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

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 (478) hide show
  1. package/chunks/{ids-chunk-TPAHXGKK.js → ids-chunk-27YPKKMI.js} +1 -1
  2. package/chunks/{ids-chunk-H6U2UYDM.js → ids-chunk-2BQNXQMC.js} +1 -1
  3. package/chunks/{ids-chunk-X3TISCQF.js → ids-chunk-2LJCVONI.js} +1 -1
  4. package/chunks/{ids-chunk-DHBVAWER.js → ids-chunk-2LLTCZBW.js} +1 -1
  5. package/chunks/{ids-chunk-GYZVG6KY.js → ids-chunk-2PVJQQPD.js} +1 -1
  6. package/chunks/{ids-chunk-UXDZS4NT.js → ids-chunk-2RGIA5YH.js} +1 -1
  7. package/chunks/{ids-chunk-QI3RISD4.js → ids-chunk-2TMKCQ7X.js} +1 -1
  8. package/chunks/{ids-chunk-WPA5VHXK.js → ids-chunk-332SYLWX.js} +1 -1
  9. package/chunks/{ids-chunk-YUNI5QEW.js → ids-chunk-35BJESI6.js} +1 -1
  10. package/chunks/{ids-chunk-4I7SZ7FZ.js → ids-chunk-3E742NAC.js} +1 -1
  11. package/chunks/{ids-chunk-G6YIL6TP.js → ids-chunk-3JFN3JGK.js} +1 -1
  12. package/chunks/{ids-chunk-TIXT33VI.js → ids-chunk-3MJFB3VA.js} +1 -1
  13. package/chunks/{ids-chunk-DOZ63GOG.js → ids-chunk-3RFMUF6U.js} +1 -1
  14. package/chunks/{ids-chunk-HSNXX3AQ.js → ids-chunk-3SRNC4ON.js} +1 -1
  15. package/chunks/{ids-chunk-7B2V3DSW.js → ids-chunk-45H6NDWF.js} +1 -1
  16. package/chunks/{ids-chunk-PG25RBNC.js → ids-chunk-45IP4VJ2.js} +1 -1
  17. package/chunks/{ids-chunk-LUCGMNEO.js → ids-chunk-4HZDWCDO.js} +1 -1
  18. package/chunks/{ids-chunk-UQMKBPIW.js → ids-chunk-4PPNCYDU.js} +1 -1
  19. package/chunks/{ids-chunk-CNXUNJV3.js → ids-chunk-4XUCO6A5.js} +1 -1
  20. package/chunks/{ids-chunk-XP773TC2.js → ids-chunk-54VMBWWL.js} +1 -1
  21. package/chunks/{ids-chunk-3CQRVQOX.js → ids-chunk-55SQ6MTV.js} +1 -1
  22. package/chunks/{ids-chunk-NXZZED3L.js → ids-chunk-5D2OGQFT.js} +1 -1
  23. package/chunks/{ids-chunk-JAR6ZT4W.js → ids-chunk-5FOTVZVI.js} +1 -1
  24. package/chunks/{ids-chunk-SBZAQYDK.js → ids-chunk-5J2HUPTU.js} +1 -1
  25. package/chunks/{ids-chunk-DVT7EBBZ.js → ids-chunk-5WRLNTVI.js} +1 -1
  26. package/chunks/{ids-chunk-YH7J3SIX.js → ids-chunk-65X5LLIC.js} +1 -1
  27. package/chunks/{ids-chunk-5CXDTKUD.js → ids-chunk-6FUMT5UL.js} +1 -1
  28. package/chunks/{ids-chunk-RZJXS6XS.js → ids-chunk-6IFCJBMK.js} +1 -1
  29. package/chunks/{ids-chunk-LEBLZMIM.js → ids-chunk-6NJME6LN.js} +1 -1
  30. package/chunks/{ids-chunk-ETZ4ONTH.js → ids-chunk-6NYUH5IG.js} +1 -1
  31. package/chunks/{ids-chunk-NXTQFWJC.js → ids-chunk-6ODOQWQL.js} +1 -1
  32. package/chunks/{ids-chunk-2MDBVACH.js → ids-chunk-74H2QOTE.js} +1 -1
  33. package/chunks/{ids-chunk-UADOWSQN.js → ids-chunk-74PHZZUO.js} +1 -1
  34. package/chunks/{ids-chunk-7FPK65MX.js → ids-chunk-7763AY57.js} +1 -1
  35. package/chunks/{ids-chunk-QYJ2VCNA.js → ids-chunk-7L62ACF5.js} +1 -1
  36. package/chunks/{ids-chunk-RBVX54D2.js → ids-chunk-7NZB5PB5.js} +1 -1
  37. package/chunks/{ids-chunk-MKQ2JFZ2.js → ids-chunk-7QN3HKBI.js} +1 -1
  38. package/chunks/{ids-chunk-O3OHEQTV.js → ids-chunk-7UTXKJV7.js} +1 -1
  39. package/chunks/{ids-chunk-AWKI6JEO.js → ids-chunk-7W4BNTZK.js} +1 -1
  40. package/chunks/{ids-chunk-UQZMODPK.js → ids-chunk-7WWL5YMY.js} +1 -1
  41. package/chunks/{ids-chunk-UY24T6O4.js → ids-chunk-A3U2AVMH.js} +1 -1
  42. package/chunks/{ids-chunk-PZKOTOC7.js → ids-chunk-A77PTH5D.js} +1 -1
  43. package/chunks/{ids-chunk-BHP7EG43.js → ids-chunk-AJSLCHSQ.js} +1 -1
  44. package/chunks/{ids-chunk-4MCKLE4E.js → ids-chunk-B7RE4G3T.js} +1 -1
  45. package/chunks/{ids-chunk-DMCW4VUP.js → ids-chunk-BEZPPJHK.js} +1 -1
  46. package/chunks/{ids-chunk-LQNUAQ6L.js → ids-chunk-BHKJK2TK.js} +1 -1
  47. package/chunks/{ids-chunk-OQ4KMK7K.js → ids-chunk-BQX7ONVG.js} +1 -1
  48. package/chunks/{ids-chunk-WY4TK6FH.js → ids-chunk-BSXVMIFE.js} +1 -1
  49. package/chunks/{ids-chunk-Q57GW7TP.js → ids-chunk-BU6WCZLK.js} +1 -1
  50. package/chunks/{ids-chunk-WCGMM646.js → ids-chunk-C2U2YGXH.js} +1 -1
  51. package/chunks/{ids-chunk-ZXQRZPGL.js → ids-chunk-CBPGHRMM.js} +1 -1
  52. package/chunks/{ids-chunk-SBDKXNRY.js → ids-chunk-CDODJI73.js} +1 -1
  53. package/chunks/{ids-chunk-ZMYLF7LE.js → ids-chunk-CLD4M3AP.js} +1 -1
  54. package/chunks/{ids-chunk-22KL3N6M.js → ids-chunk-CSQG7ASN.js} +1 -1
  55. package/chunks/{ids-chunk-WBVFVBYR.js → ids-chunk-CSV4DJJL.js} +1 -1
  56. package/chunks/{ids-chunk-JCW5MKMC.js → ids-chunk-CWJCSWD6.js} +1 -1
  57. package/chunks/{ids-chunk-76YNASVF.js → ids-chunk-D433NH74.js} +1 -1
  58. package/chunks/{ids-chunk-WR5GPUS2.js → ids-chunk-DHGSNPZ7.js} +1 -1
  59. package/chunks/{ids-chunk-MVRBYNKE.js → ids-chunk-DHS7FRQR.js} +1 -1
  60. package/chunks/{ids-chunk-VXT6IR2U.js → ids-chunk-DJULJLUB.js} +1 -1
  61. package/chunks/{ids-chunk-XTXR7EBG.js → ids-chunk-DOUQMGBU.js} +1 -1
  62. package/chunks/{ids-chunk-JERSDD3Y.js → ids-chunk-DR3NL2YZ.js} +1 -1
  63. package/chunks/{ids-chunk-AMIKGR2C.js → ids-chunk-E4ZNN4YJ.js} +1 -1
  64. package/chunks/{ids-chunk-4W5U2UJW.js → ids-chunk-E6RP4GGA.js} +1 -1
  65. package/chunks/{ids-chunk-RKZTMVTI.js → ids-chunk-EP3WFI7H.js} +1 -1
  66. package/chunks/{ids-chunk-B3BIDTYT.js → ids-chunk-EZRDAHD3.js} +1 -1
  67. package/chunks/{ids-chunk-QQBKR7IG.js → ids-chunk-F4M6XWXP.js} +1 -1
  68. package/chunks/{ids-chunk-QPKHL56V.js → ids-chunk-F4U7H6OM.js} +1 -1
  69. package/chunks/{ids-chunk-OPHB6NMY.js → ids-chunk-FHNTDKVO.js} +1 -1
  70. package/chunks/{ids-chunk-TRKTY5SA.js → ids-chunk-FKAWYPL2.js} +1 -1
  71. package/chunks/{ids-chunk-AKAU4WSM.js → ids-chunk-FKPMILNF.js} +1 -1
  72. package/chunks/{ids-chunk-7XUDRM6Q.js → ids-chunk-FP6LMGGB.js} +1 -1
  73. package/chunks/{ids-chunk-JK57F7T2.js → ids-chunk-FZUB3DDI.js} +1 -1
  74. package/chunks/{ids-chunk-N2X44QJ3.js → ids-chunk-G4PTAYGN.js} +1 -1
  75. package/chunks/{ids-chunk-IHHL7QTH.js → ids-chunk-G5PTQYWL.js} +1 -1
  76. package/chunks/{ids-chunk-FBQ35ABR.js → ids-chunk-GAMRCNAD.js} +1 -1
  77. package/chunks/{ids-chunk-X27OWKUC.js → ids-chunk-GB7KMKEJ.js} +1 -1
  78. package/chunks/{ids-chunk-SECR4IDJ.js → ids-chunk-GDTULRSL.js} +1 -1
  79. package/chunks/{ids-chunk-GPBSUGAV.js → ids-chunk-GGGKYJ5W.js} +1 -1
  80. package/chunks/{ids-chunk-Y6UW5FO4.js → ids-chunk-GH24WUMB.js} +1 -1
  81. package/chunks/{ids-chunk-KGY2NKUO.js → ids-chunk-GHFPAWNJ.js} +1 -1
  82. package/chunks/{ids-chunk-6S4XG56U.js → ids-chunk-GLWRBNU5.js} +1 -1
  83. package/chunks/{ids-chunk-XPGQVNC7.js → ids-chunk-H3HNJNUS.js} +1 -1
  84. package/chunks/{ids-chunk-5DBPY6IW.js → ids-chunk-H7ZJ7MQB.js} +1 -1
  85. package/chunks/{ids-chunk-IOBTYCM7.js → ids-chunk-HDAETDYY.js} +1 -1
  86. package/chunks/{ids-chunk-NMQDPRKD.js → ids-chunk-I3XNMRWL.js} +1 -1
  87. package/chunks/{ids-chunk-JY7NTHKJ.js → ids-chunk-IIWVVHUT.js} +1 -1
  88. package/chunks/{ids-chunk-KGHDSLZZ.js → ids-chunk-IQVF4AQE.js} +1 -1
  89. package/chunks/{ids-chunk-TOPWLYRE.js → ids-chunk-J3N5LPFK.js} +1 -1
  90. package/chunks/{ids-chunk-JYG3RW4R.js → ids-chunk-J7XRBMIM.js} +1 -1
  91. package/chunks/{ids-chunk-XGQB54A6.js → ids-chunk-JACHN5PV.js} +1 -1
  92. package/chunks/{ids-chunk-4DBCZZJ5.js → ids-chunk-JSYSXD2V.js} +1 -1
  93. package/chunks/{ids-chunk-H6YHSY6B.js → ids-chunk-JU3C2DJP.js} +1 -1
  94. package/chunks/{ids-chunk-D4Q22G5U.js → ids-chunk-K3NCNGZR.js} +1 -1
  95. package/chunks/{ids-chunk-3Q4QGXA6.js → ids-chunk-KBAUVGOY.js} +1 -1
  96. package/chunks/{ids-chunk-JCEWQRBB.js → ids-chunk-KDF7I3E7.js} +1 -1
  97. package/chunks/{ids-chunk-2DIA7LFF.js → ids-chunk-KFNAH5E3.js} +1 -1
  98. package/chunks/{ids-chunk-D4RTYQXN.js → ids-chunk-L3X4TKCG.js} +1 -1
  99. package/chunks/{ids-chunk-ML4WE4UG.js → ids-chunk-LE5RMYXI.js} +1 -1
  100. package/chunks/{ids-chunk-ICUXMVR2.js → ids-chunk-LSKYHPUN.js} +1 -1
  101. package/chunks/{ids-chunk-EPABPKII.js → ids-chunk-LUI6WYRC.js} +1 -1
  102. package/chunks/{ids-chunk-N4JT6T66.js → ids-chunk-LWWKV2NM.js} +1 -1
  103. package/chunks/{ids-chunk-T4HXG5RJ.js → ids-chunk-M7J4ZBAX.js} +1 -1
  104. package/chunks/{ids-chunk-XIPJYVTU.js → ids-chunk-MD33HDXF.js} +1 -1
  105. package/chunks/{ids-chunk-MZY3RPCY.js → ids-chunk-MTPM4HMN.js} +1 -1
  106. package/chunks/{ids-chunk-XK3HNHTI.js → ids-chunk-MXGBYURB.js} +1 -1
  107. package/chunks/{ids-chunk-6T7W4EWS.js → ids-chunk-N2EOKF4H.js} +1 -1
  108. package/chunks/{ids-chunk-MPI5KVGM.js → ids-chunk-N3SAHUGR.js} +1 -1
  109. package/chunks/{ids-chunk-4HFBJQLF.js → ids-chunk-N7X76T7P.js} +1 -1
  110. package/chunks/{ids-chunk-RFGK7PMH.js → ids-chunk-NJUMFSFI.js} +1 -1
  111. package/chunks/{ids-chunk-O5NXU4LG.js → ids-chunk-NL3QJXNU.js} +1 -1
  112. package/chunks/{ids-chunk-RUR2KPXR.js → ids-chunk-NMSTTDGA.js} +1 -1
  113. package/chunks/{ids-chunk-7MDPDUQR.js → ids-chunk-NNBS2VA2.js} +1 -1
  114. package/chunks/{ids-chunk-JWTDMY3Z.js → ids-chunk-NOOASKMR.js} +1 -1
  115. package/chunks/{ids-chunk-LLSMMLJZ.js → ids-chunk-NPG6Z5AZ.js} +1 -1
  116. package/chunks/{ids-chunk-QTRFIHGI.js → ids-chunk-NS6H34IL.js} +1 -1
  117. package/chunks/{ids-chunk-2LH6IS2I.js → ids-chunk-NZJTWVU2.js} +1 -1
  118. package/chunks/{ids-chunk-DTWRW3U5.js → ids-chunk-O4OMYW6K.js} +1 -1
  119. package/chunks/{ids-chunk-L2YQXV3E.js → ids-chunk-OAIZM2YR.js} +1 -1
  120. package/chunks/{ids-chunk-GMCXO5OQ.js → ids-chunk-OFNERFE4.js} +1 -1
  121. package/chunks/{ids-chunk-76BRYGWT.js → ids-chunk-OHCPLANN.js} +1 -1
  122. package/chunks/{ids-chunk-BTGBKI66.js → ids-chunk-OJ6KSVO5.js} +1 -1
  123. package/chunks/{ids-chunk-R5XRH5PG.js → ids-chunk-OL5HZDS6.js} +1 -1
  124. package/chunks/{ids-chunk-6X4VRECU.js → ids-chunk-OQC7A3YQ.js} +1 -1
  125. package/chunks/{ids-chunk-6X2P2AZN.js → ids-chunk-ORQOPM4R.js} +1 -1
  126. package/chunks/{ids-chunk-BQAMPGDK.js → ids-chunk-OSEAQLVG.js} +1 -1
  127. package/chunks/{ids-chunk-RTSVTHH5.js → ids-chunk-OTP7LD3G.js} +1 -1
  128. package/chunks/{ids-chunk-SQY447LC.js → ids-chunk-OV73MUUA.js} +1 -1
  129. package/chunks/{ids-chunk-PUYHHOZY.js → ids-chunk-P7DBJ4E6.js} +1 -1
  130. package/chunks/{ids-chunk-Z2TKF6PV.js → ids-chunk-PLKW64S4.js} +1 -1
  131. package/chunks/{ids-chunk-DRBHF6H4.js → ids-chunk-PNSDXMRQ.js} +1 -1
  132. package/chunks/{ids-chunk-HYKN43MP.js → ids-chunk-PRLCXVVK.js} +1 -1
  133. package/chunks/{ids-chunk-GSK6SKEO.js → ids-chunk-PSUUMLJ5.js} +1 -1
  134. package/chunks/{ids-chunk-CEF4GNPF.js → ids-chunk-QDXKOLLO.js} +1 -1
  135. package/chunks/{ids-chunk-5P3KBBPA.js → ids-chunk-QFR6KR2W.js} +1 -1
  136. package/chunks/{ids-chunk-CMXNACPW.js → ids-chunk-QNV6K6X4.js} +1 -1
  137. package/chunks/{ids-chunk-2TLCADYK.js → ids-chunk-QTRNERI3.js} +1 -1
  138. package/chunks/{ids-chunk-D4EYPJO7.js → ids-chunk-R3M4YXSZ.js} +1 -1
  139. package/chunks/{ids-chunk-3V6J37GB.js → ids-chunk-RFCTCDY4.js} +1 -1
  140. package/chunks/{ids-chunk-7HDUWSTN.js → ids-chunk-RFHCEYK3.js} +1 -1
  141. package/chunks/{ids-chunk-AJXFDJT5.js → ids-chunk-RMGIMW3P.js} +1 -1
  142. package/chunks/{ids-chunk-M4TLBT4G.js → ids-chunk-RV3IDWT7.js} +1 -1
  143. package/chunks/{ids-chunk-FWL3QG2S.js → ids-chunk-RYTHV7FE.js} +1 -1
  144. package/chunks/{ids-chunk-WEUOETYI.js → ids-chunk-SM7JIFEQ.js} +1 -1
  145. package/chunks/{ids-chunk-XV5WJZDB.js → ids-chunk-SOVYPSOM.js} +1 -1
  146. package/chunks/{ids-chunk-BZHTFNSL.js → ids-chunk-SUTODATD.js} +1 -1
  147. package/chunks/{ids-chunk-G3LML5NS.js → ids-chunk-TD3564CV.js} +1 -1
  148. package/chunks/{ids-chunk-U5HBTK4T.js → ids-chunk-TDUOT6ZN.js} +1 -1
  149. package/chunks/{ids-chunk-GOAUOL65.js → ids-chunk-TSJHO5HS.js} +1 -1
  150. package/chunks/{ids-chunk-JORMFHRE.js → ids-chunk-TVZB5PV6.js} +1 -1
  151. package/chunks/{ids-chunk-CLMCBFI3.js → ids-chunk-UGLYSXVQ.js} +1 -1
  152. package/chunks/{ids-chunk-CUUAATDV.js → ids-chunk-UIK4T2X7.js} +1 -1
  153. package/chunks/{ids-chunk-5ELABVGY.js → ids-chunk-UQOKTJ43.js} +1 -1
  154. package/chunks/{ids-chunk-XEWQIVMF.js → ids-chunk-UUQHUFPI.js} +1 -1
  155. package/chunks/{ids-chunk-SDNWRPEZ.js → ids-chunk-UWODUEBS.js} +1 -1
  156. package/chunks/{ids-chunk-O3V5346Z.js → ids-chunk-V2AHMXJ5.js} +1 -1
  157. package/chunks/{ids-chunk-GQ7OMRQT.js → ids-chunk-VGTVMJVA.js} +1 -1
  158. package/chunks/{ids-chunk-YHFQFSPV.js → ids-chunk-VKNGCQGL.js} +1 -1
  159. package/chunks/{ids-chunk-6KFSSNBO.js → ids-chunk-VVI2LIGH.js} +1 -1
  160. package/chunks/{ids-chunk-NL3F22AQ.js → ids-chunk-W27AF4TQ.js} +1 -1
  161. package/chunks/{ids-chunk-AFS5TTJH.js → ids-chunk-WEMLD7H6.js} +1 -1
  162. package/chunks/{ids-chunk-FW3TAJHK.js → ids-chunk-WGJRKVJV.js} +1 -1
  163. package/chunks/{ids-chunk-2B3Q2EPE.js → ids-chunk-WQ2TNLYG.js} +1 -1
  164. package/chunks/{ids-chunk-J6P7LJP7.js → ids-chunk-WWOTMZJU.js} +1 -1
  165. package/chunks/{ids-chunk-UJHXTHIL.js → ids-chunk-WYTCHTFV.js} +1 -1
  166. package/chunks/{ids-chunk-RPNGTCSQ.js → ids-chunk-XA4ISP77.js} +1 -1
  167. package/chunks/{ids-chunk-AECBIOTN.js → ids-chunk-XF3JDQX4.js} +1 -1
  168. package/chunks/{ids-chunk-WSFDYTST.js → ids-chunk-XGLHNIEB.js} +1 -1
  169. package/chunks/{ids-chunk-RFSHW24I.js → ids-chunk-XI7FK7NW.js} +1 -1
  170. package/chunks/{ids-chunk-QTXQ6CXZ.js → ids-chunk-XMAFWUFA.js} +1 -1
  171. package/chunks/{ids-chunk-BYXT5ANG.js → ids-chunk-XN57MWNA.js} +1 -1
  172. package/chunks/{ids-chunk-NOPHPPRV.js → ids-chunk-XPY277J5.js} +1 -1
  173. package/chunks/{ids-chunk-LJ27IXS5.js → ids-chunk-XUZL2WB2.js} +1 -1
  174. package/chunks/{ids-chunk-7C7HI7PD.js → ids-chunk-XXSVCAZI.js} +1 -1
  175. package/chunks/{ids-chunk-EYK53B22.js → ids-chunk-YNVAL22N.js} +1 -1
  176. package/chunks/{ids-chunk-DUJNTSZS.js → ids-chunk-YRM6UG2A.js} +1 -1
  177. package/chunks/{ids-chunk-ZNW43QPU.js → ids-chunk-YTKJLPZ7.js} +1 -1
  178. package/chunks/{ids-chunk-N3TMSFEK.js → ids-chunk-Z3VS7CWM.js} +1 -1
  179. package/chunks/{ids-chunk-O43YXE6T.js → ids-chunk-Z5GFFACG.js} +1 -1
  180. package/chunks/{ids-chunk-HKUWWYU3.js → ids-chunk-Z7V6V5VB.js} +1 -1
  181. package/chunks/{ids-chunk-NEMO36J7.js → ids-chunk-ZAIFBNT7.js} +1 -1
  182. package/chunks/{ids-chunk-FTP2NK6P.js → ids-chunk-ZAWMPANZ.js} +1 -1
  183. package/chunks/{ids-chunk-W4YQHDE4.js → ids-chunk-ZEIZYDTH.js} +1 -1
  184. package/components/enterprise-wc.js +1 -1
  185. package/components/ids-about/ids-about.js +1 -1
  186. package/components/ids-accordion/ids-accordion-header.js +1 -1
  187. package/components/ids-accordion/ids-accordion-panel.js +1 -1
  188. package/components/ids-accordion/ids-accordion.js +1 -1
  189. package/components/ids-action-panel/ids-action-panel.js +1 -1
  190. package/components/ids-action-sheet/ids-action-sheet.js +1 -1
  191. package/components/ids-alert/ids-alert.js +1 -1
  192. package/components/ids-app-menu/ids-app-menu.js +1 -1
  193. package/components/ids-area-chart/ids-area-chart.js +1 -1
  194. package/components/ids-axis-chart/ids-axis-chart.js +1 -1
  195. package/components/ids-badge/ids-badge.js +1 -1
  196. package/components/ids-bar-chart/ids-bar-chart.js +1 -1
  197. package/components/ids-block-grid/ids-block-grid-item.js +1 -1
  198. package/components/ids-block-grid/ids-block-grid.js +1 -1
  199. package/components/ids-breadcrumb/ids-breadcrumb.js +1 -1
  200. package/components/ids-button/ids-button-common.js +1 -1
  201. package/components/ids-button/ids-button.js +1 -1
  202. package/components/ids-calendar/ids-calendar-event.js +1 -1
  203. package/components/ids-calendar/ids-calendar.js +1 -1
  204. package/components/ids-card/ids-card-action.js +1 -1
  205. package/components/ids-card/ids-card.js +1 -1
  206. package/components/ids-checkbox/ids-checkbox.js +1 -1
  207. package/components/ids-checkbox-group/ids-checkbox-group.js +1 -1
  208. package/components/ids-color/ids-color.js +1 -1
  209. package/components/ids-color-picker/ids-color-picker.js +1 -1
  210. package/components/ids-container/ids-container.js +1 -1
  211. package/components/ids-counts/ids-counts.js +1 -1
  212. package/components/ids-data-grid/ids-data-grid-cell.js +1 -1
  213. package/components/ids-data-grid/ids-data-grid-editors.js +1 -1
  214. package/components/ids-data-grid/ids-data-grid-empty-message.js +1 -1
  215. package/components/ids-data-grid/ids-data-grid-filters.js +1 -1
  216. package/components/ids-data-grid/ids-data-grid-formatters.js +1 -1
  217. package/components/ids-data-grid/ids-data-grid-header.js +1 -1
  218. package/components/ids-data-grid/ids-data-grid-row.js +1 -1
  219. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.js +1 -1
  220. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.js +1 -1
  221. package/components/ids-data-grid/ids-data-grid.js +1 -1
  222. package/components/ids-data-label/ids-data-label.js +1 -1
  223. package/components/ids-date-picker/ids-date-picker-common.js +1 -1
  224. package/components/ids-date-picker/ids-date-picker-popup.js +1 -1
  225. package/components/ids-date-picker/ids-date-picker.js +1 -1
  226. package/components/ids-date-picker/ids-month-year-picklist.js +1 -1
  227. package/components/ids-draggable/ids-draggable.js +1 -1
  228. package/components/ids-drawer/ids-drawer.js +1 -1
  229. package/components/ids-dropdown/ids-dropdown-attributes-mixin.js +1 -1
  230. package/components/ids-dropdown/ids-dropdown-common.js +1 -1
  231. package/components/ids-dropdown/ids-dropdown-list.js +1 -1
  232. package/components/ids-dropdown/ids-dropdown.js +1 -1
  233. package/components/ids-editor/ids-editor-clean-utils.js +1 -1
  234. package/components/ids-editor/ids-editor-handle-paste.js +1 -1
  235. package/components/ids-editor/ids-editor-selection-utils.js +1 -1
  236. package/components/ids-editor/ids-editor-shared.js +1 -1
  237. package/components/ids-editor/ids-editor.js +1 -1
  238. package/components/ids-empty-message/ids-empty-message.js +1 -1
  239. package/components/ids-error-page/ids-error-page.js +1 -1
  240. package/components/ids-expandable-area/ids-expandable-area.js +1 -1
  241. package/components/ids-fieldset/ids-fieldset.js +1 -1
  242. package/components/ids-form/ids-form.js +1 -1
  243. package/components/ids-header/ids-header.js +1 -1
  244. package/components/ids-hidden/ids-hidden.js +1 -1
  245. package/components/ids-hierarchy/ids-hierarchy-item.js +1 -1
  246. package/components/ids-hierarchy/ids-hierarchy-legend-item.js +1 -1
  247. package/components/ids-hierarchy/ids-hierarchy-legend.js +1 -1
  248. package/components/ids-hierarchy/ids-hierarchy.js +1 -1
  249. package/components/ids-home-page/ids-home-page.js +1 -1
  250. package/components/ids-hyperlink/ids-hyperlink.js +1 -1
  251. package/components/ids-icon/ids-icon.js +1 -1
  252. package/components/ids-image/ids-image.js +1 -1
  253. package/components/ids-input/ids-autocomplete.js +1 -1
  254. package/components/ids-input/ids-input.js +1 -1
  255. package/components/ids-layout-flex/ids-layout-flex-item.js +1 -1
  256. package/components/ids-layout-flex/ids-layout-flex.js +1 -1
  257. package/components/ids-layout-grid/ids-layout-grid-cell.d.ts +1 -4
  258. package/components/ids-layout-grid/ids-layout-grid-cell.js +1 -1
  259. package/components/ids-layout-grid/ids-layout-grid-common.js +1 -1
  260. package/components/ids-layout-grid/ids-layout-grid.js +1 -1
  261. package/components/ids-line-chart/ids-line-chart.js +1 -1
  262. package/components/ids-list-box/ids-list-box-option.js +1 -1
  263. package/components/ids-list-box/ids-list-box.js +1 -1
  264. package/components/ids-list-builder/ids-list-builder.js +1 -1
  265. package/components/ids-list-view/ids-list-view-search-mixin.js +1 -1
  266. package/components/ids-list-view/ids-list-view.js +1 -1
  267. package/components/ids-loading-indicator/ids-loading-indicator-attributes.js +1 -1
  268. package/components/ids-loading-indicator/ids-loading-indicator.js +1 -1
  269. package/components/ids-lookup/ids-lookup.js +1 -1
  270. package/components/ids-masthead/ids-masthead.js +1 -1
  271. package/components/ids-menu/ids-menu-group.js +1 -1
  272. package/components/ids-menu/ids-menu-header.js +1 -1
  273. package/components/ids-menu/ids-menu-item.js +1 -1
  274. package/components/ids-menu/ids-menu.js +1 -1
  275. package/components/ids-menu-button/ids-menu-button-attributes.js +1 -1
  276. package/components/ids-menu-button/ids-menu-button.js +1 -1
  277. package/components/ids-message/ids-message.js +1 -1
  278. package/components/ids-modal/ids-modal.js +1 -1
  279. package/components/ids-modal/ids-overlay.js +1 -1
  280. package/components/ids-modal-button/ids-modal-button.js +1 -1
  281. package/components/ids-month-view/ids-month-view-attribute-mixin.js +1 -1
  282. package/components/ids-month-view/ids-month-view.js +1 -1
  283. package/components/ids-multiselect/ids-multiselect.js +1 -1
  284. package/components/ids-notification-banner/ids-notification-banner.js +1 -1
  285. package/components/ids-pager/ids-pager-button.js +1 -1
  286. package/components/ids-pager/ids-pager-dropdown.js +1 -1
  287. package/components/ids-pager/ids-pager-input.js +1 -1
  288. package/components/ids-pager/ids-pager-number-list.js +1 -1
  289. package/components/ids-pager/ids-pager.js +1 -1
  290. package/components/ids-picker-popup/ids-picker-popup.js +1 -1
  291. package/components/ids-pie-chart/ids-pie-chart.js +1 -1
  292. package/components/ids-popup/ids-popup-attributes.js +1 -1
  293. package/components/ids-popup/ids-popup.js +1 -1
  294. package/components/ids-popup-menu/ids-popup-menu.js +1 -1
  295. package/components/ids-process-indicator/ids-process-indicator-step.js +1 -1
  296. package/components/ids-process-indicator/ids-process-indicator.js +1 -1
  297. package/components/ids-progress-bar/ids-progress-bar.js +1 -1
  298. package/components/ids-progress-chart/ids-progress-chart.js +1 -1
  299. package/components/ids-radio/ids-radio-group.js +1 -1
  300. package/components/ids-radio/ids-radio.js +1 -1
  301. package/components/ids-rating/ids-rating.js +1 -1
  302. package/components/ids-scroll-view/ids-scroll-view.js +1 -1
  303. package/components/ids-search-field/ids-search-field.js +1 -1
  304. package/components/ids-separator/ids-separator.js +1 -1
  305. package/components/ids-skip-link/ids-skip-link.js +1 -1
  306. package/components/ids-slider/ids-slider.js +1 -1
  307. package/components/ids-spinbox/ids-spinbox.js +1 -1
  308. package/components/ids-splitter/ids-splitter-local-storage.js +1 -1
  309. package/components/ids-splitter/ids-splitter-pane.js +1 -1
  310. package/components/ids-splitter/ids-splitter.js +1 -1
  311. package/components/ids-step-chart/ids-step-chart.js +1 -1
  312. package/components/ids-swaplist/ids-swaplist.js +1 -1
  313. package/components/ids-swappable/ids-swappable-item.js +1 -1
  314. package/components/ids-swappable/ids-swappable.js +1 -1
  315. package/components/ids-swipe-action/ids-swipe-action.js +1 -1
  316. package/components/ids-switch/ids-switch.js +1 -1
  317. package/components/ids-tabs/ids-tab-content.js +1 -1
  318. package/components/ids-tabs/ids-tab-divider.js +1 -1
  319. package/components/ids-tabs/ids-tab-more.js +1 -1
  320. package/components/ids-tabs/ids-tab.js +1 -1
  321. package/components/ids-tabs/ids-tabs-context.js +1 -1
  322. package/components/ids-tabs/ids-tabs.js +1 -1
  323. package/components/ids-tag/ids-tag.js +1 -1
  324. package/components/ids-text/ids-text.js +1 -1
  325. package/components/ids-textarea/ids-textarea.js +1 -1
  326. package/components/ids-theme-switcher/ids-theme-switcher.js +1 -1
  327. package/components/ids-time-picker/ids-time-picker-common.js +1 -1
  328. package/components/ids-time-picker/ids-time-picker-popup.js +1 -1
  329. package/components/ids-time-picker/ids-time-picker.js +1 -1
  330. package/components/ids-toast/ids-toast-message.js +1 -1
  331. package/components/ids-toast/ids-toast.js +1 -1
  332. package/components/ids-toggle-button/ids-toggle-button.js +1 -1
  333. package/components/ids-toolbar/ids-toolbar-more-actions.js +1 -1
  334. package/components/ids-toolbar/ids-toolbar-section.js +1 -1
  335. package/components/ids-toolbar/ids-toolbar.js +1 -1
  336. package/components/ids-tooltip/ids-tooltip.js +1 -1
  337. package/components/ids-tree/ids-tree-node.js +1 -1
  338. package/components/ids-tree/ids-tree.js +1 -1
  339. package/components/ids-treemap/ids-treemap.js +1 -1
  340. package/components/ids-trigger-field/ids-trigger-button.js +1 -1
  341. package/components/ids-trigger-field/ids-trigger-field.js +1 -1
  342. package/components/ids-upload/ids-upload.js +1 -1
  343. package/components/ids-upload-advanced/ids-upload-advanced-file.js +1 -1
  344. package/components/ids-upload-advanced/ids-upload-advanced.js +1 -1
  345. package/components/ids-virtual-scroll/ids-virtual-scroll.js +1 -1
  346. package/components/ids-week-view/ids-week-view.js +1 -1
  347. package/components/ids-wizard/ids-wizard-step.js +1 -1
  348. package/components/ids-wizard/ids-wizard.js +1 -1
  349. package/core/ids-attributes.d.ts +1 -1
  350. package/core/ids-attributes.js +1 -1
  351. package/core/ids-element.js +1 -1
  352. package/enterprise-wc.js +1 -1
  353. package/mixins/ids-attachment-mixin/ids-attachment-mixin.js +1 -1
  354. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.js +1 -1
  355. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.js +1 -1
  356. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.js +1 -1
  357. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.js +1 -1
  358. package/mixins/ids-clearable-mixin/ids-clearable-mixin.js +1 -1
  359. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.js +1 -1
  360. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.js +1 -1
  361. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.js +1 -1
  362. package/mixins/ids-field-height-mixin/ids-field-height-mixin.js +1 -1
  363. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.js +1 -1
  364. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.js +1 -1
  365. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.js +1 -1
  366. package/mixins/ids-label-state-mixin/ids-label-state-common.js +1 -1
  367. package/mixins/ids-label-state-mixin/ids-label-state-mixin.js +1 -1
  368. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.js +1 -1
  369. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.js +1 -1
  370. package/mixins/ids-locale-mixin/ids-locale-mixin.js +1 -1
  371. package/mixins/ids-mask-mixin/ids-mask-mixin.js +1 -1
  372. package/mixins/ids-orientation-mixin/ids-orientation-mixin.js +1 -1
  373. package/mixins/ids-pager-mixin/ids-pager-mixin.js +1 -1
  374. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.js +1 -1
  375. package/mixins/ids-ripple-mixin/ids-ripple-mixin.js +1 -1
  376. package/mixins/ids-selection-mixin/ids-selection-mixin.js +1 -1
  377. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.js +1 -1
  378. package/mixins/ids-validation-mixin/ids-validation-mixin.js +1 -1
  379. package/mixins/ids-xss-mixin/ids-xss-mixin.js +1 -1
  380. package/package.json +1 -1
  381. package/themes/ids-theme-default-colors.css +133 -0
  382. package/themes/ids-theme-default-contrast.css +1548 -0
  383. package/themes/ids-theme-default-core.css +1226 -0
  384. package/themes/ids-theme-default-dark.css +1637 -0
  385. package/themes/ids-theme-default-light.css +1226 -0
  386. package/utils/ids-device-env-specs-utils/ids-device-env-specs-utils.js +1 -1
  387. package/components/ids-about/ids-about.css +0 -240
  388. package/components/ids-accordion/ids-accordion.css +0 -4
  389. package/components/ids-action-panel/ids-action-panel.css +0 -98
  390. package/components/ids-action-sheet/ids-action-sheet.css +0 -37
  391. package/components/ids-alert/ids-alert.css +0 -145
  392. package/components/ids-app-menu/ids-app-menu.css +0 -119
  393. package/components/ids-area-chart/ids-area-chart.css +0 -730
  394. package/components/ids-axis-chart/ids-axis-chart.css +0 -229
  395. package/components/ids-badge/ids-badge.css +0 -57
  396. package/components/ids-bar-chart/ids-bar-chart.css +0 -306
  397. package/components/ids-block-grid/ids-block-grid.css +0 -31
  398. package/components/ids-breadcrumb/ids-breadcrumb.css +0 -101
  399. package/components/ids-button/ids-button.css +0 -985
  400. package/components/ids-calendar/ids-calendar.css +0 -314
  401. package/components/ids-card/ids-card.css +0 -220
  402. package/components/ids-checkbox/ids-checkbox.css +0 -371
  403. package/components/ids-checkbox-group/ids-checkbox-group.css +0 -5
  404. package/components/ids-color/ids-color.css +0 -119
  405. package/components/ids-color-picker/ids-color-picker.css +0 -881
  406. package/components/ids-container/ids-container.css +0 -47
  407. package/components/ids-counts/ids-counts.css +0 -32
  408. package/components/ids-data-grid/ids-data-grid.css +0 -1001
  409. package/components/ids-data-label/ids-data-label.css +0 -29
  410. package/components/ids-date-picker/ids-date-picker.css +0 -111
  411. package/components/ids-draggable/ids-draggable.css +0 -25
  412. package/components/ids-drawer/ids-drawer.css +0 -72
  413. package/components/ids-dropdown/ids-dropdown.css +0 -168
  414. package/components/ids-editor/ids-editor.css +0 -301
  415. package/components/ids-empty-message/ids-empty-message.css +0 -37
  416. package/components/ids-error-page/ids-error-page.css +0 -3
  417. package/components/ids-expandable-area/ids-expandable-area.css +0 -52
  418. package/components/ids-fieldset/ids-fieldset.css +0 -10
  419. package/components/ids-header/ids-header.css +0 -14
  420. package/components/ids-hierarchy/ids-hierarchy.css +0 -123
  421. package/components/ids-home-page/ids-home-page.css +0 -11
  422. package/components/ids-hyperlink/ids-hyperlink.css +0 -116
  423. package/components/ids-icon/ids-icon.css +0 -76
  424. package/components/ids-image/ids-image.css +0 -150
  425. package/components/ids-input/ids-input.css +0 -822
  426. package/components/ids-layout-flex/ids-layout-flex.css +0 -425
  427. package/components/ids-layout-grid/ids-layout-grid.css +0 -13
  428. package/components/ids-line-chart/ids-line-chart.css +0 -388
  429. package/components/ids-list-box/ids-list-box.css +0 -63
  430. package/components/ids-list-builder/ids-list-builder.css +0 -50
  431. package/components/ids-list-view/ids-list-view.css +0 -122
  432. package/components/ids-loading-indicator/ids-loading-indicator.css +0 -209
  433. package/components/ids-lookup/ids-lookup.css +0 -8
  434. package/components/ids-masthead/ids-masthead.css +0 -31
  435. package/components/ids-menu/ids-menu.css +0 -13
  436. package/components/ids-message/ids-message.css +0 -104
  437. package/components/ids-modal/ids-modal.css +0 -77
  438. package/components/ids-month-view/ids-month-view.css +0 -392
  439. package/components/ids-multiselect/ids-multiselect.css +0 -206
  440. package/components/ids-notification-banner/ids-notification-banner.css +0 -73
  441. package/components/ids-pager/ids-pager.css +0 -41
  442. package/components/ids-pie-chart/ids-pie-chart.css +0 -253
  443. package/components/ids-popup/ids-popup.css +0 -398
  444. package/components/ids-popup-menu/ids-popup-menu.css +0 -86
  445. package/components/ids-process-indicator/ids-process-indicator.css +0 -94
  446. package/components/ids-progress-bar/ids-progress-bar.css +0 -50
  447. package/components/ids-progress-chart/ids-progress-chart.css +0 -75
  448. package/components/ids-radio/ids-radio.css +0 -214
  449. package/components/ids-rating/ids-rating.css +0 -53
  450. package/components/ids-scroll-view/ids-scroll-view.css +0 -39
  451. package/components/ids-search-field/ids-search-field.css +0 -897
  452. package/components/ids-separator/ids-separator.css +0 -31
  453. package/components/ids-skip-link/ids-skip-link.css +0 -142
  454. package/components/ids-slider/ids-slider.css +0 -265
  455. package/components/ids-spinbox/ids-spinbox.css +0 -931
  456. package/components/ids-splitter/ids-splitter.css +0 -71
  457. package/components/ids-step-chart/ids-step-chart.css +0 -275
  458. package/components/ids-swaplist/ids-swaplist.css +0 -69
  459. package/components/ids-swappable/ids-swappable.css +0 -72
  460. package/components/ids-swipe-action/ids-swipe-action.css +0 -66
  461. package/components/ids-switch/ids-switch.css +0 -103
  462. package/components/ids-tabs/ids-tabs.css +0 -299
  463. package/components/ids-tag/ids-tag.css +0 -110
  464. package/components/ids-text/ids-text.css +0 -221
  465. package/components/ids-textarea/ids-textarea.css +0 -369
  466. package/components/ids-theme-switcher/ids-theme-switcher.css +0 -11
  467. package/components/ids-time-picker/ids-time-picker.css +0 -147
  468. package/components/ids-toast/ids-toast.css +0 -43
  469. package/components/ids-toolbar/ids-toolbar.css +0 -75
  470. package/components/ids-tooltip/ids-tooltip.css +0 -16
  471. package/components/ids-tree/ids-tree.css +0 -35
  472. package/components/ids-treemap/ids-treemap.css +0 -27
  473. package/components/ids-trigger-field/ids-trigger-field.css +0 -1063
  474. package/components/ids-upload/ids-upload.css +0 -12
  475. package/components/ids-upload-advanced/ids-upload-advanced.css +0 -169
  476. package/components/ids-virtual-scroll/ids-virtual-scroll.css +0 -24
  477. package/components/ids-week-view/ids-week-view.css +0 -125
  478. package/components/ids-wizard/ids-wizard.css +0 -133
package/themes/ids-theme-default-contrast.css ADDED
@@ -0,0 +1,1548 @@
1
+ @charset "UTF-8";
2
+ :root {
3
+ --ids-color-amber-10: #FEF2E5;
4
+ --ids-color-amber-20: #FDDFBD;
5
+ --ids-color-amber-30: #FCC888;
6
+ --ids-color-amber-40: #FBAF50;
7
+ --ids-color-amber-50: #FA9601;
8
+ --ids-color-amber-60: #F98300;
9
+ --ids-color-amber-70: #DF6F00;
10
+ --ids-color-amber-80: #CD6200;
11
+ --ids-color-amber-90: #B50;
12
+ --ids-color-amber-100: #A14100;
13
+ --ids-color-amethyst-10: #F1EBFC;
14
+ --ids-color-amethyst-20: #DDCBF7;
15
+ --ids-color-amethyst-30: #C2A1F1;
16
+ --ids-color-amethyst-40: #A876EB;
17
+ --ids-color-amethyst-50: #8D4BE5;
18
+ --ids-color-amethyst-60: #7928E1;
19
+ --ids-color-amethyst-70: #6C23C9;
20
+ --ids-color-amethyst-80: #591DA8;
21
+ --ids-color-amethyst-90: #4E1A91;
22
+ --ids-color-amethyst-100: #3B1470;
23
+ --ids-color-azure-10: #E6F1FD;
24
+ --ids-color-azure-20: #BEDCFA;
25
+ --ids-color-azure-30: #8ABFF7;
26
+ --ids-color-azure-40: #55A3F3;
27
+ --ids-color-azure-50: #1C86EF;
28
+ --ids-color-azure-60: #0072ED;
29
+ --ids-color-azure-70: #0066D4;
30
+ --ids-color-azure-80: #0054B1;
31
+ --ids-color-azure-90: #004A99;
32
+ --ids-color-azure-100: #003876;
33
+ --ids-color-emerald-10: #EBF9F1;
34
+ --ids-color-emerald-20: #CBEFDC;
35
+ --ids-color-emerald-30: #A1E4BF;
36
+ --ids-color-emerald-40: #78D8A3;
37
+ --ids-color-emerald-50: #4DCC86;
38
+ --ids-color-emerald-60: #2AC371;
39
+ --ids-color-emerald-70: #25AF65;
40
+ --ids-color-emerald-80: #1F9254;
41
+ --ids-color-emerald-90: #1C7F49;
42
+ --ids-color-emerald-100: #156138;
43
+ --ids-color-ruby-10: #FBE7E8;
44
+ --ids-color-ruby-20: #F5C3C4;
45
+ --ids-color-ruby-30: #EE9496;
46
+ --ids-color-ruby-40: #E66467;
47
+ --ids-color-ruby-50: #DF3539;
48
+ --ids-color-ruby-60: #DA1217;
49
+ --ids-color-ruby-70: #C31014;
50
+ --ids-color-ruby-80: #A30D11;
51
+ --ids-color-ruby-90: #8D0B0E;
52
+ --ids-color-ruby-100: #6C080B;
53
+ --ids-color-turquoise-10: #ECF8F8;
54
+ --ids-color-turquoise-20: #CFEEEE;
55
+ --ids-color-turquoise-30: #A8E1E1;
56
+ --ids-color-turquoise-40: #82D4D4;
57
+ --ids-color-turquoise-50: #5CC6C7;
58
+ --ids-color-turquoise-60: #40BDBE;
59
+ --ids-color-turquoise-70: #39A9AA;
60
+ --ids-color-turquoise-80: #2F8D8E;
61
+ --ids-color-turquoise-90: #297B7B;
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;
74
+ --ids-color-primary-10: var(--ids-color-azure-10);
75
+ --ids-color-primary-20: var(--ids-color-azure-20);
76
+ --ids-color-primary-30: var(--ids-color-azure-30);
77
+ --ids-color-primary-40: var(--ids-color-azure-40);
78
+ --ids-color-primary-50: var(--ids-color-azure-50);
79
+ --ids-color-primary-60: var(--ids-color-azure-60);
80
+ --ids-color-primary-70: var(--ids-color-azure-70);
81
+ --ids-color-primary-80: var(--ids-color-azure-80);
82
+ --ids-color-primary-90: var(--ids-color-azure-90);
83
+ --ids-color-primary-100: var(--ids-color-azure-100);
84
+ --ids-color-error-00: #fff;
85
+ --ids-color-error-10: var(--ids-color-ruby-10);
86
+ --ids-color-error-20: var(--ids-color-ruby-20);
87
+ --ids-color-error-30: var(--ids-color-ruby-30);
88
+ --ids-color-error-50: var(--ids-color-ruby-50);
89
+ --ids-color-error-60: var(--ids-color-ruby-60);
90
+ --ids-color-error-70: var(--ids-color-ruby-70);
91
+ --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;
95
+ --ids-color-warning-10: var(--ids-color-amber-10);
96
+ --ids-color-warning-30: var(--ids-color-amber-30);
97
+ --ids-color-warning-40: var(--ids-color-amber-60);
98
+ --ids-color-warning-50: var(--ids-color-amber-50);
99
+ --ids-color-warning-80: var(--ids-color-amber-80);
100
+ --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;
104
+ --ids-color-caution-10: var(--ids-color-amber-10);
105
+ --ids-color-caution-30: var(--ids-color-amber-30);
106
+ --ids-color-caution: #FFD100;
107
+ --ids-color-success-00: #fff;
108
+ --ids-color-success-10: var(--ids-color-emerald-10);
109
+ --ids-color-success-30: var(--ids-color-emerald-30);
110
+ --ids-color-success-50: var(--ids-color-emerald-50);
111
+ --ids-color-success-80: var(--ids-color-emerald-80);
112
+ --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;
116
+ --ids-color-info-10: var(--ids-color-azure-10);
117
+ --ids-color-info-30: var(--ids-color-azure-30);
118
+ --ids-color-info-60: var(--ids-color-azure-60);
119
+ --ids-color-info-70: var(--ids-color-azure-70);
120
+ --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);
123
+ --ids-color-neutral-00: #fff;
124
+ --ids-color-neutral-10: var(--ids-color-slate-10);
125
+ --ids-color-neutral-20: var(--ids-color-slate-20);
126
+ --ids-color-neutral-30: var(--ids-color-slate-30);
127
+ --ids-color-neutral-40: var(--ids-color-slate-40);
128
+ --ids-color-neutral-50: var(--ids-color-slate-50);
129
+ --ids-color-neutral-60: var(--ids-color-slate-60);
130
+ --ids-color-neutral-70: var(--ids-color-slate-70);
131
+ --ids-color-neutral-80: var(--ids-color-slate-80);
132
+ --ids-color-neutral-90: var(--ids-color-slate-90);
133
+ --ids-color-neutral-100: var(--ids-color-slate-100);
134
+ }
135
+
136
+ :host,
137
+ :root {
138
+ --ids-color-primary: var(--ids-color-primary-60);
139
+ --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);
155
+ --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%;
161
+ --ids-cursor-default: default;
162
+ --ids-cursor-grabbing: grabbing;
163
+ --ids-cursor-move: move;
164
+ --ids-cursor-text: text;
165
+ --ids-cursor-pointer: pointer;
166
+ --ids-cursor-resize: col-resize;
167
+ --ids-cursor-resize-x: ew-resize;
168
+ --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);
171
+ --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;
179
+ --ids-font-family-ar: "Mada", source sans pro, -apple-system, helvetica, arial;
180
+ --ids-font-family-he: "Assistant", source sans pro, -apple-system, helvetica, arial;
181
+ --ids-font-family-hi: "Noto Sans", source sans pro, -apple-system, helvetica, arial;
182
+ --ids-font-family-ja: "Noto Sans JP", source sans pro, -apple-system, helvetica, arial;
183
+ --ids-font-family-ko: "Noto Sans KR", source sans pro, -apple-system, helvetica, arial;
184
+ --ids-font-family-th: "Sarabun", source sans pro, -apple-system, helvetica, arial;
185
+ --ids-font-family-zh-cn: "Noto Sans SC", source sans pro, -apple-system, helvetica, arial;
186
+ --ids-font-family-zh-tw: "Noto Sans TC", source sans pro, -apple-system, helvetica, arial;
187
+ --ids-font-family-mono: source code pro, monospace;
188
+ --ids-font-weight-lighter: 300;
189
+ --ids-font-weight-normal: 400;
190
+ --ids-font-weight-semi-bold: 600;
191
+ --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;
222
+ --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);
242
+ --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);
253
+ --ids-action-panel-header-height: 50px;
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);
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);
317
+ --ids-badge-padding-inline: 10px;
318
+ --ids-badge-success-background-color: var(--ids-color-success-80);
319
+ --ids-badge-success-border-color: var(--ids-color-success-80);
320
+ --ids-badge-success-color: var(--ids-color-success-00);
321
+ --ids-badge-warning-background-color: var(--ids-color-warning-80);
322
+ --ids-badge-warning-border-color: var(--ids-color-warning-80);
323
+ --ids-badge-warning-color: var(--ids-color-warning-00);
324
+ --ids-block-grid-item-img-margin-block-end: 10px;
325
+ --ids-block-grid-item-padding: 10px 15px;
326
+ --ids-block-grid-item-width: 200px;
327
+ --ids-block-grid-item-selectable-width: auto;
328
+ --ids-block-grid-item-selectable-max-width: 300px;
329
+ --ids-block-grid-item-selectable-container-border-radius: 3px;
330
+ --ids-block-grid-item-selectable-container-img-border-radius: var(--ids-border-radius-round);
331
+ --ids-block-grid-item-selectable-container-hover-background-color: var(--ids-color-primary-10);
332
+ --ids-block-grid-item-selectable-container-focus-outline: var(--ids-spacing-xs) solid var(--ids-color-primary-60);
333
+ --ids-block-grid-item-selectable-container-focus-box-shadow: var(--ids-shadow-lg);
334
+ --ids-block-grid-item-selectable-container-padding: var(--ids-spacing-4xl) 36px;
335
+ --ids-block-grid-item-selectable-multiple-block-width: 100%;
336
+ --ids-block-grid-item-selectable-multiple-block-container-padding: var(--ids-spacing-4xl) var(--ids-spacing-4xl) var(--ids-spacing-4xl) 45px;
337
+ --ids-block-grid-item-selectable-multiple-block-checkbox-top: calc(50% - 10px);
338
+ --ids-block-grid-item-selectable-multiple-block-checkbox-left: 30px;
339
+ --ids-block-grid-item-selectable-multiple-block-checkbox-right: unset;
340
+ --ids-block-grid-item-selected-border-radius: 3px;
341
+ --ids-block-grid-item-selected-background-color: transparent;
342
+ --ids-block-grid-item-selected-outline: 2px solid var(--ids-color-primary-60);
343
+ --ids-block-grid-item-pre-selected-background-color: rgba(230 241 253 / 0.7);
344
+ --ids-block-grid-item-checkbox-top: 20px;
345
+ --ids-block-grid-item-checkbox-right: 20px;
346
+ --ids-button-primary-border-color: var(--ids-color-primary);
347
+ --ids-button-primary-background-color: var(--ids-color-primary);
348
+ --ids-button-primary-text-color: var(--ids-color-text-on-primary);
349
+ --ids-button-primary-focus-border-color: var(--ids-focus-border-color);
350
+ --ids-button-primary-focus-box-shadow: 0 0 0 2px var(--ids-color-text-on-primary), 0 0 0 3px var(--ids-color-primary-70), 0 0 4px 3px var(--ids-color-primary-70);
351
+ --ids-button-primary-hover-background-color: var(--ids-color-primary-80);
352
+ --ids-button-primary-hover-border-color: var(--ids-color-primary-70);
353
+ --ids-button-primary-disabled-background-color: var(--ids-color-neutral-20);
354
+ --ids-button-primary-disabled-border-color: var(--ids-color-neutral-20);
355
+ --ids-button-primary-disabled-text-color: var(--ids-color-neutral-40);
356
+ --ids-button-primary-ripple-color: var(--ids-color-text-on-primary);
357
+ --ids-button-secondary-background-color: transparent;
358
+ --ids-button-secondary-border-width: 2px;
359
+ --ids-button-secondary-border-color: var(--ids-color-primary);
360
+ --ids-button-secondary-text-color: var(--ids-color-primary);
361
+ --ids-button-secondary-focus-border-color: var(--ids-color-primary);
362
+ --ids-button-secondary-focus-box-shadow: 0 0 0 2px var(--ids-color-neutral-00), 0 0 0 3px var(--ids-color-primary), 0 0 4px 3px var(--ids-color-primary);
363
+ --ids-button-secondary-hover-background-color: var(--ids-button-tertiary-hover-background-color);
364
+ --ids-button-secondary-disabled-background-color: transparent;
365
+ --ids-button-secondary-disabled-border-color: var(--ids-color-neutral-20);
366
+ --ids-button-secondary-disabled-text-color: var(--ids-color-neutral-30);
367
+ --ids-button-secondary-ripple-color: var(--ids-color-primary-30);
368
+ --ids-button-tertiary-border-color: transparent;
369
+ --ids-button-tertiary-text-color: var(--ids-color-neutral-60);
370
+ --ids-button-tertiary-focus-border-color: var(--ids-focus-border-color);
371
+ --ids-button-tertiary-hover-text-color: var(--ids-color-primary-70);
372
+ --ids-button-tertiary-hover-background-color: var(--ids-color-primary-10);
373
+ --ids-button-tertiary-disabled-text-color: var(--ids-color-neutral-30);
374
+ --ids-button-tertiary-readonly-text-color: var(--ids-color-neutral-60);
375
+ --ids-button-tertiary-font-weight: var(--ids-font-weight-semi-bold);
376
+ --ids-button-tertiary-ripple-color: var(--ids-color-primary-30);
377
+ --ids-button-destructive-hover-background-color: var(--ids-color-error-10);
378
+ --ids-button-alternate-text-color: var(--ids-color-neutral-10);
379
+ --ids-button-alternate-text-color-hover: var(--ids-color-neutral-00);
380
+ --ids-button-alternate-ripple-color: var(--ids-color-text-on-primary);
381
+ --ids-button-formatter-border-color: var(--ids-color-neutral-00);
382
+ --ids-button-formatter-disabled-opacity: 0.4;
383
+ --ids-button-formatter-ripple-color: var(--ids-color-primary-tertiary);
384
+ --ids-button-alternate-formatter-text-color-hover: var(--ids-color-on-text);
385
+ --ids-button-alternate-formatter-text-color: var(--ids-input-readonly-background-color);
386
+ --ids-breadcrumb-text-color: var(--ids-text-color-subtle);
387
+ --ids-breadcrumb-disabled-text-color: var(--ids-text-color-disabled);
388
+ --ids-breadcrumb-inverse-text-color: var(--ids-color-on-text);
389
+ --ids-breadcrumb-font-weight: var(--ids-font-weight-normal);
390
+ --ids-breadcrumb-font-size: var(--ids-font-size-sm);
391
+ --ids-calendar-toolbar-container-background-color: var(--ids-color-neutral-00);
392
+ --ids-calendar-toolbar-container-border-color: var(--ids-color-neutral-20);
393
+ --ids-calendar-event-azure-background-color: var(--ids-color-azure-20);
394
+ --ids-calendar-event-azure-border-color: var(--ids-color-azure-70);
395
+ --ids-calendar-event-amber-background-color: var(--ids-color-amber-30);
396
+ --ids-calendar-event-amber-border-color: var(--ids-color-amber-70);
397
+ --ids-calendar-event-amethyst-background-color: var(--ids-color-amethyst-30);
398
+ --ids-calendar-event-amethyst-border-color: var(--ids-color-amethyst-70);
399
+ --ids-calendar-event-background-color: var(--ids-color-azure-20);
400
+ --ids-calendar-event-border-color: var(--ids-color-amber-70);
401
+ --ids-calendar-event-emerald-background-color: var(--ids-color-emerald-30);
402
+ --ids-calendar-event-emerald-border-color: var(--ids-color-emerald-70);
403
+ --ids-calendar-event-focus-border-color: var(--ids-color-azure-60);
404
+ --ids-calendar-event-icon-alert-color: var(--ids-color-amber-60);
405
+ --ids-calendar-event-icon-clock-color: var(--ids-color-amber-60);
406
+ --ids-calendar-event-icon-pending-color: var(--ids-color-amber-60);
407
+ --ids-calendar-event-icon-success-color: var(--ids-color-emerald-60);
408
+ --ids-calendar-event-ruby-background-color: var(--ids-color-ruby-30);
409
+ --ids-calendar-event-ruby-border-color: var(--ids-color-ruby-70);
410
+ --ids-calendar-event-turquoise-background-color: var(--ids-color-turquoise-30);
411
+ --ids-calendar-event-turquoise-border-color: var(--ids-color-turquoise-70);
412
+ --ids-calendar-event-slate-background-color: var(--ids-color-neutral-30);
413
+ --ids-calendar-event-slate-border-color: var(--ids-color-neutral-70);
414
+ --ids-calendar-event-text-color: var(--ids-color-neutral-100);
415
+ --ids-card-toolbar-padding: var(--ids-spacing-xxl);
416
+ --ids-card-border-radius: var(--ids-border-radius-md);
417
+ --ids-card-margin-bottom: var(--ids-spacing-xxl);
418
+ --ids-card-height: 360px;
419
+ --ids-card-content-height: 310px;
420
+ --ids-card-header-padding: 12px 16px;
421
+ --ids-card-background-color: var(--ids-color-neutral-00);
422
+ --ids-card-border-color: var(--ids-color-neutral-30);
423
+ --ids-card-divider-border-color: var(--ids-color-neutral-20);
424
+ --ids-card-box-shadow: rgba(0 0 0 / 0.1) 0 0 8px;
425
+ --ids-card-selected-background-color: var(--ids-color-primary-10);
426
+ --ids-card-selected-border-color: var(--ids-color-primary);
427
+ --ids-card-text-color: var(--ids-text-color-label);
428
+ --ids-card-hover-text-color: var(--ids-text-color-data);
429
+ --ids-chart-legend-text-size: var(--ids-font-size-sm);
430
+ --ids-chart-legend-text-color: var(--ids-text-color-label);
431
+ --ids-chart-qualitive-color-1: var(--ids-color-azure-80);
432
+ --ids-chart-qualitive-color-2: var(--ids-color-turquoise-40);
433
+ --ids-chart-qualitive-color-3: var(--ids-color-amethyst-60);
434
+ --ids-chart-qualitive-color-4: var(--ids-color-neutral-40);
435
+ --ids-chart-qualitive-color-5: var(--ids-color-amber-30);
436
+ --ids-chart-qualitive-color-6: var(--ids-color-amber-70);
437
+ --ids-chart-qualitive-color-7: var(--ids-color-emerald-80);
438
+ --ids-chart-qualitive-color-8: var(--ids-color-azure-30);
439
+ --ids-chart-qualitive-color-9: var(--ids-color-ruby-80);
440
+ --ids-chart-qualitive-color-10: var(--ids-color-neutral-20);
441
+ --ids-chart-qualitive-color-11: var(--ids-color-turquoise-60);
442
+ --ids-chart-qualitive-color-12: var(--ids-color-amber-90);
443
+ --ids-chart-qualitive-color-13: var(--ids-color-amethyst-30);
444
+ --ids-chart-qualitive-color-14: var(--ids-color-azure-60);
445
+ --ids-chart-qualitive-color-15: var(--ids-color-ruby-30);
446
+ --ids-chart-qualitive-color-16: var(--ids-color-amethyst-80);
447
+ --ids-chart-qualitive-color-17: var(--ids-color-emerald-30);
448
+ --ids-chart-qualitive-color-18: var(--ids-color-turquoise-80);
449
+ --ids-chart-qualitive-color-19: var(--ids-color-neutral-60);
450
+ --ids-chart-qualitive-color-20: var(--ids-color-ruby-40);
451
+ --ids-checkbox-unchecked-border-color: var(--ids-input-border-color);
452
+ --ids-checkbox-unchecked-border: 1px solid var(--ids-checkbox-unchecked-border-color);
453
+ --ids-checkbox-unchecked-border-radius: var(--ids-border-radius-xs);
454
+ --ids-checkbox-unchecked-error-border-color: var(--ids-color-error);
455
+ --ids-checkbox-checked-background-color: var(--ids-color-primary);
456
+ --ids-checkbox-checked-border-color: var(--ids-color-primary);
457
+ --ids-checkbox-checked-after-border-color: var(--ids-color-neutral-00);
458
+ --ids-checkbox-checked-after-border-width: 0 2px 2px 0;
459
+ --ids-checkbox-indeterminate-background-color: var(--ids-color-primary);
460
+ --ids-checkbox-indeterminate-border-color: var(--ids-color-primary);
461
+ --ids-checkbox-indeterminate-after-border-color: var(--ids-color-neutral-00);
462
+ --ids-checkbox-indeterminate-after-border-width: 0 0 2px;
463
+ --ids-checkbox-disabled-unchecked-background-color: var(--ids-text-color-disabled);
464
+ --ids-checkbox-disabled-unchecked-border-color: var(--ids-input-disabled-text-color);
465
+ --ids-checkbox-disabled-checked-background-color: var(--ids-text-color-disabled);
466
+ --ids-checkbox-disabled-checked-border-color: var(--ids-input-disabled-text-color);
467
+ --ids-checkbox-disabled-text-color: var(--ids-text-color-disabled);
468
+ --ids-checkbox-focus-border-color: var(--ids-input-focus-border-color);
469
+ --ids-checkbox-focus-box-shadow: var(--ids-focus-box-shadow);
470
+ --ids-checkbox-has-focus-border-color: var(--ids-focus-border-color);
471
+ --ids-checkbox-has-focus-box-shadow: var(--ids-box-shadow-lg);
472
+ --ids-checkbox-multiselect-checkbox-background-color: var(--ids-body-background-color);
473
+ --ids-counts-text-color: var(--ids-text-color-subtle);
474
+ --ids-counts-hyperlink-text-color: var(--ids-hyperlink-text-color);
475
+ --ids-counts-value-font-size: var(--ids-font-size-md);
476
+ --ids-counts-count-font-size: var(--ids-font-size-5xl);
477
+ --ids-data-grid-background-color: var(--ids-color-neutral-00);
478
+ --ids-data-grid-min-height: 350px;
479
+ --ids-data-grid-cell-background-color: var(--ids-color-neutral-00);
480
+ --ids-data-grid-cell-readonly-background-color: rgba(0 0 0 / 0.04);
481
+ --ids-data-grid-cell-border-color: var(--ids-color-neutral-30);
482
+ --ids-data-grid-cell-checkbox-border-color: var(--ids-input-border-color);
483
+ --ids-data-grid-cell-text-color: var(--ids-color-neutral-100);
484
+ --ids-data-grid-cell-disabled-text-color: var(--ids-color-neutral-30);
485
+ --ids-data-grid-cell-invalid-background-color: rgba(232 79 79 / 0.1);
486
+ --ids-data-grid-list-cell-border-color: var(--ids-color-neutral-20);
487
+ --ids-data-grid-list-header-border-color: var(--ids-color-neutral-10);
488
+ --ids-data-grid-list-header-background-color: var(--ids-color-neutral-10);
489
+ --ids-data-grid-list-header-text-color: var(--ids-color-neutral-100);
490
+ --ids-data-grid-list-header-unsorted-icon-color: var(--ids-color-neutral-20);
491
+ --ids-data-grid-list-header-sorted-icon-color: var(--ids-color-neutral-00);
492
+ --ids-data-grid-list-header-checkbox-background-color: var(--ids-color-neutral-70);
493
+ --ids-data-grid-header-border-color: var(--ids-color-neutral-30);
494
+ --ids-data-grid-header-background-color: var(--ids-color-neutral-80);
495
+ --ids-data-grid-header-checkbox-background-color: var(--ids-color-neutral-00);
496
+ --ids-data-grid-header-checkbox-border-color: var(--ids-color-neutral-00);
497
+ --ids-data-grid-header-icon-color: var(--ids-color-neutral-00);
498
+ --ids-data-grid-header-drag-placeholder-background-color: var(--ids-color-neutral-40);
499
+ --ids-data-grid-header-text-color: var(--ids-color-neutral-00);
500
+ --ids-data-grid-header-unsorted-icon-color: var(--ids-color-neutral-50);
501
+ --ids-data-grid-header-sorted-icon-color: var(--ids-color-neutral-00);
502
+ --ids-data-grid-filter-input-background-color: transparent;
503
+ --ids-data-grid-filter-input-border-color: var(--ids-color-neutral-30);
504
+ --ids-data-grid-filter-input-text-color: var(--ids-color-neutral-00);
505
+ --ids-data-grid-filter-input-hover-color: var(--ids-color-neutral-20);
506
+ --ids-data-grid-filter-input-focus-color: var(--ids-color-azure-50);
507
+ --ids-data-grid-filter-input-disabled-border-color: var(--ids-color-neutral-50);
508
+ --ids-data-grid-filter-input-disabled-text-color: var(--ids-color-neutral-40);
509
+ --ids-data-grid-filter-input-readonly-background-color: var(--ids-color-neutral-60);
510
+ --ids-data-grid-filter-input-readonly-border-color: var(--ids-color-neutral-30);
511
+ --ids-data-grid-filter-input-readonly-text-color: var(--ids-color-neutral-00);
512
+ --ids-data-grid-filter-input-placeholder-text-color: var(--ids-color-neutral-40);
513
+ --ids-data-grid-filter-input-drop-background-color: var(--ids-body-background-color);
514
+ --ids-data-grid-xxs-row-height: 25px;
515
+ --ids-data-grid-xxs-padding: 4px;
516
+ --ids-data-grid-xs-row-height: 30px;
517
+ --ids-data-grid-xs-padding: 4px;
518
+ --ids-data-grid-sm-row-height: 35px;
519
+ --ids-data-grid-sm-padding: 8px;
520
+ --ids-data-grid-md-row-height: 40px;
521
+ --ids-data-grid-md-padding: 12px;
522
+ --ids-data-grid-lg-row-height: 50px;
523
+ --ids-data-grid-lg-padding: 5px;
524
+ --ids-data-grid-row-selected-background-color: rgba(85 163 243 / 0.10);
525
+ --ids-data-grid-row-alternate-background-color: var(--ids-color-neutral-10);
526
+ --ids-data-grid-row-focus-box-shadow: inset 0 0 0 1px var(--ids-color-primary-40), 0 1px 0 0 var(--ids-color-primary-40), 0 0 3px 2px rgb(54 138 192 / 0.3);
527
+ --ids-date-picker-open-trigger-button-text-color: var(--ids-color-primary)
528
+ --ids-date-picker-open-trigger-input-border-color: var(--ids-color-primary);
529
+ --ids-date-picker-dropdown-button-text-color: var(--ids-color-neutral-100);
530
+ --ids-date-picker-dropdown-focus-box-shadow-color: var(--ids-shadow-md);
531
+ --ids-date-picker-picklist-background-color: var(--ids-color-neutral-00);
532
+ --ids-date-picker-picklist-item-text-color: var(--ids-text-color-subtle);
533
+ --ids-date-picker-picklist-item-focus-border-color: var(--ids-focus-ring-border-color);
534
+ --ids-date-picker-picklist-item-focus-box-shadow: var(--ids-focus-ring-shadow);
535
+ --ids-date-picker-picklist-item-selected-text-color: var(--ids-color-neutral-00);
536
+ --ids-date-picker-picklist-item-selected-background-color: var(--ids-color-primary);
537
+ --ids-date-picker-picklist-separator-background-color: var(--ids-color-neutral-30);
538
+ --ids-date-picker-popup-button-apply-text-color: var(--ids-color-azure-70);
539
+ --ids-date-picker-popup-button-apply-disabled-text-color: var(--ids-color-azure-30);
540
+ --ids-date-picker-popup-button-border-color: var(--ids-color-neutral-30);
541
+ --ids-date-picker-popup-footer-border-color: var(--ids-date-picker-popup-button-border-color);
542
+ --ids-date-picker-popup-button-text-color: var(--ids-color-neutral-60);
543
+ --ids-date-picker-popup-button-hover-text-color: var(--ids-color-neutral-100);
544
+ --ids-date-picker-popup-button-today-text-color: var(--ids-color-primary);
545
+ --ids-dirty-indicator-background-color: var(--ids-color-amber-30);
546
+ --ids-drawer-action-sheet-background-color: var(--ids-color-neutral-00);
547
+ --ids-drawer-action-sheet-text-color: var(--ids-color-neutral-100);
548
+ --ids-drawer-action-sheet-box-shadow: 0 0 8px rgba(0 0 0 / 0.2);
549
+ --ids-drawer-app-menu-background-color: var(--ids-color-neutral-100);
550
+ --ids-drawer-app-menu-text-color: var(--ids-color-neutral-00);
551
+ --ids-drawer-app-menu-box-shadow: 0 0 20px 1px rgba(0 0 0 / 0.75);
552
+ --ids-drawer-width: 300px;
553
+ --ids-dropdown-background-color: var(--ids-popup-background-color);
554
+ --ids-dropdown-border-color: var(--ids-focus-border-color);
555
+ --ids-dropdown-attached-border-color: var(--ids-color-neutral-30);
556
+ --ids-dropdown-box-shadow: -3px 3px 3px 0 rgb(54 138 192 / 0.3), 0 2px 3px 0 rgb(54 138 192 / 0.3), 3px 3px 3px 0 rgb(54 138 192 / 0.3);
557
+ --ids-dropdown-border-radius: 0 0 var(--ids-border-radius-xs) var(--ids-border-radius-xs);
558
+ --ids-dropdown-flipped-border-radius: var(--ids-border-radius-xs) var(--ids-border-radius-xs) 0 0;
559
+ --ids-dropdown-flipped-box-shadow: 0 -1px 2px 0 rgb(54 138 192 / 0.3), 2px 0 3px 0 rgb(54 138 192 / 0.3), -2px -2px 3px 0 rgb(54 138 192 / 0.3);
560
+ --ids-dropdown-icon-color: var(--ids-color-neutral-100);
561
+ --ids-dropdown-typeahead-background-color: var(--ids-color-neutral-10);
562
+ --ids-dropdown-text-indent: 8px;
563
+ --ids-dropdown-separator-border-color: var(--ids-color-neutral-10);
564
+ --ids-dropdown-separator-padding: 4px;
565
+ --ids-dropdown-text-color: var(--ids-color-neutral-100);
566
+ --ids-dropdown-selected-text-color: var(--ids-color-neutral-00);
567
+ --ids-dropdown-selected-background-color: var(--ids-color-primary-60);
568
+ --ids-dropdown-hover-background-color: var(--ids-color-neutral-20);
569
+ --ids-dropdown-group-text-color: var(--ids-color-neutral-80);
570
+ --ids-dropdown-group-border-color: var(--ids-color-neutral-30);
571
+ --ids-dropdown-group-padding: 4px;
572
+ --ids-dropdown-font-size: var(--ids-font-size-sm);
573
+ --ids-editor-font-family: var(--ids-font-family);
574
+ --ids-editor-font-size: var(--ids-font-size-md);
575
+ --ids-editor-background-color: var(--ids-color-neutral-00);
576
+ --ids-editor-border-color: var(--ids-color-neutral-40);
577
+ --ids-editor-border-radius: var(--ids-border-radius-xs);
578
+ --ids-editor-border-style: solid;
579
+ --ids-editor-border-width: 1px;
580
+ --ids-editor-outline: 0;
581
+ --ids-editor-line-height: var(--ids-line-height-md);
582
+ --ids-editor-padding: var(--ids-spacing-xxl);
583
+ --ids-editor-hover-border-color: var(--ids-color-neutral-90);
584
+ --ids-editor-focus-border-color: var(--ids-focus-border-color);
585
+ --ids-editor-focus-border-outline: var(--ids-focus-outline);
586
+ --ids-editor-focus-border-box-shadow: var(--ids-focus-box-shadow);
587
+ --ids-editor-error-border-color: var(--ids-color-error);
588
+ --ids-editor-error-text-color: var(--ids-color-error);
589
+ --ids-editor-error-border-box-shadow: var(--ids-box-shadow-error);
590
+ --ids-editor-readonly-background-color: var(--ids-color-neutral-20);
591
+ --ids-editor-readonly-border-color: var(--ids-editor-border-color);
592
+ --ids-editor-readonly-text-color: var(--ids-text-color-data);
593
+ --ids-editor-readonly-cursor: var(--ids-cursor-text);
594
+ --ids-editor-readonly-source-line-numbers-background-color: var(--ids-color-neutral-10);
595
+ --ids-editor-disabled-border-color: var(--ids-text-color-disabled);
596
+ --ids-editor-disabled-cursor: var(--ids-cursor-default);
597
+ --ids-editor-disabled-text-color: var(--ids-text-color-disabled);
598
+ --ids-editor-link-padding: var(--ids-spacing-md);
599
+ --ids-editor-link-text-color: var(--ids-color-primary);
600
+ --ids-editor-link-hover-text-color: var(--ids-color-primary-70);
601
+ --ids-editor-link-focus-border-color: var(--ids-color-primary);
602
+ --ids-editor-link-focus-border-radius: var(--ids-border-radius-xs);
603
+ --ids-editor-link-focus-border-style: solid;
604
+ --ids-editor-link-focus-border-width: 1px;
605
+ --ids-editor-link-focus-outline: var(--ids-focus-outline);
606
+ --ids-editor-link-focus-box-shadow: var(--ids-focus-box-shadow);
607
+ --ids-editor-blockquote-border-inline-start: 2px solid var(--ids-color-neutral-40);
608
+ --ids-editor-blockquote-margin-inline-start: var(--ids-spacing-md);
609
+ --ids-editor-blockquote-margin-inline-end: var(--ids-spacing-none);
610
+ --ids-editor-blockquote-padding-inline-start: var(--ids-spacing-xl);
611
+ --ids-editor-source-padding: var(--ids-spacing-none);
612
+ --ids-editor-source-margin: var(--ids-spacing-none);
613
+ --ids-editor-source-line-numbers-margin: var(--ids-spacing-none);
614
+ --ids-editor-source-line-numbers-padding-block-start: var(--ids-spacing-xxl);
615
+ --ids-editor-source-line-numbers-padding-inline: var(--ids-spacing-xl);
616
+ --ids-editor-source-line-numbers-line-height: var(--ids-line-height-md);
617
+ --ids-editor-source-line-numbers-font-weight: var(--ids-font-weight-bold);
618
+ --ids-editor-source-line-numbers-background-color: var(--ids-color-neutral-10);
619
+ --ids-editor-source-line-numbers-text-color: var(--ids-color-neutral-50);
620
+ --ids-editor-source-textarea-background-color: transparent;
621
+ --ids-editor-source-textarea-text-color: var(--ids-text-color-data);
622
+ --ids-editor-source-textarea-border: none;
623
+ --ids-editor-source-textarea-padding-block-start: var(--ids-spacing-xxl);
624
+ --ids-editor-source-textarea-padding-inline: var(--ids-spacing-xxl);
625
+ --ids-editor-source-textarea-line-height: var(--ids-line-height-md);
626
+ --ids-editor-source-textarea-outline: var(--ids-spacing-none);
627
+ --ids-empty-message-icon-color: var(--ids-color-neutral-60);
628
+ --ids-empty-message-icon-fill: transparent;
629
+ --ids-empty-message-icon-margin: var(--ids-spacing-xl);
630
+ --ids-empty-message-icon-height: 80px;
631
+ --ids-empty-message-icon-width: 80px;
632
+ --ids-empty-message-label-padding: var(--ids-spacing-xl) var(--ids-spacing-lg);
633
+ --ids-empty-message-label-font-size: var(--ids-font-size-lg);
634
+ --ids-empty-message-description-padding: var(--ids-spacing-none) var(--ids-spacing-xxl) var(--ids-spacing-xxl);
635
+ --ids-empty-message-description-text-align: center;
636
+ --ids-empty-message-button-margin-block-end: var(--ids-spacing-5xl);
637
+ --ids-expandable-area-border-bottom: 1px solid var(--ids-color-neutral-30);
638
+ --ids-hierarchy-legend-item-before-background-color: var(--ids-color-neutral-20);
639
+ --ids-hierarchy-item-leaf-border-color: var(--ids-color-neutral-30);
640
+ --ids-hierarchy-item-leaf-box-shadow: 0 0 8px rgba(0 0 0 / 0.1);
641
+ --ids-hierarchy-item-leaf-border-radius: var(--ids-border-radius-xs);
642
+ --ids-hierarchy-item-leaf-before-border-color: var(--ids-color-neutral-30);
643
+ --ids-hierarchy-item-leaf-inside-background-color: var(--ids-color-neutral-00);
644
+ --ids-hierarchy-item-leaf-inside-border-left: 5px solid var(--ids-color-neutral-80);
645
+ --ids-hierarchy-item-leaf-inside-box-shadow: none;
646
+ --ids-hierarchy-item-avatar-border: 2px solid var(--ids-color-neutral-80);
647
+ --ids-hierarchy-item-focus-box-shadow: none;
648
+ --ids-hierarchy-item-selected-leaf-box-shadow: 0 0 0 5px rgba(54 138 192 / 0.3);
649
+ --ids-header-background-color: var(--ids-color-primary);
650
+ --ids-header-text-color: var(--ids-color-text-on-primary);
651
+ --ids-header-padding: 8px;
652
+ --ids-header-gradient-opaque: rgb(0 114 237 / 1);
653
+ --ids-header-gradient-transparent: rgb(0 114 237 / 0);
654
+ --ids-hyperlink-border-radius: var(--ids-border-radius-xs);
655
+ --ids-hyperlink-cursor: var(--ids-cursor-pointer);
656
+ --ids-hyperlink-font-size: var(--ids-font-size);
657
+ --ids-hyperlink-padding: var(--ids-spacing-md);
658
+ --ids-hyperlink-font-weight: var(--ids-font-weight-normal);
659
+ --ids-hyperlink-text-color: var(--ids-color-primary);
660
+ --ids-hyperlink-hover-text-color: var(--ids-color-primary-70);
661
+ --ids-hyperlink-disabled-text-color: var(--ids-color-neutral-40);
662
+ --ids-icon-font-name: "name-here";
663
+ --ids-icon-color: var(--ids-color-neutral-80);
664
+ --ids-icon-color-disabled: var(--ids-text-color-disabled);
665
+ --ids-icon-empty-icon-color: var(--ids-color-primary);
666
+ --ids-icon-empty-new-icon-color: var(--ids-color-neutral-60)
667
+ // Image
668
+ --ids-image-focus-border-color: var(--ids-focus-border-color);
669
+ --ids-image-focus-box-shadow: var(--ids-box-shadow-lg);
670
+ --ids-image-border-color: var(--ids-text-color-disabled);
671
+ --ids-image-text-color: var(--ids-text-color-subtle);
672
+ --ids-image-initials-border-radius: var(--ids-border-radius-round);
673
+ --ids-image-initials-background-color: var(--ids-color-amethyst-50);
674
+ --ids-image-placeholder-background-color: var(--ids-body-background-color);
675
+ --ids-image-status-available-background-color: var(--ids-color-success);
676
+ --ids-image-status-busy-background-color: var(--ids-color-error);
677
+ --ids-image-status-away-background-color: var(--ids-color-warning);
678
+ --ids-image-status-unknown-background-color: var(--ids-text-color-disabled);
679
+ --ids-input-width-xs: 75px;
680
+ --ids-input-width-sm: 150px;
681
+ --ids-input-width-mm: 225px;
682
+ --ids-input-width-md: 300px;
683
+ --ids-input-width-lg: 400px;
684
+ --ids-input-width-full: 100%;
685
+ --ids-input-height-xs: 28px;
686
+ --ids-input-height-sm: 30px;
687
+ --ids-input-height-md: 38px;
688
+ --ids-input-height-lg: 48px;
689
+ --ids-input-margin-bottom: 8px;
690
+ --ids-input-label-font-size: var(--ids-font-size-sm);
691
+ --ids-input-font-size: var(--ids-font-size-md);
692
+ --ids-input-font-size-sm: var(--ids-font-size-md);
693
+ --ids-input-background-color: var(--ids-color-neutral-00);
694
+ --ids-input-border-color: var(--ids-color-neutral-40);
695
+ --ids-input-text-color: var(--ids-text-color-data);
696
+ --ids-input-label-text-color: var(--ids-text-color-label);
697
+ --ids-input-readonly-border-color: var(--ids-color-neutral-40);
698
+ --ids-input-readonly-text-color: var(--ids-text-color-data);
699
+ --ids-input-readonly-background-color: var(--ids-color-neutral-20);
700
+ --ids-input-disabled-text-color: var(--ids-text-color-disabled);
701
+ --ids-input-disabled-border-color: var(--ids-text-color-disabled);
702
+ --ids-input-hover-border-color: var(--ids-color-neutral-90);
703
+ --ids-input-focus-border-color: var(--ids-focus-border-color);
704
+ --ids-input-header-text-color: var(--ids-color-neutral-00);
705
+ --ids-input-header-placeholder-text-color: rgba(255 255 255 / 0.7);
706
+ --ids-input-header-background-color: var(--ids-color-text-on-primary);
707
+ --ids-input-header-border-color: rgba(62 62 66 / 0.7);
708
+ --ids-input-app-menu-text-color: var(--ids-color-neutral-00);
709
+ --ids-input-alert-border-color: var(--ids-color-warning-80);
710
+ --ids-input-alert-text-color: var(--ids-color-warning-80);
711
+ --ids-input-alert-focus-box-shadow: var(--ids-color-warning-shadow);
712
+ --ids-input-alert-disabled-border-color: var(--ids-color-warning-30);
713
+ --ids-input-alert-disabled-text-color: var(--ids-color-warning-30);
714
+ --ids-input-error-border-color: var(--ids-color-error-60);
715
+ --ids-input-error-text-color: var(--ids-color-error-60);
716
+ --ids-input-error-focus-box-shadow: var(--ids-color-error-shadow);
717
+ --ids-input-error-disabled-border-color: var(--ids-color-error-30);
718
+ --ids-input-error-disabled-text-color: var(--ids-color-error-30);
719
+ --ids-input-info-border-color: var(--ids-color-info-70);
720
+ --ids-input-info-text-color: var(--ids-color-info-70);
721
+ --ids-input-info-focus-box-shadow: var( --ids-color-info-shadow);
722
+ --ids-input-info-disabled-border-color: var(--ids-color-info-30);
723
+ --ids-input-info-disabled-text-color: var(--ids-color-info-30);
724
+ --ids-input-success-border-color: var(--ids-color-success-80);
725
+ --ids-input-success-text-color: var(--ids-color-success-80);
726
+ --ids-input-success-focus-box-shadow: var( --ids-color-success-shadow);
727
+ --ids-input-success-disabled-border-color: var(--ids-color-success-30);
728
+ --ids-input-success-disabled-text-color: var(--ids-color-success-30);
729
+ --ids-layout-grid-fill-background-color: var(--ids-color-neutral-10);
730
+ --ids-layout-grid-fill-text-color: var(--ids-text-color);
731
+ --ids-list-builder-border: 1px solid var(--ids-color-neutral-40);
732
+ --ids-list-builder-border-radius: var(--ids-border-radius-xs);
733
+ --ids-list-builder-input-background-color: rgba(71 71 76 / 0.3);
734
+ --ids-list-builder-input-border-width: 0;
735
+ --ids-list-builder-input-height: var(--ids-size-xxs);
736
+ --ids-list-builder-input-text-color: var(--ids-color-neutral-00);
737
+ --ids-list-builder-input-padding: var(--ids-spacing-none);
738
+ --ids-list-builder-item-border: 1px solid transparent;
739
+ --ids-list-builder-item-padding: var(--ids-spacing-xl) var(--ids-spacing-3xl);
740
+ --ids-list-builder-item-height: var(--ids-size-lg);
741
+ --ids-list-builder-item-min-height: var(--ids-size-md);
742
+ --ids-list-builder-item-drag-handle-content: "⁞";
743
+ --ids-list-builder-item-drag-handle-cursor: move;
744
+ --ids-list-builder-item-drag-handle-font-size: var(--ids-font-size-xl);
745
+ --ids-list-builder-item-placeholder-background-color: var(--ids-color-azure-10);
746
+ --ids-list-builder-item-placeholder-opacity: 0.6;
747
+ --ids-list-view-focus-border-color: var(--ids-color-azure-40);
748
+ --ids-list-view-item-background-color: var(--ids-color-neutral-00);
749
+ --ids-list-view-item-border: 1px solid transparent;
750
+ --ids-list-view-item-border-top-color: var(--ids-color-neutral-20);
751
+ --ids-list-view-item-padding: var(--ids-spacing-xl) var(--ids-spacing-3xl);
752
+ --ids-list-view-item-focus-border-color: var(--ids-color-azure-40);
753
+ --ids-list-view-item-focus-box-shadow: 0 0 4px 1px rgb(54 138 192 / 0.3);
754
+ --ids-list-view-item-focus-outline: none;
755
+ --ids-list-view-item-disabled-text-color: var(--ids-color-neutral-30);
756
+ --ids-list-view-item-disabled-focus-border-color: transparent;
757
+ --ids-list-view-item-disabled-focus-border-top-color: var(--ids-color-neutral-20);
758
+ --ids-list-view-item-disabled-focus-box-shadow: none;
759
+ --ids-list-view-item-disabled-badge-background-color: var(--ids-color-neutral-30);
760
+ --ids-list-view-item-disabled-badge-border-color: var(--ids-color-neutral-30);
761
+ --ids-list-view-item-disabled-badge-text-color: var(--ids-color-neutral-00);
762
+ --ids-list-view-item-disabled-link-text-color: var(--ids-color-neutral-30);
763
+ --ids-list-view-item-disabled-image-opacity: 0.5;
764
+ --ids-list-view-selectable-item-selected-background-color: var(--ids-color-azure-10);
765
+ --ids-loading-indicator-progress-color: var(--ids-color-primary);
766
+ --ids-loading-indicator-overall-color: var(--ids-color-primary-20);
767
+ --ids-loading-indicator-text-color: var(--ids-text-color-label);
768
+ --ids-loading-indicator-primary-progress-stroke: var(--ids-color-primary-90);
769
+ --ids-loading-indicator-primary-overall-stroke: var(--ids-loading-indicator-overall-color);
770
+ --ids-loading-indicator-primary-destructive-progress-stroke: var(--ids-color-ruby-80);
771
+ --ids-loading-indicator-primary-destructive-overall-stroke: var(--ids-color-ruby-20);
772
+ --ids-loading-indicator-tertiary-destructive-progress-stroke: var(--ids-color-ruby-60);
773
+ --ids-loading-indicator-tertiary-destructive-overall-stroke: var(--ids-color-ruby-30);
774
+ --ids-masthead-background-color: var(--ids-color-neutral-100);
775
+ --ids-masthead-text-color: var(--ids-color-neutral-30);
776
+ --ids-masthead-padding-inline: var(--ids-spacing-xxl);
777
+ --ids-masthead-min-height: 40px;
778
+ --ids-masthead-logo-icon-padding-inline: var(--ids-spacing-lg);
779
+ --ids-masthead-logo-icon-top: var(--ids-spacing-xs);
780
+ --ids-masthead-title-margin-inline: var(--ids-spacing-lg);
781
+ --ids-menu-header-font-weight: var(--ids-font-weight-semi-bold);
782
+ --ids-menu-header-margin: var(--ids-spacing-md);
783
+ --ids-menu-header-padding: var(--ids-spacing-md);
784
+ --ids-menu-header-font-size: var(--ids-font-size-xs);
785
+ --ids-menu-header-text-color: var(--ids-color-neutral-70);
786
+ --ids-menu-header-icon-padding: 38px;
787
+ --ids-menu-item-min-width: 110px;
788
+ --ids-menu-item-font-size: var(--ids-font-size-md);
789
+ --ids-menu-item-padding-inline-start: 12px;
790
+ --ids-menu-item-padding: 8px 8px 8px var(--ids-menu-item-padding-inline-start);
791
+ --ids-menu-item-disabled-text-color: var(--ids-color-neutral-30);
792
+ --ids-menu-item-highlight-color: var(--ids-color-neutral-20);
793
+ --ids-menu-item-text-color: var(--ids-color-neutral-100);
794
+ --ids-menu-check-color: var(--ids-color-primary);
795
+ --ids-menu-check-disabled-color: var(--ids-text-color-disabled);
796
+ --ids-message-text-color: var(--ids-text-color);
797
+ --ids-message-error-icon-color: var(--ids-color-error);
798
+ --ids-message-warning-icon-color: var(--ids-color-warning);
799
+ --ids-message-alert-icon-color: var(--ids-color-alert);
800
+ --ids-message-success-icon-color: var(--ids-color-success);
801
+ --ids-message-info-icon-color: var(--ids-color-info);
802
+ --ids-modal-background-color: var(--ids-popup-background-color);
803
+ --ids-modal-border-color: var(--ids-popup-border-color);
804
+ --ids-modal-box-shadow: var(--ids-popup-menu-box-shadow);
805
+ --ids-modal-text-color: var(--ids-text-color);
806
+ --ids-modal-border-radius: var(--ids-border-radius-xs);
807
+ --ids-modal-padding: 0;
808
+ --ids-modal-header-padding: 16px;
809
+ --ids-modal-content-padding: 16px 16px 0px 16px;
810
+ --ids-modal-footer-margin: 16px 0 0 0;
811
+ --ids-modal-footer-border-color: var(--ids-color-neutral-30);
812
+ --ids-modal-title-font-size: var(--ids-font-size-xxl);
813
+ --ids-modal-button-color: var(--ids-color-primary);
814
+ --ids-modal-button-hover-color: var(--ids-color-primary-80);
815
+ --ids-modal-button-focus-box-shadow: 0 0 3px 1px var(--ids-color-primary);
816
+ --ids-month-view-background-color: var(--ids-color-neutral-00);
817
+ --ids-month-view-border-color: var(--ids-color-neutral-20);
818
+ --ids-month-view-day-alternate-text-color: var(--ids-color-neutral-40);
819
+ --ids-month-view-day-hover-background-color: rgb(240 240 240 / 0.5);
820
+ --ids-month-view-day-selected-background-color: var(--ids-color-neutral-10);
821
+ --ids-month-view-day-selected-accent-box-shadow-color: var(--ids-color-primary);
822
+ --ids-month-view-disabled-background-color: var(--ids-color-neutral-20);
823
+ --ids-month-view-legend-text-color: var(--ids-month-view-text-color);
824
+ --ids-month-view-text-color: var(--ids-color-neutral-80);
825
+ --ids-month-view-weekday-text-color: var(--ids-month-view-text-color);
826
+ --ids-month-view-compact-alternate-text-color: var(--ids-color-neutral-40);
827
+ --ids-month-view-compact-day-hover-background-color: var(--ids-month-view-border-color);
828
+ --ids-month-view-compact-day-hover-text-color: var(--ids-month-view-text-color);
829
+ --ids-month-view-compact-day-selected-background-color: var(--ids-color-primary);
830
+ --ids-month-view-compact-day-selected-hover-text-color: var(--ids-color-neutral-00);
831
+ --ids-month-view-compact-range-background-color: var(--ids-month-view-border-color);
832
+ --ids-month-view-compact-range-selected-background-color: var(--ids-color-primary);
833
+ --ids-month-view-compact-range-selected-text-color: var(--ids-color-neutral-00);
834
+ --ids-month-view-compact-today-border-color: var(--ids-color-neutral-30);
835
+ --ids-month-view-compact-weekday-text-color: var(--ids-month-view-text-color);
836
+ --ids-multiselect-font-size: var(--ids-font-size-sm);
837
+ --ids-notification-badge-size: 6px;
838
+ --ids-notification-badge-border-radius: var(--ids-border-radius-sm);
839
+ --ids-notification-badge-error-background-color: var(--ids-color-error);
840
+ --ids-notification-badge-info-background-color: var(--ids-color-info);
841
+ --ids-notification-badge-success-background-color: var(--ids-color-success);
842
+ --ids-notification-badge-warning-background-color: var(--ids-color-warning);
843
+ --ids-notification-banner-height: var(--ids-size-lg);
844
+ --ids-notification-banner-padding: var(--ids-spacing-lg);
845
+ --ids-notification-banner-text-color: var(--ids-text-color-subtle);
846
+ --ids-notification-banner-button-padding: var(--ids-spacing-sm);
847
+ --ids-notification-banner-button-hover-background-color: rgb(0 0 0 / .1);
848
+ --ids-notification-banner-success-background-color: var(--ids-color-success-10);
849
+ --ids-notification-banner-warning-background-color: var(--ids-color-warning-10);
850
+ --ids-notification-banner-warning-caution-color: var(--ids-color-caution-10);
851
+ --ids-notification-banner-info-background-color: var(--ids-color-info-10);
852
+ --ids-notification-banner-error-background-color: var(--ids-color-error-10);
853
+ --ids-pie-chart-text-font-family: var(--ids-font-family);
854
+ --ids-pie-chart-text-font-size: var(--ids-font-size-xxs);
855
+ --ids-pie-chart-text-fill: var(--ids-text-color-label);
856
+ --ids-popup-arrow-size: 8px;
857
+ --ids-popup-background-color: var(--ids-color-neutral-00);
858
+ --ids-popup-border-color: var(--ids-color-neutral-30);
859
+ --ids-popup-padding: var(--ids-spacing-xl);
860
+ --ids-popup-box-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
861
+ --ids-popup-menu-background-color: var(--ids-popup-background-color);
862
+ --ids-popup-menu-border-color: var(--ids-popup-border-color);
863
+ --ids-popup-menu-padding: var(--ids-spacing-md);
864
+ --ids-popup-menu-text-color: var(--ids-color-neutral-80);
865
+ --ids-popup-menu-font-size: var(--ids-font-size-sm);
866
+ --ids-popup-menu-border-radius: var(--ids-border-radius-xs);
867
+ --ids-popup-menu-box-shadow: var(--ids-popup-box-shadow);
868
+ --ids-popup-menu-inverse-background-color: var(--ids-color-neutral-100);
869
+ --ids-popup-menu-inverse-border-color: var(--ids-color-neutral-10);
870
+ --ids-popup-menu-inverse-box-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
871
+ --ids-popup-menu-inverse-text-color: var(--ids-color-neutral-00);
872
+ --ids-progress-bar-disabled-text-color: var(--ids-text-color-disabled);
873
+ --ids-progress-bar-disabled-background-color: var(--ids-text-color-disabled);
874
+ --ids-progress-bar-border-color: var(--ids-color-neutral-70);
875
+ --ids-progress-bar-border: 1px solid var(--ids-progress-bar-border-color);
876
+ --ids-progress-bar-border-radius: var(--ids-border-radius-sm);
877
+ --ids-progress-bar-background-color: transparent;
878
+ --ids-progress-bar-height: var(--ids-spacing-lg);
879
+ --ids-progress-bar-margin: var(--ids-spacing-xxl) var(--ids-spacing-none);
880
+ --ids-progress-bar-fill-background-color: var(--ids-color-primary);
881
+ --ids-progress-bar-label-text-color: var(--ids-text-color-label);
882
+ --ids-progress-bar-label-audible-margin: var(--ids-spacing-sm) var(--ids-spacing-none);
883
+ --ids-progress-bar-grid-cell-margin: var(--ids-spacing-xxl);
884
+ --ids-progress-chart-font-family: var(--ids-font-family);
885
+ --ids-progress-chart-margin: var(--ids-spacing-none) var(--ids-spacing-none) var(--ids-spacing-lg);
886
+ --ids-progress-chart-labels-font-size: var(--ids-font-size-md);
887
+ --ids-progress-chart-labels-margin-bottom: var(--ids-spacing-lg);
888
+ --ids-progress-chart-labels-text-color: var(--ids-color-neutral-60);
889
+ --ids-progress-chart-labels-main-margin: var(--ids-spacing-none) var(--ids-spacing-md) var(--ids-spacing-none) var(--ids-spacing-none);
890
+ --ids-progress-chart-labels-progress-margin: var(--ids-spacing-none) var(--ids-spacing-md);
891
+ --ids-progress-chart-bar-border-radius: var(--ids-border-radius-xs);
892
+ --ids-progress-chart-bar-min-height: 28px;
893
+ --ids-progress-chart-bar-min-width: 66px;
894
+ --ids-progress-chart-bar-total-background-color: var(--ids-color-neutral-30);
895
+ --ids-progress-chart-bar-progress-background-color: var(--ids-color-neutral-60);
896
+ --ids-process-indicator-label-text-color: var(--ids-text-color-label);
897
+ --ids-process-indicator-xs-step-margin-top: 40px;
898
+ --ids-process-indicator-margin: var(--ids-spacing-none) var(--ids-spacing-md) var(--ids-spacing-none) var(--ids-spacing-none);
899
+ --ids-process-indicator-text-margin: var(--ids-spacing-none) var(--ids-spacing-md) var(--ids-spacing-md) var(--ids-spacing-none);
900
+ --ids-process-indicator-bg-color: var(--ids-body-background-color);
901
+ --ids-process-indicator-primary-color: var(--ids-color-primary);
902
+ --ids-process-indicator-active-color: var(--ids-color-primary);
903
+ --ids-process-indicator-base-color: var(--ids-color-neutral-30);
904
+ --ids-process-indicator-line-transform: translate(0, 36px);
905
+ --ids-process-indicator-line-height: 2px;
906
+ --ids-process-indicator-line-background-color: var(--ids-process-indicator-base-color);
907
+ --ids-process-indicator-step-transform: translate(0, -75%);
908
+ --ids-process-indicator-step-height: 11px;
909
+ --ids-process-indicator-step-width: 11px;
910
+ --ids-process-indicator-step-border-radius: var(--ids-border-radius-round);
911
+ --ids-process-indicator-cancelled-step-background-color: var(--ids-color-ruby-60);
912
+ --ids-process-indicator-cancelled-step-icon-color: var(--ids-process-indicator-bg-color);
913
+ --ids-process-indicator-done-border: 2px solid var(--ids-process-indicator-primary-color);
914
+ --ids-process-indicator-started-border: 2px solid var(--ids-process-indicator-active-color);
915
+ --ids-radio-unchecked-background-color: var(--ids-input-background-color);
916
+ --ids-radio-unchecked-border-color: var(--ids-input-border-color);
917
+ --ids-radio-checked-background-color: var(--ids-color-primary);
918
+ --ids-radio-checked-border-color: var(--ids-color-primary);
919
+ --ids-radio-checked-inner-background-color: var(--ids-color-neutral-00);
920
+ --ids-radio-border-radius: var(--ids-border-radius-round);
921
+ --ids-radio-unchecked-disabled-background-color: var(--ids-input-background-color);
922
+ --ids-radio-unchecked-disabled-border-color: var(--ids-input-disabled-text-color);
923
+ --ids-radio-checked-disabled-background-color: var(--ids-input-disabled-text-color);
924
+ --ids-radio-checked-disabled-border-color: var(--ids-input-disabled-text-color);
925
+ --ids-rating-star-color: var(--ids-color-amber-60);
926
+ --ids-rating-star-empty-color: var(--ids-icon-color);
927
+ --ids-rating-star-hover-color: var(--ids-button-primary-background-color);
928
+ --ids-rating-star-focus-color: var(--ids-button-primary-background-color);
929
+ --ids-rating-star-margin-inline: var(--ids-spacing-md);
930
+ --ids-required-background-color: var(--ids-color-error);
931
+ --ids-required-disabled-background-color: var(--ids-color-error-30);
932
+ --ids-scroll-view-button-icon-color: var(--ids-color-neutral-70);
933
+ --ids-scroll-view-button-selected-icon-color: var(--ids-color-primary);
934
+ --ids-searchfield-app-menu-focus-box-shadow: 0 0 3px 2px rgba(255 255 255 / 0.4);
935
+ --ids-searchfield-app-menu-text-color: var(--ids-color-neutral-20);
936
+ --ids-searchfield-app-menu-background-color: #000;
937
+ --ids-searchfield-app-menu-icon-color: var(--ids-color-neutral-40);
938
+ --ids-searchfield-app-menu-icon-hover-color: var(--ids-color-neutral-90);
939
+ --ids-searchfield-app-menu-search-icon-margin: 8px;
940
+ --ids-searchfield-app-menu-border-radius: var(--ids-border-radius-sm);
941
+ --ids-searchfield-header-background-color: var(--ids-color-text-on-primary);
942
+ --ids-searchfield-header-text-color: var(--ids-text-color);
943
+ --ids-searchfield-header-icon-color: var(--ids-color-neutral-80);
944
+ --ids-searchfield-header-icon-hover-color: var(--ids-button-tertiary-hover-background-color);
945
+ --ids-searchfield-card-text-color: var(--ids-text-color);
946
+ --ids-searchfield-card-background-color: var(--ids-color-neutral-10);
947
+ --ids-separator-background-color: var(--ids-color-neutral-40);
948
+ --ids-separator-alternate-background-color: var(--ids-color-neutral-40);
949
+ --ids-separator-height: 24px;
950
+ --ids-separator-width: 1px;
951
+ --ids-separator-margin: 4px;
952
+ --ids-skip-link-background-color: var(--ids-popup-background-color);
953
+ --ids-skip-link-border-color: var(--ids-popup-border-color);
954
+ --ids-skip-link-margin: var(--ids-spacing-xxl);
955
+ --ids-skip-link-font-size: var(--ids-font-size-md);
956
+ --ids-skip-link-border-radius: 0 0 var(--ids-border-radius-xs) var(--ids-border-radius-xs);
957
+ --ids-skip-link-shadow: 0 0 4px 1px rgba(0 0 0 / 0.3);
958
+ --ids-spinbox-background-color: var(--ids-trigger-field-background-color);
959
+ --ids-spinbox-readonly-background-color: var(--ids-trigger-field-readonly-background-color);
960
+ --ids-spinbox-readonly-text-color: var(--ids-trigger-field-readonly-text-color);
961
+ --ids-spinbox-focus-border-color: var(--ids-trigger-field-focus-border-color)
962
+ --ids-spinbox-focus-box-shadow: var(--ids-trigger-field-focus-box-shadow);
963
+ --ids-spinbox-readonly-border-color: var(--ids-input-readonly-border-color);
964
+ --ids-spinbox-disabled-text-color: var(--ids-trigger-field-disabled-text-color);
965
+ --ids-spinbox-disabled-border-color: var(--ids-trigger-field-disabled-border-color);
966
+ --ids-slider-tick-background-color: var(--ids-color-primary);
967
+ --ids-slider-tick-size: var(--ids-spacing-lg);
968
+ --ids-slider-thumb-size: var(--ids-spacing-xxl);
969
+ --ids-slider-thumb-background-color: var(--ids-color-primary);
970
+ --ids-slider-thumb-hover-box-shadow: 0 2px 5px rgba(0 0 0 / 0.4);
971
+ --ids-slider-thumb-shadow-background-color: rgba(0 114 237 / 0.1);
972
+ --ids-slider-thumb-shadow-border-color: var(--ids-color-primary);
973
+ --ids-slider-track-background-color: var(--ids-color-neutral-40);
974
+ --ids-slider-track-progress-background-color: var(--ids-color-primary);
975
+ --ids-slider-tooltip-background-color: var(--ids-color-neutral-80);
976
+ --ids-slider-tooltip-text-color: var(--ids-color-neutral-00);
977
+ --ids-slider-disabled-color: var(--ids-color-neutral-30);
978
+ --ids-slider-disabled-tick-background-color: var(--ids-color-neutral-30);
979
+ --ids-slider-disabled-thumb-background-color: var(--ids-color-neutral-30);
980
+ --ids-slider-disabled-track-background-color: var(--ids-color-neutral-20);
981
+ --ids-slider-disabled-track-progress-background-color: var(--ids-color-neutral-30);
982
+ --ids-slider-readonly-color: var(--ids-color-neutral-30);
983
+ --ids-slider-readonly-tick-background-color: var(--ids-color-neutral-50);
984
+ --ids-slider-readonly-thumb-background-color: var(--ids-color-neutral-50);
985
+ --ids-slider-readonly-thumb-shadow-background-color: rgba(119 119 124 / 0.1);
986
+ --ids-slider-readonly-thumb-shadow-border-color: var(--ids-color-neutral-50);
987
+ --ids-slider-readonly-track-background-color: var(--ids-color-neutral-40);
988
+ --ids-slider-readonly-track-progress-background-color: var(--ids-color-neutral-50);
989
+ --ids-splitter-bar-background-color: var(--ids-button-tertiary-hover-background-color);
990
+ --ids-splitter-bar-border-color: var(--ids-color-neutral-30);
991
+ --ids-splitter-bar-dragging-background-color: var(--ids-color-neutral-20);
992
+ --ids-splitter-bar-dragging-border-color: var(--ids-color-primary);
993
+ --ids-splitter-bar-dragging-box-shadow: var(--ids-box-shadow-md);
994
+ --ids-splitter-bar-hover-background-color: var(--ids-color-neutral-20);
995
+ --ids-splitter-bar-width: var(--ids-size-xxs);
996
+ --ids-step-chart-margin: var(--ids-spacing-xxl);
997
+ --ids-step-chart-inner-margin: var(--ids-spacing-md);
998
+ --ids-step-chart-height: 14px;
999
+ --ids-step-chart-step-background-color: var(--ids-color-neutral-20);
1000
+ --ids-step-chart-step-completed-background-color: var(--ids-color-primary);
1001
+ --ids-swappable-border: 1px dashed transparent;
1002
+ --ids-swappable-active-border-color: var(--ids-color-neutral-80);
1003
+ --ids-swappable-item-border: 1px dashed transparent;
1004
+ --ids-swappable-item-font-family: var(--ids-font-family);
1005
+ --ids-swappable-item-cursor: var(--ids-cursor-pointer);
1006
+ --ids-swappable-item-hover-background-color: var(--ids-color-azure-10);
1007
+ --ids-swappable-item-hover-before-content: "⁞";
1008
+ --ids-swappable-item-hover-before-font-size: var(--ids-font-size-xl);
1009
+ --ids-swappable-item-focus-border: 1px solid var(--ids-color-azure-40);
1010
+ --ids-swappable-item-focus-box-shadow: 0 0 4px 1px rgb(54 138 192 / 0.3);
1011
+ --ids-swappable-item-focus-outline: none;
1012
+ --ids-swappable-item-dragging-opacity: 0.4;
1013
+ --ids-swappable-item-selected-cursor: var(--ids-cursor-move);
1014
+ --ids-swappable-item-selected-background-color: var(--ids-color-primary);
1015
+ --ids-swappable-item-selected-text-color: var(--ids-color-neutral-00);
1016
+ --ids-swappable-item-over-border: 1px dashed var(--ids-color-neutral-80);
1017
+ --ids-swaplist-border-radius: var(--ids-card-border-radius);
1018
+ --ids-swaplist-box-shadow: var(--ids-card-box-shadow);
1019
+ --ids-swaplist-card-margin-block-end: var(--ids-spacing-none);
1020
+ --ids-swaplist-card-header-border-block-end: 1px solid var(--ids-card-border-color);
1021
+ --ids-swaplist-card-content-height: calc(var(--ids-card-content-height) - 11px);
1022
+ --ids-swaplist-card-border-radius: var(--ids-border-radius-none);
1023
+ --ids-swaplist-card-border-inline-start-width: 0;
1024
+ --ids-swaplist-card-box-shadow: none;
1025
+ --ids-swaplist-card-first-child-border-inline-start-width: 1px;
1026
+ --ids-swaplist-toolbar-button-hover-background-color: var(--ids-button-tertiary-hover-background-color);
1027
+ --ids-swaplist-toolbar-button-text-color: var(--ids-button-tertiary-text-color);
1028
+ --ids-swaplist-toolbar-button-hover-text-color: var(--ids-button-tertiary-hover-text-color);
1029
+ --ids-swaplist-toolbar-button-padding: var(--ids-spacing-none);
1030
+ --ids-swaplist-toolbar-button-height: 34px;
1031
+ --ids-swaplist-toolbar-button-width: 36px;
1032
+ --ids-swaplist-item-padding: var(--ids-spacing-lg);
1033
+ --ids-swaplist-item-padding-inline-start: var(--ids-spacing-3xl);
1034
+ --ids-swaplist-item-margin-block-end: var(--ids-spacing-xs);
1035
+ --ids-swaplist-item-over-border: 1px dashed var(--ids-text-color-label);
1036
+ --ids-swipe-action-left-active-background-color: var(--ids-color-neutral-40);
1037
+ --ids-swipe-action-left-active-text-color: var(--ids-color-neutral-70);
1038
+ --ids-swipe-action-left-background-color: var(--ids-color-neutral-30);
1039
+ --ids-swipe-action-left-hover-background-color: var(--ids-color-neutral-40);
1040
+ --ids-swipe-action-left-hover-text-color: var(--ids-color-neutral-70);
1041
+ --ids-swipe-action-left-text-color: var(--ids-color-neutral-60);
1042
+ --ids-swipe-action-right-active-background-color: var(--ids-color-azure-70);
1043
+ --ids-swipe-action-right-active-text-color: var(--ids-color-neutral-00);
1044
+ --ids-swipe-action-right-background-color: var(--ids-color-azure-60);
1045
+ --ids-swipe-action-right-hover-background-color: var(--ids-color-azure-70);
1046
+ --ids-swipe-action-right-hover-text-color: var(--ids-color-neutral-00);
1047
+ --ids-swipe-action-right-text-color: var(--ids-color-neutral-00);
1048
+ --ids-switch-pole-off-background-color: var(--ids-color-neutral-40);
1049
+ --ids-switch-toggle-off-background-color: var(--ids-input-background-color);
1050
+ --ids-switch-toggle-off-border-color: var(--ids-input-border-color);
1051
+ --ids-switch-pole-on-background-color: var(--ids-color-primary-30);
1052
+ --ids-switch-toggle-on-background-color: var(--ids-color-primary);
1053
+ --ids-switch-toggle-on-border-color: var(--ids-color-primary);
1054
+ --ids-switch-pole-off-disabled-background-color: var(--ids-color-neutral-30);
1055
+ --ids-switch-toggle-off-disabled-background-color: var(--ids-color-neutral-20);
1056
+ --ids-switch-toggle-off-disabled-border-color: var(--ids-color-neutral-30);
1057
+ --ids-switch-pole-on-disabled-background-color: var(--ids-color-primary-20);
1058
+ --ids-switch-toggle-on-disabled-background-color: var(--ids-color-primary-30);
1059
+ --ids-switch-toggle-on-disabled-border-color: var(--ids-color-primary-30);
1060
+ --ids-switch-toggle-hover-background-color: var(--ids-color-neutral-30);
1061
+ --ids-switch-toggle-focus-box-shadow: 0 0 0 3px var(--ids-color-primary-20), 0 0 0 4px var(--ids-color-primary), 0 0 4px 6px var(--ids-color-neutral-20);
1062
+ --ids-tab-content-text-color: var(--ids-text-color);
1063
+ --ids-tab-text-color: var(--ids-text-color-subtle);
1064
+ --ids-tab-divider-background-color: var(--ids-color-neutral-30);
1065
+ --ids-tab-hover-background-color: var(--ids-color-azure-10);
1066
+ --ids-tab-hover-text-color: var(--ids-color-primary);
1067
+ --ids-tab-focus-border-color: var(--ids-color-primary);
1068
+ --ids-tab-focus-background-color: var(--ids-tab-hover-background-color);
1069
+ --ids-tab-disabled-text-color: var(--ids-color-neutral-30);
1070
+ --ids-tab-selected-text-color: var(--ids-color-primary);
1071
+ --ids-tab-selected-background-color: var(--ids-color-primary);
1072
+ --ids-tab-vertical-selected-background-color: var(--ids-color-primary);
1073
+ --ids-tab-vertical-selected-text-color: var(--ids-color-neutral-00);
1074
+ --ids-tab-vertical-selected-border-color: var(--ids-color-neutral-00);
1075
+ --ids-tab-alternate-text-color: rgba(255 255 255 / 0.7);
1076
+ --ids-tab-alternate-hover-border-color: var(--ids-color-neutral-00);
1077
+ --ids-tab-alternate-hover-background-color: var(--ids-tab-alternate-background-color);
1078
+ --ids-tab-alternate-hover-text-color: var(--ids-color-neutral-00);
1079
+ --ids-tab-alternate-focus-border-color: var(--ids-color-neutral-00);
1080
+ --ids-tab-alternate-selected-text-color: var(--ids-color-neutral-00);
1081
+ --ids-tab-alternate-disabled-text-color: rgba(255 255 255 / 0.4);
1082
+ --ids-tab-altenrate-horizontal-background-color: var(--ids-color-neutral-00);
1083
+ --ids-tab-module-background-color: var(--ids-color-azure-70);
1084
+ --ids-tab-module-border-right-color: var(--ids-color-azure-100);
1085
+ --ids-tab-module-text-color: var(--ids-color-azure-10);
1086
+ --ids-tab-module-hover-background-color: var(--ids-color-azure-100);
1087
+ --ids-tab-module-hover-text-color: var(--ids-color-neutral-00);
1088
+ --ids-tab-module-selected-background-color: var(--ids-color-primary);
1089
+ --ids-tab-module-selected-text-color: var(--ids-color-neutral-00);
1090
+ --ids-tab-module-disabled-background-color: var(--ids-color-azure-50);
1091
+ --ids-tab-module-disabled-text-color: var(--ids-color-azure-20);
1092
+ --ids-tag-background-color: var(--ids-input-readonly-background-color);
1093
+ --ids-tag-border-color: var(--ids-input-readonly-background-color);
1094
+ --ids-tag-border-radius: var(--ids-border-radius-lg);
1095
+ --ids-tag-text-color: var(--ids-input-text-color);
1096
+ --ids-tag-font-size: var(--ids-font-size-sm);
1097
+ --ids-tag-icon-hover-color: var(--ids-color-neutral-90);
1098
+ --ids-tag-secondary-background-color: var(--ids-input-background-color);
1099
+ --ids-tag-secondary-border-color: var(--ids-input-border-color);
1100
+ --ids-tag-disabled-text-color: var(--ids-color-neutral-50);
1101
+ --ids-tag-secondary-disabled-text-color: var(--ids-color-neutral-40);
1102
+ --ids-textarea-alert-border-color: var(--ids-color-warning-50);
1103
+ --ids-textarea-alert-disabled-border-color: var(--ids-color-warning-30);
1104
+ --ids-textarea-alert-disabled-text-color: var(--ids-color-warning-30);
1105
+ --ids-textarea-alert-focus-border-color: var(--ids-color-warning-80);
1106
+ --ids-textarea-alert-focus-box-shadow: 0 0 3px 2px rgba(249 131 0 / 0.3);
1107
+ --ids-textarea-alert-text-color: var(--ids-color-warning-80);
1108
+ --ids-textarea-background-color: var(--ids-color-neutral-00);
1109
+ --ids-textarea-border-color: var(--ids-color-neutral-40);
1110
+ --ids-textarea-character-counter-warning-text-color: var(--ids-color-error-60);
1111
+ --ids-textarea-disabled-background-color: var(--ids-color-neutral-00);
1112
+ --ids-textarea-disabled-border-color: var(--ids-color-neutral-30);
1113
+ --ids-textarea-disabled-text-color: var(--ids-color-neutral-30);
1114
+ --ids-textarea-error-border-color: var(--ids-color-error-50);
1115
+ --ids-textarea-error-disabled-border-color: var(--ids-color-error-30);
1116
+ --ids-textarea-error-disabled-text-color: var(--ids-color-error-30);
1117
+ --ids-textarea-error-focus-border-color: var(--ids-color-error-60);
1118
+ --ids-textarea-error-focus-box-shadow: 0 0 3px 2px rgba(218 18 23 / 0.3);
1119
+ --ids-textarea-error-text-color: var(--ids-color-error-80);
1120
+ --ids-textarea-focus-border-color: var(--ids-color-azure-60);
1121
+ --ids-textarea-focus-box-shadow: var(--ids-box-shadow-md);
1122
+ --ids-textarea-hover-border-color: var(--ids-color-neutral-90);
1123
+ --ids-textarea-info-border-color: var(--ids-color-info-70);
1124
+ --ids-textarea-info-disabled-border-color: var(--ids-color-info-30);
1125
+ --ids-textarea-info-disabled-text-color: var(--ids-color-info-30);
1126
+ --ids-textarea-info-focus-border-color: var(--ids-color-info-70);
1127
+ --ids-textarea-info-focus-box-shadow: 0 0 3px 2px rgba(0 102 212 / 0.3);
1128
+ --ids-textarea-info-text-color: var(--ids-color-info-70);
1129
+ --ids-textarea-label-disabled-text-color: var(--ids-color-neutral-30);
1130
+ --ids-textarea-label-text-color: var(--ids-color-neutral-60);
1131
+ --ids-textarea-readonly-background-color: var(--ids-color-neutral-20);
1132
+ --ids-textarea-readonly-border-color: var(--ids-color-neutral-40);
1133
+ --ids-textarea-readonly-text-color: var(--ids-color-neutral-100);
1134
+ --ids-textarea-success-border-color: var(--ids-color-success-80);
1135
+ --ids-textarea-success-disabled-border-color: var(--ids-color-success-30);
1136
+ --ids-textarea-success-disabled-text-color: var(--ids-color-success-30);
1137
+ --ids-textarea-success-focus-border-color: var(--ids-color-success-80);
1138
+ --ids-textarea-success-focus-box-shadow: 0 0 3px 2px rgba(42 195 113 / 0.3);
1139
+ --ids-textarea-success-text-color: var(--ids-color-success-80);
1140
+ --ids-textarea-text-color: var(--ids-color-neutral-100);
1141
+ --ids-time-picker-open-input-button-color: var(--ids-color-primary);
1142
+ --ids-time-picker-open-input-border-color: var(--ids-color-primary);
1143
+ --ids-time-picker-popup-background-color: var(--ids-color-neutral-00);
1144
+ --ids-time-picker-popup-button-border-color: var(--ids-color-neutral-30);
1145
+ --ids-time-picker-popup-button-hover-text-color: var(--ids-color-azure-70);
1146
+ --ids-time-picker-popup-button-text-color: var(--ids-color-azure-60);
1147
+ --ids-time-picker-popup-colons-text-color: var(--ids-color-neutral-50);
1148
+ --ids-toast-background-color: var(--ids-popup-background-color);
1149
+ --ids-toast-border-color: var(--ids-popup-border-color);
1150
+ --ids-toast-text-color: var(--ids-color-neutral-100);
1151
+ --ids-toast-progress-background-color: var(--ids-progress-bar-fill-background-color);
1152
+ --ids-toolbar-formatter-background-color: var(--ids-color-neutral-80);
1153
+ --ids-tooltip-background-color: var(--ids-color-neutral-80);
1154
+ --ids-tooltip-padding: 4px 8px;
1155
+ --ids-tooltip-border-radius: var(--ids-border-radius-xs);
1156
+ --ids-tooltip-text-color: var(--ids-color-neutral-00);
1157
+ --ids-tooltip-font-size: var(--ids-font-size-md);
1158
+ --ids-tooltip-box-shadow: var(--ids-popup-box-shadow);
1159
+ --ids-tooltip-error-background-color: var(--ids-color-error);
1160
+ --ids-tooltip-info-background-color: var(--ids-color-info);
1161
+ --ids-tooltip-warning-background-color: var(--ids-color-warning);
1162
+ --ids-tooltip-success-background-color: var(--ids-color-success);
1163
+ --ids-tooltip-inverse-background-color: var(--ids-color-neutral-00);
1164
+ --ids-tooltip-inverse-text-color: var(--ids-color-neutral-100);
1165
+ --ids-tree-node-disabled-text-color: var(--ids-color-neutral-40);
1166
+ --ids-tree-node-focus-border-color: var(--ids-color-primary);
1167
+ --ids-tree-node-focus-box-shadow: var(--ids-box-shadow-lg);
1168
+ --ids-tree-node-hover-text-border-color: transparent;
1169
+ --ids-tree-node-hover-text-color: var(--ids-color-neutral-100);
1170
+ --ids-tree-node-selected-background-color: var(--ids-color-neutral-20);
1171
+ --ids-tree-node-selected-text-color: var(--ids-color-neutral-100);
1172
+ --ids-tree-node-text-color: var(--ids-color-neutral-60);
1173
+ --ids-treemap-stroke-color: var(--ids-color-neutral-00);
1174
+ --ids-treemap-title-background-color: var(--ids-color-neutral-60);
1175
+ --ids-treemap-title-text-color: var(--ids-color-neutral-00);
1176
+ --ids-trigger-field-button-border-radius: var(--ids-border-radius-md);
1177
+ --ids-trigger-field-button-margin: 4px;
1178
+ --ids-trigger-field-background-color: var(--ids-input-background-color);
1179
+ --ids-trigger-field-readonly-background-color: var(--ids-input-readonly-background-color);
1180
+ --ids-trigger-field-readonly-border-color: var(--ids-input-readonly-border-color);
1181
+ --ids-trigger-field-readonly-text-color: var(--ids-input-readonly-text-color);
1182
+ --ids-trigger-field-focus-border-color: var(--ids-input-focus-border-color)
1183
+ --ids-trigger-field-focus-box-shadow: var(--ids-input-info-focus-box-shadow);
1184
+ --ids-trigger-field-disabled-text-color: var(--ids-input-disabled-text-color);
1185
+ --ids-trigger-field-disabled-border-color: var(--ids-input-disabled-border-color);
1186
+ --ids-trigger-field-icon-color: var(--ids-color-neutral-60);
1187
+ --ids-upload-font-size: var(--ids-font-size-xl);
1188
+ --ids-upload-advanced-background-color: var(--ids-color-neutral-10);
1189
+ --ids-upload-advanced-border-color: var(--ids-color-neutral-50);
1190
+ --ids-upload-advanced-disabled-background-color: var(--ids-color-neutral-10);
1191
+ --ids-upload-advanced-disabled-border-color: var(--ids-color-neutral-30);
1192
+ --ids-upload-advanced-disabled-text-color: var(--ids-text-color-disabled);
1193
+ --ids-upload-advanced-dragenter-background-color: var(--ids-color-azure-10);
1194
+ --ids-upload-advanced-dragenter-border-color: var(--ids-color-primary);
1195
+ --ids-upload-advanced-errorarea-border-color: var(--ids-color-error-60);
1196
+ --ids-upload-advanced-errorarea-disabled-border-color: var(--ids-color-error-30);
1197
+ --ids-upload-advanced-errorarea-disabled-text-color: var(--ids-color-error-30);
1198
+ --ids-upload-advanced-hover-background-color: var(--ids-color-neutral-20);
1199
+ --ids-upload-advanced-hover-border-color: var(--ids-color-neutral-60);
1200
+ --ids-upload-advanced-hover-text-color: var(--ids-text-color);
1201
+ --ids-upload-advanced-hyperlink-focus-border-color: var(--ids-color-primary);
1202
+ --ids-upload-advanced-hyperlink-focus-box-shadow: var(--ids-box-shadow-lg);
1203
+ --ids-upload-advanced-label-text-color: var(--ids-text-color);
1204
+ --ids-upload-advanced-text-color: var(--ids-color-neutral-50);
1205
+ --ids-upload-advanced-file-border-color: var(--ids-color-neutral-50);
1206
+ --ids-upload-advanced-file-completed-border-color: var(--ids-color-emerald-80);
1207
+ --ids-upload-advanced-file-completed-text-color: var(--ids-color-emerald-80);
1208
+ --ids-upload-advanced-file-disabled-border-color: var(--ids-color-neutral-30);
1209
+ --ids-upload-advanced-file-disabled-completed-border-color: var(--ids-color-emerald-30);
1210
+ --ids-upload-advanced-file-disabled-completed-text-color: var(--ids-color-emerald-30);
1211
+ --ids-upload-advanced-file-disabled-error-border-color: var(--ids-color-ruby-30);
1212
+ --ids-upload-advanced-file-disabled-text-color: var(--ids-color-neutral-30);
1213
+ --ids-upload-advanced-file-error-border-color: var(--ids-color-ruby-60);
1214
+ --ids-week-view-background-color: var(--ids-body-background-color);
1215
+ --ids-week-view-border-color: var(--ids-color-neutral-20);
1216
+ --ids-week-view-header-background-color: var(--ids-body-background-color);
1217
+ --ids-week-view-row-height: 25px;
1218
+ --ids-week-view-row-odd-border-color: var(--ids-color-neutral-10);
1219
+ --ids-week-view-text-color: var(--ids-text-color);
1220
+ --ids-week-view-time-marker-color: var(--ids-color-primary);
1221
+ --ids-week-view-today-color: var(--ids-color-primary);
1222
+ --ids-wizard-step-width: 14px;
1223
+ --ids-wizard-step-color: var(--ids-color-primary);
1224
+ --ids-wizard-unvisited-step-color: var(--ids-color-neutral-60);
1225
+ --ids-wizard-step-inner-border-color: var(--ids-body-background-color);
1226
+ }
1227
+
1228
+ :root {
1229
+ --ids-color-primary: var(--ids-color-primary-90);
1230
+ --ids-color-text-on-primary: var(--ids-color-neutral-00);
1231
+ --ids-body-background-color: rgba(239 239 240 / 0.5);
1232
+ --ids-body-text-on-background-color: var(--ids-color-neutral-100);
1233
+ --ids-text-color: var(--ids-color-neutral-100);
1234
+ --ids-text-color-label: var(--ids-color-neutral-90);
1235
+ --ids-color-on-text: var(--ids-color-neutral-00);
1236
+ --ids-text-color-subtle: var(--ids-color-neutral-90);
1237
+ --ids-text-color-data: var(--ids-color-neutral-100);
1238
+ --ids-text-color-disabled: var(--ids-color-neutral-40);
1239
+ --ids-text-color-error: var(--ids-color-error-80);
1240
+ --ids-text-color-info: var(--ids-color-info-80);
1241
+ --ids-text-color-success: var(--ids-color-success-100);
1242
+ --ids-text-color-warning: var(--ids-color-warning-100);
1243
+ --ids-input-background-color: var(--ids-color-neutral-00);
1244
+ --ids-input-border-color: var(--ids-color-neutral-40);
1245
+ --ids-input-text-color: var(--ids-color-neutral-100);
1246
+ --ids-input-label-text-color: var(--ids-text-color-label);
1247
+ --ids-input-readonly-border-color: var(--ids-color-neutral-40);
1248
+ --ids-input-readonly-text-color: var(--ids-color-neutral-100);
1249
+ --ids-input-readonly-background-color: var(--ids-color-neutral-20);
1250
+ --ids-input-disabled-text-color: var(--ids-text-color-disabled);
1251
+ --ids-input-disabled-border-color: var(--ids-text-color-disabled);
1252
+ --ids-input-hover-border-color: var(--ids-color-neutral-90);
1253
+ --ids-input-focus-border-color: var(--ids-focus-border-color);
1254
+ --ids-color-error-10: var(--ids-color-ruby-20);
1255
+ --ids-color-error-30: var(--ids-color-ruby-40);
1256
+ --ids-color-error: var(--ids-color-ruby-80);
1257
+ --ids-color-warning-00: var(--ids-color-neutral-100);
1258
+ --ids-color-warning-10: var(--ids-color-amber-20);
1259
+ --ids-color-warning-30: var(--ids-color-amber-40);
1260
+ --ids-color-warning: var(--ids-color-amber-70);
1261
+ --ids-color-caution-00: var(--ids-color-neutral-100);
1262
+ --ids-color-caution-10: var(--ids-color-amber-20);
1263
+ --ids-color-caution-30: var(--ids-color-amber-40);
1264
+ --ids-color-caution: var(--ids-color-amber-70);
1265
+ --ids-color-success-00: var(--ids-color-neutral-100);
1266
+ --ids-color-success-10: var(--ids-color-emerald-20);
1267
+ --ids-color-success-30: var(--ids-color-emerald-40);
1268
+ --ids-color-success: var(--ids-color-emerald-70);
1269
+ --ids-color-info-10: var(--ids-color-primary-20);
1270
+ --ids-color-info-30: var(--ids-color-primary-40);
1271
+ --ids-color-info: var(--ids-color-primary-70);
1272
+ --ids-focus-border-color: var(--ids-color-primary);
1273
+ --ids-box-shadow-none: 0 0 3px 2px rgba(0 114 237 / 0);
1274
+ --ids-box-shadow-inverse: 0 0 3px 1px rgba(255 255 255 / 0.3);
1275
+ --ids-box-shadow-sm: 0 0 3px 1px rgb(0 114 237 / 0.3);
1276
+ --ids-box-shadow-md: 0 0 3px 2px rgb(0 114 237 / 0.30);
1277
+ --ids-box-shadow-lg: 0 0 4px 3px rgb(0 114 237 / 0.3);
1278
+ --ids-accordion-header-border-bottom-color: var(--ids-color-neutral-30);
1279
+ --ids-accordion-header-disabled-icon-color: var(--ids-color-neutral-60);
1280
+ --ids-accordion-header-disabled-text-color: var(--ids-color-neutral-60);
1281
+ --ids-accordion-header-icon-color: var(--ids-color-neutral-100);
1282
+ --ids-app-menu-accordion-header-disabled-background-color: var(--ids-color-neutral-20);
1283
+ --ids-app-menu-accordion-header-disabled-border-color: var(--ids-color-neutral-20);
1284
+ --ids-app-menu-accordion-header-disabled-text-color: var(--ids-color-neutral-70);
1285
+ --ids-app-menu-accordion-header-filter-background-color: var(--ids-color-neutral-100);
1286
+ --ids-app-menu-accordion-header-filter-match-text-color: var(--ids-color-neutral-40);
1287
+ --ids-app-menu-accordion-header-focus-border-color: var(--ids-color-azure-40);
1288
+ --ids-action-panel-header-background-color: var(--ids-color-neutral-10);
1289
+ --ids-action-panel-header-border-color: var(--ids-color-neutral-40);
1290
+ --ids-action-sheet-background-color: var(--ids-color-neutral-00);
1291
+ --ids-action-sheet-border-color: var(--ids-color-neutral-60);
1292
+ --ids-alert-in-progress-color: var(--ids-color-amethyst-90);
1293
+ --ids-alert-in-progress-disabled-color: var(--ids-color-amethyst-50);
1294
+ --ids-axis-chart-grid-stroke: var(--ids-color-neutral-30);
1295
+ --ids-axis-chart-last-line-stroke: var(--ids-color-neutral-80);
1296
+ --ids-axis-chart-label-text-fill: var(--ids-color-neutral-70);
1297
+ --ids-badge-error-background-color: var(--ids-color-error-80);
1298
+ --ids-badge-error-border-color: var(--ids-color-error-80);
1299
+ --ids-badge-error-color: var(--ids-color-error-00);
1300
+ --ids-badge-info-background-color: var(--ids-color-info-80);
1301
+ --ids-badge-info-border-color: var(--ids-color-info-80);
1302
+ --ids-badge-info-color: var(--ids-color-info-00);
1303
+ --ids-badge-success-background-color: var(--ids-color-success-80);
1304
+ --ids-badge-success-border-color: var(--ids-color-success-80);
1305
+ --ids-badge-success-color: var(--ids-color-neutral-00);
1306
+ --ids-badge-warning-background-color: var(--ids-color-warning-100);
1307
+ --ids-badge-warning-border-color: var(--ids-color-warning-100);
1308
+ --ids-badge-warning-color: var(--ids-color-neutral-00);
1309
+ --ids-block-grid-item-selectable-container-hover-background-color: var(--ids-color-neutral-00);
1310
+ --ids-block-grid-item-selectable-container-focus-outline: var(--ids-spacing-xs) solid var(--ids-color-azure-90);
1311
+ --ids-block-grid-item-selected-outline: var(--ids-spacing-sm) solid var(--ids-color-azure-90);
1312
+ --ids-calendar-toolbar-container-border-color: var(--ids-color-neutral-30);
1313
+ --ids-calendar-event-azure-border-color: var(--ids-color-azure-100);
1314
+ --ids-calendar-event-border-color: var(--ids-color-amber-100);
1315
+ --ids-calendar-event-focus-border-color: var(--ids-color-azure-100);
1316
+ --ids-card-background-color: var(--ids-color-neutral-00);
1317
+ --ids-card-border-color: var(--ids-color-neutral-60);
1318
+ --ids-card-divider-border-color: var(--ids-color-neutral-30);
1319
+ --ids-card-box-shadow: 0 0 8px rgba(0 0 0 / 0.1);
1320
+ --ids-button-primary-border-color: var(--ids-color-primary);
1321
+ --ids-button-primary-background-color: var(--ids-color-primary);
1322
+ --ids-button-primary-text-color: var(--ids-color-text-on-primary);
1323
+ --ids-button-primary-focus-border-color: var(--ids-focus-border-color);
1324
+ --ids-button-primary-focus-box-shadow: 0 0 0 2px var(--ids-color-neutral-10), 0 0 0 3px var(--ids-color-primary-90), 0 0 4px 3px var(--ids-color-primary-90);
1325
+ --ids-button-primary-hover-background-color: var(--ids-color-primary-90);
1326
+ --ids-button-primary-hover-border-color: var(--ids-color-primary-70);
1327
+ --ids-button-primary-disabled-background-color: var(--ids-color-neutral-20);
1328
+ --ids-button-primary-disabled-border-color: var(--ids-color-neutral-20);
1329
+ --ids-button-primary-disabled-text-color: var(--ids-color-neutral-40);
1330
+ --ids-button-primary-ripple-color: var(--ids-color-text-on-primary);
1331
+ --ids-button-secondary-background-color: transparent;
1332
+ --ids-button-secondary-border-width: 2px;
1333
+ --ids-button-secondary-border-color: var(--ids-color-primary);
1334
+ --ids-button-secondary-text-color: var(--ids-color-primary);
1335
+ --ids-button-secondary-focus-border-color: var(--ids-focus-border-color);
1336
+ --ids-button-secondary-focus-box-shadow: 0 0 0 2px var(--ids-body-background-color), 0 0 0 3px var(--ids-color-primary), 0 0 4px 3px var(--ids-color-primary);
1337
+ --ids-button-secondary-hover-background-color: var(--ids-color-primary-20);
1338
+ --ids-button-secondary-disabled-background-color: var(--ids-color-neutral-10);
1339
+ --ids-button-secondary-disabled-border-color: var(--ids-color-neutral-50);
1340
+ --ids-button-secondary-disabled-text-color: var(--ids-color-neutral-50);
1341
+ --ids-button-secondary-ripple-color: var(--ids-color-primary);
1342
+ --ids-button-tertiary-border-color: transparent;
1343
+ --ids-button-tertiary-text-color: var(--ids-color-neutral-80);
1344
+ --ids-button-tertiary-focus-border-color: var(--ids-focus-border-color);
1345
+ --ids-button-tertiary-hover-text-color: var(--ids-color-neutral-80);
1346
+ --ids-button-tertiary-hover-background-color: var(--ids-color-primary-20);
1347
+ --ids-button-tertiary-disabled-text-color: var(--ids-color-neutral-40);
1348
+ --ids-button-tertiary-disabled-background-color: transparent;
1349
+ --ids-button-tertiary-ripple-color: var(--ids-color-primary-40);
1350
+ --ids-button-destructive-hover-background-color: var(--ids-color-error-10);
1351
+ --ids-button-alternate-formatter-text-color: var(--ids-color-neutral-10);
1352
+ --ids-button-formatter-border-color: var(--ids-color-neutral-00);
1353
+ --ids-button-alternate-formatter-text-color-hover: var(--ids-color-neutral-00);
1354
+ --ids-button-formatter-ripple-color: var(--ids-color-primary);
1355
+ --ids-chart-legend-text-color: var(--ids-text-color);
1356
+ --ids-data-grid-background-color: var(--ids-color-neutral-00);
1357
+ --ids-data-grid-cell-background-color: var(--ids-color-neutral-00);
1358
+ --ids-data-grid-cell-readonly-background-color: rgba(0 0 0 / 0.08);
1359
+ --ids-data-grid-cell-border-color: var(--ids-color-neutral-50);
1360
+ --ids-data-grid-cell-checkbox-border-color: var(--ids-color-neutral-90);
1361
+ --ids-data-grid-cell-text-color: var(--ids-color-neutral-100);
1362
+ --ids-data-grid-cell-disabled-text-color: var(--ids-color-neutral-40);
1363
+ --ids-data-grid-cell-invalid-background-color: rgba(232 79 79 / 0.1);
1364
+ --ids-data-grid-list-cell-border-color: var(--ids-color-neutral-30);
1365
+ --ids-data-grid-list-header-border-color: var(--ids-color-neutral-30);
1366
+ --ids-data-grid-list-header-background-color: var(--ids-color-neutral-30);
1367
+ --ids-data-grid-list-header-text-color: var(--ids-color-neutral-100);
1368
+ --ids-data-grid-list-header-unsorted-icon-color: var(--ids-color-neutral-60);
1369
+ --ids-data-grid-list-header-sorted-icon-color: var(--ids-color-neutral-30);
1370
+ --ids-data-grid-list-header-checkbox-background-color: var(--ids-color-neutral-70);
1371
+ --ids-data-grid-header-border-color: var(--ids-color-neutral-40);
1372
+ --ids-data-grid-header-background-color: var(--ids-color-neutral-70);
1373
+ --ids-data-grid-header-checkbox-background-color: var(--ids-color-neutral-00);
1374
+ --ids-data-grid-header-icon-color: var(--ids-color-neutral-00);
1375
+ --ids-data-grid-header-drag-placeholder-background-color: var(--ids-color-neutral-50);
1376
+ --ids-data-grid-header-text-color: var(--ids-color-neutral-00);
1377
+ --ids-data-grid-header-unsorted-icon-color: var(--ids-color-neutral-40);
1378
+ --ids-data-grid-header-sorted-icon-color: var(--ids-color-neutral-00);
1379
+ --ids-data-grid-filter-input-readonly-background-color: var(--ids-color-neutral-50);
1380
+ --ids-data-grid-row-selected-background-color: rgba(85 163 243 / 0.2);
1381
+ --ids-data-grid-row-alternate-background-color: var(--ids-color-neutral-10);
1382
+ --ids-data-grid-row-focus-box-shadow: inset 0 0 0 1px var(--ids-color-primary-70), 0 1px 0 0 var(--ids-color-primary-70), 0 0 3px 2px rgb(54 138 192 / 0.3);
1383
+ --ids-dirty-indicator-background-color: var(--ids-color-amber-50);
1384
+ --ids-drawer-app-menu-text-color: var(--ids-color-neutral-10);
1385
+ --ids-dropdown-background-color: var(--ids-popup-background-color);
1386
+ --ids-dropdown-border-color: var(--ids-focus-border-color);
1387
+ --ids-dropdown-attached-border-color: var(--ids-color-neutral-50);
1388
+ --ids-dropdown-selected-text-color: var(--ids-color-neutral-00);
1389
+ --ids-dropdown-selected-background-color: var(--ids-color-primary-90);
1390
+ --ids-dropdown-group-text-color: var(--ids-color-neutral-100);
1391
+ --ids-dropdown-group-border-color: var(--ids-color-neutral-60);
1392
+ --ids-editor-background-color: var(--ids-color-neutral-00);
1393
+ --ids-editor-border-color: var(--ids-color-neutral-40);
1394
+ --ids-editor-hover-border-color: var(--ids-color-neutral-90);
1395
+ --ids-editor-focus-border-color: var(--ids-focus-border-color);
1396
+ --ids-editor-focus-border-box-shadow: var(--ids-focus-box-shadow);
1397
+ --ids-editor-error-border-color: var(--ids-color-error);
1398
+ --ids-editor-error-text-color: var(--ids-color-error);
1399
+ --ids-editor-error-border-box-shadow: var(--ids-box-shadow-error);
1400
+ --ids-editor-readonly-background-color: var(--ids-color-neutral-20);
1401
+ --ids-editor-readonly-border-color: var(--ids-color-neutral-40);
1402
+ --ids-editor-readonly-source-line-numbers-background-color: var(--ids-color-neutral-10);
1403
+ --ids-editor-disabled-border-color: var(--ids-text-color-disabled);
1404
+ --ids-editor-disabled-text-color: var(--ids-color-neutral-50);
1405
+ --ids-editor-link-text-color: var(--ids-color-primary);
1406
+ --ids-editor-link-hover-text-color: var(--ids-color-primary-100);
1407
+ --ids-editor-link-focus-border-color: var(--ids-color-primary);
1408
+ --ids-editor-link-focus-box-shadow: var(--ids-focus-box-shadow);
1409
+ --ids-editor-source-line-numbers-background-color: var(--ids-color-neutral-20);
1410
+ --ids-editor-source-line-numbers-text-color: var(--ids-color-neutral-70);
1411
+ --ids-editor-source-textarea-background-color: transparent;
1412
+ --ids-editor-source-textarea-text-color: var(--ids-text-color-data);
1413
+ --ids-expandable-area-border-bottom: 1px solid var(--ids-color-neutral-60);
1414
+ --ids-header-background-color: var(--ids-color-primary);
1415
+ --ids-header-gradient-opaque: rgb(0 74 153 / 1);
1416
+ --ids-header-gradient-transparent: rgb(0 114 237 / 0);
1417
+ --ids-hyperlink-text-color: var(--ids-color-primary);
1418
+ --ids-hyperlink-hover-text-color: var(--ids-color-primary-100);
1419
+ --ids-hyperlink-disabled-text-color: var(--ids-color-neutral-50);
1420
+ --ids-icon-color: var(--ids-color-neutral-100);
1421
+ --ids-layout-grid-fill-background-color: var(--ids-color-neutral-00);
1422
+ --ids-layout-grid-fill-text-color: var(--ids-text-color);
1423
+ --ids-list-view-item-border-top-color: var(--ids-color-neutral-60);
1424
+ --ids-list-view-item-focus-border-color: var(--ids-color-azure-70);
1425
+ --ids-list-view-item-focus-box-shadow: 0 0 4px 1px rgb(54 138 192 / 0.3);
1426
+ --ids-list-view-item-disabled-focus-border-top-color: var(--ids-color-neutral-60);
1427
+ --ids-list-view-selectable-item-selected-background-color: var(--ids-color-azure-20);
1428
+ --ids-loading-indicator-overall-color: var(--ids-color-neutral-20);
1429
+ --ids-loading-indicator-primary-progress-stroke: var(--ids-color-azure-100);
1430
+ --ids-loading-indicator-primary-overall-stroke: var(--ids-color-neutral-00);
1431
+ --ids-loading-indicator-primary-destructive-progress-stroke: var(--ids-color-error-10);
1432
+ --ids-loading-indicator-primary-destructive-overall-stroke: var(--ids-color-error-50);
1433
+ --ids-loading-indicator-tertiary-destructive-progress-stroke: var(--ids-color-error-60);
1434
+ --ids-loading-indicator-tertiary-destructive-overall-stroke: var(--ids-color-error-20);
1435
+ --ids-masthead-background-color: var(--ids-color-neutral-80);
1436
+ --ids-masthead-text-color: var(--ids-color-neutral-30);
1437
+ --ids-modal-border-color: var(--ids-popup-color-60);
1438
+ --ids-modal-box-shadow: 0 2px 5px rgb(239 239 240 / 0.2);
1439
+ --ids-modal-footer-border-color: var(--ids-color-neutral-50);
1440
+ --ids-modal-button-color: var(--ids-color-primary);
1441
+ --ids-modal-button-hover-color: var(--ids-color-primary-90);
1442
+ --ids-modal-button-focus-box-shadow: 0 0 3px 1px var(--ids-color-primary);
1443
+ --ids-popup-border-color: var(--ids-color-neutral-60);
1444
+ --ids-popup-box-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
1445
+ --ids-popup-menu-text-color: var(--ids-color-neutral-90);
1446
+ --ids-menu-header-text-color: var(--ids-color-neutral-100);
1447
+ --ids-menu-item-disabled-text-color: var(--ids-color-neutral-50);
1448
+ --ids-menu-item-highlight-color: var(--ids-color-neutral-20);
1449
+ --ids-menu-item-text-color: var(--ids-color-neutral-100);
1450
+ --ids-menu-item-check-color: var(--ids-color-azure-80);
1451
+ --ids-month-view-border-color: var(--ids-color-neutral-30);
1452
+ --ids-month-view-day-hover-background-color: rgba(74 74 74 / 0.1);
1453
+ --ids-month-view-day-selected-background-color: var(--ids-color-neutral-10);
1454
+ --ids-month-view-disabled-background-color: var(--ids-color-neutral-20);
1455
+ --ids-pie-chart-text-fill: var(--ids-text-color-label);
1456
+ --ids-progress-bar-border-color: var(--ids-color-neutral-60);
1457
+ --ids-progress-bar-fill-background-color: var(--ids-color-primary-80);
1458
+ --ids-progress-chart-labels-text-color: var(--ids-color-neutral-90);
1459
+ --ids-progress-chart-bar-total-background-color: var(--ids-color-neutral-40);
1460
+ --ids-progress-chart-bar-progress-background-color: var(--ids-color-azure-90);
1461
+ --ids-radio-checked-background-color: var(--ids-color-primary);
1462
+ --ids-radio-checked-border-color: var(--ids-color-primary);
1463
+ --ids-radio-checked-inner-background-color: var(--ids-color-neutral-00);
1464
+ --ids-separator-background-color: var(--ids-color-neutral-100);
1465
+ --ids-separator-alternate-background-color: var(--ids-color-neutral-00);
1466
+ --ids-scroll-view-button-icon-color: var(--ids-color-neutral-60);
1467
+ --ids-scroll-view-button-selected-icon-color: var(--ids-color-primary-90)
1468
+ // Slider
1469
+ --ids-slider-tick-background-color: var(--ids-color-azure-60);
1470
+ --ids-slider-thumb-background-color: var(--ids-color-azure-60);
1471
+ --ids-slider-thumb-shadow-background-color: rgba(0 74 153 / 0.1);
1472
+ --ids-slider-thumb-shadow-border-color: var(--ids-color-azure-60);
1473
+ --ids-slider-track-background-color: var(--ids-color-neutral-60);
1474
+ --ids-slider-track-progress-background-color: var(--ids-color-azure-60);
1475
+ --ids-slider-tooltip-background-color: var(--ids-color-neutral-90);
1476
+ --ids-slider-disabled-color: var(--ids-color-neutral-40);
1477
+ --ids-slider-disabled-tick-background-color: var(--ids-color-neutral-60);
1478
+ --ids-slider-disabled-thumb-background-color: var(--ids-color-neutral-60);
1479
+ --ids-slider-disabled-track-background-color: var(--ids-color-neutral-50);
1480
+ --ids-slider-disabled-track-progress-background-color: var(--ids-color-neutral-60);
1481
+ --ids-slider-readonly-color: var(--ids-color-neutral-40);
1482
+ --ids-slider-readonly-tick-background-color: var(--ids-color-neutral-80);
1483
+ --ids-slider-readonly-thumb-background-color: var(--ids-color-neutral-80);
1484
+ --ids-slider-readonly-thumb-shadow-background-color: rgba(71 71 76 / 0.1);
1485
+ --ids-slider-readonly-thumb-shadow-border-color: var(--ids-color-neutral-80);
1486
+ --ids-slider-readonly-track-background-color: var(--ids-color-neutral-60);
1487
+ --ids-slider-readonly-track-progress-background-color: var(--ids-color-neutral-80);
1488
+ --ids-step-chart-step-background-color: var(--ids-color-neutral-30);
1489
+ --ids-step-chart-step-completed-background-color: var(--ids-color-primary);
1490
+ --ids-swipe-action-right-active-background-color: var(--ids-color-azure-90);
1491
+ --ids-swipe-action-right-background-color: var(--ids-color-azure-70);
1492
+ --ids-swipe-action-right-hover-background-color: var(--ids-color-azure-90);
1493
+ --ids-switch-pole-off-background-color: var(--ids-color-neutral-80);
1494
+ --ids-switch-toggle-off-background-color: var(--ids-color-neutral-00);
1495
+ --ids-switch-toggle-off-border-color: var(--ids-color-neutral-30);
1496
+ --ids-switch-pole-on-background-color: var(--ids-color-primary-70);
1497
+ --ids-switch-toggle-on-background-color: var(--ids-color-primary-90);
1498
+ --ids-switch-toggle-on-border-color: var(--ids-color-primary-90);
1499
+ --ids-switch-pole-off-disabled-background-color: var(--ids-color-neutral-30);
1500
+ --ids-switch-toggle-off-disabled-background-color: var(--ids-color-neutral-30);
1501
+ --ids-switch-toggle-off-disabled-border-color: var(--ids-color-neutral-30);
1502
+ --ids-switch-pole-on-disabled-background-color: var(--ids-color-primary-20);
1503
+ --ids-switch-toggle-on-disabled-background-color: var(--ids-color-primary-30);
1504
+ --ids-switch-toggle-on-disabled-border-color: var(--ids-color-primary-30);
1505
+ --ids-switch-toggle-hover-background-color: var(--ids-color-neutral-30);
1506
+ --ids-switch-toggle-focus-box-shadow: 0 0 0 3px var(--ids-color-primary-20), 0 0 0 4px var(--ids-color-primary-60), 0 0 4px 6px var(--ids-color-neutral-20);
1507
+ --ids-tab-focus-hide-border-color: var(--ids-color-primary);
1508
+ --ids-tab-module-background-color: var(--ids-color-azure-80);
1509
+ --ids-tab-module-selected-background-color: var(--ids-color-azure-60);
1510
+ --ids-tag-background-color: var(--ids-input-readonly-background-color);
1511
+ --ids-tag-border-color: var(--ids-input-readonly-background-color);
1512
+ --ids-tag-border-radius: var(--ids-border-radius-lg);
1513
+ --ids-tag-text-color: var(--ids-input-text-color);
1514
+ --ids-tag-font-size: var(--ids-font-size-sm);
1515
+ --ids-tag-icon-hover-color: var(--ids-color-neutral-90);
1516
+ --ids-tag-secondary-background-color: var(--ids-input-background-color);
1517
+ --ids-tag-secondary-border-color: var(--ids-input-border-color);
1518
+ --ids-tag-disabled-text-color: var(--ids-color-neutral-60);
1519
+ --ids-tag-secondary-disabled-text-color: var(--ids-color-neutral-50);
1520
+ --ids-textarea-focus-border-color: var(--ids-color-azure-90);
1521
+ --ids-time-picker-popup-button-border-color: var(--ids-color-neutral-60);
1522
+ --ids-time-picker-popup-button-text-color: var(--ids-color-azure-90);
1523
+ --ids-time-picker-popup-colons-text-color: var(--ids-color-neutral-90);
1524
+ --ids-toast-progress-background-color: var(--ids-progress-bar-fill-background-color);
1525
+ --ids-toolbar-formatter-background-color: var(--ids-color-neutral-70);
1526
+ --ids-trigger-field-icon-color: var(--ids-color-neutral-80);
1527
+ --ids-tree-node-disabled-text-color: var(--ids-color-neutral-50);
1528
+ --ids-tree-node-focus-border-color: var(--ids-color-azure-90);
1529
+ --ids-tree-node-focus-box-shadow: 0 0 4px 2px rgb(41 41 41 / 0.3);
1530
+ --ids-tree-node-hover-text-border-color: var(--ids-color-neutral-100);
1531
+ --ids-tree-node-hover-text-color: var(--ids-color-neutral-100);
1532
+ --ids-tree-node-selected-background-color: var(--ids-color-neutral-30);
1533
+ --ids-tree-node-selected-text-color: var(--ids-color-neutral-100);
1534
+ --ids-tree-node-text-color: var(--ids-color-neutral-90);
1535
+ --ids-treemap-stroke-color: var(--ids-color-neutral-10);
1536
+ --ids-treemap-title-background-color: var(--ids-color-neutral-80);
1537
+ --ids-treemap-title-text-color: var(--ids-color-neutral-00);
1538
+ --ids-upload-advanced-background-color: var(--ids-color-neutral-00);
1539
+ --ids-upload-advanced-hover-background-color: var(--ids-color-neutral-20);
1540
+ --ids-upload-advanced-hover-border-color: var(--ids-color-neutral-50);
1541
+ --ids-upload-advanced-hover-text-color: var(--ids-color-neutral-40);
1542
+ --ids-week-view-background-color: var(--ids-color-neutral-00);
1543
+ --ids-week-view-border-color: var(--ids-color-neutral-30);
1544
+ --ids-week-view-header-background-color: var(--ids-color-neutral-00);
1545
+ --ids-week-view-row-odd-border-color: var(--ids-color-neutral-20);
1546
+ --ids-wizard-step-color: var(--ids-color-primary);
1547
+ --ids-wizard-unvisited-step-color: var(--ids-color-neutral-90);
1548
+ }