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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (751) hide show
  1. package/README.md +24 -3
  2. package/chunks/ids-chunk-25YWT4C6.js +1 -0
  3. package/chunks/ids-chunk-26AMEGYJ.js +1 -0
  4. package/chunks/ids-chunk-2DTVYPSD.js +120 -0
  5. package/chunks/{ids-chunk-VSXEX4EM.js → ids-chunk-2XSPH5WP.js} +1 -1
  6. package/chunks/{ids-chunk-VZKGISMA.js → ids-chunk-2YJVDAW2.js} +18 -18
  7. package/chunks/{ids-chunk-QUXOQUFT.js → ids-chunk-326W666D.js} +1 -1
  8. package/chunks/{ids-chunk-OI3V5ZMR.js → ids-chunk-33V6A4PN.js} +94 -15
  9. package/chunks/{ids-chunk-NGLLCXSP.js → ids-chunk-376GR7ZZ.js} +74 -74
  10. package/chunks/{ids-chunk-PJGUY65T.js → ids-chunk-3DQJXCV3.js} +16 -16
  11. package/chunks/{ids-chunk-CZ53WDSC.js → ids-chunk-3K4K67DJ.js} +5 -5
  12. package/chunks/ids-chunk-3NZ7H7BT.js +1 -0
  13. package/chunks/{ids-chunk-JE4DL2PP.js → ids-chunk-3VMFQMM4.js} +1 -1
  14. package/chunks/{ids-chunk-AFC5IRWG.js → ids-chunk-3ZQZ4LWM.js} +2 -2
  15. package/chunks/{ids-chunk-UE6KINFT.js → ids-chunk-44CVUVFK.js} +11 -11
  16. package/chunks/{ids-chunk-HX7DR6BS.js → ids-chunk-4B7LRBAR.js} +1 -1
  17. package/chunks/{ids-chunk-BBMHS2QQ.js → ids-chunk-4E5OGUOL.js} +18 -18
  18. package/chunks/{ids-chunk-3VZAZNKV.js → ids-chunk-4FZLXQW3.js} +1 -1
  19. package/chunks/{ids-chunk-FY732MLA.js → ids-chunk-4RXDW4MK.js} +216 -176
  20. package/chunks/{ids-chunk-WEQ4YYN2.js → ids-chunk-4VTYAZQ5.js} +1 -1
  21. package/chunks/{ids-chunk-E6HASPY3.js → ids-chunk-4Y23U3J5.js} +10 -10
  22. package/chunks/{ids-chunk-TPLRKVBR.js → ids-chunk-542APW5J.js} +1 -1
  23. package/chunks/ids-chunk-54WKNX4L.js +1 -0
  24. package/chunks/{ids-chunk-MSZGF2V7.js → ids-chunk-56YQVDRY.js} +163 -159
  25. package/chunks/ids-chunk-5CZINUTT.js +161 -0
  26. package/chunks/{ids-chunk-K6SC5G6F.js → ids-chunk-5Q3WAL27.js} +33 -33
  27. package/chunks/ids-chunk-5T6MZ2ED.js +6 -0
  28. package/chunks/{ids-chunk-HOVVSXBS.js → ids-chunk-64UIKKHY.js} +40 -40
  29. package/chunks/{ids-chunk-EF7Q7E5L.js → ids-chunk-65HUVYR6.js} +2 -2
  30. package/chunks/{ids-chunk-RRDUYFQZ.js → ids-chunk-6A3CNKBM.js} +7 -7
  31. package/chunks/{ids-chunk-MTQNGZCM.js → ids-chunk-6JTZE653.js} +12 -12
  32. package/chunks/{ids-chunk-MZUE6M7Z.js → ids-chunk-6PATKT2Y.js} +1 -1
  33. package/chunks/{ids-chunk-MF67HEE6.js → ids-chunk-6SAUXA23.js} +9 -9
  34. package/chunks/{ids-chunk-OJLVOWNJ.js → ids-chunk-73WQ66QN.js} +2 -2
  35. package/chunks/ids-chunk-7F2NLUJ7.js +8 -0
  36. package/chunks/ids-chunk-7JIYCFAW.js +1 -0
  37. package/chunks/{ids-chunk-QEFDWP2M.js → ids-chunk-7NFN2CIC.js} +65 -65
  38. package/chunks/{ids-chunk-2PGTSIMO.js → ids-chunk-7OCEGBEP.js} +17 -17
  39. package/chunks/{ids-chunk-CA7WSO53.js → ids-chunk-7OME6RME.js} +1 -1
  40. package/chunks/{ids-chunk-EOPENUE2.js → ids-chunk-7UY3SLJK.js} +1 -1
  41. package/chunks/{ids-chunk-K3RPKHU2.js → ids-chunk-7UZR3CFO.js} +1 -1
  42. package/chunks/ids-chunk-7VJ3NF24.js +1 -0
  43. package/chunks/{ids-chunk-2VMN2PAL.js → ids-chunk-7YMQEQ4A.js} +1 -1
  44. package/chunks/{ids-chunk-ZXDVUHSP.js → ids-chunk-7ZQX5KSQ.js} +5 -5
  45. package/chunks/{ids-chunk-2DKKXQX3.js → ids-chunk-A6FYENRB.js} +17 -17
  46. package/chunks/{ids-chunk-SANGBPYY.js → ids-chunk-A6JFZG7O.js} +1 -1
  47. package/chunks/{ids-chunk-4UDMP6KJ.js → ids-chunk-AC7SL7GS.js} +19 -19
  48. package/chunks/{ids-chunk-25UZ5ODJ.js → ids-chunk-ACSBQBBN.js} +3 -3
  49. package/chunks/{ids-chunk-WMXE3J2K.js → ids-chunk-AE7IPRB7.js} +175 -171
  50. package/chunks/ids-chunk-AGRP3USW.js +14 -0
  51. package/chunks/{ids-chunk-C4BLSPJY.js → ids-chunk-AHFHXWOC.js} +22 -22
  52. package/chunks/{ids-chunk-UL53WS2G.js → ids-chunk-AKTQO63M.js} +64 -29
  53. package/chunks/ids-chunk-AN4KZJ43.js +1 -0
  54. package/chunks/{ids-chunk-QRMSWOB2.js → ids-chunk-AQ2W7TKP.js} +1 -1
  55. package/chunks/{ids-chunk-WZGR56YT.js → ids-chunk-ARK6U5LB.js} +1 -1
  56. package/chunks/{ids-chunk-SX4GQSL4.js → ids-chunk-ASQ2AMW4.js} +10 -10
  57. package/chunks/{ids-chunk-VKONCQ6O.js → ids-chunk-AVLWMYWS.js} +1 -1
  58. package/chunks/{ids-chunk-3PABHGXP.js → ids-chunk-AVNBEYP6.js} +1 -1
  59. package/chunks/ids-chunk-AYMAHFDX.js +62 -0
  60. package/chunks/{ids-chunk-X5HHVE4J.js → ids-chunk-AZSONAF7.js} +1 -1
  61. package/chunks/{ids-chunk-JGVE246R.js → ids-chunk-B3LFOR6V.js} +164 -160
  62. package/chunks/{ids-chunk-YS37TBDI.js → ids-chunk-B6P5AQ2Z.js} +1 -1
  63. package/chunks/{ids-chunk-YKXR5BK4.js → ids-chunk-BGHX2WQ5.js} +79 -79
  64. package/chunks/ids-chunk-BHWNCZZL.js +88 -0
  65. package/chunks/{ids-chunk-4KKY3I27.js → ids-chunk-BKOKGOCF.js} +166 -162
  66. package/chunks/ids-chunk-BL4JBYKT.js +25 -0
  67. package/chunks/ids-chunk-C6BQX6H6.js +1211 -0
  68. package/chunks/{ids-chunk-ASL6EZGQ.js → ids-chunk-CBYG3RUV.js} +1 -1
  69. package/chunks/{ids-chunk-OWCI3V54.js → ids-chunk-CLYFE2CL.js} +39 -39
  70. package/chunks/{ids-chunk-AGYAUIKW.js → ids-chunk-CSMD57BJ.js} +1 -1
  71. package/chunks/{ids-chunk-TLYMQSUY.js → ids-chunk-CSRRX6G6.js} +11 -11
  72. package/chunks/ids-chunk-D6UKDSVM.js +223 -0
  73. package/chunks/{ids-chunk-TWD4QGAE.js → ids-chunk-DANZRIXB.js} +47 -47
  74. package/chunks/{ids-chunk-3OHNRD7P.js → ids-chunk-DAU3MKBE.js} +8 -8
  75. package/chunks/{ids-chunk-34TUCVE2.js → ids-chunk-DMBGX6DQ.js} +22 -22
  76. package/chunks/{ids-chunk-NOZIDPCE.js → ids-chunk-DOLUR6CX.js} +1 -1
  77. package/chunks/ids-chunk-DRYOA3YT.js +102 -0
  78. package/chunks/{ids-chunk-N6J46CDW.js → ids-chunk-DSILQO6B.js} +1 -1
  79. package/chunks/{ids-chunk-P3LAR6X5.js → ids-chunk-DUQK5NSR.js} +1 -1
  80. package/chunks/{ids-chunk-OAOSLNJT.js → ids-chunk-E4VRTFNA.js} +231 -191
  81. package/chunks/{ids-chunk-LH2TWUML.js → ids-chunk-E7AO6UCK.js} +2 -2
  82. package/chunks/{ids-chunk-IUQDTAVW.js → ids-chunk-EJFTSZLS.js} +1 -1
  83. package/chunks/{ids-chunk-ZIZVHIP3.js → ids-chunk-EPKVUBGJ.js} +26 -26
  84. package/chunks/{ids-chunk-CSQCJF6Y.js → ids-chunk-EUOXPGET.js} +2 -2
  85. package/chunks/{ids-chunk-VBGN2CRQ.js → ids-chunk-FF2PR2KM.js} +1 -1
  86. package/chunks/{ids-chunk-QXHTM37J.js → ids-chunk-FGFRV5FR.js} +180 -4
  87. package/chunks/{ids-chunk-KSFNE7CV.js → ids-chunk-FIWDJDBN.js} +1 -1
  88. package/chunks/{ids-chunk-QGYZJQT6.js → ids-chunk-FQI7WFGL.js} +1 -1
  89. package/chunks/{ids-chunk-ETPDURX4.js → ids-chunk-G43XXP7Q.js} +39 -41
  90. package/chunks/{ids-chunk-YU2I4MHS.js → ids-chunk-G6CTBPDT.js} +3 -3
  91. package/chunks/{ids-chunk-L7UQRKY2.js → ids-chunk-GA3B7NQH.js} +22 -23
  92. package/chunks/{ids-chunk-RTUKNVUC.js → ids-chunk-GFTX3QTI.js} +17 -17
  93. package/chunks/{ids-chunk-TZJMQQB5.js → ids-chunk-GRVG3BUL.js} +6 -6
  94. package/chunks/ids-chunk-GZIEPPZO.js +18 -0
  95. package/chunks/ids-chunk-HABPILOR.js +1 -0
  96. package/chunks/{ids-chunk-YZWNIZAV.js → ids-chunk-HBMJNZ22.js} +21 -21
  97. package/chunks/{ids-chunk-SMIULO4X.js → ids-chunk-HMVBXMIM.js} +48 -48
  98. package/chunks/{ids-chunk-43NIX57R.js → ids-chunk-HTNX6JIZ.js} +1 -1
  99. package/chunks/{ids-chunk-SDY66MPI.js → ids-chunk-I2TYEGWJ.js} +3 -3
  100. package/chunks/{ids-chunk-VIRH6Q35.js → ids-chunk-IGXNMW4U.js} +9 -10
  101. package/chunks/{ids-chunk-UYV4P3JF.js → ids-chunk-IN5FFIIS.js} +1 -1
  102. package/chunks/ids-chunk-IZZJC2EB.js +240 -0
  103. package/chunks/{ids-chunk-W7LEXJSD.js → ids-chunk-J252AMUY.js} +1 -1
  104. package/chunks/{ids-chunk-WWN6C3DG.js → ids-chunk-J377KX6R.js} +1 -1
  105. package/chunks/{ids-chunk-OCX72AHL.js → ids-chunk-JA6ES3WY.js} +1 -1
  106. package/chunks/ids-chunk-JAL6RO7W.js +111 -0
  107. package/chunks/{ids-chunk-P3LFWF2P.js → ids-chunk-JB4HATAK.js} +16 -34
  108. package/chunks/{ids-chunk-5WUJ7UVF.js → ids-chunk-JIQ2LTHS.js} +1 -1
  109. package/chunks/{ids-chunk-ZHYOU3QW.js → ids-chunk-K7QJZ6GH.js} +1 -1
  110. package/chunks/{ids-chunk-52DWIKRP.js → ids-chunk-KDN7NRYA.js} +3 -3
  111. package/chunks/{ids-chunk-3XDDGBZE.js → ids-chunk-KEYQVP7N.js} +1 -1
  112. package/chunks/{ids-chunk-W2CAJ2LX.js → ids-chunk-KHY7SIUO.js} +4 -4
  113. package/chunks/{ids-chunk-ATUXA72Z.js → ids-chunk-KKBR7IGT.js} +1 -1
  114. package/chunks/{ids-chunk-RLKHPYT2.js → ids-chunk-KOMTS3V6.js} +1 -1
  115. package/chunks/{ids-chunk-DVFMODVX.js → ids-chunk-KTZENJ63.js} +23 -23
  116. package/chunks/{ids-chunk-YX3ZJXK2.js → ids-chunk-LAFXOE7V.js} +16 -16
  117. package/chunks/{ids-chunk-4NYT2ZBL.js → ids-chunk-LBYVOWTC.js} +23 -23
  118. package/chunks/{ids-chunk-A6ZOIVJF.js → ids-chunk-LFP4BXTN.js} +11 -11
  119. package/chunks/{ids-chunk-5AJABYTN.js → ids-chunk-LVUIKMAB.js} +1 -1
  120. package/chunks/ids-chunk-LVZFU6JO.js +194 -0
  121. package/chunks/{ids-chunk-C4LW4BRH.js → ids-chunk-M44M2XW4.js} +1 -1
  122. package/chunks/ids-chunk-M5U2D2ZU.js +1 -0
  123. package/chunks/ids-chunk-MC7TRILZ.js +1 -0
  124. package/chunks/{ids-chunk-GIC5SPNZ.js → ids-chunk-MLUF5BVT.js} +3 -3
  125. package/chunks/{ids-chunk-WGYBEZ5R.js → ids-chunk-MOAOEZYS.js} +1 -1
  126. package/chunks/{ids-chunk-6CC2YTLI.js → ids-chunk-NNLIK5QY.js} +4 -4
  127. package/chunks/{ids-chunk-CXTPP7VC.js → ids-chunk-NTMP4YNK.js} +1 -1
  128. package/chunks/{ids-chunk-VZYWIHMU.js → ids-chunk-O5K7VBSR.js} +1 -1
  129. package/chunks/{ids-chunk-IADGPFIU.js → ids-chunk-O6RSWMYI.js} +14 -14
  130. package/chunks/{ids-chunk-GD7I4Q2L.js → ids-chunk-O7EMEZFO.js} +1 -1
  131. package/chunks/{ids-chunk-UXOESE2B.js → ids-chunk-ODSUO7BM.js} +1 -1
  132. package/chunks/{ids-chunk-42MNDDP4.js → ids-chunk-OEOYGQW7.js} +31 -31
  133. package/chunks/{ids-chunk-7VNHKDYO.js → ids-chunk-OFFB3CAE.js} +69 -69
  134. package/chunks/ids-chunk-OIS6KGMU.js +1 -0
  135. package/chunks/{ids-chunk-H2ESTTQV.js → ids-chunk-OKBUVHAP.js} +4 -4
  136. package/chunks/{ids-chunk-PPT7GJXK.js → ids-chunk-OL3ARYDL.js} +1 -1
  137. package/chunks/{ids-chunk-PL6TH5G5.js → ids-chunk-ON5KDCUX.js} +16 -16
  138. package/chunks/ids-chunk-P4KSMASW.js +113 -0
  139. package/chunks/{ids-chunk-U266Z2MU.js → ids-chunk-PAV7LQOO.js} +1 -1
  140. package/chunks/{ids-chunk-LU7S3KBE.js → ids-chunk-PCQZFZLI.js} +1 -1
  141. package/chunks/{ids-chunk-7RHRY75G.js → ids-chunk-PG7C53XX.js} +2 -2
  142. package/chunks/{ids-chunk-36LHNWPP.js → ids-chunk-PTT3MTF7.js} +4 -4
  143. package/chunks/{ids-chunk-LJATRMPV.js → ids-chunk-Q7734ANA.js} +1 -1
  144. package/chunks/{ids-chunk-BQNSGN27.js → ids-chunk-QCRLDB3I.js} +1 -1
  145. package/chunks/{ids-chunk-LLIMTIAB.js → ids-chunk-QG2YEIVS.js} +2 -2
  146. package/chunks/{ids-chunk-2CQJZS6V.js → ids-chunk-QG4VRLBZ.js} +3 -3
  147. package/chunks/ids-chunk-QNRNJSFM.js +26 -0
  148. package/chunks/{ids-chunk-T73LTJDA.js → ids-chunk-QPUZP4H3.js} +5 -5
  149. package/chunks/{ids-chunk-P2D5GQOV.js → ids-chunk-QRLAPANT.js} +18 -18
  150. package/chunks/{ids-chunk-H6OYE4DR.js → ids-chunk-QSY44BZB.js} +1 -1
  151. package/chunks/ids-chunk-QXBFKEEP.js +1 -0
  152. package/chunks/{ids-chunk-Q6YDMB2A.js → ids-chunk-R7DZNS7W.js} +1 -1
  153. package/chunks/{ids-chunk-USQXUCDZ.js → ids-chunk-RDYB6JPO.js} +1 -1
  154. package/chunks/{ids-chunk-6XCOPQLH.js → ids-chunk-RI2BXZ6U.js} +1 -1
  155. package/chunks/{ids-chunk-MH4P6OJT.js → ids-chunk-RJCX7NER.js} +19 -19
  156. package/chunks/{ids-chunk-EVCI4WMT.js → ids-chunk-RLU5OFPQ.js} +1 -1
  157. package/chunks/{ids-chunk-NQTSEY5I.js → ids-chunk-RXKBAZ4I.js} +3 -3
  158. package/chunks/ids-chunk-RYIIQO4Z.js +25 -0
  159. package/chunks/{ids-chunk-MYKNXGMC.js → ids-chunk-RZSBH2SE.js} +197 -186
  160. package/chunks/{ids-chunk-R5YGFEAN.js → ids-chunk-SMNM5SCI.js} +1 -1
  161. package/chunks/{ids-chunk-DGXUDQQ7.js → ids-chunk-SP77E4S7.js} +10 -10
  162. package/chunks/ids-chunk-SRT7C7PU.js +52 -0
  163. package/chunks/ids-chunk-SUZ4YNUA.js +1 -0
  164. package/chunks/{ids-chunk-IGFZNIFL.js → ids-chunk-SYHVJ4TR.js} +1 -1
  165. package/chunks/ids-chunk-SZ64NQCD.js +1 -0
  166. package/chunks/{ids-chunk-ILL3AE5R.js → ids-chunk-T55PJIDE.js} +1 -1
  167. package/chunks/ids-chunk-TH2IC4AR.js +45 -0
  168. package/chunks/ids-chunk-TJKIW3GF.js +1 -0
  169. package/chunks/{ids-chunk-ZNLFCLFJ.js → ids-chunk-TJMN75LJ.js} +7 -7
  170. package/chunks/ids-chunk-TQSDO4QL.js +103 -0
  171. package/chunks/{ids-chunk-EMRJ5H4S.js → ids-chunk-TSFWUBNI.js} +1 -1
  172. package/chunks/{ids-chunk-367AJCHD.js → ids-chunk-TYUILR5W.js} +1 -1
  173. package/chunks/{ids-chunk-6HHXSMJS.js → ids-chunk-TZUETUBJ.js} +26 -26
  174. package/chunks/{ids-chunk-DA3A255R.js → ids-chunk-UHSHX3GP.js} +68 -53
  175. package/chunks/{ids-chunk-LTH7CZ6Q.js → ids-chunk-UN2Q545Y.js} +5 -5
  176. package/chunks/{ids-chunk-HT4HOREV.js → ids-chunk-UQLHTIAQ.js} +1 -1
  177. package/chunks/{ids-chunk-XZXJLS2V.js → ids-chunk-UV5AWFQL.js} +1 -1
  178. package/chunks/{ids-chunk-LXYTBRXE.js → ids-chunk-UVS4MOQI.js} +12 -12
  179. package/chunks/{ids-chunk-OMVLELNC.js → ids-chunk-UXTJR3X7.js} +5 -5
  180. package/chunks/{ids-chunk-JQXYHNEV.js → ids-chunk-UZANXZK4.js} +1 -1
  181. package/chunks/{ids-chunk-UAUE2CSS.js → ids-chunk-UZJO7ZOJ.js} +1 -1
  182. package/chunks/{ids-chunk-FSAS2D6N.js → ids-chunk-VE76TL7Q.js} +10 -10
  183. package/chunks/{ids-chunk-P2FFFWZL.js → ids-chunk-VPHSXARB.js} +1 -1
  184. package/chunks/{ids-chunk-6IERICJN.js → ids-chunk-W3ZV5EFE.js} +14 -14
  185. package/chunks/{ids-chunk-S3M2MLOD.js → ids-chunk-WAVQMT3W.js} +1 -1
  186. package/chunks/{ids-chunk-IHPIPTZC.js → ids-chunk-WGNRSGWT.js} +1 -1
  187. package/chunks/{ids-chunk-GEUKKHEG.js → ids-chunk-WRUIRBNC.js} +9 -9
  188. package/chunks/{ids-chunk-2XRFIR3A.js → ids-chunk-WWOYYPGI.js} +10 -10
  189. package/chunks/{ids-chunk-4Y4BRYZL.js → ids-chunk-WY2RW7QR.js} +9 -9
  190. package/chunks/{ids-chunk-SUVBHASO.js → ids-chunk-X5346J2B.js} +28 -29
  191. package/chunks/{ids-chunk-BI2YOST6.js → ids-chunk-XDWQ5WXK.js} +21 -21
  192. package/chunks/{ids-chunk-BXRJMYH7.js → ids-chunk-XOCDLDSL.js} +1 -2
  193. package/chunks/ids-chunk-XUBQJWA7.js +1 -0
  194. package/chunks/{ids-chunk-ORBJOUUM.js → ids-chunk-YERL5S6Q.js} +1 -1
  195. package/chunks/{ids-chunk-YZHR5JP2.js → ids-chunk-YG2GGPUF.js} +1 -1
  196. package/chunks/{ids-chunk-6WR4WVTO.js → ids-chunk-YLKBVOHL.js} +5 -17
  197. package/chunks/ids-chunk-YR4ETN4E.js +83 -0
  198. package/chunks/{ids-chunk-LAAB742O.js → ids-chunk-YTYZ335M.js} +20 -20
  199. package/chunks/{ids-chunk-NPY263FI.js → ids-chunk-YU33SS63.js} +2 -2
  200. package/chunks/{ids-chunk-WREXTGQ5.js → ids-chunk-Z4ABKCW2.js} +1 -1
  201. package/chunks/{ids-chunk-WPEV3C6S.js → ids-chunk-Z4W2DLY5.js} +6 -6
  202. package/chunks/{ids-chunk-SEIJVLB6.js → ids-chunk-ZCJYJ367.js} +1 -1
  203. package/chunks/ids-chunk-ZEOJGEIP.js +312 -0
  204. package/chunks/ids-chunk-ZIGY2P3N.js +1 -0
  205. package/chunks/{ids-chunk-IQBJWG7X.js → ids-chunk-ZMH5HZG3.js} +25 -26
  206. package/chunks/{ids-chunk-4VS5BNP3.js → ids-chunk-ZOBFQFJN.js} +1 -1
  207. package/chunks/ids-chunk-ZPLJB5XX.js +11 -0
  208. package/chunks/{ids-chunk-E347QZGX.js → ids-chunk-ZQJNVYQC.js} +12 -12
  209. package/components/enterprise-wc.d.ts +1 -0
  210. package/components/enterprise-wc.js +1 -1
  211. package/components/ids-about/ids-about.css +15 -15
  212. package/components/ids-about/ids-about.d.ts +1 -0
  213. package/components/ids-about/ids-about.js +1 -1
  214. package/components/ids-accordion/ids-accordion-header.d.ts +2 -0
  215. package/components/ids-accordion/ids-accordion-header.js +1 -1
  216. package/components/ids-accordion/ids-accordion-panel.d.ts +3 -0
  217. package/components/ids-accordion/ids-accordion-panel.js +1 -1
  218. package/components/ids-accordion/ids-accordion.css +3 -3
  219. package/components/ids-accordion/ids-accordion.d.ts +4 -0
  220. package/components/ids-accordion/ids-accordion.js +1 -1
  221. package/components/ids-action-panel/ids-action-panel.css +6 -6
  222. package/components/ids-action-panel/ids-action-panel.js +1 -1
  223. package/components/ids-action-sheet/ids-action-sheet.css +6 -6
  224. package/components/ids-action-sheet/ids-action-sheet.d.ts +1 -0
  225. package/components/ids-action-sheet/ids-action-sheet.js +1 -1
  226. package/components/ids-alert/ids-alert.css +14 -32
  227. package/components/ids-alert/ids-alert.d.ts +2 -0
  228. package/components/ids-alert/ids-alert.js +1 -1
  229. package/components/ids-app-menu/ids-app-menu.css +15 -15
  230. package/components/ids-app-menu/ids-app-menu.d.ts +1 -0
  231. package/components/ids-app-menu/ids-app-menu.js +1 -1
  232. package/components/ids-area-chart/ids-area-chart.css +38 -40
  233. package/components/ids-area-chart/ids-area-chart.js +1 -1
  234. package/components/ids-axis-chart/ids-axis-chart.css +18 -19
  235. package/components/ids-axis-chart/ids-axis-chart.d.ts +6 -2
  236. package/components/ids-axis-chart/ids-axis-chart.js +1 -1
  237. package/components/ids-axis-chart/ids-chart-colors.js +1 -1
  238. package/components/ids-badge/ids-badge.css +25 -25
  239. package/components/ids-badge/ids-badge.d.ts +3 -2
  240. package/components/ids-badge/ids-badge.js +1 -1
  241. package/components/ids-bar-chart/ids-bar-chart.css +18 -19
  242. package/components/ids-bar-chart/ids-bar-chart.js +1 -1
  243. package/components/ids-block-grid/ids-block-grid-item.d.ts +13 -3
  244. package/components/ids-block-grid/ids-block-grid-item.js +1 -1
  245. package/components/ids-block-grid/ids-block-grid.css +20 -62
  246. package/components/ids-block-grid/ids-block-grid.d.ts +5 -3
  247. package/components/ids-block-grid/ids-block-grid.js +1 -1
  248. package/components/ids-box/ids-box.css +44 -0
  249. package/components/ids-box/ids-box.d.ts +92 -0
  250. package/components/ids-box/ids-box.js +1 -0
  251. package/components/ids-breadcrumb/ids-breadcrumb.css +18 -18
  252. package/components/ids-breadcrumb/ids-breadcrumb.d.ts +2 -0
  253. package/components/ids-breadcrumb/ids-breadcrumb.js +1 -1
  254. package/components/ids-button/ids-button-common.js +1 -1
  255. package/components/ids-button/ids-button.css +213 -173
  256. package/components/ids-button/ids-button.d.ts +22 -13
  257. package/components/ids-button/ids-button.js +1 -1
  258. package/components/ids-calendar/ids-calendar-event.d.ts +2 -0
  259. package/components/ids-calendar/ids-calendar-event.js +1 -1
  260. package/components/ids-calendar/ids-calendar.css +249 -175
  261. package/components/ids-calendar/ids-calendar.d.ts +7 -3
  262. package/components/ids-calendar/ids-calendar.js +1 -1
  263. package/components/ids-card/ids-card-action.js +1 -1
  264. package/components/ids-card/ids-card.css +65 -50
  265. package/components/ids-card/ids-card.d.ts +398 -60
  266. package/components/ids-card/ids-card.js +1 -1
  267. package/components/ids-checkbox/ids-checkbox.css +64 -64
  268. package/components/ids-checkbox/ids-checkbox.d.ts +13 -7
  269. package/components/ids-checkbox/ids-checkbox.js +1 -1
  270. package/components/ids-checkbox-group/ids-checkbox-group.css +1 -1
  271. package/components/ids-checkbox-group/ids-checkbox-group.d.ts +1 -0
  272. package/components/ids-checkbox-group/ids-checkbox-group.js +1 -1
  273. package/components/ids-color/ids-color.css +2 -2
  274. package/components/ids-color/ids-color.d.ts +2 -0
  275. package/components/ids-color/ids-color.js +1 -1
  276. package/components/ids-color-picker/ids-color-picker.css +161 -157
  277. package/components/ids-color-picker/ids-color-picker.d.ts +11 -4
  278. package/components/ids-color-picker/ids-color-picker.js +1 -1
  279. package/components/ids-container/ids-container.css +50 -10
  280. package/components/ids-container/ids-container.d.ts +11 -5
  281. package/components/ids-container/ids-container.js +1 -1
  282. package/components/ids-counts/ids-counts.css +7 -7
  283. package/components/ids-counts/ids-counts.d.ts +1 -0
  284. package/components/ids-counts/ids-counts.js +1 -1
  285. package/components/ids-data-grid/ids-data-grid-cell.d.ts +8 -0
  286. package/components/ids-data-grid/ids-data-grid-cell.js +1 -1
  287. package/components/ids-data-grid/ids-data-grid-column.d.ts +6 -0
  288. package/components/ids-data-grid/ids-data-grid-container-arguments.js +1 -1
  289. package/components/ids-data-grid/ids-data-grid-contextmenu.js +1 -1
  290. package/components/ids-data-grid/ids-data-grid-editors.js +1 -1
  291. package/components/ids-data-grid/ids-data-grid-empty-message.js +1 -1
  292. package/components/ids-data-grid/ids-data-grid-filters.js +1 -1
  293. package/components/ids-data-grid/ids-data-grid-formatters.js +1 -1
  294. package/components/ids-data-grid/ids-data-grid-header.d.ts +5 -1
  295. package/components/ids-data-grid/ids-data-grid-header.js +1 -1
  296. package/components/ids-data-grid/ids-data-grid-row.d.ts +5 -0
  297. package/components/ids-data-grid/ids-data-grid-row.js +1 -1
  298. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.d.ts +16 -15
  299. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.js +1 -1
  300. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.d.ts +15 -14
  301. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.js +1 -1
  302. package/components/ids-data-grid/ids-data-grid.css +151 -146
  303. package/components/ids-data-grid/ids-data-grid.d.ts +51 -58
  304. package/components/ids-data-grid/ids-data-grid.js +1 -1
  305. package/components/ids-data-label/ids-data-label.css +4 -4
  306. package/components/ids-data-label/ids-data-label.d.ts +2 -0
  307. package/components/ids-data-label/ids-data-label.js +1 -1
  308. package/components/ids-date-picker/ids-date-picker-common.js +1 -1
  309. package/components/ids-date-picker/ids-date-picker-popup.d.ts +6 -3
  310. package/components/ids-date-picker/ids-date-picker-popup.js +1 -1
  311. package/components/ids-date-picker/ids-date-picker.css +5 -5
  312. package/components/ids-date-picker/ids-date-picker.d.ts +15 -5
  313. package/components/ids-date-picker/ids-date-picker.js +1 -1
  314. package/components/ids-date-picker/ids-month-year-picklist.d.ts +4 -0
  315. package/components/ids-date-picker/ids-month-year-picklist.js +1 -1
  316. package/components/ids-draggable/ids-draggable.d.ts +1 -0
  317. package/components/ids-draggable/ids-draggable.js +1 -1
  318. package/components/ids-drawer/ids-drawer.css +8 -8
  319. package/components/ids-drawer/ids-drawer.d.ts +4 -1
  320. package/components/ids-drawer/ids-drawer.js +1 -1
  321. package/components/ids-dropdown/ids-dropdown-attributes-mixin.d.ts +1 -0
  322. package/components/ids-dropdown/ids-dropdown-attributes-mixin.js +1 -1
  323. package/components/ids-dropdown/ids-dropdown-common.js +1 -1
  324. package/components/ids-dropdown/ids-dropdown-list.d.ts +5 -1
  325. package/components/ids-dropdown/ids-dropdown-list.js +1 -1
  326. package/components/ids-dropdown/ids-dropdown.css +21 -21
  327. package/components/ids-dropdown/ids-dropdown.d.ts +17 -5
  328. package/components/ids-dropdown/ids-dropdown.js +1 -1
  329. package/components/ids-editor/ids-editor-clean-utils.js +1 -1
  330. package/components/ids-editor/ids-editor-handle-paste.js +1 -1
  331. package/components/ids-editor/ids-editor-selection-utils.js +1 -1
  332. package/components/ids-editor/ids-editor-shared.js +1 -1
  333. package/components/ids-editor/ids-editor.css +60 -60
  334. package/components/ids-editor/ids-editor.d.ts +11 -6
  335. package/components/ids-editor/ids-editor.js +1 -1
  336. package/components/ids-empty-message/ids-empty-message.css +2 -2
  337. package/components/ids-empty-message/ids-empty-message.d.ts +1 -0
  338. package/components/ids-empty-message/ids-empty-message.js +1 -1
  339. package/components/ids-error-page/ids-error-page.js +1 -1
  340. package/components/ids-expandable-area/ids-expandable-area.css +11 -11
  341. package/components/ids-expandable-area/ids-expandable-area.d.ts +1 -0
  342. package/components/ids-expandable-area/ids-expandable-area.js +1 -1
  343. package/components/ids-fieldset/ids-fieldset.css +2 -2
  344. package/components/ids-fieldset/ids-fieldset.d.ts +1 -0
  345. package/components/ids-fieldset/ids-fieldset.js +1 -1
  346. package/components/ids-form/ids-form.d.ts +3 -1
  347. package/components/ids-form/ids-form.js +1 -1
  348. package/components/ids-header/ids-header.css +10 -3
  349. package/components/ids-header/ids-header.d.ts +373 -22
  350. package/components/ids-header/ids-header.js +1 -1
  351. package/components/ids-hidden/ids-hidden.js +1 -1
  352. package/components/ids-hierarchy/ids-hierarchy-item.d.ts +3 -4
  353. package/components/ids-hierarchy/ids-hierarchy-item.js +23 -23
  354. package/components/ids-hierarchy/ids-hierarchy-legend-item.d.ts +2 -3
  355. package/components/ids-hierarchy/ids-hierarchy-legend-item.js +9 -9
  356. package/components/ids-hierarchy/ids-hierarchy-legend.js +2 -2
  357. package/components/ids-hierarchy/ids-hierarchy.css +116 -13
  358. package/components/ids-hierarchy/ids-hierarchy.d.ts +1 -0
  359. package/components/ids-hierarchy/ids-hierarchy.js +1 -1
  360. package/components/ids-home-page/ids-home-page-attributes.d.ts +2 -2
  361. package/components/ids-home-page/ids-home-page-attributes.js +1 -1
  362. package/components/ids-home-page/ids-home-page.css +4 -3
  363. package/components/ids-home-page/ids-home-page.d.ts +16 -22
  364. package/components/ids-home-page/ids-home-page.js +1 -1
  365. package/components/ids-hyperlink/ids-hyperlink.css +14 -111
  366. package/components/ids-hyperlink/ids-hyperlink.d.ts +14 -1
  367. package/components/ids-hyperlink/ids-hyperlink.js +1 -1
  368. package/components/ids-hyperlink/ids-link-list.d.ts +16 -0
  369. package/components/ids-hyperlink/ids-link-list.js +1 -0
  370. package/components/ids-icon/ids-icon.css +91 -12
  371. package/components/ids-icon/ids-icon.d.ts +9 -0
  372. package/components/ids-icon/ids-icon.js +1 -1
  373. package/components/ids-image/ids-image.css +15 -15
  374. package/components/ids-image/ids-image.d.ts +1 -0
  375. package/components/ids-image/ids-image.js +1 -1
  376. package/components/ids-input/ids-autocomplete.d.ts +8 -7
  377. package/components/ids-input/ids-autocomplete.js +1 -1
  378. package/components/ids-input/ids-input.css +158 -154
  379. package/components/ids-input/ids-input.d.ts +48 -33
  380. package/components/ids-input/ids-input.js +1 -1
  381. package/components/ids-layout-flex/ids-layout-flex-item.js +1 -1
  382. package/components/ids-layout-flex/ids-layout-flex.js +1 -1
  383. package/components/ids-layout-grid/ids-layout-grid-cell.d.ts +1 -0
  384. package/components/ids-layout-grid/ids-layout-grid-cell.js +1 -1
  385. package/components/ids-layout-grid/ids-layout-grid-common.d.ts +3 -1
  386. package/components/ids-layout-grid/ids-layout-grid-common.js +1 -1
  387. package/components/ids-layout-grid/ids-layout-grid.d.ts +71 -1
  388. package/components/ids-layout-grid/ids-layout-grid.js +1 -1
  389. package/components/ids-line-chart/ids-line-chart.css +20 -21
  390. package/components/ids-line-chart/ids-line-chart.js +1 -1
  391. package/components/ids-list-box/ids-list-box-option.d.ts +2 -0
  392. package/components/ids-list-box/ids-list-box-option.js +1 -1
  393. package/components/ids-list-box/ids-list-box.css +12 -12
  394. package/components/ids-list-box/ids-list-box.js +1 -1
  395. package/components/ids-list-builder/ids-list-builder.css +7 -7
  396. package/components/ids-list-builder/ids-list-builder.js +1 -1
  397. package/components/ids-list-view/ids-list-view-item.d.ts +471 -0
  398. package/components/ids-list-view/ids-list-view-item.js +1 -0
  399. package/components/ids-list-view/ids-list-view-search-mixin.d.ts +8 -7
  400. package/components/ids-list-view/ids-list-view-search-mixin.js +1 -1
  401. package/components/ids-list-view/ids-list-view.css +32 -24
  402. package/components/ids-list-view/ids-list-view.d.ts +420 -47
  403. package/components/ids-list-view/ids-list-view.js +1 -1
  404. package/components/ids-loading-indicator/ids-loading-indicator-attributes.js +1 -1
  405. package/components/ids-loading-indicator/ids-loading-indicator.css +15 -15
  406. package/components/ids-loading-indicator/ids-loading-indicator.d.ts +10 -4
  407. package/components/ids-loading-indicator/ids-loading-indicator.js +1 -1
  408. package/components/ids-locale/ids-locale.js +1 -1
  409. package/components/ids-lookup/ids-lookup.d.ts +10 -2
  410. package/components/ids-lookup/ids-lookup.js +1 -1
  411. package/components/ids-mask/ids-masks.js +1 -1
  412. package/components/ids-masthead/ids-masthead.css +8 -8
  413. package/components/ids-masthead/ids-masthead.d.ts +2 -0
  414. package/components/ids-masthead/ids-masthead.js +1 -1
  415. package/components/ids-menu/ids-menu-group.d.ts +2 -0
  416. package/components/ids-menu/ids-menu-group.js +1 -1
  417. package/components/ids-menu/ids-menu-header.d.ts +1 -0
  418. package/components/ids-menu/ids-menu-header.js +1 -1
  419. package/components/ids-menu/ids-menu-item.d.ts +2 -0
  420. package/components/ids-menu/ids-menu-item.js +1 -1
  421. package/components/ids-menu/ids-menu.css +295 -5
  422. package/components/ids-menu/ids-menu.d.ts +2 -0
  423. package/components/ids-menu/ids-menu.js +1 -1
  424. package/components/ids-menu-button/ids-menu-button-attributes.js +1 -1
  425. package/components/ids-menu-button/ids-menu-button.js +1 -1
  426. package/components/ids-message/ids-message-attributes.js +1 -1
  427. package/components/ids-message/ids-message.css +9 -12
  428. package/components/ids-message/ids-message.js +1 -1
  429. package/components/ids-modal/ids-modal.d.ts +39 -18
  430. package/components/ids-modal/ids-modal.js +1 -1
  431. package/components/ids-modal/ids-overlay.d.ts +1 -0
  432. package/components/ids-modal/ids-overlay.js +1 -1
  433. package/components/ids-modal-button/ids-modal-button.js +1 -1
  434. package/components/ids-month-view/ids-month-view-attribute-mixin.d.ts +4 -3
  435. package/components/ids-month-view/ids-month-view-attribute-mixin.js +1 -1
  436. package/components/ids-month-view/ids-month-view.css +27 -27
  437. package/components/ids-month-view/ids-month-view.d.ts +11 -6
  438. package/components/ids-month-view/ids-month-view.js +1 -1
  439. package/components/ids-multiselect/ids-multiselect.css +22 -22
  440. package/components/ids-multiselect/ids-multiselect.js +1 -1
  441. package/components/ids-notification-banner/ids-notification-banner.css +6 -6
  442. package/components/ids-notification-banner/ids-notification-banner.d.ts +2 -0
  443. package/components/ids-notification-banner/ids-notification-banner.js +1 -1
  444. package/components/ids-pager/ids-pager-button.d.ts +3 -0
  445. package/components/ids-pager/ids-pager-button.js +1 -1
  446. package/components/ids-pager/ids-pager-dropdown.d.ts +1 -0
  447. package/components/ids-pager/ids-pager-dropdown.js +1 -1
  448. package/components/ids-pager/ids-pager-input.d.ts +2 -0
  449. package/components/ids-pager/ids-pager-input.js +1 -1
  450. package/components/ids-pager/ids-pager-number-list.d.ts +2 -0
  451. package/components/ids-pager/ids-pager-number-list.js +1 -1
  452. package/components/ids-pager/ids-pager.css +29 -22
  453. package/components/ids-pager/ids-pager.d.ts +1 -0
  454. package/components/ids-pager/ids-pager.js +1 -1
  455. package/components/ids-picker-popup/ids-picker-popup.d.ts +16 -11
  456. package/components/ids-picker-popup/ids-picker-popup.js +1 -1
  457. package/components/ids-pie-chart/ids-pie-chart.css +9 -9
  458. package/components/ids-pie-chart/ids-pie-chart.d.ts +6 -2
  459. package/components/ids-pie-chart/ids-pie-chart.js +1 -1
  460. package/components/ids-popup/ids-popup-attributes.js +1 -1
  461. package/components/ids-popup/ids-popup.css +76 -76
  462. package/components/ids-popup/ids-popup.d.ts +2 -0
  463. package/components/ids-popup/ids-popup.js +1 -1
  464. package/components/ids-popup-menu/ids-popup-menu.css +1 -1
  465. package/components/ids-popup-menu/ids-popup-menu.d.ts +7 -3
  466. package/components/ids-popup-menu/ids-popup-menu.js +1 -1
  467. package/components/ids-process-indicator/ids-process-indicator-step.d.ts +1 -0
  468. package/components/ids-process-indicator/ids-process-indicator-step.js +1 -1
  469. package/components/ids-process-indicator/ids-process-indicator.css +1 -1
  470. package/components/ids-process-indicator/ids-process-indicator.d.ts +1 -0
  471. package/components/ids-process-indicator/ids-process-indicator.js +1 -1
  472. package/components/ids-progress-bar/ids-progress-bar.css +11 -11
  473. package/components/ids-progress-bar/ids-progress-bar.d.ts +1 -0
  474. package/components/ids-progress-bar/ids-progress-bar.js +1 -1
  475. package/components/ids-progress-chart/ids-progress-chart.css +9 -9
  476. package/components/ids-progress-chart/ids-progress-chart.d.ts +1 -4
  477. package/components/ids-progress-chart/ids-progress-chart.js +1 -1
  478. package/components/ids-radio/ids-radio-group.d.ts +6 -2
  479. package/components/ids-radio/ids-radio-group.js +1 -1
  480. package/components/ids-radio/ids-radio.css +175 -102
  481. package/components/ids-radio/ids-radio.d.ts +2 -0
  482. package/components/ids-radio/ids-radio.js +1 -1
  483. package/components/ids-rating/ids-rating.css +9 -9
  484. package/components/ids-rating/ids-rating.d.ts +2 -0
  485. package/components/ids-rating/ids-rating.js +1 -1
  486. package/components/ids-scroll-view/ids-scroll-view.css +3 -3
  487. package/components/ids-scroll-view/ids-scroll-view.d.ts +3 -0
  488. package/components/ids-scroll-view/ids-scroll-view.js +1 -1
  489. package/components/ids-search-field/ids-search-field.css +190 -179
  490. package/components/ids-search-field/ids-search-field.js +1 -1
  491. package/components/ids-separator/ids-separator.css +2 -2
  492. package/components/ids-separator/ids-separator.d.ts +2 -0
  493. package/components/ids-separator/ids-separator.js +1 -1
  494. package/components/ids-skip-link/ids-skip-link.css +62 -27
  495. package/components/ids-skip-link/ids-skip-link.d.ts +1 -0
  496. package/components/ids-skip-link/ids-skip-link.js +1 -1
  497. package/components/ids-slider/ids-slider.css +36 -36
  498. package/components/ids-slider/ids-slider.d.ts +2 -0
  499. package/components/ids-slider/ids-slider.js +1 -1
  500. package/components/ids-spinbox/ids-spinbox.css +171 -167
  501. package/components/ids-spinbox/ids-spinbox.js +1 -1
  502. package/components/ids-splitter/ids-splitter-local-storage.js +1 -1
  503. package/components/ids-splitter/ids-splitter-pane.d.ts +2 -0
  504. package/components/ids-splitter/ids-splitter-pane.js +1 -1
  505. package/components/ids-splitter/ids-splitter.css +58 -27
  506. package/components/ids-splitter/ids-splitter.d.ts +6 -14
  507. package/components/ids-splitter/ids-splitter.js +1 -1
  508. package/components/ids-stats/ids-stats.css +37 -0
  509. package/components/ids-stats/ids-stats.d.ts +468 -0
  510. package/components/ids-stats/ids-stats.js +1 -0
  511. package/components/ids-step-chart/ids-step-chart.css +2 -2
  512. package/components/ids-step-chart/ids-step-chart.d.ts +1 -0
  513. package/components/ids-step-chart/ids-step-chart.js +1 -1
  514. package/components/ids-swaplist/ids-swaplist.css +15 -9
  515. package/components/ids-swaplist/ids-swaplist.d.ts +25 -16
  516. package/components/ids-swaplist/ids-swaplist.js +1 -1
  517. package/components/ids-swappable/ids-swappable-item.d.ts +3 -0
  518. package/components/ids-swappable/ids-swappable-item.js +1 -1
  519. package/components/ids-swappable/ids-swappable.css +5 -68
  520. package/components/ids-swappable/ids-swappable.d.ts +6 -2
  521. package/components/ids-swappable/ids-swappable.js +1 -1
  522. package/components/ids-swipe-action/ids-swipe-action.css +2 -2
  523. package/components/ids-swipe-action/ids-swipe-action.d.ts +1 -0
  524. package/components/ids-swipe-action/ids-swipe-action.js +1 -1
  525. package/components/ids-switch/ids-switch.css +20 -20
  526. package/components/ids-switch/ids-switch.d.ts +2 -0
  527. package/components/ids-switch/ids-switch.js +1 -1
  528. package/components/ids-tabs/ids-tab-content.d.ts +2 -0
  529. package/components/ids-tabs/ids-tab-content.js +1 -1
  530. package/components/ids-tabs/ids-tab-divider.js +1 -1
  531. package/components/ids-tabs/ids-tab-more.d.ts +1 -0
  532. package/components/ids-tabs/ids-tab-more.js +1 -1
  533. package/components/ids-tabs/ids-tab.d.ts +24 -12
  534. package/components/ids-tabs/ids-tab.js +1 -1
  535. package/components/ids-tabs/ids-tabs-context.d.ts +1 -0
  536. package/components/ids-tabs/ids-tabs-context.js +1 -1
  537. package/components/ids-tabs/ids-tabs.css +1 -1
  538. package/components/ids-tabs/ids-tabs.d.ts +6 -2
  539. package/components/ids-tabs/ids-tabs.js +1 -1
  540. package/components/ids-tag/ids-tag.css +48 -48
  541. package/components/ids-tag/ids-tag.d.ts +3 -0
  542. package/components/ids-tag/ids-tag.js +1 -1
  543. package/components/ids-text/ids-text.css +49 -35
  544. package/components/ids-text/ids-text.d.ts +18 -6
  545. package/components/ids-text/ids-text.js +1 -1
  546. package/components/ids-textarea/ids-textarea.css +70 -70
  547. package/components/ids-textarea/ids-textarea.d.ts +13 -7
  548. package/components/ids-textarea/ids-textarea.js +1 -1
  549. package/components/ids-theme-switcher/ids-theme-switcher.css +1 -1
  550. package/components/ids-theme-switcher/ids-theme-switcher.d.ts +3 -0
  551. package/components/ids-theme-switcher/ids-theme-switcher.js +1 -1
  552. package/components/ids-time-picker/ids-time-picker-common.js +1 -1
  553. package/components/ids-time-picker/ids-time-picker-popup.d.ts +3 -0
  554. package/components/ids-time-picker/ids-time-picker-popup.js +1 -1
  555. package/components/ids-time-picker/ids-time-picker.css +51 -42
  556. package/components/ids-time-picker/ids-time-picker.d.ts +10 -2
  557. package/components/ids-time-picker/ids-time-picker.js +1 -1
  558. package/components/ids-toast/ids-toast-message.d.ts +2 -0
  559. package/components/ids-toast/ids-toast-message.js +1 -1
  560. package/components/ids-toast/ids-toast-shared.js +1 -1
  561. package/components/ids-toast/ids-toast.css +14 -14
  562. package/components/ids-toast/ids-toast.d.ts +3 -0
  563. package/components/ids-toast/ids-toast.js +1 -1
  564. package/components/ids-toggle-button/ids-toggle-button.js +1 -1
  565. package/components/ids-toolbar/ids-toolbar-more-actions.d.ts +2 -0
  566. package/components/ids-toolbar/ids-toolbar-more-actions.js +1 -1
  567. package/components/ids-toolbar/ids-toolbar-section.d.ts +1 -0
  568. package/components/ids-toolbar/ids-toolbar-section.js +1 -1
  569. package/components/ids-toolbar/ids-toolbar.css +4 -4
  570. package/components/ids-toolbar/ids-toolbar.d.ts +2 -0
  571. package/components/ids-toolbar/ids-toolbar.js +1 -1
  572. package/components/ids-tooltip/ids-tooltip.d.ts +3 -0
  573. package/components/ids-tooltip/ids-tooltip.js +1 -1
  574. package/components/ids-tree/ids-tree-node.d.ts +2 -0
  575. package/components/ids-tree/ids-tree-node.js +1 -1
  576. package/components/ids-tree/ids-tree-shared.js +1 -1
  577. package/components/ids-tree/ids-tree.css +1 -1
  578. package/components/ids-tree/ids-tree.d.ts +2 -0
  579. package/components/ids-tree/ids-tree.js +1 -1
  580. package/components/ids-treemap/ids-treemap.css +7 -7
  581. package/components/ids-treemap/ids-treemap.d.ts +2 -0
  582. package/components/ids-treemap/ids-treemap.js +1 -1
  583. package/components/ids-trigger-field/ids-trigger-button.d.ts +2 -1
  584. package/components/ids-trigger-field/ids-trigger-button.js +1 -1
  585. package/components/ids-trigger-field/ids-trigger-field.css +159 -155
  586. package/components/ids-trigger-field/ids-trigger-field.js +1 -1
  587. package/components/ids-upload/ids-upload.css +0 -1
  588. package/components/ids-upload/ids-upload.d.ts +10 -2
  589. package/components/ids-upload/ids-upload.js +1 -1
  590. package/components/ids-upload-advanced/ids-upload-advanced-file.d.ts +2 -0
  591. package/components/ids-upload-advanced/ids-upload-advanced-file.js +1 -1
  592. package/components/ids-upload-advanced/ids-upload-advanced-shared.js +1 -1
  593. package/components/ids-upload-advanced/ids-upload-advanced.css +142 -117
  594. package/components/ids-upload-advanced/ids-upload-advanced.d.ts +2 -0
  595. package/components/ids-upload-advanced/ids-upload-advanced.js +1 -1
  596. package/components/ids-virtual-scroll/ids-virtual-scroll.d.ts +1 -0
  597. package/components/ids-virtual-scroll/ids-virtual-scroll.js +1 -1
  598. package/components/ids-week-view/ids-week-view.css +8 -8
  599. package/components/ids-week-view/ids-week-view.d.ts +7 -3
  600. package/components/ids-week-view/ids-week-view.js +1 -1
  601. package/components/ids-widget/ids-widget.css +102 -0
  602. package/components/ids-widget/ids-widget.d.ts +809 -0
  603. package/components/ids-widget/ids-widget.js +1 -0
  604. package/components/ids-wizard/ids-wizard-step.js +1 -1
  605. package/components/ids-wizard/ids-wizard.css +12 -12
  606. package/components/ids-wizard/ids-wizard.d.ts +1 -0
  607. package/components/ids-wizard/ids-wizard.js +1 -1
  608. package/core/ids-attributes.d.ts +20 -3
  609. package/core/ids-attributes.js +1 -1
  610. package/core/ids-data-source.js +1 -1
  611. package/core/ids-element.d.ts +5 -0
  612. package/core/ids-element.js +1 -1
  613. package/custom-elements.json +73513 -0
  614. package/enterprise-wc.d.ts +3 -0
  615. package/enterprise-wc.js +1 -1
  616. package/locale-data/bg-messages.js +1 -1
  617. package/locale-data/cs-messages.js +1 -1
  618. package/locale-data/da-messages.js +1 -1
  619. package/locale-data/de-messages.js +1 -1
  620. package/locale-data/en-messages.js +1 -1
  621. package/locale-data/es-messages.js +1 -1
  622. package/locale-data/et-messages.js +1 -1
  623. package/locale-data/fi-messages.js +1 -1
  624. package/locale-data/fr-CA-messages.js +1 -1
  625. package/locale-data/hr-messages.js +1 -1
  626. package/locale-data/hu-messages.js +1 -1
  627. package/locale-data/id-messages.js +1 -1
  628. package/locale-data/ko-messages.js +1 -1
  629. package/locale-data/lt-messages.js +1 -1
  630. package/locale-data/lv-messages.js +1 -1
  631. package/locale-data/ms-messages.js +1 -1
  632. package/locale-data/nb-messages.js +1 -1
  633. package/locale-data/nn-messages.js +1 -1
  634. package/locale-data/no-messages.js +1 -1
  635. package/locale-data/pt-PT-messages.js +1 -1
  636. package/locale-data/pt-messages.js +1 -1
  637. package/locale-data/ro-messages.js +1 -1
  638. package/locale-data/ru-messages.js +1 -1
  639. package/locale-data/sk-messages.js +1 -1
  640. package/locale-data/sl-messages.js +1 -1
  641. package/locale-data/sv-messages.js +1 -1
  642. package/locale-data/th-messages.js +1 -1
  643. package/locale-data/tr-messages.js +1 -1
  644. package/locale-data/uk-messages.js +1 -1
  645. package/locale-data/vi-messages.js +1 -1
  646. package/mixins/ids-attachment-mixin/ids-attachment-mixin.d.ts +2 -1
  647. package/mixins/ids-attachment-mixin/ids-attachment-mixin.js +1 -1
  648. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.d.ts +9 -8
  649. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.js +1 -1
  650. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.d.ts +4 -3
  651. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.js +1 -1
  652. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.d.ts +1 -0
  653. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.js +1 -1
  654. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.d.ts +3 -2
  655. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.js +1 -1
  656. package/mixins/ids-clearable-mixin/ids-clearable-mixin.d.ts +2 -1
  657. package/mixins/ids-clearable-mixin/ids-clearable-mixin.js +1 -1
  658. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.d.ts +1 -0
  659. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.js +1 -1
  660. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.d.ts +1 -0
  661. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.js +1 -1
  662. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.d.ts +2 -1
  663. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.js +1 -1
  664. package/mixins/ids-events-mixin/ids-events-mixin.d.ts +1 -0
  665. package/mixins/ids-events-mixin/ids-events-mixin.js +1 -1
  666. package/mixins/ids-field-height-mixin/ids-field-height-mixin.d.ts +2 -1
  667. package/mixins/ids-field-height-mixin/ids-field-height-mixin.js +1 -1
  668. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.d.ts +9 -8
  669. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.js +1 -1
  670. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.d.ts +7 -6
  671. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.js +1 -1
  672. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.d.ts +2 -1
  673. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.js +1 -1
  674. package/mixins/ids-keyboard-mixin/ids-keyboard-mixin.d.ts +1 -0
  675. package/mixins/ids-label-state-mixin/ids-label-state-common.js +1 -1
  676. package/mixins/ids-label-state-mixin/ids-label-state-mixin.d.ts +5 -4
  677. package/mixins/ids-label-state-mixin/ids-label-state-mixin.js +1 -1
  678. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.d.ts +1 -0
  679. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.js +1 -1
  680. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.d.ts +4 -3
  681. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.js +1 -1
  682. package/mixins/ids-locale-mixin/ids-locale-mixin.d.ts +1 -0
  683. package/mixins/ids-locale-mixin/ids-locale-mixin.js +1 -1
  684. package/mixins/ids-mask-mixin/ids-mask-mixin.d.ts +1 -0
  685. package/mixins/ids-mask-mixin/ids-mask-mixin.js +1 -1
  686. package/mixins/ids-orientation-mixin/ids-orientation-mixin.d.ts +4 -3
  687. package/mixins/ids-orientation-mixin/ids-orientation-mixin.js +1 -1
  688. package/mixins/ids-pager-mixin/ids-pager-mixin.d.ts +4 -3
  689. package/mixins/ids-pager-mixin/ids-pager-mixin.js +1 -1
  690. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.d.ts +2 -1
  691. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.js +1 -1
  692. package/mixins/ids-popup-open-events-mixin/ids-popup-open-events-mixin.d.ts +2 -1
  693. package/mixins/ids-ripple-mixin/ids-ripple-mixin.d.ts +4 -3
  694. package/mixins/ids-ripple-mixin/ids-ripple-mixin.js +1 -1
  695. package/mixins/ids-scroll-effect-mixin/ids-scroll-effect-mixin.d.ts +369 -0
  696. package/mixins/ids-scroll-effect-mixin/ids-scroll-effect-mixin.js +1 -0
  697. package/mixins/ids-selection-mixin/ids-selection-mixin.d.ts +4 -4
  698. package/mixins/ids-selection-mixin/ids-selection-mixin.js +1 -1
  699. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.d.ts +1 -0
  700. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.js +1 -1
  701. package/mixins/ids-validation-mixin/ids-validation-input-mixin.d.ts +1 -0
  702. package/mixins/ids-validation-mixin/ids-validation-mixin.d.ts +2 -1
  703. package/mixins/ids-validation-mixin/ids-validation-mixin.js +1 -1
  704. package/mixins/ids-xss-mixin/ids-xss-mixin.d.ts +1 -0
  705. package/mixins/ids-xss-mixin/ids-xss-mixin.js +1 -1
  706. package/package.json +1 -1
  707. package/themes/ids-theme-default-colors.css +26 -25
  708. package/themes/ids-theme-default-contrast.css +1448 -1334
  709. package/themes/ids-theme-default-core.css +1132 -1037
  710. package/themes/ids-theme-default-dark.css +1577 -1430
  711. package/themes/ids-theme-default-light.css +1132 -1037
  712. package/utils/ids-date-utils/ids-date-utils.js +1 -1
  713. package/utils/ids-device-env-specs-utils/ids-device-env-specs-utils.js +1 -1
  714. package/utils/ids-excel-exporter/ids-excel-exporter.js +1 -1
  715. package/utils/ids-string-utils/ids-string-utils.js +1 -1
  716. package/vscode.html-custom-data.json +1 -0
  717. package/chunks/ids-chunk-2NN3ZJ6Q.js +0 -1
  718. package/chunks/ids-chunk-3AKJFKYX.js +0 -83
  719. package/chunks/ids-chunk-4LVYIXEL.js +0 -52
  720. package/chunks/ids-chunk-5XUFOBD3.js +0 -1
  721. package/chunks/ids-chunk-6O34H74A.js +0 -111
  722. package/chunks/ids-chunk-A76DDHWI.js +0 -1
  723. package/chunks/ids-chunk-BLAZNZRF.js +0 -17
  724. package/chunks/ids-chunk-DFQRXICA.js +0 -1
  725. package/chunks/ids-chunk-E2QYVCNE.js +0 -11
  726. package/chunks/ids-chunk-F3RQ5V7T.js +0 -1
  727. package/chunks/ids-chunk-F6WTQH5M.js +0 -1
  728. package/chunks/ids-chunk-G5B3L54H.js +0 -26
  729. package/chunks/ids-chunk-GTV4PSEA.js +0 -1
  730. package/chunks/ids-chunk-IAHZUGND.js +0 -316
  731. package/chunks/ids-chunk-JMCJ3SGL.js +0 -1
  732. package/chunks/ids-chunk-KECJ2VA4.js +0 -48
  733. package/chunks/ids-chunk-LMFBCGVT.js +0 -126
  734. package/chunks/ids-chunk-LXO5AO3Y.js +0 -82
  735. package/chunks/ids-chunk-NKERXKF7.js +0 -226
  736. package/chunks/ids-chunk-O4E57J6U.js +0 -1206
  737. package/chunks/ids-chunk-OIRG76OL.js +0 -1
  738. package/chunks/ids-chunk-RKTF6SBT.js +0 -1
  739. package/chunks/ids-chunk-S42ANKPY.js +0 -98
  740. package/chunks/ids-chunk-SDG3VSXS.js +0 -1
  741. package/chunks/ids-chunk-TGE5Q4RJ.js +0 -223
  742. package/chunks/ids-chunk-U5OAYQJF.js +0 -1
  743. package/chunks/ids-chunk-VBOLQPWB.js +0 -105
  744. package/chunks/ids-chunk-VCTVRNBS.js +0 -1
  745. package/chunks/ids-chunk-VGRUIA4C.js +0 -1
  746. package/chunks/ids-chunk-VSNQ2QMS.js +0 -184
  747. package/chunks/ids-chunk-WAX2G2B2.js +0 -1
  748. package/chunks/ids-chunk-X7PEAGE3.js +0 -8
  749. package/chunks/ids-chunk-XNDWLGBC.js +0 -18
  750. package/chunks/ids-chunk-Y2ARI5HL.js +0 -14
  751. package/chunks/ids-chunk-YWQWAWKA.js +0 -1
package/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: 250ms;
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,1472 +186,1618 @@
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-default: var(--ids-font-size-40);
194
+ --ids-font-size-10: 10px;
195
+ --ids-font-size-20: 12px;
196
+ --ids-font-size-30: 14px;
197
+ --ids-font-size-40: 16px;
198
+ --ids-font-size-50: 20px;
199
+ --ids-font-size-60: 24px;
200
+ --ids-font-size-70: 28px;
201
+ --ids-font-size-80: 32px;
202
+ --ids-font-size-90: 40px;
203
+ --ids-font-size-100: 48px;
204
+ --ids-font-size-110: 60px;
205
+ --ids-font-size-120: 72px;
206
+ --ids-font-uppercase: uppercase;
207
+ --ids-scroll-shadow: 0 -1px 3px -1px rgba(0 0 0 / 0.25);
208
+ --ids-scroll-color-border-top: 1px solid rgba(215 215 216 / 1);
209
+ --ids-space-none: 0;
210
+ --ids-space-10: 1px;
211
+ --ids-space-20: 2px;
212
+ --ids-space-30: 4px;
213
+ --ids-space-40: 8px;
214
+ --ids-space-50: 12px;
215
+ --ids-space-60: 16px;
216
+ --ids-space-70: 20px;
217
+ --ids-space-80: 24px;
218
+ --ids-space-90: 28px;
219
+ --ids-size-10: 22px;
220
+ --ids-size-20: 28px;
221
+ --ids-size-30: 30px;
222
+ --ids-size-40: 38px;
223
+ --ids-size-50: 48px;
224
+ --ids-size-60: 56px;
225
+ --ids-size-70: 66px;
226
+ --ids-link-list-title-color-text-default: var(--ids-color-neutral-100);
227
+ --ids-link-list-top-margin: -3px;
228
+ --ids-link-list-item-margin: 12px;
229
+ --ids-link-list-title-bottom-margin: 20px;
222
230
  --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);
231
+ --ids-line-height-default: normal;
232
+ --ids-line-height-10: 1;
233
+ --ids-line-height-20: 1.25;
234
+ --ids-line-height-30: 1.5;
235
+ --ids-line-height-40: 2;
236
+ --ids-z-index-10: 1;
237
+ --ids-z-index-20: 2;
238
+ --ids-z-index-30: 5;
239
+ --ids-z-index-40: 10;
240
+ --ids-z-index-50: 100;
241
+ --ids-z-index-60: 200;
242
+ --ids-z-index-70: 300;
243
+ --ids-z-index-80: 400;
244
+ --ids-z-index-90: 500;
245
+ --ids-z-index-100: 600;
246
+ --ids-z-index-110: 700;
247
+ --ids-about-width-max: 560px;
248
+ --ids-about-width-min: 300px;
249
+ --ids-about-color-border-default: var(--ids-popup-color-border);
242
250
  --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);
251
+ --ids-about-color-border-hover: var(--ids-input-color-border-hover);
252
+ --ids-about-color-border-focus: var(--ids-input-color-border-focus);
253
+ --ids-about-shadow-focus: var(--ids-shadow-focus);
254
+ --ids-accordion-header-color-border-bottom: var(--ids-color-neutral-20);
255
+ --ids-accordion-header-color-icon: var(--ids-color-neutral-10);
256
+ --ids-accordion-header-color-border-focus: var(--ids-color-primary);
257
+ --ids-accordion-header-shadow-focus: var(--ids-shadow-20);
258
+ --ids-accordion-header-color-border-disabled: var(--ids-color-text-disabled);
259
+ --ids-accordion-header-color-text-disabled: var(--ids-color-text-disabled);
253
260
  --ids-action-panel-header-height: 50px;
254
261
  --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);
262
+ --ids-action-panel-header-color-background: var(--ids-color-neutral-10);
263
+ --ids-action-panel-header-color-border: var(--ids-color-neutral-20);
257
264
  --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);
265
+ --ids-action-sheet-border-radius: var(--ids-border-radius-04);
266
+ --ids-action-sheet-padding: var(--ids-space-40);
267
+ --ids-action-sheet-shadow: 0 0 8px rgb(0 0 0 / 0.2);
268
+ --ids-action-sheet-color-background: var(--ids-color-neutral-00);
269
+ --ids-action-sheet-color-border: transparent;
270
+ --ids-alert-color-success-default: var(--ids-color-success-default);
271
+ --ids-alert-color-success-disabled: var(--ids-color-success-30);
272
+ --ids-alert-color-warning-default: var(--ids-color-warning-default);
273
+ --ids-alert-color-warning-disabled: var(--ids-color-warning-30);
274
+ --ids-alert-color-caution-default: var(--ids-color-caution-default);
275
+ --ids-alert-color-caution-disabled: var(--ids-color-caution-30);
276
+ --ids-alert-color-info-default: var(--ids-color-info-default);
277
+ --ids-alert-color-info-disabled: var(--ids-color-info-30);
278
+ --ids-alert-color-error-default: var(--ids-color-error-default);
279
+ --ids-alert-color-error-disabled: var(--ids-color-error-30);
280
+ --ids-alert-color-new-default: var(--ids-color-amber-70);
281
+ --ids-alert-color-new-disabled: var(--ids-color-amber-30);
282
+ --ids-alert-color-progress-default: var(--ids-color-amethyst-70);
283
+ --ids-alert-color-progress-disabled: var(--ids-color-amethyst-30);
284
+ --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-neutral-100);
285
+ --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-neutral-100);
286
+ --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-neutral-40);
287
+ --ids-app-menu-accordion-header-color-background-default: var(--ids-color-neutral-00);
288
+ --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-neutral-60);
289
+ --ids-app-menu-accordion-header-filter-color-text: var(--ids-color-text);
290
+ --ids-app-menu-accordion-header-color-text-focus: var(--ids-color-neutral-00);
291
+ --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-primary-70);
292
+ --ids-app-menu-header-color-background-hover: var(--ids-color-neutral-90);
293
+ --ids-app-menu-header-color-border-hover: var(--ids-color-neutral-90);
294
+ --ids-app-menu-accordion-header-color-text-selected: var(--ids-color-neutral-00);
295
+ --ids-app-menu-accordion-header-color-text-default: var(--ids-color-neutral-20);
296
+ --ids-app-menu-accordion-panel-color-background: var(--ids-color-neutral-100);
297
+ --ids-axis-chart-grid-color: var(--ids-color-neutral-20);
298
+ --ids-axis-chart-first-line-color: var(--ids-color-neutral-70);
299
+ --ids-axis-chart-last-line-color-border: var(--ids-color-neutral-70);
300
+ --ids-axis-chart-font-family: var(--ids-font-family-default);
301
+ --ids-axis-chart-font-size: var(--ids-font-size-30);
302
+ --ids-axis-chart-color-text: var(--ids-color-neutral-60);
303
+ --ids-axis-chart-font-weight: var(--ids-font-weight-bold);
304
+ --ids-axis-chart-outline-focus: 2px dashed var(--ids-color-azure-60);
305
+ --ids-badge-color-background: var(--ids-input-color-background-readonly);
306
+ --ids-badge-color-border: var(--ids-input-color-background-readonly);
307
+ --ids-badge-border-radius: var(--ids-border-radius-04);
308
+ --ids-badge-color-background-caution: var(--ids-color-caution-default);
309
+ --ids-badge-color-border-caution: var(--ids-color-caution-default);
310
+ --ids-badge-color-caution: var(--ids-color-text-on-caution);
311
+ --ids-badge-color-background-error: var(--ids-color-error-default);
312
+ --ids-badge-color-border-error: var(--ids-color-error-default);
313
+ --ids-badge-color-error: var(--ids-color-text-on-error);
314
+ --ids-badge-color-background-info: var(--ids-color-info-default);
315
+ --ids-badge-color-border-info: var(--ids-color-info-default);
316
+ --ids-badge-color-info: var(--ids-color-text-on-info);
317
+ --ids-badge-font-line-height: var(--ids-size-10);
318
+ --ids-badge-margin-bottom: var(--ids-space-30);
319
+ --ids-badge-margin-inline-end: var(--ids-space-30);
320
+ --ids-badge-width-min: var(--ids-size-10);
317
321
  --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-badge-disabled-background-color: var(--ids-input-readonly-background-color);
325
- --ids-badge-disabled-border-color: var(--ids-input-readonly-background-color);
326
- --ids-badge-disabled-text-color: var(--ids-tag-disabled-text-color);
327
- --ids-block-grid-item-img-margin-block-end: 10px;
322
+ --ids-badge-color-background-success: var(--ids-color-success-80);
323
+ --ids-badge-color-border-success: var(--ids-color-success-80);
324
+ --ids-badge-color-success: var(--ids-color-text-on-success);
325
+ --ids-badge-color-background-warning: var(--ids-color-warning-80);
326
+ --ids-badge-color-border-warning: var(--ids-color-warning-80);
327
+ --ids-badge-color-warning: var(--ids-color-text-on-warning);
328
+ --ids-badge-disabled-background-color: var(--ids-input-color-background-readonly);
329
+ --ids-badge-disabled-border-color: var(--ids-input-color-background-readonly);
330
+ --ids-badge-disabled-text-color: var(--ids-tag-color-text-disabled);
331
+ --ids-block-grid-margin: 10px;
328
332
  --ids-block-grid-item-padding: 10px 15px;
329
333
  --ids-block-grid-item-width: 200px;
330
334
  --ids-block-grid-item-selectable-width: auto;
331
- --ids-block-grid-item-selectable-max-width: 300px;
332
- --ids-block-grid-item-selectable-container-border-radius: 3px;
333
- --ids-block-grid-item-selectable-container-img-border-radius: var(--ids-border-radius-round);
334
- --ids-block-grid-item-selectable-container-hover-background-color: var(--ids-color-primary-10);
335
- --ids-block-grid-item-selectable-container-focus-outline: var(--ids-spacing-xs) solid var(--ids-color-primary-60);
336
- --ids-block-grid-item-selectable-container-focus-box-shadow: var(--ids-shadow-lg);
337
- --ids-block-grid-item-selectable-container-padding: var(--ids-spacing-4xl) 36px;
338
- --ids-block-grid-item-selectable-multiple-block-width: 100%;
339
- --ids-block-grid-item-selectable-multiple-block-container-padding: var(--ids-spacing-4xl) var(--ids-spacing-4xl) var(--ids-spacing-4xl) 45px;
340
- --ids-block-grid-item-selectable-multiple-block-checkbox-top: calc(50% - 10px);
341
- --ids-block-grid-item-selectable-multiple-block-checkbox-left: 30px;
335
+ --ids-block-grid-item-width-max: 300px;
336
+ --ids-block-grid-item-border-radius: 3px;
337
+ --ids-block-grid-item-selectable-border-radius-container: var(--ids-border-radius-circle);
338
+ --ids-block-grid-item-color-background-selectable-hover: var(--ids-color-primary-10);
339
+ --ids-block-grid-item-selectable-container-focus: var(--ids-space-10) solid var(--ids-color-primary-60);
340
+ --ids-block-grid-item-shadow-selectable-container-focus: var(--ids-shadow-lg);
341
+ --ids-block-grid-item-selectable-container-padding: var(--ids-space-80) 36px;
342
+ --ids-block-grid-item-selectable-multiple-width: 100%;
343
+ --ids-block-grid-item-selectable-container-multiple-padding: var(--ids-space-80) var(--ids-space-80) var(--ids-space-80) 45px;
344
+ --ids-block-grid-item-selectable-size-multiple-block-checkbox-top: calc(50% - 10px);
345
+ --ids-block-grid-item-selectable-size-multiple-block-checkbox-left: 30px;
342
346
  --ids-block-grid-item-selectable-multiple-block-checkbox-right: unset;
343
- --ids-block-grid-item-selected-border-radius: 3px;
344
- --ids-block-grid-item-selected-background-color: transparent;
345
- --ids-block-grid-item-selected-outline: 2px solid var(--ids-color-primary-60);
346
- --ids-block-grid-item-pre-selected-background-color: rgba(230 241 253 / 0.7);
347
- --ids-block-grid-item-checkbox-top: 20px;
348
- --ids-block-grid-item-checkbox-right: 20px;
349
- --ids-button-primary-border-color: var(--ids-color-primary);
350
- --ids-button-primary-background-color: var(--ids-color-primary);
351
- --ids-button-primary-text-color: var(--ids-color-text-on-primary);
352
- --ids-button-primary-focus-border-color: var(--ids-focus-border-color);
353
- --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);
354
- --ids-button-primary-hover-background-color: var(--ids-color-primary-80);
355
- --ids-button-primary-hover-border-color: var(--ids-color-primary-70);
356
- --ids-button-primary-disabled-background-color: var(--ids-color-neutral-20);
357
- --ids-button-primary-disabled-border-color: var(--ids-color-neutral-20);
358
- --ids-button-primary-disabled-text-color: var(--ids-color-neutral-40);
359
- --ids-button-primary-ripple-color: var(--ids-color-text-on-primary);
360
- --ids-button-secondary-background-color: transparent;
347
+ --ids-block-grid-item-border-radius-selected: 3px;
348
+ --ids-block-grid-item-color-background-selected: transparent;
349
+ --ids-block-grid-item-outline-selected: 2px solid var(--ids-color-primary-60);
350
+ --ids-block-grid-item-pre-color-background-selected: rgba(230 241 253 / 0.7);
351
+ --ids-block-grid-checkbox-top-size: 20px;
352
+ --ids-block-grid-checkbox-right-size: 20px;
353
+ --ids-box-color-background: var(--ids-card-color-background);
354
+ --ids-box-color-border: var(--ids-color-neutral-30);
355
+ --ids-box-shadowed-color-border: transparent;
356
+ --ids-box-border-radius: var(--ids-card-border-radius);
357
+ --ids-box-shadow: var(--ids-card-shadow);
358
+ --ids-box-shadow-focus: 0 0 4px rgba(0 102 212 / 0.15);
359
+ --ids-box-font-family: var(--ids-font-family-default);
360
+ --ids-box-font-size: var( --ids-font-size-default);
361
+ --ids-box-color-text-default: var(--ids-card-color-text-default);
362
+ --ids-box-padding: 16px;
363
+ --ids-box-outline: 1px solid transparent;
364
+ --ids-box-outline-selected: 2px solid var(--ids-color-primary-60);
365
+ --ids-box-outline-hover: 1px solid var(--ids-color-neutral-30);
366
+ --ids-box-height: auto;
367
+ --ids-box-width: auto;
368
+ --ids-button-primary-color-border-default: var(--ids-color-primary);
369
+ --ids-button-primary-color-background-default: var(--ids-color-primary);
370
+ --ids-button-primary-color-text-default: var(--ids-color-text-on-primary);
371
+ --ids-button-primary-color-border-focus: var(--ids-color-border-focus);
372
+ --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);
373
+ --ids-button-primary-color-background-hover: var(--ids-color-primary-80);
374
+ --ids-button-primary-color-border-hover: var(--ids-color-primary-70);
375
+ --ids-button-primary-color-background-disabled: var(--ids-color-neutral-20);
376
+ --ids-button-primary-color-border-disabled: var(--ids-color-neutral-20);
377
+ --ids-button-primary-color-text-disabled: var(--ids-color-neutral-40);
378
+ --ids-button-primary-color-background-pressed: var(--ids-color-text-on-primary);
379
+ --ids-button-secondary-color-background-default: transparent;
361
380
  --ids-button-secondary-border-width: 2px;
362
- --ids-button-secondary-border-color: var(--ids-color-primary);
363
- --ids-button-secondary-text-color: var(--ids-color-primary);
364
- --ids-button-secondary-focus-border-color: var(--ids-color-primary);
365
- --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);
366
- --ids-button-secondary-hover-background-color: var(--ids-button-tertiary-hover-background-color);
367
- --ids-button-secondary-disabled-background-color: transparent;
368
- --ids-button-secondary-disabled-border-color: var(--ids-color-neutral-20);
369
- --ids-button-secondary-disabled-text-color: var(--ids-color-neutral-30);
370
- --ids-button-secondary-ripple-color: var(--ids-color-primary-30);
371
- --ids-button-tertiary-border-color: transparent;
372
- --ids-button-tertiary-text-color: var(--ids-color-neutral-60);
373
- --ids-button-tertiary-focus-border-color: var(--ids-focus-border-color);
374
- --ids-button-tertiary-hover-text-color: var(--ids-color-primary-70);
375
- --ids-button-tertiary-hover-background-color: var(--ids-color-primary-10);
376
- --ids-button-tertiary-disabled-text-color: var(--ids-color-neutral-30);
377
- --ids-button-tertiary-readonly-text-color: var(--ids-color-neutral-60);
378
- --ids-button-tertiary-font-weight: var(--ids-font-weight-semi-bold);
379
- --ids-button-tertiary-ripple-color: var(--ids-color-primary-30);
380
- --ids-button-icon-padding: calc(var(--ids-spacing-lg) - 1px);
381
- --ids-button-destructive-hover-background-color: var(--ids-color-error-10);
382
- --ids-button-alternate-text-color: var(--ids-color-neutral-10);
383
- --ids-button-alternate-text-color-hover: var(--ids-color-neutral-00);
384
- --ids-button-alternate-ripple-color: var(--ids-color-text-on-primary);
385
- --ids-button-formatter-border-color: var(--ids-color-neutral-00);
386
- --ids-button-formatter-disabled-opacity: 0.4;
387
- --ids-button-formatter-ripple-color: var(--ids-color-primary-tertiary);
388
- --ids-button-alternate-formatter-text-color-hover: var(--ids-color-on-text);
389
- --ids-button-alternate-formatter-text-color: var(--ids-input-readonly-background-color);
390
- --ids-breadcrumb-text-color: var(--ids-text-color-subtle);
391
- --ids-breadcrumb-disabled-text-color: var(--ids-text-color-disabled);
392
- --ids-breadcrumb-inverse-text-color: var(--ids-color-on-text);
381
+ --ids-button-secondary-color-border-default: var(--ids-color-primary);
382
+ --ids-button-secondary-color-text-default: var(--ids-color-primary);
383
+ --ids-button-secondary-color-border-focus: var(--ids-color-primary);
384
+ --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);
385
+ --ids-button-secondary-color-background-hover: var(--ids-button-tertiary-color-background-hover);
386
+ --ids-button-secondary-color-background-disabled: transparent;
387
+ --ids-button-secondary-color-border-disabled: var(--ids-color-neutral-20);
388
+ --ids-button-secondary-color-text-disabled: var(--ids-color-neutral-30);
389
+ --ids-button-secondary-color-background-pressed: var(--ids-color-primary-30);
390
+ --ids-button-tertiary-color-border-default: transparent;
391
+ --ids-button-tertiary-color-text-default: var(--ids-color-neutral-60);
392
+ --ids-button-tertiary-color-border-focus: var(--ids-color-border-focus);
393
+ --ids-button-tertiary-color-text-hover: var(--ids-color-primary-70);
394
+ --ids-button-tertiary-color-background-hover: var(--ids-color-primary-10);
395
+ --ids-button-tertiary-color-text-disabled: var(--ids-color-neutral-30);
396
+ --ids-button-tertiary-font-weight: var(--ids-font-weight-semibold);
397
+ --ids-button-tertiary-color-background-pressed: var(--ids-color-primary-30);
398
+ --ids-button-icon-padding: calc(var(--ids-space-40) - 1px);
399
+ --ids-button-destructive-color-background-hover: var(--ids-color-error-10);
400
+ --ids-button-alternate-color-text-default: var(--ids-color-neutral-10);
401
+ --ids-button-alternate-color-text-default-hover: var(--ids-color-neutral-00);
402
+ --ids-button-alternate-color-background-pressed: var(--ids-color-text-on-primary);
403
+ --ids-button-formatter-color-border: var(--ids-color-neutral-00);
404
+ --ids-button-formatter-opacity-disabled: 0.4;
405
+ --ids-button-formatter-color-text-hover: var(--ids-color-text-inverse);
406
+ --ids-button-formatter-color-text-default: var(--ids-input-color-background-readonly);
407
+ --ids-button-module-border-radius: 10px;
408
+ --ids-button-module-color-background-hover: rgba(0 0 0 / 0.1);
409
+ --ids-button-module-color-text-default: var(--ids-color-neutral-90);
410
+ --ids-button-module-color-text-hover: var(--ids-color-neutral-100);
411
+ --ids-button-system-color-text-hover: var(--ids-color-neutral-110);
412
+ --ids-breadcrumb-color-text-default: var(--ids-color-text-subtle);
413
+ --ids-breadcrumb-color-text-disabled: var(--ids-color-text-disabled);
414
+ --ids-breadcrumb-color-text-emphasis: var(--ids-color-text-inverse);
393
415
  --ids-breadcrumb-font-weight: var(--ids-font-weight-normal);
394
- --ids-breadcrumb-font-size: var(--ids-font-size-sm);
395
- --ids-calendar-toolbar-container-background-color: var(--ids-color-neutral-00);
396
- --ids-calendar-toolbar-container-border-color: var(--ids-color-neutral-20);
397
- --ids-calendar-event-azure-background-color: var(--ids-color-azure-20);
398
- --ids-calendar-event-azure-border-color: var(--ids-color-azure-70);
399
- --ids-calendar-event-amber-background-color: var(--ids-color-amber-30);
400
- --ids-calendar-event-amber-border-color: var(--ids-color-amber-70);
401
- --ids-calendar-event-amethyst-background-color: var(--ids-color-amethyst-30);
402
- --ids-calendar-event-amethyst-border-color: var(--ids-color-amethyst-70);
403
- --ids-calendar-event-background-color: var(--ids-color-azure-20);
404
- --ids-calendar-event-border-color: var(--ids-color-amber-70);
405
- --ids-calendar-event-emerald-background-color: var(--ids-color-emerald-30);
406
- --ids-calendar-event-emerald-border-color: var(--ids-color-emerald-70);
407
- --ids-calendar-event-focus-border-color: var(--ids-color-azure-60);
408
- --ids-calendar-event-icon-alert-color: var(--ids-color-amber-60);
409
- --ids-calendar-event-icon-clock-color: var(--ids-color-amber-60);
410
- --ids-calendar-event-icon-pending-color: var(--ids-color-amber-60);
411
- --ids-calendar-event-icon-success-color: var(--ids-color-emerald-60);
412
- --ids-calendar-event-ruby-background-color: var(--ids-color-ruby-30);
413
- --ids-calendar-event-ruby-border-color: var(--ids-color-ruby-70);
414
- --ids-calendar-event-turquoise-background-color: var(--ids-color-turquoise-30);
415
- --ids-calendar-event-turquoise-border-color: var(--ids-color-turquoise-70);
416
- --ids-calendar-event-slate-background-color: var(--ids-color-neutral-30);
417
- --ids-calendar-event-slate-border-color: var(--ids-color-neutral-70);
418
- --ids-calendar-event-text-color: var(--ids-color-neutral-100);
419
- --ids-card-toolbar-padding: var(--ids-spacing-xxl);
420
- --ids-card-border-radius: var(--ids-border-radius-md);
421
- --ids-card-margin-bottom: var(--ids-spacing-xxl);
416
+ --ids-breadcrumb-font-size: var(--ids-font-size-30);
417
+ --ids-calendar-toolbar-color-background: var(--ids-color-neutral-00);
418
+ --ids-calendar-toolbar-color-border: var(--ids-color-neutral-20);
419
+ --ids-calendar-event-color-background-accent-azure: var(--ids-color-azure-20);
420
+ --ids-calendar-event-color-border-accent-azuret-azure: var(--ids-color-azure-70);
421
+ --ids-calendar-event-color-background-accent-amber: var(--ids-color-amber-30);
422
+ --ids-calendar-event-color-border-accent-amber: var(--ids-color-amber-70);
423
+ --ids-calendar-event-color-background-accent-amethyst: var(--ids-color-amethyst-30);
424
+ --ids-calendar-event-color-border-accent-amethyst: var(--ids-color-amethyst-70);
425
+ --ids-calendar-event-color-background: var(--ids-color-azure-20);
426
+ --ids-calendar-event-color-border-default: var(--ids-color-amber-70);
427
+ --ids-calendar-event-color-background-accent-emerald: var(--ids-color-emerald-30);
428
+ --ids-calendar-event-color-border-accent-emerald: var(--ids-color-emerald-70);
429
+ --ids-calendar-event-color-border-focus: var(--ids-color-azure-60);
430
+ --ids-calendar-event-color-icon-alert: var(--ids-color-amber-60);
431
+ --ids-calendar-event-color-icon-clock: var(--ids-color-amber-60);
432
+ --ids-calendar-event-color-icon-pending: var(--ids-color-amber-60);
433
+ --ids-calendar-event-color-icon-success: var(--ids-color-emerald-60);
434
+ --ids-calendar-event-color-background-accent-ruby: var(--ids-color-ruby-30);
435
+ --ids-calendar-event-color-border-accent-ruby: var(--ids-color-ruby-70);
436
+ --ids-calendar-event-color-background-accent-turqoise: var(--ids-color-turquoise-30);
437
+ --ids-calendar-event-color-border-accent-turqoise: var(--ids-color-turquoise-70);
438
+ --ids-calendar-event-color-background-accent-slate: var(--ids-color-neutral-30);
439
+ --ids-calendar-event-color-border-accent-slate: var(--ids-color-neutral-70);
440
+ --ids-calendar-event-color-text: var(--ids-color-neutral-100);
441
+ --ids-card-header-title-color: var(--ids-color-neutral-100);
442
+ --ids-card-toolbar-padding: var(--ids-space-60);
443
+ --ids-card-border-radius: var(--ids-border-radius-03);
444
+ --ids-card-margin-bottom: var(--ids-space-60);
422
445
  --ids-card-height: 360px;
423
446
  --ids-card-content-height: 310px;
424
- --ids-card-header-padding: 12px 16px;
425
- --ids-card-background-color: var(--ids-color-neutral-00);
426
- --ids-card-border-color: var(--ids-color-neutral-30);
427
- --ids-card-divider-border-color: var(--ids-color-neutral-20);
428
- --ids-card-box-shadow: rgba(0 0 0 / 0.1) 0 0 8px;
429
- --ids-card-selected-background-color: var(--ids-color-primary-10);
430
- --ids-card-selected-border-color: var(--ids-color-primary);
431
- --ids-card-text-color: var(--ids-text-color-label);
432
- --ids-card-hover-text-color: var(--ids-text-color-data);
433
- --ids-chart-legend-text-size: var(--ids-font-size-sm);
434
- --ids-chart-legend-text-color: var(--ids-text-color-label);
435
- --ids-chart-qualitive-color-1: var(--ids-color-azure-80);
436
- --ids-chart-qualitive-color-2: var(--ids-color-turquoise-40);
437
- --ids-chart-qualitive-color-3: var(--ids-color-amethyst-60);
438
- --ids-chart-qualitive-color-4: var(--ids-color-neutral-40);
439
- --ids-chart-qualitive-color-5: var(--ids-color-amber-30);
440
- --ids-chart-qualitive-color-6: var(--ids-color-amber-70);
441
- --ids-chart-qualitive-color-7: var(--ids-color-emerald-80);
442
- --ids-chart-qualitive-color-8: var(--ids-color-azure-30);
443
- --ids-chart-qualitive-color-9: var(--ids-color-ruby-80);
444
- --ids-chart-qualitive-color-10: var(--ids-color-neutral-20);
445
- --ids-chart-qualitive-color-11: var(--ids-color-turquoise-60);
446
- --ids-chart-qualitive-color-12: var(--ids-color-amber-90);
447
- --ids-chart-qualitive-color-13: var(--ids-color-amethyst-30);
448
- --ids-chart-qualitive-color-14: var(--ids-color-azure-60);
449
- --ids-chart-qualitive-color-15: var(--ids-color-ruby-30);
450
- --ids-chart-qualitive-color-16: var(--ids-color-amethyst-80);
451
- --ids-chart-qualitive-color-17: var(--ids-color-emerald-30);
452
- --ids-chart-qualitive-color-18: var(--ids-color-turquoise-80);
453
- --ids-chart-qualitive-color-19: var(--ids-color-neutral-60);
454
- --ids-chart-qualitive-color-20: var(--ids-color-ruby-40);
455
- --ids-checkbox-unchecked-border-color: var(--ids-input-border-color);
456
- --ids-checkbox-unchecked-border: 1px solid var(--ids-checkbox-unchecked-border-color);
457
- --ids-checkbox-unchecked-border-radius: var(--ids-border-radius-xs);
458
- --ids-checkbox-unchecked-error-border-color: var(--ids-color-error);
459
- --ids-checkbox-checked-background-color: var(--ids-color-primary);
460
- --ids-checkbox-checked-border-color: var(--ids-color-primary);
461
- --ids-checkbox-checked-after-border-color: var(--ids-color-neutral-00);
462
- --ids-checkbox-checked-after-border-width: 0 2px 2px 0;
463
- --ids-checkbox-indeterminate-background-color: var(--ids-color-primary);
464
- --ids-checkbox-indeterminate-border-color: var(--ids-color-primary);
465
- --ids-checkbox-indeterminate-after-border-color: var(--ids-color-neutral-00);
466
- --ids-checkbox-indeterminate-after-border-width: 0 0 2px;
467
- --ids-checkbox-disabled-unchecked-background-color: var(--ids-text-color-disabled);
468
- --ids-checkbox-disabled-unchecked-border-color: var(--ids-input-disabled-text-color);
469
- --ids-checkbox-disabled-checked-background-color: var(--ids-text-color-disabled);
470
- --ids-checkbox-disabled-checked-border-color: var(--ids-input-disabled-text-color);
471
- --ids-checkbox-disabled-text-color: var(--ids-text-color-disabled);
472
- --ids-checkbox-focus-border-color: var(--ids-input-focus-border-color);
473
- --ids-checkbox-focus-box-shadow: var(--ids-focus-box-shadow);
474
- --ids-checkbox-has-focus-border-color: var(--ids-focus-border-color);
475
- --ids-checkbox-has-focus-box-shadow: var(--ids-box-shadow-lg);
476
- --ids-checkbox-multiselect-checkbox-background-color: var(--ids-body-background-color);
477
- --ids-counts-text-color: var(--ids-text-color-subtle);
478
- --ids-counts-hyperlink-text-color: var(--ids-hyperlink-text-color);
479
- --ids-counts-value-font-size: var(--ids-font-size-md);
480
- --ids-counts-count-font-size: var(--ids-font-size-5xl);
481
- --ids-data-grid-background-color: var(--ids-color-neutral-00);
482
- --ids-data-grid-min-height: 350px;
483
- --ids-data-grid-font-size: var(--ids-font-size-md);
484
- --ids-data-grid-font-size-sm: var(--ids-font-size-sm);
485
- --ids-data-grid-cell-background-color: var(--ids-color-neutral-00);
486
- --ids-data-grid-cell-readonly-background-color: rgba(0 0 0 / 0.04);
487
- --ids-data-grid-cell-border-color: var(--ids-color-neutral-30);
488
- --ids-data-grid-cell-checkbox-border-color: var(--ids-input-border-color);
489
- --ids-data-grid-cell-text-color: var(--ids-color-neutral-100);
490
- --ids-data-grid-cell-disabled-text-color: var(--ids-color-neutral-30);
491
- --ids-data-grid-cell-invalid-background-color: rgba(232 79 79 / 0.1);
492
- --ids-data-grid-list-cell-border-color: var(--ids-color-neutral-20);
493
- --ids-data-grid-list-header-border-color: var(--ids-color-neutral-10);
494
- --ids-data-grid-list-header-background-color: var(--ids-color-neutral-10);
495
- --ids-data-grid-list-header-text-color: var(--ids-color-neutral-100);
496
- --ids-data-grid-list-header-unsorted-icon-color: var(--ids-color-neutral-20);
497
- --ids-data-grid-list-header-sorted-icon-color: var(--ids-color-neutral-00);
498
- --ids-data-grid-list-header-checkbox-background-color: var(--ids-color-neutral-70);
499
- --ids-data-grid-header-border-color: var(--ids-color-neutral-30);
500
- --ids-data-grid-header-background-color: var(--ids-color-neutral-80);
447
+ --ids-card-header-padding-inline-start: 16px;
448
+ --ids-card-header-padding-inline-end: 12px;
449
+ --ids-card-header-height: 48px;
450
+ --ids-card-color-background: var(--ids-color-neutral-00);
451
+ --ids-card-color-border: var(--ids-color-neutral-30);
452
+ --ids-card-color-border-hover: var(--ids-hyperlink-box-color-border-default);
453
+ --ids-card-divider-color-border: var(--ids-color-neutral-20);
454
+ --ids-card-shadow: 0 0 4px rgba(0 0 0 / 0.15);
455
+ --ids-card-color-background-selected: var(--ids-color-primary-10);
456
+ --ids-card-color-border-selected: var(--ids-color-primary);
457
+ --ids-card-color-border-focus: var(--ids-input-color-border-focus);
458
+ --ids-card-color-text-default: var(--ids-color-text-label);
459
+ --ids-card-color-text-hover: var(--ids-color-text-data);
460
+ --ids-chart-legend-font-size: var(--ids-font-size-30);
461
+ --ids-chart-legend-color-text: var(--ids-color-text-label);
462
+ --ids-chart-color-accent-01: var(--ids-color-azure-80);
463
+ --ids-chart-color-accent-02: var(--ids-color-turquoise-40);
464
+ --ids-chart-color-accent-03: var(--ids-color-amethyst-60);
465
+ --ids-chart-color-accent-04: var(--ids-color-neutral-40);
466
+ --ids-chart-color-accent-05: var(--ids-color-amber-30);
467
+ --ids-chart-color-accent-06: var(--ids-color-amber-70);
468
+ --ids-chart-color-accent-07: var(--ids-color-emerald-80);
469
+ --ids-chart-color-accent-08: var(--ids-color-azure-30);
470
+ --ids-chart-color-accent-09: var(--ids-color-ruby-80);
471
+ --ids-chart-color-accent-10: var(--ids-color-neutral-20);
472
+ --ids-chart-color-accent-11: var(--ids-color-turquoise-60);
473
+ --ids-chart-color-accent-12: var(--ids-color-amber-90);
474
+ --ids-chart-color-accent-13: var(--ids-color-amethyst-30);
475
+ --ids-chart-color-accent-14: var(--ids-color-azure-60);
476
+ --ids-chart-color-accent-15: var(--ids-color-ruby-30);
477
+ --ids-chart-color-accent-16: var(--ids-color-amethyst-80);
478
+ --ids-chart-color-accent-17: var(--ids-color-emerald-30);
479
+ --ids-chart-color-accent-18: var(--ids-color-turquoise-80);
480
+ --ids-chart-color-accent-19: var(--ids-color-neutral-60);
481
+ --ids-chart-color-accent-20: var(--ids-color-ruby-40);
482
+ --ids-checkbox-color-border-default: var(--ids-input-color-border-default);
483
+ --ids-checkbox-border: 1px solid var(--ids-checkbox-color-border-default);
484
+ --ids-checkbox-border-radius: var(--ids-border-radius-01);
485
+ --ids-checkbox-color-border-error: var(--ids-color-error-default);
486
+ --ids-checkbox-color-background-selected: var(--ids-color-primary);
487
+ --ids-checkbox-color-border-selected: var(--ids-color-primary);
488
+ --ids-checkbox-color-border-selected-after: var(--ids-color-neutral-00);
489
+ --ids-checkbox-border-width-selected-after: 0 2px 2px 0;
490
+ --ids-checkbox-color-background-indeterminate: var(--ids-color-primary);
491
+ --ids-checkbox-color-border-indeterminate: var(--ids-color-primary);
492
+ --ids-checkbox-color-border-indeterminate-after: var(--ids-color-neutral-00);
493
+ --ids-checkbox-border-width-indeterminate: 0 0 2px;
494
+ --ids-checkbox-color-background-disabled: var(--ids-color-text-disabled);
495
+ --ids-checkbox-color-border-disabled: var(--ids-input-color-text-disabled);
496
+ --ids-checkbox-color-background-selected-disabled: var(--ids-color-text-disabled);
497
+ --ids-checkbox-color-border-selected-disabled: var(--ids-input-color-text-disabled);
498
+ --ids-checkbox-color-text-disabled: var(--ids-color-text-disabled);
499
+ --ids-checkbox-color-border-focus: var(--ids-input-color-border-focus);
500
+ --ids-checkbox-shadow-focus: var(--ids-shadow-focus);
501
+ --ids-checkbox-color-background-multiselect: var(--ids-color-background-default);
502
+ --ids-counts-color-text: var(--ids-color-text-subtle);
503
+ --ids-counts-links-color-text: var(--ids-hyperlink-color-text-default);
504
+ --ids-counts-label-font-size: var(--ids-font-size-40);
505
+ --ids-counts-value-font-size: var(--ids-font-size-100);
506
+ --ids-data-grid-color-background: var(--ids-color-neutral-00);
507
+ --ids-data-grid-height-min: 350px;
508
+ --ids-data-grid-font-size: var(--ids-font-size-40);
509
+ --ids-data-grid-font-size-sm: var(--ids-font-size-30);
510
+ --ids-data-grid-cell-color-background-default: var(--ids-color-neutral-00);
511
+ --ids-data-grid-cell-color-background-readonly: rgba(0 0 0 / 0.04);
512
+ --ids-data-grid-cell-color-border: var(--ids-color-neutral-30);
513
+ --ids-data-grid-cell-checkbox-color-border: var(--ids-input-color-border-default);
514
+ --ids-data-grid-cell-color-text-default: var(--ids-color-neutral-100);
515
+ --ids-data-grid-cell-color-text-disabled: var(--ids-color-neutral-30);
516
+ --ids-data-grid-cell-color-background-error: rgba(232 79 79 / 0.1);
517
+ --ids-data-grid-list-cell-color-border: var(--ids-color-neutral-20);
518
+ --ids-data-grid-list-header-color-border: var(--ids-color-neutral-10);
519
+ --ids-data-grid-list-header-color-background: var(--ids-color-neutral-10);
520
+ --ids-data-grid-list-header-color-text: var(--ids-color-neutral-100);
521
+ --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-neutral-20);
522
+ --ids-data-grid-list-header-color-icon-sorted: var(--ids-color-neutral-00);
523
+ --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-neutral-70);
524
+ --ids-data-grid-header-color-border: var(--ids-color-neutral-30);
525
+ --ids-data-grid-header-color-background-default: var(--ids-color-neutral-80);
501
526
  --ids-data-grid-header-hover-background-color: var(--ids-color-neutral-90);
502
- --ids-data-grid-header-checkbox-background-color: var(--ids-color-neutral-00);
503
- --ids-data-grid-header-checkbox-border-color: var(--ids-color-neutral-00);
504
- --ids-data-grid-header-icon-color: var(--ids-color-neutral-00);
527
+ --ids-data-grid-header-checkbox-color-background: var(--ids-color-neutral-00);
528
+ --ids-data-grid-header-checkbox-color-border: var(--ids-color-neutral-00);
529
+ --ids-data-grid-header-color-icon: var(--ids-color-neutral-00);
505
530
  --ids-data-grid-header-drag-background-color: var(--ids-color-neutral-100);
506
- --ids-data-grid-header-drag-placeholder-background-color: var(--ids-color-neutral-50);
507
- --ids-data-grid-header-text-color: var(--ids-color-neutral-00);
508
- --ids-data-grid-header-unsorted-icon-color: var(--ids-color-neutral-50);
509
- --ids-data-grid-header-sorted-icon-color: var(--ids-color-neutral-00);
510
- --ids-data-grid-header-lg-padding: 8px var(--ids-data-grid-lg-padding);
511
- --ids-data-grid-header-md-padding: 8px var(--ids-data-grid-md-padding);
512
- --ids-data-grid-header-sm-padding: 8px var(--ids-data-grid-sm-padding);
513
- --ids-data-grid-header-xs-padding: 6px var(--ids-data-grid-xs-padding);
514
- --ids-data-grid-header-xxs-padding: 5px 2px;
531
+ --ids-data-grid-header-color-background-placeholder-dragging: var(--ids-color-neutral-50);
532
+ --ids-data-grid-header-color-text: var(--ids-color-neutral-00);
533
+ --ids-data-grid-header-color-icon-unsorted: var(--ids-color-neutral-50);
534
+ --ids-data-grid-header-color-icon-sorted: var(--ids-color-neutral-00);
535
+ --ids-data-grid-header-lg-padding: 8px var(--ids-data-grid-padding-lg);
536
+ --ids-data-grid-header-md-padding: 8px var(--ids-data-grid-padding-md);
537
+ --ids-data-grid-header-sm-padding: 8px var(--ids-data-grid-padding-sm);
538
+ --ids-data-grid-header-xs-padding: 6px var(--ids-data-grid-padding-xs);
539
+ --ids-data-grid-header-xxs-padding: 2px 2px;
515
540
  --ids-data-grid-header-expander-color: var(--ids-color-neutral-20);
516
541
  --ids-data-grid-header-expander-active-color: var(--ids-color-neutral-00);
517
- --ids-data-grid-filter-input-background-color: transparent;
518
- --ids-data-grid-filter-input-border-color: var(--ids-color-neutral-30);
519
- --ids-data-grid-filter-input-text-color: var(--ids-color-neutral-00);
520
- --ids-data-grid-filter-input-hover-color: var(--ids-color-neutral-20);
521
- --ids-data-grid-filter-input-focus-color: var(--ids-color-azure-50);
522
- --ids-data-grid-filter-input-disabled-border-color: var(--ids-color-neutral-50);
523
- --ids-data-grid-filter-input-disabled-text-color: var(--ids-color-neutral-40);
524
- --ids-data-grid-filter-input-readonly-background-color: var(--ids-color-neutral-60);
525
- --ids-data-grid-filter-input-readonly-border-color: var(--ids-color-neutral-30);
526
- --ids-data-grid-filter-input-readonly-text-color: var(--ids-color-neutral-00);
527
- --ids-data-grid-filter-input-placeholder-text-color: var(--ids-color-neutral-40);
528
- --ids-data-grid-filter-input-drop-background-color: var(--ids-body-background-color);
529
- --ids-data-grid-xxs-row-height: 25px;
530
- --ids-data-grid-xxs-padding: var(--ids-spacing-sm);
531
- --ids-data-grid-xs-row-height: 30px;
532
- --ids-data-grid-xs-padding: var(--ids-spacing-md);
533
- --ids-data-grid-sm-row-height: 35px;
534
- --ids-data-grid-sm-padding: var(--ids-spacing-lg);
535
- --ids-data-grid-md-row-height: 40px;
536
- --ids-data-grid-md-padding: var(--ids-spacing-xl);
537
- --ids-data-grid-lg-row-height: 50px;
538
- --ids-data-grid-lg-padding: var(--ids-spacing-xxl);
539
- --ids-data-grid-row-selected-background-color: rgba(85 163 243 / 0.10);
540
- --ids-data-grid-row-alternate-background-color: var(--ids-color-neutral-10);
541
- --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);
542
- --ids-date-picker-open-trigger-button-text-color: var(--ids-color-primary)
543
- --ids-date-picker-open-trigger-input-border-color: var(--ids-color-primary);
544
- --ids-date-picker-dropdown-button-text-color: var(--ids-color-neutral-100);
545
- --ids-date-picker-dropdown-focus-box-shadow-color: var(--ids-shadow-md);
546
- --ids-date-picker-picklist-background-color: var(--ids-color-neutral-00);
547
- --ids-date-picker-picklist-item-text-color: var(--ids-text-color-subtle);
548
- --ids-date-picker-picklist-item-focus-border-color: var(--ids-focus-ring-border-color);
549
- --ids-date-picker-picklist-item-focus-box-shadow: var(--ids-focus-ring-shadow);
550
- --ids-date-picker-picklist-item-selected-text-color: var(--ids-color-neutral-00);
551
- --ids-date-picker-picklist-item-selected-background-color: var(--ids-color-primary);
552
- --ids-date-picker-picklist-separator-background-color: var(--ids-color-neutral-30);
553
- --ids-date-picker-popup-button-apply-text-color: var(--ids-color-azure-70);
554
- --ids-date-picker-popup-button-apply-disabled-text-color: var(--ids-color-azure-30);
555
- --ids-date-picker-popup-button-border-color: var(--ids-color-neutral-30);
556
- --ids-date-picker-popup-footer-border-color: var(--ids-date-picker-popup-button-border-color);
557
- --ids-date-picker-popup-button-text-color: var(--ids-color-neutral-60);
558
- --ids-date-picker-popup-button-hover-text-color: var(--ids-color-neutral-100);
559
- --ids-date-picker-popup-button-today-text-color: var(--ids-color-primary);
560
- --ids-dirty-indicator-background-color: var(--ids-color-amber-30);
561
- --ids-drawer-action-sheet-background-color: var(--ids-color-neutral-00);
562
- --ids-drawer-action-sheet-text-color: var(--ids-color-neutral-100);
563
- --ids-drawer-action-sheet-box-shadow: 0 0 8px rgba(0 0 0 / 0.2);
564
- --ids-drawer-app-menu-background-color: var(--ids-color-neutral-100);
565
- --ids-drawer-app-menu-text-color: var(--ids-color-neutral-00);
566
- --ids-drawer-app-menu-box-shadow: 0 0 20px 1px rgba(0 0 0 / 0.75);
542
+ --ids-data-grid-filter-input-color-background: transparent;
543
+ --ids-data-grid-filter-input-color-border-default: var(--ids-color-neutral-30);
544
+ --ids-data-grid-filter-input-color-text-default: var(--ids-color-neutral-00);
545
+ --ids-data-grid-filter-input-color-background-hover: var(--ids-color-neutral-20);
546
+ --ids-data-grid-filter-input-color-border-focus: var(--ids-color-azure-50);
547
+ --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-neutral-50);
548
+ --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-neutral-40);
549
+ --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-neutral-60);
550
+ --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-neutral-30);
551
+ --ids-data-grid-filter-input-color-text-readonly: var(--ids-color-neutral-00);
552
+ --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-neutral-40);
553
+ --ids-data-grid-filter-input-drop-background-color: var(--ids-color-background-default);
554
+ --ids-data-grid-row-height-xxs: 25px;
555
+ --ids-data-grid-padding-xxs: var(--ids-space-20);
556
+ --ids-data-grid-row-height-xs: 30px;
557
+ --ids-data-grid-padding-xs: var(--ids-space-30);
558
+ --ids-data-grid-row-height-sm: 35px;
559
+ --ids-data-grid-padding-sm: var(--ids-space-40);
560
+ --ids-data-grid-row-height-md: 40px;
561
+ --ids-data-grid-padding-md: var(--ids-space-50);
562
+ --ids-data-grid-row-height-lg: 50px;
563
+ --ids-data-grid-padding-lg: var(--ids-space-60);
564
+ --ids-data-grid-row-color-background-selected: rgba(85 163 243 / 0.10);
565
+ --ids-data-grid-row-alternating-color-background: var(--ids-color-neutral-10);
566
+ --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);
567
+ --ids-date-picker-open-trigger-button-color-text: var(--ids-color-primary)
568
+ --ids-date-picker-color-border: var(--ids-color-primary);
569
+ --ids-date-picker-dropdown-button-color-text: var(--ids-color-neutral-100);
570
+ --ids-date-picker-dropdown-color-focus: var(--ids-shadow-md);
571
+ --ids-date-picker-color-background: var(--ids-color-neutral-00);
572
+ --ids-date-picker-picklist-item-color-text-default: var(--ids-color-text-subtle);
573
+ --ids-date-picker-item-color-border-focus: var(--ids-focus-ring-border-color);
574
+ --ids-date-picker-item-shadow-focus: var(--ids-focus-ring-shadow);
575
+ --ids-date-picker-picklist-item-color-text-selected: var(--ids-color-neutral-00);
576
+ --ids-date-picker-picklist-item-color-background-selected: var(--ids-color-primary);
577
+ --ids-date-picker-picklist-separator-color-background: var(--ids-color-neutral-30);
578
+ --ids-date-picker-popup-button-primary-color-text: var(--ids-color-azure-70);
579
+ --ids-date-picker-popup-button-primary-color-text-disabled: var(--ids-color-azure-30);
580
+ --ids-date-picker-popup-button-color-border: var(--ids-color-neutral-30);
581
+ --ids-date-picker-popup-footer-color-border: var(--ids-date-picker-popup-button-color-border);
582
+ --ids-date-picker-popup-button-color-text-default: var(--ids-color-neutral-60);
583
+ --ids-date-picker-popup-button-color-text-hover: var(--ids-color-neutral-100);
584
+ --ids-date-picker-popup-button-today-color-text: var(--ids-color-primary);
585
+ --ids-input-dirty-indicator-color-background-dirty: var(--ids-color-amber-30);
586
+ --ids-drawer-action-sheet-color-background: var(--ids-color-neutral-00);
587
+ --ids-drawer-action-sheet-color-text: var(--ids-color-neutral-100);
588
+ --ids-drawer-action-sheet-shadow: 0 0 8px rgba(0 0 0 / 0.2);
589
+ --ids-drawer-app-menu-color-background: var(--ids-color-neutral-100);
590
+ --ids-drawer-app-menu-color-text: var(--ids-color-neutral-00);
591
+ --ids-drawer-app-menu-shadow: 0 0 20px 1px rgba(0 0 0 / 0.75);
567
592
  --ids-drawer-width: 300px;
568
- --ids-dropdown-background-color: var(--ids-popup-background-color);
569
- --ids-dropdown-border-color: var(--ids-focus-border-color);
570
- --ids-dropdown-attached-border-color: var(--ids-color-neutral-30);
571
- --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);
572
- --ids-dropdown-border-radius: 0 0 var(--ids-border-radius-xs) var(--ids-border-radius-xs);
573
- --ids-dropdown-flipped-border-radius: var(--ids-border-radius-xs) var(--ids-border-radius-xs) 0 0;
574
- --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);
575
- --ids-dropdown-icon-color: var(--ids-color-neutral-100);
576
- --ids-dropdown-typeahead-background-color: var(--ids-color-neutral-10);
577
- --ids-dropdown-text-indent: 8px;
578
- --ids-dropdown-separator-border-color: var(--ids-color-neutral-10);
593
+ --ids-dropdown-color-background-default: var(--ids-popup-color-background);
594
+ --ids-dropdown-color-border: var(--ids-color-border-focus);
595
+ --ids-dropdown-attached-color-border: var(--ids-color-neutral-30);
596
+ --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);
597
+ --ids-dropdown-border-radius: 0 0 var(--ids-border-radius-01) var(--ids-border-radius-01);
598
+ --ids-dropdown-border-radius-opened-up: var(--ids-border-radius-01) var(--ids-border-radius-01) 0 0;
599
+ --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);
600
+ --ids-dropdown-color-icon: var(--ids-color-neutral-100);
601
+ --ids-dropdown-typeahead-color-background: var(--ids-color-neutral-10);
602
+ --ids-dropdown-space-text: 8px;
603
+ --ids-dropdown-separator-color-border: var(--ids-color-neutral-10);
579
604
  --ids-dropdown-separator-padding: 4px;
580
- --ids-dropdown-text-color: var(--ids-color-neutral-100);
581
- --ids-dropdown-selected-text-color: var(--ids-color-neutral-00);
582
- --ids-dropdown-selected-background-color: var(--ids-color-primary-60);
583
- --ids-dropdown-hover-background-color: var(--ids-color-neutral-20);
584
- --ids-dropdown-group-text-color: var(--ids-color-neutral-80);
585
- --ids-dropdown-group-border-color: var(--ids-color-neutral-30);
605
+ --ids-dropdown-color-text-default: var(--ids-color-neutral-100);
606
+ --ids-dropdown-color-text-selected: var(--ids-color-neutral-00);
607
+ --ids-dropdown-color-background-selected: var(--ids-color-primary-60);
608
+ --ids-dropdown-color-background-hover: var(--ids-color-neutral-20);
609
+ --ids-dropdown-group-color-text: var(--ids-color-neutral-80);
610
+ --ids-dropdown-group-color-border: var(--ids-color-neutral-30);
586
611
  --ids-dropdown-group-padding: 4px;
587
- --ids-dropdown-font-size: var(--ids-font-size-sm);
588
- --ids-editor-font-family: var(--ids-font-family);
589
- --ids-editor-font-size: var(--ids-font-size-md);
612
+ --ids-dropdown-font-size: var(--ids-font-size-30);
613
+ --ids-editor-font-family: var(--ids-font-family-default);
614
+ --ids-editor-font-size: var(--ids-font-size-40);
590
615
  --ids-editor-background-color: var(--ids-color-neutral-00);
591
- --ids-editor-border-color: var(--ids-color-neutral-40);
592
- --ids-editor-border-radius: var(--ids-border-radius-xs);
593
- --ids-editor-border-style: solid;
594
- --ids-editor-border-width: 1px;
616
+ --ids-editor-color-border-default: var(--ids-color-neutral-40);
617
+ --ids-editor-border-radius-default: var(--ids-border-radius-01);
618
+ --ids-editor-border-style-default: solid;
619
+ --ids-editor-border-width-default: 1px;
595
620
  --ids-editor-outline: 0;
596
- --ids-editor-line-height: var(--ids-line-height-md);
597
- --ids-editor-padding: var(--ids-spacing-xxl);
598
- --ids-editor-hover-border-color: var(--ids-color-neutral-90);
599
- --ids-editor-focus-border-color: var(--ids-focus-border-color);
600
- --ids-editor-focus-border-outline: var(--ids-focus-outline);
601
- --ids-editor-focus-border-box-shadow: var(--ids-focus-box-shadow);
602
- --ids-editor-error-border-color: var(--ids-color-error);
603
- --ids-editor-error-text-color: var(--ids-color-error);
604
- --ids-editor-error-border-box-shadow: var(--ids-box-shadow-error);
605
- --ids-editor-readonly-background-color: var(--ids-color-neutral-20);
606
- --ids-editor-readonly-border-color: var(--ids-editor-border-color);
607
- --ids-editor-readonly-text-color: var(--ids-text-color-data);
608
- --ids-editor-readonly-cursor: var(--ids-cursor-text);
609
- --ids-editor-readonly-source-line-numbers-background-color: var(--ids-color-neutral-10);
610
- --ids-editor-disabled-border-color: var(--ids-text-color-disabled);
611
- --ids-editor-disabled-cursor: var(--ids-cursor-default);
612
- --ids-editor-disabled-text-color: var(--ids-text-color-disabled);
613
- --ids-editor-link-padding: var(--ids-spacing-md);
614
- --ids-editor-link-text-color: var(--ids-color-primary);
615
- --ids-editor-link-hover-text-color: var(--ids-color-primary-70);
616
- --ids-editor-link-focus-border-color: var(--ids-color-primary);
617
- --ids-editor-link-focus-border-radius: var(--ids-border-radius-xs);
618
- --ids-editor-link-focus-border-style: solid;
619
- --ids-editor-link-focus-border-width: 1px;
620
- --ids-editor-link-focus-outline: var(--ids-focus-outline);
621
- --ids-editor-link-focus-box-shadow: var(--ids-focus-box-shadow);
621
+ --ids-editor-font-line-height: var(--ids-line-height-30);
622
+ --ids-editor-padding: var(--ids-space-60);
623
+ --ids-editor-color-border-hover: var(--ids-color-neutral-90);
624
+ --ids-editor-color-border-focus: var(--ids-color-border-focus);
625
+ --ids-editor-outline-focus: var(--ids-outline-none);
626
+ --ids-editor-shadow-border-focus: var(--ids-shadow-focus);
627
+ --ids-editor-color-border-error: var(--ids-color-error-default);
628
+ --ids-editor-color-text-error: var(--ids-color-error-default);
629
+ --ids-editor-shadow-error: var(--ids-shadow-error);
630
+ --ids-editor-color-background-readonly: var(--ids-color-neutral-20);
631
+ --ids-editor-color-border-readonly: var(--ids-editor-color-border-default);
632
+ --ids-editor-color-text-readonly: var(--ids-color-text-data);
633
+ --ids-editor-source-color-background-readonly: var(--ids-color-neutral-10);
634
+ --ids-editor-color-border-disabled: var(--ids-color-text-disabled);
635
+ --ids-editor-cursor-disabled: var(--ids-cursor-default);
636
+ --ids-editor-color-text-disabled: var(--ids-color-text-disabled);
637
+ --ids-editor-link-padding: var(--ids-space-30);
638
+ --ids-editor-link-color-text-link: var(--ids-color-primary);
639
+ --ids-editor-link-color-text-hover: var(--ids-color-primary-70);
640
+ --ids-editor-link-color-border-focus: var(--ids-color-primary);
641
+ --ids-editor-link-border-radius-focus: var(--ids-border-radius-01);
642
+ --ids-editor-link-border-style-focus: solid;
643
+ --ids-editor-link-border-width-focus: 1px;
644
+ --ids-editor-link-outline-focus: var(--ids-outline-none);
645
+ --ids-editor-shadow-focus: var(--ids-shadow-focus);
622
646
  --ids-editor-blockquote-border-inline-start: 2px solid var(--ids-color-neutral-40);
623
- --ids-editor-blockquote-margin-inline-start: var(--ids-spacing-md);
624
- --ids-editor-blockquote-margin-inline-end: var(--ids-spacing-none);
625
- --ids-editor-blockquote-padding-inline-start: var(--ids-spacing-xl);
626
- --ids-editor-source-padding: var(--ids-spacing-none);
627
- --ids-editor-source-margin: var(--ids-spacing-none);
628
- --ids-editor-source-line-numbers-margin: var(--ids-spacing-none);
629
- --ids-editor-source-line-numbers-padding-block-start: var(--ids-spacing-xxl);
630
- --ids-editor-source-line-numbers-padding-inline: var(--ids-spacing-xl);
631
- --ids-editor-source-line-numbers-line-height: var(--ids-line-height-md);
632
- --ids-editor-source-line-numbers-font-weight: var(--ids-font-weight-bold);
633
- --ids-editor-source-line-numbers-background-color: var(--ids-color-neutral-10);
634
- --ids-editor-source-line-numbers-text-color: var(--ids-color-neutral-50);
635
- --ids-editor-source-textarea-background-color: transparent;
636
- --ids-editor-source-textarea-text-color: var(--ids-text-color-data);
637
- --ids-editor-source-textarea-border: none;
638
- --ids-editor-source-textarea-padding-block-start: var(--ids-spacing-xxl);
639
- --ids-editor-source-textarea-padding-inline: var(--ids-spacing-xxl);
640
- --ids-editor-source-textarea-line-height: var(--ids-line-height-md);
641
- --ids-editor-source-textarea-outline: var(--ids-spacing-none);
647
+ --ids-editor-blockquote-margin-inline-start: var(--ids-space-30);
648
+ --ids-editor-blockquote-margin-inline-end: var(--ids-space-none);
649
+ --ids-editor-blockquote-padding-inline-start: var(--ids-space-50);
650
+ --ids-editor-source-padding: var(--ids-space-none);
651
+ --ids-editor-source-margin: var(--ids-space-none);
652
+ --ids-editor-source-line-margin: var(--ids-space-none);
653
+ --ids-editor-source-line-padding-block-start: var(--ids-space-60);
654
+ --ids-editor-source-line-padding-inline: var(--ids-space-50);
655
+ --ids-editor-source-font-line-height: var(--ids-line-height-30);
656
+ --ids-editor-source-line-font-weight: var(--ids-font-weight-bold);
657
+ --ids-editor-source-color-background-default: var(--ids-color-neutral-10);
658
+ --ids-editor-source-line-color-text: var(--ids-color-neutral-50);
659
+ --ids-editor-textarea-color-background: transparent;
660
+ --ids-editor-source-color-text: var(--ids-color-text-data);
661
+ --ids-editor-source-border: none;
662
+ --ids-editor-source-padding-block-start: var(--ids-space-60);
663
+ --ids-editor-source-padding-inline: var(--ids-space-60);
664
+ --ids-editor-source-textarea-font-line-height: var(--ids-line-height-30);
665
+ --ids-editor-source-textarea-outline: var(--ids-space-none);
642
666
  --ids-empty-message-icon-color: var(--ids-color-neutral-60);
643
- --ids-empty-message-icon-fill: transparent;
644
- --ids-empty-message-icon-margin: var(--ids-spacing-xl);
667
+ --ids-empty-message-color-icon-fill: transparent;
668
+ --ids-empty-message-icon-margin: var(--ids-space-50);
645
669
  --ids-empty-message-icon-height: 80px;
646
670
  --ids-empty-message-icon-width: 80px;
647
- --ids-empty-message-label-padding: var(--ids-spacing-xl) var(--ids-spacing-lg);
648
- --ids-empty-message-label-font-size: var(--ids-font-size-lg);
649
- --ids-empty-message-description-padding: var(--ids-spacing-none) var(--ids-spacing-xxl) var(--ids-spacing-xxl);
650
- --ids-empty-message-description-text-align: center;
651
- --ids-empty-message-button-margin-block-end: var(--ids-spacing-5xl);
671
+ --ids-empty-message-label-padding: var(--ids-space-50) var(--ids-space-40);
672
+ --ids-empty-message-label-font-size: var(--ids-font-size-50);
673
+ --ids-empty-message-description-padding: var(--ids-space-none) var(--ids-space-60) var(--ids-space-60);
674
+ --ids-empty-message-description-font-align: center;
675
+ --ids-empty-message-button-margin-block-end: var(--ids-space-90);
652
676
  --ids-expandable-area-border-bottom: 1px solid var(--ids-color-neutral-30);
653
- --ids-hierarchy-legend-item-before-background-color: var(--ids-color-neutral-20);
654
- --ids-hierarchy-item-leaf-border-color: var(--ids-color-neutral-30);
655
- --ids-hierarchy-item-leaf-box-shadow: 0 0 8px rgba(0 0 0 / 0.1);
656
- --ids-hierarchy-item-leaf-border-radius: var(--ids-border-radius-xs);
657
- --ids-hierarchy-item-leaf-before-border-color: var(--ids-color-neutral-30);
658
- --ids-hierarchy-item-leaf-inside-background-color: var(--ids-color-neutral-00);
677
+ --ids-homepage-color-background-default: var(--ids-color-neutral-10);
678
+ --ids-hierarchy-legend-color-background-default: var(--ids-color-neutral-20);
679
+ --ids-hierarchy-item-leaf-color-border: var(--ids-color-neutral-30);
680
+ --ids-hierarchy-item-leaf-shadow: 0 0 8px rgba(0 0 0 / 0.1);
681
+ --ids-hierarchy-item-border-radius: var(--ids-border-radius-01);
682
+ --ids-hierarchy-item-leaf-before-color-border: var(--ids-color-neutral-30);
683
+ --ids-hierarchy-item-color-background: var(--ids-color-neutral-00);
659
684
  --ids-hierarchy-item-leaf-inside-border-left: 5px solid var(--ids-color-neutral-80);
660
- --ids-hierarchy-item-leaf-inside-box-shadow: none;
661
- --ids-hierarchy-item-avatar-border: 2px solid var(--ids-color-neutral-80);
662
- --ids-hierarchy-item-focus-box-shadow: none;
663
- --ids-hierarchy-item-selected-leaf-box-shadow: 0 0 0 5px rgba(54 138 192 / 0.3);
664
- --ids-header-background-color: var(--ids-color-primary);
665
- --ids-header-text-color: var(--ids-color-text-on-primary);
685
+ --ids-hierarchy-item-leaf-inside-shadow: none;
686
+ --ids-hierarchy-item-border-default: 2px solid var(--ids-color-neutral-80);
687
+ --ids-hierarchy-item-shadow-focus: none;
688
+ --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(54 138 192 / 0.3);
689
+ --ids-header-color-border-bottom: var(--ids-color-neutral-30);
690
+ --ids-header-color-background: var(--ids-color-neutral-00);
691
+ --ids-header-color-text: var(--ids-color-text-default);
666
692
  --ids-header-padding: 8px;
667
- --ids-header-gradient-opaque: rgb(0 114 237 / 1);
668
- --ids-header-gradient-transparent: rgb(0 114 237 / 0);
669
- --ids-hyperlink-border-radius: var(--ids-border-radius-sm);
693
+ --ids-header-gradient-opacity-none: rgb(0 114 237 / 1);
694
+ --ids-header-gradient-opacity-full: rgb(0 114 237 / 0);
695
+ --ids-header-alternate-color-background: var(--ids-color-primary);
696
+ --ids-header-alternate-color-text: var(--ids-color-neutral-00);
697
+ --ids-hyperlink-border-radius: var(--ids-border-radius-02);
670
698
  --ids-hyperlink-cursor: var(--ids-cursor-pointer);
671
- --ids-hyperlink-font-size: var(--ids-font-size);
699
+ --ids-hyperlink-font-size: var(--ids-font-size-40);
672
700
  --ids-hyperlink-font-weight: var(--ids-font-weight-normal);
673
- --ids-hyperlink-text-color: var(--ids-color-primary);
674
- --ids-hyperlink-hover-text-color: var(--ids-color-primary-70);
675
- --ids-hyperlink-disabled-text-color: var(--ids-color-neutral-40);
701
+ --ids-hyperlink-color-text-default: var(--ids-color-primary);
702
+ --ids-hyperlink-color-text-hover: var(--ids-color-primary-70);
703
+ --ids-hyperlink-color-text-disabled: var(--ids-color-neutral-40);
704
+ --ids-hyperlink-box-icon-color-text-default: var(--ids-color-amethyst-70);
705
+ --ids-hyperlink-box-color-text-default: var(--ids-color-neutral-70);
706
+ --ids-hyperlink-box-color-border-default: var(--ids-color-neutral-70);
707
+ --ids-hyperlink-box-height: 136px;
708
+ --ids-hyperlink-box-width: 155px;
709
+ --ids-hyperlink-box-width-double: 323px;
676
710
  --ids-icon-font-name: "name-here";
677
- --ids-icon-color: var(--ids-color-neutral-80);
678
- --ids-icon-color-disabled: var(--ids-text-color-disabled);
679
- --ids-icon-empty-icon-color: var(--ids-color-primary);
680
- --ids-icon-empty-new-icon-color: var(--ids-color-neutral-60)
681
- // Image
682
- --ids-image-focus-border-color: var(--ids-focus-border-color);
683
- --ids-image-focus-box-shadow: var(--ids-box-shadow-lg);
684
- --ids-image-border-color: var(--ids-text-color-disabled);
685
- --ids-image-text-color: var(--ids-text-color-subtle);
686
- --ids-image-initials-border-radius: var(--ids-border-radius-round);
687
- --ids-image-initials-background-color: var(--ids-color-amethyst-50);
688
- --ids-image-placeholder-background-color: var(--ids-body-background-color);
689
- --ids-image-status-available-background-color: var(--ids-color-success);
690
- --ids-image-status-busy-background-color: var(--ids-color-error);
691
- --ids-image-status-away-background-color: var(--ids-color-warning);
692
- --ids-image-status-unknown-background-color: var(--ids-text-color-disabled);
693
- --ids-input-width-xs: 75px;
694
- --ids-input-width-sm: 150px;
695
- --ids-input-width-mm: 225px;
696
- --ids-input-width-md: 300px;
697
- --ids-input-width-lg: 400px;
711
+ --ids-icon-height-default: 18px;
712
+ --ids-icon-width-default: 18px;
713
+ --ids-icon-color-default: currentColor;
714
+ --ids-icon-color-default-disabled: var(--ids-color-text-disabled);
715
+ --ids-icon-empty-color: var(--ids-color-primary);
716
+ --ids-icon-empty-new-color: var(--ids-color-neutral-60);
717
+ --ids-icon-status-color-padding: 5px;
718
+ --ids-icon-status-color-border-radius: var(--ids-border-radius-circle);
719
+ --ids-icon-status-color-ruby-color-text: var(--ids-color-ruby-60);
720
+ --ids-icon-status-color-ruby-color-background: var(--ids-color-ruby-10);
721
+ --ids-icon-status-color-amber-color-text: var(--ids-color-amber-60);
722
+ --ids-icon-status-color-amber-color-background: var(--ids-color-amber-10);
723
+ --ids-icon-status-color-emerald-color-text: var(--ids-color-emerald-60);
724
+ --ids-icon-status-color-emerald-color-background: var(--ids-color-emerald-10);
725
+ --ids-icon-status-color-azure-color-text: var(--ids-color-azure-60);
726
+ --ids-icon-status-color-azure-color-background: var(--ids-color-azure-10);
727
+ --ids-icon-status-color-turquoise-color-text: var(--ids-color-turquoise-60);
728
+ --ids-icon-status-color-turquoise-color-background: var(--ids-color-turquoise-10);
729
+ --ids-icon-status-color-amethyst-color-text: var(--ids-color-amethyst-60);
730
+ --ids-icon-status-color-amethyst-color-background: var(--ids-color-amethyst-10);
731
+ --ids-icon-status-color-neutral-color-text: var(--ids-color-neutral-60);
732
+ --ids-icon-status-color-neutral-color-background: var(--ids-color-neutral-10);
733
+ --ids-icon-status-color-error-color-text: var(--ids-color-error-default);
734
+ --ids-icon-status-color-error-color-background: var(--ids-color-error-10);
735
+ --ids-icon-status-color-warning-color-text: var(--ids-color-warning-default);
736
+ --ids-icon-status-color-warning-color-background: var(--ids-color-warning-10);
737
+ --ids-icon-status-color-success-color-text: var(--ids-color-success-default);
738
+ --ids-icon-status-color-success-color-background: var(--ids-color-success-10);
739
+ --ids-icon-status-color-alert-color-text: var(--ids-color-alert-default);
740
+ --ids-icon-status-color-alert-color-background: var(--ids-color-alert-10);
741
+ --ids-icon-status-color-info-color-text: var(--ids-color-info-default);
742
+ --ids-icon-status-color-info-color-background: var(--ids-color-info-10);
743
+ --ids-image-color-border-focus: var(--ids-color-border-focus);
744
+ --ids-image-shadow-focus: var(--ids-shadow-30);
745
+ --ids-image-color-border-default: var(--ids-color-text-disabled);
746
+ --ids-image-color-text: var(--ids-color-text-subtle);
747
+ --ids-image-initials-border-radius: var(--ids-border-radius-circle);
748
+ --ids-image-initials-color-background: var(--ids-color-amethyst-50);
749
+ --ids-image-placeholder-color-background: var(--ids-color-background-default);
750
+ --ids-image-status-available-color-background: var(--ids-color-success-default);
751
+ --ids-image-status-busy-color-background: var(--ids-color-error-default);
752
+ --ids-image-status-away-color-background: var(--ids-color-warning-default);
753
+ --ids-image-status-unknown-color-background: var(--ids-color-text-disabled);
754
+ --ids-input-width-10: 75px;
755
+ --ids-input-width-20: 150px;
756
+ --ids-input-width-30: 225px;
757
+ --ids-input-width-40: 300px;
758
+ --ids-input-width-50: 400px;
698
759
  --ids-input-width-full: 100%;
699
- --ids-input-height-xs: 28px;
700
- --ids-input-height-sm: 30px;
701
- --ids-input-height-md: 38px;
702
- --ids-input-height-lg: 48px;
760
+ --ids-input-height-10: 28px;
761
+ --ids-input-height-20: 30px;
762
+ --ids-input-height-30: 38px;
763
+ --ids-input-height-40: 48px;
703
764
  --ids-input-margin-bottom: 8px;
704
- --ids-input-label-font-size: var(--ids-font-size-sm);
705
- --ids-input-font-size: var(--ids-font-size-md);
706
- --ids-input-font-size-sm: var(--ids-font-size-md);
707
- --ids-input-background-color: var(--ids-color-neutral-00);
708
- --ids-input-border-color: var(--ids-color-neutral-40);
709
- --ids-input-text-color: var(--ids-text-color-data);
710
- --ids-input-label-text-color: var(--ids-text-color-label);
711
- --ids-input-readonly-border-color: var(--ids-color-neutral-40);
712
- --ids-input-readonly-text-color: var(--ids-text-color-data);
713
- --ids-input-readonly-background-color: var(--ids-color-neutral-20);
714
- --ids-input-disabled-text-color: var(--ids-text-color-disabled);
715
- --ids-input-disabled-border-color: var(--ids-text-color-disabled);
716
- --ids-input-hover-border-color: var(--ids-color-neutral-90);
717
- --ids-input-focus-border-color: var(--ids-focus-border-color);
718
- --ids-input-header-text-color: var(--ids-color-neutral-00);
719
- --ids-input-header-placeholder-text-color: rgba(255 255 255 / 0.7);
720
- --ids-input-header-background-color: var(--ids-color-text-on-primary);
721
- --ids-input-header-border-color: rgba(62 62 66 / 0.7);
722
- --ids-input-app-menu-text-color: var(--ids-color-neutral-00);
723
- --ids-input-alert-border-color: var(--ids-color-warning-80);
724
- --ids-input-alert-text-color: var(--ids-color-warning-80);
725
- --ids-input-alert-focus-box-shadow: var(--ids-color-warning-shadow);
726
- --ids-input-alert-disabled-border-color: var(--ids-color-warning-30);
727
- --ids-input-alert-disabled-text-color: var(--ids-color-warning-30);
728
- --ids-input-error-border-color: var(--ids-color-error-60);
729
- --ids-input-error-text-color: var(--ids-color-error-60);
730
- --ids-input-error-focus-box-shadow: var(--ids-color-error-shadow);
731
- --ids-input-error-disabled-border-color: var(--ids-color-error-30);
732
- --ids-input-error-disabled-text-color: var(--ids-color-error-30);
733
- --ids-input-info-border-color: var(--ids-color-info-70);
734
- --ids-input-info-text-color: var(--ids-color-info-70);
735
- --ids-input-info-focus-box-shadow: var( --ids-color-info-shadow);
736
- --ids-input-info-disabled-border-color: var(--ids-color-info-30);
737
- --ids-input-info-disabled-text-color: var(--ids-color-info-30);
738
- --ids-input-success-border-color: var(--ids-color-success-80);
739
- --ids-input-success-text-color: var(--ids-color-success-80);
740
- --ids-input-success-focus-box-shadow: var( --ids-color-success-shadow);
741
- --ids-input-success-disabled-border-color: var(--ids-color-success-30);
742
- --ids-input-success-disabled-text-color: var(--ids-color-success-30);
743
- --ids-layout-grid-fill-background-color: var(--ids-color-neutral-10);
744
- --ids-layout-grid-fill-text-color: var(--ids-text-color);
765
+ --ids-input-label-font-size: var(--ids-font-size-30);
766
+ --ids-input-font-size: var(--ids-font-size-40);
767
+ --ids-input-font-size-sm: var(--ids-font-size-40);
768
+ --ids-input-color-background-default: var(--ids-color-neutral-00);
769
+ --ids-input-color-border-default: var(--ids-color-neutral-40);
770
+ --ids-input-color-text: var(--ids-color-text-data);
771
+ --ids-input-label-color-text-default: var(--ids-color-text-label);
772
+ --ids-input-color-border-readonly: var(--ids-color-neutral-40);
773
+ --ids-input-color-text-readonly: var(--ids-color-text-data);
774
+ --ids-input-color-background-readonly: var(--ids-color-neutral-20);
775
+ --ids-input-color-text-disabled: var(--ids-color-text-disabled);
776
+ --ids-input-color-border-disabled: var(--ids-color-text-disabled);
777
+ --ids-input-color-border-hover: var(--ids-color-neutral-90);
778
+ --ids-input-color-border-focus: var(--ids-color-border-focus);
779
+ --ids-input-header-color-text-default: var(--ids-color-neutral-00);
780
+ --ids-input-header-color-text-placeholder: rgba(255 255 255 / 0.7);
781
+ --ids-input-header-color-background: var(--ids-color-text-on-primary);
782
+ --ids-input-header-color-border: rgba(62 62 66 / 0.7);
783
+ --ids-input-color-text-default: var(--ids-color-neutral-00);
784
+ --ids-input-color-border-alert-default: var(--ids-color-warning-80);
785
+ --ids-input-color-text-alert-default: var(--ids-color-warning-80);
786
+ --ids-input-shadow-alert-focus: var(--ids-color-shadow-warning);
787
+ --ids-input-color-border-alert-disabled: var(--ids-color-warning-30);
788
+ --ids-input-color-text-alert-disabled: var(--ids-color-warning-30);
789
+ --ids-input-color-border-error-default: var(--ids-color-error-60);
790
+ --ids-input-error-color-text-error-default: var(--ids-color-error-60);
791
+ --ids-input-color-shadow-error-focus: var(--ids-color-shadow-error);
792
+ --ids-input-color-border-error-disabled: var(--ids-color-error-30);
793
+ --ids-input-error-color-text-error-disabled: var(--ids-color-error-30);
794
+ --ids-input-color-border-info-default: var(--ids-color-info-70);
795
+ --ids-input-color-text-info-default: var(--ids-color-info-70);
796
+ --ids-input-shadow-info-focus: var( --ids-color-shadow-info);
797
+ --ids-input-color-border-info-disabled: var(--ids-color-info-30);
798
+ --ids-input-color-text-info-disabled: var(--ids-color-info-30);
799
+ --ids-input-color-border-success-default: var(--ids-color-success-80);
800
+ --ids-input-color-text-success-default: var(--ids-color-success-80);
801
+ --ids-input-shadow-success-focus: var( --ids-color-shadow-success);
802
+ --ids-input-color-border-success-disabled: var(--ids-color-success-30);
803
+ --ids-input-color-text-success-disabled: var(--ids-color-success-30);
804
+ --ids-layout-grid-color-background: var(--ids-color-neutral-20);
805
+ --ids-layout-grid-color-text: var(--ids-color-text);
745
806
  --ids-list-builder-border: 1px solid var(--ids-color-neutral-40);
746
- --ids-list-builder-border-radius: var(--ids-border-radius-xs);
747
- --ids-list-builder-input-background-color: rgba(71 71 76 / 0.3);
748
- --ids-list-builder-input-border-width: 0;
749
- --ids-list-builder-input-height: var(--ids-size-xxs);
807
+ --ids-list-builder-border-radius: var(--ids-border-radius-01);
808
+ --ids-list-builder-color-background: rgba(71 71 76 / 0.3);
809
+ --ids-list-builder-border-width: 0;
810
+ --ids-list-builder-input-height: var(--ids-size-10);
750
811
  --ids-list-builder-input-text-color: var(--ids-color-neutral-00);
751
- --ids-list-builder-input-padding: var(--ids-spacing-none);
812
+ --ids-list-builder-input-padding: var(--ids-space-none);
752
813
  --ids-list-builder-item-border: 1px solid transparent;
753
- --ids-list-builder-item-padding: var(--ids-spacing-xl) var(--ids-spacing-3xl);
754
- --ids-list-builder-item-height: var(--ids-size-lg);
755
- --ids-list-builder-item-min-height: var(--ids-size-md);
756
- --ids-list-builder-item-drag-handle-content: "⁞";
757
- --ids-list-builder-item-drag-handle-cursor: move;
758
- --ids-list-builder-item-drag-handle-font-size: var(--ids-font-size-xl);
759
- --ids-list-builder-item-placeholder-background-color: var(--ids-color-azure-10);
814
+ --ids-list-builder-item-padding: var(--ids-space-50) var(--ids-space-70);
815
+ --ids-list-builder-item-height: var(--ids-size-50);
816
+ --ids-list-builder-item-height-min: var(--ids-size-40);
817
+ --ids-list-builder-drag-content: "⁞";
818
+ --ids-list-builder-item-cursor-drag: move;
819
+ --ids-list-builder-item-font-size-drag: var(--ids-font-size-60);
820
+ --ids-list-builder-item-color-background-placeholder: var(--ids-color-azure-10);
760
821
  --ids-list-builder-item-placeholder-opacity: 0.6;
761
- --ids-list-view-focus-border-color: var(--ids-color-azure-40);
762
- --ids-list-view-item-background-color: var(--ids-color-neutral-00);
822
+ --ids-list-view-height: 100%;
823
+ --ids-list-view-color-border-focus: var(--ids-color-azure-40);
824
+ --ids-list-view-item-color-background-default: var(--ids-color-neutral-00);
763
825
  --ids-list-view-item-border: 1px solid transparent;
764
- --ids-list-view-item-border-top-color: var(--ids-color-neutral-20);
765
- --ids-list-view-item-padding: var(--ids-spacing-xl) var(--ids-spacing-3xl);
766
- --ids-list-view-item-focus-border-color: var(--ids-color-azure-40);
767
- --ids-list-view-item-focus-box-shadow: 0 0 4px 1px rgb(54 138 192 / 0.3);
768
- --ids-list-view-item-focus-outline: none;
769
- --ids-list-view-item-disabled-text-color: var(--ids-color-neutral-30);
770
- --ids-list-view-item-disabled-focus-border-color: transparent;
771
- --ids-list-view-item-disabled-focus-border-top-color: var(--ids-color-neutral-20);
772
- --ids-list-view-item-disabled-focus-box-shadow: none;
773
- --ids-list-view-item-disabled-badge-background-color: var(--ids-color-neutral-30);
774
- --ids-list-view-item-disabled-badge-border-color: var(--ids-color-neutral-30);
775
- --ids-list-view-item-disabled-badge-text-color: var(--ids-color-neutral-00);
776
- --ids-list-view-item-disabled-link-text-color: var(--ids-color-neutral-30);
777
- --ids-list-view-item-disabled-image-opacity: 0.5;
778
- --ids-list-view-selectable-item-selected-background-color: var(--ids-color-azure-10);
826
+ --ids-list-view-item-color-border-top: var(--ids-color-neutral-20);
827
+ --ids-list-view-item-padding: var(--ids-space-50) var(--ids-space-70);
828
+ --ids-list-view-item-color-border-focus: var(--ids-color-azure-40);
829
+ --ids-list-view-item-shadow-focus: 0 0 4px 1px rgb(54 138 192 / 0.3);
830
+ --ids-list-view-item-outline-focus: none;
831
+ --ids-list-view-item-color-text-disabled: var(--ids-color-neutral-30);
832
+ --ids-list-view-item-color-border-disabled-focus: transparent;
833
+ --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-neutral-20);
834
+ --ids-list-view-item-shadow-disabled-focus: none;
835
+ --ids-list-view-item-color-background-disabled: var(--ids-color-neutral-30);
836
+ --ids-list-view-item-color-border-disabled: var(--ids-color-neutral-30);
837
+ --ids-list-view-item-badge-color-text-disabled: var(--ids-color-neutral-00);
838
+ --ids-list-view-item-color-text-link-disabled: var(--ids-color-neutral-30);
839
+ --ids-list-view-item-opacity-disabled: 0.5;
840
+ --ids-list-view-color-background-selected: var(--ids-color-azure-10);
779
841
  --ids-loading-indicator-progress-color: var(--ids-color-primary);
780
- --ids-loading-indicator-overall-color: var(--ids-color-primary-20);
781
- --ids-loading-indicator-text-color: var(--ids-text-color-label);
782
- --ids-loading-indicator-primary-progress-stroke: var(--ids-color-primary-90);
783
- --ids-loading-indicator-primary-overall-stroke: var(--ids-loading-indicator-overall-color);
784
- --ids-loading-indicator-primary-destructive-progress-stroke: var(--ids-color-ruby-80);
785
- --ids-loading-indicator-primary-destructive-overall-stroke: var(--ids-color-ruby-20);
786
- --ids-loading-indicator-tertiary-destructive-progress-stroke: var(--ids-color-ruby-60);
787
- --ids-loading-indicator-tertiary-destructive-overall-stroke: var(--ids-color-ruby-30);
788
- --ids-masthead-background-color: var(--ids-color-neutral-100);
789
- --ids-masthead-text-color: var(--ids-color-neutral-30);
790
- --ids-masthead-padding-inline: var(--ids-spacing-xxl);
791
- --ids-masthead-min-height: 40px;
792
- --ids-masthead-logo-icon-padding-inline: var(--ids-spacing-lg);
793
- --ids-masthead-logo-icon-top: var(--ids-spacing-xs);
794
- --ids-masthead-title-margin-inline: var(--ids-spacing-lg);
795
- --ids-menu-header-font-weight: var(--ids-font-weight-semi-bold);
796
- --ids-menu-header-margin: var(--ids-spacing-md);
797
- --ids-menu-header-padding: var(--ids-spacing-md);
798
- --ids-menu-header-font-size: var(--ids-font-size-xs);
799
- --ids-menu-header-text-color: var(--ids-color-neutral-70);
842
+ --ids-loading-indicator-circle-color: var(--ids-color-primary-20);
843
+ --ids-loading-indicator-color-text: var(--ids-color-text-label);
844
+ --ids-loading-indicator-primary-progress-color-border: var(--ids-color-primary-90);
845
+ --ids-loading-indicator-primary-color-border: var(--ids-loading-indicator-circle-color);
846
+ --ids-loading-indicator-primary-destructive-progress-color-border: var(--ids-color-ruby-80);
847
+ --ids-loading-indicator-primary-destructive-overall-color-border: var(--ids-color-ruby-20);
848
+ --ids-loading-indicator-destructive-progress-color-border: var(--ids-color-ruby-60);
849
+ --ids-loading-indicator-tertiary-destructive-color-border: var(--ids-color-ruby-30);
850
+ --ids-masthead-color-background: var(--ids-color-neutral-100);
851
+ --ids-masthead-color-text: var(--ids-color-neutral-30);
852
+ --ids-masthead-padding-inline: var(--ids-space-60);
853
+ --ids-masthead-height-min: 40px;
854
+ --ids-masthead-logo-padding-icon-inline: var(--ids-space-40);
855
+ --ids-masthead-logo-top-space-icon: var(--ids-space-10);
856
+ --ids-masthead-title-margin-inline: var(--ids-space-40);
857
+ --ids-menu-header-font-weight: var(--ids-font-weight-semibold);
858
+ --ids-menu-header-margin: var(--ids-space-30);
859
+ --ids-menu-header-padding: var(--ids-space-30);
860
+ --ids-menu-header-font-size: var(--ids-font-size-20);
861
+ --ids-menu-header-color-text: var(--ids-color-neutral-70);
800
862
  --ids-menu-header-icon-padding: 38px;
801
- --ids-menu-item-min-width: 110px;
802
- --ids-menu-item-font-size: var(--ids-font-size-md);
863
+ --ids-menu-item-width-min: 110px;
864
+ --ids-menu-item-font-size: var(--ids-font-size-40);
803
865
  --ids-menu-item-padding-inline-start: 12px;
804
866
  --ids-menu-item-padding: 8px 8px 8px var(--ids-menu-item-padding-inline-start);
805
- --ids-menu-item-disabled-text-color: var(--ids-color-neutral-30);
867
+ --ids-menu-item-color-text-disabled: var(--ids-color-neutral-30);
806
868
  --ids-menu-item-highlight-color: var(--ids-color-neutral-20);
807
- --ids-menu-item-text-color: var(--ids-color-neutral-100);
808
- --ids-menu-check-color: var(--ids-color-primary);
809
- --ids-menu-check-disabled-color: var(--ids-text-color-disabled);
810
- --ids-message-text-color: var(--ids-text-color);
811
- --ids-message-error-icon-color: var(--ids-color-error);
812
- --ids-message-warning-icon-color: var(--ids-color-warning);
813
- --ids-message-alert-icon-color: var(--ids-color-alert);
814
- --ids-message-success-icon-color: var(--ids-color-success);
815
- --ids-message-info-icon-color: var(--ids-color-info);
816
- --ids-modal-background-color: var(--ids-popup-background-color);
817
- --ids-modal-border-color: var(--ids-popup-border-color);
818
- --ids-modal-box-shadow: var(--ids-popup-menu-box-shadow);
819
- --ids-modal-text-color: var(--ids-text-color);
820
- --ids-modal-border-radius: var(--ids-border-radius-xs);
869
+ --ids-menu-item-color-text-default: var(--ids-color-neutral-100);
870
+ --ids-menu-check-color-default: var(--ids-color-primary);
871
+ --ids-menu-check-color-disabled: var(--ids-color-text-disabled);
872
+ --ids-message-color-text: var(--ids-color-text);
873
+ --ids-message-color-icon-error: var(--ids-color-error-default);
874
+ --ids-message-color-icon-warning: var(--ids-color-warning-default);
875
+ --ids-message-color-icon-success: var(--ids-color-success-default);
876
+ --ids-message-color-icon-info: var(--ids-color-info-default);
877
+ --ids-modal-color-background: var(--ids-popup-color-background);
878
+ --ids-modal-color-border: var(--ids-popup-color-border);
879
+ --ids-modal-shadow-default: var(--ids-popup-menu-shadow-default);
880
+ --ids-modal-color-text: var(--ids-color-text);
881
+ --ids-modal-border-radius: var(--ids-border-radius-01);
821
882
  --ids-modal-padding: 0;
822
883
  --ids-modal-header-padding: 16px;
823
884
  --ids-modal-content-padding: 16px 16px 0px 16px;
824
885
  --ids-modal-footer-margin: 16px 0 0 0;
825
- --ids-modal-footer-border-color: var(--ids-color-neutral-30);
826
- --ids-modal-title-font-size: var(--ids-font-size-xxl);
827
- --ids-modal-button-color: var(--ids-color-primary);
828
- --ids-modal-button-hover-color: var(--ids-color-primary-80);
829
- --ids-modal-button-focus-box-shadow: 0 0 3px 1px var(--ids-color-primary);
830
- --ids-month-view-background-color: var(--ids-color-neutral-00);
831
- --ids-month-view-border-color: var(--ids-color-neutral-20);
832
- --ids-month-view-day-alternate-text-color: var(--ids-color-neutral-40);
833
- --ids-month-view-day-hover-background-color: rgb(240 240 240 / 0.5);
834
- --ids-month-view-day-selected-background-color: var(--ids-color-neutral-10);
835
- --ids-month-view-day-selected-accent-box-shadow-color: var(--ids-color-primary);
836
- --ids-month-view-disabled-background-color: var(--ids-color-neutral-20);
837
- --ids-month-view-legend-text-color: var(--ids-month-view-text-color);
838
- --ids-month-view-text-color: var(--ids-color-neutral-80);
839
- --ids-month-view-weekday-text-color: var(--ids-month-view-text-color);
840
- --ids-month-view-week-number-text-color: var(--ids-month-view-compact-alternate-text-color);
841
- --ids-month-view-compact-alternate-text-color: var(--ids-color-neutral-40);
842
- --ids-month-view-compact-day-hover-background-color: var(--ids-month-view-border-color);
843
- --ids-month-view-compact-day-hover-text-color: var(--ids-month-view-text-color);
844
- --ids-month-view-compact-day-selected-background-color: var(--ids-color-primary);
845
- --ids-month-view-compact-day-selected-hover-text-color: var(--ids-color-neutral-00);
846
- --ids-month-view-compact-range-background-color: var(--ids-month-view-border-color);
847
- --ids-month-view-compact-range-selected-background-color: var(--ids-color-primary);
848
- --ids-month-view-compact-range-selected-text-color: var(--ids-color-neutral-00);
849
- --ids-month-view-compact-today-border-color: var(--ids-color-neutral-30);
850
- --ids-month-view-compact-weekday-text-color: var(--ids-month-view-text-color);
851
- --ids-multiselect-font-size: var(--ids-font-size-sm);
886
+ --ids-modal-footer-color-border: var(--ids-color-neutral-30);
887
+ --ids-modal-button-color-default: var(--ids-color-primary);
888
+ --ids-modal-button-color-hover: var(--ids-color-primary-80);
889
+ --ids-modal-shadow-focus: 0 0 3px 1px var(--ids-color-primary);
890
+ --ids-calendar-month-view-color-background-default: var(--ids-color-neutral-00);
891
+ --ids-calendar-month-view-color-border: var(--ids-color-neutral-20);
892
+ --ids-calendar-month-view-color-text-alternate: var(--ids-color-neutral-40);
893
+ --ids-calendar-month-view-color-background-hover: rgb(240 240 240 / 0.5);
894
+ --ids-calendar-month-view-color-background-selected: var(--ids-color-neutral-10);
895
+ --ids-calendar-month-view-color-selected: var(--ids-color-primary);
896
+ --ids-calendar-month-view-color-background-disabled: var(--ids-color-neutral-20);
897
+ --ids-calendar-month-view-legend-color-text: var(--ids-calendar-month-view-color-text-default);
898
+ --ids-calendar-month-view-color-text-default: var(--ids-color-neutral-80);
899
+ --ids-calendar-month-view-weekday-color-text: var(--ids-calendar-month-view-color-text-default);
900
+ --ids-month-view-week-number-text-color: var(--ids-calendar-month-view-color-text-compact);
901
+ --ids-calendar-month-view-color-text-compact: var(--ids-color-neutral-40);
902
+ --ids-calendar-month-view-day-color-background-compact-hover: var(--ids-calendar-month-view-color-border);
903
+ --ids-calendar-month-view-weekday-color-text-compact-hover: var(--ids-calendar-month-view-color-text-default);
904
+ --ids-calendar-month-view-day-color-background-compact-selected: var(--ids-color-primary);
905
+ --ids-calendar-month-view-weekday-color-text-compact-selected-hover: var(--ids-color-neutral-00);
906
+ --ids-calendar-month-view-range-color-background-compact: var(--ids-calendar-month-view-color-border);
907
+ --ids-calendar-month-view-range-color-background-compact-selected: var(--ids-color-primary);
908
+ --ids-calendar-month-view-range-color-text-compact-selected: var(--ids-color-neutral-00);
909
+ --ids-calendar-month-view-today-color-border-compact: var(--ids-color-neutral-30);
910
+ --ids-calendar-month-view-weekday-color-text-compact: var(--ids-calendar-month-view-color-text-default);
911
+ --ids-multiselect-font-size: var(--ids-font-size-30);
852
912
  --ids-notification-badge-size: 6px;
853
- --ids-notification-badge-border-radius: var(--ids-border-radius-sm);
854
- --ids-notification-badge-error-background-color: var(--ids-color-error);
855
- --ids-notification-badge-info-background-color: var(--ids-color-info);
856
- --ids-notification-badge-success-background-color: var(--ids-color-success);
857
- --ids-notification-badge-warning-background-color: var(--ids-color-warning);
858
- --ids-notification-banner-height: var(--ids-size-lg);
859
- --ids-notification-banner-padding: var(--ids-spacing-lg);
860
- --ids-notification-banner-text-color: var(--ids-text-color-subtle);
861
- --ids-notification-banner-button-padding: var(--ids-spacing-sm);
862
- --ids-notification-banner-button-hover-background-color: rgb(0 0 0 / .1);
863
- --ids-notification-banner-success-background-color: var(--ids-color-success-10);
864
- --ids-notification-banner-warning-background-color: var(--ids-color-warning-10);
865
- --ids-notification-banner-warning-caution-color: var(--ids-color-caution-10);
866
- --ids-notification-banner-info-background-color: var(--ids-color-info-10);
867
- --ids-notification-banner-error-background-color: var(--ids-color-error-10);
868
- --ids-pie-chart-text-font-family: var(--ids-font-family);
869
- --ids-pie-chart-text-font-size: var(--ids-font-size-xxs);
870
- --ids-pie-chart-text-fill: var(--ids-text-color-label);
913
+ --ids-notification-badge-border-radius: var(--ids-border-radius-02);
914
+ --ids-notification-badge-error-color-background: var(--ids-color-error-default);
915
+ --ids-notification-badge-info-color-background: var(--ids-color-info-default);
916
+ --ids-notification-badge-success-color-background: var(--ids-color-success-default);
917
+ --ids-notification-badge-warning-color-background: var(--ids-color-warning-default);
918
+ --ids-notification-banner-height: var(--ids-size-50);
919
+ --ids-notification-banner-padding: var(--ids-space-40);
920
+ --ids-notification-banner-color-text: var(--ids-color-text-subtle);
921
+ --ids-notification-banner-button-padding: var(--ids-space-20);
922
+ --ids-notification-banner-button-color-background-hover: rgb(0 0 0 / .1);
923
+ --ids-notification-banner-success-color-background: var(--ids-color-success-10);
924
+ --ids-notification-banner-warning-color-background: var(--ids-color-warning-10);
925
+ --ids-notification-banner-info-color-background: var(--ids-color-info-10);
926
+ --ids-notification-banner-error-color-background: var(--ids-color-error-10);
927
+ --ids-chart-pie-font-family: var(--ids-font-family-default);
928
+ --ids-chart-pie-font-size: var(--ids-font-size-10);
929
+ --ids-chart-pie-color-text: var(--ids-color-text-label);
871
930
  --ids-popup-arrow-size: 8px;
872
- --ids-popup-background-color: var(--ids-color-neutral-00);
873
- --ids-popup-border-color: var(--ids-color-neutral-30);
874
- --ids-popup-padding: var(--ids-spacing-xl);
875
- --ids-popup-box-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
876
- --ids-popup-menu-background-color: var(--ids-popup-background-color);
877
- --ids-popup-menu-border-color: var(--ids-popup-border-color);
878
- --ids-popup-menu-padding: var(--ids-spacing-md);
879
- --ids-popup-menu-text-color: var(--ids-color-neutral-80);
880
- --ids-popup-menu-font-size: var(--ids-font-size-sm);
881
- --ids-popup-menu-border-radius: var(--ids-border-radius-xs);
882
- --ids-popup-menu-box-shadow: var(--ids-popup-box-shadow);
883
- --ids-popup-menu-inverse-background-color: var(--ids-color-neutral-100);
884
- --ids-popup-menu-inverse-border-color: var(--ids-color-neutral-10);
885
- --ids-popup-menu-inverse-box-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
886
- --ids-popup-menu-inverse-text-color: var(--ids-color-neutral-00);
887
- --ids-progress-bar-disabled-text-color: var(--ids-text-color-disabled);
888
- --ids-progress-bar-disabled-background-color: var(--ids-text-color-disabled);
889
- --ids-progress-bar-border-color: var(--ids-color-neutral-70);
890
- --ids-progress-bar-border: 1px solid var(--ids-progress-bar-border-color);
891
- --ids-progress-bar-border-radius: var(--ids-border-radius-sm);
892
- --ids-progress-bar-background-color: transparent;
893
- --ids-progress-bar-height: var(--ids-spacing-lg);
894
- --ids-progress-bar-margin: var(--ids-spacing-xxl) var(--ids-spacing-none);
895
- --ids-progress-bar-fill-background-color: var(--ids-color-primary);
896
- --ids-progress-bar-label-text-color: var(--ids-text-color-label);
897
- --ids-progress-bar-label-audible-margin: var(--ids-spacing-sm) var(--ids-spacing-none);
898
- --ids-progress-bar-grid-cell-margin: var(--ids-spacing-xxl);
899
- --ids-progress-chart-font-family: var(--ids-font-family);
900
- --ids-progress-chart-margin: var(--ids-spacing-none) var(--ids-spacing-none) var(--ids-spacing-lg);
901
- --ids-progress-chart-labels-font-size: var(--ids-font-size-md);
902
- --ids-progress-chart-labels-margin-bottom: var(--ids-spacing-lg);
903
- --ids-progress-chart-labels-text-color: var(--ids-color-neutral-60);
904
- --ids-progress-chart-labels-main-margin: var(--ids-spacing-none) var(--ids-spacing-md) var(--ids-spacing-none) var(--ids-spacing-none);
905
- --ids-progress-chart-labels-progress-margin: var(--ids-spacing-none) var(--ids-spacing-md);
906
- --ids-progress-chart-bar-border-radius: var(--ids-border-radius-xs);
907
- --ids-progress-chart-bar-min-height: 28px;
908
- --ids-progress-chart-bar-min-width: 66px;
909
- --ids-progress-chart-bar-total-background-color: var(--ids-color-neutral-30);
910
- --ids-progress-chart-bar-progress-background-color: var(--ids-color-neutral-60);
911
- --ids-process-indicator-label-text-color: var(--ids-text-color-label);
912
- --ids-process-indicator-xs-step-margin-top: 40px;
913
- --ids-process-indicator-margin: var(--ids-spacing-none) var(--ids-spacing-md) var(--ids-spacing-none) var(--ids-spacing-none);
914
- --ids-process-indicator-text-margin: var(--ids-spacing-none) var(--ids-spacing-md) var(--ids-spacing-md) var(--ids-spacing-none);
915
- --ids-process-indicator-bg-color: var(--ids-body-background-color);
916
- --ids-process-indicator-primary-color: var(--ids-color-primary);
917
- --ids-process-indicator-active-color: var(--ids-color-primary);
918
- --ids-process-indicator-base-color: var(--ids-color-neutral-30);
931
+ --ids-popup-color-background: var(--ids-color-neutral-00);
932
+ --ids-popup-color-border: var(--ids-color-neutral-30);
933
+ --ids-popup-padding: var(--ids-space-50);
934
+ --ids-popup-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
935
+ --ids-popup-menu-color-background-default: var(--ids-popup-color-background);
936
+ --ids-popup-menu-color-border-default: var(--ids-popup-color-border);
937
+ --ids-popup-menu-padding: var(--ids-space-30);
938
+ --ids-popup-menu-color-text-default: var(--ids-color-neutral-80);
939
+ --ids-popup-menu-font-size: var(--ids-font-size-30);
940
+ --ids-popup-menu-border-radius: var(--ids-border-radius-01);
941
+ --ids-popup-menu-shadow-default: var(--ids-popup-shadow);
942
+ --ids-popup-menu-color-background-inverse: var(--ids-color-neutral-100);
943
+ --ids-popup-menu-color-border-inverse: var(--ids-color-neutral-10);
944
+ --ids-popup-menu-shadow-inverse: 0 2px 5px rgba(0 0 0 / 0.2);
945
+ --ids-popup-menu-color-text-inverse: var(--ids-color-neutral-00);
946
+ --ids-progress-bar-color-text-disabled: var(--ids-color-text-disabled);
947
+ --ids-progress-bar-color-background-disabled: var(--ids-color-text-disabled);
948
+ --ids-progress-bar-color-border: var(--ids-color-neutral-70);
949
+ --ids-progress-bar-border: 1px solid var(--ids-progress-bar-color-border);
950
+ --ids-progress-bar-border-radius: var(--ids-border-radius-02);
951
+ --ids-progress-bar-color-background-default: transparent;
952
+ --ids-progress-bar-height: var(--ids-space-40);
953
+ --ids-progress-bar-margin: var(--ids-space-60) var(--ids-space-none);
954
+ --ids-progress-bar-fill-color-background: var(--ids-color-primary);
955
+ --ids-progress-bar-label-color-text: var(--ids-color-text-label);
956
+ --ids-progress-bar-label-audible-margin: var(--ids-space-20) var(--ids-space-none);
957
+ --ids-progress-bar-grid-cell-margin: var(--ids-space-60);
958
+ --ids-progress-chart-font-family: var(--ids-font-family-default);
959
+ --ids-progress-chart-margin: var(--ids-space-none) var(--ids-space-none) var(--ids-space-40);
960
+ --ids-progress-chart-label-font-size: var(--ids-font-size-40);
961
+ --ids-progress-chart-label-margin-bottom: var(--ids-space-40);
962
+ --ids-progress-chart-label-color-text: var(--ids-color-neutral-60);
963
+ --ids-progress-chart-label-main-margin: var(--ids-space-none) var(--ids-space-30) var(--ids-space-none) var(--ids-space-none);
964
+ --ids-progress-chart-label-progress-margin: var(--ids-space-none) var(--ids-space-30);
965
+ --ids-progress-chart-bar-border-radius: var(--ids-border-radius-01);
966
+ --ids-progress-chart-height-min: 28px;
967
+ --ids-progress-chart-bar-width-min: 66px;
968
+ --ids-progress-chart-total-color-background: var(--ids-color-neutral-30);
969
+ --ids-progress-chart-bar-progress-color-background: var(--ids-color-neutral-60);
970
+ --ids-process-indicator-color-text: var(--ids-color-text-label);
971
+ --ids-process-indicator-step-margin-top: 40px;
972
+ --ids-process-indicator-margin: var(--ids-space-none) var(--ids-space-30) var(--ids-space-none) var(--ids-space-none);
973
+ --ids-process-indicator-text-margin: var(--ids-space-none) var(--ids-space-30) var(--ids-space-30) var(--ids-space-none);
974
+ --ids-process-indicator-color-background: var(--ids-color-background-default);
975
+ --ids-process-indicator-color-primary: var(--ids-color-primary);
976
+ --ids-process-indicator-color-active: var(--ids-color-primary);
977
+ --ids-process-indicator-color: var(--ids-color-neutral-30);
919
978
  --ids-process-indicator-line-transform: translate(0, 36px);
920
- --ids-process-indicator-line-height: 2px;
921
- --ids-process-indicator-line-background-color: var(--ids-process-indicator-base-color);
979
+ --ids-process-indicator-font-line-height: 2px;
980
+ --ids-process-indicator-line-color-background: var(--ids-process-indicator-color);
922
981
  --ids-process-indicator-step-transform: translate(0, -75%);
923
982
  --ids-process-indicator-step-height: 11px;
924
983
  --ids-process-indicator-step-width: 11px;
925
- --ids-process-indicator-step-border-radius: var(--ids-border-radius-round);
926
- --ids-process-indicator-cancelled-step-background-color: var(--ids-color-ruby-60);
927
- --ids-process-indicator-cancelled-step-icon-color: var(--ids-process-indicator-bg-color);
928
- --ids-process-indicator-done-border: 2px solid var(--ids-process-indicator-primary-color);
929
- --ids-process-indicator-started-border: 2px solid var(--ids-process-indicator-active-color);
930
- --ids-radio-unchecked-background-color: var(--ids-input-background-color);
931
- --ids-radio-unchecked-border-color: var(--ids-input-border-color);
932
- --ids-radio-checked-background-color: var(--ids-color-primary);
933
- --ids-radio-checked-border-color: var(--ids-color-primary);
934
- --ids-radio-checked-inner-background-color: var(--ids-color-neutral-00);
935
- --ids-radio-border-radius: var(--ids-border-radius-round);
936
- --ids-radio-unchecked-disabled-background-color: var(--ids-input-background-color);
937
- --ids-radio-unchecked-disabled-border-color: var(--ids-input-disabled-text-color);
938
- --ids-radio-checked-disabled-background-color: var(--ids-input-disabled-text-color);
939
- --ids-radio-checked-disabled-border-color: var(--ids-input-disabled-text-color);
940
- --ids-rating-star-color: var(--ids-color-amber-60);
941
- --ids-rating-star-empty-color: var(--ids-icon-color);
942
- --ids-rating-star-hover-color: var(--ids-button-primary-background-color);
943
- --ids-rating-star-focus-color: var(--ids-button-primary-background-color);
944
- --ids-rating-star-disabled-color: var(--ids-text-color-disabled);
945
- --ids-rating-star-margin-inline: var(--ids-spacing-md);
946
- --ids-required-background-color: var(--ids-color-error);
947
- --ids-required-disabled-background-color: var(--ids-color-error-30);
948
- --ids-scroll-view-button-icon-color: var(--ids-color-neutral-70);
949
- --ids-scroll-view-button-selected-icon-color: var(--ids-color-primary);
950
- --ids-searchfield-app-menu-focus-box-shadow:none;
951
- --ids-searchfield-app-menu-text-color: var(--ids-color-neutral-20);
952
- --ids-searchfield-app-menu-background-color: #000;
953
- --ids-searchfield-app-menu-icon-color: var(--ids-color-neutral-40);
954
- --ids-searchfield-app-menu-icon-hover-color: var(--ids-color-neutral-90);
955
- --ids-searchfield-app-menu-search-icon-margin: 8px;
956
- --ids-searchfield-app-menu-border-radius: var(--ids-border-radius-sm);
957
- --ids-searchfield-header-background-color: var(--ids-color-text-on-primary);
958
- --ids-searchfield-header-text-color: var(--ids-text-color);
959
- --ids-searchfield-header-icon-color: var(--ids-color-neutral-80);
960
- --ids-searchfield-header-icon-hover-color: var(--ids-button-tertiary-hover-background-color);
961
- --ids-searchfield-card-text-color: var(--ids-text-color);
962
- --ids-searchfield-card-background-color: var(--ids-color-neutral-10);
963
- --ids-separator-background-color: var(--ids-color-neutral-40);
964
- --ids-separator-alternate-background-color: var(--ids-color-neutral-40);
984
+ --ids-process-indicator-border-radius-step: var(--ids-border-radius-circle);
985
+ --ids-process-indicator-canceled-step-color-background: var(--ids-color-ruby-60);
986
+ --ids-process-indicator-canceled-step-color-icon: var(--ids-process-indicator-color-background);
987
+ --ids-process-indicator-border-done: 2px solid var(--ids-process-indicator-color-primary);
988
+ --ids-process-indicator-border-started: 2px solid var(--ids-process-indicator-color-active);
989
+ --ids-radio-button-color-background: var(--ids-input-color-background-default);
990
+ --ids-radio-button-color-border-default: var(--ids-input-color-border-default);
991
+ --ids-radio-button-color-background-selected: var(--ids-color-primary);
992
+ --ids-radio-button-color-border-selected: var(--ids-color-primary);
993
+ --ids-radio-button-inner-color-background-selected: var(--ids-color-neutral-00);
994
+ --ids-radio-button-border-radius: var(--ids-border-radius-circle);
995
+ --ids-radio-button-color-border-disabled: var(--ids-input-color-text-disabled);
996
+ --ids-radio-button-color-background-selected-disabled: var(--ids-input-color-text-disabled);
997
+ --ids-radio-button-color-border-selected-disabled: var(--ids-input-color-text-disabled);
998
+ --ids-rating-star-color-selected: var(--ids-color-amber-60);
999
+ --ids-rating-star-color-default: var(--ids-icon-color-default);
1000
+ --ids-rating-star-color-hover: var(--ids-button-primary-color-background-default);
1001
+ --ids-rating-star-color-focus: var(--ids-button-primary-color-background-default);
1002
+ --ids-rating-star-disabled-color: var(--ids-color-text-disabled);
1003
+ --ids-rating-star-margin-inline: var(--ids-space-30);
1004
+ --ids-input-required-indicator-color-text-default: var(--ids-color-error-default);
1005
+ --ids-input-required-indicator-color-text-disabled: var(--ids-color-error-30);
1006
+ --ids-scroll-view-color-icon-default: var(--ids-color-neutral-70);
1007
+ --ids-scroll-view-color-icon-selected: var(--ids-color-primary);
1008
+ --ids-search-field-color-background-default: var(--ids-input-color-background-default);
1009
+ --ids-search-field-color-border-default: var(--ids-input-color-border-default);
1010
+ --ids-search-field-color-border-focus: var(--ids-input-color-border-focus);
1011
+ --ids-search-field-color-border-hover: var(--ids-input-color-border-hover);
1012
+ --ids-search-field-button-color-text-hover: var(--ids-button-tertiary-color-text-hover);
1013
+ --ids-search-field-icon-margin: 8px;
1014
+ --ids-search-field-margin: 0;
1015
+ --ids-search-field-border-radius: 4px;
1016
+ --ids-search-field-app-menu-shadow-focus: none;
1017
+ --ids-search-field-app-menu-color-text: var(--ids-color-neutral-20);
1018
+ --ids-search-field-app-menu-color-background: #000;
1019
+ --ids-search-field-app-menu-color-icon-default: var(--ids-color-neutral-40);
1020
+ --ids-search-field-app-menu-color-icon-hover: var(--ids-color-neutral-90);
1021
+ --ids-search-field-header-color-background: var(--ids-color-text-on-primary);
1022
+ --ids-search-field-header-color-text: var(--ids-color-text);
1023
+ --ids-search-field-header-color-icon-default: var(--ids-color-neutral-80);
1024
+ --ids-search-field-header-color-icon-hover: var(--ids-button-tertiary-color-background-hover);
1025
+ --ids-search-field-card-color-text: var(--ids-color-text);
1026
+ --ids-search-field-card-color-background: var(--ids-color-neutral-10);
1027
+ --ids-separator-color-background: var(--ids-color-neutral-40);
1028
+ --ids-separator-alternate-color-background: var(--ids-color-neutral-40);
965
1029
  --ids-separator-height: 24px;
966
1030
  --ids-separator-width: 1px;
967
1031
  --ids-separator-margin: 4px;
968
- --ids-skip-link-background-color: var(--ids-popup-background-color);
969
- --ids-skip-link-border-color: var(--ids-popup-border-color);
970
- --ids-skip-link-margin: var(--ids-spacing-xxl);
971
- --ids-skip-link-font-size: var(--ids-font-size-md);
972
- --ids-skip-link-border-radius: 0 0 var(--ids-border-radius-xs) var(--ids-border-radius-xs);
1032
+ --ids-skip-link-color-background: var(--ids-popup-color-background);
1033
+ --ids-skip-link-border-color: var(--ids-popup-color-border);
1034
+ --ids-skip-link-margin: var(--ids-space-60);
1035
+ --ids-skip-link-font-size: var(--ids-font-size-40);
1036
+ --ids-skip-link-border-radius: 0 0 var(--ids-border-radius-01) var(--ids-border-radius-01);
973
1037
  --ids-skip-link-shadow: 0 0 4px 1px rgba(0 0 0 / 0.3);
974
- --ids-spinbox-background-color: var(--ids-trigger-field-background-color);
975
- --ids-spinbox-readonly-background-color: var(--ids-trigger-field-readonly-background-color);
976
- --ids-spinbox-readonly-text-color: var(--ids-trigger-field-readonly-text-color);
977
- --ids-spinbox-focus-border-color: var(--ids-trigger-field-focus-border-color)
978
- --ids-spinbox-focus-box-shadow: var(--ids-trigger-field-focus-box-shadow);
979
- --ids-spinbox-readonly-border-color: var(--ids-input-readonly-border-color);
980
- --ids-spinbox-disabled-text-color: var(--ids-trigger-field-disabled-text-color);
981
- --ids-spinbox-disabled-border-color: var(--ids-trigger-field-disabled-border-color);
982
- --ids-slider-tick-background-color: var(--ids-color-primary);
983
- --ids-slider-tick-size: var(--ids-spacing-lg);
984
- --ids-slider-thumb-size: var(--ids-spacing-xxl);
985
- --ids-slider-thumb-background-color: var(--ids-color-primary);
986
- --ids-slider-thumb-hover-box-shadow: 0 2px 5px rgba(0 0 0 / 0.4);
987
- --ids-slider-thumb-shadow-background-color: rgba(0 114 237 / 0.1);
988
- --ids-slider-thumb-shadow-border-color: var(--ids-color-primary);
989
- --ids-slider-track-background-color: var(--ids-color-neutral-40);
990
- --ids-slider-track-progress-background-color: var(--ids-color-primary);
991
- --ids-slider-tooltip-background-color: var(--ids-color-neutral-80);
992
- --ids-slider-tooltip-text-color: var(--ids-color-neutral-00);
993
- --ids-slider-disabled-color: var(--ids-color-neutral-30);
994
- --ids-slider-disabled-tick-background-color: var(--ids-color-neutral-30);
995
- --ids-slider-disabled-thumb-background-color: var(--ids-color-neutral-30);
996
- --ids-slider-disabled-track-background-color: var(--ids-color-neutral-20);
997
- --ids-slider-disabled-track-progress-background-color: var(--ids-color-neutral-30);
998
- --ids-slider-readonly-color: var(--ids-color-neutral-30);
999
- --ids-slider-readonly-tick-background-color: var(--ids-color-neutral-50);
1000
- --ids-slider-readonly-thumb-background-color: var(--ids-color-neutral-50);
1001
- --ids-slider-readonly-thumb-shadow-background-color: rgba(119 119 124 / 0.1);
1002
- --ids-slider-readonly-thumb-shadow-border-color: var(--ids-color-neutral-50);
1003
- --ids-slider-readonly-track-background-color: var(--ids-color-neutral-40);
1004
- --ids-slider-readonly-track-progress-background-color: var(--ids-color-neutral-50);
1005
- --ids-splitter-bar-background-color: var(--ids-button-tertiary-hover-background-color);
1006
- --ids-splitter-bar-border-color: var(--ids-color-neutral-30);
1007
- --ids-splitter-bar-dragging-background-color: var(--ids-color-neutral-20);
1008
- --ids-splitter-bar-dragging-border-color: var(--ids-color-primary);
1009
- --ids-splitter-bar-dragging-box-shadow: var(--ids-box-shadow-md);
1010
- --ids-splitter-bar-hover-background-color: var(--ids-color-neutral-20);
1011
- --ids-splitter-bar-width: var(--ids-size-xxs);
1012
- --ids-step-chart-margin: var(--ids-spacing-xxl);
1013
- --ids-step-chart-inner-margin: var(--ids-spacing-md);
1038
+ --ids-spinbox-color-background-default: var(--ids-trigger-field-color-background-default);
1039
+ --ids-spinbox-color-background-readonly: var(--ids-trigger-field-color-background-readonly);
1040
+ --ids-spinbox-color-text-readonly: var(--ids-trigger-field-color-text-readonly);
1041
+ --ids-spinbox-color-border-focus: var(--ids-trigger-field-color-border-focus)
1042
+ --ids-spinbox-shadow-focus: var(--ids-trigger-field-shadow-focus);
1043
+ --ids-spinbox-color-text-disabled: var(--ids-trigger-field-color-text-disabled);
1044
+ --ids-spinbox-color-border-disabled: var(--ids-trigger-field-color-border-disabled);
1045
+ --ids-slider-tick-color-background-default: var(--ids-color-primary);
1046
+ --ids-slider-tick-size: var(--ids-space-40);
1047
+ --ids-slider-thumb-size: var(--ids-space-60);
1048
+ --ids-slider-thumb-color-background-default: var(--ids-color-primary);
1049
+ --ids-slider-thumb-shadow-hover: 0 2px 5px rgba(0 0 0 / 0.4);
1050
+ --ids-slider-thumb-color-shadow-default: rgba(0 114 237 / 0.1);
1051
+ --ids-slider-thumb-color-border-default: var(--ids-color-primary);
1052
+ --ids-slider-track-color-background-default: var(--ids-color-neutral-40);
1053
+ --ids-slider-track-color-background-progress: var(--ids-color-primary);
1054
+ --ids-slider-tooltip-color-background: var(--ids-color-neutral-80);
1055
+ --ids-slider-tooltip-color-text: var(--ids-color-neutral-00);
1056
+ --ids-slider-color-disabled: var(--ids-color-neutral-30);
1057
+ --ids-slider-tick-color-background-disabled: var(--ids-color-neutral-30);
1058
+ --ids-slider-thumb-color-background-disabled: var(--ids-color-neutral-30);
1059
+ --ids-slider-track-color-background-disabled: var(--ids-color-neutral-20);
1060
+ --ids-slider-track-color-background-progress-disabled: var(--ids-color-neutral-30);
1061
+ --ids-slider-color-readonly: var(--ids-color-neutral-30);
1062
+ --ids-slider-tick-color-background-readonly: var(--ids-color-neutral-50);
1063
+ --ids-slider-thumb-color-background-readonly: var(--ids-color-neutral-50);
1064
+ --ids-slider-thumb-color-shadow-readonly: rgba(119 119 124 / 0.1);
1065
+ --ids-slider-thumb-color-border-readonly: var(--ids-color-neutral-50);
1066
+ --ids-slider-track-color-background-readonly: var(--ids-color-neutral-40);
1067
+ --ids-slider-track-progress-color-background-readonly: var(--ids-color-neutral-50);
1068
+ --ids-splitter-bar-color-border: var(--ids-color-neutral-30);
1069
+ --ids-splitter-bar-color-border-hover: var(--ids-color-neutral-30);
1070
+ --ids-splitter-bar-color-border-dragging: var(--ids-color-azure-30);
1071
+ --ids-splitter-bar-buffer-width: 8px;
1072
+ --ids-splitter-bar-width: 1px;
1073
+ --ids-splitter-handle-border-radius: var(--ids-border-radius-02);
1074
+ --ids-splitter-handle-height: 32px;
1075
+ --ids-splitter-handle-width: 6px;
1076
+ --ids-splitter-handle-color-background-hover: var(--ids-color-azure-60);
1077
+ --ids-stats-height: 136px;
1078
+ --ids-stats-width: 155px;
1079
+ --ids-stats-width-double: 323px;
1080
+ --ids-stats-padding-inline: 16px 12px;
1081
+ --ids-stats-padding-block: 8px;
1082
+ --ids-stats-positive-color-text: var(--ids-color-emerald-70);
1083
+ --ids-stats-negative-color-text: var(--ids-color-error-default);
1084
+ --ids-stats-color-text: var(--ids-color-text-label);
1085
+ --ids-stats-trend-label-font-size: var(--ids-font-size-30);
1086
+ --ids-stats-kpi-label-color: var(--ids-color-neutral-100);
1087
+ --ids-step-chart-margin: var(--ids-space-60);
1088
+ --ids-step-chart-inner-margin: var(--ids-space-30);
1014
1089
  --ids-step-chart-height: 14px;
1015
- --ids-step-chart-step-background-color: var(--ids-color-neutral-20);
1016
- --ids-step-chart-step-completed-background-color: var(--ids-color-primary);
1017
- --ids-step-chart-step-disabled-color: var(--ids-text-color-disabled);
1090
+ --ids-step-chart-color-background-default: var(--ids-color-neutral-20);
1091
+ --ids-step-chart-color-background-complete: var(--ids-color-primary);
1092
+ --ids-step-chart-step-disabled-color: var(--ids-color-text-disabled);
1018
1093
  --ids-swappable-border: 1px dashed transparent;
1019
- --ids-swappable-active-border-color: var(--ids-color-neutral-80);
1020
- --ids-swappable-item-border: 1px dashed transparent;
1021
- --ids-swappable-item-font-family: var(--ids-font-family);
1022
- --ids-swappable-item-cursor: var(--ids-cursor-pointer);
1023
- --ids-swappable-item-hover-background-color: var(--ids-color-azure-10);
1024
- --ids-swappable-item-hover-before-content: "⁞";
1025
- --ids-swappable-item-hover-before-font-size: var(--ids-font-size-xl);
1026
- --ids-swappable-item-focus-border: 1px solid var(--ids-color-azure-40);
1027
- --ids-swappable-item-focus-box-shadow: 0 0 4px 1px rgb(54 138 192 / 0.3);
1028
- --ids-swappable-item-focus-outline: none;
1029
- --ids-swappable-item-dragging-opacity: 0.4;
1030
- --ids-swappable-item-selected-cursor: var(--ids-cursor-move);
1031
- --ids-swappable-item-selected-background-color: var(--ids-color-primary);
1032
- --ids-swappable-item-selected-text-color: var(--ids-color-neutral-00);
1094
+ --ids-swappable-color-border-active: var(--ids-color-neutral-80);
1095
+ --ids-swappable-item-border-default: 1px dashed transparent;
1096
+ --ids-swappable-item-font-family: var(--ids-font-family-default);
1097
+ --ids-swappable-item-cursor-default: var(--ids-cursor-pointer);
1098
+ --ids-swappable-item-color-background-hover: var(--ids-color-azure-10);
1099
+ --ids-swappable-item-content-hover: "⁞";
1100
+ --ids-swappable-item-font-size-hover: var(--ids-font-size-60);
1101
+ --ids-swappable-item-border-focus: 1px solid var(--ids-color-azure-40);
1102
+ --ids-swappable-item-shadow-focus: 0 0 4px 1px rgb(54 138 192 / 0.3);
1103
+ --ids-swappable-item-outline-focus: none;
1104
+ --ids-swappable-item-opacity-dragging: 0.4;
1105
+ --ids-swappable-item-cursor-selected: var(--ids-cursor-move);
1106
+ --ids-swappable-item-color-background-selected: var(--ids-color-primary);
1107
+ --ids-swappable-item-color-text-selected: var(--ids-color-neutral-00);
1033
1108
  --ids-swappable-item-over-border: 1px dashed var(--ids-color-neutral-80);
1034
1109
  --ids-swaplist-border-radius: var(--ids-card-border-radius);
1035
- --ids-swaplist-box-shadow: var(--ids-card-box-shadow);
1036
- --ids-swaplist-card-margin-block-end: var(--ids-spacing-none);
1037
- --ids-swaplist-card-header-border-block-end: 1px solid var(--ids-card-border-color);
1038
- --ids-swaplist-card-content-height: calc(var(--ids-card-content-height) - 11px);
1110
+ --ids-swaplist-shadow: var(--ids-card-shadow);
1111
+ --ids-swaplist-card-margin-block-end: var(--ids-space-none);
1112
+ --ids-swaplist-border: 1px solid var(--ids-card-color-border);
1113
+ --ids-swaplist-card-content-height-min: calc(var(--ids-card-content-height) - 11px);
1039
1114
  --ids-swaplist-card-border-radius: var(--ids-border-radius-none);
1040
- --ids-swaplist-card-border-inline-start-width: 0;
1041
- --ids-swaplist-card-box-shadow: none;
1042
- --ids-swaplist-card-first-child-border-inline-start-width: 1px;
1043
- --ids-swaplist-toolbar-button-hover-background-color: var(--ids-button-tertiary-hover-background-color);
1044
- --ids-swaplist-toolbar-button-text-color: var(--ids-button-tertiary-text-color);
1045
- --ids-swaplist-toolbar-button-hover-text-color: var(--ids-button-tertiary-hover-text-color);
1046
- --ids-swaplist-toolbar-button-padding: var(--ids-spacing-none);
1047
- --ids-swaplist-toolbar-button-height: 34px;
1048
- --ids-swaplist-toolbar-button-width: 36px;
1049
- --ids-swaplist-item-padding: var(--ids-spacing-lg);
1050
- --ids-swaplist-item-padding-inline-start: var(--ids-spacing-3xl);
1051
- --ids-swaplist-item-margin-block-end: var(--ids-spacing-xs);
1052
- --ids-swaplist-item-over-border: 1px dashed var(--ids-text-color-label);
1053
- --ids-swipe-action-left-active-background-color: var(--ids-color-neutral-40);
1054
- --ids-swipe-action-left-active-text-color: var(--ids-color-neutral-70);
1055
- --ids-swipe-action-left-background-color: var(--ids-color-neutral-30);
1056
- --ids-swipe-action-left-hover-background-color: var(--ids-color-neutral-40);
1057
- --ids-swipe-action-left-hover-text-color: var(--ids-color-neutral-70);
1058
- --ids-swipe-action-left-text-color: var(--ids-color-neutral-60);
1059
- --ids-swipe-action-right-active-background-color: var(--ids-color-azure-70);
1060
- --ids-swipe-action-right-active-text-color: var(--ids-color-neutral-00);
1061
- --ids-swipe-action-right-background-color: var(--ids-color-azure-60);
1062
- --ids-swipe-action-right-hover-background-color: var(--ids-color-azure-70);
1063
- --ids-swipe-action-right-hover-text-color: var(--ids-color-neutral-00);
1064
- --ids-swipe-action-right-text-color: var(--ids-color-neutral-00);
1065
- --ids-switch-pole-off-background-color: var(--ids-color-neutral-40);
1066
- --ids-switch-toggle-off-background-color: var(--ids-input-background-color);
1067
- --ids-switch-toggle-off-border-color: var(--ids-input-border-color);
1068
- --ids-switch-pole-on-background-color: var(--ids-color-primary-30);
1069
- --ids-switch-toggle-on-background-color: var(--ids-color-primary);
1070
- --ids-switch-toggle-on-border-color: var(--ids-color-primary);
1071
- --ids-switch-pole-off-disabled-background-color: var(--ids-color-neutral-30);
1072
- --ids-switch-toggle-off-disabled-background-color: var(--ids-color-neutral-20);
1073
- --ids-switch-toggle-off-disabled-border-color: var(--ids-color-neutral-30);
1074
- --ids-switch-pole-on-disabled-background-color: var(--ids-color-primary-20);
1075
- --ids-switch-toggle-on-disabled-background-color: var(--ids-color-primary-30);
1076
- --ids-switch-toggle-on-disabled-border-color: var(--ids-color-primary-30);
1077
- --ids-switch-toggle-hover-background-color: var(--ids-color-neutral-30);
1078
- --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);
1079
- --ids-tab-content-text-color: var(--ids-text-color);
1080
- --ids-tab-text-color: var(--ids-text-color-subtle);
1081
- --ids-tab-divider-background-color: var(--ids-color-neutral-30);
1082
- --ids-tab-hover-background-color: var(--ids-color-azure-10);
1083
- --ids-tab-hover-text-color: var(--ids-color-primary);
1084
- --ids-tab-focus-border-color: var(--ids-color-primary);
1085
- --ids-tab-focus-background-color: var(--ids-tab-hover-background-color);
1086
- --ids-tab-disabled-text-color: var(--ids-color-neutral-30);
1087
- --ids-tab-selected-text-color: var(--ids-color-primary);
1088
- --ids-tab-selected-background-color: var(--ids-color-primary);
1089
- --ids-tab-vertical-selected-background-color: var(--ids-color-primary);
1090
- --ids-tab-vertical-selected-text-color: var(--ids-color-neutral-00);
1091
- --ids-tab-vertical-selected-border-color: var(--ids-color-neutral-00);
1092
- --ids-tab-alternate-text-color: rgba(255 255 255 / 0.7);
1093
- --ids-tab-alternate-hover-border-color: var(--ids-color-neutral-00);
1094
- --ids-tab-alternate-hover-background-color: var(--ids-tab-alternate-background-color);
1095
- --ids-tab-alternate-hover-text-color: var(--ids-color-neutral-00);
1096
- --ids-tab-alternate-focus-border-color: var(--ids-color-neutral-00);
1097
- --ids-tab-alternate-selected-text-color: var(--ids-color-neutral-00);
1098
- --ids-tab-alternate-disabled-text-color: rgba(255 255 255 / 0.4);
1099
- --ids-tab-altenrate-horizontal-background-color: var(--ids-color-neutral-00);
1100
- --ids-tab-module-background-color: var(--ids-color-azure-70);
1101
- --ids-tab-module-border-right-color: var(--ids-color-azure-100);
1102
- --ids-tab-module-text-color: var(--ids-color-azure-10);
1103
- --ids-tab-module-hover-background-color: var(--ids-color-azure-100);
1104
- --ids-tab-module-hover-text-color: var(--ids-color-neutral-00);
1105
- --ids-tab-module-selected-background-color: var(--ids-color-primary);
1106
- --ids-tab-module-selected-text-color: var(--ids-color-neutral-00);
1107
- --ids-tab-module-disabled-background-color: var(--ids-color-azure-50);
1108
- --ids-tab-module-disabled-text-color: var(--ids-color-azure-20);
1109
- --ids-tag-background-color: var(--ids-input-readonly-background-color);
1110
- --ids-tag-border-color: var(--ids-input-readonly-background-color);
1111
- --ids-tag-border-radius: var(--ids-border-radius-lg);
1112
- --ids-tag-text-color: var(--ids-input-text-color);
1113
- --ids-tag-font-size: var(--ids-font-size-sm);
1114
- --ids-tag-icon-hover-color: var(--ids-color-neutral-90);
1115
- --ids-tag-secondary-background-color: var(--ids-input-background-color);
1116
- --ids-tag-secondary-border-color: var(--ids-input-border-color);
1117
- --ids-tag-disabled-text-color: var(--ids-color-neutral-50);
1118
- --ids-tag-secondary-disabled-text-color: var(--ids-color-neutral-40);
1119
- --ids-textarea-alert-border-color: var(--ids-color-warning-50);
1120
- --ids-textarea-alert-disabled-border-color: var(--ids-color-warning-30);
1121
- --ids-textarea-alert-disabled-text-color: var(--ids-color-warning-30);
1122
- --ids-textarea-alert-focus-border-color: var(--ids-color-warning-80);
1123
- --ids-textarea-alert-focus-box-shadow: 0 0 3px 2px rgba(249 131 0 / 0.3);
1124
- --ids-textarea-alert-text-color: var(--ids-color-warning-80);
1125
- --ids-textarea-background-color: var(--ids-color-neutral-00);
1126
- --ids-textarea-border-color: var(--ids-color-neutral-40);
1127
- --ids-textarea-character-counter-warning-text-color: var(--ids-color-error-60);
1128
- --ids-textarea-disabled-background-color: var(--ids-color-neutral-00);
1129
- --ids-textarea-disabled-border-color: var(--ids-color-neutral-30);
1130
- --ids-textarea-disabled-text-color: var(--ids-color-neutral-30);
1131
- --ids-textarea-error-border-color: var(--ids-color-error-50);
1132
- --ids-textarea-error-disabled-border-color: var(--ids-color-error-30);
1133
- --ids-textarea-error-disabled-text-color: var(--ids-color-error-30);
1134
- --ids-textarea-error-focus-border-color: var(--ids-color-error-60);
1135
- --ids-textarea-error-focus-box-shadow: 0 0 3px 2px rgba(218 18 23 / 0.3);
1136
- --ids-textarea-error-text-color: var(--ids-color-error-80);
1137
- --ids-textarea-focus-border-color: var(--ids-color-azure-60);
1138
- --ids-textarea-focus-box-shadow: var(--ids-box-shadow-md);
1139
- --ids-textarea-hover-border-color: var(--ids-color-neutral-90);
1140
- --ids-textarea-info-border-color: var(--ids-color-info-70);
1141
- --ids-textarea-info-disabled-border-color: var(--ids-color-info-30);
1142
- --ids-textarea-info-disabled-text-color: var(--ids-color-info-30);
1143
- --ids-textarea-info-focus-border-color: var(--ids-color-info-70);
1144
- --ids-textarea-info-focus-box-shadow: 0 0 3px 2px rgba(0 102 212 / 0.3);
1145
- --ids-textarea-info-text-color: var(--ids-color-info-70);
1146
- --ids-textarea-label-disabled-text-color: var(--ids-color-neutral-30);
1147
- --ids-textarea-label-text-color: var(--ids-color-neutral-60);
1148
- --ids-textarea-readonly-background-color: var(--ids-color-neutral-20);
1149
- --ids-textarea-readonly-border-color: var(--ids-color-neutral-40);
1150
- --ids-textarea-readonly-text-color: var(--ids-color-neutral-100);
1151
- --ids-textarea-success-border-color: var(--ids-color-success-80);
1152
- --ids-textarea-success-disabled-border-color: var(--ids-color-success-30);
1153
- --ids-textarea-success-disabled-text-color: var(--ids-color-success-30);
1154
- --ids-textarea-success-focus-border-color: var(--ids-color-success-80);
1155
- --ids-textarea-success-focus-box-shadow: 0 0 3px 2px rgba(42 195 113 / 0.3);
1156
- --ids-textarea-success-text-color: var(--ids-color-success-80);
1157
- --ids-textarea-text-color: var(--ids-color-neutral-100);
1158
- --ids-time-picker-open-input-button-color: var(--ids-color-primary);
1159
- --ids-time-picker-open-input-border-color: var(--ids-color-primary);
1160
- --ids-time-picker-popup-background-color: var(--ids-color-neutral-00);
1161
- --ids-time-picker-popup-button-border-color: var(--ids-color-neutral-30);
1162
- --ids-time-picker-popup-button-hover-text-color: var(--ids-color-azure-70);
1163
- --ids-time-picker-popup-button-text-color: var(--ids-color-azure-60);
1164
- --ids-time-picker-popup-colons-text-color: var(--ids-color-neutral-50);
1165
- --ids-toast-background-color: var(--ids-popup-background-color);
1166
- --ids-toast-border-color: var(--ids-popup-border-color);
1167
- --ids-toast-text-color: var(--ids-color-neutral-100);
1168
- --ids-toast-progress-background-color: var(--ids-progress-bar-fill-background-color);
1169
- --ids-toolbar-formatter-background-color: var(--ids-color-neutral-80);
1170
- --ids-tooltip-background-color: var(--ids-color-neutral-80);
1171
- --ids-tooltip-padding: 4px 8px;
1172
- --ids-tooltip-border-radius: var(--ids-border-radius-xs);
1173
- --ids-tooltip-text-color: var(--ids-color-neutral-00);
1174
- --ids-tooltip-font-size: var(--ids-font-size-md);
1175
- --ids-tooltip-box-shadow: var(--ids-popup-box-shadow);
1176
- --ids-tooltip-error-background-color: var(--ids-color-error);
1177
- --ids-tooltip-info-background-color: var(--ids-color-info);
1178
- --ids-tooltip-warning-background-color: var(--ids-color-warning);
1179
- --ids-tooltip-success-background-color: var(--ids-color-success);
1180
- --ids-tooltip-inverse-background-color: var(--ids-color-neutral-00);
1181
- --ids-tooltip-inverse-text-color: var(--ids-color-neutral-100);
1182
- --ids-tree-node-disabled-text-color: var(--ids-color-neutral-40);
1183
- --ids-tree-node-focus-border-color: var(--ids-color-primary);
1184
- --ids-tree-node-focus-box-shadow: var(--ids-box-shadow-lg);
1185
- --ids-tree-node-hover-text-border-color: transparent;
1186
- --ids-tree-node-hover-text-color: var(--ids-color-neutral-100);
1187
- --ids-tree-node-selected-background-color: var(--ids-color-neutral-20);
1188
- --ids-tree-node-selected-text-color: var(--ids-color-neutral-100);
1189
- --ids-tree-node-text-color: var(--ids-color-neutral-60);
1190
- --ids-treemap-stroke-color: var(--ids-color-neutral-00);
1191
- --ids-treemap-title-background-color: var(--ids-color-neutral-60);
1192
- --ids-treemap-title-text-color: var(--ids-color-neutral-00);
1193
- --ids-trigger-field-button-border-radius: var(--ids-border-radius-md);
1115
+ --ids-swaplist-inline-start-border-width: 0;
1116
+ --ids-swaplist-card-shadow: none;
1117
+ --ids-swaplist-first-child-inline-start-border-width: 1px;
1118
+ --ids-swaplist-button-color-background-hover: var(--ids-button-tertiary-color-background-hover);
1119
+ --ids-swaplist-toolbar-button-padding: var(--ids-space-none);
1120
+ --ids-swaplist-button-height: 34px;
1121
+ --ids-swaplist-button-width: 36px;
1122
+ --ids-swaplist-item-padding: var(--ids-space-40);
1123
+ --ids-swaplist-item-padding-inline-start: var(--ids-space-70);
1124
+ --ids-swaplist-item-margin-block-end: var(--ids-space-10);
1125
+ --ids-swaplist-item-over-border: 1px dashed var(--ids-color-text-label);
1126
+ --ids-swipe-action-color-background-left-active: var(--ids-color-neutral-40);
1127
+ --ids-swipe-action-color-text-left-active: var(--ids-color-neutral-70);
1128
+ --ids-swipe-action-color-background-left: var(--ids-color-neutral-30);
1129
+ --ids-swipe-action-color-background-left-hover: var(--ids-color-neutral-40);
1130
+ --ids-swipe-action-color-text-left-hover: var(--ids-color-neutral-70);
1131
+ --ids-swipe-action-color-text-left: var(--ids-color-neutral-60);
1132
+ --ids-swipe-action-color-background-right-active: var(--ids-color-azure-70);
1133
+ --ids-swipe-action-color-text-right-active: var(--ids-color-neutral-00);
1134
+ --ids-swipe-action-color-background-right: var(--ids-color-azure-60);
1135
+ --ids-swipe-action-color-background-right-hover: var(--ids-color-azure-70);
1136
+ --ids-swipe-action-color-text-right-hover: var(--ids-color-neutral-00);
1137
+ --ids-swipe-action-color-text-right: var(--ids-color-neutral-00);
1138
+ --ids-switch-pole-color-background-default: var(--ids-color-neutral-40);
1139
+ --ids-switch-toggle-color-background-default: var(--ids-input-color-background-default);
1140
+ --ids-switch-toggle-color-border-default: var(--ids-input-color-border-default);
1141
+ --ids-switch-pole-color-background-selected: var(--ids-color-primary-30);
1142
+ --ids-switch-toggle-color-background-selected: var(--ids-color-primary);
1143
+ --ids-switch-toggle-color-border-selected: var(--ids-color-primary);
1144
+ --ids-switch-pole-color-background-disabled: var(--ids-color-neutral-30);
1145
+ --ids-switch-toggle-color-background-disabled: var(--ids-color-neutral-20);
1146
+ --ids-switch-toggle-color-border-disabled: var(--ids-color-neutral-30);
1147
+ --ids-switch-pole-color-background-selected-disabled: var(--ids-color-primary-20);
1148
+ --ids-switch-toggle-color-background-selected-disabled: var(--ids-color-primary-30);
1149
+ --ids-switch-toggle-color-border-selected-disabled: var(--ids-color-primary-30);
1150
+ --ids-switch-toggle-color-background-hover: var(--ids-color-neutral-30);
1151
+ --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);
1152
+ --ids-tab-content-color-text: var(--ids-color-text);
1153
+ --ids-tab-color-text-default: var(--ids-color-text-default);
1154
+ --ids-tab-divider-color-background: var(--ids-color-neutral-30);
1155
+ --ids-tab-color-background-hover: var(--ids-color-neutral-20);
1156
+ --ids-tab-color-text-hover: var(--ids-color-neutral-80);
1157
+ --ids-tab-color-border-focus: var(--ids-color-neutral-80);
1158
+ --ids-tab-color-border-bottom: var(--ids-color-neutral-30);
1159
+ --ids-tab-color-text-disabled: var(--ids-color-neutral-30);
1160
+ --ids-tab-color-text-selected: var(--ids-color-neutral-100);
1161
+ --ids-tab-header-color-background-hover: var(--ids-color-neutral-20);
1162
+ --ids-tab-vertical-color-background-default: var(--ids-color-neutral-20);
1163
+ --ids-tab-vertical-color-text-default: var(--ids-color-text-default);
1164
+ --ids-tab-vertical-color-background-hover: var(--ids-color-neutral-30);
1165
+ --ids-tab-vertical-color-text-hover: var(--ids-color-neutral-80);
1166
+ --ids-tab-vertical-color-background-selected: var(--ids-color-neutral-00);
1167
+ --ids-tab-vertical-color-border-selected: var(--ids-color-neutral-00);
1168
+ --ids-tab-vertical-color-text-selected: var(--ids-color-neutral-100);
1169
+ --ids-tab-vertical-color-background-disabled: var(--ids-color-neutral-20);
1170
+ --ids-tab-vertical-color-text-disabled: var(--ids-color-neutral-50);
1171
+ --ids-tab-alternate-color-text-default: rgba(255 255 255 / 0.7);
1172
+ --ids-tab-alternate-color-background-hover: transparent;
1173
+ --ids-tab-alternate-color-text-hover: var(--ids-color-neutral-00);
1174
+ --ids-tab-alternate-color-border-focus: var(--ids-color-neutral-00);
1175
+ --ids-tab-alternate-color-text-selected: var(--ids-color-neutral-00);
1176
+ --ids-tab-alternate-color-text-disabled: rgba(255 255 255 / 0.3);
1177
+ --ids-tab-alternate-horizontal-color-background: var(--ids-color-neutral-00);
1178
+ --ids-tab-module-color-background-default: var(--ids-color-neutral-20);
1179
+ --ids-tab-module-color-border-right: var(--ids-color-neutral-50);
1180
+ --ids-tab-module-color-text-default: var(--ids-color-text-default);
1181
+ --ids-tab-module-color-background-hover: var(--ids-color-neutral-30);
1182
+ --ids-tab-module-color-text-hover: var(--ids-color-neutral-80);
1183
+ --ids-tab-module-color-background-selected: var(--ids-color-neutral-00);
1184
+ --ids-tab-module-color-text-selected: var(--ids-color-neutral-100);
1185
+ --ids-tab-module-color-background-disabled: var(--ids-color-neutral-20);
1186
+ --ids-tab-module-color-text-disabled: var(--ids-color-neutral-50);
1187
+ --ids-tag-color-background-default: var(--ids-input-color-background-readonly);
1188
+ --ids-tag-color-border: var(--ids-input-color-background-readonly);
1189
+ --ids-tag-border-radius: var(--ids-border-radius-04);
1190
+ --ids-tag-color-text-default: var(--ids-input-color-text);
1191
+ --ids-tag-font-size-default: var(--ids-font-size-30);
1192
+ --ids-tag-color-icon-hover: var(--ids-color-neutral-90);
1193
+ --ids-tag-secondary-color-background: var(--ids-input-color-background-default);
1194
+ --ids-tag-secondary-color-border: var(--ids-input-color-border-default);
1195
+ --ids-tag-color-text-disabled: var(--ids-color-neutral-50);
1196
+ --ids-tag-secondary-color-text-disabled: var(--ids-color-neutral-40);
1197
+ --ids-textarea-alert-color-border-default: var(--ids-color-warning-50);
1198
+ --ids-textarea-alert-color-border-disabled: var(--ids-color-warning-30);
1199
+ --ids-textarea-alert-color-text-disabled: var(--ids-color-warning-30);
1200
+ --ids-textarea-alert-color-border-alert-focus: var(--ids-color-warning-80);
1201
+ --ids-textarea-shadow-alert-focus: 0 0 3px 2px rgba(249 131 0 / 0.3);
1202
+ --ids-textarea-alert-color-text-default: var(--ids-color-warning-80);
1203
+ --ids-textarea-color-background-default: var(--ids-color-neutral-00);
1204
+ --ids-textarea-color-border-default: var(--ids-color-neutral-40);
1205
+ --ids-textarea-character-count-color-text-warning: var(--ids-color-error-60);
1206
+ --ids-textarea-color-background-disabled: var(--ids-color-neutral-00);
1207
+ --ids-textarea-color-border-disabled: var(--ids-color-neutral-30);
1208
+ --ids-textarea-color-text-disabled: var(--ids-color-neutral-30);
1209
+ --ids-textarea-color-border-error-default: var(--ids-color-error-50);
1210
+ --ids-textarea-color-border-error-disabled: var(--ids-color-error-30);
1211
+ --ids-textarea-color-text-error-disabled: var(--ids-color-error-30);
1212
+ --ids-textarea-color-border-error-focus: var(--ids-color-error-60);
1213
+ --ids-textarea-shadow-error-focus: 0 0 3px 2px rgba(218 18 23 / 0.3);
1214
+ --ids-textarea-color-text-error: var(--ids-color-error-80);
1215
+ --ids-textarea-color-border-focus: var(--ids-color-azure-60);
1216
+ --ids-textarea-shadow-focus: var(--ids-shadow-20);
1217
+ --ids-textarea-color-border-hover: var(--ids-color-neutral-90);
1218
+ --ids-textarea-color-border-info-default: var(--ids-color-info-70);
1219
+ --ids-textarea-color-border-info-disabled: var(--ids-color-info-30);
1220
+ --ids-textarea-color-text-info-disabled: var(--ids-color-info-30);
1221
+ --ids-textarea-color-border-info-focus: var(--ids-color-info-70);
1222
+ --ids-textarea-color-text-info-default: var(--ids-color-info-70);
1223
+ --ids-textarea-label-color-text-disabled: var(--ids-color-neutral-30);
1224
+ --ids-textarea-label-color-text-default: var(--ids-color-neutral-60);
1225
+ --ids-textarea-color-background-readonly: var(--ids-color-neutral-20);
1226
+ --ids-textarea-color-border-readonly: var(--ids-color-neutral-40);
1227
+ --ids-textarea-color-text-readonly: var(--ids-color-neutral-100);
1228
+ --ids-textarea-color-border-success-default: var(--ids-color-success-80);
1229
+ --ids-textarea-color-border-success-disabled: var(--ids-color-success-30);
1230
+ --ids-textarea-color-text-success-disabled: var(--ids-color-success-30);
1231
+ --ids-textarea-color-border-success-focus: var(--ids-color-success-80);
1232
+ --ids-textarea-shadow-success-focus: 0 0 3px 2px rgba(42 195 113 / 0.3);
1233
+ --ids-textarea-color-text-success-default: var(--ids-color-success-80);
1234
+ --ids-textarea-color-text-default: var(--ids-color-neutral-100);
1235
+ --ids-time-picker-button-color-background-expanded: var(--ids-color-primary);
1236
+ --ids-time-picker-input-color-border-expanded: var(--ids-color-primary);
1237
+ --ids-time-picker-popup-color-background: var(--ids-color-neutral-00);
1238
+ --ids-time-picker-popup-button-color-border: var(--ids-color-neutral-30);
1239
+ --ids-time-picker-popup-button-color-text-hover: var(--ids-color-azure-70);
1240
+ --ids-time-picker-popup-button-color-text-default: var(--ids-color-azure-60);
1241
+ --ids-time-picker-popup-colons-color-text: var(--ids-color-neutral-50);
1242
+ --ids-toast-color-background: var(--ids-popup-color-background);
1243
+ --ids-toast-color-border: var(--ids-popup-color-border);
1244
+ --ids-toast-color-text: var(--ids-color-neutral-100);
1245
+ --ids-toast-progress-color-background: var(--ids-progress-bar-fill-color-background);
1246
+ --ids-toolbar-formatter-color-background: var(--ids-color-neutral-80);
1247
+ --ids-tooltip-color-background: var(--ids-color-neutral-80);
1248
+ --ids-tooltip-padding: 8px 16px;
1249
+ --ids-tooltip-border-radius: var(--ids-border-radius-01);
1250
+ --ids-tooltip-color-text: var(--ids-color-neutral-00);
1251
+ --ids-tooltip-font-size: var(--ids-font-size-40);
1252
+ --ids-tooltip-shadow: var(--ids-popup-shadow);
1253
+ --ids-tooltip-error-color-background-error: var(--ids-color-error-default);
1254
+ --ids-tooltip-info-color-background-info: var(--ids-color-info-default);
1255
+ --ids-tooltip-color-background-warning: var(--ids-color-warning-default);
1256
+ --ids-tooltip-color-background-success: var(--ids-color-success-default);
1257
+ --ids-tooltip-color-background-inverse: var(--ids-color-neutral-00);
1258
+ --ids-tooltip-color-text-inverse: var(--ids-color-neutral-100);
1259
+ --ids-tree-node-color-text-disabled: var(--ids-color-neutral-40);
1260
+ --ids-tree-node-color-border-focus: var(--ids-color-primary);
1261
+ --ids-tree-node-shadow-focus: var(--ids-shadow-30);
1262
+ --ids-tree-node-color-border-hover: transparent;
1263
+ --ids-tree-node-color-text-hover: var(--ids-color-neutral-100);
1264
+ --ids-tree-node-color-background-selected: var(--ids-color-neutral-20);
1265
+ --ids-tree-node-color-text-selected: var(--ids-color-neutral-100);
1266
+ --ids-tree-node-color-text-default: var(--ids-color-neutral-60);
1267
+ --ids-tree-treemap-color-border: var(--ids-color-neutral-00);
1268
+ --ids-tree-treemap-title-color-background: var(--ids-color-neutral-60);
1269
+ --ids-tree-treemap-title-color-text: var(--ids-color-neutral-00);
1270
+ --ids-trigger-field-button-border-radius: var(--ids-border-radius-03);
1194
1271
  --ids-trigger-field-button-margin: 4px;
1195
- --ids-trigger-field-background-color: var(--ids-input-background-color);
1196
- --ids-trigger-field-readonly-background-color: var(--ids-input-readonly-background-color);
1197
- --ids-trigger-field-readonly-border-color: var(--ids-input-readonly-border-color);
1198
- --ids-trigger-field-readonly-text-color: var(--ids-input-readonly-text-color);
1199
- --ids-trigger-field-focus-border-color: var(--ids-input-focus-border-color)
1200
- --ids-trigger-field-focus-box-shadow: var(--ids-input-info-focus-box-shadow);
1201
- --ids-trigger-field-disabled-text-color: var(--ids-input-disabled-text-color);
1202
- --ids-trigger-field-disabled-border-color: var(--ids-input-disabled-border-color);
1272
+ --ids-trigger-field-color-background-default: var(--ids-input-color-background-default);
1273
+ --ids-trigger-field-color-background-readonly: var(--ids-input-color-background-readonly);
1274
+ --ids-trigger-field-color-border-readonly: var(--ids-input-color-border-readonly);
1275
+ --ids-trigger-field-color-text-readonly: var(--ids-input-color-text-readonly);
1276
+ --ids-trigger-field-color-border-focus: var(--ids-input-color-border-focus)
1277
+ --ids-trigger-field-shadow-focus: var(--ids-input-shadow-info-focus);
1278
+ --ids-trigger-field-color-text-disabled: var(--ids-input-color-text-disabled);
1279
+ --ids-trigger-field-color-border-disabled: var(--ids-input-color-border-disabled);
1203
1280
  --ids-trigger-field-icon-color: var(--ids-color-neutral-60);
1204
- --ids-upload-font-size: var(--ids-font-size-xl);
1205
- --ids-upload-advanced-background-color: var(--ids-color-neutral-10);
1206
- --ids-upload-advanced-border-color: var(--ids-color-neutral-50);
1207
- --ids-upload-advanced-disabled-background-color: var(--ids-color-neutral-10);
1208
- --ids-upload-advanced-disabled-border-color: var(--ids-color-neutral-30);
1209
- --ids-upload-advanced-disabled-text-color: var(--ids-text-color-disabled);
1210
- --ids-upload-advanced-dragenter-background-color: var(--ids-color-azure-10);
1211
- --ids-upload-advanced-dragenter-border-color: var(--ids-color-primary);
1212
- --ids-upload-advanced-errorarea-border-color: var(--ids-color-error-60);
1213
- --ids-upload-advanced-errorarea-disabled-border-color: var(--ids-color-error-30);
1214
- --ids-upload-advanced-errorarea-disabled-text-color: var(--ids-color-error-30);
1215
- --ids-upload-advanced-hover-background-color: var(--ids-color-neutral-20);
1216
- --ids-upload-advanced-hover-border-color: var(--ids-color-neutral-60);
1217
- --ids-upload-advanced-hover-text-color: var(--ids-text-color);
1218
- --ids-upload-advanced-hyperlink-focus-border-color: var(--ids-color-primary);
1219
- --ids-upload-advanced-hyperlink-focus-box-shadow: var(--ids-box-shadow-lg);
1220
- --ids-upload-advanced-label-text-color: var(--ids-text-color);
1221
- --ids-upload-advanced-text-color: var(--ids-color-neutral-50);
1222
- --ids-upload-advanced-file-border-color: var(--ids-color-neutral-50);
1223
- --ids-upload-advanced-file-completed-border-color: var(--ids-color-emerald-80);
1224
- --ids-upload-advanced-file-completed-text-color: var(--ids-color-emerald-80);
1225
- --ids-upload-advanced-file-disabled-border-color: var(--ids-color-neutral-30);
1226
- --ids-upload-advanced-file-disabled-completed-border-color: var(--ids-color-emerald-30);
1227
- --ids-upload-advanced-file-disabled-completed-text-color: var(--ids-color-emerald-30);
1228
- --ids-upload-advanced-file-disabled-error-border-color: var(--ids-color-ruby-30);
1229
- --ids-upload-advanced-file-disabled-text-color: var(--ids-color-neutral-30);
1230
- --ids-upload-advanced-file-error-border-color: var(--ids-color-ruby-60);
1231
- --ids-week-view-background-color: var(--ids-body-background-color);
1232
- --ids-week-view-border-color: var(--ids-color-neutral-20);
1233
- --ids-week-view-header-background-color: var(--ids-body-background-color);
1281
+ --ids-upload-font-size: var(--ids-font-size-60);
1282
+ --ids-upload-advanced-color-background-default: var(--ids-color-neutral-10);
1283
+ --ids-upload-advanced-color-border-default: var(--ids-color-neutral-50);
1284
+ --ids-upload-advanced-color-background-disabled: var(--ids-color-neutral-10);
1285
+ --ids-upload-advanced-color-border-disabled: var(--ids-color-neutral-30);
1286
+ --ids-upload-advanced-color-background-drag-enter: var(--ids-color-azure-10);
1287
+ --ids-upload-advanced-color-border-drag-enter: var(--ids-color-primary);
1288
+ --ids-upload-advanced-error-area-color-border-error: var(--ids-color-error-60);
1289
+ --ids-upload-advanced-area-color-border-error-disabled: var(--ids-color-error-30);
1290
+ --ids-upload-advanced-color-text-error-disabled: var(--ids-color-error-30);
1291
+ --ids-upload-advanced-color-background-hover: var(--ids-color-neutral-20);
1292
+ --ids-upload-advanced-color-border-hover: var(--ids-color-neutral-60);
1293
+ --ids-upload-advanced-color-text-hover: var(--ids-color-text);
1294
+ --ids-upload-advanced-color-border-focus: var(--ids-color-primary);
1295
+ --ids-upload-advanced-link-shadow-focus: var(--ids-shadow-30);
1296
+ --ids-upload-advanced-label-color-text: var(--ids-color-text);
1297
+ --ids-upload-advanced-color-text-default: var(--ids-color-neutral-50);
1298
+ --ids-upload-advanced-file-color-border-default: var(--ids-color-neutral-50);
1299
+ --ids-upload-advanced-color-border-complete-default: var(--ids-color-emerald-80);
1300
+ --ids-upload-advanced-file-color-text-complete: var(--ids-color-emerald-80);
1301
+ --ids-upload-advanced-file-color-border-disabled: var(--ids-color-neutral-30);
1302
+ --ids-upload-advanced-color-border-complete-disabled: var(--ids-color-emerald-30);
1303
+ --ids-upload-advanced-color-text-complete-disabled: var(--ids-color-emerald-30);
1304
+ --ids-upload-advanced-file-color-border-error-disabled: var(--ids-color-ruby-30);
1305
+ --ids-upload-advanced-color-text-disabled: var(--ids-color-neutral-30);
1306
+ --ids-upload-advanced-color-border-error-default: var(--ids-color-ruby-60);
1307
+ --ids-week-view-color-background: var(--ids-color-background-default);
1308
+ --ids-week-view-color-border: var(--ids-color-neutral-20);
1309
+ --ids-week-view-header-color-background: var(--ids-color-background-default);
1234
1310
  --ids-week-view-row-height: 25px;
1235
- --ids-week-view-row-odd-border-color: var(--ids-color-neutral-10);
1236
- --ids-week-view-text-color: var(--ids-text-color);
1311
+ --ids-week-view-row-odd-color-border: var(--ids-color-neutral-10);
1312
+ --ids-week-view-color-text: var(--ids-color-text);
1237
1313
  --ids-week-view-time-marker-color: var(--ids-color-primary);
1238
1314
  --ids-week-view-today-color: var(--ids-color-primary);
1315
+ --ids-widget-color-background: var(--ids-card-color-background);
1316
+ --ids-widget-color-border: var(--ids-box-shadowed-color-border);
1317
+ --ids-widget-border-radius: var(--ids-card-border-radius);
1318
+ --ids-widget-shadow: var(--ids-card-shadow);
1319
+ --ids-widget-margin-bottom: var(--ids-card-margin-bottom);
1320
+ --ids-widget-height: var(--ids-card-height);
1321
+ --ids-widget-content-height: 312px;
1322
+ --ids-widget-search-height: 46px;
1323
+ --ids-widget-search-content-height: 266px;
1324
+ --ids-widget-header-padding-inline: 8px;
1325
+ --ids-widget-header-height: 48px;
1326
+ --ids-widget-header-subtitle-height: 60px;
1327
+ --ids-widget-search-subtitle-content-height: 301px;
1328
+ --ids-widget-divider-color-border: var(--ids-card-divider-color-border);
1329
+ --ids-widget-header-title-color: var(--ids-color-neutral-100);
1330
+ --ids-widget-color-border-hover: var(--ids-color-neutral-30);
1331
+ --ids-widget-color-shadow-hover: 0 2px 4px 1px rgba(0 0 0 / 0.15);
1332
+ --ids-widget-search-field-color-background: var(--ids-color-neutral-10);
1333
+ --ids-widget-search-field-border-radius: 4px;
1239
1334
  --ids-wizard-step-width: 14px;
1240
- --ids-wizard-step-color: var(--ids-color-primary);
1241
- --ids-wizard-unvisited-step-color: var(--ids-color-neutral-60);
1242
- --ids-wizard-step-inner-border-color: var(--ids-body-background-color);
1335
+ --ids-wizard-step-color-default: var(--ids-color-primary);
1336
+ --ids-wizard-step-color-unvisited: var(--ids-color-neutral-60);
1337
+ --ids-wizard-step-inner-border-color-border: var(--ids-color-background-default);
1243
1338
  }
1244
1339
 
1245
1340
  :root {
1246
- --ids-color-primary: var(--ids-color-neutral-60);
1341
+ --ids-color-primary: var(--ids-color-neutral-90);
1247
1342
  --ids-color-text-on-primary: var(--ids-color-neutral-10);
1248
- --ids-body-background-color: var(--ids-color-neutral-100);
1249
- --ids-body-text-on-background-color: var(--ids-color-neutral-00);
1250
- --ids-text-color: var(--ids-color-neutral-10);
1251
- --ids-text-color-label: var(--ids-color-neutral-30);
1252
- --ids-color-on-text: var(--ids-color-neutral-100);
1253
- --ids-text-color-subtle: var(--ids-color-neutral-20);
1254
- --ids-text-color-data: var(--ids-color-neutral-00);
1255
- --ids-text-color-disabled: var(--ids-color-neutral-50);
1256
- --ids-text-color-error: var(--ids-color-error-50);
1257
- --ids-text-color-info: var(--ids-color-info-60);
1258
- --ids-text-color-success: var(--ids-color-success-50);
1259
- --ids-text-color-warning: var(--ids-color-warning-50);
1343
+ --ids-color-background-default: var(--ids-color-neutral-100);
1344
+ --ids-color-text-default: var(--ids-color-neutral-00);
1345
+ --ids-color-text: var(--ids-color-neutral-10);
1346
+ --ids-color-text-label: var(--ids-color-neutral-30);
1347
+ --ids-color-text-inverse: var(--ids-color-neutral-100);
1348
+ --ids-color-text-subtle: var(--ids-color-neutral-20);
1349
+ --ids-color-text-data: var(--ids-color-neutral-00);
1350
+ --ids-color-text-disabled: var(--ids-color-neutral-50);
1351
+ --ids-color-text-error: var(--ids-color-error-50);
1352
+ --ids-color-text-info: var(--ids-color-info-60);
1353
+ --ids-color-text-success: var(--ids-color-success-50);
1354
+ --ids-color-text-warning: var(--ids-color-warning-50);
1260
1355
  --ids-color-error-10: var(--ids-color-error-90);
1261
1356
  --ids-color-warning-10: var(--ids-color-amber-90);
1262
- --ids-color-caution-00: var(--ids-color-neutral-100);
1357
+ --ids-color-text-on-caution: var(--ids-color-neutral-100);
1263
1358
  --ids-color-caution-10: var(--ids-color-amber-90);
1264
1359
  --ids-color-info-10: var(--ids-color-primary-90);
1265
1360
  --ids-color-success-10: var(--ids-color-emerald-90);
1266
- --ids-box-shadow-none: 0 0 3px 2px rgba(85 163 243 / 0);
1267
- --ids-box-shadow-error: 0 0 3px 2px rgb(218 18 23 / 0.30);
1361
+ --ids-shadow-none: 0 0 3px 2px rgba(85 163 243 / 0);
1362
+ --ids-shadow-error: 0 0 3px 2px rgb(218 18 23 / 0.30);
1268
1363
  --ids-box-shadow-inverse: 0 0 2px 1px rgba(255 255 255 / .8);
1269
- --ids-box-shadow-sm: 0 0 3px 1px rgb(85 163 243 / 0.3);
1270
- --ids-box-shadow-md: 0 0 3px 2px rgb(85 163 243 / 0.3);
1271
- --ids-box-shadow-lg: 0 0 4px 3px rgb(85 163 243 / 0.3);
1272
- --ids-focus-border-color: var(--ids-color-primary-50);
1273
- --ids-accordion-header-border-bottom-color: var(--ids-color-neutral-70);
1274
- --ids-accordion-header-disabled-icon-color: var(--ids-color-neutral-50);
1275
- --ids-accordion-header-disabled-text-color: var(--ids-color-neutral-50);
1276
- --ids-accordion-header-focus-border-color: var(--ids-color-azure-60);
1277
- --ids-accordion-header-icon-color: var(--ids-color-neutral-10);
1278
- --ids-accordion-header-text-color: var(--ids-color-neutral-00);
1279
- --ids-app-menu-accordion-header-disabled-background-color: var(--ids-color-neutral-20);
1280
- --ids-app-menu-accordion-header-disabled-border-color: var(--ids-color-neutral-20);
1281
- --ids-app-menu-accordion-header-disabled-text-color: var(--ids-color-neutral-70);
1282
- --ids-app-menu-accordion-header-filter-background-color: var(--ids-color-neutral-100);
1283
- --ids-app-menu-accordion-header-filter-match-text-color: var(--ids-color-neutral-40);
1284
- --ids-app-menu-accordion-header-focus-border-color: var(--ids-color-azure-40);
1285
- --ids-app-menu-accordion-header-hover-background-color: var(--ids-color-neutral-100);
1286
- --ids-app-menu-accordion-header-hover-border-color: var(--ids-color-neutral-100);
1287
- --ids-app-menu-accordion-panel-background-color: var(--ids-color-neutral-90);
1288
- --ids-action-panel-header-background-color: var(--ids-color-neutral-80);
1289
- --ids-action-panel-header-border-color: var(--ids-color-neutral-90);
1364
+ --ids-shadow-10: 0 0 3px 1px rgb(85 163 243 / 0.3);
1365
+ --ids-shadow-20: 0 0 3px 2px rgb(85 163 243 / 0.3);
1366
+ --ids-shadow-30: 0 0 4px 3px rgb(85 163 243 / 0.3);
1367
+ --ids-scroll-shadow: 0 -1px 3px -1px rgba(82 82 87 / 0.30);
1368
+ --ids-scroll-color-border-top: 1px solid rgba(82 82 87 / 1);
1369
+ --ids-color-border-focus: var(--ids-color-primary-50);
1370
+ --ids-accordion-header-color-border-bottom: var(--ids-color-neutral-70);
1371
+ --ids-accordion-header-color-border-disabled: var(--ids-color-neutral-50);
1372
+ --ids-accordion-header-color-text-disabled: var(--ids-color-neutral-50);
1373
+ --ids-accordion-header-color-border-focus: var(--ids-color-azure-60);
1374
+ --ids-accordion-header-color-icon: var(--ids-color-neutral-10);
1375
+ --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-neutral-20);
1376
+ --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-neutral-20);
1377
+ --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-neutral-70);
1378
+ --ids-app-menu-accordion-header-color-background-default: var(--ids-color-neutral-100);
1379
+ --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-neutral-40);
1380
+ --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-azure-40);
1381
+ --ids-app-menu-header-color-background-hover: var(--ids-color-neutral-100);
1382
+ --ids-app-menu-header-color-border-hover: var(--ids-color-neutral-100);
1383
+ --ids-app-menu-accordion-panel-color-background: var(--ids-color-neutral-90);
1384
+ --ids-action-panel-header-color-background: var(--ids-color-neutral-80);
1385
+ --ids-action-panel-header-color-border: var(--ids-color-neutral-90);
1290
1386
  --ids-action-panel-content-background-color: var(--ids-color-neutral-100);
1291
- --ids-action-sheet-background-color: var(--ids-color-neutral-70);
1292
- --ids-action-sheet-border-color: var(--ids-color-neutral-50);
1293
- --ids-alert-in-progress-color: var(--ids-color-amethyst-30);
1294
- --ids-alert-in-progress-disabled-color: var(--ids-color-amethyst-70);
1295
- --ids-axis-chart-grid-stroke: var(--ids-color-neutral-40);
1296
- --ids-axis-chart-last-line-stroke: var(--ids-color-neutral-30);
1297
- --ids-axis-chart-label-text-fill: var(--ids-color-neutral-10);
1298
- --ids-badge-background-color: var(--ids-color-neutral-60);
1299
- --ids-badge-border-color: var(--ids-color-neutral-60);
1300
- --ids-badge-error-background-color: var(--ids-color-error-50);
1301
- --ids-badge-error-border-color: var(--ids-color-error-50);
1302
- --ids-badge-error-color: var(--ids-color-error-00);
1303
- --ids-badge-info-background-color: var(--ids-color-info-60);
1304
- --ids-badge-info-border-color: var(--ids-color-info-60);
1305
- --ids-badge-info-color: var(--ids-color-info-00);
1306
- --ids-badge-success-background-color: var(--ids-color-success-80);
1307
- --ids-badge-success-border-color: var(--ids-color-success-80);
1308
- --ids-badge-success-color: var(--ids-color-success-00);
1309
- --ids-badge-warning-background-color: var(--ids-color-warning-50);
1310
- --ids-badge-warning-border-color: var(--ids-color-warning-50);
1311
- --ids-badge-warning-color: var(--ids-color-neutral-100);
1312
- --ids-block-grid-item-selectable-container-hover-background-color: var(--ids-color-neutral-80);
1313
- --ids-button-primary-border-color: var(--ids-color-primary-40);
1314
- --ids-button-primary-background-color: var(--ids-color-primary-40);
1315
- --ids-button-primary-text-color: var(--ids-body-background-color);
1316
- --ids-button-primary-focus-border-color: var(--ids-color-primary-40);
1317
- --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);
1318
- --ids-button-primary-hover-background-color: var(--ids-color-primary-30);
1319
- --ids-button-primary-hover-border-color: var(--ids-color-primary-30);
1320
- --ids-button-primary-disabled-background-color: var(--ids-color-neutral-90);
1321
- --ids-button-primary-disabled-border-color: var(--ids-color-neutral-90);
1322
- --ids-button-primary-disabled-text-color: var(--ids-color-neutral-40);
1323
- --ids-button-primary-ripple-color: var(--ids-color-primary-80);
1324
- --ids-button-secondary-background-color: transparent;
1387
+ --ids-action-sheet-color-background: var(--ids-color-neutral-70);
1388
+ --ids-action-sheet-color-border: var(--ids-color-neutral-50);
1389
+ --ids-alert-color-progress-default: var(--ids-color-amethyst-30);
1390
+ --ids-alert-color-progress-disabled: var(--ids-color-amethyst-70);
1391
+ --ids-axis-chart-grid-color: var(--ids-color-neutral-40);
1392
+ --ids-axis-chart-last-line-color-border: var(--ids-color-neutral-30);
1393
+ --ids-axis-chart-color-text: var(--ids-color-neutral-10);
1394
+ --ids-badge-color-background: var(--ids-color-neutral-60);
1395
+ --ids-badge-color-border: var(--ids-color-neutral-60);
1396
+ --ids-badge-color-background-error: var(--ids-color-error-50);
1397
+ --ids-badge-color-border-error: var(--ids-color-error-50);
1398
+ --ids-badge-color-error: var(--ids-color-text-on-error);
1399
+ --ids-badge-color-background-info: var(--ids-color-info-60);
1400
+ --ids-badge-color-border-info: var(--ids-color-info-60);
1401
+ --ids-badge-color-info: var(--ids-color-text-on-info);
1402
+ --ids-badge-color-background-success: var(--ids-color-success-80);
1403
+ --ids-badge-color-border-success: var(--ids-color-success-80);
1404
+ --ids-badge-color-success: var(--ids-color-text-on-success);
1405
+ --ids-badge-color-background-warning: var(--ids-color-warning-50);
1406
+ --ids-badge-color-border-warning: var(--ids-color-warning-50);
1407
+ --ids-badge-color-warning: var(--ids-color-neutral-100);
1408
+ --ids-block-grid-item-color-background-selectable-hover: var(--ids-color-neutral-80);
1409
+ --ids-box-color-background: var(--ids-card-color-background);
1410
+ --ids-box-color-border: var(--ids-color-neutral-70);
1411
+ --ids-box-shadow: var(--ids-card-shadow);
1412
+ --ids-box-outline-selected: 2px solid var(--ids-color-primary-60);
1413
+ --ids-box-outline-hover: 1px solid var(--ids-color-neutral-70);
1414
+ --ids-button-primary-color-border-default: var(--ids-color-primary-40);
1415
+ --ids-button-primary-color-background-default: var(--ids-color-primary-40);
1416
+ --ids-button-primary-color-text-default: var(--ids-color-background-default);
1417
+ --ids-button-primary-color-border-focus: var(--ids-color-primary-40);
1418
+ --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);
1419
+ --ids-button-primary-color-background-hover: var(--ids-color-primary-30);
1420
+ --ids-button-primary-color-border-hover: var(--ids-color-primary-30);
1421
+ --ids-button-primary-color-background-disabled: var(--ids-color-neutral-60);
1422
+ --ids-button-primary-color-border-disabled: var(--ids-color-neutral-60);
1423
+ --ids-button-primary-color-text-disabled: var(--ids-color-neutral-100);
1424
+ --ids-button-primary-color-background-pressed: var(--ids-color-primary-80);
1425
+ --ids-button-secondary-color-background-default: transparent;
1325
1426
  --ids-button-secondary-border-width: 2px;
1326
- --ids-button-secondary-border-color: var(--ids-color-primary-40);
1327
- --ids-button-secondary-text-color: var(--ids-color-primary-40);
1328
- --ids-button-secondary-focus-border-color: var(--ids-color-primary-50);
1329
- --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);
1330
- --ids-button-secondary-hover-background-color: var(--ids-color-neutral-90);
1331
- --ids-button-secondary-disabled-background-color: var(--ids-color-neutral-90);
1332
- --ids-button-secondary-disabled-border-color: var(--ids-color-neutral-40);
1333
- --ids-button-secondary-disabled-text-color: var(--ids-color-neutral-40);
1334
- --ids-button-secondary-ripple-color: var(--ids-color-primary-40);
1335
- --ids-button-tertiary-border-color: transparent;
1336
- --ids-button-tertiary-text-color: var(--ids-color-neutral-20);
1337
- --ids-button-tertiary-focus-border-color: var(--ids-focus-border-color);
1338
- --ids-button-tertiary-hover-text-color: var(--ids-color-text-on-primary);
1339
- --ids-button-tertiary-hover-background-color: var(--ids-color-neutral-90);
1340
- --ids-button-tertiary-disabled-text-color: var(--ids-color-neutral-40);
1341
- --ids-button-tertiary-ripple-color: var(--ids-color-primary-40);
1342
- --ids-button-destructive-hover-background-color: var(--ids-color-neutral-90);
1343
- --ids-button-alternate-formatter-text-color: var(--ids-color-neutral-80);
1344
- --ids-button-formatter-border-color: var(--ids-color-neutral-70);
1345
- --ids-button-alternate-formatter-text-color-hover: var(--ids-color-neutral-100);
1346
- --ids-button-formatter-ripple-color: var(--ids-color-primary);
1347
- --ids-calendar-toolbar-container-background-color: var(--ids-color-neutral-80);
1348
- --ids-calendar-toolbar-container-border-color: var(--ids-color-neutral-70);
1349
- --ids-card-background-color: var(--ids-color-neutral-90);
1350
- --ids-card-border-color: var(--ids-color-neutral-70);
1351
- --ids-card-divider-border-color: var(--ids-color-neutral-80);
1352
- --ids-card-box-shadow: 0 0 8px rgba(0 0 0 / 0.7);
1353
- --ids-card-selected-background-color: rgba(85 163 243 / 0.12);
1354
- --ids-chart-legend-text-color: var(--ids-text-color);
1355
- --ids-data-grid-background-color: var(--ids-color-neutral-100);
1356
- --ids-data-grid-cell-background-color: var(--ids-color-neutral-100);
1357
- --ids-data-grid-cell-readonly-background-color: rgba(119 119 124 / 0.18);
1358
- --ids-data-grid-cell-border-color: var(--ids-color-neutral-60);
1359
- --ids-data-grid-cell-checkbox-border-color: var(--ids-color-neutral-40);
1360
- --ids-data-grid-cell-text-color: var(--ids-color-neutral-00);
1361
- --ids-data-grid-cell-disabled-text-color: var(--ids-color-neutral-50);
1362
- --ids-data-grid-cell-invalid-background-color: rgba(232 79 79 / 0.1);
1363
- --ids-data-grid-list-cell-border-color: var(--ids-color-neutral-60);
1364
- --ids-data-grid-list-header-border-color: var(--ids-color-neutral-80);
1365
- --ids-data-grid-list-header-background-color: var(--ids-color-neutral-80);
1366
- --ids-data-grid-list-header-text-color: var(--ids-color-neutral-30);
1367
- --ids-data-grid-list-header-unsorted-icon-color: var(--ids-color-neutral-40);
1368
- --ids-data-grid-list-header-sorted-icon-color: var(--ids-color-neutral-20);
1369
- --ids-data-grid-list-header-checkbox-background-color: var(--ids-color-neutral-40);
1370
- --ids-data-grid-header-border-color: var(--ids-color-neutral-80);
1371
- --ids-data-grid-header-background-color: var(--ids-color-neutral-20);
1372
- --ids-data-grid-header-checkbox-border-color: var(--ids-color-neutral-100);
1373
- --ids-data-grid-header-checkbox-background-color: transparent;
1374
- --ids-data-grid-header-icon-color: var(--ids-color-neutral-100);
1375
- --ids-data-grid-header-drag-placeholder-background-color: var(--ids-color-neutral-10);
1376
- --ids-data-grid-header-text-color: var(--ids-color-neutral-100);
1377
- --ids-data-grid-header-unsorted-icon-color: var(--ids-color-neutral-40);
1378
- --ids-data-grid-header-sorted-icon-color: var(--ids-color-neutral-100);
1427
+ --ids-button-secondary-color-border-default: var(--ids-color-primary-40);
1428
+ --ids-button-secondary-color-text-default: var(--ids-color-primary-40);
1429
+ --ids-button-secondary-color-border-focus: var(--ids-color-primary-50);
1430
+ --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);
1431
+ --ids-button-secondary-color-background-hover: var(--ids-color-neutral-90);
1432
+ --ids-button-secondary-color-background-disabled: var(--ids-color-neutral-90);
1433
+ --ids-button-secondary-color-border-disabled: var(--ids-color-neutral-60);
1434
+ --ids-button-secondary-color-text-disabled: var(--ids-color-neutral-60);
1435
+ --ids-button-secondary-color-background-pressed: var(--ids-color-primary-40);
1436
+ --ids-button-tertiary-color-border-default: transparent;
1437
+ --ids-button-tertiary-color-text-default: var(--ids-color-neutral-20);
1438
+ --ids-button-tertiary-color-border-focus: var(--ids-color-border-focus);
1439
+ --ids-button-tertiary-color-text-hover: var(--ids-color-text-on-primary);
1440
+ --ids-button-tertiary-color-background-hover: var(--ids-color-neutral-70);
1441
+ --ids-button-tertiary-color-text-disabled: var(--ids-color-neutral-60);
1442
+ --ids-button-tertiary-color-background-pressed: var(--ids-color-primary-40);
1443
+ --ids-button-destructive-color-background-hover: var(--ids-color-neutral-90);
1444
+ --ids-button-formatter-color-text-default: var(--ids-color-neutral-80);
1445
+ --ids-button-formatter-color-border: var(--ids-color-neutral-70);
1446
+ --ids-button-formatter-color-text-hover: var(--ids-color-neutral-100);
1447
+ --ids-button-module-color-background-hover: rgba(0 0 0 / 0.3);
1448
+ --ids-button-module-color-text-default: var(--ids-color-neutral-10);
1449
+ --ids-button-module-color-text-hover: var(--ids-color-neutral-00);
1450
+ --ids-button-system-color-text-hover: var(--ids-color-neutral-00);
1451
+ --ids-calendar-toolbar-color-background: var(--ids-color-neutral-80);
1452
+ --ids-calendar-toolbar-color-border: var(--ids-color-neutral-70);
1453
+ --ids-card-header-title-color: var(--ids-color-neutral-00);
1454
+ --ids-card-color-background: var(--ids-color-neutral-90);
1455
+ --ids-card-color-border: var(--ids-color-neutral-70);
1456
+ --ids-card-color-border-hover: var(--ids-color-neutral-70);
1457
+ --ids-card-divider-color-border: var(--ids-color-neutral-80);
1458
+ --ids-card-shadow: 0 0 8px rgba(0 0 0 / 0.7);
1459
+ --ids-card-color-background-selected: rgba(85 163 243 / 0.12);
1460
+ --ids-chart-legend-color-text: var(--ids-color-text);
1461
+ --ids-data-grid-color-background: var(--ids-color-neutral-100);
1462
+ --ids-data-grid-cell-color-background-default: var(--ids-color-neutral-100);
1463
+ --ids-data-grid-cell-color-background-readonly: rgba(119 119 124 / 0.18);
1464
+ --ids-data-grid-cell-color-border: var(--ids-color-neutral-60);
1465
+ --ids-data-grid-cell-checkbox-color-border: var(--ids-color-neutral-40);
1466
+ --ids-data-grid-cell-color-text-default: var(--ids-color-neutral-00);
1467
+ --ids-data-grid-cell-color-text-disabled: var(--ids-color-neutral-50);
1468
+ --ids-data-grid-cell-color-background-error: rgba(232 79 79 / 0.1);
1469
+ --ids-data-grid-list-cell-color-border: var(--ids-color-neutral-60);
1470
+ --ids-data-grid-list-header-color-border: var(--ids-color-neutral-80);
1471
+ --ids-data-grid-list-header-color-background: var(--ids-color-neutral-80);
1472
+ --ids-data-grid-list-header-color-text: var(--ids-color-neutral-30);
1473
+ --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-neutral-40);
1474
+ --ids-data-grid-list-header-color-icon-sorted: var(--ids-color-neutral-20);
1475
+ --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-neutral-40);
1476
+ --ids-data-grid-header-color-border: var(--ids-color-neutral-80);
1477
+ --ids-data-grid-header-color-background-default: var(--ids-color-neutral-20);
1478
+ --ids-data-grid-header-hover-background-color: var(--ids-color-neutral-30);
1479
+ --ids-data-grid-header-checkbox-color-border: var(--ids-color-neutral-100);
1480
+ --ids-data-grid-header-checkbox-color-background: transparent;
1481
+ --ids-data-grid-header-color-icon: var(--ids-color-neutral-100);
1482
+ --ids-data-grid-header-color-background-placeholder-dragging: var(--ids-color-neutral-10);
1483
+ --ids-data-grid-header-color-text: var(--ids-color-neutral-100);
1484
+ --ids-data-grid-header-color-icon-unsorted: var(--ids-color-neutral-50);
1485
+ --ids-data-grid-header-color-icon-sorted: var(--ids-color-neutral-100);
1379
1486
  --ids-data-grid-header-expander-color: var(--ids-color-neutral-70);
1380
1487
  --ids-data-grid-header-expander-active-color: var(--ids-color-neutral-100);
1381
- --ids-data-grid-filter-input-border-color: var(--ids-color-neutral-60);
1382
- --ids-data-grid-filter-input-text-color: var(--ids-color-neutral-90);
1383
- --ids-data-grid-filter-input-hover-color: var(--ids-color-neutral-100);
1384
- --ids-data-grid-filter-input-focus-color: var(--ids-color-azure-50);
1385
- --ids-data-grid-filter-input-disabled-border-color: var(--ids-color-neutral-40);
1386
- --ids-data-grid-filter-input-disabled-text-color: var(--ids-color-neutral-40);
1387
- --ids-data-grid-filter-input-readonly-background-color: var(--ids-color-neutral-30);
1388
- --ids-data-grid-filter-input-readonly-border-color: var(--ids-color-neutral-40);
1389
- --ids-data-grid-filter-input-readonly-text-color: var(--ids-color-neutral-90);
1390
- --ids-data-grid-filter-input-placeholder-text-color: var(--ids-color-neutral-40);
1391
- --ids-data-grid-row-selected-background-color: rgba(85 163 243 / 0.12);
1392
- --ids-data-grid-row-alternate-background-color: var(--ids-color-neutral-80);
1393
- --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);
1394
- --ids-date-picker-picklist-background-color: var(--ids-color-neutral-70);
1395
- --ids-date-picker-picklist-item-focus-border-color: var(--ids-color-primary-40);
1396
- --ids-date-picker-picklist-item-selected-background-color: var(--ids-color-primary-40);
1397
- --ids-date-picker-popup-button-today-text-color: var(--ids-color-primary-40);
1398
- --ids-date-picker-picklist-separator-background-color: var(--ids-color-neutral-50);
1399
- --ids-dirty-indicator-background-color: var(--ids-color-amber-40);
1400
- --ids-drawer-action-sheet-background-color: var(--ids-color-neutral-90);
1401
- --ids-drawer-action-sheet-text-color: var(--ids-color-neutral-10);
1402
- --ids-drawer-app-menu-background-color: var(--ids-color-neutral-90);
1403
- --ids-drawer-app-menu-text-color: var(--ids-color-neutral-10);
1404
- --ids-dropdown-background-color: var(--ids-popup-background-color);
1405
- --ids-dropdown-border-color: var(--ids-focus-border-color);
1406
- --ids-dropdown-attached-border-color: var(--ids-color-neutral-50);
1407
- --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);
1408
- --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);
1409
- --ids-dropdown-icon-color: var(--ids-color-neutral-10);
1410
- --ids-dropdown-typeahead-background-color: var(--ids-color-neutral-30);
1411
- --ids-dropdown-text-color: var(--ids-color-neutral-00);
1412
- --ids-dropdown-hover-background-color: var(--ids-color-neutral-90);
1413
- --ids-dropdown-group-text-color: var(--ids-color-neutral-20);
1414
- --ids-dropdown-group-border-color: var(--ids-color-neutral-50);
1488
+ --ids-data-grid-filter-input-color-border-default: var(--ids-color-neutral-60);
1489
+ --ids-data-grid-filter-input-color-text-default: var(--ids-color-neutral-90);
1490
+ --ids-data-grid-filter-input-color-background-hover: var(--ids-color-neutral-100);
1491
+ --ids-data-grid-filter-input-color-border-focus: var(--ids-color-azure-50);
1492
+ --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-neutral-40);
1493
+ --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-neutral-40);
1494
+ --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-neutral-30);
1495
+ --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-neutral-40);
1496
+ --ids-data-grid-filter-input-color-text-readonly: var(--ids-color-neutral-90);
1497
+ --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-neutral-40);
1498
+ --ids-data-grid-row-color-background-selected: rgba(85 163 243 / 0.12);
1499
+ --ids-data-grid-row-alternating-color-background: var(--ids-color-neutral-80);
1500
+ --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);
1501
+ --ids-date-picker-color-background: var(--ids-color-neutral-70);
1502
+ --ids-date-picker-item-color-border-focus: var(--ids-color-primary-40);
1503
+ --ids-date-picker-picklist-item-color-background-selected: var(--ids-color-primary-40);
1504
+ --ids-date-picker-popup-button-today-color-text: var(--ids-color-primary-40);
1505
+ --ids-date-picker-picklist-separator-color-background: var(--ids-color-neutral-50);
1506
+ --ids-input-dirty-indicator-color-background-dirty: var(--ids-color-amber-40);
1507
+ --ids-drawer-action-sheet-color-background: var(--ids-color-neutral-90);
1508
+ --ids-drawer-action-sheet-color-text: var(--ids-color-neutral-10);
1509
+ --ids-drawer-app-menu-color-background: var(--ids-color-neutral-90);
1510
+ --ids-drawer-app-menu-color-text: var(--ids-color-neutral-10);
1511
+ --ids-dropdown-color-background-default: var(--ids-popup-color-background);
1512
+ --ids-dropdown-color-border: var(--ids-color-border-focus);
1513
+ --ids-dropdown-attached-color-border: var(--ids-color-neutral-50);
1514
+ --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);
1515
+ --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);
1516
+ --ids-dropdown-color-icon: var(--ids-color-neutral-10);
1517
+ --ids-dropdown-typeahead-color-background: var(--ids-color-neutral-30);
1518
+ --ids-dropdown-color-text-default: var(--ids-color-neutral-00);
1519
+ --ids-dropdown-color-background-hover: var(--ids-color-neutral-90);
1520
+ --ids-dropdown-group-color-text: var(--ids-color-neutral-20);
1521
+ --ids-dropdown-group-color-border: var(--ids-color-neutral-50);
1415
1522
  --ids-editor-background-color: var(--ids-color-neutral-100);
1416
- --ids-editor-border-color: var(--ids-color-neutral-40);
1417
- --ids-editor-hover-border-color: var(--ids-color-neutral-10);
1418
- --ids-editor-readonly-background-color: var(--ids-color-neutral-70);
1419
- --ids-editor-readonly-border-color: var(--ids-color-neutral-40);
1420
- --ids-editor-readonly-source-line-numbers-background-color: var(--ids-color-neutral-90);
1421
- --ids-editor-disabled-border-color: var(--ids-text-color-disabled);
1422
- --ids-editor-disabled-text-color: var(--ids-text-color-disabled);
1423
- --ids-editor-link-text-color: var(--ids-color-primary-40);
1424
- --ids-editor-link-hover-text-color: var(--ids-color-primary-60);
1425
- --ids-editor-link-focus-border-color: var(--ids-color-primary);
1426
- --ids-editor-link-focus-box-shadow: var(--ids-focus-box-shadow);
1427
- --ids-editor-source-line-numbers-background-color: var(--ids-color-neutral-80);
1428
- --ids-editor-source-line-numbers-text-color: var(--ids-color-neutral-40);
1429
- --ids-editor-source-textarea-text-color: var(--ids-text-color-data);
1523
+ --ids-editor-color-border-default: var(--ids-color-neutral-40);
1524
+ --ids-editor-color-border-hover: var(--ids-color-neutral-10);
1525
+ --ids-editor-color-background-readonly: var(--ids-color-neutral-70);
1526
+ --ids-editor-color-border-readonly: var(--ids-color-neutral-40);
1527
+ --ids-editor-source-color-background-readonly: var(--ids-color-neutral-90);
1528
+ --ids-editor-color-border-disabled: var(--ids-color-text-disabled);
1529
+ --ids-editor-color-text-disabled: var(--ids-color-text-disabled);
1530
+ --ids-editor-link-color-text-link: var(--ids-color-primary-40);
1531
+ --ids-editor-link-color-text-hover: var(--ids-color-primary-60);
1532
+ --ids-editor-link-color-border-focus: var(--ids-color-primary);
1533
+ --ids-editor-shadow-focus: var(--ids-shadow-focus);
1534
+ --ids-editor-source-color-background-default: var(--ids-color-neutral-80);
1535
+ --ids-editor-source-line-color-text: var(--ids-color-neutral-40);
1536
+ --ids-editor-source-color-text: var(--ids-color-text-data);
1430
1537
  --ids-expandable-area-border-bottom: 1px solid var(--ids-color-neutral-50);
1431
1538
  --ids-empty-message-icon-color: var(--ids-color-neutral-60);
1432
- --ids-empty-message-icon-fill: transparent;
1433
- --ids-header-background-color: var(--ids-color-primary);
1434
- --ids-header-gradient-opaque: rgb(0 114 237 / 1);
1435
- --ids-header-gradient-transparent: rgb(0 114 237 / 0);
1436
- --ids-hierarchy-item-leaf-border-color: var(--ids-color-neutral-70);
1437
- --ids-hierarchy-item-leaf-inside-background-color: var(--ids-color-neutral-100);
1438
- --ids-hierarchy-item-leaf-inside-box-shadow: 0 0 8px rgb(0 0 0 / 0.7);
1439
- --ids-hierarchy-item-selected-leaf-box-shadow: 0 0 0 5px rgba(141 201 230 / 0.3);
1440
- --ids-hyperlink-text-color: var(--ids-color-primary-40);
1441
- --ids-hyperlink-hover-text-color: var(--ids-color-primary-60);
1442
- --ids-hyperlink-disabled-text-color: var(--ids-color-neutral-50);
1443
- --ids-icon-color: var(--ids-color-neutral-20);
1444
- --ids-icon-color-disabled: var(--ids-text-color-disabled);
1445
- --ids-input-background-color: transparent;
1446
- --ids-input-border-color: var(--ids-color-neutral-40);
1447
- --ids-input-text-color: var(--ids-text-color-data);
1448
- --ids-input-label-text-color: var(--ids-text-color-label);
1449
- --ids-input-readonly-border-color: var(--ids-color-neutral-40);
1450
- --ids-input-readonly-text-color: var(--ids-text-color-data);
1451
- --ids-input-readonly-background-color: var(--ids-color-neutral-70);
1452
- --ids-input-disabled-text-color: var(--ids-text-color-disabled);
1453
- --ids-input-disabled-border-color: var(--ids-text-color-disabled);
1454
- --ids-input-hover-border-color: var(--ids-color-neutral-10);
1455
- --ids-input-focus-border-color: var(--ids-focus-border-color);
1456
- --ids-layout-grid-fill-background-color: var(--ids-color-neutral-70);
1457
- --ids-layout-grid-fill-text-color: var(--ids-text-color);
1458
- --ids-list-view-item-background-color: var(--ids-color-neutral-90);
1459
- --ids-list-view-item-border-top-color: var(--ids-color-neutral-70);
1460
- --ids-list-view-item-focus-border-color: var(--ids-color-azure-70);
1461
- --ids-list-view-item-focus-box-shadow: none;
1462
- --ids-list-view-item-disabled-text-color: var(--ids-color-neutral-50);
1463
- --ids-list-view-item-disabled-focus-border-top-color: var(--ids-color-neutral-70);
1464
- --ids-list-view-item-disabled-badge-background-color: var(--ids-color-neutral-70);
1465
- --ids-list-view-item-disabled-badge-border-color: var(--ids-color-neutral-80);
1466
- --ids-list-view-item-disabled-badge-text-color: var(--ids-color-neutral-40);
1467
- --ids-list-view-item-disabled-link-text-color: var(--ids-color-neutral-40);
1468
- --ids-list-view-selectable-item-selected-background-color: var(--ids-color-azure-100);
1469
- --ids-loading-indicator-overall-color: var(--ids-color-neutral-80);
1470
- --ids-loading-indicator-primary-progress-stroke: var(--ids-color-neutral-80);
1471
- --ids-loading-indicator-primary-overall-stroke: var(--ids-color-neutral-50);
1472
- --ids-loading-indicator-primary-destructive-overall-stroke: var(--ids-color-error-20);
1473
- --ids-loading-indicator-tertiary-destructive-progress-stroke: var(--ids-color-error-70);
1474
- --ids-loading-indicator-tertiary-destructive-overall-stroke: var(--ids-color-error-30);
1475
- --ids-masthead-background-color: var(--ids-color-neutral-80);
1476
- --ids-masthead-text-color: var(--ids-color-neutral-10);
1477
- --ids-modal-background-color: var(--ids-popup-background-color);
1478
- --ids-modal-border-color: var(--ids-popup-border-color);
1479
- --ids-modal-box-shadow: var(--ids-popup-menu-box-shadow);
1480
- --ids-modal-footer-border-color: var(--ids-color-neutral-50);
1481
- --ids-modal-button-color: var(--ids-color-azure-40);
1482
- --ids-modal-button-hover-color: var(--ids-color-azure-30);
1483
- --ids-modal-button-focus-box-shadow: 0 0 3px 1px var(--ids-color-azure-30);
1484
- --ids-menu-header-text-color: var(--ids-color-neutral-00);
1485
- --ids-menu-item-disabled-text-color: var(--ids-color-neutral-50);
1539
+ --ids-empty-message-color-icon-fill: transparent;
1540
+ --ids-header-color-border-bottom: var(--ids-color-neutral-80);
1541
+ --ids-header-color-background: var(--ids-color-neutral-90);
1542
+ --ids-header-gradient-opacity-none: rgb(0 114 237 / 1);
1543
+ --ids-header-gradient-opacity-full: rgb(0 114 237 / 0);
1544
+ --ids-hierarchy-item-leaf-color-border: var(--ids-color-neutral-70);
1545
+ --ids-hierarchy-item-color-background: var(--ids-color-neutral-100);
1546
+ --ids-hierarchy-item-leaf-inside-shadow: 0 0 8px rgb(0 0 0 / 0.7);
1547
+ --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(141 201 230 / 0.3);
1548
+ --ids-homepage-color-background-default: var(--ids-color-neutral-100);
1549
+ --ids-hyperlink-color-text-default: var(--ids-color-primary-40);
1550
+ --ids-hyperlink-color-text-hover: var(--ids-color-primary-60);
1551
+ --ids-hyperlink-color-text-disabled: var(--ids-color-neutral-50);
1552
+ --ids-hyperlink-box-icon-color-text-default: var(--ids-color-amethyst-50);
1553
+ --ids-hyperlink-box-color-text-default: var(--ids-color-neutral-40);
1554
+ --ids-hyperlink-box-color-border-default: var(--ids-color-neutral-70);
1555
+ --ids-icon-color-default: var(--ids-color-neutral-20);
1556
+ --ids-icon-color-default-disabled: var(--ids-color-text-disabled);
1557
+ --ids-icon-status-color-ruby-color-background: transparent;
1558
+ --ids-icon-status-color-amber-color-background: transparent;
1559
+ --ids-icon-status-color-emerald-color-background: transparent;
1560
+ --ids-icon-status-color-azure-color-background: transparent;
1561
+ --ids-icon-status-color-turquoise-color-background: transparent;
1562
+ --ids-icon-status-color-amethyst-color-background: transparent;
1563
+ --ids-icon-status-color-neutral-color-background: transparent;
1564
+ --ids-icon-status-color-error-color-background: transparent;
1565
+ --ids-icon-status-color-warning-color-background: transparent;
1566
+ --ids-icon-status-color-success-color-background: transparent;
1567
+ --ids-icon-status-color-alert-color-background: transparent;
1568
+ --ids-icon-status-color-info-color-background: transparent;
1569
+ --ids-input-color-background-default: transparent;
1570
+ --ids-input-color-border-default: var(--ids-color-neutral-40);
1571
+ --ids-input-color-text: var(--ids-color-text-data);
1572
+ --ids-input-label-color-text-default: var(--ids-color-text-label);
1573
+ --ids-input-color-border-readonly: var(--ids-color-neutral-40);
1574
+ --ids-input-color-text-readonly: var(--ids-color-text-data);
1575
+ --ids-input-color-background-readonly: var(--ids-color-neutral-70);
1576
+ --ids-input-color-text-disabled: var(--ids-color-text-disabled);
1577
+ --ids-input-color-border-disabled: var(--ids-color-text-disabled);
1578
+ --ids-input-color-border-hover: var(--ids-color-neutral-10);
1579
+ --ids-input-color-border-focus: var(--ids-color-border-focus);
1580
+ --ids-layout-grid-color-background: var(--ids-color-neutral-70);
1581
+ --ids-layout-grid-color-text: var(--ids-color-text);
1582
+ --ids-link-list-title-color-text-default: var(--ids-color-neutral-10);
1583
+ --ids-list-view-item-color-background-default: var(--ids-color-neutral-90);
1584
+ --ids-list-view-item-color-border-top: var(--ids-color-neutral-70);
1585
+ --ids-list-view-item-color-border-focus: var(--ids-color-azure-70);
1586
+ --ids-list-view-item-shadow-focus: none;
1587
+ --ids-list-view-item-color-text-disabled: var(--ids-color-neutral-50);
1588
+ --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-neutral-70);
1589
+ --ids-list-view-item-color-background-disabled: var(--ids-color-neutral-70);
1590
+ --ids-list-view-item-color-border-disabled: var(--ids-color-neutral-80);
1591
+ --ids-list-view-item-badge-color-text-disabled: var(--ids-color-neutral-40);
1592
+ --ids-list-view-item-color-text-link-disabled: var(--ids-color-neutral-40);
1593
+ --ids-list-view-color-background-selected: var(--ids-color-azure-100);
1594
+ --ids-loading-indicator-circle-color: var(--ids-color-neutral-80);
1595
+ --ids-loading-indicator-primary-progress-color-border: var(--ids-color-neutral-80);
1596
+ --ids-loading-indicator-primary-color-border: var(--ids-color-neutral-50);
1597
+ --ids-loading-indicator-primary-destructive-overall-color-border: var(--ids-color-error-20);
1598
+ --ids-loading-indicator-destructive-progress-color-border: var(--ids-color-error-70);
1599
+ --ids-loading-indicator-tertiary-destructive-color-border: var(--ids-color-error-30);
1600
+ --ids-masthead-color-background: var(--ids-color-neutral-80);
1601
+ --ids-masthead-color-text: var(--ids-color-neutral-10);
1602
+ --ids-modal-color-background: var(--ids-popup-color-background);
1603
+ --ids-modal-color-border: var(--ids-popup-color-border);
1604
+ --ids-modal-shadow-default: var(--ids-popup-menu-shadow-default);
1605
+ --ids-modal-footer-color-border: var(--ids-color-neutral-50);
1606
+ --ids-modal-button-color-default: var(--ids-color-azure-40);
1607
+ --ids-modal-button-color-hover: var(--ids-color-azure-30);
1608
+ --ids-modal-shadow-focus: 0 0 3px 1px var(--ids-color-azure-30);
1609
+ --ids-menu-header-color-text: var(--ids-color-neutral-00);
1610
+ --ids-menu-item-color-text-disabled: var(--ids-color-neutral-50);
1486
1611
  --ids-menu-item-highlight-color: var(--ids-color-neutral-80);
1487
- --ids-menu-item-text-color: var(--ids-color-neutral-00);
1488
- --ids-menu-check-color: var(--ids-color-azure-60);
1489
- --ids-popup-background-color: var(--ids-color-neutral-70);
1490
- --ids-popup-border-color: var(--ids-color-neutral-50);
1491
- --ids-popup-box-shadow: 0 2px 5px rgb(239 239 240 / 0.2);
1492
- --ids-popup-menu-text-color: var(--ids-color-neutral-00);
1493
- --ids-popup-menu-inverse-background-color: var(--ids-color-neutral-00);
1494
- --ids-popup-menu-inverse-border-color: var(--ids-color-neutral-30);
1495
- --ids-popup-menu-inverse-box-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
1496
- --ids-popup-menu-inverse-text-color: var(--ids-color-neutral-10);
1497
- --ids-month-view-background-color: var(--ids-color-neutral-80);
1498
- --ids-month-view-border-color: var(--ids-color-neutral-70);
1499
- --ids-month-view-disabled-background-color: var(--ids-color-neutral-100);
1500
- --ids-month-view-text-color: var(--ids-color-neutral-30);
1501
- --ids-month-view-weekday-text-color: var(--ids-month-view-text-color);
1502
- --ids-month-view-day-alternate-text-color: var(--ids-color-neutral-50);
1503
- --ids-month-view-day-hover-background-color: rgb(49 50 54 / 0.2);
1504
- --ids-month-view-day-selected-background-color: var(--ids-color-neutral-70);
1505
- --ids-month-view-day-selected-accent-box-shadow-color: var(--ids-color-azure-60);
1506
- --ids-month-view-compact-day-selected-background-color: var(--ids-color-azure-60);
1507
- --ids-month-view-compact-weekday-text-color: var(--ids-month-view-text-color);
1508
- --ids-month-view-compact-alternate-text-color: var(--ids-color-neutral-50);
1509
- --ids-month-view-compact-day-hover-text-color: var(--ids-color-neutral-00);
1510
- --ids-month-view-compact-range-selected-background-color: var(--ids-color-azure-60);
1511
- --ids-pie-chart-text-fill: var(--ids-color-neutral-30);
1512
- --ids-progress-bar-disabled-text-color: var(--ids-text-color-disabled);
1513
- --ids-progress-bar-disabled-background-color: var(--ids-color-neutral-70);
1514
- --ids-progress-bar-border-color: var(--ids-color-neutral-40);
1515
- --ids-progress-bar-border: 1px solid var(--ids-progress-bar-border-color);
1516
- --ids-progress-bar-fill-background-color: var(--ids-color-primary);
1517
- --ids-progress-bar-label-text-color: var(--ids-text-color-label);
1518
- --ids-progress-chart-labels-text-color: var(--ids-color-neutral-30);
1519
- --ids-progress-chart-bar-total-background-color: var(--ids-color-neutral-50);
1520
- --ids-progress-chart-bar-progress-background-color: var(--ids-color-azure-60);
1521
- --ids-process-indicator-primary-color: var(--ids-color-azure-70);
1522
- --ids-process-indicator-active-color: var(--ids-color-azure-70);
1523
- --ids-process-indicator-cancelled-step-background-color: var(--ids-color-error-50);
1524
- --ids-process-indicator-cancelled-step-icon-color: var(--ids-color-neutral-00);
1525
- --ids-radio-checked-background-color: var(--ids-color-azure-60);
1526
- --ids-radio-checked-border-color: var(--ids-color-azure-60);
1527
- --ids-radio-checked-inner-background-color: var(--ids-color-neutral-00);
1528
- --ids-required-background-color: var(--ids-color-error-60);
1529
- --ids-scroll-view-button-icon-color: var(--ids-color-neutral-40);
1530
- --ids-scroll-view-button-selected-icon-color: var(--ids-color-azure-60);
1531
- --ids-searchfield-card-text-color: var(--ids-text-color);
1532
- --ids-searchfield-card-background-color: var(--ids-color-neutral-80);
1533
- --ids-searchfield-header-background-color: var(--ids-color-neutral-100);
1534
- --ids-searchfield-header-text-color: var(--ids-text-color);
1535
- --ids-searchfield-header-icon-color: var(--ids-color-neutral-10);
1536
- --ids-separator-background-color: var(--ids-color-neutral-50);
1537
- --ids-separator-alternate-background-color: var(--ids-color-neutral-70);
1538
- --ids-slider-tick-background-color: var(--ids-color-azure-60);
1539
- --ids-slider-thumb-background-color: var(--ids-color-azure-60);
1540
- --ids-slider-thumb-shadow-border-color: var(--ids-color-azure-60);
1541
- --ids-slider-track-background-color: var(--ids-color-neutral-70);
1542
- --ids-slider-track-progress-background-color: var(--ids-color-azure-60);
1543
- --ids-slider-tooltip-background-color: var(--ids-color-neutral-00);
1544
- --ids-slider-tooltip-text-color: var(--ids-color-neutral-100);
1545
- --ids-slider-disabled-color: var(--ids-color-neutral-20);
1546
- --ids-slider-disabled-tick-background-color: var(--ids-color-neutral-40);
1547
- --ids-slider-disabled-thumb-background-color: var(--ids-color-neutral-40);
1548
- --ids-slider-disabled-track-background-color: var(--ids-color-neutral-50);
1549
- --ids-slider-disabled-track-progress-background-color: var(--ids-color-neutral-40);
1550
- --ids-slider-readonly-color: var(--ids-color-neutral-20);
1551
- --ids-slider-readonly-tick-background-color: var(--ids-color-neutral-40);
1552
- --ids-slider-readonly-thumb-background-color: var(--ids-color-neutral-40);
1553
- --ids-slider-readonly-thumb-shadow-background-color: rgba(151 151 155 / 0.1);
1554
- --ids-slider-readonly-thumb-shadow-border-color: var(--ids-color-neutral-40);
1555
- --ids-slider-readonly-track-background-color: var(--ids-color-neutral-70);
1556
- --ids-slider-readonly-track-progress-background-color: var(--ids-color-neutral-40);
1557
- --ids-splitter-bar-dragging-background-color: var(--ids-color-neutral-70);
1558
- --ids-splitter-bar-hover-background-color: var(--ids-color-neutral-70);
1559
- --ids-step-chart-step-background-color: var(--ids-color-neutral-70);
1560
- --ids-step-chart-step-completed-background-color: var(--ids-color-azure-60);
1561
- --ids-swappable-item-hover-background-color: var(--ids-color-neutral-60);
1562
- --ids-swappable-item-selected-background-color: var(--ids-color-azure-60);
1612
+ --ids-menu-item-color-text-default: var(--ids-color-neutral-00);
1613
+ --ids-menu-check-color-default: var(--ids-color-azure-60);
1614
+ --ids-popup-color-background: var(--ids-color-neutral-70);
1615
+ --ids-popup-color-border: var(--ids-color-neutral-50);
1616
+ --ids-popup-shadow: 0 2px 5px rgb(239 239 240 / 0.2);
1617
+ --ids-popup-menu-color-text-default: var(--ids-color-neutral-00);
1618
+ --ids-popup-menu-color-background-inverse: var(--ids-color-neutral-00);
1619
+ --ids-popup-menu-color-border-inverse: var(--ids-color-neutral-30);
1620
+ --ids-popup-menu-shadow-inverse: 0 2px 5px rgba(0 0 0 / 0.2);
1621
+ --ids-popup-menu-color-text-inverse: var(--ids-color-neutral-10);
1622
+ --ids-calendar-month-view-color-background-default: var(--ids-color-neutral-80);
1623
+ --ids-calendar-month-view-color-border: var(--ids-color-neutral-70);
1624
+ --ids-calendar-month-view-color-background-disabled: var(--ids-color-neutral-100);
1625
+ --ids-calendar-month-view-color-text-default: var(--ids-color-neutral-30);
1626
+ --ids-calendar-month-view-weekday-color-text: var(--ids-calendar-month-view-color-text-default);
1627
+ --ids-calendar-month-view-color-text-alternate: var(--ids-color-neutral-50);
1628
+ --ids-calendar-month-view-color-background-hover: rgb(49 50 54 / 0.2);
1629
+ --ids-calendar-month-view-color-background-selected: var(--ids-color-neutral-70);
1630
+ --ids-calendar-month-view-color-selected: var(--ids-color-azure-60);
1631
+ --ids-calendar-month-view-day-color-background-compact-selected: var(--ids-color-azure-60);
1632
+ --ids-calendar-month-view-weekday-color-text-compact: var(--ids-calendar-month-view-color-text-default);
1633
+ --ids-calendar-month-view-color-text-compact: var(--ids-color-neutral-50);
1634
+ --ids-calendar-month-view-weekday-color-text-compact-hover: var(--ids-color-neutral-00);
1635
+ --ids-calendar-month-view-range-color-background-compact-selected: var(--ids-color-azure-60);
1636
+ --ids-chart-pie-color-text: var(--ids-color-neutral-30);
1637
+ --ids-progress-bar-color-text-disabled: var(--ids-color-text-disabled);
1638
+ --ids-progress-bar-color-background-disabled: var(--ids-color-neutral-70);
1639
+ --ids-progress-bar-color-border: var(--ids-color-neutral-40);
1640
+ --ids-progress-bar-border: 1px solid var(--ids-progress-bar-color-border);
1641
+ --ids-progress-bar-fill-color-background: var(--ids-color-azure-60);
1642
+ --ids-progress-bar-label-color-text: var(--ids-color-text-label);
1643
+ --ids-progress-chart-label-color-text: var(--ids-color-neutral-30);
1644
+ --ids-progress-chart-total-color-background: var(--ids-color-neutral-50);
1645
+ --ids-progress-chart-bar-progress-color-background: var(--ids-color-azure-60);
1646
+ --ids-process-indicator-color-primary: var(--ids-color-azure-70);
1647
+ --ids-process-indicator-color-active: var(--ids-color-azure-70);
1648
+ --ids-process-indicator-canceled-step-color-background: var(--ids-color-error-50);
1649
+ --ids-process-indicator-canceled-step-color-icon: var(--ids-color-neutral-00);
1650
+ --ids-radio-button-color-background-selected: var(--ids-color-azure-60);
1651
+ --ids-radio-button-color-border-selected: var(--ids-color-azure-60);
1652
+ --ids-radio-button-inner-color-background-selected: var(--ids-color-neutral-00);
1653
+ --ids-input-required-indicator-color-text-default: var(--ids-color-error-60);
1654
+ --ids-scroll-view-color-icon-default: var(--ids-color-neutral-40);
1655
+ --ids-scroll-view-color-icon-selected: var(--ids-color-azure-60);
1656
+ --ids-search-field-card-color-text: var(--ids-color-text);
1657
+ --ids-search-field-card-color-background: var(--ids-color-neutral-80);
1658
+ --ids-search-field-header-color-background: var(--ids-color-neutral-100);
1659
+ --ids-search-field-header-color-text: var(--ids-color-text);
1660
+ --ids-search-field-header-color-icon-default: var(--ids-color-neutral-10);
1661
+ --ids-separator-color-background: var(--ids-color-neutral-50);
1662
+ --ids-separator-alternate-color-background: var(--ids-color-neutral-70);
1663
+ --ids-slider-tick-color-background-default: var(--ids-color-azure-60);
1664
+ --ids-slider-thumb-color-background-default: var(--ids-color-azure-60);
1665
+ --ids-slider-thumb-color-border-default: var(--ids-color-azure-60);
1666
+ --ids-slider-track-color-background-default: var(--ids-color-neutral-70);
1667
+ --ids-slider-track-color-background-progress: var(--ids-color-azure-60);
1668
+ --ids-slider-tooltip-color-background: var(--ids-color-neutral-00);
1669
+ --ids-slider-tooltip-color-text: var(--ids-color-neutral-100);
1670
+ --ids-slider-color-disabled: var(--ids-color-neutral-20);
1671
+ --ids-slider-tick-color-background-disabled: var(--ids-color-neutral-40);
1672
+ --ids-slider-thumb-color-background-disabled: var(--ids-color-neutral-40);
1673
+ --ids-slider-track-color-background-disabled: var(--ids-color-neutral-50);
1674
+ --ids-slider-track-color-background-progress-disabled: var(--ids-color-neutral-40);
1675
+ --ids-slider-color-readonly: var(--ids-color-neutral-20);
1676
+ --ids-slider-tick-color-background-readonly: var(--ids-color-neutral-40);
1677
+ --ids-slider-thumb-color-background-readonly: var(--ids-color-neutral-40);
1678
+ --ids-slider-thumb-color-shadow-readonly: rgba(151 151 155 / 0.1);
1679
+ --ids-slider-thumb-color-border-readonly: var(--ids-color-neutral-40);
1680
+ --ids-slider-track-color-background-readonly: var(--ids-color-neutral-70);
1681
+ --ids-slider-track-progress-color-background-readonly: var(--ids-color-neutral-40);
1682
+ --ids-splitter-bar-color-border: var(--ids-color-neutral-70);
1683
+ --ids-splitter-bar-color-border-hover: var(--ids-color-neutral-70);
1684
+ --ids-splitter-bar-color-border-dragging: var(--ids-color-azure-30);
1685
+ --ids-splitter-handle-color-background-hover: var(--ids-color-azure-60);
1686
+ --ids-stats-positive-color-text: var(--ids-color-emerald-50);
1687
+ --ids-stats-negative-color-text: var(--ids-color-error-default);
1688
+ --ids-stats-color-text: var(--ids-color-text-label);
1689
+ --ids-stats-kpi-label-color: var(--ids-color-neutral-00);
1690
+ --ids-step-chart-color-background-default: var(--ids-color-neutral-70);
1691
+ --ids-step-chart-color-background-complete: var(--ids-color-azure-60);
1692
+ --ids-swappable-item-color-background-hover: var(--ids-color-neutral-60);
1693
+ --ids-swappable-item-color-background-selected: var(--ids-color-azure-60);
1563
1694
  --ids-swappable-item-over-border: 1px dashed var(--ids-color-neutral-30);
1564
- --ids-swaplist-toolbar-button-hover-background-color: var(--ids-color-neutral-70);
1565
- --ids-swipe-action-left-background-color: var(--ids-color-neutral-60);
1566
- --ids-swipe-action-left-text-color: var(--ids-color-neutral-00);
1567
- --ids-swipe-action-right-background-color: var(--ids-color-azure-50);
1568
- --ids-swipe-action-right-text-color: var(--ids-color-neutral-00);
1569
- --ids-switch-pole-off-background-color: var(--ids-color-neutral-40);
1570
- --ids-switch-toggle-off-background-color: var(--ids-color-neutral-00);
1571
- --ids-switch-toggle-off-border-color: var(--ids-input-border-color);
1572
- --ids-switch-pole-on-background-color: var(--ids-color-primary-30);
1573
- --ids-switch-toggle-on-background-color: var(--ids-color-primary-60);
1574
- --ids-switch-toggle-on-border-color: var(--ids-color-primary-60);
1575
- --ids-switch-pole-off-disabled-background-color: var(--ids-color-neutral-60);
1576
- --ids-switch-toggle-off-disabled-background-color: var(--ids-color-neutral-70);
1577
- --ids-switch-toggle-off-disabled-border-color: var(--ids-color-neutral-60);
1578
- --ids-switch-pole-on-disabled-background-color: var(--ids-color-primary-20);
1579
- --ids-switch-toggle-on-disabled-background-color: var(--ids-color-primary-30);
1580
- --ids-switch-toggle-on-disabled-border-color: var(--ids-color-primary-30);
1581
- --ids-switch-toggle-hover-background-color: var(--ids-color-neutral-30);
1582
- --ids-switch-toggle-focus-box-shadow: 0 0 0 3px var(--ids-color-azure-90), 0 0 0 4px var(--ids-color-azure-60);
1583
- --ids-tab-content-text-color: var(--ids-text-color);
1584
- --ids-tab-hover-text-color: var(--ids-color-neutral-00);
1585
- --ids-tab-hover-background-color: var(--ids-color-neutral-60);
1586
- --ids-tab-focus-background-color: var(--ids-body-background-color);
1587
- --ids-tab-selected-text-color: var(--ids-color-azure-40);
1588
- --ids-tab-disabled-text-color: var(--ids-color-neutral-60);
1589
- --ids-tab-module-background-color: var(--ids-color-neutral-70);
1590
- --ids-tab-module-border-right-color: var(--ids-color-azure-100);
1591
- --ids-tab-module-text-color: var(--ids-color-azure-10);
1592
- --ids-tab-module-hover-background-color: var(--ids-color-neutral-100);
1593
- --ids-tab-module-hover-text-color: var(--ids-color-neutral-00);
1594
- --ids-tab-module-selected-background-color: var(--ids-color-neutral-60);
1595
- --ids-tab-module-disabled-background-color: var(--ids-color-neutral-50);
1596
- --ids-tab-module-disabled-text-color: var(--ids-color-neutral-30);
1597
- --ids-tag-background-color: var(--ids-input-readonly-background-color);
1598
- --ids-tag-border-color: var(--ids-input-readonly-background-color);
1599
- --ids-tag-border-radius: var(--ids-border-radius-lg);
1600
- --ids-tag-text-color: var(--ids-input-text-color);
1601
- --ids-tag-font-size: var(--ids-font-size-sm);
1602
- --ids-tag-icon-hover-color: var(--ids-input-hover-border-color);
1603
- --ids-tag-secondary-background-color: var(--ids-input-background-color);
1604
- --ids-tag-secondary-border-color: var(--ids-input-border-color);
1605
- --ids-tag-disabled-text-color: var(--ids-color-neutral-40);
1606
- --ids-tag-secondary-disabled-text-color: var(--ids-color-neutral-50);
1607
- --ids-textarea-background-color: transparent;
1608
- --ids-textarea-disabled-background-color: transparent;
1609
- --ids-textarea-disabled-border-color: var(--ids-color-neutral-60);
1610
- --ids-textarea-disabled-text-color: var(--ids-color-neutral-60);
1611
- --ids-textarea-error-border-color: var(--ids-color-error-50);
1612
- --ids-textarea-hover-border-color: var(--ids-color-neutral-40);
1613
- --ids-textarea-readonly-background-color: var(--ids-color-neutral-70);
1614
- --ids-textarea-readonly-border-color: var(--ids-color-neutral-40);
1615
- --ids-textarea-readonly-text-color: var(--ids-color-neutral-10);
1616
- --ids-textarea-text-color: var(--ids-color-neutral-00);
1617
- --ids-time-picker-popup-background-color: var(--ids-color-neutral-80);
1618
- --ids-time-picker-popup-colons-text-color: var(--ids-color-neutral-30);
1619
- --ids-time-picker-popup-button-border-color: var(--ids-color-neutral-50);
1620
- --ids-time-picker-popup-button-hover-text-color: var(--ids-color-azure-20);
1621
- --ids-time-picker-popup-button-text-color: var(--ids-color-azure-30);
1622
- --ids-toast-background-color: var(--ids-color-neutral-70);
1623
- --ids-toast-border-color: var(--ids-color-neutral-50);
1624
- --ids-toast-text-color: var(--ids-color-neutral-00);
1625
- --ids-toast-progress-background-color: var(--ids-progress-bar-fill-background-color);
1626
- --ids-tooltip-background-color: var(--ids-color-neutral-00);
1627
- --ids-tooltip-text-color: var(--ids-color-neutral-100);
1628
- --ids-tooltip-box-shadow: 0 2px 5px rgb(239 239 240 / 0.4);
1629
- --ids-toolbar-formatter-background-color: var(--ids-color-neutral-20);
1695
+ --ids-swaplist-button-color-background-hover: var(--ids-color-neutral-70);
1696
+ --ids-swipe-action-color-background-left: var(--ids-color-neutral-60);
1697
+ --ids-swipe-action-color-text-left: var(--ids-color-neutral-00);
1698
+ --ids-swipe-action-color-background-right: var(--ids-color-azure-50);
1699
+ --ids-swipe-action-color-text-right: var(--ids-color-neutral-00);
1700
+ --ids-switch-pole-color-background-default: var(--ids-color-neutral-40);
1701
+ --ids-switch-toggle-color-background-default: var(--ids-color-neutral-00);
1702
+ --ids-switch-toggle-color-border-default: var(--ids-input-color-border-default);
1703
+ --ids-switch-pole-color-background-selected: var(--ids-color-primary-30);
1704
+ --ids-switch-toggle-color-background-selected: var(--ids-color-primary-60);
1705
+ --ids-switch-toggle-color-border-selected: var(--ids-color-primary-60);
1706
+ --ids-switch-pole-color-background-disabled: var(--ids-color-neutral-60);
1707
+ --ids-switch-toggle-color-background-disabled: var(--ids-color-neutral-70);
1708
+ --ids-switch-toggle-color-border-disabled: var(--ids-color-neutral-60);
1709
+ --ids-switch-pole-color-background-selected-disabled: var(--ids-color-primary-20);
1710
+ --ids-switch-toggle-color-background-selected-disabled: var(--ids-color-primary-30);
1711
+ --ids-switch-toggle-color-border-selected-disabled: var(--ids-color-primary-30);
1712
+ --ids-switch-toggle-color-background-hover: var(--ids-color-neutral-30);
1713
+ --ids-switch-toggle-shadow-focus: 0 0 0 3px var(--ids-color-azure-90), 0 0 0 4px var(--ids-color-azure-60);
1714
+ --ids-tab-content-color-text: var(--ids-color-text);
1715
+ --ids-tab-color-text-hover: var(--ids-color-neutral-00);
1716
+ --ids-tab-color-background-hover: var(--ids-color-neutral-60);
1717
+ --ids-tab-color-background-focus: var(--ids-color-background-default);
1718
+ --ids-tab-color-border-focus: var(--ids-color-neutral-00);
1719
+ --ids-tab-color-text-selected: var(--ids-color-neutral-00);
1720
+ --ids-tab-color-text-disabled: var(--ids-color-neutral-60);
1721
+ --ids-tab-color-border-bottom: var(--ids-color-neutral-70);
1722
+ --ids-tab-header-color-background-hover: var(--ids-color-neutral-90);
1723
+ --ids-tab-vertical-color-background-default: var(--ids-color-neutral-70);
1724
+ --ids-tab-vertical-color-text-default: var(--ids-color-neutral-00);
1725
+ --ids-tab-vertical-color-background-hover: var(--ids-color-neutral-90);
1726
+ --ids-tab-vertical-color-background-selected: var(--ids-color-neutral-80);
1727
+ --ids-tab-vertical-color-text-selected: var(--ids-color-neutral-00);
1728
+ --ids-tab-vertical-color-text-hover: var(--ids-color-neutral-00);
1729
+ --ids-tab-vertical-color-background-disabled: var(--ids-color-neutral-60);
1730
+ --ids-tab-vertical-color-text-disabled: var(--ids-color-neutral-50);
1731
+ --ids-tab-module-color-background-default: var(--ids-color-neutral-60);
1732
+ --ids-tab-module-color-border-right: var(--ids-color-neutral-80);
1733
+ --ids-tab-module-color-text-default: var(--ids-color-neutral-10);
1734
+ --ids-tab-module-color-background-hover: var(--ids-color-neutral-90);
1735
+ --ids-tab-module-color-text-hover: var(--ids-color-neutral-00);
1736
+ --ids-tab-module-color-background-selected: var(--ids-color-neutral-70);
1737
+ --ids-tab-module-color-text-selected: var(--ids-color-neutral-00);
1738
+ --ids-tab-module-color-background-disabled: var(--ids-color-neutral-60);
1739
+ --ids-tab-module-color-text-disabled: var(--ids-color-neutral-40);
1740
+ --ids-tag-color-background-default: var(--ids-input-color-background-readonly);
1741
+ --ids-tag-color-border: var(--ids-input-color-background-readonly);
1742
+ --ids-tag-border-radius: var(--ids-border-radius-04);
1743
+ --ids-tag-color-text-default: var(--ids-input-color-text);
1744
+ --ids-tag-font-size-default: var(--ids-font-size-30);
1745
+ --ids-tag-color-icon-hover: var(--ids-input-color-border-hover);
1746
+ --ids-tag-secondary-color-background: var(--ids-input-color-background-default);
1747
+ --ids-tag-secondary-color-border: var(--ids-input-color-border-default);
1748
+ --ids-tag-color-text-disabled: var(--ids-color-neutral-40);
1749
+ --ids-tag-secondary-color-text-disabled: var(--ids-color-neutral-50);
1750
+ --ids-textarea-color-background-default: transparent;
1751
+ --ids-textarea-color-background-disabled: transparent;
1752
+ --ids-textarea-color-border-disabled: var(--ids-color-neutral-60);
1753
+ --ids-textarea-color-text-disabled: var(--ids-color-neutral-60);
1754
+ --ids-textarea-color-border-error-default: var(--ids-color-error-50);
1755
+ --ids-textarea-color-border-hover: var(--ids-color-neutral-40);
1756
+ --ids-textarea-color-background-readonly: var(--ids-color-neutral-70);
1757
+ --ids-textarea-color-border-readonly: var(--ids-color-neutral-40);
1758
+ --ids-textarea-color-text-readonly: var(--ids-color-neutral-10);
1759
+ --ids-textarea-color-text-default: var(--ids-color-neutral-00);
1760
+ --ids-time-picker-popup-color-background: var(--ids-color-neutral-80);
1761
+ --ids-time-picker-popup-colons-color-text: var(--ids-color-neutral-30);
1762
+ --ids-time-picker-popup-button-color-border: var(--ids-color-neutral-50);
1763
+ --ids-time-picker-popup-button-color-text-hover: var(--ids-color-azure-20);
1764
+ --ids-time-picker-popup-button-color-text-default: var(--ids-color-azure-30);
1765
+ --ids-toast-color-background: var(--ids-color-neutral-70);
1766
+ --ids-toast-color-border: var(--ids-color-neutral-50);
1767
+ --ids-toast-color-text: var(--ids-color-neutral-00);
1768
+ --ids-toast-progress-color-background: var(--ids-progress-bar-fill-color-background);
1769
+ --ids-tooltip-color-background: var(--ids-color-neutral-00);
1770
+ --ids-tooltip-color-text: var(--ids-color-neutral-100);
1771
+ --ids-tooltip-shadow: 0 2px 5px rgb(239 239 240 / 0.4);
1772
+ --ids-toolbar-formatter-color-background: var(--ids-color-neutral-20);
1630
1773
  --ids-trigger-field-icon-color: var(--ids-color-neutral-30);
1631
- --ids-tree-node-disabled-text-color: var(--ids-color-neutral-50);
1632
- --ids-tree-node-focus-border-color: var(--ids-color-azure-60);
1633
- --ids-tree-node-hover-text-color: var(--ids-color-neutral-00);
1634
- --ids-tree-node-selected-background-color: var(--ids-color-neutral-60);
1635
- --ids-tree-node-selected-text-color: var(--ids-color-neutral-00);
1636
- --ids-tree-node-text-color: var(--ids-color-neutral-30);
1637
- --ids-treemap-stroke-color: var(--ids-color-neutral-90);
1638
- --ids-treemap-title-background-color: var(--ids-color-neutral-30);
1639
- --ids-treemap-title-text-color: var(--ids-color-neutral-100);
1640
- --ids-upload-advanced-background-color: var(--ids-color-neutral-70);
1641
- --ids-upload-advanced-disabled-background-color: var(--ids-color-neutral-70);
1642
- --ids-upload-advanced-disabled-border-color: var(--ids-color-neutral-50);
1643
- --ids-upload-advanced-dragenter-background-color: var(--ids-color-neutral-80);
1644
- --ids-upload-advanced-dragenter-border-color: var(--ids-color-azure-60);
1645
- --ids-upload-advanced-hover-background-color: var(--ids-color-neutral-60);
1646
- --ids-upload-advanced-hover-border-color: var(--ids-color-neutral-40);
1647
- --ids-upload-advanced-hover-text-color: var(--ids-color-neutral-20);
1648
- --ids-upload-advanced-hyperlink-box-focus-shadow: var(--ids-box-shadow-lg);
1649
- --ids-upload-advanced-hyperlink-focus-border-color: var(--ids-color-primary);
1650
- --ids-upload-advanced-label-text-color: var(--ids-color-neutral-30);
1651
- --ids-upload-advanced-text-color: var(--ids-color-neutral-20);
1652
- --ids-week-view-border-color: var(--ids-color-neutral-70);
1653
- --ids-week-view-row-odd-border-color: var(--ids-color-neutral-80);
1654
- --ids-wizard-step-color: var(--ids-color-primary-40);
1655
- --ids-wizard-unvisited-step-color: var(--ids-color-neutral-40);
1774
+ --ids-tree-node-color-text-disabled: var(--ids-color-neutral-50);
1775
+ --ids-tree-node-color-border-focus: var(--ids-color-azure-60);
1776
+ --ids-tree-node-color-text-hover: var(--ids-color-neutral-00);
1777
+ --ids-tree-node-color-background-selected: var(--ids-color-neutral-60);
1778
+ --ids-tree-node-color-text-selected: var(--ids-color-neutral-00);
1779
+ --ids-tree-node-color-text-default: var(--ids-color-neutral-30);
1780
+ --ids-tree-treemap-color-border: var(--ids-color-neutral-90);
1781
+ --ids-tree-treemap-title-color-background: var(--ids-color-neutral-30);
1782
+ --ids-tree-treemap-title-color-text: var(--ids-color-neutral-100);
1783
+ --ids-upload-advanced-color-background-default: var(--ids-color-neutral-70);
1784
+ --ids-upload-advanced-color-background-disabled: var(--ids-color-neutral-70);
1785
+ --ids-upload-advanced-color-border-disabled: var(--ids-color-neutral-50);
1786
+ --ids-upload-advanced-color-background-drag-enter: var(--ids-color-neutral-80);
1787
+ --ids-upload-advanced-color-border-drag-enter: var(--ids-color-azure-60);
1788
+ --ids-upload-advanced-color-background-hover: var(--ids-color-neutral-60);
1789
+ --ids-upload-advanced-color-border-hover: var(--ids-color-neutral-40);
1790
+ --ids-upload-advanced-color-text-hover: var(--ids-color-neutral-20);
1791
+ --ids-upload-advanced-hyperlink-box-focus-shadow: var(--ids-shadow-30);
1792
+ --ids-upload-advanced-color-border-focus: var(--ids-color-primary);
1793
+ --ids-upload-advanced-label-color-text: var(--ids-color-neutral-30);
1794
+ --ids-upload-advanced-color-text-default: var(--ids-color-neutral-20);
1795
+ --ids-week-view-color-border: var(--ids-color-neutral-70);
1796
+ --ids-week-view-row-odd-color-border: var(--ids-color-neutral-80);
1797
+ --ids-widget-header-title-color: var(--ids-color-neutral-10);
1798
+ --ids-widget-color-border-hover: var(--ids-color-neutral-60);
1799
+ --ids-widget-color-shadow-hover: 0 2px 4px 1px rgba(0 0 0 / 0.15);
1800
+ --ids-widget-search-field-color-background: var(--ids-color-neutral-80);
1801
+ --ids-wizard-step-color-default: var(--ids-color-primary-40);
1802
+ --ids-wizard-step-color-unvisited: var(--ids-color-neutral-40);
1656
1803
  }