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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (673) hide show
  1. package/README.md +24 -3
  2. package/chunks/{ids-chunk-IQBJWG7X.js → ids-chunk-26RFTKBH.js} +25 -26
  3. package/chunks/{ids-chunk-6WR4WVTO.js → ids-chunk-2HJWXBLG.js} +1 -1
  4. package/chunks/{ids-chunk-YU2I4MHS.js → ids-chunk-2WNWFTXI.js} +3 -3
  5. package/chunks/{ids-chunk-HT4HOREV.js → ids-chunk-34TUNV43.js} +1 -1
  6. package/chunks/{ids-chunk-4Y4BRYZL.js → ids-chunk-3BGYNGOR.js} +9 -9
  7. package/chunks/ids-chunk-3PGV47W6.js +88 -0
  8. package/chunks/{ids-chunk-4UDMP6KJ.js → ids-chunk-447AM6DR.js} +19 -19
  9. package/chunks/{ids-chunk-WAX2G2B2.js → ids-chunk-44CLLQBZ.js} +1 -1
  10. package/chunks/{ids-chunk-RLKHPYT2.js → ids-chunk-4BWOGG6Q.js} +1 -1
  11. package/chunks/{ids-chunk-A76DDHWI.js → ids-chunk-4GM3LG4T.js} +1 -1
  12. package/chunks/{ids-chunk-L7UQRKY2.js → ids-chunk-4IBDFGSR.js} +22 -23
  13. package/chunks/{ids-chunk-6XCOPQLH.js → ids-chunk-4LNK4CO7.js} +1 -1
  14. package/chunks/{ids-chunk-3PABHGXP.js → ids-chunk-4LOG7J7O.js} +1 -1
  15. package/chunks/{ids-chunk-P2D5GQOV.js → ids-chunk-4OICKBUW.js} +18 -18
  16. package/chunks/{ids-chunk-VKONCQ6O.js → ids-chunk-4TL64355.js} +1 -1
  17. package/chunks/{ids-chunk-IUQDTAVW.js → ids-chunk-4W3JMIJK.js} +1 -1
  18. package/chunks/ids-chunk-53YDS742.js +1206 -0
  19. package/chunks/{ids-chunk-RTUKNVUC.js → ids-chunk-5M5P5FA6.js} +17 -17
  20. package/chunks/{ids-chunk-YKXR5BK4.js → ids-chunk-5OKDI6GX.js} +79 -79
  21. package/chunks/{ids-chunk-FY732MLA.js → ids-chunk-5RRSUJN3.js} +176 -176
  22. package/chunks/{ids-chunk-TWD4QGAE.js → ids-chunk-5RZZF5O6.js} +47 -47
  23. package/chunks/{ids-chunk-SDY66MPI.js → ids-chunk-5X5DDUEV.js} +3 -3
  24. package/chunks/{ids-chunk-UYV4P3JF.js → ids-chunk-5YNJJUQD.js} +1 -1
  25. package/chunks/{ids-chunk-SX4GQSL4.js → ids-chunk-5YYDVQ4X.js} +10 -10
  26. package/chunks/{ids-chunk-K6SC5G6F.js → ids-chunk-63KQ42SL.js} +33 -33
  27. package/chunks/{ids-chunk-PL6TH5G5.js → ids-chunk-6A46ZPUZ.js} +16 -16
  28. package/chunks/{ids-chunk-6HHXSMJS.js → ids-chunk-6CZ65SPZ.js} +26 -26
  29. package/chunks/{ids-chunk-VIRH6Q35.js → ids-chunk-6HMLGUKG.js} +4 -4
  30. package/chunks/{ids-chunk-ILL3AE5R.js → ids-chunk-6I35WZF4.js} +1 -1
  31. package/chunks/{ids-chunk-KSFNE7CV.js → ids-chunk-6LVLQ2YT.js} +1 -1
  32. package/chunks/{ids-chunk-5WUJ7UVF.js → ids-chunk-6OUSID5G.js} +1 -1
  33. package/chunks/{ids-chunk-P3LFWF2P.js → ids-chunk-6QEU7B7L.js} +16 -34
  34. package/chunks/{ids-chunk-2XRFIR3A.js → ids-chunk-76T4JL6Y.js} +10 -10
  35. package/chunks/{ids-chunk-DVFMODVX.js → ids-chunk-7EXP6QYN.js} +22 -22
  36. package/chunks/{ids-chunk-USQXUCDZ.js → ids-chunk-7FCCB57Y.js} +1 -1
  37. package/chunks/{ids-chunk-SEIJVLB6.js → ids-chunk-7JFFU6WU.js} +1 -1
  38. package/chunks/{ids-chunk-RRDUYFQZ.js → ids-chunk-7VBHZNXY.js} +7 -7
  39. package/chunks/{ids-chunk-FSAS2D6N.js → ids-chunk-AH3EWHPX.js} +10 -10
  40. package/chunks/{ids-chunk-YS37TBDI.js → ids-chunk-AKCO43TX.js} +1 -1
  41. package/chunks/{ids-chunk-AFC5IRWG.js → ids-chunk-ALUGTEMX.js} +2 -2
  42. package/chunks/{ids-chunk-BBMHS2QQ.js → ids-chunk-ALW4Z42L.js} +18 -18
  43. package/chunks/{ids-chunk-LAAB742O.js → ids-chunk-AQUKFERQ.js} +20 -20
  44. package/chunks/{ids-chunk-T73LTJDA.js → ids-chunk-AS4KRYKC.js} +5 -5
  45. package/chunks/{ids-chunk-BI2YOST6.js → ids-chunk-AVANRDI5.js} +17 -17
  46. package/chunks/{ids-chunk-WREXTGQ5.js → ids-chunk-B7EKWEQK.js} +1 -1
  47. package/chunks/{ids-chunk-LTH7CZ6Q.js → ids-chunk-BCOXBCEI.js} +5 -5
  48. package/chunks/{ids-chunk-2CQJZS6V.js → ids-chunk-BED7CQHG.js} +3 -3
  49. package/chunks/{ids-chunk-VBGN2CRQ.js → ids-chunk-BGMGLI6R.js} +1 -1
  50. package/chunks/{ids-chunk-W7LEXJSD.js → ids-chunk-BJJNT5OH.js} +1 -1
  51. package/chunks/{ids-chunk-NGLLCXSP.js → ids-chunk-BKX2FFE5.js} +74 -74
  52. package/chunks/{ids-chunk-CSQCJF6Y.js → ids-chunk-BR3VSAU6.js} +2 -2
  53. package/chunks/{ids-chunk-CXTPP7VC.js → ids-chunk-C6WXP2TC.js} +1 -1
  54. package/chunks/{ids-chunk-2DKKXQX3.js → ids-chunk-CAVNYL6M.js} +17 -17
  55. package/chunks/{ids-chunk-PJGUY65T.js → ids-chunk-CDJP26HF.js} +16 -16
  56. package/chunks/{ids-chunk-LMFBCGVT.js → ids-chunk-CHZE3ZRX.js} +29 -29
  57. package/chunks/{ids-chunk-LU7S3KBE.js → ids-chunk-CN5QGFLE.js} +1 -1
  58. package/chunks/{ids-chunk-LH2TWUML.js → ids-chunk-CVI4EKNS.js} +2 -2
  59. package/chunks/{ids-chunk-MZUE6M7Z.js → ids-chunk-D4JC6QF5.js} +1 -1
  60. package/chunks/{ids-chunk-EVCI4WMT.js → ids-chunk-D5QL7Z2W.js} +1 -1
  61. package/chunks/{ids-chunk-BQNSGN27.js → ids-chunk-DF3OTTVT.js} +1 -1
  62. package/chunks/{ids-chunk-Q6YDMB2A.js → ids-chunk-DHQCPTJO.js} +1 -1
  63. package/chunks/{ids-chunk-36LHNWPP.js → ids-chunk-DWBZCNU5.js} +4 -4
  64. package/chunks/{ids-chunk-7RHRY75G.js → ids-chunk-DYHOVRV6.js} +2 -2
  65. package/chunks/{ids-chunk-OCX72AHL.js → ids-chunk-DYJJYVFP.js} +1 -1
  66. package/chunks/{ids-chunk-SMIULO4X.js → ids-chunk-E2RRN5KD.js} +48 -48
  67. package/chunks/{ids-chunk-2NN3ZJ6Q.js → ids-chunk-EQJWBFQ2.js} +1 -1
  68. package/chunks/{ids-chunk-BLAZNZRF.js → ids-chunk-EYVKWIJH.js} +1 -1
  69. package/chunks/ids-chunk-F2CB527H.js +111 -0
  70. package/chunks/{ids-chunk-MH4P6OJT.js → ids-chunk-F4DULBMC.js} +19 -19
  71. package/chunks/{ids-chunk-C4LW4BRH.js → ids-chunk-FCDTCE3H.js} +1 -1
  72. package/chunks/{ids-chunk-MYKNXGMC.js → ids-chunk-FK75W3GS.js} +186 -186
  73. package/chunks/ids-chunk-FLNMEIIT.js +52 -0
  74. package/chunks/{ids-chunk-IADGPFIU.js → ids-chunk-FNIC2UVQ.js} +14 -14
  75. package/chunks/{ids-chunk-PPT7GJXK.js → ids-chunk-FNQOMIVI.js} +1 -1
  76. package/chunks/{ids-chunk-YX3ZJXK2.js → ids-chunk-G4CONOHZ.js} +16 -16
  77. package/chunks/{ids-chunk-JGVE246R.js → ids-chunk-G4EPNT7L.js} +160 -160
  78. package/chunks/{ids-chunk-WPEV3C6S.js → ids-chunk-G5LBR5MN.js} +6 -6
  79. package/chunks/ids-chunk-GFV2Z7F5.js +1 -0
  80. package/chunks/{ids-chunk-25UZ5ODJ.js → ids-chunk-GIDJN4GO.js} +3 -3
  81. package/chunks/{ids-chunk-YZWNIZAV.js → ids-chunk-GKMQ5DXK.js} +21 -21
  82. package/chunks/{ids-chunk-NQTSEY5I.js → ids-chunk-GRYAIPTC.js} +3 -3
  83. package/chunks/{ids-chunk-R5YGFEAN.js → ids-chunk-GUNX4KFT.js} +1 -1
  84. package/chunks/{ids-chunk-HX7DR6BS.js → ids-chunk-H6LIZCQQ.js} +1 -1
  85. package/chunks/{ids-chunk-GIC5SPNZ.js → ids-chunk-H6VK2AA6.js} +1 -1
  86. package/chunks/{ids-chunk-K3RPKHU2.js → ids-chunk-HFBRCKFE.js} +1 -1
  87. package/chunks/{ids-chunk-EF7Q7E5L.js → ids-chunk-HNJ6KURO.js} +2 -2
  88. package/chunks/{ids-chunk-AGYAUIKW.js → ids-chunk-I2COW2SQ.js} +1 -1
  89. package/chunks/{ids-chunk-TPLRKVBR.js → ids-chunk-I4KVLUTU.js} +1 -1
  90. package/chunks/{ids-chunk-DA3A255R.js → ids-chunk-I4X4TCX4.js} +14 -14
  91. package/chunks/ids-chunk-IHD62SUD.js +18 -0
  92. package/chunks/{ids-chunk-W2CAJ2LX.js → ids-chunk-IIRFBNE4.js} +4 -4
  93. package/chunks/{ids-chunk-BXRJMYH7.js → ids-chunk-ILIAJ2QR.js} +1 -2
  94. package/chunks/ids-chunk-IO3I24S4.js +223 -0
  95. package/chunks/{ids-chunk-X7PEAGE3.js → ids-chunk-IQCS7PAW.js} +1 -1
  96. package/chunks/{ids-chunk-H6OYE4DR.js → ids-chunk-J3OLORFB.js} +1 -1
  97. package/chunks/{ids-chunk-OMVLELNC.js → ids-chunk-J565MLKD.js} +4 -4
  98. package/chunks/{ids-chunk-S42ANKPY.js → ids-chunk-JDQNIHED.js} +10 -10
  99. package/chunks/{ids-chunk-DGXUDQQ7.js → ids-chunk-JFKV62UG.js} +10 -10
  100. package/chunks/{ids-chunk-A6ZOIVJF.js → ids-chunk-JG4CRV2F.js} +11 -11
  101. package/chunks/{ids-chunk-QRMSWOB2.js → ids-chunk-JPY3IPZ2.js} +1 -1
  102. package/chunks/{ids-chunk-JE4DL2PP.js → ids-chunk-JS3ZKE4F.js} +1 -1
  103. package/chunks/{ids-chunk-NOZIDPCE.js → ids-chunk-JS5OI342.js} +1 -1
  104. package/chunks/{ids-chunk-TZJMQQB5.js → ids-chunk-JVYXZYTR.js} +6 -6
  105. package/chunks/{ids-chunk-QGYZJQT6.js → ids-chunk-KA4WAP4K.js} +1 -1
  106. package/chunks/{ids-chunk-367AJCHD.js → ids-chunk-KFIQ3AIC.js} +1 -1
  107. package/chunks/{ids-chunk-H2ESTTQV.js → ids-chunk-KXLOXEBI.js} +4 -4
  108. package/chunks/{ids-chunk-SUVBHASO.js → ids-chunk-LCCMDCGB.js} +24 -25
  109. package/chunks/{ids-chunk-34TUCVE2.js → ids-chunk-LGNOF76L.js} +22 -22
  110. package/chunks/{ids-chunk-43NIX57R.js → ids-chunk-LMOUEXCV.js} +1 -1
  111. package/chunks/{ids-chunk-OI3V5ZMR.js → ids-chunk-M2BHOD5L.js} +13 -13
  112. package/chunks/ids-chunk-MAULHKDE.js +1 -0
  113. package/chunks/{ids-chunk-UAUE2CSS.js → ids-chunk-MSRQMMH6.js} +1 -1
  114. package/chunks/{ids-chunk-U266Z2MU.js → ids-chunk-MSYACQFI.js} +1 -1
  115. package/chunks/{ids-chunk-E6HASPY3.js → ids-chunk-MXF6BWDM.js} +10 -10
  116. package/chunks/ids-chunk-N2URJP3K.js +26 -0
  117. package/chunks/{ids-chunk-X5HHVE4J.js → ids-chunk-N7RNTKMO.js} +1 -1
  118. package/chunks/{ids-chunk-S3M2MLOD.js → ids-chunk-NK2ZM7ZI.js} +1 -1
  119. package/chunks/ids-chunk-NOZTNI7R.js +14 -0
  120. package/chunks/{ids-chunk-MF67HEE6.js → ids-chunk-NZCEAEO7.js} +9 -9
  121. package/chunks/{ids-chunk-UXOESE2B.js → ids-chunk-NZGHOKVC.js} +1 -1
  122. package/chunks/{ids-chunk-LXYTBRXE.js → ids-chunk-O2YDDBEC.js} +12 -12
  123. package/chunks/{ids-chunk-4NYT2ZBL.js → ids-chunk-O3RQ3LS2.js} +23 -23
  124. package/chunks/{ids-chunk-OWCI3V54.js → ids-chunk-O7XLQ5DJ.js} +39 -39
  125. package/chunks/{ids-chunk-6CC2YTLI.js → ids-chunk-ODC5DL7H.js} +4 -4
  126. package/chunks/{ids-chunk-HOVVSXBS.js → ids-chunk-ODHPNF7J.js} +40 -40
  127. package/chunks/{ids-chunk-WWN6C3DG.js → ids-chunk-OHTSFY5B.js} +1 -1
  128. package/chunks/ids-chunk-OIS6KGMU.js +1 -0
  129. package/chunks/{ids-chunk-UL53WS2G.js → ids-chunk-OMSBILYP.js} +28 -28
  130. package/chunks/{ids-chunk-N6J46CDW.js → ids-chunk-OS6AOX2T.js} +1 -1
  131. package/chunks/{ids-chunk-E347QZGX.js → ids-chunk-OT673YJQ.js} +12 -12
  132. package/chunks/{ids-chunk-3XDDGBZE.js → ids-chunk-OX5EA55S.js} +1 -1
  133. package/chunks/{ids-chunk-ASL6EZGQ.js → ids-chunk-OXHZRMDC.js} +1 -1
  134. package/chunks/{ids-chunk-QXHTM37J.js → ids-chunk-P3FQXAUX.js} +8 -3
  135. package/chunks/{ids-chunk-52DWIKRP.js → ids-chunk-P5M4VNZ4.js} +3 -3
  136. package/chunks/{ids-chunk-WGYBEZ5R.js → ids-chunk-P6WNOQZC.js} +1 -1
  137. package/chunks/{ids-chunk-QUXOQUFT.js → ids-chunk-PAACSDLE.js} +1 -1
  138. package/chunks/{ids-chunk-EMRJ5H4S.js → ids-chunk-PE6ORWIR.js} +1 -1
  139. package/chunks/ids-chunk-PONSGIYW.js +102 -0
  140. package/chunks/{ids-chunk-4VS5BNP3.js → ids-chunk-PRXC2XOK.js} +1 -1
  141. package/chunks/{ids-chunk-TLYMQSUY.js → ids-chunk-PUDF7IR7.js} +11 -11
  142. package/chunks/{ids-chunk-LJATRMPV.js → ids-chunk-PUWUN5N4.js} +1 -1
  143. package/chunks/{ids-chunk-ETPDURX4.js → ids-chunk-Q7CXBJRE.js} +39 -41
  144. package/chunks/{ids-chunk-3AKJFKYX.js → ids-chunk-QKTTVJUN.js} +1 -1
  145. package/chunks/ids-chunk-QPDOZZIG.js +1 -0
  146. package/chunks/{ids-chunk-P2FFFWZL.js → ids-chunk-RDPSYQJI.js} +1 -1
  147. package/chunks/{ids-chunk-SDG3VSXS.js → ids-chunk-RFUVLFMD.js} +1 -1
  148. package/chunks/{ids-chunk-WMXE3J2K.js → ids-chunk-RJZAFU5M.js} +171 -171
  149. package/chunks/{ids-chunk-OIRG76OL.js → ids-chunk-RRSHSZ55.js} +1 -1
  150. package/chunks/{ids-chunk-C4BLSPJY.js → ids-chunk-RWRI7D3C.js} +22 -22
  151. package/chunks/{ids-chunk-YWQWAWKA.js → ids-chunk-RZESIOE7.js} +1 -1
  152. package/chunks/{ids-chunk-GEUKKHEG.js → ids-chunk-SAJMBUOQ.js} +9 -9
  153. package/chunks/{ids-chunk-CA7WSO53.js → ids-chunk-SEZJIM5Z.js} +1 -1
  154. package/chunks/{ids-chunk-IHPIPTZC.js → ids-chunk-SGPLDHSR.js} +1 -1
  155. package/chunks/{ids-chunk-EOPENUE2.js → ids-chunk-SKAA25HZ.js} +1 -1
  156. package/chunks/{ids-chunk-ATUXA72Z.js → ids-chunk-SNCMORIV.js} +1 -1
  157. package/chunks/{ids-chunk-4KKY3I27.js → ids-chunk-SV7K7WJP.js} +162 -162
  158. package/chunks/ids-chunk-T6ZG7KNF.js +1 -0
  159. package/chunks/{ids-chunk-JQXYHNEV.js → ids-chunk-TZI4AWYL.js} +1 -1
  160. package/chunks/{ids-chunk-OAOSLNJT.js → ids-chunk-US3UFH47.js} +191 -191
  161. package/chunks/{ids-chunk-QEFDWP2M.js → ids-chunk-US6CN4JP.js} +65 -65
  162. package/chunks/{ids-chunk-ZHYOU3QW.js → ids-chunk-UV7FAVD2.js} +1 -1
  163. package/chunks/{ids-chunk-VZYWIHMU.js → ids-chunk-UWN65FXL.js} +1 -1
  164. package/chunks/{ids-chunk-UE6KINFT.js → ids-chunk-UWUR4MQD.js} +11 -11
  165. package/chunks/{ids-chunk-MSZGF2V7.js → ids-chunk-V25MGCID.js} +159 -159
  166. package/chunks/{ids-chunk-2VMN2PAL.js → ids-chunk-V5QDF5RT.js} +1 -1
  167. package/chunks/{ids-chunk-ZNLFCLFJ.js → ids-chunk-V7RUAMZG.js} +7 -7
  168. package/chunks/{ids-chunk-6IERICJN.js → ids-chunk-VAK534CV.js} +14 -14
  169. package/chunks/{ids-chunk-NPY263FI.js → ids-chunk-VCWUBLPL.js} +2 -2
  170. package/chunks/ids-chunk-VSA2T3GU.js +113 -0
  171. package/chunks/{ids-chunk-GD7I4Q2L.js → ids-chunk-VSDBW2YP.js} +1 -1
  172. package/chunks/{ids-chunk-YZHR5JP2.js → ids-chunk-VYPX2VLX.js} +1 -1
  173. package/chunks/{ids-chunk-VZKGISMA.js → ids-chunk-W2FX3JGX.js} +18 -18
  174. package/chunks/{ids-chunk-7VNHKDYO.js → ids-chunk-W3QVRFML.js} +69 -69
  175. package/chunks/{ids-chunk-ZXDVUHSP.js → ids-chunk-W57NCNIP.js} +5 -5
  176. package/chunks/{ids-chunk-SANGBPYY.js → ids-chunk-WDFJ6LQU.js} +1 -1
  177. package/chunks/{ids-chunk-DFQRXICA.js → ids-chunk-WGF76AHI.js} +1 -1
  178. package/chunks/{ids-chunk-3VZAZNKV.js → ids-chunk-WSLP3ZMG.js} +1 -1
  179. package/chunks/{ids-chunk-WZGR56YT.js → ids-chunk-XBDRFWTV.js} +1 -1
  180. package/chunks/{ids-chunk-IAHZUGND.js → ids-chunk-XDOP7ZEW.js} +33 -33
  181. package/chunks/{ids-chunk-CZ53WDSC.js → ids-chunk-XJYYJTLB.js} +5 -5
  182. package/chunks/{ids-chunk-IGFZNIFL.js → ids-chunk-XRNL7W52.js} +1 -1
  183. package/chunks/ids-chunk-XUBQJWA7.js +1 -0
  184. package/chunks/{ids-chunk-U5OAYQJF.js → ids-chunk-XW6JU6VN.js} +1 -1
  185. package/chunks/{ids-chunk-3OHNRD7P.js → ids-chunk-XYYOEU7V.js} +8 -8
  186. package/chunks/{ids-chunk-42MNDDP4.js → ids-chunk-Y7TX2UKL.js} +31 -31
  187. package/chunks/{ids-chunk-NKERXKF7.js → ids-chunk-YLUCUABO.js} +36 -36
  188. package/chunks/{ids-chunk-P3LAR6X5.js → ids-chunk-YOW7TP7H.js} +1 -1
  189. package/chunks/{ids-chunk-MTQNGZCM.js → ids-chunk-YUQBDMWW.js} +11 -11
  190. package/chunks/{ids-chunk-ORBJOUUM.js → ids-chunk-YXHOBTS7.js} +1 -1
  191. package/chunks/{ids-chunk-OJLVOWNJ.js → ids-chunk-YZO37FF2.js} +2 -2
  192. package/chunks/{ids-chunk-VSXEX4EM.js → ids-chunk-Z4LLT2TE.js} +1 -1
  193. package/chunks/{ids-chunk-WEQ4YYN2.js → ids-chunk-ZAP2PW36.js} +1 -1
  194. package/chunks/{ids-chunk-VSNQ2QMS.js → ids-chunk-ZDZH37C6.js} +26 -26
  195. package/chunks/{ids-chunk-2PGTSIMO.js → ids-chunk-ZHZIH5LT.js} +17 -17
  196. package/chunks/ids-chunk-ZIGY2P3N.js +1 -0
  197. package/chunks/{ids-chunk-XZXJLS2V.js → ids-chunk-ZIPVBQHM.js} +1 -1
  198. package/chunks/ids-chunk-ZJBOJP3B.js +11 -0
  199. package/chunks/{ids-chunk-ZIZVHIP3.js → ids-chunk-ZRINGSRL.js} +26 -26
  200. package/components/enterprise-wc.js +1 -1
  201. package/components/ids-about/ids-about.css +15 -15
  202. package/components/ids-about/ids-about.d.ts +1 -0
  203. package/components/ids-about/ids-about.js +1 -1
  204. package/components/ids-accordion/ids-accordion-header.d.ts +2 -0
  205. package/components/ids-accordion/ids-accordion-header.js +1 -1
  206. package/components/ids-accordion/ids-accordion-panel.d.ts +3 -0
  207. package/components/ids-accordion/ids-accordion-panel.js +1 -1
  208. package/components/ids-accordion/ids-accordion.css +134 -39
  209. package/components/ids-accordion/ids-accordion.d.ts +4 -0
  210. package/components/ids-accordion/ids-accordion.js +1 -1
  211. package/components/ids-action-panel/ids-action-panel.css +6 -6
  212. package/components/ids-action-panel/ids-action-panel.js +1 -1
  213. package/components/ids-action-sheet/ids-action-sheet.css +6 -6
  214. package/components/ids-action-sheet/ids-action-sheet.d.ts +1 -0
  215. package/components/ids-action-sheet/ids-action-sheet.js +1 -1
  216. package/components/ids-alert/ids-alert.css +14 -32
  217. package/components/ids-alert/ids-alert.d.ts +2 -0
  218. package/components/ids-alert/ids-alert.js +1 -1
  219. package/components/ids-app-menu/ids-app-menu.css +15 -15
  220. package/components/ids-app-menu/ids-app-menu.d.ts +1 -0
  221. package/components/ids-app-menu/ids-app-menu.js +1 -1
  222. package/components/ids-area-chart/ids-area-chart.css +38 -40
  223. package/components/ids-area-chart/ids-area-chart.js +1 -1
  224. package/components/ids-axis-chart/ids-axis-chart.css +18 -19
  225. package/components/ids-axis-chart/ids-axis-chart.d.ts +4 -0
  226. package/components/ids-axis-chart/ids-axis-chart.js +1 -1
  227. package/components/ids-axis-chart/ids-chart-colors.js +1 -1
  228. package/components/ids-badge/ids-badge.css +25 -25
  229. package/components/ids-badge/ids-badge.d.ts +1 -0
  230. package/components/ids-badge/ids-badge.js +1 -1
  231. package/components/ids-bar-chart/ids-bar-chart.css +18 -19
  232. package/components/ids-bar-chart/ids-bar-chart.js +1 -1
  233. package/components/ids-block-grid/ids-block-grid-item.d.ts +3 -0
  234. package/components/ids-block-grid/ids-block-grid-item.js +1 -1
  235. package/components/ids-block-grid/ids-block-grid.css +17 -17
  236. package/components/ids-block-grid/ids-block-grid.d.ts +2 -0
  237. package/components/ids-block-grid/ids-block-grid.js +1 -1
  238. package/components/ids-breadcrumb/ids-breadcrumb.css +18 -18
  239. package/components/ids-breadcrumb/ids-breadcrumb.d.ts +2 -0
  240. package/components/ids-breadcrumb/ids-breadcrumb.js +1 -1
  241. package/components/ids-button/ids-button-common.js +1 -1
  242. package/components/ids-button/ids-button.css +173 -173
  243. package/components/ids-button/ids-button.d.ts +7 -0
  244. package/components/ids-button/ids-button.js +1 -1
  245. package/components/ids-calendar/ids-calendar-event.d.ts +2 -0
  246. package/components/ids-calendar/ids-calendar-event.js +1 -1
  247. package/components/ids-calendar/ids-calendar.css +249 -175
  248. package/components/ids-calendar/ids-calendar.d.ts +4 -0
  249. package/components/ids-calendar/ids-calendar.js +1 -1
  250. package/components/ids-card/ids-card-action.js +1 -1
  251. package/components/ids-card/ids-card.css +12 -12
  252. package/components/ids-card/ids-card.d.ts +3 -0
  253. package/components/ids-card/ids-card.js +1 -1
  254. package/components/ids-checkbox/ids-checkbox.css +64 -64
  255. package/components/ids-checkbox/ids-checkbox.d.ts +6 -0
  256. package/components/ids-checkbox/ids-checkbox.js +1 -1
  257. package/components/ids-checkbox-group/ids-checkbox-group.css +1 -1
  258. package/components/ids-checkbox-group/ids-checkbox-group.d.ts +1 -0
  259. package/components/ids-checkbox-group/ids-checkbox-group.js +1 -1
  260. package/components/ids-color/ids-color.css +2 -2
  261. package/components/ids-color/ids-color.d.ts +2 -0
  262. package/components/ids-color/ids-color.js +1 -1
  263. package/components/ids-color-picker/ids-color-picker.css +157 -157
  264. package/components/ids-color-picker/ids-color-picker.d.ts +7 -0
  265. package/components/ids-color-picker/ids-color-picker.js +1 -1
  266. package/components/ids-container/ids-container.css +50 -10
  267. package/components/ids-container/ids-container.d.ts +3 -0
  268. package/components/ids-container/ids-container.js +1 -1
  269. package/components/ids-counts/ids-counts.css +7 -7
  270. package/components/ids-counts/ids-counts.d.ts +1 -0
  271. package/components/ids-counts/ids-counts.js +1 -1
  272. package/components/ids-data-grid/ids-data-grid-cell.d.ts +8 -0
  273. package/components/ids-data-grid/ids-data-grid-cell.js +1 -1
  274. package/components/ids-data-grid/ids-data-grid-container-arguments.js +1 -1
  275. package/components/ids-data-grid/ids-data-grid-contextmenu.js +1 -1
  276. package/components/ids-data-grid/ids-data-grid-editors.js +1 -1
  277. package/components/ids-data-grid/ids-data-grid-empty-message.js +1 -1
  278. package/components/ids-data-grid/ids-data-grid-filters.js +1 -1
  279. package/components/ids-data-grid/ids-data-grid-formatters.js +1 -1
  280. package/components/ids-data-grid/ids-data-grid-header.d.ts +1 -0
  281. package/components/ids-data-grid/ids-data-grid-header.js +1 -1
  282. package/components/ids-data-grid/ids-data-grid-row.d.ts +5 -0
  283. package/components/ids-data-grid/ids-data-grid-row.js +1 -1
  284. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.d.ts +1 -0
  285. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.js +1 -1
  286. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.d.ts +1 -0
  287. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.js +1 -1
  288. package/components/ids-data-grid/ids-data-grid.css +144 -144
  289. package/components/ids-data-grid/ids-data-grid.d.ts +15 -5
  290. package/components/ids-data-grid/ids-data-grid.js +1 -1
  291. package/components/ids-data-label/ids-data-label.css +4 -4
  292. package/components/ids-data-label/ids-data-label.d.ts +2 -0
  293. package/components/ids-data-label/ids-data-label.js +1 -1
  294. package/components/ids-date-picker/ids-date-picker-common.js +1 -1
  295. package/components/ids-date-picker/ids-date-picker-popup.d.ts +3 -0
  296. package/components/ids-date-picker/ids-date-picker-popup.js +1 -1
  297. package/components/ids-date-picker/ids-date-picker.css +86 -59
  298. package/components/ids-date-picker/ids-date-picker.d.ts +10 -0
  299. package/components/ids-date-picker/ids-date-picker.js +1 -1
  300. package/components/ids-date-picker/ids-month-year-picklist.d.ts +4 -0
  301. package/components/ids-date-picker/ids-month-year-picklist.js +1 -1
  302. package/components/ids-draggable/ids-draggable.d.ts +1 -0
  303. package/components/ids-draggable/ids-draggable.js +1 -1
  304. package/components/ids-drawer/ids-drawer.css +8 -8
  305. package/components/ids-drawer/ids-drawer.d.ts +3 -0
  306. package/components/ids-drawer/ids-drawer.js +1 -1
  307. package/components/ids-dropdown/ids-dropdown-attributes-mixin.d.ts +1 -0
  308. package/components/ids-dropdown/ids-dropdown-attributes-mixin.js +1 -1
  309. package/components/ids-dropdown/ids-dropdown-common.js +1 -1
  310. package/components/ids-dropdown/ids-dropdown-list.d.ts +4 -0
  311. package/components/ids-dropdown/ids-dropdown-list.js +1 -1
  312. package/components/ids-dropdown/ids-dropdown.css +21 -21
  313. package/components/ids-dropdown/ids-dropdown.d.ts +12 -0
  314. package/components/ids-dropdown/ids-dropdown.js +1 -1
  315. package/components/ids-editor/ids-editor-clean-utils.js +1 -1
  316. package/components/ids-editor/ids-editor-handle-paste.js +1 -1
  317. package/components/ids-editor/ids-editor-selection-utils.js +1 -1
  318. package/components/ids-editor/ids-editor-shared.js +1 -1
  319. package/components/ids-editor/ids-editor.css +60 -60
  320. package/components/ids-editor/ids-editor.d.ts +5 -0
  321. package/components/ids-editor/ids-editor.js +1 -1
  322. package/components/ids-empty-message/ids-empty-message.css +2 -2
  323. package/components/ids-empty-message/ids-empty-message.d.ts +1 -0
  324. package/components/ids-empty-message/ids-empty-message.js +1 -1
  325. package/components/ids-error-page/ids-error-page.js +1 -1
  326. package/components/ids-expandable-area/ids-expandable-area.css +11 -11
  327. package/components/ids-expandable-area/ids-expandable-area.d.ts +1 -0
  328. package/components/ids-expandable-area/ids-expandable-area.js +1 -1
  329. package/components/ids-fieldset/ids-fieldset.css +2 -2
  330. package/components/ids-fieldset/ids-fieldset.d.ts +1 -0
  331. package/components/ids-fieldset/ids-fieldset.js +1 -1
  332. package/components/ids-form/ids-form.d.ts +2 -0
  333. package/components/ids-form/ids-form.js +1 -1
  334. package/components/ids-header/ids-header.css +3 -3
  335. package/components/ids-header/ids-header.d.ts +2 -0
  336. package/components/ids-header/ids-header.js +1 -1
  337. package/components/ids-hidden/ids-hidden.js +1 -1
  338. package/components/ids-hierarchy/ids-hierarchy-item.d.ts +2 -0
  339. package/components/ids-hierarchy/ids-hierarchy-item.js +23 -23
  340. package/components/ids-hierarchy/ids-hierarchy-legend-item.d.ts +1 -0
  341. package/components/ids-hierarchy/ids-hierarchy-legend-item.js +9 -9
  342. package/components/ids-hierarchy/ids-hierarchy-legend.js +2 -2
  343. package/components/ids-hierarchy/ids-hierarchy.css +116 -13
  344. package/components/ids-hierarchy/ids-hierarchy.d.ts +1 -0
  345. package/components/ids-hierarchy/ids-hierarchy.js +1 -1
  346. package/components/ids-home-page/ids-home-page.d.ts +2 -0
  347. package/components/ids-home-page/ids-home-page.js +1 -1
  348. package/components/ids-hyperlink/ids-hyperlink.css +24 -24
  349. package/components/ids-hyperlink/ids-hyperlink.d.ts +3 -0
  350. package/components/ids-hyperlink/ids-hyperlink.js +1 -1
  351. package/components/ids-icon/ids-icon.css +12 -12
  352. package/components/ids-icon/ids-icon.d.ts +15 -0
  353. package/components/ids-icon/ids-icon.js +1 -1
  354. package/components/ids-image/ids-image.css +15 -15
  355. package/components/ids-image/ids-image.d.ts +1 -0
  356. package/components/ids-image/ids-image.js +1 -1
  357. package/components/ids-input/ids-autocomplete.d.ts +1 -0
  358. package/components/ids-input/ids-autocomplete.js +1 -1
  359. package/components/ids-input/ids-input.css +154 -154
  360. package/components/ids-input/ids-input.d.ts +13 -0
  361. package/components/ids-input/ids-input.js +1 -1
  362. package/components/ids-layout-flex/ids-layout-flex-item.js +1 -1
  363. package/components/ids-layout-flex/ids-layout-flex.css +384 -1
  364. package/components/ids-layout-flex/ids-layout-flex.js +1 -1
  365. package/components/ids-layout-grid/ids-layout-grid-cell.d.ts +1 -0
  366. package/components/ids-layout-grid/ids-layout-grid-cell.js +1 -1
  367. package/components/ids-layout-grid/ids-layout-grid-common.js +1 -1
  368. package/components/ids-layout-grid/ids-layout-grid.css +9221 -9
  369. package/components/ids-layout-grid/ids-layout-grid.js +1 -1
  370. package/components/ids-line-chart/ids-line-chart.css +20 -21
  371. package/components/ids-line-chart/ids-line-chart.js +1 -1
  372. package/components/ids-list-box/ids-list-box-option.d.ts +2 -0
  373. package/components/ids-list-box/ids-list-box-option.js +1 -1
  374. package/components/ids-list-box/ids-list-box.css +12 -12
  375. package/components/ids-list-box/ids-list-box.js +1 -1
  376. package/components/ids-list-builder/ids-list-builder.css +7 -7
  377. package/components/ids-list-builder/ids-list-builder.js +1 -1
  378. package/components/ids-list-view/ids-list-view-search-mixin.d.ts +1 -0
  379. package/components/ids-list-view/ids-list-view-search-mixin.js +1 -1
  380. package/components/ids-list-view/ids-list-view.css +23 -23
  381. package/components/ids-list-view/ids-list-view.d.ts +7 -1
  382. package/components/ids-list-view/ids-list-view.js +1 -1
  383. package/components/ids-loading-indicator/ids-loading-indicator-attributes.js +1 -1
  384. package/components/ids-loading-indicator/ids-loading-indicator.css +15 -15
  385. package/components/ids-loading-indicator/ids-loading-indicator.d.ts +10 -4
  386. package/components/ids-loading-indicator/ids-loading-indicator.js +1 -1
  387. package/components/ids-locale/ids-locale.js +1 -1
  388. package/components/ids-lookup/ids-lookup.d.ts +8 -0
  389. package/components/ids-lookup/ids-lookup.js +1 -1
  390. package/components/ids-mask/ids-masks.js +1 -1
  391. package/components/ids-masthead/ids-masthead.css +8 -8
  392. package/components/ids-masthead/ids-masthead.d.ts +2 -0
  393. package/components/ids-masthead/ids-masthead.js +1 -1
  394. package/components/ids-menu/ids-menu-group.d.ts +2 -0
  395. package/components/ids-menu/ids-menu-group.js +1 -1
  396. package/components/ids-menu/ids-menu-header.d.ts +1 -0
  397. package/components/ids-menu/ids-menu-header.js +1 -1
  398. package/components/ids-menu/ids-menu-item.d.ts +2 -0
  399. package/components/ids-menu/ids-menu-item.js +1 -1
  400. package/components/ids-menu/ids-menu.css +295 -5
  401. package/components/ids-menu/ids-menu.d.ts +2 -0
  402. package/components/ids-menu/ids-menu.js +1 -1
  403. package/components/ids-menu-button/ids-menu-button-attributes.js +1 -1
  404. package/components/ids-menu-button/ids-menu-button.js +1 -1
  405. package/components/ids-message/ids-message-attributes.js +1 -1
  406. package/components/ids-message/ids-message.css +9 -12
  407. package/components/ids-message/ids-message.js +1 -1
  408. package/components/ids-modal/ids-modal.d.ts +21 -0
  409. package/components/ids-modal/ids-modal.js +1 -1
  410. package/components/ids-modal/ids-overlay.d.ts +1 -0
  411. package/components/ids-modal/ids-overlay.js +1 -1
  412. package/components/ids-modal-button/ids-modal-button.js +1 -1
  413. package/components/ids-month-view/ids-month-view-attribute-mixin.d.ts +1 -0
  414. package/components/ids-month-view/ids-month-view-attribute-mixin.js +1 -1
  415. package/components/ids-month-view/ids-month-view.css +27 -27
  416. package/components/ids-month-view/ids-month-view.d.ts +5 -0
  417. package/components/ids-month-view/ids-month-view.js +1 -1
  418. package/components/ids-multiselect/ids-multiselect.css +21 -21
  419. package/components/ids-multiselect/ids-multiselect.js +1 -1
  420. package/components/ids-notification-banner/ids-notification-banner.css +6 -6
  421. package/components/ids-notification-banner/ids-notification-banner.d.ts +2 -0
  422. package/components/ids-notification-banner/ids-notification-banner.js +1 -1
  423. package/components/ids-pager/ids-pager-button.d.ts +3 -0
  424. package/components/ids-pager/ids-pager-button.js +1 -1
  425. package/components/ids-pager/ids-pager-dropdown.d.ts +1 -0
  426. package/components/ids-pager/ids-pager-dropdown.js +1 -1
  427. package/components/ids-pager/ids-pager-input.d.ts +2 -0
  428. package/components/ids-pager/ids-pager-input.js +1 -1
  429. package/components/ids-pager/ids-pager-number-list.d.ts +2 -0
  430. package/components/ids-pager/ids-pager-number-list.js +1 -1
  431. package/components/ids-pager/ids-pager.css +29 -22
  432. package/components/ids-pager/ids-pager.d.ts +1 -0
  433. package/components/ids-pager/ids-pager.js +1 -1
  434. package/components/ids-picker-popup/ids-picker-popup.d.ts +5 -0
  435. package/components/ids-picker-popup/ids-picker-popup.js +1 -1
  436. package/components/ids-pie-chart/ids-pie-chart.css +9 -9
  437. package/components/ids-pie-chart/ids-pie-chart.d.ts +4 -0
  438. package/components/ids-pie-chart/ids-pie-chart.js +1 -1
  439. package/components/ids-popup/ids-popup-attributes.js +1 -1
  440. package/components/ids-popup/ids-popup.css +76 -76
  441. package/components/ids-popup/ids-popup.d.ts +2 -0
  442. package/components/ids-popup/ids-popup.js +1 -1
  443. package/components/ids-popup-menu/ids-popup-menu.css +1 -1
  444. package/components/ids-popup-menu/ids-popup-menu.d.ts +4 -0
  445. package/components/ids-popup-menu/ids-popup-menu.js +1 -1
  446. package/components/ids-process-indicator/ids-process-indicator-step.d.ts +1 -0
  447. package/components/ids-process-indicator/ids-process-indicator-step.js +1 -1
  448. package/components/ids-process-indicator/ids-process-indicator.css +1 -1
  449. package/components/ids-process-indicator/ids-process-indicator.d.ts +1 -0
  450. package/components/ids-process-indicator/ids-process-indicator.js +1 -1
  451. package/components/ids-progress-bar/ids-progress-bar.css +11 -11
  452. package/components/ids-progress-bar/ids-progress-bar.d.ts +1 -0
  453. package/components/ids-progress-bar/ids-progress-bar.js +1 -1
  454. package/components/ids-progress-chart/ids-progress-chart.css +9 -9
  455. package/components/ids-progress-chart/ids-progress-chart.d.ts +1 -4
  456. package/components/ids-progress-chart/ids-progress-chart.js +1 -1
  457. package/components/ids-radio/ids-radio-group.d.ts +4 -0
  458. package/components/ids-radio/ids-radio-group.js +1 -1
  459. package/components/ids-radio/ids-radio.css +15 -15
  460. package/components/ids-radio/ids-radio.d.ts +2 -0
  461. package/components/ids-radio/ids-radio.js +1 -1
  462. package/components/ids-rating/ids-rating.css +9 -9
  463. package/components/ids-rating/ids-rating.d.ts +2 -0
  464. package/components/ids-rating/ids-rating.js +1 -1
  465. package/components/ids-scroll-view/ids-scroll-view.css +3 -3
  466. package/components/ids-scroll-view/ids-scroll-view.d.ts +3 -0
  467. package/components/ids-scroll-view/ids-scroll-view.js +1 -1
  468. package/components/ids-search-field/ids-search-field.css +179 -179
  469. package/components/ids-search-field/ids-search-field.js +1 -1
  470. package/components/ids-separator/ids-separator.css +2 -2
  471. package/components/ids-separator/ids-separator.d.ts +2 -0
  472. package/components/ids-separator/ids-separator.js +1 -1
  473. package/components/ids-skip-link/ids-skip-link.css +26 -26
  474. package/components/ids-skip-link/ids-skip-link.d.ts +1 -0
  475. package/components/ids-skip-link/ids-skip-link.js +1 -1
  476. package/components/ids-slider/ids-slider.css +36 -36
  477. package/components/ids-slider/ids-slider.d.ts +2 -0
  478. package/components/ids-slider/ids-slider.js +1 -1
  479. package/components/ids-spinbox/ids-spinbox.css +167 -167
  480. package/components/ids-spinbox/ids-spinbox.js +1 -1
  481. package/components/ids-splitter/ids-splitter-local-storage.js +1 -1
  482. package/components/ids-splitter/ids-splitter-pane.d.ts +2 -0
  483. package/components/ids-splitter/ids-splitter-pane.js +1 -1
  484. package/components/ids-splitter/ids-splitter.css +58 -27
  485. package/components/ids-splitter/ids-splitter.d.ts +6 -14
  486. package/components/ids-splitter/ids-splitter.js +1 -1
  487. package/components/ids-step-chart/ids-step-chart.css +2 -2
  488. package/components/ids-step-chart/ids-step-chart.d.ts +1 -0
  489. package/components/ids-step-chart/ids-step-chart.js +1 -1
  490. package/components/ids-swaplist/ids-swaplist.css +9 -9
  491. package/components/ids-swaplist/ids-swaplist.d.ts +3 -0
  492. package/components/ids-swaplist/ids-swaplist.js +1 -1
  493. package/components/ids-swappable/ids-swappable-item.d.ts +3 -0
  494. package/components/ids-swappable/ids-swappable-item.js +1 -1
  495. package/components/ids-swappable/ids-swappable.css +5 -68
  496. package/components/ids-swappable/ids-swappable.d.ts +4 -0
  497. package/components/ids-swappable/ids-swappable.js +1 -1
  498. package/components/ids-swipe-action/ids-swipe-action.css +2 -2
  499. package/components/ids-swipe-action/ids-swipe-action.d.ts +1 -0
  500. package/components/ids-swipe-action/ids-swipe-action.js +1 -1
  501. package/components/ids-switch/ids-switch.css +20 -20
  502. package/components/ids-switch/ids-switch.d.ts +2 -0
  503. package/components/ids-switch/ids-switch.js +1 -1
  504. package/components/ids-tabs/ids-tab-content.d.ts +2 -0
  505. package/components/ids-tabs/ids-tab-content.js +1 -1
  506. package/components/ids-tabs/ids-tab-divider.js +1 -1
  507. package/components/ids-tabs/ids-tab-more.d.ts +1 -0
  508. package/components/ids-tabs/ids-tab-more.js +1 -1
  509. package/components/ids-tabs/ids-tab.d.ts +4 -0
  510. package/components/ids-tabs/ids-tab.js +1 -1
  511. package/components/ids-tabs/ids-tabs-context.d.ts +1 -0
  512. package/components/ids-tabs/ids-tabs-context.js +1 -1
  513. package/components/ids-tabs/ids-tabs.css +1 -1
  514. package/components/ids-tabs/ids-tabs.d.ts +4 -0
  515. package/components/ids-tabs/ids-tabs.js +1 -1
  516. package/components/ids-tag/ids-tag.css +48 -48
  517. package/components/ids-tag/ids-tag.d.ts +3 -0
  518. package/components/ids-tag/ids-tag.js +1 -1
  519. package/components/ids-text/ids-text.css +35 -35
  520. package/components/ids-text/ids-text.d.ts +4 -0
  521. package/components/ids-text/ids-text.js +1 -1
  522. package/components/ids-textarea/ids-textarea.css +70 -70
  523. package/components/ids-textarea/ids-textarea.d.ts +6 -0
  524. package/components/ids-textarea/ids-textarea.js +1 -1
  525. package/components/ids-theme-switcher/ids-theme-switcher.css +1 -1
  526. package/components/ids-theme-switcher/ids-theme-switcher.d.ts +3 -0
  527. package/components/ids-theme-switcher/ids-theme-switcher.js +1 -1
  528. package/components/ids-time-picker/ids-time-picker-common.js +1 -1
  529. package/components/ids-time-picker/ids-time-picker-popup.d.ts +3 -0
  530. package/components/ids-time-picker/ids-time-picker-popup.js +1 -1
  531. package/components/ids-time-picker/ids-time-picker.css +11 -11
  532. package/components/ids-time-picker/ids-time-picker.d.ts +8 -0
  533. package/components/ids-time-picker/ids-time-picker.js +1 -1
  534. package/components/ids-toast/ids-toast-message.d.ts +2 -0
  535. package/components/ids-toast/ids-toast-message.js +1 -1
  536. package/components/ids-toast/ids-toast-shared.js +1 -1
  537. package/components/ids-toast/ids-toast.css +33 -96
  538. package/components/ids-toast/ids-toast.d.ts +3 -0
  539. package/components/ids-toast/ids-toast.js +1 -1
  540. package/components/ids-toggle-button/ids-toggle-button.js +1 -1
  541. package/components/ids-toolbar/ids-toolbar-more-actions.d.ts +2 -0
  542. package/components/ids-toolbar/ids-toolbar-more-actions.js +1 -1
  543. package/components/ids-toolbar/ids-toolbar-section.d.ts +1 -0
  544. package/components/ids-toolbar/ids-toolbar-section.js +1 -1
  545. package/components/ids-toolbar/ids-toolbar.css +9 -69
  546. package/components/ids-toolbar/ids-toolbar.d.ts +2 -0
  547. package/components/ids-toolbar/ids-toolbar.js +1 -1
  548. package/components/ids-tooltip/ids-tooltip.d.ts +3 -0
  549. package/components/ids-tooltip/ids-tooltip.js +1 -1
  550. package/components/ids-tree/ids-tree-node.d.ts +2 -0
  551. package/components/ids-tree/ids-tree-node.js +1 -1
  552. package/components/ids-tree/ids-tree-shared.js +1 -1
  553. package/components/ids-tree/ids-tree.css +1 -1
  554. package/components/ids-tree/ids-tree.d.ts +2 -0
  555. package/components/ids-tree/ids-tree.js +1 -1
  556. package/components/ids-treemap/ids-treemap.css +7 -7
  557. package/components/ids-treemap/ids-treemap.d.ts +2 -0
  558. package/components/ids-treemap/ids-treemap.js +1 -1
  559. package/components/ids-trigger-field/ids-trigger-button.d.ts +1 -0
  560. package/components/ids-trigger-field/ids-trigger-button.js +1 -1
  561. package/components/ids-trigger-field/ids-trigger-field.css +891 -704
  562. package/components/ids-trigger-field/ids-trigger-field.js +1 -1
  563. package/components/ids-upload/ids-upload.css +0 -1
  564. package/components/ids-upload/ids-upload.d.ts +8 -0
  565. package/components/ids-upload/ids-upload.js +1 -1
  566. package/components/ids-upload-advanced/ids-upload-advanced-file.d.ts +2 -0
  567. package/components/ids-upload-advanced/ids-upload-advanced-file.js +1 -1
  568. package/components/ids-upload-advanced/ids-upload-advanced-shared.js +1 -1
  569. package/components/ids-upload-advanced/ids-upload-advanced.css +27 -27
  570. package/components/ids-upload-advanced/ids-upload-advanced.d.ts +2 -0
  571. package/components/ids-upload-advanced/ids-upload-advanced.js +1 -1
  572. package/components/ids-virtual-scroll/ids-virtual-scroll.d.ts +1 -0
  573. package/components/ids-virtual-scroll/ids-virtual-scroll.js +1 -1
  574. package/components/ids-week-view/ids-week-view.css +8 -8
  575. package/components/ids-week-view/ids-week-view.d.ts +4 -0
  576. package/components/ids-week-view/ids-week-view.js +1 -1
  577. package/components/ids-wizard/ids-wizard-step.js +1 -1
  578. package/components/ids-wizard/ids-wizard.css +12 -12
  579. package/components/ids-wizard/ids-wizard.d.ts +1 -0
  580. package/components/ids-wizard/ids-wizard.js +1 -1
  581. package/core/ids-attributes.d.ts +1 -1
  582. package/core/ids-attributes.js +1 -1
  583. package/core/ids-data-source.js +1 -1
  584. package/core/ids-element.d.ts +5 -0
  585. package/core/ids-element.js +1 -1
  586. package/custom-elements.json +72003 -0
  587. package/enterprise-wc.js +1 -1
  588. package/mixins/ids-attachment-mixin/ids-attachment-mixin.d.ts +1 -0
  589. package/mixins/ids-attachment-mixin/ids-attachment-mixin.js +1 -1
  590. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.d.ts +1 -0
  591. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.js +1 -1
  592. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.d.ts +1 -0
  593. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.js +1 -1
  594. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.d.ts +1 -0
  595. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.js +1 -1
  596. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.d.ts +1 -0
  597. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.js +1 -1
  598. package/mixins/ids-clearable-mixin/ids-clearable-mixin.d.ts +1 -0
  599. package/mixins/ids-clearable-mixin/ids-clearable-mixin.js +1 -1
  600. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.d.ts +1 -0
  601. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.js +1 -1
  602. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.d.ts +1 -0
  603. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.js +1 -1
  604. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.d.ts +1 -0
  605. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.js +1 -1
  606. package/mixins/ids-events-mixin/ids-events-mixin.d.ts +1 -0
  607. package/mixins/ids-events-mixin/ids-events-mixin.js +1 -1
  608. package/mixins/ids-field-height-mixin/ids-field-height-mixin.d.ts +1 -0
  609. package/mixins/ids-field-height-mixin/ids-field-height-mixin.js +1 -1
  610. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.d.ts +1 -0
  611. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.js +1 -1
  612. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.d.ts +1 -0
  613. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.js +1 -1
  614. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.d.ts +1 -0
  615. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.js +1 -1
  616. package/mixins/ids-keyboard-mixin/ids-keyboard-mixin.d.ts +1 -0
  617. package/mixins/ids-label-state-mixin/ids-label-state-common.js +1 -1
  618. package/mixins/ids-label-state-mixin/ids-label-state-mixin.d.ts +1 -0
  619. package/mixins/ids-label-state-mixin/ids-label-state-mixin.js +1 -1
  620. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.d.ts +1 -0
  621. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.js +1 -1
  622. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.d.ts +1 -0
  623. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.js +1 -1
  624. package/mixins/ids-locale-mixin/ids-locale-mixin.d.ts +1 -0
  625. package/mixins/ids-locale-mixin/ids-locale-mixin.js +1 -1
  626. package/mixins/ids-mask-mixin/ids-mask-mixin.d.ts +1 -0
  627. package/mixins/ids-mask-mixin/ids-mask-mixin.js +1 -1
  628. package/mixins/ids-orientation-mixin/ids-orientation-mixin.d.ts +1 -0
  629. package/mixins/ids-orientation-mixin/ids-orientation-mixin.js +1 -1
  630. package/mixins/ids-pager-mixin/ids-pager-mixin.d.ts +1 -0
  631. package/mixins/ids-pager-mixin/ids-pager-mixin.js +1 -1
  632. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.d.ts +1 -0
  633. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.js +1 -1
  634. package/mixins/ids-popup-open-events-mixin/ids-popup-open-events-mixin.d.ts +1 -0
  635. package/mixins/ids-ripple-mixin/ids-ripple-mixin.d.ts +1 -0
  636. package/mixins/ids-ripple-mixin/ids-ripple-mixin.js +1 -1
  637. package/mixins/ids-selection-mixin/ids-selection-mixin.d.ts +1 -0
  638. package/mixins/ids-selection-mixin/ids-selection-mixin.js +1 -1
  639. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.d.ts +1 -0
  640. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.js +1 -1
  641. package/mixins/ids-validation-mixin/ids-validation-input-mixin.d.ts +1 -0
  642. package/mixins/ids-validation-mixin/ids-validation-mixin.d.ts +1 -0
  643. package/mixins/ids-validation-mixin/ids-validation-mixin.js +1 -1
  644. package/mixins/ids-xss-mixin/ids-xss-mixin.d.ts +1 -0
  645. package/mixins/ids-xss-mixin/ids-xss-mixin.js +1 -1
  646. package/package.json +1 -1
  647. package/themes/ids-theme-default-colors.css +26 -25
  648. package/themes/ids-theme-default-contrast.css +1318 -1332
  649. package/themes/ids-theme-default-core.css +1018 -1035
  650. package/themes/ids-theme-default-dark.css +1411 -1427
  651. package/themes/ids-theme-default-light.css +1018 -1035
  652. package/utils/ids-date-utils/ids-date-utils.js +1 -1
  653. package/utils/ids-device-env-specs-utils/ids-device-env-specs-utils.js +1 -1
  654. package/utils/ids-string-utils/ids-string-utils.js +1 -1
  655. package/vscode.html-custom-data.json +1 -0
  656. package/chunks/ids-chunk-4LVYIXEL.js +0 -52
  657. package/chunks/ids-chunk-5XUFOBD3.js +0 -1
  658. package/chunks/ids-chunk-6O34H74A.js +0 -111
  659. package/chunks/ids-chunk-E2QYVCNE.js +0 -11
  660. package/chunks/ids-chunk-F3RQ5V7T.js +0 -1
  661. package/chunks/ids-chunk-G5B3L54H.js +0 -26
  662. package/chunks/ids-chunk-GTV4PSEA.js +0 -1
  663. package/chunks/ids-chunk-JMCJ3SGL.js +0 -1
  664. package/chunks/ids-chunk-KECJ2VA4.js +0 -48
  665. package/chunks/ids-chunk-LXO5AO3Y.js +0 -82
  666. package/chunks/ids-chunk-O4E57J6U.js +0 -1206
  667. package/chunks/ids-chunk-RKTF6SBT.js +0 -1
  668. package/chunks/ids-chunk-TGE5Q4RJ.js +0 -223
  669. package/chunks/ids-chunk-VBOLQPWB.js +0 -105
  670. package/chunks/ids-chunk-VCTVRNBS.js +0 -1
  671. package/chunks/ids-chunk-VGRUIA4C.js +0 -1
  672. package/chunks/ids-chunk-XNDWLGBC.js +0 -18
  673. package/chunks/ids-chunk-Y2ARI5HL.js +0 -14
package/themes/ids-theme-default-light.css CHANGED
@@ -60,17 +60,18 @@
60
60
  --ids-color-turquoise-80: #2F8D8E;
61
61
  --ids-color-turquoise-90: #297B7B;
62
62
  --ids-color-turquoise-100: #1F5E5E;
63
- --ids-color-slate-00: #fff;
64
- --ids-color-slate-10: #EFEFF0;
65
- --ids-color-slate-20: #D7D7D8;
66
- --ids-color-slate-30: #B7B7BA;
67
- --ids-color-slate-40: #97979B;
68
- --ids-color-slate-50: #77777C;
69
- --ids-color-slate-60: #606066;
70
- --ids-color-slate-70: #56565B;
71
- --ids-color-slate-80: #47474C;
72
- --ids-color-slate-90: #3E3E42;
73
- --ids-color-slate-100: #2F2F32;
63
+ --ids-color-slate-00: #FFF;
64
+ --ids-color-slate-10: #FAFAFA;
65
+ --ids-color-slate-20: #E0E0E1;
66
+ --ids-color-slate-30: #C5C5C9;
67
+ --ids-color-slate-40: #BBBBBF;
68
+ --ids-color-slate-50: #8E8E95;
69
+ --ids-color-slate-60: #6F6F76;
70
+ --ids-color-slate-70: #525257;
71
+ --ids-color-slate-80: #3B3B3F;
72
+ --ids-color-slate-90: #28282A;
73
+ --ids-color-slate-100: #161618;
74
+ --ids-color-slate-110: #000;
74
75
  --ids-color-primary-10: var(--ids-color-azure-10);
75
76
  --ids-color-primary-20: var(--ids-color-azure-20);
76
77
  --ids-color-primary-30: var(--ids-color-azure-30);
@@ -81,7 +82,7 @@
81
82
  --ids-color-primary-80: var(--ids-color-azure-80);
82
83
  --ids-color-primary-90: var(--ids-color-azure-90);
83
84
  --ids-color-primary-100: var(--ids-color-azure-100);
84
- --ids-color-error-00: #fff;
85
+ --ids-color-text-on-error: var(--ids-color-neutral-00);
85
86
  --ids-color-error-10: var(--ids-color-ruby-10);
86
87
  --ids-color-error-20: var(--ids-color-ruby-20);
87
88
  --ids-color-error-30: var(--ids-color-ruby-30);
@@ -89,37 +90,37 @@
89
90
  --ids-color-error-60: var(--ids-color-ruby-60);
90
91
  --ids-color-error-70: var(--ids-color-ruby-70);
91
92
  --ids-color-error-80: var(--ids-color-ruby-80);
92
- --ids-color-error: #DA1217;
93
- --ids-color-error-shadow: rgba(218 18 23 / 0.3);
94
- --ids-color-warning-00: #fff;
93
+ --ids-color-error-default: var(--ids-color-ruby-60);
94
+ --ids-color-shadow-error: rgba(218 18 23 / 0.3);
95
+ --ids-color-text-on-warning: var(--ids-color-neutral-00);
95
96
  --ids-color-warning-10: var(--ids-color-amber-10);
96
97
  --ids-color-warning-30: var(--ids-color-amber-30);
97
98
  --ids-color-warning-40: var(--ids-color-amber-60);
98
99
  --ids-color-warning-50: var(--ids-color-amber-50);
99
100
  --ids-color-warning-80: var(--ids-color-amber-80);
100
101
  --ids-color-warning-100: var(--ids-color-amber-100);
101
- --ids-color-warning: #F98300;
102
- --ids-color-warning-shadow: rgba(249 131 0 / 0.3);
103
- --ids-color-caution-00: #2F2F32;
102
+ --ids-color-warning-default: var(--ids-color-amber-60);
103
+ --ids-color-shadow-warning: rgba(249 131 0 / 0.3);
104
+ --ids-color-text-on-caution: var(--ids-color-neutral-100);
104
105
  --ids-color-caution-10: var(--ids-color-amber-10);
105
106
  --ids-color-caution-30: var(--ids-color-amber-30);
106
- --ids-color-caution: #FFD100;
107
- --ids-color-success-00: #fff;
107
+ --ids-color-caution-default: #FFD100;
108
+ --ids-color-text-on-success: var(--ids-color-neutral-00);
108
109
  --ids-color-success-10: var(--ids-color-emerald-10);
109
110
  --ids-color-success-30: var(--ids-color-emerald-30);
110
111
  --ids-color-success-50: var(--ids-color-emerald-50);
111
112
  --ids-color-success-80: var(--ids-color-emerald-80);
112
113
  --ids-color-success-100: var(--ids-color-emerald-100);
113
- --ids-color-success: #2AC371;
114
- --ids-color-success-shadow: rgba(42 195 113 / 0.3);
115
- --ids-color-info-00: #fff;
114
+ --ids-color-success-default: var(--ids-color-emerald-60);
115
+ --ids-color-shadow-success: rgba(42 195 113 / 0.3);
116
+ --ids-color-text-on-info: var(--ids-color-neutral-00);
116
117
  --ids-color-info-10: var(--ids-color-azure-10);
117
118
  --ids-color-info-30: var(--ids-color-azure-30);
118
119
  --ids-color-info-60: var(--ids-color-azure-60);
119
120
  --ids-color-info-70: var(--ids-color-azure-70);
120
121
  --ids-color-info-80: var(--ids-color-azure-80);
121
- --ids-color-info: #0064D4;
122
- --ids-color-info-shadow: rgba(0 102 212 / 0.3);
122
+ --ids-color-info-default: #0064D4;
123
+ --ids-color-shadow-info: rgba(0 102 212 / 0.3);
123
124
  --ids-color-neutral-00: #fff;
124
125
  --ids-color-neutral-10: var(--ids-color-slate-10);
125
126
  --ids-color-neutral-20: var(--ids-color-slate-20);
@@ -137,27 +138,27 @@
137
138
  :root {
138
139
  --ids-color-primary: var(--ids-color-primary-60);
139
140
  --ids-color-text-on-primary: var(--ids-color-neutral-00);
140
- --ids-body-background-color: var(--ids-color-neutral-00);
141
- --ids-body-text-on-background-color: var(--ids-color-neutral-100);
142
- --ids-text-color: var(--ids-color-neutral-100);
143
- --ids-color-on-text: var(--ids-color-neutral-00);
144
- --ids-text-color-subtle: var(--ids-color-neutral-80);
145
- --ids-text-color-label: var(--ids-color-neutral-60);
146
- --ids-text-color-data: var(--ids-color-neutral-100);
147
- --ids-text-color-disabled: var(--ids-color-neutral-30);
148
- --ids-text-color-error: var(--ids-color-error-60);
149
- --ids-text-color-info: var(--ids-color-info-70);
150
- --ids-text-color-success: var(--ids-color-success-50);
151
- --ids-text-color-warning: var(--ids-color-warning-50);
152
- --ids-transition-length: 200ms;
153
- --ids-transition-ease: cubic-bezier(0.17, 0.04, 0.03, 0.94);
154
- --ids-transition-linear: cubic-bezier(0.4, 0, 0.6, 1);
141
+ --ids-color-background-default: var(--ids-color-neutral-00);
142
+ --ids-color-text-default: var(--ids-color-neutral-100);
143
+ --ids-color-text: var(--ids-color-neutral-100);
144
+ --ids-color-text-inverse: var(--ids-color-neutral-00);
145
+ --ids-color-text-subtle: var(--ids-color-neutral-80);
146
+ --ids-color-text-label: var(--ids-color-neutral-60);
147
+ --ids-color-text-data: var(--ids-color-neutral-100);
148
+ --ids-color-text-disabled: var(--ids-color-neutral-30);
149
+ --ids-color-text-error: var(--ids-color-error-60);
150
+ --ids-color-text-info: var(--ids-color-info-70);
151
+ --ids-color-text-success: var(--ids-color-success-50);
152
+ --ids-color-text-warning: var(--ids-color-warning-50);
153
+ --ids-motion-duration: 200ms;
154
+ --ids-motion-ease: cubic-bezier(0.17, 0.04, 0.03, 0.94);
155
+ --ids-motion-linear: cubic-bezier(0.4, 0, 0.6, 1);
155
156
  --ids-border-radius-none: 0;
156
- --ids-border-radius-xs: 2px;
157
- --ids-border-radius-sm: 4px;
158
- --ids-border-radius-md: 8px;
159
- --ids-border-radius-lg: 16px;
160
- --ids-border-radius-round: 50%;
157
+ --ids-border-radius-01: 2px;
158
+ --ids-border-radius-02: 4px;
159
+ --ids-border-radius-03: 8px;
160
+ --ids-border-radius-04: 16px;
161
+ --ids-border-radius-circle: 50%;
161
162
  --ids-cursor-default: default;
162
163
  --ids-cursor-grabbing: grabbing;
163
164
  --ids-cursor-move: move;
@@ -166,16 +167,16 @@
166
167
  --ids-cursor-resize: col-resize;
167
168
  --ids-cursor-resize-x: ew-resize;
168
169
  --ids-cursor-resize-y: ns-resize;
169
- --ids-box-shadow-none: 0 0 3px 2px rgba(54 138 192 / 0);
170
- --ids-box-shadow-error: 0 0 3px 2px rgb(218 18 23 / 0.30);
170
+ --ids-shadow-none: 0 0 3px 2px rgba(54 138 192 / 0);
171
+ --ids-shadow-error: 0 0 3px 2px rgb(218 18 23 / 0.30);
171
172
  --ids-box-shadow-inverse: 0 0 3px 1px rgba(255 255 255 / 0.3);
172
- --ids-box-shadow-sm: 0 0 3px 1px rgb(54 138 192 / 0.3);
173
- --ids-box-shadow-md: 0 0 3px 2px rgb(54 138 192 / 0.3);
174
- --ids-box-shadow-lg: 0 0 4px 3px rgb(54 138 192 / 0.3);
175
- --ids-focus-border-color: var(--ids-color-primary);
176
- --ids-focus-box-shadow: var(--ids-box-shadow-md);
177
- --ids-focus-outline: 0;
178
- --ids-font-family: source sans pro, -apple-system, helvetica, arial;
173
+ --ids-shadow-10: 0 0 3px 1px rgb(54 138 192 / 0.3);
174
+ --ids-shadow-20: 0 0 3px 2px rgb(54 138 192 / 0.3);
175
+ --ids-shadow-30: 0 0 4px 3px rgb(54 138 192 / 0.3);
176
+ --ids-color-border-focus: var(--ids-color-primary);
177
+ --ids-shadow-focus: var(--ids-shadow-20);
178
+ --ids-outline-none: 0;
179
+ --ids-font-family-default: source sans pro, -apple-system, helvetica, arial;
179
180
  --ids-font-family-ar: "Mada", source sans pro, -apple-system, helvetica, arial;
180
181
  --ids-font-family-he: "Assistant", source sans pro, -apple-system, helvetica, arial;
181
182
  --ids-font-family-hi: "Noto Sans", source sans pro, -apple-system, helvetica, arial;
@@ -185,1059 +186,1041 @@
185
186
  --ids-font-family-zh-cn: "Noto Sans SC", source sans pro, -apple-system, helvetica, arial;
186
187
  --ids-font-family-zh-tw: "Noto Sans TC", source sans pro, -apple-system, helvetica, arial;
187
188
  --ids-font-family-mono: source code pro, monospace;
188
- --ids-font-weight-lighter: 300;
189
+ --ids-font-weight-light: 300;
189
190
  --ids-font-weight-normal: 400;
190
- --ids-font-weight-semi-bold: 600;
191
+ --ids-font-weight-semibold: 600;
191
192
  --ids-font-weight-bold: 700;
192
- --ids-font-size-xxs: 10px;
193
- --ids-font-size-xs: 12px;
194
- --ids-font-size-sm: 14px;
195
- --ids-font-size-md: 16px;
196
- --ids-font-size-lg: 20px;
197
- --ids-font-size-xl: 24px;
198
- --ids-font-size-xxl: 28px;
199
- --ids-font-size-3xl: 32px;
200
- --ids-font-size-4xl: 40px;
201
- --ids-font-size-5xl: 48px;
202
- --ids-font-size-6xl: 60px;
203
- --ids-font-size-7xl: 72px;
204
- --ids-text-transform: uppercase;
205
- --ids-spacing-none: 0;
206
- --ids-spacing-xs: 1px;
207
- --ids-spacing-sm: 2px;
208
- --ids-spacing-md: 4px;
209
- --ids-spacing-lg: 8px;
210
- --ids-spacing-xl: 12px;
211
- --ids-spacing-xxl: 16px;
212
- --ids-spacing-3xl: 20px;
213
- --ids-spacing-4xl: 24px;
214
- --ids-spacing-5xl: 28px;
215
- --ids-size-xxs: 22px;
216
- --ids-size-xs: 28px;
217
- --ids-size-sm: 30px;
218
- --ids-size-md: 38px;
219
- --ids-size-lg: 48px;
220
- --ids-size-xxl: 56px;
221
- --ids-size-2xl: 66px;
193
+ --ids-font-size-10: 10px;
194
+ --ids-font-size-20: 12px;
195
+ --ids-font-size-30: 14px;
196
+ --ids-font-size-40: 16px;
197
+ --ids-font-size-50: 20px;
198
+ --ids-font-size-60: 24px;
199
+ --ids-font-size-70: 28px;
200
+ --ids-font-size-80: 32px;
201
+ --ids-font-size-90: 40px;
202
+ --ids-font-size-100: 48px;
203
+ --ids-font-size-110: 60px;
204
+ --ids-font-size-120: 72px;
205
+ --ids-font-uppercase: uppercase;
206
+ --ids-space-none: 0;
207
+ --ids-space-10: 1px;
208
+ --ids-space-20: 2px;
209
+ --ids-space-30: 4px;
210
+ --ids-space-40: 8px;
211
+ --ids-space-50: 12px;
212
+ --ids-space-60: 16px;
213
+ --ids-space-70: 20px;
214
+ --ids-space-80: 24px;
215
+ --ids-space-90: 28px;
216
+ --ids-size-10: 22px;
217
+ --ids-size-20: 28px;
218
+ --ids-size-30: 30px;
219
+ --ids-size-40: 38px;
220
+ --ids-size-50: 48px;
221
+ --ids-size-60: 56px;
222
+ --ids-size-70: 66px;
222
223
  --ids-line-height-none: 0;
223
- --ids-line-height-normal: normal;
224
- --ids-line-height-xs: 1;
225
- --ids-line-height-sm: 1.25;
226
- --ids-line-height-md: 1.5;
227
- --ids-line-height-lg: 2;
228
- --ids-z-index-toolbar: 20;
229
- --ids-z-index-sidebar: 500;
230
- --ids-z-index-overlay: 1000;
231
- --ids-z-index-loading: 1010;
232
- --ids-z-index-dialog: 1020;
233
- --ids-z-index-popup: 3000;
234
- --ids-z-index-tooltip: 6000;
235
- --ids-z-index-draggable: 7000;
236
- --ids-z-index-toast: 8000;
237
- --ids-z-index-menu: 9000;
238
- --ids-z-index-skip-link: 10000;
239
- --ids-about-max-width: 560px;
240
- --ids-about-min-width: 300px;
241
- --ids-about-border-color: var(--ids-popup-border-color);
224
+ --ids-line-height-default: normal;
225
+ --ids-line-height-10: 1;
226
+ --ids-line-height-20: 1.25;
227
+ --ids-line-height-30: 1.5;
228
+ --ids-line-height-40: 2;
229
+ --ids-z-index-10: 1;
230
+ --ids-z-index-20: 2;
231
+ --ids-z-index-30: 5;
232
+ --ids-z-index-40: 10;
233
+ --ids-z-index-50: 100;
234
+ --ids-z-index-60: 200;
235
+ --ids-z-index-70: 300;
236
+ --ids-z-index-80: 400;
237
+ --ids-z-index-90: 500;
238
+ --ids-z-index-100: 600;
239
+ --ids-z-index-110: 700;
240
+ --ids-about-width-max: 560px;
241
+ --ids-about-width-min: 300px;
242
+ --ids-about-color-border-default: var(--ids-popup-color-border);
242
243
  --ids-about-content-padding: 16px;
243
- --ids-about-hover-border-color: var(--ids-input-hover-border-color);
244
- --ids-about-focus-border-color: var(--ids-input-focus-border-color);
245
- --ids-about-focus-box-shadow: var(--ids-focus-box-shadow);
246
- --ids-accordion-header-border-bottom-color: var(--ids-color-neutral-20);
247
- --ids-accordion-header-icon-color: var(--ids-color-neutral-10);
248
- --ids-accordion-header-focus-border-color: var(--ids-color-primary);
249
- --ids-accordion-header-focus-box-shadow: var(--ids-box-shadow-md);
250
- --ids-accordion-header-disabled-icon-color: var(--ids-text-color-disabled);
251
- --ids-accordion-header-disabled-text-color: var(--ids-text-color-disabled);
252
- --ids-accordion-header-text-color: var(--ids-text-color);
244
+ --ids-about-color-border-hover: var(--ids-input-color-border-hover);
245
+ --ids-about-color-border-focus: var(--ids-input-color-border-focus);
246
+ --ids-about-shadow-focus: var(--ids-shadow-focus);
247
+ --ids-accordion-header-color-border-bottom: var(--ids-color-neutral-20);
248
+ --ids-accordion-header-color-icon: var(--ids-color-neutral-10);
249
+ --ids-accordion-header-color-border-focus: var(--ids-color-primary);
250
+ --ids-accordion-header-shadow-focus: var(--ids-shadow-20);
251
+ --ids-accordion-header-color-border-disabled: var(--ids-color-text-disabled);
252
+ --ids-accordion-header-color-text-disabled: var(--ids-color-text-disabled);
253
253
  --ids-action-panel-header-height: 50px;
254
254
  --ids-action-panel-header-padding: 8px;
255
- --ids-action-panel-header-background-color: var(--ids-color-neutral-10);
256
- --ids-action-panel-header-border-color: var(--ids-color-neutral-20);
255
+ --ids-action-panel-header-color-background: var(--ids-color-neutral-10);
256
+ --ids-action-panel-header-color-border: var(--ids-color-neutral-20);
257
257
  --ids-action-panel-content-background-color: var(--ids-color-neutral-00);
258
- --ids-action-sheet-border-radius: var(--ids-border-radius-lg);
259
- --ids-action-sheet-padding: var(--ids-spacing-lg);
260
- --ids-action-sheet-box-shadow: 0 0 8px rgb(0 0 0 / 0.2);
261
- --ids-action-sheet-background-color: var(--ids-color-neutral-00);
262
- --ids-action-sheet-border-color: transparent;
263
- --ids-alert-success-color: var(--ids-color-success);
264
- --ids-alert-success-disabled-color: var(--ids-color-success-30);
265
- --ids-alert-warning-color: var(--ids-color-warning);
266
- --ids-alert-warning-disabled-color: var(--ids-color-warning-30);
267
- --ids-alert-caution-color: var(--ids-color-caution);
268
- --ids-alert-caution-disabled-color: var(--ids-color-caution-30);
269
- --ids-alert-info-color: var(--ids-color-info);
270
- --ids-alert-info-disabled-color: var(--ids-color-info-30);
271
- --ids-alert-error-color: var(--ids-color-error);
272
- --ids-alert-error-disabled-color: var(--ids-color-error-30);
273
- --ids-alert-new-color: var(--ids-color-amber-70);
274
- --ids-alert-new-disabled-color: var(--ids-color-amber-30);
275
- --ids-alert-in-progress-color: var(--ids-color-amethyst-70);
276
- --ids-alert-in-progress-disabled-color: var(--ids-color-amethyst-30);
277
- --ids-alert-empty-color: var(--ids-icon-color);
278
- --ids-alert-empty-disabled-color: var(--ids-icon-color-disabled);
279
- --ids-app-menu-accordion-header-disabled-background-color: var(--ids-color-neutral-100);
280
- --ids-app-menu-accordion-header-disabled-border-color: var(--ids-color-neutral-100);
281
- --ids-app-menu-accordion-header-disabled-text-color: var(--ids-color-neutral-40);
282
- --ids-app-menu-accordion-header-filter-background-color: var(--ids-color-neutral-00);
283
- --ids-app-menu-accordion-header-filter-match-text-color: var(--ids-color-neutral-60);
284
- --ids-app-menu-accordion-header-filter-text-color: var(--ids-text-color);
285
- --ids-app-menu-accordion-header-focus-text-color: var(--ids-color-neutral-00);
286
- --ids-app-menu-accordion-header-focus-border-color: var(--ids-color-primary-70);
287
- --ids-app-menu-accordion-header-hover-background-color: var(--ids-color-neutral-90);
288
- --ids-app-menu-accordion-header-hover-border-color: var(--ids-color-neutral-90);
289
- --ids-app-menu-accordion-header-selected-text-color: var(--ids-color-neutral-00);
290
- --ids-app-menu-accordion-header-text-color: var(--ids-color-neutral-20);
291
- --ids-app-menu-accordion-panel-background-color: var(--ids-color-neutral-100);
292
- --ids-axis-chart-border-color: var(--ids-color-neutral-10);
293
- --ids-axis-chart-grid-stroke: var(--ids-color-neutral-20);
294
- --ids-axis-chart-first-line-stroke: var(--ids-color-neutral-70);
295
- --ids-axis-chart-last-line-stroke: var(--ids-color-neutral-70);
296
- --ids-axis-chart-label-font-family: var(--ids-font-family);
297
- --ids-axis-chart-label-font-size: var(--ids-font-size-sm);
298
- --ids-axis-chart-label-text-fill: var(--ids-color-neutral-60);
299
- --ids-axis-chart-label-axis-text-font-weight: var(--ids-font-weight-bold);
300
- --ids-axis-chart-focus-group-outline: 2px dashed var(--ids-color-azure-60);
301
- --ids-badge-background-color: var(--ids-input-readonly-background-color);
302
- --ids-badge-border-color: var(--ids-input-readonly-background-color);
303
- --ids-badge-border-radius: var(--ids-border-radius-lg);
304
- --ids-badge-caution-background-color: var(--ids-color-caution);
305
- --ids-badge-caution-border-color: var(--ids-color-caution);
306
- --ids-badge-caution-color: var(--ids-color-caution-00);
307
- --ids-badge-error-background-color: var(--ids-color-error);
308
- --ids-badge-error-border-color: var(--ids-color-error);
309
- --ids-badge-error-color: var(--ids-color-error-00);
310
- --ids-badge-info-background-color: var(--ids-color-info);
311
- --ids-badge-info-border-color: var(--ids-color-info);
312
- --ids-badge-info-color: var(--ids-color-info-00);
313
- --ids-badge-line-height: var(--ids-size-xxs);
314
- --ids-badge-margin-bottom: var(--ids-spacing-md);
315
- --ids-badge-margin-inline-end: var(--ids-spacing-md);
316
- --ids-badge-min-width: var(--ids-size-xxs);
258
+ --ids-action-sheet-border-radius: var(--ids-border-radius-04);
259
+ --ids-action-sheet-padding: var(--ids-space-40);
260
+ --ids-action-sheet-shadow: 0 0 8px rgb(0 0 0 / 0.2);
261
+ --ids-action-sheet-color-background: var(--ids-color-neutral-00);
262
+ --ids-action-sheet-color-border: transparent;
263
+ --ids-alert-color-success-default: var(--ids-color-success-default);
264
+ --ids-alert-color-success-disabled: var(--ids-color-success-30);
265
+ --ids-alert-color-warning-default: var(--ids-color-warning-default);
266
+ --ids-alert-color-warning-disabled: var(--ids-color-warning-30);
267
+ --ids-alert-color-caution-default: var(--ids-color-caution-default);
268
+ --ids-alert-color-caution-disabled: var(--ids-color-caution-30);
269
+ --ids-alert-color-info-default: var(--ids-color-info-default);
270
+ --ids-alert-color-info-disabled: var(--ids-color-info-30);
271
+ --ids-alert-color-error-default: var(--ids-color-error-default);
272
+ --ids-alert-color-error-disabled: var(--ids-color-error-30);
273
+ --ids-alert-color-new-default: var(--ids-color-amber-70);
274
+ --ids-alert-color-new-disabled: var(--ids-color-amber-30);
275
+ --ids-alert-color-progress-default: var(--ids-color-amethyst-70);
276
+ --ids-alert-color-progress-disabled: var(--ids-color-amethyst-30);
277
+ --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-neutral-100);
278
+ --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-neutral-100);
279
+ --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-neutral-40);
280
+ --ids-app-menu-accordion-header-color-background-default: var(--ids-color-neutral-00);
281
+ --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-neutral-60);
282
+ --ids-app-menu-accordion-header-filter-color-text: var(--ids-color-text);
283
+ --ids-app-menu-accordion-header-color-text-focus: var(--ids-color-neutral-00);
284
+ --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-primary-70);
285
+ --ids-app-menu-header-color-background-hover: var(--ids-color-neutral-90);
286
+ --ids-app-menu-header-color-border-hover: var(--ids-color-neutral-90);
287
+ --ids-app-menu-accordion-header-color-text-selected: var(--ids-color-neutral-00);
288
+ --ids-app-menu-accordion-header-color-text-default: var(--ids-color-neutral-20);
289
+ --ids-app-menu-accordion-panel-color-background: var(--ids-color-neutral-100);
290
+ --ids-axis-chart-grid-color: var(--ids-color-neutral-20);
291
+ --ids-axis-chart-first-line-color: var(--ids-color-neutral-70);
292
+ --ids-axis-chart-last-line-color-border: var(--ids-color-neutral-70);
293
+ --ids-axis-chart-font-family: var(--ids-font-family-default);
294
+ --ids-axis-chart-font-size: var(--ids-font-size-30);
295
+ --ids-axis-chart-color-text: var(--ids-color-neutral-60);
296
+ --ids-axis-chart-font-weight: var(--ids-font-weight-bold);
297
+ --ids-axis-chart-outline-focus: 2px dashed var(--ids-color-azure-60);
298
+ --ids-badge-color-background: var(--ids-input-color-background-readonly);
299
+ --ids-badge-color-border: var(--ids-input-color-background-readonly);
300
+ --ids-badge-border-radius: var(--ids-border-radius-04);
301
+ --ids-badge-color-background-caution: var(--ids-color-caution-default);
302
+ --ids-badge-color-border-caution: var(--ids-color-caution-default);
303
+ --ids-badge-color-caution: var(--ids-color-text-on-caution);
304
+ --ids-badge-color-background-error: var(--ids-color-error-default);
305
+ --ids-badge-color-border-error: var(--ids-color-error-default);
306
+ --ids-badge-color-error: var(--ids-color-text-on-error);
307
+ --ids-badge-color-background-info: var(--ids-color-info-default);
308
+ --ids-badge-color-border-info: var(--ids-color-info-default);
309
+ --ids-badge-color-info: var(--ids-color-text-on-info);
310
+ --ids-badge-font-line-height: var(--ids-size-10);
311
+ --ids-badge-margin-bottom: var(--ids-space-30);
312
+ --ids-badge-margin-inline-end: var(--ids-space-30);
313
+ --ids-badge-width-min: var(--ids-size-10);
317
314
  --ids-badge-padding-inline: 10px;
318
- --ids-badge-success-background-color: var(--ids-color-success-80);
319
- --ids-badge-success-border-color: var(--ids-color-success-80);
320
- --ids-badge-success-color: var(--ids-color-success-00);
321
- --ids-badge-warning-background-color: var(--ids-color-warning-80);
322
- --ids-badge-warning-border-color: var(--ids-color-warning-80);
323
- --ids-badge-warning-color: var(--ids-color-warning-00);
324
- --ids-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;
315
+ --ids-badge-color-background-success: var(--ids-color-success-80);
316
+ --ids-badge-color-border-success: var(--ids-color-success-80);
317
+ --ids-badge-color-success: var(--ids-color-text-on-success);
318
+ --ids-badge-color-background-warning: var(--ids-color-warning-80);
319
+ --ids-badge-color-border-warning: var(--ids-color-warning-80);
320
+ --ids-badge-color-warning: var(--ids-color-text-on-warning);
321
+ --ids-badge-disabled-background-color: var(--ids-input-color-background-readonly);
322
+ --ids-badge-disabled-border-color: var(--ids-input-color-background-readonly);
323
+ --ids-badge-disabled-text-color: var(--ids-tag-color-text-disabled);
324
+ --ids-block-grid-margin: 10px;
328
325
  --ids-block-grid-item-padding: 10px 15px;
329
326
  --ids-block-grid-item-width: 200px;
330
327
  --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;
328
+ --ids-block-grid-item-width-max: 300px;
329
+ --ids-block-grid-item-border-radius: 3px;
330
+ --ids-block-grid-item-selectable-border-radius-container: var(--ids-border-radius-circle);
331
+ --ids-block-grid-item-color-background-selectable-hover: var(--ids-color-primary-10);
332
+ --ids-block-grid-item-selectable-container-focus: var(--ids-space-10) solid var(--ids-color-primary-60);
333
+ --ids-block-grid-item-shadow-selectable-container-focus: var(--ids-shadow-lg);
334
+ --ids-block-grid-item-selectable-container-padding: var(--ids-space-80) 36px;
335
+ --ids-block-grid-item-selectable-multiple-width: 100%;
336
+ --ids-block-grid-item-selectable-container-multiple-padding: var(--ids-space-80) var(--ids-space-80) var(--ids-space-80) 45px;
337
+ --ids-block-grid-item-selectable-size-multiple-block-checkbox-top: calc(50% - 10px);
338
+ --ids-block-grid-item-selectable-size-multiple-block-checkbox-left: 30px;
342
339
  --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;
340
+ --ids-block-grid-item-border-radius-selected: 3px;
341
+ --ids-block-grid-item-color-background-selected: transparent;
342
+ --ids-block-grid-item-outline-selected: 2px solid var(--ids-color-primary-60);
343
+ --ids-block-grid-item-pre-color-background-selected: rgba(230 241 253 / 0.7);
344
+ --ids-block-grid-checkbox-top-size: 20px;
345
+ --ids-block-grid-checkbox-right-size: 20px;
346
+ --ids-button-primary-color-border-default: var(--ids-color-primary);
347
+ --ids-button-primary-color-background-default: var(--ids-color-primary);
348
+ --ids-button-primary-color-text-default: var(--ids-color-text-on-primary);
349
+ --ids-button-primary-color-border-focus: var(--ids-color-border-focus);
350
+ --ids-button-primary-shadow-focus: 0 0 0 2px var(--ids-color-text-on-primary), 0 0 0 3px var(--ids-color-primary-70), 0 0 4px 3px var(--ids-color-primary-70);
351
+ --ids-button-primary-color-background-hover: var(--ids-color-primary-80);
352
+ --ids-button-primary-color-border-hover: var(--ids-color-primary-70);
353
+ --ids-button-primary-color-background-disabled: var(--ids-color-neutral-20);
354
+ --ids-button-primary-color-border-disabled: var(--ids-color-neutral-20);
355
+ --ids-button-primary-color-text-disabled: var(--ids-color-neutral-40);
356
+ --ids-button-primary-color-background-pressed: var(--ids-color-text-on-primary);
357
+ --ids-button-secondary-color-background-default: transparent;
361
358
  --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);
359
+ --ids-button-secondary-color-border-default: var(--ids-color-primary);
360
+ --ids-button-secondary-color-text-default: var(--ids-color-primary);
361
+ --ids-button-secondary-color-border-focus: var(--ids-color-primary);
362
+ --ids-button-secondary-shadow-focus: 0 0 0 2px var(--ids-color-neutral-00), 0 0 0 3px var(--ids-color-primary), 0 0 4px 3px var(--ids-color-primary);
363
+ --ids-button-secondary-color-background-hover: var(--ids-button-tertiary-color-background-hover);
364
+ --ids-button-secondary-color-background-disabled: transparent;
365
+ --ids-button-secondary-color-border-disabled: var(--ids-color-neutral-20);
366
+ --ids-button-secondary-color-text-disabled: var(--ids-color-neutral-30);
367
+ --ids-button-secondary-color-background-pressed: var(--ids-color-primary-30);
368
+ --ids-button-tertiary-color-border-default: transparent;
369
+ --ids-button-tertiary-color-text-default: var(--ids-color-neutral-60);
370
+ --ids-button-tertiary-color-border-focus: var(--ids-color-border-focus);
371
+ --ids-button-tertiary-color-text-hover: var(--ids-color-primary-70);
372
+ --ids-button-tertiary-color-background-hover: var(--ids-color-primary-10);
373
+ --ids-button-tertiary-color-text-disabled: var(--ids-color-neutral-30);
374
+ --ids-button-tertiary-font-weight: var(--ids-font-weight-semibold);
375
+ --ids-button-tertiary-color-background-pressed: var(--ids-color-primary-30);
376
+ --ids-button-icon-padding: calc(var(--ids-space-40) - 1px);
377
+ --ids-button-destructive-color-background-hover: var(--ids-color-error-10);
378
+ --ids-button-alternate-color-text-default: var(--ids-color-neutral-10);
379
+ --ids-button-alternate-color-text-default-hover: var(--ids-color-neutral-00);
380
+ --ids-button-alternate-color-background-pressed: var(--ids-color-text-on-primary);
381
+ --ids-button-formatter-color-border: var(--ids-color-neutral-00);
382
+ --ids-button-formatter-opacity-disabled: 0.4;
383
+ --ids-button-formatter-color-text-hover: var(--ids-color-text-inverse);
384
+ --ids-button-formatter-color-text-default: var(--ids-input-color-background-readonly);
385
+ --ids-breadcrumb-color-text-default: var(--ids-color-text-subtle);
386
+ --ids-breadcrumb-color-text-disabled: var(--ids-color-text-disabled);
387
+ --ids-breadcrumb-color-text-emphasis: var(--ids-color-text-inverse);
393
388
  --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);
389
+ --ids-breadcrumb-font-size: var(--ids-font-size-30);
390
+ --ids-calendar-toolbar-color-background: var(--ids-color-neutral-00);
391
+ --ids-calendar-toolbar-color-border: var(--ids-color-neutral-20);
392
+ --ids-calendar-event-color-background-accent-azure: var(--ids-color-azure-20);
393
+ --ids-calendar-event-color-border-accent-azuret-azure: var(--ids-color-azure-70);
394
+ --ids-calendar-event-color-background-accent-amber: var(--ids-color-amber-30);
395
+ --ids-calendar-event-color-border-accent-amber: var(--ids-color-amber-70);
396
+ --ids-calendar-event-color-background-accent-amethyst: var(--ids-color-amethyst-30);
397
+ --ids-calendar-event-color-border-accent-amethyst: var(--ids-color-amethyst-70);
398
+ --ids-calendar-event-color-background: var(--ids-color-azure-20);
399
+ --ids-calendar-event-color-border-default: var(--ids-color-amber-70);
400
+ --ids-calendar-event-color-background-accent-emerald: var(--ids-color-emerald-30);
401
+ --ids-calendar-event-color-border-accent-emerald: var(--ids-color-emerald-70);
402
+ --ids-calendar-event-color-border-focus: var(--ids-color-azure-60);
403
+ --ids-calendar-event-color-icon-alert: var(--ids-color-amber-60);
404
+ --ids-calendar-event-color-icon-clock: var(--ids-color-amber-60);
405
+ --ids-calendar-event-color-icon-pending: var(--ids-color-amber-60);
406
+ --ids-calendar-event-color-icon-success: var(--ids-color-emerald-60);
407
+ --ids-calendar-event-color-background-accent-ruby: var(--ids-color-ruby-30);
408
+ --ids-calendar-event-color-border-accent-ruby: var(--ids-color-ruby-70);
409
+ --ids-calendar-event-color-background-accent-turqoise: var(--ids-color-turquoise-30);
410
+ --ids-calendar-event-color-border-accent-turqoise: var(--ids-color-turquoise-70);
411
+ --ids-calendar-event-color-background-accent-slate: var(--ids-color-neutral-30);
412
+ --ids-calendar-event-color-border-accent-slate: var(--ids-color-neutral-70);
413
+ --ids-calendar-event-color-text: var(--ids-color-neutral-100);
414
+ --ids-card-toolbar-padding: var(--ids-space-60);
415
+ --ids-card-border-radius: var(--ids-border-radius-03);
416
+ --ids-card-margin-bottom: var(--ids-space-60);
422
417
  --ids-card-height: 360px;
423
418
  --ids-card-content-height: 310px;
424
419
  --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);
420
+ --ids-card-color-background: var(--ids-color-neutral-00);
421
+ --ids-card-color-border: var(--ids-color-neutral-30);
422
+ --ids-card-divider-color-border: var(--ids-color-neutral-20);
423
+ --ids-card-shadow: rgba(0 0 0 / 0.1) 0 0 8px;
424
+ --ids-card-color-background-selected: var(--ids-color-primary-10);
425
+ --ids-card-color-border-selected: var(--ids-color-primary);
426
+ --ids-card-color-text-default: var(--ids-color-text-label);
427
+ --ids-card-color-text-hover: var(--ids-color-text-data);
428
+ --ids-chart-legend-font-size: var(--ids-font-size-30);
429
+ --ids-chart-legend-color-text: var(--ids-color-text-label);
430
+ --ids-chart-color-accent-01: var(--ids-color-azure-80);
431
+ --ids-chart-color-accent-02: var(--ids-color-turquoise-40);
432
+ --ids-chart-color-accent-03: var(--ids-color-amethyst-60);
433
+ --ids-chart-color-accent-04: var(--ids-color-neutral-40);
434
+ --ids-chart-color-accent-05: var(--ids-color-amber-30);
435
+ --ids-chart-color-accent-06: var(--ids-color-amber-70);
436
+ --ids-chart-color-accent-07: var(--ids-color-emerald-80);
437
+ --ids-chart-color-accent-08: var(--ids-color-azure-30);
438
+ --ids-chart-color-accent-09: var(--ids-color-ruby-80);
439
+ --ids-chart-color-accent-10: var(--ids-color-neutral-20);
440
+ --ids-chart-color-accent-11: var(--ids-color-turquoise-60);
441
+ --ids-chart-color-accent-12: var(--ids-color-amber-90);
442
+ --ids-chart-color-accent-13: var(--ids-color-amethyst-30);
443
+ --ids-chart-color-accent-14: var(--ids-color-azure-60);
444
+ --ids-chart-color-accent-15: var(--ids-color-ruby-30);
445
+ --ids-chart-color-accent-16: var(--ids-color-amethyst-80);
446
+ --ids-chart-color-accent-17: var(--ids-color-emerald-30);
447
+ --ids-chart-color-accent-18: var(--ids-color-turquoise-80);
448
+ --ids-chart-color-accent-19: var(--ids-color-neutral-60);
449
+ --ids-chart-color-accent-20: var(--ids-color-ruby-40);
450
+ --ids-checkbox-color-border-default: var(--ids-input-color-border-default);
451
+ --ids-checkbox-border: 1px solid var(--ids-checkbox-color-border-default);
452
+ --ids-checkbox-border-radius: var(--ids-border-radius-01);
453
+ --ids-checkbox-color-border-error: var(--ids-color-error-default);
454
+ --ids-checkbox-color-background-selected: var(--ids-color-primary);
455
+ --ids-checkbox-color-border-selected: var(--ids-color-primary);
456
+ --ids-checkbox-color-border-selected-after: var(--ids-color-neutral-00);
457
+ --ids-checkbox-border-width-selected-after: 0 2px 2px 0;
458
+ --ids-checkbox-color-background-indeterminate: var(--ids-color-primary);
459
+ --ids-checkbox-color-border-indeterminate: var(--ids-color-primary);
460
+ --ids-checkbox-color-border-indeterminate-after: var(--ids-color-neutral-00);
461
+ --ids-checkbox-border-width-indeterminate: 0 0 2px;
462
+ --ids-checkbox-color-background-disabled: var(--ids-color-text-disabled);
463
+ --ids-checkbox-color-border-disabled: var(--ids-input-color-text-disabled);
464
+ --ids-checkbox-color-background-selected-disabled: var(--ids-color-text-disabled);
465
+ --ids-checkbox-color-border-selected-disabled: var(--ids-input-color-text-disabled);
466
+ --ids-checkbox-color-text-disabled: var(--ids-color-text-disabled);
467
+ --ids-checkbox-color-border-focus: var(--ids-input-color-border-focus);
468
+ --ids-checkbox-shadow-focus: var(--ids-shadow-focus);
469
+ --ids-checkbox-color-background-multiselect: var(--ids-color-background-default);
470
+ --ids-counts-color-text: var(--ids-color-text-subtle);
471
+ --ids-counts-links-color-text: var(--ids-hyperlink-color-text-default);
472
+ --ids-counts-label-font-size: var(--ids-font-size-40);
473
+ --ids-counts-value-font-size: var(--ids-font-size-100);
474
+ --ids-data-grid-color-background: var(--ids-color-neutral-00);
475
+ --ids-data-grid-height-min: 350px;
476
+ --ids-data-grid-font-size: var(--ids-font-size-40);
477
+ --ids-data-grid-font-size-sm: var(--ids-font-size-30);
478
+ --ids-data-grid-cell-color-background-default: var(--ids-color-neutral-00);
479
+ --ids-data-grid-cell-color-background-readonly: rgba(0 0 0 / 0.04);
480
+ --ids-data-grid-cell-color-border: var(--ids-color-neutral-30);
481
+ --ids-data-grid-cell-checkbox-color-border: var(--ids-input-color-border-default);
482
+ --ids-data-grid-cell-color-text-default: var(--ids-color-neutral-100);
483
+ --ids-data-grid-cell-color-text-disabled: var(--ids-color-neutral-30);
484
+ --ids-data-grid-cell-color-background-error: rgba(232 79 79 / 0.1);
485
+ --ids-data-grid-list-cell-color-border: var(--ids-color-neutral-20);
486
+ --ids-data-grid-list-header-color-border: var(--ids-color-neutral-10);
487
+ --ids-data-grid-list-header-color-background: var(--ids-color-neutral-10);
488
+ --ids-data-grid-list-header-color-text: var(--ids-color-neutral-100);
489
+ --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-neutral-20);
490
+ --ids-data-grid-list-header-color-icon-sorted: var(--ids-color-neutral-00);
491
+ --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-neutral-70);
492
+ --ids-data-grid-header-color-border: var(--ids-color-neutral-30);
493
+ --ids-data-grid-header-color-background-default: var(--ids-color-neutral-80);
501
494
  --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);
495
+ --ids-data-grid-header-checkbox-color-background: var(--ids-color-neutral-00);
496
+ --ids-data-grid-header-checkbox-color-border: var(--ids-color-neutral-00);
497
+ --ids-data-grid-header-color-icon: var(--ids-color-neutral-00);
505
498
  --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);
499
+ --ids-data-grid-header-color-background-placeholder-dragging: var(--ids-color-neutral-50);
500
+ --ids-data-grid-header-color-text: var(--ids-color-neutral-00);
501
+ --ids-data-grid-header-color-icon-unsorted: var(--ids-color-neutral-50);
502
+ --ids-data-grid-header-color-icon-sorted: var(--ids-color-neutral-00);
503
+ --ids-data-grid-header-lg-padding: 8px var(--ids-data-grid-padding-lg);
504
+ --ids-data-grid-header-md-padding: 8px var(--ids-data-grid-padding-md);
505
+ --ids-data-grid-header-sm-padding: 8px var(--ids-data-grid-padding-sm);
506
+ --ids-data-grid-header-xs-padding: 6px var(--ids-data-grid-padding-xs);
514
507
  --ids-data-grid-header-xxs-padding: 5px 2px;
515
508
  --ids-data-grid-header-expander-color: var(--ids-color-neutral-20);
516
509
  --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);
510
+ --ids-data-grid-filter-input-color-background: transparent;
511
+ --ids-data-grid-filter-input-color-border-default: var(--ids-color-neutral-30);
512
+ --ids-data-grid-filter-input-color-text-default: var(--ids-color-neutral-00);
513
+ --ids-data-grid-filter-input-color-background-hover: var(--ids-color-neutral-20);
514
+ --ids-data-grid-filter-input-color-border-focus: var(--ids-color-azure-50);
515
+ --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-neutral-50);
516
+ --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-neutral-40);
517
+ --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-neutral-60);
518
+ --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-neutral-30);
519
+ --ids-data-grid-filter-input-color-text-readonly: var(--ids-color-neutral-00);
520
+ --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-neutral-40);
521
+ --ids-data-grid-filter-input-drop-background-color: var(--ids-color-background-default);
522
+ --ids-data-grid-row-height-xxs: 25px;
523
+ --ids-data-grid-padding-xxs: var(--ids-space-20);
524
+ --ids-data-grid-row-height-xs: 30px;
525
+ --ids-data-grid-padding-xs: var(--ids-space-30);
526
+ --ids-data-grid-row-height-sm: 35px;
527
+ --ids-data-grid-padding-sm: var(--ids-space-40);
528
+ --ids-data-grid-row-height-md: 40px;
529
+ --ids-data-grid-padding-md: var(--ids-space-50);
530
+ --ids-data-grid-row-height-lg: 50px;
531
+ --ids-data-grid-padding-lg: var(--ids-space-60);
532
+ --ids-data-grid-row-color-background-selected: rgba(85 163 243 / 0.10);
533
+ --ids-data-grid-row-alternating-color-background: var(--ids-color-neutral-10);
534
+ --ids-data-grid-row-shadow-focus: inset 0 0 0 1px var(--ids-color-primary-40), 0 1px 0 0 var(--ids-color-primary-40), 0 0 3px 2px rgb(54 138 192 / 0.3);
535
+ --ids-date-picker-open-trigger-button-color-text: var(--ids-color-primary)
536
+ --ids-date-picker-color-border: var(--ids-color-primary);
537
+ --ids-date-picker-dropdown-button-color-text: var(--ids-color-neutral-100);
538
+ --ids-date-picker-dropdown-color-focus: var(--ids-shadow-md);
539
+ --ids-date-picker-color-background: var(--ids-color-neutral-00);
540
+ --ids-date-picker-picklist-item-color-text-default: var(--ids-color-text-subtle);
541
+ --ids-date-picker-item-color-border-focus: var(--ids-focus-ring-border-color);
542
+ --ids-date-picker-item-shadow-focus: var(--ids-focus-ring-shadow);
543
+ --ids-date-picker-picklist-item-color-text-selected: var(--ids-color-neutral-00);
544
+ --ids-date-picker-picklist-item-color-background-selected: var(--ids-color-primary);
545
+ --ids-date-picker-picklist-separator-color-background: var(--ids-color-neutral-30);
546
+ --ids-date-picker-popup-button-primary-color-text: var(--ids-color-azure-70);
547
+ --ids-date-picker-popup-button-primary-color-text-disabled: var(--ids-color-azure-30);
548
+ --ids-date-picker-popup-button-color-border: var(--ids-color-neutral-30);
549
+ --ids-date-picker-popup-footer-color-border: var(--ids-date-picker-popup-button-color-border);
550
+ --ids-date-picker-popup-button-color-text-default: var(--ids-color-neutral-60);
551
+ --ids-date-picker-popup-button-color-text-hover: var(--ids-color-neutral-100);
552
+ --ids-date-picker-popup-button-today-color-text: var(--ids-color-primary);
553
+ --ids-input-dirty-indicator-color-background-dirty: var(--ids-color-amber-30);
554
+ --ids-drawer-action-sheet-color-background: var(--ids-color-neutral-00);
555
+ --ids-drawer-action-sheet-color-text: var(--ids-color-neutral-100);
556
+ --ids-drawer-action-sheet-shadow: 0 0 8px rgba(0 0 0 / 0.2);
557
+ --ids-drawer-app-menu-color-background: var(--ids-color-neutral-100);
558
+ --ids-drawer-app-menu-color-text: var(--ids-color-neutral-00);
559
+ --ids-drawer-app-menu-shadow: 0 0 20px 1px rgba(0 0 0 / 0.75);
567
560
  --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);
561
+ --ids-dropdown-color-background-default: var(--ids-popup-color-background);
562
+ --ids-dropdown-color-border: var(--ids-color-border-focus);
563
+ --ids-dropdown-attached-color-border: var(--ids-color-neutral-30);
564
+ --ids-dropdown-shadow-default: -3px 3px 3px 0 rgb(54 138 192 / 0.3), 0 2px 3px 0 rgb(54 138 192 / 0.3), 3px 3px 3px 0 rgb(54 138 192 / 0.3);
565
+ --ids-dropdown-border-radius: 0 0 var(--ids-border-radius-01) var(--ids-border-radius-01);
566
+ --ids-dropdown-border-radius-opened-up: var(--ids-border-radius-01) var(--ids-border-radius-01) 0 0;
567
+ --ids-dropdown-shadow-opened-up: 0 -1px 2px 0 rgb(54 138 192 / 0.3), 2px 0 3px 0 rgb(54 138 192 / 0.3), -2px -2px 3px 0 rgb(54 138 192 / 0.3);
568
+ --ids-dropdown-color-icon: var(--ids-color-neutral-100);
569
+ --ids-dropdown-typeahead-color-background: var(--ids-color-neutral-10);
570
+ --ids-dropdown-space-text: 8px;
571
+ --ids-dropdown-separator-color-border: var(--ids-color-neutral-10);
579
572
  --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);
573
+ --ids-dropdown-color-text-default: var(--ids-color-neutral-100);
574
+ --ids-dropdown-color-text-selected: var(--ids-color-neutral-00);
575
+ --ids-dropdown-color-background-selected: var(--ids-color-primary-60);
576
+ --ids-dropdown-color-background-hover: var(--ids-color-neutral-20);
577
+ --ids-dropdown-group-color-text: var(--ids-color-neutral-80);
578
+ --ids-dropdown-group-color-border: var(--ids-color-neutral-30);
586
579
  --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);
580
+ --ids-dropdown-font-size: var(--ids-font-size-30);
581
+ --ids-editor-font-family: var(--ids-font-family-default);
582
+ --ids-editor-font-size: var(--ids-font-size-40);
590
583
  --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;
584
+ --ids-editor-color-border-default: var(--ids-color-neutral-40);
585
+ --ids-editor-border-radius-default: var(--ids-border-radius-01);
586
+ --ids-editor-border-style-default: solid;
587
+ --ids-editor-border-width-default: 1px;
595
588
  --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);
589
+ --ids-editor-font-line-height: var(--ids-line-height-30);
590
+ --ids-editor-padding: var(--ids-space-60);
591
+ --ids-editor-color-border-hover: var(--ids-color-neutral-90);
592
+ --ids-editor-color-border-focus: var(--ids-color-border-focus);
593
+ --ids-editor-outline-focus: var(--ids-outline-none);
594
+ --ids-editor-shadow-border-focus: var(--ids-shadow-focus);
595
+ --ids-editor-color-border-error: var(--ids-color-error-default);
596
+ --ids-editor-color-text-error: var(--ids-color-error-default);
597
+ --ids-editor-shadow-error: var(--ids-shadow-error);
598
+ --ids-editor-color-background-readonly: var(--ids-color-neutral-20);
599
+ --ids-editor-color-border-readonly: var(--ids-editor-color-border-default);
600
+ --ids-editor-color-text-readonly: var(--ids-color-text-data);
601
+ --ids-editor-source-color-background-readonly: var(--ids-color-neutral-10);
602
+ --ids-editor-color-border-disabled: var(--ids-color-text-disabled);
603
+ --ids-editor-cursor-disabled: var(--ids-cursor-default);
604
+ --ids-editor-color-text-disabled: var(--ids-color-text-disabled);
605
+ --ids-editor-link-padding: var(--ids-space-30);
606
+ --ids-editor-link-color-text-link: var(--ids-color-primary);
607
+ --ids-editor-link-color-text-hover: var(--ids-color-primary-70);
608
+ --ids-editor-link-color-border-focus: var(--ids-color-primary);
609
+ --ids-editor-link-border-radius-focus: var(--ids-border-radius-01);
610
+ --ids-editor-link-border-style-focus: solid;
611
+ --ids-editor-link-border-width-focus: 1px;
612
+ --ids-editor-link-outline-focus: var(--ids-outline-none);
613
+ --ids-editor-shadow-focus: var(--ids-shadow-focus);
622
614
  --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);
615
+ --ids-editor-blockquote-margin-inline-start: var(--ids-space-30);
616
+ --ids-editor-blockquote-margin-inline-end: var(--ids-space-none);
617
+ --ids-editor-blockquote-padding-inline-start: var(--ids-space-50);
618
+ --ids-editor-source-padding: var(--ids-space-none);
619
+ --ids-editor-source-margin: var(--ids-space-none);
620
+ --ids-editor-source-line-margin: var(--ids-space-none);
621
+ --ids-editor-source-line-padding-block-start: var(--ids-space-60);
622
+ --ids-editor-source-line-padding-inline: var(--ids-space-50);
623
+ --ids-editor-source-font-line-height: var(--ids-line-height-30);
624
+ --ids-editor-source-line-font-weight: var(--ids-font-weight-bold);
625
+ --ids-editor-source-color-background-default: var(--ids-color-neutral-10);
626
+ --ids-editor-source-line-color-text: var(--ids-color-neutral-50);
627
+ --ids-editor-textarea-color-background: transparent;
628
+ --ids-editor-source-color-text: var(--ids-color-text-data);
629
+ --ids-editor-source-border: none;
630
+ --ids-editor-source-padding-block-start: var(--ids-space-60);
631
+ --ids-editor-source-padding-inline: var(--ids-space-60);
632
+ --ids-editor-source-textarea-font-line-height: var(--ids-line-height-30);
633
+ --ids-editor-source-textarea-outline: var(--ids-space-none);
642
634
  --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);
635
+ --ids-empty-message-color-icon-fill: transparent;
636
+ --ids-empty-message-icon-margin: var(--ids-space-50);
645
637
  --ids-empty-message-icon-height: 80px;
646
638
  --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);
639
+ --ids-empty-message-label-padding: var(--ids-space-50) var(--ids-space-40);
640
+ --ids-empty-message-label-font-size: var(--ids-font-size-50);
641
+ --ids-empty-message-description-padding: var(--ids-space-none) var(--ids-space-60) var(--ids-space-60);
642
+ --ids-empty-message-description-font-align: center;
643
+ --ids-empty-message-button-margin-block-end: var(--ids-space-90);
652
644
  --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);
645
+ --ids-hierarchy-legend-color-background-default: var(--ids-color-neutral-20);
646
+ --ids-hierarchy-item-leaf-color-border: var(--ids-color-neutral-30);
647
+ --ids-hierarchy-item-leaf-shadow: 0 0 8px rgba(0 0 0 / 0.1);
648
+ --ids-hierarchy-item-border-radius: var(--ids-border-radius-01);
649
+ --ids-hierarchy-item-leaf-before-color-border: var(--ids-color-neutral-30);
650
+ --ids-hierarchy-item-color-background: var(--ids-color-neutral-00);
659
651
  --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);
652
+ --ids-hierarchy-item-leaf-inside-shadow: none;
653
+ --ids-hierarchy-item-border-default: 2px solid var(--ids-color-neutral-80);
654
+ --ids-hierarchy-item-shadow-focus: none;
655
+ --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(54 138 192 / 0.3);
656
+ --ids-header-color-background: var(--ids-color-primary);
657
+ --ids-header-color-text: var(--ids-color-text-on-primary);
666
658
  --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);
659
+ --ids-header-gradient-opacity-none: rgb(0 114 237 / 1);
660
+ --ids-header-gradient-opacity-full: rgb(0 114 237 / 0);
661
+ --ids-hyperlink-border-radius: var(--ids-border-radius-02);
670
662
  --ids-hyperlink-cursor: var(--ids-cursor-pointer);
671
- --ids-hyperlink-font-size: var(--ids-font-size);
663
+ --ids-hyperlink-font-size: var(--ids-font-size-40);
672
664
  --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);
665
+ --ids-hyperlink-color-text-default: var(--ids-color-primary);
666
+ --ids-hyperlink-color-text-hover: var(--ids-color-primary-70);
667
+ --ids-hyperlink-color-text-disabled: var(--ids-color-neutral-40);
676
668
  --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;
669
+ --ids-icon-color-default: var(--ids-color-neutral-80);
670
+ --ids-icon-color-default-disabled: var(--ids-color-text-disabled);
671
+ --ids-icon-empty-color: var(--ids-color-primary);
672
+ --ids-icon-empty-new-color: var(--ids-color-neutral-60);
673
+ --ids-image-color-border-focus: var(--ids-color-border-focus);
674
+ --ids-image-shadow-focus: var(--ids-shadow-30);
675
+ --ids-image-color-border-default: var(--ids-color-text-disabled);
676
+ --ids-image-color-text: var(--ids-color-text-subtle);
677
+ --ids-image-initials-border-radius: var(--ids-border-radius-circle);
678
+ --ids-image-initials-color-background: var(--ids-color-amethyst-50);
679
+ --ids-image-placeholder-color-background: var(--ids-color-background-default);
680
+ --ids-image-status-available-color-background: var(--ids-color-success-default);
681
+ --ids-image-status-busy-color-background: var(--ids-color-error-default);
682
+ --ids-image-status-away-color-background: var(--ids-color-warning-default);
683
+ --ids-image-status-unknown-color-background: var(--ids-color-text-disabled);
684
+ --ids-input-width-10: 75px;
685
+ --ids-input-width-20: 150px;
686
+ --ids-input-width-30: 225px;
687
+ --ids-input-width-40: 300px;
688
+ --ids-input-width-50: 400px;
698
689
  --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;
690
+ --ids-input-height-10: 28px;
691
+ --ids-input-height-20: 30px;
692
+ --ids-input-height-30: 38px;
693
+ --ids-input-height-40: 48px;
703
694
  --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);
695
+ --ids-input-label-font-size: var(--ids-font-size-30);
696
+ --ids-input-font-size: var(--ids-font-size-40);
697
+ --ids-input-font-size-sm: var(--ids-font-size-40);
698
+ --ids-input-color-background-default: var(--ids-color-neutral-00);
699
+ --ids-input-color-border-default: var(--ids-color-neutral-40);
700
+ --ids-input-color-text: var(--ids-color-text-data);
701
+ --ids-input-label-color-text-default: var(--ids-color-text-label);
702
+ --ids-input-color-border-readonly: var(--ids-color-neutral-40);
703
+ --ids-input-color-text-readonly: var(--ids-color-text-data);
704
+ --ids-input-color-background-readonly: var(--ids-color-neutral-20);
705
+ --ids-input-color-text-disabled: var(--ids-color-text-disabled);
706
+ --ids-input-color-border-disabled: var(--ids-color-text-disabled);
707
+ --ids-input-color-border-hover: var(--ids-color-neutral-90);
708
+ --ids-input-color-border-focus: var(--ids-color-border-focus);
709
+ --ids-input-header-color-text-default: var(--ids-color-neutral-00);
710
+ --ids-input-header-color-text-placeholder: rgba(255 255 255 / 0.7);
711
+ --ids-input-header-color-background: var(--ids-color-text-on-primary);
712
+ --ids-input-header-color-border: rgba(62 62 66 / 0.7);
713
+ --ids-input-color-text-default: var(--ids-color-neutral-00);
714
+ --ids-input-color-border-alert-default: var(--ids-color-warning-80);
715
+ --ids-input-color-text-alert-default: var(--ids-color-warning-80);
716
+ --ids-input-shadow-alert-focus: var(--ids-color-shadow-warning);
717
+ --ids-input-color-border-alert-disabled: var(--ids-color-warning-30);
718
+ --ids-input-color-text-alert-disabled: var(--ids-color-warning-30);
719
+ --ids-input-color-border-error-default: var(--ids-color-error-60);
720
+ --ids-input-error-color-text-error-default: var(--ids-color-error-60);
721
+ --ids-input-color-shadow-error-focus: var(--ids-color-shadow-error);
722
+ --ids-input-color-border-error-disabled: var(--ids-color-error-30);
723
+ --ids-input-error-color-text-error-disabled: var(--ids-color-error-30);
724
+ --ids-input-color-border-info-default: var(--ids-color-info-70);
725
+ --ids-input-color-text-info-default: var(--ids-color-info-70);
726
+ --ids-input-shadow-info-focus: var( --ids-color-shadow-info);
727
+ --ids-input-color-border-info-disabled: var(--ids-color-info-30);
728
+ --ids-input-color-text-info-disabled: var(--ids-color-info-30);
729
+ --ids-input-color-border-success-default: var(--ids-color-success-80);
730
+ --ids-input-color-text-success-default: var(--ids-color-success-80);
731
+ --ids-input-shadow-success-focus: var( --ids-color-shadow-success);
732
+ --ids-input-color-border-success-disabled: var(--ids-color-success-30);
733
+ --ids-input-color-text-success-disabled: var(--ids-color-success-30);
734
+ --ids-layout-grid-color-background: var(--ids-color-neutral-10);
735
+ --ids-layout-grid-color-text: var(--ids-color-text);
745
736
  --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);
737
+ --ids-list-builder-border-radius: var(--ids-border-radius-01);
738
+ --ids-list-builder-color-background: rgba(71 71 76 / 0.3);
739
+ --ids-list-builder-border-width: 0;
740
+ --ids-list-builder-input-height: var(--ids-size-10);
750
741
  --ids-list-builder-input-text-color: var(--ids-color-neutral-00);
751
- --ids-list-builder-input-padding: var(--ids-spacing-none);
742
+ --ids-list-builder-input-padding: var(--ids-space-none);
752
743
  --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);
744
+ --ids-list-builder-item-padding: var(--ids-space-50) var(--ids-space-70);
745
+ --ids-list-builder-item-height: var(--ids-size-50);
746
+ --ids-list-builder-item-height-min: var(--ids-size-40);
747
+ --ids-list-builder-drag-content: "⁞";
748
+ --ids-list-builder-item-cursor-drag: move;
749
+ --ids-list-builder-item-font-size-drag: var(--ids-font-size-60);
750
+ --ids-list-builder-item-color-background-placeholder: var(--ids-color-azure-10);
760
751
  --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);
752
+ --ids-list-view-color-border-focus: var(--ids-color-azure-40);
753
+ --ids-list-view-item-color-background-default: var(--ids-color-neutral-00);
763
754
  --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);
755
+ --ids-list-view-item-color-border-top: var(--ids-color-neutral-20);
756
+ --ids-list-view-item-padding: var(--ids-space-50) var(--ids-space-70);
757
+ --ids-list-view-item-color-border-focus: var(--ids-color-azure-40);
758
+ --ids-list-view-item-shadow-focus: 0 0 4px 1px rgb(54 138 192 / 0.3);
759
+ --ids-list-view-item-outline-focus: none;
760
+ --ids-list-view-item-color-text-disabled: var(--ids-color-neutral-30);
761
+ --ids-list-view-item-color-border-disabled-focus: transparent;
762
+ --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-neutral-20);
763
+ --ids-list-view-item-shadow-disabled-focus: none;
764
+ --ids-list-view-item-color-background-disabled: var(--ids-color-neutral-30);
765
+ --ids-list-view-item-color-border-disabled: var(--ids-color-neutral-30);
766
+ --ids-list-view-item-badge-color-text-disabled: var(--ids-color-neutral-00);
767
+ --ids-list-view-item-color-text-link-disabled: var(--ids-color-neutral-30);
768
+ --ids-list-view-item-opacity-disabled: 0.5;
769
+ --ids-list-view-color-background-selected: var(--ids-color-azure-10);
779
770
  --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);
771
+ --ids-loading-indicator-circle-color: var(--ids-color-primary-20);
772
+ --ids-loading-indicator-color-text: var(--ids-color-text-label);
773
+ --ids-loading-indicator-primary-progress-color-border: var(--ids-color-primary-90);
774
+ --ids-loading-indicator-primary-color-border: var(--ids-loading-indicator-circle-color);
775
+ --ids-loading-indicator-primary-destructive-progress-color-border: var(--ids-color-ruby-80);
776
+ --ids-loading-indicator-primary-destructive-overall-color-border: var(--ids-color-ruby-20);
777
+ --ids-loading-indicator-destructive-progress-color-border: var(--ids-color-ruby-60);
778
+ --ids-loading-indicator-tertiary-destructive-color-border: var(--ids-color-ruby-30);
779
+ --ids-masthead-color-background: var(--ids-color-neutral-100);
780
+ --ids-masthead-color-text: var(--ids-color-neutral-30);
781
+ --ids-masthead-padding-inline: var(--ids-space-60);
782
+ --ids-masthead-height-min: 40px;
783
+ --ids-masthead-logo-padding-icon-inline: var(--ids-space-40);
784
+ --ids-masthead-logo-top-space-icon: var(--ids-space-10);
785
+ --ids-masthead-title-margin-inline: var(--ids-space-40);
786
+ --ids-menu-header-font-weight: var(--ids-font-weight-semibold);
787
+ --ids-menu-header-margin: var(--ids-space-30);
788
+ --ids-menu-header-padding: var(--ids-space-30);
789
+ --ids-menu-header-font-size: var(--ids-font-size-20);
790
+ --ids-menu-header-color-text: var(--ids-color-neutral-70);
800
791
  --ids-menu-header-icon-padding: 38px;
801
- --ids-menu-item-min-width: 110px;
802
- --ids-menu-item-font-size: var(--ids-font-size-md);
792
+ --ids-menu-item-width-min: 110px;
793
+ --ids-menu-item-font-size: var(--ids-font-size-40);
803
794
  --ids-menu-item-padding-inline-start: 12px;
804
795
  --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);
796
+ --ids-menu-item-color-text-disabled: var(--ids-color-neutral-30);
806
797
  --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);
798
+ --ids-menu-item-color-text-default: var(--ids-color-neutral-100);
799
+ --ids-menu-check-color-default: var(--ids-color-primary);
800
+ --ids-menu-check-color-disabled: var(--ids-color-text-disabled);
801
+ --ids-message-color-text: var(--ids-color-text);
802
+ --ids-message-color-icon-error: var(--ids-color-error-default);
803
+ --ids-message-color-icon-warning: var(--ids-color-warning-default);
804
+ --ids-message-color-icon-success: var(--ids-color-success-default);
805
+ --ids-message-color-icon-info: var(--ids-color-info-default);
806
+ --ids-modal-color-background: var(--ids-popup-color-background);
807
+ --ids-modal-color-border: var(--ids-popup-color-border);
808
+ --ids-modal-shadow-default: var(--ids-popup-menu-shadow-default);
809
+ --ids-modal-color-text: var(--ids-color-text);
810
+ --ids-modal-border-radius: var(--ids-border-radius-01);
821
811
  --ids-modal-padding: 0;
822
812
  --ids-modal-header-padding: 16px;
823
813
  --ids-modal-content-padding: 16px 16px 0px 16px;
824
814
  --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);
815
+ --ids-modal-footer-color-border: var(--ids-color-neutral-30);
816
+ --ids-modal-button-color-default: var(--ids-color-primary);
817
+ --ids-modal-button-color-hover: var(--ids-color-primary-80);
818
+ --ids-modal-shadow-focus: 0 0 3px 1px var(--ids-color-primary);
819
+ --ids-calendar-month-view-color-background-default: var(--ids-color-neutral-00);
820
+ --ids-calendar-month-view-color-border: var(--ids-color-neutral-20);
821
+ --ids-calendar-month-view-color-text-alternate: var(--ids-color-neutral-40);
822
+ --ids-calendar-month-view-color-background-hover: rgb(240 240 240 / 0.5);
823
+ --ids-calendar-month-view-color-background-selected: var(--ids-color-neutral-10);
824
+ --ids-calendar-month-view-color-selected: var(--ids-color-primary);
825
+ --ids-calendar-month-view-color-background-disabled: var(--ids-color-neutral-20);
826
+ --ids-calendar-month-view-legend-color-text: var(--ids-calendar-month-view-color-text-default);
827
+ --ids-calendar-month-view-color-text-default: var(--ids-color-neutral-80);
828
+ --ids-calendar-month-view-weekday-color-text: var(--ids-calendar-month-view-color-text-default);
829
+ --ids-month-view-week-number-text-color: var(--ids-calendar-month-view-color-text-compact);
830
+ --ids-calendar-month-view-color-text-compact: var(--ids-color-neutral-40);
831
+ --ids-calendar-month-view-day-color-background-compact-hover: var(--ids-calendar-month-view-color-border);
832
+ --ids-calendar-month-view-weekday-color-text-compact-hover: var(--ids-calendar-month-view-color-text-default);
833
+ --ids-calendar-month-view-day-color-background-compact-selected: var(--ids-color-primary);
834
+ --ids-calendar-month-view-weekday-color-text-compact-selected-hover: var(--ids-color-neutral-00);
835
+ --ids-calendar-month-view-range-color-background-compact: var(--ids-calendar-month-view-color-border);
836
+ --ids-calendar-month-view-range-color-background-compact-selected: var(--ids-color-primary);
837
+ --ids-calendar-month-view-range-color-text-compact-selected: var(--ids-color-neutral-00);
838
+ --ids-calendar-month-view-today-color-border-compact: var(--ids-color-neutral-30);
839
+ --ids-calendar-month-view-weekday-color-text-compact: var(--ids-calendar-month-view-color-text-default);
840
+ --ids-multiselect-font-size: var(--ids-font-size-30);
852
841
  --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);
842
+ --ids-notification-badge-border-radius: var(--ids-border-radius-02);
843
+ --ids-notification-badge-error-color-background: var(--ids-color-error-default);
844
+ --ids-notification-badge-info-color-background: var(--ids-color-info-default);
845
+ --ids-notification-badge-success-color-background: var(--ids-color-success-default);
846
+ --ids-notification-badge-warning-color-background: var(--ids-color-warning-default);
847
+ --ids-notification-banner-height: var(--ids-size-50);
848
+ --ids-notification-banner-padding: var(--ids-space-40);
849
+ --ids-notification-banner-color-text: var(--ids-color-text-subtle);
850
+ --ids-notification-banner-button-padding: var(--ids-space-20);
851
+ --ids-notification-banner-button-color-background-hover: rgb(0 0 0 / .1);
852
+ --ids-notification-banner-success-color-background: var(--ids-color-success-10);
853
+ --ids-notification-banner-warning-color-background: var(--ids-color-warning-10);
854
+ --ids-notification-banner-info-color-background: var(--ids-color-info-10);
855
+ --ids-notification-banner-error-color-background: var(--ids-color-error-10);
856
+ --ids-chart-pie-font-family: var(--ids-font-family-default);
857
+ --ids-chart-pie-font-size: var(--ids-font-size-10);
858
+ --ids-chart-pie-color-text: var(--ids-color-text-label);
871
859
  --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);
860
+ --ids-popup-color-background: var(--ids-color-neutral-00);
861
+ --ids-popup-color-border: var(--ids-color-neutral-30);
862
+ --ids-popup-padding: var(--ids-space-50);
863
+ --ids-popup-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
864
+ --ids-popup-menu-color-background-default: var(--ids-popup-color-background);
865
+ --ids-popup-menu-color-border-default: var(--ids-popup-color-border);
866
+ --ids-popup-menu-padding: var(--ids-space-30);
867
+ --ids-popup-menu-color-text-default: var(--ids-color-neutral-80);
868
+ --ids-popup-menu-font-size: var(--ids-font-size-30);
869
+ --ids-popup-menu-border-radius: var(--ids-border-radius-01);
870
+ --ids-popup-menu-shadow-default: var(--ids-popup-shadow);
871
+ --ids-popup-menu-color-background-inverse: var(--ids-color-neutral-100);
872
+ --ids-popup-menu-color-border-inverse: var(--ids-color-neutral-10);
873
+ --ids-popup-menu-shadow-inverse: 0 2px 5px rgba(0 0 0 / 0.2);
874
+ --ids-popup-menu-color-text-inverse: var(--ids-color-neutral-00);
875
+ --ids-progress-bar-color-text-disabled: var(--ids-color-text-disabled);
876
+ --ids-progress-bar-color-background-disabled: var(--ids-color-text-disabled);
877
+ --ids-progress-bar-color-border: var(--ids-color-neutral-70);
878
+ --ids-progress-bar-border: 1px solid var(--ids-progress-bar-color-border);
879
+ --ids-progress-bar-border-radius: var(--ids-border-radius-02);
880
+ --ids-progress-bar-color-background-default: transparent;
881
+ --ids-progress-bar-height: var(--ids-space-40);
882
+ --ids-progress-bar-margin: var(--ids-space-60) var(--ids-space-none);
883
+ --ids-progress-bar-fill-color-background: var(--ids-color-primary);
884
+ --ids-progress-bar-label-color-text: var(--ids-color-text-label);
885
+ --ids-progress-bar-label-audible-margin: var(--ids-space-20) var(--ids-space-none);
886
+ --ids-progress-bar-grid-cell-margin: var(--ids-space-60);
887
+ --ids-progress-chart-font-family: var(--ids-font-family-default);
888
+ --ids-progress-chart-margin: var(--ids-space-none) var(--ids-space-none) var(--ids-space-40);
889
+ --ids-progress-chart-label-font-size: var(--ids-font-size-40);
890
+ --ids-progress-chart-label-margin-bottom: var(--ids-space-40);
891
+ --ids-progress-chart-label-color-text: var(--ids-color-neutral-60);
892
+ --ids-progress-chart-label-main-margin: var(--ids-space-none) var(--ids-space-30) var(--ids-space-none) var(--ids-space-none);
893
+ --ids-progress-chart-label-progress-margin: var(--ids-space-none) var(--ids-space-30);
894
+ --ids-progress-chart-bar-border-radius: var(--ids-border-radius-01);
895
+ --ids-progress-chart-height-min: 28px;
896
+ --ids-progress-chart-bar-width-min: 66px;
897
+ --ids-progress-chart-total-color-background: var(--ids-color-neutral-30);
898
+ --ids-progress-chart-bar-progress-color-background: var(--ids-color-neutral-60);
899
+ --ids-process-indicator-color-text: var(--ids-color-text-label);
900
+ --ids-process-indicator-step-margin-top: 40px;
901
+ --ids-process-indicator-margin: var(--ids-space-none) var(--ids-space-30) var(--ids-space-none) var(--ids-space-none);
902
+ --ids-process-indicator-text-margin: var(--ids-space-none) var(--ids-space-30) var(--ids-space-30) var(--ids-space-none);
903
+ --ids-process-indicator-color-background: var(--ids-color-background-default);
904
+ --ids-process-indicator-color-primary: var(--ids-color-primary);
905
+ --ids-process-indicator-color-active: var(--ids-color-primary);
906
+ --ids-process-indicator-color: var(--ids-color-neutral-30);
919
907
  --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);
908
+ --ids-process-indicator-font-line-height: 2px;
909
+ --ids-process-indicator-line-color-background: var(--ids-process-indicator-color);
922
910
  --ids-process-indicator-step-transform: translate(0, -75%);
923
911
  --ids-process-indicator-step-height: 11px;
924
912
  --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);
913
+ --ids-process-indicator-border-radius-step: var(--ids-border-radius-circle);
914
+ --ids-process-indicator-canceled-step-color-background: var(--ids-color-ruby-60);
915
+ --ids-process-indicator-canceled-step-color-icon: var(--ids-process-indicator-color-background);
916
+ --ids-process-indicator-border-done: 2px solid var(--ids-process-indicator-color-primary);
917
+ --ids-process-indicator-border-started: 2px solid var(--ids-process-indicator-color-active);
918
+ --ids-radio-button-color-background: var(--ids-input-color-background-default);
919
+ --ids-radio-button-color-border-default: var(--ids-input-color-border-default);
920
+ --ids-radio-button-color-background-selected: var(--ids-color-primary);
921
+ --ids-radio-button-color-border-selected: var(--ids-color-primary);
922
+ --ids-radio-button-inner-color-background-selected: var(--ids-color-neutral-00);
923
+ --ids-radio-button-border-radius: var(--ids-border-radius-circle);
924
+ --ids-radio-button-color-border-disabled: var(--ids-input-color-text-disabled);
925
+ --ids-radio-button-color-background-selected-disabled: var(--ids-input-color-text-disabled);
926
+ --ids-radio-button-color-border-selected-disabled: var(--ids-input-color-text-disabled);
927
+ --ids-rating-star-color-selected: var(--ids-color-amber-60);
928
+ --ids-rating-star-color-default: var(--ids-icon-color-default);
929
+ --ids-rating-star-color-hover: var(--ids-button-primary-color-background-default);
930
+ --ids-rating-star-color-focus: var(--ids-button-primary-color-background-default);
931
+ --ids-rating-star-disabled-color: var(--ids-color-text-disabled);
932
+ --ids-rating-star-margin-inline: var(--ids-space-30);
933
+ --ids-input-required-indicator-color-text-default: var(--ids-color-error-default);
934
+ --ids-input-required-indicator-color-text-disabled: var(--ids-color-error-30);
935
+ --ids-scroll-view-color-icon-default: var(--ids-color-neutral-70);
936
+ --ids-scroll-view-color-icon-selected: var(--ids-color-primary);
937
+ --ids-search-field-app-menu-shadow-focus:none;
938
+ --ids-search-field-app-menu-color-text: var(--ids-color-neutral-20);
939
+ --ids-search-field-app-menu-color-background: #000;
940
+ --ids-search-field-app-menu-color-icon-default: var(--ids-color-neutral-40);
941
+ --ids-search-field-app-menu-color-icon-hover: var(--ids-color-neutral-90);
942
+ --ids-search-field-icon-margin: 8px;
943
+ --ids-search-field-border-radius: var(--ids-border-radius-02);
944
+ --ids-search-field-header-color-background: var(--ids-color-text-on-primary);
945
+ --ids-search-field-header-color-text: var(--ids-color-text);
946
+ --ids-search-field-header-color-icon-default: var(--ids-color-neutral-80);
947
+ --ids-search-field-header-color-icon-hover: var(--ids-button-tertiary-color-background-hover);
948
+ --ids-search-field-card-color-text: var(--ids-color-text);
949
+ --ids-search-field-card-color-background: var(--ids-color-neutral-10);
950
+ --ids-separator-color-background: var(--ids-color-neutral-40);
951
+ --ids-separator-alternate-color-background: var(--ids-color-neutral-40);
965
952
  --ids-separator-height: 24px;
966
953
  --ids-separator-width: 1px;
967
954
  --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);
955
+ --ids-skip-link-color-background: var(--ids-popup-color-background);
956
+ --ids-skip-link-border-color: var(--ids-popup-color-border);
957
+ --ids-skip-link-margin: var(--ids-space-60);
958
+ --ids-skip-link-font-size: var(--ids-font-size-40);
959
+ --ids-skip-link-border-radius: 0 0 var(--ids-border-radius-01) var(--ids-border-radius-01);
973
960
  --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);
961
+ --ids-spinbox-color-background-default: var(--ids-trigger-field-color-background-default);
962
+ --ids-spinbox-color-background-readonly: var(--ids-trigger-field-color-background-readonly);
963
+ --ids-spinbox-color-text-readonly: var(--ids-trigger-field-color-text-readonly);
964
+ --ids-spinbox-color-border-focus: var(--ids-trigger-field-color-border-focus)
965
+ --ids-spinbox-shadow-focus: var(--ids-trigger-field-shadow-focus);
966
+ --ids-spinbox-color-text-disabled: var(--ids-trigger-field-color-text-disabled);
967
+ --ids-spinbox-color-border-disabled: var(--ids-trigger-field-color-border-disabled);
968
+ --ids-slider-tick-color-background-default: var(--ids-color-primary);
969
+ --ids-slider-tick-size: var(--ids-space-40);
970
+ --ids-slider-thumb-size: var(--ids-space-60);
971
+ --ids-slider-thumb-color-background-default: var(--ids-color-primary);
972
+ --ids-slider-thumb-shadow-hover: 0 2px 5px rgba(0 0 0 / 0.4);
973
+ --ids-slider-thumb-color-shadow-default: rgba(0 114 237 / 0.1);
974
+ --ids-slider-thumb-color-border-default: var(--ids-color-primary);
975
+ --ids-slider-track-color-background-default: var(--ids-color-neutral-40);
976
+ --ids-slider-track-color-background-progress: var(--ids-color-primary);
977
+ --ids-slider-tooltip-color-background: var(--ids-color-neutral-80);
978
+ --ids-slider-tooltip-color-text: var(--ids-color-neutral-00);
979
+ --ids-slider-color-disabled: var(--ids-color-neutral-30);
980
+ --ids-slider-tick-color-background-disabled: var(--ids-color-neutral-30);
981
+ --ids-slider-thumb-color-background-disabled: var(--ids-color-neutral-30);
982
+ --ids-slider-track-color-background-disabled: var(--ids-color-neutral-20);
983
+ --ids-slider-track-color-background-progress-disabled: var(--ids-color-neutral-30);
984
+ --ids-slider-color-readonly: var(--ids-color-neutral-30);
985
+ --ids-slider-tick-color-background-readonly: var(--ids-color-neutral-50);
986
+ --ids-slider-thumb-color-background-readonly: var(--ids-color-neutral-50);
987
+ --ids-slider-thumb-color-shadow-readonly: rgba(119 119 124 / 0.1);
988
+ --ids-slider-thumb-color-border-readonly: var(--ids-color-neutral-50);
989
+ --ids-slider-track-color-background-readonly: var(--ids-color-neutral-40);
990
+ --ids-slider-track-progress-color-background-readonly: var(--ids-color-neutral-50);
991
+ --ids-splitter-bar-color-border: var(--ids-color-neutral-30);
992
+ --ids-splitter-bar-color-border-hover: var(--ids-color-neutral-30);
993
+ --ids-splitter-bar-color-border-dragging: var(--ids-color-azure-30);
994
+ --ids-splitter-bar-buffer-width: 8px;
995
+ --ids-splitter-bar-width: 1px;
996
+ --ids-splitter-handle-border-radius: var(--ids-border-radius-02);
997
+ --ids-splitter-handle-height: 32px;
998
+ --ids-splitter-handle-width: 6px;
999
+ --ids-splitter-handle-color-background-hover: var(--ids-color-azure-60);
1000
+ --ids-step-chart-margin: var(--ids-space-60);
1001
+ --ids-step-chart-inner-margin: var(--ids-space-30);
1014
1002
  --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);
1003
+ --ids-step-chart-color-background-default: var(--ids-color-neutral-20);
1004
+ --ids-step-chart-color-background-complete: var(--ids-color-primary);
1005
+ --ids-step-chart-step-disabled-color: var(--ids-color-text-disabled);
1018
1006
  --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);
1007
+ --ids-swappable-color-border-active: var(--ids-color-neutral-80);
1008
+ --ids-swappable-item-border-default: 1px dashed transparent;
1009
+ --ids-swappable-item-font-family: var(--ids-font-family-default);
1010
+ --ids-swappable-item-cursor-default: var(--ids-cursor-pointer);
1011
+ --ids-swappable-item-color-background-hover: var(--ids-color-azure-10);
1012
+ --ids-swappable-item-content-hover: "⁞";
1013
+ --ids-swappable-item-font-size-hover: var(--ids-font-size-60);
1014
+ --ids-swappable-item-border-focus: 1px solid var(--ids-color-azure-40);
1015
+ --ids-swappable-item-shadow-focus: 0 0 4px 1px rgb(54 138 192 / 0.3);
1016
+ --ids-swappable-item-outline-focus: none;
1017
+ --ids-swappable-item-opacity-dragging: 0.4;
1018
+ --ids-swappable-item-cursor-selected: var(--ids-cursor-move);
1019
+ --ids-swappable-item-color-background-selected: var(--ids-color-primary);
1020
+ --ids-swappable-item-color-text-selected: var(--ids-color-neutral-00);
1033
1021
  --ids-swappable-item-over-border: 1px dashed var(--ids-color-neutral-80);
1034
1022
  --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);
1023
+ --ids-swaplist-shadow: var(--ids-card-shadow);
1024
+ --ids-swaplist-card-margin-block-end: var(--ids-space-none);
1025
+ --ids-swaplist-border: 1px solid var(--ids-card-color-border);
1026
+ --ids-swaplist-card-content-height-min: calc(var(--ids-card-content-height) - 11px);
1039
1027
  --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);
1028
+ --ids-swaplist-inline-start-border-width: 0;
1029
+ --ids-swaplist-card-shadow: none;
1030
+ --ids-swaplist-first-child-inline-start-border-width: 1px;
1031
+ --ids-swaplist-button-color-background-hover: var(--ids-button-tertiary-color-background-hover);
1032
+ --ids-swaplist-toolbar-button-padding: var(--ids-space-none);
1033
+ --ids-swaplist-button-height: 34px;
1034
+ --ids-swaplist-button-width: 36px;
1035
+ --ids-swaplist-item-padding: var(--ids-space-40);
1036
+ --ids-swaplist-item-padding-inline-start: var(--ids-space-70);
1037
+ --ids-swaplist-item-margin-block-end: var(--ids-space-10);
1038
+ --ids-swaplist-item-over-border: 1px dashed var(--ids-color-text-label);
1039
+ --ids-swipe-action-color-background-left-active: var(--ids-color-neutral-40);
1040
+ --ids-swipe-action-color-text-left-active: var(--ids-color-neutral-70);
1041
+ --ids-swipe-action-color-background-left: var(--ids-color-neutral-30);
1042
+ --ids-swipe-action-color-background-left-hover: var(--ids-color-neutral-40);
1043
+ --ids-swipe-action-color-text-left-hover: var(--ids-color-neutral-70);
1044
+ --ids-swipe-action-color-text-left: var(--ids-color-neutral-60);
1045
+ --ids-swipe-action-color-background-right-active: var(--ids-color-azure-70);
1046
+ --ids-swipe-action-color-text-right-active: var(--ids-color-neutral-00);
1047
+ --ids-swipe-action-color-background-right: var(--ids-color-azure-60);
1048
+ --ids-swipe-action-color-background-right-hover: var(--ids-color-azure-70);
1049
+ --ids-swipe-action-color-text-right-hover: var(--ids-color-neutral-00);
1050
+ --ids-swipe-action-color-text-right: var(--ids-color-neutral-00);
1051
+ --ids-switch-pole-color-background-default: var(--ids-color-neutral-40);
1052
+ --ids-switch-toggle-color-background-default: var(--ids-input-color-background-default);
1053
+ --ids-switch-toggle-color-border-default: var(--ids-input-color-border-default);
1054
+ --ids-switch-pole-color-background-selected: var(--ids-color-primary-30);
1055
+ --ids-switch-toggle-color-background-selected: var(--ids-color-primary);
1056
+ --ids-switch-toggle-color-border-selected: var(--ids-color-primary);
1057
+ --ids-switch-pole-color-background-disabled: var(--ids-color-neutral-30);
1058
+ --ids-switch-toggle-color-background-disabled: var(--ids-color-neutral-20);
1059
+ --ids-switch-toggle-color-border-disabled: var(--ids-color-neutral-30);
1060
+ --ids-switch-pole-color-background-selected-disabled: var(--ids-color-primary-20);
1061
+ --ids-switch-toggle-color-background-selected-disabled: var(--ids-color-primary-30);
1062
+ --ids-switch-toggle-color-border-selected-disabled: var(--ids-color-primary-30);
1063
+ --ids-switch-toggle-color-background-hover: var(--ids-color-neutral-30);
1064
+ --ids-switch-toggle-shadow-focus: 0 0 0 3px var(--ids-color-primary-20), 0 0 0 4px var(--ids-color-primary), 0 0 4px 6px var(--ids-color-neutral-20);
1065
+ --ids-tab-content-color-text: var(--ids-color-text);
1066
+ --ids-tab-color-text-default: var(--ids-color-text-subtle);
1067
+ --ids-tab-divider-color-background: var(--ids-color-neutral-30);
1068
+ --ids-tab-color-background-hover: var(--ids-color-azure-10);
1069
+ --ids-tab-color-text-hover: var(--ids-color-primary);
1070
+ --ids-tab-color-border-focus: var(--ids-color-primary);
1071
+ --ids-tab-color-border-bottom: var(--ids-color-neutral-30);
1072
+ --ids-tab-color-background-focus: var(--ids-tab-color-background-hover);
1073
+ --ids-tab-color-text-disabled: var(--ids-color-neutral-30);
1074
+ --ids-tab-color-text-selected: var(--ids-color-primary);
1075
+ --ids-tab-vertical-color-background-selected: var(--ids-color-primary);
1076
+ --ids-tab-vertical-color-text-selected: var(--ids-color-neutral-00);
1077
+ --ids-tab-vertical-color-border-selected: var(--ids-color-neutral-00);
1078
+ --ids-tab-alternate-color-text-default: rgba(255 255 255 / 0.7);
1079
+ --ids-tab-alternate-color-background-hover: transparent;
1080
+ --ids-tab-alternate-color-text-hover: var(--ids-color-neutral-00);
1081
+ --ids-tab-alternate-color-border-focus: var(--ids-color-neutral-00);
1082
+ --ids-tab-alternate-color-text-selected: var(--ids-color-neutral-00);
1083
+ --ids-tab-alternate-color-text-disabled: rgba(255 255 255 / 0.4);
1084
+ --ids-tab-alternate-horizontal-color-background: var(--ids-color-neutral-00);
1085
+ --ids-tab-module-color-background-default: var(--ids-color-azure-70);
1086
+ --ids-tab-module-color-border-right: var(--ids-color-azure-100);
1087
+ --ids-tab-module-color-text-default: var(--ids-color-azure-10);
1088
+ --ids-tab-module-color-background-hover: var(--ids-color-azure-100);
1089
+ --ids-tab-module-color-text-hover: var(--ids-color-neutral-00);
1090
+ --ids-tab-module-color-background-selected: var(--ids-color-primary);
1091
+ --ids-tab-module-color-text-selected: var(--ids-color-neutral-00);
1092
+ --ids-tab-module-color-background-disabled: var(--ids-color-azure-50);
1093
+ --ids-tab-module-color-text-disabled: var(--ids-color-azure-20);
1094
+ --ids-tag-color-background-default: var(--ids-input-color-background-readonly);
1095
+ --ids-tag-color-border: var(--ids-input-color-background-readonly);
1096
+ --ids-tag-border-radius: var(--ids-border-radius-04);
1097
+ --ids-tag-color-text-default: var(--ids-input-color-text);
1098
+ --ids-tag-font-size-default: var(--ids-font-size-30);
1099
+ --ids-tag-color-icon-hover: var(--ids-color-neutral-90);
1100
+ --ids-tag-secondary-color-background: var(--ids-input-color-background-default);
1101
+ --ids-tag-secondary-color-border: var(--ids-input-color-border-default);
1102
+ --ids-tag-color-text-disabled: var(--ids-color-neutral-50);
1103
+ --ids-tag-secondary-color-text-disabled: var(--ids-color-neutral-40);
1104
+ --ids-textarea-alert-color-border-default: var(--ids-color-warning-50);
1105
+ --ids-textarea-alert-color-border-disabled: var(--ids-color-warning-30);
1106
+ --ids-textarea-alert-color-text-disabled: var(--ids-color-warning-30);
1107
+ --ids-textarea-alert-color-border-alert-focus: var(--ids-color-warning-80);
1108
+ --ids-textarea-shadow-alert-focus: 0 0 3px 2px rgba(249 131 0 / 0.3);
1109
+ --ids-textarea-alert-color-text-default: var(--ids-color-warning-80);
1110
+ --ids-textarea-color-background-default: var(--ids-color-neutral-00);
1111
+ --ids-textarea-color-border-default: var(--ids-color-neutral-40);
1112
+ --ids-textarea-character-count-color-text-warning: var(--ids-color-error-60);
1113
+ --ids-textarea-color-background-disabled: var(--ids-color-neutral-00);
1114
+ --ids-textarea-color-border-disabled: var(--ids-color-neutral-30);
1115
+ --ids-textarea-color-text-disabled: var(--ids-color-neutral-30);
1116
+ --ids-textarea-color-border-error-default: var(--ids-color-error-50);
1117
+ --ids-textarea-color-border-error-disabled: var(--ids-color-error-30);
1118
+ --ids-textarea-color-text-error-disabled: var(--ids-color-error-30);
1119
+ --ids-textarea-color-border-error-focus: var(--ids-color-error-60);
1120
+ --ids-textarea-shadow-error-focus: 0 0 3px 2px rgba(218 18 23 / 0.3);
1121
+ --ids-textarea-color-text-error: var(--ids-color-error-80);
1122
+ --ids-textarea-color-border-focus: var(--ids-color-azure-60);
1123
+ --ids-textarea-shadow-focus: var(--ids-shadow-20);
1124
+ --ids-textarea-color-border-hover: var(--ids-color-neutral-90);
1125
+ --ids-textarea-color-border-info-default: var(--ids-color-info-70);
1126
+ --ids-textarea-color-border-info-disabled: var(--ids-color-info-30);
1127
+ --ids-textarea-color-text-info-disabled: var(--ids-color-info-30);
1128
+ --ids-textarea-color-border-info-focus: var(--ids-color-info-70);
1129
+ --ids-textarea-color-text-info-default: var(--ids-color-info-70);
1130
+ --ids-textarea-label-color-text-disabled: var(--ids-color-neutral-30);
1131
+ --ids-textarea-label-color-text-default: var(--ids-color-neutral-60);
1132
+ --ids-textarea-color-background-readonly: var(--ids-color-neutral-20);
1133
+ --ids-textarea-color-border-readonly: var(--ids-color-neutral-40);
1134
+ --ids-textarea-color-text-readonly: var(--ids-color-neutral-100);
1135
+ --ids-textarea-color-border-success-default: var(--ids-color-success-80);
1136
+ --ids-textarea-color-border-success-disabled: var(--ids-color-success-30);
1137
+ --ids-textarea-color-text-success-disabled: var(--ids-color-success-30);
1138
+ --ids-textarea-color-border-success-focus: var(--ids-color-success-80);
1139
+ --ids-textarea-shadow-success-focus: 0 0 3px 2px rgba(42 195 113 / 0.3);
1140
+ --ids-textarea-color-text-success-default: var(--ids-color-success-80);
1141
+ --ids-textarea-color-text-default: var(--ids-color-neutral-100);
1142
+ --ids-time-picker-button-color-background-expanded: var(--ids-color-primary);
1143
+ --ids-time-picker-input-color-border-expanded: var(--ids-color-primary);
1144
+ --ids-time-picker-popup-color-background: var(--ids-color-neutral-00);
1145
+ --ids-time-picker-popup-button-color-border: var(--ids-color-neutral-30);
1146
+ --ids-time-picker-popup-button-color-text-hover: var(--ids-color-azure-70);
1147
+ --ids-time-picker-popup-button-color-text-default: var(--ids-color-azure-60);
1148
+ --ids-time-picker-popup-colons-color-text: var(--ids-color-neutral-50);
1149
+ --ids-toast-color-background: var(--ids-popup-color-background);
1150
+ --ids-toast-color-border: var(--ids-popup-color-border);
1151
+ --ids-toast-color-text: var(--ids-color-neutral-100);
1152
+ --ids-toast-progress-color-background: var(--ids-progress-bar-fill-color-background);
1153
+ --ids-toolbar-formatter-color-background: var(--ids-color-neutral-80);
1154
+ --ids-tooltip-color-background: var(--ids-color-neutral-80);
1155
+ --ids-tooltip-padding: 8px 16px;
1156
+ --ids-tooltip-border-radius: var(--ids-border-radius-01);
1157
+ --ids-tooltip-color-text: var(--ids-color-neutral-00);
1158
+ --ids-tooltip-font-size: var(--ids-font-size-40);
1159
+ --ids-tooltip-shadow: var(--ids-popup-shadow);
1160
+ --ids-tooltip-error-color-background-error: var(--ids-color-error-default);
1161
+ --ids-tooltip-info-color-background-info: var(--ids-color-info-default);
1162
+ --ids-tooltip-color-background-warning: var(--ids-color-warning-default);
1163
+ --ids-tooltip-color-background-success: var(--ids-color-success-default);
1164
+ --ids-tooltip-color-background-inverse: var(--ids-color-neutral-00);
1165
+ --ids-tooltip-color-text-inverse: var(--ids-color-neutral-100);
1166
+ --ids-tree-node-color-text-disabled: var(--ids-color-neutral-40);
1167
+ --ids-tree-node-color-border-focus: var(--ids-color-primary);
1168
+ --ids-tree-node-shadow-focus: var(--ids-shadow-30);
1169
+ --ids-tree-node-color-border-hover: transparent;
1170
+ --ids-tree-node-color-text-hover: var(--ids-color-neutral-100);
1171
+ --ids-tree-node-color-background-selected: var(--ids-color-neutral-20);
1172
+ --ids-tree-node-color-text-selected: var(--ids-color-neutral-100);
1173
+ --ids-tree-node-color-text-default: var(--ids-color-neutral-60);
1174
+ --ids-tree-treemap-color-border: var(--ids-color-neutral-00);
1175
+ --ids-tree-treemap-title-color-background: var(--ids-color-neutral-60);
1176
+ --ids-tree-treemap-title-color-text: var(--ids-color-neutral-00);
1177
+ --ids-trigger-field-button-border-radius: var(--ids-border-radius-03);
1194
1178
  --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);
1179
+ --ids-trigger-field-color-background-default: var(--ids-input-color-background-default);
1180
+ --ids-trigger-field-color-background-readonly: var(--ids-input-color-background-readonly);
1181
+ --ids-trigger-field-color-border-readonly: var(--ids-input-color-border-readonly);
1182
+ --ids-trigger-field-color-text-readonly: var(--ids-input-color-text-readonly);
1183
+ --ids-trigger-field-color-border-focus: var(--ids-input-color-border-focus)
1184
+ --ids-trigger-field-shadow-focus: var(--ids-input-shadow-info-focus);
1185
+ --ids-trigger-field-color-text-disabled: var(--ids-input-color-text-disabled);
1186
+ --ids-trigger-field-color-border-disabled: var(--ids-input-color-border-disabled);
1203
1187
  --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);
1188
+ --ids-upload-font-size: var(--ids-font-size-60);
1189
+ --ids-upload-advanced-color-background-default: var(--ids-color-neutral-10);
1190
+ --ids-upload-advanced-color-border-default: var(--ids-color-neutral-50);
1191
+ --ids-upload-advanced-color-background-disabled: var(--ids-color-neutral-10);
1192
+ --ids-upload-advanced-color-border-disabled: var(--ids-color-neutral-30);
1193
+ --ids-upload-advanced-color-background-drag-enter: var(--ids-color-azure-10);
1194
+ --ids-upload-advanced-color-border-drag-enter: var(--ids-color-primary);
1195
+ --ids-upload-advanced-error-area-color-border-error: var(--ids-color-error-60);
1196
+ --ids-upload-advanced-area-color-border-error-disabled: var(--ids-color-error-30);
1197
+ --ids-upload-advanced-color-text-error-disabled: var(--ids-color-error-30);
1198
+ --ids-upload-advanced-color-background-hover: var(--ids-color-neutral-20);
1199
+ --ids-upload-advanced-color-border-hover: var(--ids-color-neutral-60);
1200
+ --ids-upload-advanced-color-text-hover: var(--ids-color-text);
1201
+ --ids-upload-advanced-color-border-focus: var(--ids-color-primary);
1202
+ --ids-upload-advanced-link-shadow-focus: var(--ids-shadow-30);
1203
+ --ids-upload-advanced-label-color-text: var(--ids-color-text);
1204
+ --ids-upload-advanced-color-text-default: var(--ids-color-neutral-50);
1205
+ --ids-upload-advanced-file-color-border-default: var(--ids-color-neutral-50);
1206
+ --ids-upload-advanced-color-border-complete-default: var(--ids-color-emerald-80);
1207
+ --ids-upload-advanced-file-color-text-complete: var(--ids-color-emerald-80);
1208
+ --ids-upload-advanced-file-color-border-disabled: var(--ids-color-neutral-30);
1209
+ --ids-upload-advanced-color-border-complete-disabled: var(--ids-color-emerald-30);
1210
+ --ids-upload-advanced-color-text-complete-disabled: var(--ids-color-emerald-30);
1211
+ --ids-upload-advanced-file-color-border-error-disabled: var(--ids-color-ruby-30);
1212
+ --ids-upload-advanced-color-text-disabled: var(--ids-color-neutral-30);
1213
+ --ids-upload-advanced-color-border-error-default: var(--ids-color-ruby-60);
1214
+ --ids-week-view-color-background: var(--ids-color-background-default);
1215
+ --ids-week-view-color-border: var(--ids-color-neutral-20);
1216
+ --ids-week-view-header-color-background: var(--ids-color-background-default);
1234
1217
  --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);
1218
+ --ids-week-view-row-odd-color-border: var(--ids-color-neutral-10);
1219
+ --ids-week-view-color-text: var(--ids-color-text);
1237
1220
  --ids-week-view-time-marker-color: var(--ids-color-primary);
1238
1221
  --ids-week-view-today-color: var(--ids-color-primary);
1239
1222
  --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);
1223
+ --ids-wizard-step-color-default: var(--ids-color-primary);
1224
+ --ids-wizard-step-color-unvisited: var(--ids-color-neutral-60);
1225
+ --ids-wizard-step-inner-border-color-border: var(--ids-color-background-default);
1243
1226
  }