ids-enterprise-wc 1.1.0 → 1.3.0

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 (797) hide show
  1. package/README.md +4 -2
  2. package/chunks/{ids-chunk-XBLOHSUP.js → ids-chunk-23NZBZ76.js} +1 -1
  3. package/chunks/{ids-chunk-SQLENQLJ.js → ids-chunk-25AHUJG4.js} +1 -1
  4. package/chunks/{ids-chunk-SUUHJYN3.js → ids-chunk-27KCRUEO.js} +13 -5
  5. package/chunks/{ids-chunk-HPNLBCA7.js → ids-chunk-2CHBHQSM.js} +1 -1
  6. package/chunks/{ids-chunk-W4MWOFW3.js → ids-chunk-2NSH6NO6.js} +9 -2
  7. package/chunks/{ids-chunk-QGCHYMYP.js → ids-chunk-2R4P2WRX.js} +1 -1
  8. package/chunks/{ids-chunk-UZMVPFQP.js → ids-chunk-2SJYNTRS.js} +11 -4
  9. package/chunks/{ids-chunk-AKYINT5Q.js → ids-chunk-2VDBSZOR.js} +3 -3
  10. package/chunks/{ids-chunk-M6LINJPU.js → ids-chunk-3EU4SYEQ.js} +1 -1
  11. package/chunks/{ids-chunk-3R3J6BPS.js → ids-chunk-3JNR5NKR.js} +6 -2
  12. package/chunks/{ids-chunk-SDI6YI4R.js → ids-chunk-3XPFPMO7.js} +2 -2
  13. package/chunks/{ids-chunk-UJR27IUE.js → ids-chunk-42PLXXRB.js} +2 -2
  14. package/chunks/{ids-chunk-VR7NAXGN.js → ids-chunk-4DFXSFKR.js} +8 -5
  15. package/chunks/{ids-chunk-UB23IHVS.js → ids-chunk-4RCHBAXP.js} +1 -1
  16. package/chunks/{ids-chunk-3E6GX7FO.js → ids-chunk-4RQMOPCF.js} +8 -2
  17. package/chunks/{ids-chunk-3GWSEJZ7.js → ids-chunk-4UF7B5JG.js} +18 -16
  18. package/chunks/{ids-chunk-MXGOVLBB.js → ids-chunk-5FQC4XMJ.js} +11 -4
  19. package/chunks/{ids-chunk-FO43R6UL.js → ids-chunk-5G45SP7P.js} +1 -1
  20. package/chunks/{ids-chunk-GUPEU4VY.js → ids-chunk-5H2VDKXG.js} +3 -3
  21. package/chunks/{ids-chunk-TTQ36X74.js → ids-chunk-5MLNCNHQ.js} +1 -1
  22. package/chunks/{ids-chunk-3ACJEWOC.js → ids-chunk-5OXRLKXC.js} +1 -1
  23. package/chunks/{ids-chunk-JIKMLV7A.js → ids-chunk-5R3R3HYO.js} +1 -1
  24. package/chunks/ids-chunk-5UQ66HJ6.js +1 -0
  25. package/chunks/{ids-chunk-UMU667YG.js → ids-chunk-5XAJ7VM4.js} +1 -1
  26. package/chunks/{ids-chunk-AO2HBHYU.js → ids-chunk-5Y3P6I4I.js} +8 -2
  27. package/chunks/{ids-chunk-J5BNTJFK.js → ids-chunk-64KLVD6V.js} +1 -1
  28. package/chunks/{ids-chunk-THQXQHMV.js → ids-chunk-6A5FWYXV.js} +1 -1
  29. package/chunks/{ids-chunk-ZGPR6EOA.js → ids-chunk-6AVLGVPZ.js} +1 -1
  30. package/chunks/ids-chunk-6EFR3T5Y.js +19294 -0
  31. package/chunks/{ids-chunk-3EFVZMMT.js → ids-chunk-6I3P3DZU.js} +1 -1
  32. package/chunks/{ids-chunk-SJOWRS2L.js → ids-chunk-6RD35DKS.js} +1 -1
  33. package/chunks/{ids-chunk-2ZCJOCA6.js → ids-chunk-72BXNAVJ.js} +1 -1
  34. package/chunks/{ids-chunk-FSUE7DEH.js → ids-chunk-7EA5T4TD.js} +1 -1
  35. package/chunks/{ids-chunk-NHCWV2A7.js → ids-chunk-7OHKXEVB.js} +16 -16
  36. package/chunks/{ids-chunk-EBRA4KHF.js → ids-chunk-7QHVFHOS.js} +11 -11
  37. package/chunks/{ids-chunk-MAGBVGA4.js → ids-chunk-7RJEBHAB.js} +3 -4
  38. package/chunks/{ids-chunk-JK3YUXBN.js → ids-chunk-7WZ7MCTP.js} +1 -1
  39. package/chunks/{ids-chunk-GMQLBKFW.js → ids-chunk-7YH3U3I4.js} +1 -1
  40. package/chunks/{ids-chunk-PWKO2IIO.js → ids-chunk-A5QSTD32.js} +1 -1
  41. package/chunks/{ids-chunk-L6QZVJG7.js → ids-chunk-A6WE3FK4.js} +1 -1
  42. package/chunks/{ids-chunk-I755KNDT.js → ids-chunk-AJ77VFVS.js} +6 -4
  43. package/chunks/ids-chunk-AY6GFZD7.js +1 -0
  44. package/chunks/{ids-chunk-Y6LD6CUL.js → ids-chunk-BEDLY5KX.js} +1 -1
  45. package/chunks/{ids-chunk-AFI2IZSA.js → ids-chunk-BJFGGFPY.js} +1 -1
  46. package/chunks/{ids-chunk-NMUDV7IM.js → ids-chunk-BK6OQOLT.js} +3 -3
  47. package/chunks/{ids-chunk-ECMK245H.js → ids-chunk-BQKIPUEU.js} +1 -1
  48. package/chunks/{ids-chunk-JT5F3SJ5.js → ids-chunk-BSHWIMQG.js} +1 -1
  49. package/chunks/{ids-chunk-TYGEDJ6L.js → ids-chunk-BSLNIC25.js} +4 -1
  50. package/chunks/{ids-chunk-ILGZBIWV.js → ids-chunk-BUPVRZXB.js} +1 -1
  51. package/chunks/{ids-chunk-5GJB62T4.js → ids-chunk-CALAS3LK.js} +1 -1
  52. package/chunks/{ids-chunk-SEZTJW2Q.js → ids-chunk-CBWWWFLN.js} +1 -1
  53. package/chunks/{ids-chunk-7V4KTSWP.js → ids-chunk-CDELIM7V.js} +1 -1
  54. package/chunks/{ids-chunk-FQDXUJNU.js → ids-chunk-CESWH22Q.js} +1 -1
  55. package/chunks/{ids-chunk-5AUGRPXE.js → ids-chunk-CF5DLLMH.js} +1 -1
  56. package/chunks/{ids-chunk-Y2NCYFGV.js → ids-chunk-CFK3AQQN.js} +1 -1
  57. package/chunks/{ids-chunk-BLIIHUEQ.js → ids-chunk-CHIPJOY7.js} +1 -1
  58. package/chunks/{ids-chunk-5TIPXAZO.js → ids-chunk-CZVSFFLB.js} +1 -1
  59. package/chunks/{ids-chunk-NM32M7ZC.js → ids-chunk-D5KJYZTH.js} +1 -1
  60. package/chunks/{ids-chunk-NNRE4N3I.js → ids-chunk-D6FL5AFX.js} +1 -1
  61. package/chunks/ids-chunk-DB6Y67GU.js +279 -0
  62. package/chunks/{ids-chunk-LAN45CN5.js → ids-chunk-DBUFCHCI.js} +1 -1
  63. package/chunks/{ids-chunk-MLZO3GIW.js → ids-chunk-DFHNKIBQ.js} +1 -1
  64. package/chunks/{ids-chunk-RFRKYRBB.js → ids-chunk-DGAEERP2.js} +1 -1
  65. package/chunks/{ids-chunk-KIC26RGX.js → ids-chunk-DSAKB3C7.js} +1 -1
  66. package/chunks/{ids-chunk-7X2R66OI.js → ids-chunk-DTOXLGGE.js} +1 -1
  67. package/chunks/{ids-chunk-O76LHSJG.js → ids-chunk-DVKZQJMF.js} +1 -1
  68. package/chunks/{ids-chunk-KQ5LVKT4.js → ids-chunk-DVOFVELC.js} +8 -3
  69. package/chunks/{ids-chunk-Y4PVEIYD.js → ids-chunk-DYO6K6L7.js} +1 -1
  70. package/chunks/{ids-chunk-CXR4WNCE.js → ids-chunk-ECTOVS6Z.js} +1 -1
  71. package/chunks/ids-chunk-EEHXHQ56.js +1 -0
  72. package/chunks/ids-chunk-EGEU2BV5.js +53 -0
  73. package/chunks/{ids-chunk-24UFCBYJ.js → ids-chunk-EPGIXALL.js} +1 -1
  74. package/chunks/{ids-chunk-UTJMR6C2.js → ids-chunk-EPZ7XJXK.js} +1 -1
  75. package/chunks/{ids-chunk-CFTHFY6H.js → ids-chunk-EXKEQLIF.js} +1 -1
  76. package/chunks/{ids-chunk-D55NAWJA.js → ids-chunk-EXU77N73.js} +1 -1
  77. package/chunks/{ids-chunk-LVWBMB4I.js → ids-chunk-F6CJEE4H.js} +6 -2
  78. package/chunks/{ids-chunk-RMIYANUT.js → ids-chunk-F6CQ2Q7G.js} +1 -1
  79. package/chunks/{ids-chunk-4YHW3ONF.js → ids-chunk-F6DXQJ5S.js} +1 -1
  80. package/chunks/{ids-chunk-CAZOK6RP.js → ids-chunk-FBTOZGNM.js} +1 -1
  81. package/chunks/{ids-chunk-PNY3HRUJ.js → ids-chunk-FCQ32XYB.js} +1 -1
  82. package/chunks/{ids-chunk-LXNJEFWQ.js → ids-chunk-FFPDCHHA.js} +1 -1
  83. package/chunks/{ids-chunk-FXJMKBIC.js → ids-chunk-FO2T4EN6.js} +1 -1
  84. package/chunks/{ids-chunk-4AYNPFYO.js → ids-chunk-FPGKL37X.js} +1 -1
  85. package/chunks/{ids-chunk-SQLNCFLW.js → ids-chunk-FTU4IPTY.js} +1 -1
  86. package/chunks/{ids-chunk-PU5BSAIO.js → ids-chunk-FVPGIYCX.js} +1 -1
  87. package/chunks/{ids-chunk-4NWRBZRG.js → ids-chunk-FWSAAIZH.js} +1 -1
  88. package/chunks/{ids-chunk-OU4SPRGD.js → ids-chunk-FXUQ3PJC.js} +1 -1
  89. package/chunks/{ids-chunk-DJD7V76T.js → ids-chunk-G4JAYG2B.js} +1 -1
  90. package/chunks/{ids-chunk-SVI2LQSJ.js → ids-chunk-GH7W4NOV.js} +1 -1
  91. package/chunks/{ids-chunk-6LZLJU3K.js → ids-chunk-GZBADTD3.js} +2 -2
  92. package/chunks/{ids-chunk-HYVAXTRT.js → ids-chunk-H5BUUGI6.js} +1 -1
  93. package/chunks/{ids-chunk-D2XZ72NQ.js → ids-chunk-H7MQDKFJ.js} +1 -1
  94. package/chunks/{ids-chunk-H3QNNECP.js → ids-chunk-HBGAQ6NK.js} +1 -1
  95. package/chunks/{ids-chunk-YBWNEBJT.js → ids-chunk-HI66ZQLQ.js} +1 -1
  96. package/chunks/ids-chunk-HTXYH7PJ.js +114 -0
  97. package/chunks/{ids-chunk-AMLZREQ7.js → ids-chunk-HUTXQAF4.js} +1 -1
  98. package/chunks/{ids-chunk-LYUVXSWI.js → ids-chunk-ICI7TRFU.js} +1 -1
  99. package/chunks/{ids-chunk-E42TCQ7B.js → ids-chunk-IN2UNFQ6.js} +1 -1
  100. package/chunks/{ids-chunk-DMMRUSCT.js → ids-chunk-IODAMMRQ.js} +1 -1
  101. package/chunks/{ids-chunk-KXUJHNT7.js → ids-chunk-IP3LKCIU.js} +1 -1
  102. package/chunks/{ids-chunk-MLXP3OER.js → ids-chunk-IQIGPHX4.js} +1 -1
  103. package/chunks/ids-chunk-ISX5H7TQ.js +21 -0
  104. package/chunks/{ids-chunk-EAD42BUV.js → ids-chunk-J6ZHMXNR.js} +1 -1
  105. package/chunks/{ids-chunk-HASCCZNZ.js → ids-chunk-J7DA5CTR.js} +1 -1
  106. package/chunks/ids-chunk-JA7IPHZO.js +1 -0
  107. package/chunks/{ids-chunk-I2AJ4DX6.js → ids-chunk-JMXVF34P.js} +1 -1
  108. package/chunks/{ids-chunk-URNG4XUD.js → ids-chunk-JOFV65IE.js} +1 -1
  109. package/chunks/{ids-chunk-S6EILA3J.js → ids-chunk-JPU5A6SY.js} +1 -1
  110. package/chunks/{ids-chunk-PSDRNUFA.js → ids-chunk-JXP3YTAK.js} +1 -1
  111. package/chunks/{ids-chunk-ZWSKRFRU.js → ids-chunk-K4RGGS2D.js} +1 -1
  112. package/chunks/ids-chunk-KE43HOMZ.js +13 -0
  113. package/chunks/{ids-chunk-S67Q6SQ7.js → ids-chunk-KEPNPWOF.js} +1 -1
  114. package/chunks/{ids-chunk-QQCGBJM7.js → ids-chunk-KGYZQ2VK.js} +1 -1
  115. package/chunks/ids-chunk-KGZ3GNX3.js +131 -0
  116. package/chunks/{ids-chunk-CAKV57XO.js → ids-chunk-KJDXDAWE.js} +3 -3
  117. package/chunks/{ids-chunk-7KEWQMGC.js → ids-chunk-KOFRZM2R.js} +1 -1
  118. package/chunks/{ids-chunk-3RBJC2B3.js → ids-chunk-KOUGA37P.js} +15 -14
  119. package/chunks/{ids-chunk-B4Z53RRK.js → ids-chunk-KPHKORI4.js} +1 -1
  120. package/chunks/{ids-chunk-HECVGRTB.js → ids-chunk-KQCLYWPU.js} +1 -1
  121. package/chunks/{ids-chunk-JAYN7LEJ.js → ids-chunk-KS3U36NA.js} +1 -1
  122. package/chunks/{ids-chunk-2KXXPHBX.js → ids-chunk-KVENHU67.js} +3 -3
  123. package/chunks/{ids-chunk-WAAU2VTA.js → ids-chunk-KVYBYREY.js} +1 -1
  124. package/chunks/{ids-chunk-LLIQL5NZ.js → ids-chunk-KWJ4SJY5.js} +1 -1
  125. package/chunks/{ids-chunk-43R72PO6.js → ids-chunk-LCJQ4A4B.js} +11 -8
  126. package/chunks/{ids-chunk-2KZ3SUIB.js → ids-chunk-LFWRGBWI.js} +1 -1
  127. package/chunks/{ids-chunk-BIVI4XGL.js → ids-chunk-LNFQK7JP.js} +1 -1
  128. package/chunks/{ids-chunk-ZGQM4KUM.js → ids-chunk-LPCS4BVM.js} +1 -1
  129. package/chunks/{ids-chunk-X5DWCTFF.js → ids-chunk-LZLBG573.js} +1 -1
  130. package/chunks/{ids-chunk-KHVBQOLM.js → ids-chunk-M5TLQ2QE.js} +1 -1
  131. package/chunks/{ids-chunk-NM5JQ6PM.js → ids-chunk-M63XYSCN.js} +1 -1
  132. package/chunks/ids-chunk-MF4JZFL7.js +10 -0
  133. package/chunks/{ids-chunk-WOYRLAIO.js → ids-chunk-MLCADZUI.js} +1 -1
  134. package/chunks/{ids-chunk-XBOKSU6V.js → ids-chunk-MO37G74U.js} +1 -1
  135. package/chunks/ids-chunk-MQZOQPWO.js +124 -0
  136. package/chunks/{ids-chunk-A4WQJN7D.js → ids-chunk-MSC3LF3M.js} +1 -1
  137. package/chunks/{ids-chunk-7HVPVB2B.js → ids-chunk-N2XJ3WVO.js} +3 -3
  138. package/chunks/{ids-chunk-IKME5ZKX.js → ids-chunk-N3XLGKZ2.js} +1 -1
  139. package/chunks/{ids-chunk-5AEL3GYM.js → ids-chunk-N6AYRN3F.js} +1 -1
  140. package/chunks/{ids-chunk-S7XLS6RG.js → ids-chunk-N6VRABY2.js} +18 -16
  141. package/chunks/ids-chunk-NCQGQXWM.js +79 -0
  142. package/chunks/{ids-chunk-TBWO456M.js → ids-chunk-NESW7ZC2.js} +8 -6
  143. package/chunks/{ids-chunk-BKF436HY.js → ids-chunk-NMV7XEOK.js} +1 -1
  144. package/chunks/ids-chunk-NPRGYLZU.js +86 -0
  145. package/chunks/{ids-chunk-WRJHHA2H.js → ids-chunk-NTQMWAYX.js} +1 -1
  146. package/chunks/{ids-chunk-GKQEYNEK.js → ids-chunk-NWTMD63R.js} +1 -1
  147. package/chunks/{ids-chunk-HF6SPZDU.js → ids-chunk-NWY4GZVS.js} +3 -3
  148. package/chunks/{ids-chunk-QF5V7UKS.js → ids-chunk-O5NGNZCK.js} +1 -1
  149. package/chunks/ids-chunk-O5QZI5R5.js +97 -0
  150. package/chunks/ids-chunk-OATAZ2DP.js +1 -0
  151. package/chunks/ids-chunk-OMRTDW5Y.js +193 -0
  152. package/chunks/{ids-chunk-IJONC6VF.js → ids-chunk-OOKZNATR.js} +1 -1
  153. package/chunks/{ids-chunk-X6A2UZ3X.js → ids-chunk-OQA62N6G.js} +1 -1
  154. package/chunks/{ids-chunk-DRPJPRZE.js → ids-chunk-OYIBQAQ4.js} +13 -10
  155. package/chunks/{ids-chunk-373KCCRR.js → ids-chunk-PCNB5S6K.js} +1 -1
  156. package/chunks/{ids-chunk-NVWPCNVL.js → ids-chunk-PCWQIHZC.js} +1 -1
  157. package/chunks/{ids-chunk-ZMPVY3AU.js → ids-chunk-PD3COHJJ.js} +1 -1
  158. package/chunks/{ids-chunk-MTOZK7DA.js → ids-chunk-PETPXLK6.js} +10 -5
  159. package/chunks/{ids-chunk-GOVDPVST.js → ids-chunk-PF4EI4PV.js} +1 -1
  160. package/chunks/{ids-chunk-45GIVSUG.js → ids-chunk-PLTMW24P.js} +1 -1
  161. package/chunks/{ids-chunk-U36GIBXT.js → ids-chunk-POHJFXQ2.js} +1 -1
  162. package/chunks/{ids-chunk-4F2B24YM.js → ids-chunk-PQVOW7VI.js} +1 -1
  163. package/chunks/{ids-chunk-D5IDG7TU.js → ids-chunk-PRNQHCUQ.js} +1 -1
  164. package/chunks/{ids-chunk-5RIOP65P.js → ids-chunk-PV7B34IR.js} +2 -2
  165. package/chunks/{ids-chunk-H7IMUXUX.js → ids-chunk-PZQVRYLZ.js} +1 -1
  166. package/chunks/{ids-chunk-QGLE7IT5.js → ids-chunk-PZZJLL4R.js} +1 -1
  167. package/chunks/{ids-chunk-BSN5NSCO.js → ids-chunk-Q6TFA63O.js} +21 -16
  168. package/chunks/{ids-chunk-KDQ7PMT6.js → ids-chunk-QESOYVOB.js} +1 -1
  169. package/chunks/ids-chunk-QIUT6UMD.js +85 -0
  170. package/chunks/{ids-chunk-EBOOTXIM.js → ids-chunk-QRRJK22T.js} +1 -1
  171. package/chunks/{ids-chunk-DPFB2ZQF.js → ids-chunk-QTG6OHQK.js} +1 -1
  172. package/chunks/{ids-chunk-F7HTIMXK.js → ids-chunk-R3KUK6IM.js} +2 -2
  173. package/chunks/{ids-chunk-TQQMOKPK.js → ids-chunk-R6POAO2M.js} +25 -3
  174. package/chunks/{ids-chunk-7BMYSOBQ.js → ids-chunk-RHJUWUND.js} +1 -1
  175. package/chunks/{ids-chunk-3T5TXIVS.js → ids-chunk-SDRT3KPY.js} +1 -1
  176. package/chunks/{ids-chunk-62IHYGOT.js → ids-chunk-SIEIALCO.js} +1 -1
  177. package/chunks/{ids-chunk-5LDAMXE4.js → ids-chunk-SSKOZML7.js} +1 -1
  178. package/chunks/{ids-chunk-GHRFWWHC.js → ids-chunk-SZJACFDJ.js} +2 -2
  179. package/chunks/{ids-chunk-5JFPT7ZK.js → ids-chunk-SZT25DS4.js} +1 -1
  180. package/chunks/{ids-chunk-3X7P3RSH.js → ids-chunk-T4AKBRBT.js} +1 -1
  181. package/chunks/{ids-chunk-IBF55QZT.js → ids-chunk-T7S5MK3R.js} +1 -1
  182. package/chunks/{ids-chunk-DW2QPFNW.js → ids-chunk-TBSH7X3Z.js} +1 -1
  183. package/chunks/ids-chunk-TCXXNO4W.js +1 -0
  184. package/chunks/{ids-chunk-ENOC2U2E.js → ids-chunk-TELBTRWS.js} +1 -1
  185. package/chunks/{ids-chunk-BIQ3Z4ME.js → ids-chunk-TJIMPSNX.js} +1 -1
  186. package/chunks/{ids-chunk-WJ2UBU63.js → ids-chunk-U6WV4IAY.js} +1 -1
  187. package/chunks/{ids-chunk-XRQDCC34.js → ids-chunk-UGVVS5FA.js} +1 -1
  188. package/chunks/{ids-chunk-GEQB6ZBG.js → ids-chunk-US6S7NPZ.js} +1 -1
  189. package/chunks/{ids-chunk-ZJBIWVHX.js → ids-chunk-UZTQGNKV.js} +1 -1
  190. package/chunks/{ids-chunk-QO2DFL7V.js → ids-chunk-UZWC2NE4.js} +1 -1
  191. package/chunks/{ids-chunk-45BBGKLL.js → ids-chunk-V2XV7CD4.js} +1 -1
  192. package/chunks/{ids-chunk-J2NYYSYY.js → ids-chunk-V7HR45WG.js} +1 -1
  193. package/chunks/{ids-chunk-TMBAEMZB.js → ids-chunk-VD3AINUW.js} +1 -1
  194. package/chunks/{ids-chunk-4FYTWJQ6.js → ids-chunk-VHFTAIPU.js} +1 -1
  195. package/chunks/{ids-chunk-TZNIDCMN.js → ids-chunk-VS4ZY4GW.js} +1 -1
  196. package/chunks/{ids-chunk-V4Z6LMLP.js → ids-chunk-VYPO5CU2.js} +3 -3
  197. package/chunks/{ids-chunk-I3EQHCIU.js → ids-chunk-W4MHOBZE.js} +1 -1
  198. package/chunks/ids-chunk-WP4BOQQD.js +1 -0
  199. package/chunks/{ids-chunk-IU2LKJQK.js → ids-chunk-WWKN7COU.js} +7 -7
  200. package/chunks/{ids-chunk-YYBNZSB2.js → ids-chunk-X4KNE7X2.js} +1 -1
  201. package/chunks/{ids-chunk-OXNMM4TD.js → ids-chunk-X4PVZX7G.js} +1 -1
  202. package/chunks/{ids-chunk-TDOZ2COT.js → ids-chunk-XHGKWGLY.js} +1 -1
  203. package/chunks/{ids-chunk-ROWPMDEN.js → ids-chunk-XSYKFAEQ.js} +1 -1
  204. package/chunks/ids-chunk-Y2OUDRQA.js +1 -0
  205. package/chunks/{ids-chunk-J4PILIQO.js → ids-chunk-YADMGFHZ.js} +1 -1
  206. package/chunks/{ids-chunk-NZMY6XIJ.js → ids-chunk-YAKAENTY.js} +1 -1
  207. package/chunks/{ids-chunk-XTJPX25X.js → ids-chunk-YE5CQ6GK.js} +1 -1
  208. package/chunks/{ids-chunk-E6NR75BU.js → ids-chunk-YSO4RF3T.js} +1 -1
  209. package/chunks/{ids-chunk-RKIYNNM5.js → ids-chunk-ZAFIKE4T.js} +1 -1
  210. package/chunks/{ids-chunk-A72RD6GI.js → ids-chunk-ZP3TFJQI.js} +1 -1
  211. package/chunks/{ids-chunk-3VOAG5ZK.js → ids-chunk-ZRL4GY2K.js} +1 -1
  212. package/chunks/{ids-chunk-CDHUHR7M.js → ids-chunk-ZVA2O7GZ.js} +1 -1
  213. package/components/ids-about/ids-about.css +4 -0
  214. package/components/ids-about/ids-about.d.ts +2 -2
  215. package/components/ids-about/ids-about.js +1 -1
  216. package/components/ids-accordion/ids-accordion-header.d.ts +18 -18
  217. package/components/ids-accordion/ids-accordion-header.js +1 -1
  218. package/components/ids-accordion/ids-accordion-panel.d.ts +21 -23
  219. package/components/ids-accordion/ids-accordion-panel.js +1 -1
  220. package/components/ids-accordion/ids-accordion-section.d.ts +3 -3
  221. package/components/ids-accordion/ids-accordion-section.js +1 -1
  222. package/components/ids-accordion/ids-accordion.css +8 -77
  223. package/components/ids-accordion/ids-accordion.d.ts +22 -22
  224. package/components/ids-accordion/ids-accordion.js +1 -1
  225. package/components/ids-action-panel/ids-action-panel.js +1 -1
  226. package/components/ids-action-sheet/ids-action-sheet.d.ts +15 -15
  227. package/components/ids-action-sheet/ids-action-sheet.js +1 -1
  228. package/components/ids-alert/ids-alert.d.ts +17 -17
  229. package/components/ids-alert/ids-alert.js +1 -1
  230. package/components/ids-app-menu/ids-app-menu-container.js +1 -1
  231. package/components/ids-app-menu/ids-app-menu.css +22 -130
  232. package/components/ids-app-menu/ids-app-menu.d.ts +2 -2
  233. package/components/ids-app-menu/ids-app-menu.js +1 -1
  234. package/components/ids-area-chart/ids-area-chart.js +1 -1
  235. package/components/ids-axis-chart/ids-axis-chart.d.ts +23 -23
  236. package/components/ids-axis-chart/ids-axis-chart.js +1 -1
  237. package/components/ids-badge/ids-badge.d.ts +15 -15
  238. package/components/ids-badge/ids-badge.js +1 -1
  239. package/components/ids-bar-chart/ids-bar-chart.js +1 -1
  240. package/components/ids-block-grid/ids-block-grid-item.d.ts +19 -19
  241. package/components/ids-block-grid/ids-block-grid-item.js +1 -1
  242. package/components/ids-block-grid/ids-block-grid.css +20 -62
  243. package/components/ids-block-grid/ids-block-grid.d.ts +20 -20
  244. package/components/ids-block-grid/ids-block-grid.js +1 -1
  245. package/components/ids-box/ids-box.js +1 -1
  246. package/components/ids-breadcrumb/ids-breadcrumb.d.ts +15 -15
  247. package/components/ids-breadcrumb/ids-breadcrumb.js +1 -1
  248. package/components/ids-button/ids-button-common.js +1 -1
  249. package/components/ids-button/ids-button.css +12 -12
  250. package/components/ids-button/ids-button.d.ts +37 -37
  251. package/components/ids-button/ids-button.js +1 -1
  252. package/components/ids-calendar/ids-calendar-event.d.ts +17 -17
  253. package/components/ids-calendar/ids-calendar-event.js +1 -1
  254. package/components/ids-calendar/ids-calendar.css +179 -270
  255. package/components/ids-calendar/ids-calendar.d.ts +27 -27
  256. package/components/ids-calendar/ids-calendar.js +1 -1
  257. package/components/ids-card/ids-card-action.js +1 -1
  258. package/components/ids-card/ids-card.css +209 -3
  259. package/components/ids-card/ids-card.d.ts +27 -27
  260. package/components/ids-card/ids-card.js +1 -1
  261. package/components/ids-checkbox/ids-checkbox-group.d.ts +15 -15
  262. package/components/ids-checkbox/ids-checkbox-group.js +1 -1
  263. package/components/ids-checkbox/ids-checkbox.d.ts +30 -30
  264. package/components/ids-checkbox/ids-checkbox.js +1 -1
  265. package/components/ids-color/ids-color.d.ts +27 -17
  266. package/components/ids-color/ids-color.js +1 -1
  267. package/components/ids-color-picker/ids-color-picker.css +3 -0
  268. package/components/ids-color-picker/ids-color-picker.d.ts +30 -30
  269. package/components/ids-color-picker/ids-color-picker.js +1 -1
  270. package/components/ids-container/ids-container.d.ts +20 -20
  271. package/components/ids-container/ids-container.js +1 -1
  272. package/components/ids-counts/ids-counts.d.ts +15 -15
  273. package/components/ids-counts/ids-counts.js +1 -1
  274. package/components/ids-data-grid/ids-data-grid-cell.js +1 -1
  275. package/components/ids-data-grid/ids-data-grid-column.d.ts +2 -0
  276. package/components/ids-data-grid/ids-data-grid-editors.js +1 -1
  277. package/components/ids-data-grid/ids-data-grid-empty-message.js +1 -1
  278. package/components/ids-data-grid/ids-data-grid-filters.js +1 -1
  279. package/components/ids-data-grid/ids-data-grid-formatters.js +1 -1
  280. package/components/ids-data-grid/ids-data-grid-header.d.ts +15 -15
  281. package/components/ids-data-grid/ids-data-grid-header.js +1 -1
  282. package/components/ids-data-grid/ids-data-grid-row.js +1 -1
  283. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.d.ts +17 -17
  284. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.js +1 -1
  285. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.d.ts +16 -16
  286. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.js +1 -1
  287. package/components/ids-data-grid/ids-data-grid.css +22 -0
  288. package/components/ids-data-grid/ids-data-grid.d.ts +63 -57
  289. package/components/ids-data-grid/ids-data-grid.js +1 -1
  290. package/components/ids-data-label/ids-data-label.d.ts +17 -17
  291. package/components/ids-data-label/ids-data-label.js +1 -1
  292. package/components/ids-date-picker/ids-date-picker-common.js +1 -1
  293. package/components/ids-date-picker/ids-date-picker-popup.d.ts +9 -9
  294. package/components/ids-date-picker/ids-date-picker-popup.js +1 -1
  295. package/components/ids-date-picker/ids-date-picker.d.ts +45 -41
  296. package/components/ids-date-picker/ids-date-picker.js +1 -1
  297. package/components/ids-date-picker/ids-month-year-picklist.d.ts +21 -21
  298. package/components/ids-date-picker/ids-month-year-picklist.js +1 -1
  299. package/components/ids-draggable/ids-draggable.d.ts +15 -15
  300. package/components/ids-draggable/ids-draggable.js +1 -1
  301. package/components/ids-drawer/ids-drawer.d.ts +21 -20
  302. package/components/ids-drawer/ids-drawer.js +1 -1
  303. package/components/ids-dropdown/ids-dropdown-attributes-mixin.d.ts +2 -2
  304. package/components/ids-dropdown/ids-dropdown-attributes-mixin.js +1 -1
  305. package/components/ids-dropdown/ids-dropdown-common.js +1 -1
  306. package/components/ids-dropdown/ids-dropdown-list.d.ts +14 -12
  307. package/components/ids-dropdown/ids-dropdown-list.js +1 -1
  308. package/components/ids-dropdown/ids-dropdown.d.ts +46 -46
  309. package/components/ids-dropdown/ids-dropdown.js +1 -1
  310. package/components/ids-editor/ids-editor-clean-utils.js +1 -1
  311. package/components/ids-editor/ids-editor-handle-paste.js +1 -1
  312. package/components/ids-editor/ids-editor-selection-utils.js +1 -1
  313. package/components/ids-editor/ids-editor-shared.js +1 -1
  314. package/components/ids-editor/ids-editor.d.ts +32 -32
  315. package/components/ids-editor/ids-editor.js +1 -1
  316. package/components/ids-empty-message/ids-empty-message.d.ts +15 -15
  317. package/components/ids-empty-message/ids-empty-message.js +1 -1
  318. package/components/ids-error-page/ids-error-page.js +1 -1
  319. package/components/ids-expandable-area/ids-expandable-area.css +0 -1
  320. package/components/ids-expandable-area/ids-expandable-area.d.ts +15 -15
  321. package/components/ids-expandable-area/ids-expandable-area.js +1 -1
  322. package/components/ids-fieldset/ids-fieldset.d.ts +15 -15
  323. package/components/ids-fieldset/ids-fieldset.js +1 -1
  324. package/components/ids-filter-field/ids-filter-field.css +26 -0
  325. package/components/ids-filter-field/ids-filter-field.d.ts +475 -0
  326. package/components/ids-filter-field/ids-filter-field.js +44 -0
  327. package/components/ids-form/ids-form.d.ts +25 -21
  328. package/components/ids-form/ids-form.js +1 -1
  329. package/components/ids-global/ids-global.js +1 -1
  330. package/components/ids-header/ids-header.d.ts +17 -17
  331. package/components/ids-header/ids-header.js +1 -1
  332. package/components/ids-hidden/ids-hidden.css +131 -0
  333. package/components/ids-hidden/ids-hidden.d.ts +26 -0
  334. package/components/ids-hidden/ids-hidden.js +1 -1
  335. package/components/ids-hierarchy/ids-hierarchy-item.d.ts +18 -18
  336. package/components/ids-hierarchy/ids-hierarchy-item.js +1 -1
  337. package/components/ids-hierarchy/ids-hierarchy-legend-item.d.ts +3 -3
  338. package/components/ids-hierarchy/ids-hierarchy-legend-item.js +1 -1
  339. package/components/ids-hierarchy/ids-hierarchy-legend.js +1 -1
  340. package/components/ids-hierarchy/ids-hierarchy.css +116 -13
  341. package/components/ids-hierarchy/ids-hierarchy.d.ts +15 -15
  342. package/components/ids-hierarchy/ids-hierarchy.js +1 -1
  343. package/components/ids-home-page/ids-home-page.d.ts +17 -17
  344. package/components/ids-home-page/ids-home-page.js +1 -1
  345. package/components/ids-hyperlink/ids-hyperlink.d.ts +31 -31
  346. package/components/ids-hyperlink/ids-hyperlink.js +1 -1
  347. package/components/ids-hyperlink/ids-link-list.js +1 -1
  348. package/components/ids-icon/ids-icon.d.ts +20 -20
  349. package/components/ids-icon/ids-icon.js +1 -1
  350. package/components/ids-image/ids-image.d.ts +19 -15
  351. package/components/ids-image/ids-image.js +1 -1
  352. package/components/ids-input/ids-autocomplete.d.ts +11 -11
  353. package/components/ids-input/ids-autocomplete.js +1 -1
  354. package/components/ids-input/ids-input.css +3 -0
  355. package/components/ids-input/ids-input.d.ts +79 -71
  356. package/components/ids-input/ids-input.js +1 -1
  357. package/components/ids-input-group/ids-input-group.d.ts +15 -15
  358. package/components/ids-input-group/ids-input-group.js +1 -1
  359. package/components/ids-layout-flex/ids-layout-flex-item.js +1 -1
  360. package/components/ids-layout-flex/ids-layout-flex.css +4 -453
  361. package/components/ids-layout-flex/ids-layout-flex.js +1 -1
  362. package/components/ids-layout-flex/ids-scroll-container.js +1 -1
  363. package/components/ids-layout-grid/ids-layout-grid-cell.d.ts +39 -16
  364. package/components/ids-layout-grid/ids-layout-grid-cell.js +1 -1
  365. package/components/ids-layout-grid/ids-layout-grid-common.js +1 -1
  366. package/components/ids-layout-grid/ids-layout-grid.css +9 -9412
  367. package/components/ids-layout-grid/ids-layout-grid.d.ts +34 -0
  368. package/components/ids-layout-grid/ids-layout-grid.js +1 -1
  369. package/components/ids-line-chart/ids-line-chart.js +1 -1
  370. package/components/ids-list-box/ids-list-box-option.d.ts +26 -17
  371. package/components/ids-list-box/ids-list-box-option.js +1 -1
  372. package/components/ids-list-box/ids-list-box.css +63 -51
  373. package/components/ids-list-box/ids-list-box.d.ts +9 -0
  374. package/components/ids-list-box/ids-list-box.js +1 -1
  375. package/components/ids-list-builder/ids-list-builder.js +1 -1
  376. package/components/ids-list-view/ids-list-view-item.d.ts +17 -17
  377. package/components/ids-list-view/ids-list-view-item.js +1 -1
  378. package/components/ids-list-view/ids-list-view-search-mixin.d.ts +8 -8
  379. package/components/ids-list-view/ids-list-view-search-mixin.js +1 -1
  380. package/components/ids-list-view/ids-list-view.d.ts +34 -34
  381. package/components/ids-list-view/ids-list-view.js +1 -1
  382. package/components/ids-loading-indicator/ids-loading-indicator-attributes.js +1 -1
  383. package/components/ids-loading-indicator/ids-loading-indicator.d.ts +21 -15
  384. package/components/ids-loading-indicator/ids-loading-indicator.js +1 -1
  385. package/components/ids-locale/ids-locale.d.ts +1 -2
  386. package/components/ids-locale/ids-locale.js +1 -1
  387. package/components/ids-lookup/ids-lookup.d.ts +39 -33
  388. package/components/ids-lookup/ids-lookup.js +1 -1
  389. package/components/ids-mask/ids-mask-api.d.ts +7 -0
  390. package/components/ids-mask/ids-mask-api.js +1 -1
  391. package/components/ids-mask/ids-mask-global.js +1 -1
  392. package/components/ids-mask/ids-masks.js +1 -1
  393. package/components/ids-masthead/ids-masthead.d.ts +17 -17
  394. package/components/ids-masthead/ids-masthead.js +1 -1
  395. package/components/ids-menu/ids-menu-group.d.ts +17 -17
  396. package/components/ids-menu/ids-menu-group.js +1 -1
  397. package/components/ids-menu/ids-menu-header.d.ts +15 -15
  398. package/components/ids-menu/ids-menu-header.js +1 -1
  399. package/components/ids-menu/ids-menu-item.d.ts +22 -22
  400. package/components/ids-menu/ids-menu-item.js +1 -1
  401. package/components/ids-menu/ids-menu.css +12 -3
  402. package/components/ids-menu/ids-menu.d.ts +17 -17
  403. package/components/ids-menu/ids-menu.js +1 -1
  404. package/components/ids-menu-button/ids-menu-button-attributes.js +1 -1
  405. package/components/ids-menu-button/ids-menu-button.d.ts +0 -1
  406. package/components/ids-menu-button/ids-menu-button.js +1 -1
  407. package/components/ids-message/ids-message.js +1 -1
  408. package/components/ids-modal/ids-modal-button.js +1 -1
  409. package/components/ids-modal/ids-modal.d.ts +46 -46
  410. package/components/ids-modal/ids-modal.js +1 -1
  411. package/components/ids-modal/ids-overlay.d.ts +15 -15
  412. package/components/ids-modal/ids-overlay.js +1 -1
  413. package/components/ids-module-nav/ids-module-nav-bar.d.ts +10 -10
  414. package/components/ids-module-nav/ids-module-nav-bar.js +1 -1
  415. package/components/ids-module-nav/ids-module-nav-button.d.ts +6 -6
  416. package/components/ids-module-nav/ids-module-nav-button.js +1 -1
  417. package/components/ids-module-nav/ids-module-nav-content.d.ts +3 -3
  418. package/components/ids-module-nav/ids-module-nav-content.js +1 -1
  419. package/components/ids-module-nav/ids-module-nav-display-mode-mixin.d.ts +3 -3
  420. package/components/ids-module-nav/ids-module-nav-display-mode-mixin.js +1 -1
  421. package/components/ids-module-nav/ids-module-nav-item.d.ts +16 -16
  422. package/components/ids-module-nav/ids-module-nav-item.js +1 -1
  423. package/components/ids-module-nav/ids-module-nav-settings.d.ts +6 -6
  424. package/components/ids-module-nav/ids-module-nav-settings.js +1 -1
  425. package/components/ids-module-nav/ids-module-nav-switcher.d.ts +21 -21
  426. package/components/ids-module-nav/ids-module-nav-switcher.js +1 -1
  427. package/components/ids-module-nav/ids-module-nav-text-display-mixin.d.ts +3 -3
  428. package/components/ids-module-nav/ids-module-nav-text-display-mixin.js +1 -1
  429. package/components/ids-module-nav/ids-module-nav-user.d.ts +26 -26
  430. package/components/ids-module-nav/ids-module-nav-user.js +1 -1
  431. package/components/ids-module-nav/ids-module-nav.css +473 -33
  432. package/components/ids-module-nav/ids-module-nav.d.ts +28 -28
  433. package/components/ids-module-nav/ids-module-nav.js +1 -1
  434. package/components/ids-month-view/ids-month-view-attribute-mixin.d.ts +5 -5
  435. package/components/ids-month-view/ids-month-view-attribute-mixin.js +1 -1
  436. package/components/ids-month-view/ids-month-view.d.ts +27 -27
  437. package/components/ids-month-view/ids-month-view.js +1 -1
  438. package/components/ids-multiselect/ids-multiselect.css +2 -0
  439. package/components/ids-multiselect/ids-multiselect.js +1 -1
  440. package/components/ids-notification-banner/ids-notification-banner.d.ts +17 -17
  441. package/components/ids-notification-banner/ids-notification-banner.js +1 -1
  442. package/components/ids-pager/ids-pager-button.d.ts +19 -19
  443. package/components/ids-pager/ids-pager-button.js +1 -1
  444. package/components/ids-pager/ids-pager-dropdown.d.ts +15 -15
  445. package/components/ids-pager/ids-pager-dropdown.js +1 -1
  446. package/components/ids-pager/ids-pager-input.d.ts +17 -17
  447. package/components/ids-pager/ids-pager-input.js +1 -1
  448. package/components/ids-pager/ids-pager-number-list.d.ts +17 -17
  449. package/components/ids-pager/ids-pager-number-list.js +1 -1
  450. package/components/ids-pager/ids-pager.d.ts +15 -15
  451. package/components/ids-pager/ids-pager.js +1 -1
  452. package/components/ids-pie-chart/ids-pie-chart.d.ts +23 -23
  453. package/components/ids-pie-chart/ids-pie-chart.js +1 -1
  454. package/components/ids-popup/ids-picker-popup.d.ts +30 -30
  455. package/components/ids-popup/ids-picker-popup.js +1 -1
  456. package/components/ids-popup/ids-popup-attributes.js +1 -1
  457. package/components/ids-popup/ids-popup.css +7 -2
  458. package/components/ids-popup/ids-popup.d.ts +24 -23
  459. package/components/ids-popup/ids-popup.js +1 -1
  460. package/components/ids-popup-menu/ids-popup-menu.d.ts +19 -17
  461. package/components/ids-popup-menu/ids-popup-menu.js +1 -1
  462. package/components/ids-process-indicator/ids-process-indicator-step.d.ts +15 -15
  463. package/components/ids-process-indicator/ids-process-indicator-step.js +1 -1
  464. package/components/ids-process-indicator/ids-process-indicator.d.ts +15 -15
  465. package/components/ids-process-indicator/ids-process-indicator.js +1 -1
  466. package/components/ids-progress-bar/ids-progress-bar.d.ts +15 -15
  467. package/components/ids-progress-bar/ids-progress-bar.js +1 -1
  468. package/components/ids-progress-chart/ids-progress-chart.d.ts +15 -15
  469. package/components/ids-progress-chart/ids-progress-chart.js +1 -1
  470. package/components/ids-radio/ids-radio-group.d.ts +21 -21
  471. package/components/ids-radio/ids-radio-group.js +1 -1
  472. package/components/ids-radio/ids-radio.d.ts +27 -27
  473. package/components/ids-radio/ids-radio.js +1 -1
  474. package/components/ids-rating/ids-rating.d.ts +17 -17
  475. package/components/ids-rating/ids-rating.js +1 -1
  476. package/components/ids-scroll-view/ids-scroll-view.d.ts +19 -19
  477. package/components/ids-scroll-view/ids-scroll-view.js +1 -1
  478. package/components/ids-search-field/ids-search-field.css +8 -1
  479. package/components/ids-search-field/ids-search-field.d.ts +1 -1
  480. package/components/ids-search-field/ids-search-field.js +1 -1
  481. package/components/ids-separator/ids-separator.d.ts +18 -18
  482. package/components/ids-separator/ids-separator.js +1 -1
  483. package/components/ids-skip-link/ids-skip-link.d.ts +15 -15
  484. package/components/ids-skip-link/ids-skip-link.js +1 -1
  485. package/components/ids-slider/ids-slider.d.ts +17 -17
  486. package/components/ids-slider/ids-slider.js +1 -1
  487. package/components/ids-spinbox/ids-spinbox.css +8 -1
  488. package/components/ids-spinbox/ids-spinbox.js +1 -1
  489. package/components/ids-splitter/ids-splitter-local-storage.js +1 -1
  490. package/components/ids-splitter/ids-splitter-pane.d.ts +17 -17
  491. package/components/ids-splitter/ids-splitter-pane.js +1 -1
  492. package/components/ids-splitter/ids-splitter.css +8 -5
  493. package/components/ids-splitter/ids-splitter.d.ts +17 -17
  494. package/components/ids-splitter/ids-splitter.js +1 -1
  495. package/components/ids-stats/ids-stats.d.ts +17 -17
  496. package/components/ids-stats/ids-stats.js +1 -1
  497. package/components/ids-step-chart/ids-step-chart.d.ts +15 -15
  498. package/components/ids-step-chart/ids-step-chart.js +1 -1
  499. package/components/ids-swaplist/ids-swaplist.d.ts +19 -19
  500. package/components/ids-swaplist/ids-swaplist.js +1 -1
  501. package/components/ids-swappable/ids-swappable-item.d.ts +19 -19
  502. package/components/ids-swappable/ids-swappable-item.js +1 -1
  503. package/components/ids-swappable/ids-swappable.d.ts +29 -29
  504. package/components/ids-swappable/ids-swappable.js +1 -1
  505. package/components/ids-swipe-action/ids-swipe-action.d.ts +15 -15
  506. package/components/ids-swipe-action/ids-swipe-action.js +1 -1
  507. package/components/ids-switch/ids-switch.css +39 -75
  508. package/components/ids-switch/ids-switch.d.ts +33 -39
  509. package/components/ids-switch/ids-switch.js +1 -1
  510. package/components/ids-tabs/ids-tab-content.d.ts +17 -17
  511. package/components/ids-tabs/ids-tab-content.js +1 -1
  512. package/components/ids-tabs/ids-tab-divider.js +1 -1
  513. package/components/ids-tabs/ids-tab-more.d.ts +2 -2
  514. package/components/ids-tabs/ids-tab-more.js +1 -1
  515. package/components/ids-tabs/ids-tab.d.ts +31 -31
  516. package/components/ids-tabs/ids-tab.js +1 -1
  517. package/components/ids-tabs/ids-tabs-context.d.ts +19 -18
  518. package/components/ids-tabs/ids-tabs-context.js +1 -1
  519. package/components/ids-tabs/ids-tabs.css +334 -35
  520. package/components/ids-tabs/ids-tabs.d.ts +23 -23
  521. package/components/ids-tabs/ids-tabs.js +1 -1
  522. package/components/ids-tag/ids-tag-list.d.ts +15 -15
  523. package/components/ids-tag/ids-tag-list.js +1 -1
  524. package/components/ids-tag/ids-tag.css +4 -0
  525. package/components/ids-tag/ids-tag.d.ts +19 -46
  526. package/components/ids-tag/ids-tag.js +1 -1
  527. package/components/ids-text/ids-text.css +5 -0
  528. package/components/ids-text/ids-text.d.ts +22 -22
  529. package/components/ids-text/ids-text.js +1 -1
  530. package/components/ids-textarea/ids-textarea.d.ts +41 -41
  531. package/components/ids-textarea/ids-textarea.js +1 -1
  532. package/components/ids-theme-switcher/ids-theme-switcher.d.ts +20 -20
  533. package/components/ids-theme-switcher/ids-theme-switcher.js +1 -1
  534. package/components/ids-time-picker/ids-time-picker-common.js +1 -1
  535. package/components/ids-time-picker/ids-time-picker-popup.d.ts +6 -6
  536. package/components/ids-time-picker/ids-time-picker-popup.js +1 -1
  537. package/components/ids-time-picker/ids-time-picker.css +49 -40
  538. package/components/ids-time-picker/ids-time-picker.d.ts +34 -34
  539. package/components/ids-time-picker/ids-time-picker.js +1 -1
  540. package/components/ids-toast/ids-toast-message.d.ts +17 -17
  541. package/components/ids-toast/ids-toast-message.js +1 -1
  542. package/components/ids-toast/ids-toast.d.ts +19 -19
  543. package/components/ids-toast/ids-toast.js +1 -1
  544. package/components/ids-toggle-button/ids-toggle-button.js +1 -1
  545. package/components/ids-toolbar/ids-toolbar-more-actions.d.ts +32 -20
  546. package/components/ids-toolbar/ids-toolbar-more-actions.js +1 -1
  547. package/components/ids-toolbar/ids-toolbar-section.d.ts +15 -15
  548. package/components/ids-toolbar/ids-toolbar-section.js +1 -1
  549. package/components/ids-toolbar/ids-toolbar.css +72 -9
  550. package/components/ids-toolbar/ids-toolbar.d.ts +17 -17
  551. package/components/ids-toolbar/ids-toolbar.js +1 -1
  552. package/components/ids-tooltip/ids-tooltip.d.ts +19 -19
  553. package/components/ids-tooltip/ids-tooltip.js +1 -1
  554. package/components/ids-tree/ids-tree-node.d.ts +17 -17
  555. package/components/ids-tree/ids-tree-node.js +1 -1
  556. package/components/ids-tree/ids-tree.d.ts +17 -17
  557. package/components/ids-tree/ids-tree.js +1 -1
  558. package/components/ids-treemap/ids-treemap.d.ts +17 -17
  559. package/components/ids-treemap/ids-treemap.js +1 -1
  560. package/components/ids-trigger-field/ids-trigger-button.d.ts +3 -3
  561. package/components/ids-trigger-field/ids-trigger-button.js +1 -1
  562. package/components/ids-trigger-field/ids-trigger-field.css +1414 -914
  563. package/components/ids-trigger-field/ids-trigger-field.js +1 -1
  564. package/components/ids-upload/ids-upload.d.ts +34 -34
  565. package/components/ids-upload/ids-upload.js +1 -1
  566. package/components/ids-upload-advanced/ids-upload-advanced-file.d.ts +18 -18
  567. package/components/ids-upload-advanced/ids-upload-advanced-file.js +1 -1
  568. package/components/ids-upload-advanced/ids-upload-advanced.d.ts +17 -17
  569. package/components/ids-upload-advanced/ids-upload-advanced.js +1 -1
  570. package/components/ids-virtual-scroll/ids-virtual-scroll.d.ts +19 -15
  571. package/components/ids-virtual-scroll/ids-virtual-scroll.js +1 -1
  572. package/components/ids-week-view/ids-week-view.d.ts +22 -22
  573. package/components/ids-week-view/ids-week-view.js +1 -1
  574. package/components/ids-widget/ids-widget.d.ts +17 -17
  575. package/components/ids-widget/ids-widget.js +1 -1
  576. package/components/ids-wizard/ids-wizard-step.js +1 -1
  577. package/components/ids-wizard/ids-wizard.d.ts +17 -17
  578. package/components/ids-wizard/ids-wizard.js +1 -1
  579. package/core/ids-attributes.d.ts +8 -1
  580. package/core/ids-attributes.js +1 -1
  581. package/core/ids-element.js +1 -1
  582. package/custom-elements.json +10933 -10193
  583. package/enterprise-wc.js +1 -1
  584. package/fonts/OFL.txt +93 -0
  585. package/fonts/README.md +46 -0
  586. package/fonts/assistant-latin-ext-v19.woff2 +0 -0
  587. package/fonts/assistant-latin-v19.woff2 +0 -0
  588. package/fonts/assistant-v19.woff2 +0 -0
  589. package/fonts/font-face.css +2875 -0
  590. package/fonts/mada-latin-v19.woff2 +0 -0
  591. package/fonts/mada-v19.woff2 +0 -0
  592. package/fonts/noto-sans-jp-100-v52.woff2 +0 -0
  593. package/fonts/noto-sans-jp-102-v52.woff2 +0 -0
  594. package/fonts/noto-sans-jp-103-v52.woff2 +0 -0
  595. package/fonts/noto-sans-jp-104-v52.woff2 +0 -0
  596. package/fonts/noto-sans-jp-105-v52.woff2 +0 -0
  597. package/fonts/noto-sans-jp-106-v52.woff2 +0 -0
  598. package/fonts/noto-sans-jp-107-v52.woff2 +0 -0
  599. package/fonts/noto-sans-jp-108-v52.woff2 +0 -0
  600. package/fonts/noto-sans-jp-109-v52.woff2 +0 -0
  601. package/fonts/noto-sans-jp-110-v52.woff2 +0 -0
  602. package/fonts/noto-sans-jp-111-v52.woff2 +0 -0
  603. package/fonts/noto-sans-jp-112-v52.woff2 +0 -0
  604. package/fonts/noto-sans-jp-113-v52.woff2 +0 -0
  605. package/fonts/noto-sans-jp-114-v52.woff2 +0 -0
  606. package/fonts/noto-sans-jp-115-v52.woff2 +0 -0
  607. package/fonts/noto-sans-jp-116-v52.woff2 +0 -0
  608. package/fonts/noto-sans-jp-117-v52.woff2 +0 -0
  609. package/fonts/noto-sans-jp-118-v52.woff2 +0 -0
  610. package/fonts/noto-sans-jp-119-v52.woff2 +0 -0
  611. package/fonts/noto-sans-jp-74-v52.woff2 +0 -0
  612. package/fonts/noto-sans-jp-83-v52.woff2 +0 -0
  613. package/fonts/noto-sans-jp-88-v52.woff2 +0 -0
  614. package/fonts/noto-sans-jp-89-v52.woff2 +0 -0
  615. package/fonts/noto-sans-jp-90-v52.woff2 +0 -0
  616. package/fonts/noto-sans-jp-92-v52.woff2 +0 -0
  617. package/fonts/noto-sans-jp-93-v52.woff2 +0 -0
  618. package/fonts/noto-sans-jp-94-v52.woff2 +0 -0
  619. package/fonts/noto-sans-jp-95-v52.woff2 +0 -0
  620. package/fonts/noto-sans-jp-96-v52.woff2 +0 -0
  621. package/fonts/noto-sans-jp-97-v52.woff2 +0 -0
  622. package/fonts/noto-sans-jp-98-v52.woff2 +0 -0
  623. package/fonts/noto-sans-jp-99-v52.woff2 +0 -0
  624. package/fonts/noto-sans-jp-latin-v52.woff2 +0 -0
  625. package/fonts/noto-sans-kr-107-v36.woff2 +0 -0
  626. package/fonts/noto-sans-kr-108-v36.woff2 +0 -0
  627. package/fonts/noto-sans-kr-109-v36.woff2 +0 -0
  628. package/fonts/noto-sans-kr-110-v36.woff2 +0 -0
  629. package/fonts/noto-sans-kr-111-v36.woff2 +0 -0
  630. package/fonts/noto-sans-kr-112-v36.woff2 +0 -0
  631. package/fonts/noto-sans-kr-113-v36.woff2 +0 -0
  632. package/fonts/noto-sans-kr-114-v36.woff2 +0 -0
  633. package/fonts/noto-sans-kr-115-v36.woff2 +0 -0
  634. package/fonts/noto-sans-kr-116-v36.woff2 +0 -0
  635. package/fonts/noto-sans-kr-117-v36.woff2 +0 -0
  636. package/fonts/noto-sans-kr-118-v36.woff2 +0 -0
  637. package/fonts/noto-sans-kr-119-v36.woff2 +0 -0
  638. package/fonts/noto-sans-kr-latin-v36.woff2 +0 -0
  639. package/fonts/noto-sans-latin-ext-v36.woff2 +0 -0
  640. package/fonts/noto-sans-latin-v36.woff2 +0 -0
  641. package/fonts/noto-sans-sc-102-v36.woff2 +0 -0
  642. package/fonts/noto-sans-sc-103-v36.woff2 +0 -0
  643. package/fonts/noto-sans-sc-104-v36.woff2 +0 -0
  644. package/fonts/noto-sans-sc-105-v36.woff2 +0 -0
  645. package/fonts/noto-sans-sc-106-v36.woff2 +0 -0
  646. package/fonts/noto-sans-sc-107-v36.woff2 +0 -0
  647. package/fonts/noto-sans-sc-108-v36.woff2 +0 -0
  648. package/fonts/noto-sans-sc-109-v36.woff2 +0 -0
  649. package/fonts/noto-sans-sc-110-v36.woff2 +0 -0
  650. package/fonts/noto-sans-sc-111-v36.woff2 +0 -0
  651. package/fonts/noto-sans-sc-112-v36.woff2 +0 -0
  652. package/fonts/noto-sans-sc-113-v36.woff2 +0 -0
  653. package/fonts/noto-sans-sc-114-v36.woff2 +0 -0
  654. package/fonts/noto-sans-sc-115-v36.woff2 +0 -0
  655. package/fonts/noto-sans-sc-116-v36.woff2 +0 -0
  656. package/fonts/noto-sans-sc-117-v36.woff2 +0 -0
  657. package/fonts/noto-sans-sc-118-v36.woff2 +0 -0
  658. package/fonts/noto-sans-sc-119-v36.woff2 +0 -0
  659. package/fonts/noto-sans-sc-54-v36.woff2 +0 -0
  660. package/fonts/noto-sans-sc-latin-v36.woff2 +0 -0
  661. package/fonts/noto-sans-tc-101-v35.woff2 +0 -0
  662. package/fonts/noto-sans-tc-102-v35.woff2 +0 -0
  663. package/fonts/noto-sans-tc-104-v35.woff2 +0 -0
  664. package/fonts/noto-sans-tc-105-v35.woff2 +0 -0
  665. package/fonts/noto-sans-tc-106-v35.woff2 +0 -0
  666. package/fonts/noto-sans-tc-107-v35.woff2 +0 -0
  667. package/fonts/noto-sans-tc-108-v35.woff2 +0 -0
  668. package/fonts/noto-sans-tc-109-v35.woff2 +0 -0
  669. package/fonts/noto-sans-tc-110-v35.woff2 +0 -0
  670. package/fonts/noto-sans-tc-111-v35.woff2 +0 -0
  671. package/fonts/noto-sans-tc-112-v35.woff2 +0 -0
  672. package/fonts/noto-sans-tc-113-v35.woff2 +0 -0
  673. package/fonts/noto-sans-tc-114-v35.woff2 +0 -0
  674. package/fonts/noto-sans-tc-115-v35.woff2 +0 -0
  675. package/fonts/noto-sans-tc-116-v35.woff2 +0 -0
  676. package/fonts/noto-sans-tc-117-v35.woff2 +0 -0
  677. package/fonts/noto-sans-tc-118-v35.woff2 +0 -0
  678. package/fonts/noto-sans-tc-119-v35.woff2 +0 -0
  679. package/fonts/noto-sans-tc-28-v35.woff2 +0 -0
  680. package/fonts/noto-sans-tc-53-v35.woff2 +0 -0
  681. package/fonts/noto-sans-tc-68-v35.woff2 +0 -0
  682. package/fonts/noto-sans-tc-latin-v35.woff2 +0 -0
  683. package/fonts/noto-sans-v36.woff2 +0 -0
  684. package/fonts/sarabun-400-latin-v15.woff2 +0 -0
  685. package/fonts/sarabun-400-v15.woff2 +0 -0
  686. package/fonts/sarabun-600-latin-v15.woff2 +0 -0
  687. package/fonts/sarabun-600-v15.woff2 +0 -0
  688. package/fonts/source-sans-pro-cyrillic-300-v22.woff2 +0 -0
  689. package/fonts/source-sans-pro-cyrillic-400-v22.woff2 +0 -0
  690. package/fonts/source-sans-pro-cyrillic-600-v22.woff2 +0 -0
  691. package/fonts/source-sans-pro-cyrillic-ext-300-v22.woff2 +0 -0
  692. package/fonts/source-sans-pro-cyrillic-ext-400-v22.woff2 +0 -0
  693. package/fonts/source-sans-pro-cyrillic-ext-600-v22.woff2 +0 -0
  694. package/fonts/source-sans-pro-greek-300-v22.woff2 +0 -0
  695. package/fonts/source-sans-pro-greek-400-v22.woff2 +0 -0
  696. package/fonts/source-sans-pro-greek-600-v22.woff2 +0 -0
  697. package/fonts/source-sans-pro-greek-ext-300-v22.woff2 +0 -0
  698. package/fonts/source-sans-pro-greek-ext-400-v22.woff2 +0 -0
  699. package/fonts/source-sans-pro-greek-ext-600-v22.woff2 +0 -0
  700. package/fonts/source-sans-pro-latin-300-v22.woff2 +0 -0
  701. package/fonts/source-sans-pro-latin-400-v22.woff2 +0 -0
  702. package/fonts/source-sans-pro-latin-600-v22.woff2 +0 -0
  703. package/fonts/source-sans-pro-latin-ext-300-v22.woff2 +0 -0
  704. package/fonts/source-sans-pro-latin-ext-400-v22.woff2 +0 -0
  705. package/fonts/source-sans-pro-latin-ext-600-v22.woff2 +0 -0
  706. package/fonts/source-sans-pro-vietnamese-300-v22.woff2 +0 -0
  707. package/fonts/source-sans-pro-vietnamese-400-v22.woff2 +0 -0
  708. package/fonts/source-sans-pro-vietnamese-600-v22.woff2 +0 -0
  709. package/mixins/ids-attachment-mixin/ids-attachment-mixin.d.ts +3 -3
  710. package/mixins/ids-attachment-mixin/ids-attachment-mixin.js +1 -1
  711. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.d.ts +10 -10
  712. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.js +1 -1
  713. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.d.ts +3 -3
  714. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.js +1 -1
  715. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.d.ts +2 -2
  716. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.js +1 -1
  717. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.d.ts +4 -4
  718. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.js +1 -1
  719. package/mixins/ids-clearable-mixin/ids-clearable-mixin.d.ts +3 -3
  720. package/mixins/ids-clearable-mixin/ids-clearable-mixin.js +1 -1
  721. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.d.ts +3 -3
  722. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.js +1 -1
  723. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.d.ts +2 -2
  724. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.js +1 -1
  725. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.d.ts +5 -5
  726. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.js +1 -1
  727. package/mixins/ids-events-mixin/ids-events-mixin.d.ts +15 -15
  728. package/mixins/ids-field-height-mixin/ids-field-height-mixin.d.ts +3 -3
  729. package/mixins/ids-field-height-mixin/ids-field-height-mixin.js +1 -1
  730. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.d.ts +9 -9
  731. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.js +1 -1
  732. package/mixins/ids-form-input-mixin/ids-form-input-mixin.d.ts +6 -6
  733. package/mixins/ids-form-input-mixin/ids-form-input-mixin.js +1 -1
  734. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.d.ts +10 -10
  735. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.js +1 -1
  736. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.d.ts +3 -3
  737. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.js +1 -1
  738. package/mixins/ids-keyboard-mixin/ids-keyboard-mixin.d.ts +2 -2
  739. package/mixins/ids-label-state-mixin/ids-label-state-common.js +1 -1
  740. package/mixins/ids-label-state-mixin/ids-label-state-mixin.d.ts +6 -6
  741. package/mixins/ids-label-state-mixin/ids-label-state-mixin.js +1 -1
  742. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.d.ts +2 -2
  743. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.js +1 -1
  744. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.d.ts +5 -5
  745. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.js +1 -1
  746. package/mixins/ids-locale-mixin/ids-locale-mixin.d.ts +2 -2
  747. package/mixins/ids-locale-mixin/ids-locale-mixin.js +1 -1
  748. package/mixins/ids-mask-mixin/ids-mask-mixin.d.ts +2 -2
  749. package/mixins/ids-mask-mixin/ids-mask-mixin.js +1 -1
  750. package/mixins/ids-orientation-mixin/ids-orientation-mixin.d.ts +3 -3
  751. package/mixins/ids-orientation-mixin/ids-orientation-mixin.js +1 -1
  752. package/mixins/ids-pager-mixin/ids-pager-mixin.d.ts +5 -5
  753. package/mixins/ids-pager-mixin/ids-pager-mixin.js +1 -1
  754. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.d.ts +3 -3
  755. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.js +1 -1
  756. package/mixins/ids-popup-open-events-mixin/ids-popup-open-events-mixin.d.ts +4 -3
  757. package/mixins/ids-popup-open-events-mixin/ids-popup-open-events-mixin.js +1 -1
  758. package/mixins/ids-scroll-effect-mixin/ids-scroll-effect-mixin.d.ts +2 -2
  759. package/mixins/ids-selection-mixin/ids-selection-mixin.d.ts +2 -2
  760. package/mixins/ids-selection-mixin/ids-selection-mixin.js +1 -1
  761. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.d.ts +2 -2
  762. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.js +1 -1
  763. package/mixins/ids-validation-mixin/ids-validation-input-mixin.d.ts +2 -2
  764. package/mixins/ids-validation-mixin/ids-validation-mixin.d.ts +4 -4
  765. package/mixins/ids-validation-mixin/ids-validation-mixin.js +1 -1
  766. package/mixins/ids-xss-mixin/ids-xss-mixin.d.ts +2 -2
  767. package/mixins/ids-xss-mixin/ids-xss-mixin.js +1 -1
  768. package/package.json +1 -1
  769. package/themes/ids-theme-default-contrast.css +159 -136
  770. package/themes/ids-theme-default-core.css +112 -84
  771. package/themes/ids-theme-default-dark.css +169 -135
  772. package/themes/ids-theme-default-light.css +112 -84
  773. package/utils/ids-device-env-specs-utils/ids-device-env-specs-utils.js +1 -1
  774. package/vscode.html-custom-data.json +1 -1
  775. package/chunks/ids-chunk-35WWW75E.js +0 -114
  776. package/chunks/ids-chunk-5PN44F3N.js +0 -15
  777. package/chunks/ids-chunk-AYV2UDVJ.js +0 -1
  778. package/chunks/ids-chunk-AZIFSDL7.js +0 -1
  779. package/chunks/ids-chunk-BLQBX2IH.js +0 -10
  780. package/chunks/ids-chunk-C2FTVDTS.js +0 -1
  781. package/chunks/ids-chunk-CFIQIXAY.js +0 -1
  782. package/chunks/ids-chunk-EYJSXJZA.js +0 -124
  783. package/chunks/ids-chunk-F77N2KXE.js +0 -85
  784. package/chunks/ids-chunk-GG6DGZEP.js +0 -115
  785. package/chunks/ids-chunk-J4VMQYG7.js +0 -1
  786. package/chunks/ids-chunk-KRTACOII.js +0 -97
  787. package/chunks/ids-chunk-NLHRZY3H.js +0 -193
  788. package/chunks/ids-chunk-NNTRUZRX.js +0 -1
  789. package/chunks/ids-chunk-OHD67HEV.js +0 -53
  790. package/chunks/ids-chunk-P7GBTWC3.js +0 -86
  791. package/chunks/ids-chunk-S2J4EOBX.js +0 -13
  792. package/chunks/ids-chunk-TWHRSDKD.js +0 -1
  793. package/chunks/ids-chunk-VP67AJD5.js +0 -1
  794. package/chunks/ids-chunk-WNBO2C4T.js +0 -9416
  795. package/chunks/ids-chunk-Y7ULYDKT.js +0 -1
  796. package/chunks/ids-chunk-ZMIB352T.js +0 -279
  797. package/components/ids-dropdown/ids-dropdown-imports.d.ts +0 -8
package/components/ids-trigger-field/ids-trigger-field.css CHANGED
@@ -1,1094 +1,1594 @@
1
- @charset "UTF-8";
2
1
  /**
3
- * Css for clearable mixin
2
+ * Ids Button Component CSS
3
+ * (Includes standard and icon button rules)
4
4
  */
5
- .ids-input .ids-input-field .btn-clear,
6
- .ids-input .ids-textarea-field .btn-clear,
7
- .ids-textarea .ids-input-field .btn-clear,
8
- .ids-textarea .ids-textarea-field .btn-clear {
9
- outline: 0;
10
- }
11
- .ids-input .ids-input-field .btn-clear.is-empty,
12
- .ids-input .ids-textarea-field .btn-clear.is-empty,
13
- .ids-textarea .ids-input-field .btn-clear.is-empty,
14
- .ids-textarea .ids-textarea-field .btn-clear.is-empty {
15
- display: none;
16
- }
17
- .ids-input .ids-input-field .btn-clear [slot=icon],
18
- .ids-input .ids-textarea-field .btn-clear [slot=icon],
19
- .ids-textarea .ids-input-field .btn-clear [slot=icon],
20
- .ids-textarea .ids-textarea-field .btn-clear [slot=icon] {
21
- margin-inline-start: 0;
22
- color: inherit;
23
- }
24
- .ids-input.has-clearable .btn-clear,
25
- .ids-textarea.has-clearable .btn-clear {
26
- margin-inline-end: 4px;
27
- }
28
- .ids-input.has-clearable .btn-clear.is-empty,
29
- .ids-textarea.has-clearable .btn-clear.is-empty {
30
- display: initial;
31
- visibility: hidden;
32
- pointer-events: none;
5
+ /**
6
+ * Ids Button Sass mixins, used in Ids Button CSS to define base styles.
7
+ */
8
+ /**
9
+ * Provides standardized padding rules for certain button types
10
+ */
11
+ /**
12
+ * Provides the standard color rules for all regular buttons
13
+ */
14
+ /**
15
+ * Provides the standard color rules for buttons that need box shadow
16
+ */
17
+ :root {
18
+ display: inline-flex;
19
+ vertical-align: middle;
33
20
  }
34
-
35
- .ids-trigger-field .ids-input-field.has-clearable {
36
- padding-inline-end: 55px;
21
+ :host ::slotted(span) {
22
+ vertical-align: bottom;
37
23
  }
38
- .ids-trigger-field .ids-input-field.has-clearable ~ .btn-clear {
39
- margin-top: 0;
40
- right: -8px;
24
+ :host ::slotted(span),
25
+ :host ::slotted(ids-text) {
26
+ color: currentColor;
27
+ align-self: center;
41
28
  }
42
-
43
- .btn-clear[part=clearable-button] [slot=icon] {
44
- padding: 2px;
29
+ :host ::slotted(ids-icon) {
30
+ vertical-align: middle;
31
+ color: currentColor;
45
32
  }
46
-
47
- .icon-dirty {
33
+ :host ::slotted(span.audible) {
34
+ clip: rect(0, 0, 0, 0);
35
+ height: 0;
36
+ line-height: 0;
37
+ min-height: 0;
38
+ overflow: hidden;
39
+ padding: 0;
48
40
  position: absolute;
49
- color: var(--ids-color-yellow-30);
50
- top: 1px;
51
- }
52
- .icon-dirty[dir=rtl] {
53
- transform: rotate(90deg);
54
- top: 0;
41
+ width: 1px;
55
42
  }
56
-
57
- .ids-color-picker .icon-dirty {
58
- margin-inline-start: 35px;
43
+ :host button,
44
+ :host .ids-icon-button {
45
+ justify-content: center;
46
+ height: 100%;
47
+ width: 100%;
59
48
  }
60
49
 
61
- .ids-color-picker.compact .icon-dirty {
62
- margin-inline-start: 27px;
50
+ :host(.hidden) {
51
+ display: none;
63
52
  }
64
53
 
65
- .ids-textarea .icon-dirty {
66
- top: 1px;
67
- margin-inline-start: 1px;
68
- }
69
- .ids-textarea .icon-dirty[dir=rtl] {
70
- top: 2px;
54
+ :host([system-button]) button:hover {
55
+ background-color: transparent;
56
+ border-color: transparent;
57
+ color: var(--ids-button-system-color-text-hover);
71
58
  }
72
59
 
73
- .label-state-hidden .ids-label-text.empty::before {
74
- content: " ";
60
+ :host([hidden]) {
61
+ display: none;
75
62
  }
76
63
 
77
- .label-state-collapsed .ids-label-text {
78
- display: none;
64
+ button {
65
+ display: block;
79
66
  }
80
67
 
81
- .validation-message {
68
+ .ids-button,
69
+ .ids-toggle-button,
70
+ .ids-menu-button:not(.ids-icon-button),
71
+ .ids-modal-button {
82
72
  -webkit-font-smoothing: antialiased;
83
73
  -moz-osx-font-smoothing: grayscale;
84
- display: flex;
85
- font-family: var(--ids-font-family-default);
86
- margin-top: var(--ids-space-xxs);
87
74
  }
88
- .validation-message.has-custom-icon {
89
- color: var(--ids-icon-color-default);
75
+ .ids-button .ids-icon,
76
+ .ids-toggle-button .ids-icon,
77
+ .ids-menu-button:not(.ids-icon-button) .ids-icon,
78
+ .ids-modal-button .ids-icon {
79
+ display: inline-flex;
80
+ place-self: center;
81
+ vertical-align: middle;
90
82
  }
91
- .validation-message.disabled {
92
- color: var(--ids-input-color-text-disabled);
93
- }
94
- .validation-message .ids-icon {
95
- margin-inline-end: var(--ids-space-xxs);
83
+
84
+ .ids-button,
85
+ .ids-toggle-button,
86
+ .ids-menu-button {
87
+ box-shadow: var(--ids-shadow-none);
88
+ font-weight: var(--ids-font-weight-normal);
89
+ font-family: var(--ids-font-family-default);
90
+ font-size: var(--ids-font-size-40);
91
+ overflow: hidden;
92
+ padding-bottom: calc(var(--ids-space-xs) - 2px);
93
+ padding-top: calc(var(--ids-space-xs) - 2px);
94
+ position: relative;
95
+ border: 1px solid transparent;
96
+ background-color: transparent;
97
+ color: var(--ids-button-color-text-default);
98
+ transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
99
+ white-space: nowrap;
100
+ display: inline-flex;
101
+ font-weight: var(--ids-button-tertiary-font-weight);
102
+ border-radius: var(--ids-button-radius);
103
+ background-color: var(--ids-button-tertiary-color-background-default);
104
+ border-color: var(--ids-button-tertiary-color-border-default);
105
+ color: var(--ids-button-tertiary-color-text-default);
106
+ }
107
+ .ids-button, .ids-button::before, .ids-button::after,
108
+ .ids-toggle-button,
109
+ .ids-toggle-button::before,
110
+ .ids-toggle-button::after,
111
+ .ids-menu-button,
112
+ .ids-menu-button::before,
113
+ .ids-menu-button::after {
114
+ box-sizing: border-box;
96
115
  }
97
- .validation-message.alert {
98
- color: var(--ids-color-caution-default);
116
+ .ids-button *,
117
+ .ids-toggle-button *,
118
+ .ids-menu-button * {
119
+ pointer-events: none;
99
120
  }
100
- .validation-message.alert.disabled {
101
- color: var(--ids-color-yellow-30);
121
+ .ids-button:focus,
122
+ .ids-toggle-button:focus,
123
+ .ids-menu-button:focus {
124
+ outline: none;
125
+ outline-color: transparent;
102
126
  }
103
- .validation-message.warning {
104
- color: var(--ids-color-warning-default);
127
+ .ids-button:not([disabled]),
128
+ .ids-toggle-button:not([disabled]),
129
+ .ids-menu-button:not([disabled]) {
130
+ cursor: var(--ids-cursor-pointer);
105
131
  }
106
- .validation-message.warning.disabled {
107
- color: var(--ids-color-orange-30);
132
+ .ids-button span,
133
+ .ids-toggle-button span,
134
+ .ids-menu-button span {
135
+ vertical-align: bottom;
108
136
  }
109
- .validation-message.error {
110
- color: var(--ids-color-error-default);
137
+ .ids-button span.audible,
138
+ .ids-toggle-button span.audible,
139
+ .ids-menu-button span.audible {
140
+ clip: rect(0, 0, 0, 0);
141
+ height: 0;
142
+ line-height: 0;
143
+ min-height: 0;
144
+ overflow: hidden;
145
+ padding: 0;
146
+ position: absolute;
147
+ width: 1px;
111
148
  }
112
- .validation-message.error.disabled {
113
- color: var(--ids-color-red-30);
149
+ .ids-button:not(.ids-icon-button) ::slotted(ids-icon),
150
+ .ids-toggle-button:not(.ids-icon-button) ::slotted(ids-icon),
151
+ .ids-menu-button:not(.ids-icon-button) ::slotted(ids-icon) {
152
+ padding-inline-end: calc(var(--ids-space-xxs) + 3px);
114
153
  }
115
- .validation-message.info {
116
- color: var(--ids-color-info-default);
154
+ .ids-button .ids-icon,
155
+ .ids-toggle-button .ids-icon,
156
+ .ids-menu-button .ids-icon {
157
+ vertical-align: middle;
117
158
  }
118
- .validation-message.info.disabled {
119
- color: var(--ids-color-blue-30);
159
+ .ids-button.align-icon-end ::slotted(ids-icon),
160
+ .ids-toggle-button.align-icon-end ::slotted(ids-icon),
161
+ .ids-menu-button.align-icon-end ::slotted(ids-icon) {
162
+ padding-inline-start: var(--ids-space-xxs);
120
163
  }
121
- .validation-message.success {
122
- color: var(--ids-color-success-default);
164
+ .ids-button.content-align-start,
165
+ .ids-toggle-button.content-align-start,
166
+ .ids-menu-button.content-align-start {
167
+ justify-content: start;
168
+ }
169
+ .ids-button.content-align-end,
170
+ .ids-toggle-button.content-align-end,
171
+ .ids-menu-button.content-align-end {
172
+ justify-content: end;
173
+ }
174
+ .ids-button.no-margins,
175
+ .ids-toggle-button.no-margins,
176
+ .ids-menu-button.no-margins {
177
+ margin-inline: var(--ids-space-none);
178
+ }
179
+ .ids-button:not(.no-margins),
180
+ .ids-toggle-button:not(.no-margins),
181
+ .ids-menu-button:not(.no-margins) {
182
+ margin: var(--ids-button-alt-margin);
183
+ }
184
+ .ids-button.field-height-xxs:not(.btn-secondary):not(.no-margins),
185
+ .ids-toggle-button.field-height-xxs:not(.btn-secondary):not(.no-margins),
186
+ .ids-menu-button.field-height-xxs:not(.btn-secondary):not(.no-margins) {
187
+ margin-block-start: 3px;
188
+ margin-inline-end: -2px;
189
+ height: 22px;
190
+ width: 22px;
191
+ }
192
+ .ids-button ::slotted(span),
193
+ .ids-toggle-button ::slotted(span),
194
+ .ids-menu-button ::slotted(span) {
195
+ font-weight: inherit !important;
196
+ }
197
+ .ids-button:not(.hide-focus).is-active:not([readonly]), .ids-button:not(.hide-focus).is-focused:not([readonly]), .ids-button:not(.hide-focus):focus:not([readonly]), .ids-button:not(.hide-focus):focus-within:not([readonly]),
198
+ .ids-toggle-button:not(.hide-focus).is-active:not([readonly]),
199
+ .ids-toggle-button:not(.hide-focus).is-focused:not([readonly]),
200
+ .ids-toggle-button:not(.hide-focus):focus:not([readonly]),
201
+ .ids-toggle-button:not(.hide-focus):focus-within:not([readonly]),
202
+ .ids-menu-button:not(.hide-focus).is-active:not([readonly]),
203
+ .ids-menu-button:not(.hide-focus).is-focused:not([readonly]),
204
+ .ids-menu-button:not(.hide-focus):focus:not([readonly]),
205
+ .ids-menu-button:not(.hide-focus):focus-within:not([readonly]) {
206
+ border-color: var(--ids-button-tertiary-color-border-focus);
207
+ }
208
+ .ids-button:hover,
209
+ .ids-toggle-button:hover,
210
+ .ids-menu-button:hover {
211
+ color: var(--ids-button-tertiary-color-text-hover);
212
+ background-color: var(--ids-button-tertiary-color-background-hover);
213
+ border-color: var(--ids-button-tertiary-color-border-hover);
214
+ }
215
+ .ids-button[disabled],
216
+ .ids-toggle-button[disabled],
217
+ .ids-menu-button[disabled] {
218
+ color: var(--ids-button-tertiary-color-text-disabled);
219
+ background-color: var(--ids-button-tertiary-color-background-disabled);
220
+ border-color: var(--ids-button-tertiary-color-border-disabled);
221
+ opacity: var(--ids-button-tertiary-opacity-disabled);
222
+ }
223
+ .ids-button:active:not([disabled]),
224
+ .ids-toggle-button:active:not([disabled]),
225
+ .ids-menu-button:active:not([disabled]) {
226
+ background-color: var(--ids-button-tertiary-color-background-pressed);
227
+ border-color: var(--ids-button-tertiary-color-border-pressed);
228
+ color: var(--ids-button-tertiary-color-text-pressed);
229
+ }
230
+ .ids-button.btn-tertiary-destructive,
231
+ .ids-toggle-button.btn-tertiary-destructive,
232
+ .ids-menu-button.btn-tertiary-destructive {
233
+ background-color: var(--ids-button-destructive-tertiary-color-background-default);
234
+ border-color: var(--ids-button-destructive-tertiary-color-border-default);
235
+ color: var(--ids-button-destructive-tertiary-color-text-default);
236
+ }
237
+ .ids-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-button.btn-tertiary-destructive:not(.hide-focus).is-focused, .ids-button.btn-tertiary-destructive:not(.hide-focus).focus-within, .ids-button.btn-tertiary-destructive:not(.hide-focus):focus,
238
+ .ids-toggle-button.btn-tertiary-destructive:not(.hide-focus).is-active,
239
+ .ids-toggle-button.btn-tertiary-destructive:not(.hide-focus).is-focused,
240
+ .ids-toggle-button.btn-tertiary-destructive:not(.hide-focus).focus-within,
241
+ .ids-toggle-button.btn-tertiary-destructive:not(.hide-focus):focus,
242
+ .ids-menu-button.btn-tertiary-destructive:not(.hide-focus).is-active,
243
+ .ids-menu-button.btn-tertiary-destructive:not(.hide-focus).is-focused,
244
+ .ids-menu-button.btn-tertiary-destructive:not(.hide-focus).focus-within,
245
+ .ids-menu-button.btn-tertiary-destructive:not(.hide-focus):focus {
246
+ border-color: var(--ids-button-destructive-tertiary-color-border-focus);
247
+ }
248
+ .ids-button.btn-tertiary-destructive:hover,
249
+ .ids-toggle-button.btn-tertiary-destructive:hover,
250
+ .ids-menu-button.btn-tertiary-destructive:hover {
251
+ background-color: var(--ids-button-destructive-tertiary-color-background-hover);
252
+ border-color: var(--ids-button-destructive-tertiary-color-border-hover);
253
+ color: var(--ids-button-destructive-tertiary-color-text-hover);
254
+ }
255
+ .ids-button.btn-tertiary-destructive[disabled],
256
+ .ids-toggle-button.btn-tertiary-destructive[disabled],
257
+ .ids-menu-button.btn-tertiary-destructive[disabled] {
258
+ color: var(--ids-button-destructive-tertiary-color-text-disabled);
259
+ background-color: var(--ids-button-destructive-tertiary-color-background-disabled);
260
+ border-color: var(--ids-button-destructive-tertiary-color-border-disabled);
261
+ }
262
+ .ids-button.btn-primary,
263
+ .ids-toggle-button.btn-primary,
264
+ .ids-menu-button.btn-primary {
265
+ background-color: var(--ids-button-primary-color-background-default);
266
+ border-color: var(--ids-button-primary-color-border-default);
267
+ border: 1px solid var(--ids-button-primary-color-border-default);
268
+ color: var(--ids-button-primary-color-text-default);
269
+ padding-bottom: calc(var(--ids-space-xs) - 2px);
270
+ padding-top: calc(var(--ids-space-xs) - 2px);
271
+ }
272
+ .ids-button.btn-primary:not(.hide-focus).is-active, .ids-button.btn-primary:not(.hide-focus).is-focused, .ids-button.btn-primary:not(.hide-focus).focus-within, .ids-button.btn-primary:not(.hide-focus):focus,
273
+ .ids-toggle-button.btn-primary:not(.hide-focus).is-active,
274
+ .ids-toggle-button.btn-primary:not(.hide-focus).is-focused,
275
+ .ids-toggle-button.btn-primary:not(.hide-focus).focus-within,
276
+ .ids-toggle-button.btn-primary:not(.hide-focus):focus,
277
+ .ids-menu-button.btn-primary:not(.hide-focus).is-active,
278
+ .ids-menu-button.btn-primary:not(.hide-focus).is-focused,
279
+ .ids-menu-button.btn-primary:not(.hide-focus).focus-within,
280
+ .ids-menu-button.btn-primary:not(.hide-focus):focus {
281
+ border-color: var(--ids-button-primary-color-border-focus);
282
+ }
283
+ .ids-button.btn-primary:hover,
284
+ .ids-toggle-button.btn-primary:hover,
285
+ .ids-menu-button.btn-primary:hover {
286
+ background-color: var(--ids-button-primary-color-background-hover);
287
+ border-color: var(--ids-button-primary-color-border-hover);
288
+ }
289
+ .ids-button.btn-primary[disabled],
290
+ .ids-toggle-button.btn-primary[disabled],
291
+ .ids-menu-button.btn-primary[disabled] {
292
+ background-color: var(--ids-button-primary-color-background-disabled);
293
+ border-color: var(--ids-button-primary-color-border-disabled);
294
+ color: var(--ids-button-primary-color-text-disabled);
295
+ opacity: var(--ids-button-primary-opacity-disabled);
296
+ }
297
+ .ids-button.btn-primary:active:not([disabled]),
298
+ .ids-toggle-button.btn-primary:active:not([disabled]),
299
+ .ids-menu-button.btn-primary:active:not([disabled]) {
300
+ background-color: var(--ids-button-primary-color-background-pressed);
301
+ border-color: var(--ids-button-primary-color-border-pressed);
302
+ color: var(--ids-button-primary-color-text-pressed);
303
+ }
304
+ .ids-button.btn-primary-destructive,
305
+ .ids-toggle-button.btn-primary-destructive,
306
+ .ids-menu-button.btn-primary-destructive {
307
+ background-color: var(--ids-button-destructive-color-background-default);
308
+ border-color: var(--ids-button-destructive-color-border-default);
309
+ color: var(--ids-button-destructive-color-text-default);
310
+ }
311
+ .ids-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-button.btn-primary-destructive:not(.hide-focus).is-focused, .ids-button.btn-primary-destructive:not(.hide-focus).focus-within, .ids-button.btn-primary-destructive:not(.hide-focus):focus,
312
+ .ids-toggle-button.btn-primary-destructive:not(.hide-focus).is-active,
313
+ .ids-toggle-button.btn-primary-destructive:not(.hide-focus).is-focused,
314
+ .ids-toggle-button.btn-primary-destructive:not(.hide-focus).focus-within,
315
+ .ids-toggle-button.btn-primary-destructive:not(.hide-focus):focus,
316
+ .ids-menu-button.btn-primary-destructive:not(.hide-focus).is-active,
317
+ .ids-menu-button.btn-primary-destructive:not(.hide-focus).is-focused,
318
+ .ids-menu-button.btn-primary-destructive:not(.hide-focus).focus-within,
319
+ .ids-menu-button.btn-primary-destructive:not(.hide-focus):focus {
320
+ border-color: var(--ids-button-destructive-color-border-focus);
321
+ }
322
+ .ids-button.btn-primary-destructive:hover,
323
+ .ids-toggle-button.btn-primary-destructive:hover,
324
+ .ids-menu-button.btn-primary-destructive:hover {
325
+ background-color: var(--ids-button-destructive-color-background-hover);
326
+ border-color: var(--ids-button-destructive-color-border-hover);
327
+ color: var(--ids-button-destructive-color-text-hover);
328
+ }
329
+ .ids-button.btn-primary-destructive[disabled],
330
+ .ids-toggle-button.btn-primary-destructive[disabled],
331
+ .ids-menu-button.btn-primary-destructive[disabled] {
332
+ background-color: var(--ids-button-destructive-color-background-disabled);
333
+ border-color: var(--ids-button-destructive-color-border-disabled);
334
+ color: var(--ids-button-destructive-color-text-disabled);
335
+ opacity: var(--ids-button-destructive-opacity-disabled);
336
+ }
337
+ @keyframes dot-flashing {
338
+ 0% {
339
+ background-color: #fff;
340
+ }
341
+ 50%, 100% {
342
+ background-color: rgba(255, 255, 255, 0.4);
343
+ }
123
344
  }
124
- .validation-message.success.disabled {
125
- color: var(--ids-color-green-30);
345
+ @keyframes dot-flashing-colors {
346
+ 0% {
347
+ background-color: #0B9789;
348
+ }
349
+ 50%, 100% {
350
+ background-color: #1A3362;
351
+ }
126
352
  }
127
- .validation-message[hidden] {
353
+ .ids-button .loading-dots,
354
+ .ids-toggle-button .loading-dots,
355
+ .ids-menu-button .loading-dots {
128
356
  display: none;
129
- }
130
-
131
- /* stylelint-disable */
132
- /* stylelint-enable */
133
- /* in case of external label in compound component */
134
- .ids-label-text {
135
- -webkit-font-smoothing: antialiased;
136
- -moz-osx-font-smoothing: grayscale;
137
- font-family: var(--ids-font-family-default);
138
- color: var(--ids-input-label-color-text-default);
139
- display: flex;
140
- margin-block-end: var(--ids-input-margin-bottom);
141
- align-items: baseline;
142
- justify-content: inherit;
143
- }
144
- .ids-label-text.empty::before {
145
- content: " ";
146
- }
147
- .ids-label-text.required::after {
148
357
  position: relative;
149
- font-family: var(--ids-font-family-default);
150
- margin-inline-start: var(--ids-space-xxxs);
151
- margin-inline-end: var(--ids-space-xxxs);
152
- font-size: var(--ids-font-size-50);
153
- color: var(--ids-input-required-indicator-color-text-default);
154
- content: "*";
155
- margin-top: -10px;
156
- top: 1px;
157
- line-height: 0;
158
- }
159
- .ids-label-text.required.no-required-indicator::after, .ids-label-text.required.empty::after {
160
- content: "";
161
- }
162
- .ids-label-text ids-text::part(text),
163
- .ids-label-text .ids-text {
164
- display: inline;
165
- }
166
-
167
- .disabled .ids-label-text {
168
- color: var(--ids-input-label-color-text-disabled);
169
- opacity: var(--ids-input-disabled-opacity);
170
- }
171
- .disabled .ids-label-text.required::after {
172
- color: var(--ids-input-required-indicator-color-text-disabled);
358
+ flex-direction: row;
359
+ gap: 2px;
360
+ padding-inline-start: 7px;
361
+ padding-inline-end: 3px;
173
362
  }
174
-
175
- :root {
176
- display: block;
177
- max-width: var(--ids-input-width-full);
363
+ .ids-button .loading-dots .dot,
364
+ .ids-toggle-button .loading-dots .dot,
365
+ .ids-menu-button .loading-dots .dot {
366
+ display: inline-flex;
367
+ position: relative;
368
+ width: 3px;
369
+ height: 3px;
370
+ border-radius: 5px;
371
+ background-color: var(--ids-button-ai-color-loading-dot-default);
372
+ color: var(--ids-button-ai-color-loading-dot-default);
373
+ }
374
+ .ids-button.btn-primary-generative-ai,
375
+ .ids-toggle-button.btn-primary-generative-ai,
376
+ .ids-menu-button.btn-primary-generative-ai {
377
+ background: border-box var(--ids-button-ai-color-background-default);
378
+ color: #FFF;
379
+ align-items: center;
380
+ min-width: 34px;
381
+ min-height: 34px;
382
+ }
383
+ .ids-button.btn-primary-generative-ai:hover,
384
+ .ids-toggle-button.btn-primary-generative-ai:hover,
385
+ .ids-menu-button.btn-primary-generative-ai:hover {
386
+ background: border-box var(--ids-button-ai-color-background-hover);
387
+ border-color: var(--ids-button-ai-color-border-hover);
388
+ }
389
+ .ids-button.btn-primary-generative-ai:active, .ids-button.btn-primary-generative-ai.gen-ai-active,
390
+ .ids-toggle-button.btn-primary-generative-ai:active,
391
+ .ids-toggle-button.btn-primary-generative-ai.gen-ai-active,
392
+ .ids-menu-button.btn-primary-generative-ai:active,
393
+ .ids-menu-button.btn-primary-generative-ai.gen-ai-active {
394
+ background: border-box var(--ids-button-ai-color-background-active);
395
+ color: var(--ids-button-ai-color-text-active);
396
+ }
397
+ .ids-button.btn-primary-generative-ai[disabled],
398
+ .ids-toggle-button.btn-primary-generative-ai[disabled],
399
+ .ids-menu-button.btn-primary-generative-ai[disabled] {
400
+ background: border-box var(--ids-button-ai-color-background-disabled);
401
+ border-color: var(--ids-button-ai-color-background-color-disabled);
402
+ }
403
+ .ids-button.btn-primary-generative-ai.color-variant-alternate-formatter, .ids-button.btn-primary-generative-ai.color-variant-alternate-formatter:hover,
404
+ .ids-toggle-button.btn-primary-generative-ai.color-variant-alternate-formatter,
405
+ .ids-toggle-button.btn-primary-generative-ai.color-variant-alternate-formatter:hover,
406
+ .ids-menu-button.btn-primary-generative-ai.color-variant-alternate-formatter,
407
+ .ids-menu-button.btn-primary-generative-ai.color-variant-alternate-formatter:hover {
408
+ color: #FFF;
409
+ min-height: var(--ids-button-formatter-size);
410
+ min-width: 34px;
411
+ }
412
+ .ids-button.btn-primary-generative-ai .loading-dots .dot:nth-child(1),
413
+ .ids-toggle-button.btn-primary-generative-ai .loading-dots .dot:nth-child(1),
414
+ .ids-menu-button.btn-primary-generative-ai .loading-dots .dot:nth-child(1) {
415
+ animation: dot-flashing 1s infinite alternate;
416
+ animation-delay: 0s;
417
+ }
418
+ .ids-button.btn-primary-generative-ai .loading-dots .dot:nth-child(2),
419
+ .ids-toggle-button.btn-primary-generative-ai .loading-dots .dot:nth-child(2),
420
+ .ids-menu-button.btn-primary-generative-ai .loading-dots .dot:nth-child(2) {
421
+ animation: dot-flashing 1s infinite linear alternate;
422
+ animation-delay: 0.5s;
423
+ }
424
+ .ids-button.btn-primary-generative-ai .loading-dots .dot:nth-child(3),
425
+ .ids-toggle-button.btn-primary-generative-ai .loading-dots .dot:nth-child(3),
426
+ .ids-menu-button.btn-primary-generative-ai .loading-dots .dot:nth-child(3) {
427
+ animation: dot-flashing 1s infinite alternate;
428
+ animation-delay: 1s;
429
+ }
430
+ .ids-button.btn-tertiary-generative-ai,
431
+ .ids-toggle-button.btn-tertiary-generative-ai,
432
+ .ids-menu-button.btn-tertiary-generative-ai {
433
+ background: var(--ids-button-ai-color-tertiary-background-default);
434
+ background-clip: text;
435
+ -webkit-text-fill-color: transparent;
436
+ align-items: center;
178
437
  }
179
- :host .ids-input {
180
- display: inline-block;
438
+ .ids-button.btn-tertiary-generative-ai:hover,
439
+ .ids-toggle-button.btn-tertiary-generative-ai:hover,
440
+ .ids-menu-button.btn-tertiary-generative-ai:hover {
441
+ background: var(--ids-button-ai-color-tertiary-background-hover);
442
+ background-clip: text;
443
+ border-color: transparent;
444
+ -webkit-text-fill-color: transparent;
445
+ }
446
+ .ids-button.btn-tertiary-generative-ai ::slotted(ids-icon[icon=insights-smart-panel]),
447
+ .ids-toggle-button.btn-tertiary-generative-ai ::slotted(ids-icon[icon=insights-smart-panel]),
448
+ .ids-menu-button.btn-tertiary-generative-ai ::slotted(ids-icon[icon=insights-smart-panel]) {
449
+ --ids-button-ai-color-icon-primary: var(--ids-button-ai-color-icon-primary-hover);
450
+ --ids-button-ai-color-icon-secondary: var(--ids-button-ai-color-icon-secondary-hover);
451
+ }
452
+ .ids-button.btn-tertiary-generative-ai:active .ids-button.btn-tertiary-generative-ai.gen-ai-active,
453
+ .ids-button.btn-tertiary-generative-ai:active .ids-toggle-button.btn-tertiary-generative-ai.gen-ai-active,
454
+ .ids-button.btn-tertiary-generative-ai:active .ids-menu-button.btn-tertiary-generative-ai.gen-ai-active,
455
+ .ids-toggle-button.btn-tertiary-generative-ai:active .ids-button.btn-tertiary-generative-ai.gen-ai-active,
456
+ .ids-toggle-button.btn-tertiary-generative-ai:active .ids-toggle-button.btn-tertiary-generative-ai.gen-ai-active,
457
+ .ids-toggle-button.btn-tertiary-generative-ai:active .ids-menu-button.btn-tertiary-generative-ai.gen-ai-active,
458
+ .ids-menu-button.btn-tertiary-generative-ai:active .ids-button.btn-tertiary-generative-ai.gen-ai-active,
459
+ .ids-menu-button.btn-tertiary-generative-ai:active .ids-toggle-button.btn-tertiary-generative-ai.gen-ai-active,
460
+ .ids-menu-button.btn-tertiary-generative-ai:active .ids-menu-button.btn-tertiary-generative-ai.gen-ai-active {
461
+ background: var(--ids-button-ai-color-background-active);
462
+ background-clip: text;
463
+ -webkit-text-fill-color: transparent;
464
+ }
465
+ .ids-button.btn-tertiary-generative-ai[disabled],
466
+ .ids-toggle-button.btn-tertiary-generative-ai[disabled],
467
+ .ids-menu-button.btn-tertiary-generative-ai[disabled] {
468
+ background: var(--ids-button-tertiary-ai-color-background-disabled);
469
+ background-clip: text;
470
+ -webkit-text-fill-color: transparent;
471
+ opacity: var(--ids-button-ai-opacity-disabled);
472
+ }
473
+ .ids-button.btn-tertiary-generative-ai[disabled] ::slotted(ids-icon[icon=insights-smart-panel]),
474
+ .ids-toggle-button.btn-tertiary-generative-ai[disabled] ::slotted(ids-icon[icon=insights-smart-panel]),
475
+ .ids-menu-button.btn-tertiary-generative-ai[disabled] ::slotted(ids-icon[icon=insights-smart-panel]) {
476
+ opacity: var(--ids-button-ai-opacity-disabled);
477
+ }
478
+ .ids-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(1),
479
+ .ids-toggle-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(1),
480
+ .ids-menu-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(1) {
481
+ animation: dot-flashing-colors 1s infinite alternate;
482
+ animation-delay: 0s;
483
+ }
484
+ .ids-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(2),
485
+ .ids-toggle-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(2),
486
+ .ids-menu-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(2) {
487
+ animation: dot-flashing-colors 1s infinite linear alternate;
488
+ animation-delay: 0.5s;
489
+ }
490
+ .ids-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(3),
491
+ .ids-toggle-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(3),
492
+ .ids-menu-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(3) {
493
+ animation: dot-flashing-colors 1s infinite alternate;
494
+ animation-delay: 1s;
495
+ }
496
+ .ids-button.btn-secondary,
497
+ .ids-toggle-button.btn-secondary,
498
+ .ids-menu-button.btn-secondary {
499
+ background-color: var(--ids-button-secondary-color-background-default);
500
+ border-width: var(--ids-button-secondary-border-width);
501
+ border-color: var(--ids-button-secondary-color-border-default);
502
+ color: var(--ids-button-secondary-color-text-default);
503
+ }
504
+ .ids-button.btn-secondary:not(.hide-focus).is-active, .ids-button.btn-secondary:not(.hide-focus).is-focused, .ids-button.btn-secondary:not(.hide-focus).focus-within, .ids-button.btn-secondary:not(.hide-focus):focus,
505
+ .ids-toggle-button.btn-secondary:not(.hide-focus).is-active,
506
+ .ids-toggle-button.btn-secondary:not(.hide-focus).is-focused,
507
+ .ids-toggle-button.btn-secondary:not(.hide-focus).focus-within,
508
+ .ids-toggle-button.btn-secondary:not(.hide-focus):focus,
509
+ .ids-menu-button.btn-secondary:not(.hide-focus).is-active,
510
+ .ids-menu-button.btn-secondary:not(.hide-focus).is-focused,
511
+ .ids-menu-button.btn-secondary:not(.hide-focus).focus-within,
512
+ .ids-menu-button.btn-secondary:not(.hide-focus):focus {
513
+ background-color: var(--ids-button-secondary-color-background-focus);
514
+ border-color: var(--ids-button-secondary-color-border-focus);
515
+ }
516
+ .ids-button.btn-secondary:hover:not([disabled]),
517
+ .ids-toggle-button.btn-secondary:hover:not([disabled]),
518
+ .ids-menu-button.btn-secondary:hover:not([disabled]) {
519
+ background-color: var(--ids-button-secondary-color-background-hover);
520
+ border-color: var(--ids-button-secondary-color-border-hover);
521
+ color: var(--ids-button-secondary-color-text-hover);
522
+ }
523
+ .ids-button.btn-secondary[disabled],
524
+ .ids-toggle-button.btn-secondary[disabled],
525
+ .ids-menu-button.btn-secondary[disabled] {
526
+ background-color: var(--ids-button-secondary-color-background-disabled);
527
+ border-color: var(--ids-button-secondary-color-border-disabled);
528
+ color: var(--ids-button-secondary-color-text-disabled);
529
+ opacity: var(--ids-button-secondary-opacity-disabled);
530
+ }
531
+ .ids-button.btn-secondary:active:not([disabled]),
532
+ .ids-toggle-button.btn-secondary:active:not([disabled]),
533
+ .ids-menu-button.btn-secondary:active:not([disabled]) {
534
+ background-color: var(--ids-button-secondary-color-background-pressed);
535
+ border-color: var(--ids-button-secondary-color-border-pressed);
536
+ color: var(--ids-button-secondary-color-text-pressed);
537
+ }
538
+ .ids-button.color-variant-alternate:hover,
539
+ .ids-toggle-button.color-variant-alternate:hover,
540
+ .ids-menu-button.color-variant-alternate:hover {
541
+ background-color: rgba(0, 0, 0, 0.3);
542
+ }
543
+ .ids-button.color-variant-alternate.ids-trigger-button:not([readonly]):hover,
544
+ .ids-toggle-button.color-variant-alternate.ids-trigger-button:not([readonly]):hover,
545
+ .ids-menu-button.color-variant-alternate.ids-trigger-button:not([readonly]):hover {
546
+ background-color: var(--ids-search-field-header-color-icon-hover);
547
+ }
548
+ .ids-button.color-variant-app-menu:hover,
549
+ .ids-toggle-button.color-variant-app-menu:hover,
550
+ .ids-menu-button.color-variant-app-menu:hover {
551
+ background-color: rgba(255, 255, 255, 0.15);
552
+ }
553
+ .ids-button.color-variant-alternate, .ids-button.color-variant-alternate-formatter,
554
+ .ids-toggle-button.color-variant-alternate,
555
+ .ids-toggle-button.color-variant-alternate-formatter,
556
+ .ids-menu-button.color-variant-alternate,
557
+ .ids-menu-button.color-variant-alternate-formatter {
558
+ color: var(--ids-button-alternate-color-text-default);
559
+ opacity: 0.8;
560
+ }
561
+ .ids-button.color-variant-alternate:not(.hide-focus).is-active, .ids-button.color-variant-alternate:not(.hide-focus).is-focused, .ids-button.color-variant-alternate:not(.hide-focus).focus-within, .ids-button.color-variant-alternate:not(.hide-focus):focus, .ids-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button.color-variant-alternate-formatter:not(.hide-focus).is-focused, .ids-button.color-variant-alternate-formatter:not(.hide-focus).focus-within, .ids-button.color-variant-alternate-formatter:not(.hide-focus):focus,
562
+ .ids-toggle-button.color-variant-alternate:not(.hide-focus).is-active,
563
+ .ids-toggle-button.color-variant-alternate:not(.hide-focus).is-focused,
564
+ .ids-toggle-button.color-variant-alternate:not(.hide-focus).focus-within,
565
+ .ids-toggle-button.color-variant-alternate:not(.hide-focus):focus,
566
+ .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
567
+ .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).is-focused,
568
+ .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).focus-within,
569
+ .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus):focus,
570
+ .ids-menu-button.color-variant-alternate:not(.hide-focus).is-active,
571
+ .ids-menu-button.color-variant-alternate:not(.hide-focus).is-focused,
572
+ .ids-menu-button.color-variant-alternate:not(.hide-focus).focus-within,
573
+ .ids-menu-button.color-variant-alternate:not(.hide-focus):focus,
574
+ .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
575
+ .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).is-focused,
576
+ .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).focus-within,
577
+ .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus):focus {
578
+ border-color: var(--ids-button-formatter-color-border-focus);
579
+ opacity: 1;
580
+ }
581
+ .ids-button.color-variant-alternate:hover, .ids-button.color-variant-alternate-formatter:hover,
582
+ .ids-toggle-button.color-variant-alternate:hover,
583
+ .ids-toggle-button.color-variant-alternate-formatter:hover,
584
+ .ids-menu-button.color-variant-alternate:hover,
585
+ .ids-menu-button.color-variant-alternate-formatter:hover {
586
+ background-color: var(--ids-button-formatter-color-background-hover);
587
+ border-color: transparent;
588
+ color: var(--ids-button-formatter-color-text-hover);
589
+ opacity: 1;
590
+ }
591
+ .ids-button.color-variant-alternate[disabled], .ids-button.color-variant-alternate-formatter[disabled],
592
+ .ids-toggle-button.color-variant-alternate[disabled],
593
+ .ids-toggle-button.color-variant-alternate-formatter[disabled],
594
+ .ids-menu-button.color-variant-alternate[disabled],
595
+ .ids-menu-button.color-variant-alternate-formatter[disabled] {
596
+ background-color: transparent;
597
+ opacity: var(--ids-button-formatter-opacity-disabled);
598
+ }
599
+ .ids-button.color-variant-alternate-formatter,
600
+ .ids-toggle-button.color-variant-alternate-formatter,
601
+ .ids-menu-button.color-variant-alternate-formatter {
602
+ background-color: var(--ids-button-formatter-color-background-default);
603
+ border-color: var(--ids-button-formatter-color-border-default);
604
+ color: var(--ids-button-formatter-color-text-default);
605
+ margin-top: 2px;
606
+ height: var(--ids-button-formatter-size);
607
+ min-width: var(--ids-button-formatter-size);
608
+ }
609
+ .ids-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button.color-variant-alternate-formatter:not(.hide-focus).is-focused, .ids-button.color-variant-alternate-formatter:not(.hide-focus).focus-within, .ids-button.color-variant-alternate-formatter:not(.hide-focus):focus,
610
+ .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
611
+ .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).is-focused,
612
+ .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).focus-within,
613
+ .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus):focus,
614
+ .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
615
+ .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).is-focused,
616
+ .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).focus-within,
617
+ .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus):focus {
618
+ border-color: var(--ids-color-border-focus);
619
+ }
620
+ .ids-button.color-variant-alternate-formatter[disabled],
621
+ .ids-toggle-button.color-variant-alternate-formatter[disabled],
622
+ .ids-menu-button.color-variant-alternate-formatter[disabled] {
623
+ color: var(--ids-button-formatter-color-text-disabled);
624
+ }
625
+ .ids-button.color-variant-alternate-formatter:hover,
626
+ .ids-toggle-button.color-variant-alternate-formatter:hover,
627
+ .ids-menu-button.color-variant-alternate-formatter:hover {
628
+ background-color: var(--ids-button-formatter-color-background-hover);
629
+ color: var(--ids-button-formatter-color-text-hover);
630
+ }
631
+ .ids-button.color-variant-alternate-formatter.is-active,
632
+ .ids-toggle-button.color-variant-alternate-formatter.is-active,
633
+ .ids-menu-button.color-variant-alternate-formatter.is-active {
634
+ color: var(--ids-button-formatter-color-active);
635
+ }
636
+ .ids-button.color-variant-alternate-formatter.ids-menu-button.compact,
637
+ .ids-toggle-button.color-variant-alternate-formatter.ids-menu-button.compact,
638
+ .ids-menu-button.color-variant-alternate-formatter.ids-menu-button.compact {
639
+ padding: var(--ids-space-xxs);
640
+ padding-inline: var(--ids-space-xxs);
641
+ }
642
+ .ids-button.color-variant-alternate-formatter.ids-menu-button.compact.square,
643
+ .ids-toggle-button.color-variant-alternate-formatter.ids-menu-button.compact.square,
644
+ .ids-menu-button.color-variant-alternate-formatter.ids-menu-button.compact.square {
645
+ border-radius: var(--ids-border-radius-xs);
646
+ }
647
+ .ids-button.color-variant-alternate-formatter[editor-action=sourcemode], .ids-button.color-variant-alternate-formatter[editor-action=editormode],
648
+ .ids-toggle-button.color-variant-alternate-formatter[editor-action=sourcemode],
649
+ .ids-toggle-button.color-variant-alternate-formatter[editor-action=editormode],
650
+ .ids-menu-button.color-variant-alternate-formatter[editor-action=sourcemode],
651
+ .ids-menu-button.color-variant-alternate-formatter[editor-action=editormode] {
652
+ --ids-button-icon-width: 54px;
653
+ }
654
+ .ids-button.color-variant-module,
655
+ .ids-toggle-button.color-variant-module,
656
+ .ids-menu-button.color-variant-module {
657
+ color: var(--ids-button-module-color-text-default);
658
+ }
659
+ .ids-button.color-variant-module:not(.square),
660
+ .ids-toggle-button.color-variant-module:not(.square),
661
+ .ids-menu-button.color-variant-module:not(.square) {
662
+ border-radius: var(--ids-button-module-border-radius);
663
+ }
664
+ .ids-button.color-variant-module:hover,
665
+ .ids-toggle-button.color-variant-module:hover,
666
+ .ids-menu-button.color-variant-module:hover {
667
+ background-color: var(--ids-button-module-color-background-hover);
668
+ color: var(--ids-button-module-color-text-hover);
669
+ }
670
+ .ids-button:not(.no-padding),
671
+ .ids-toggle-button:not(.no-padding),
672
+ .ids-menu-button:not(.no-padding) {
673
+ padding-inline: var(--ids-button-padding-inline);
674
+ }
675
+ .ids-button.btn-tertiary, .ids-button.btn-tertiary-destructive,
676
+ .ids-toggle-button.btn-tertiary,
677
+ .ids-toggle-button.btn-tertiary-destructive,
678
+ .ids-menu-button.btn-tertiary,
679
+ .ids-menu-button.btn-tertiary-destructive {
680
+ padding-inline: var(--ids-space-12);
681
+ }
682
+ .ids-button.no-padding,
683
+ .ids-toggle-button.no-padding,
684
+ .ids-menu-button.no-padding {
685
+ padding-inline: var(--ids-space-12);
181
686
  }
182
687
 
183
- :host([size=full]) {
184
- width: 100%;
688
+ .ids-menu-button.is-active,
689
+ .ids-menu-button.is-active:hover {
690
+ background-color: var(--ids-button-menu-background-color-active);
691
+ color: var(--ids-button-menu-color-text-active);
185
692
  }
186
693
 
187
- :host([label-wrap=ellipsis]) .ids-label-text {
188
- display: block;
189
- overflow: hidden;
190
- text-overflow: ellipsis;
191
- white-space: nowrap;
694
+ .ids-menu-button.formatter-width:not(.no-padding):not(.ids-icon-button) {
695
+ padding-inline-start: calc(var(--ids-space-xs) - 1px);
696
+ padding-inline-end: calc(var(--ids-space-xs) - 1px);
192
697
  }
193
- :host([label-wrap=ellipsis]) .ids-label-text.required {
194
- padding-inline-end: 8px;
698
+ .ids-menu-button.formatter-width:not(.formatter-width-percentage) {
699
+ justify-content: normal;
195
700
  }
196
- :host([label-wrap=ellipsis]) .ids-label-text.required::after {
197
- display: block;
198
- margin-top: unset;
199
- margin-inline-start: 100%;
200
- top: -8px;
701
+ .ids-menu-button.formatter-width:not(.formatter-width-percentage) .ids-icon {
702
+ position: absolute;
703
+ inset-inline-end: var(--ids-space-xxs);
201
704
  }
202
705
 
203
- :host([label-wrap=ellipsis-no-stretch]) .ids-label-text {
204
- display: block;
706
+ .ids-icon-button {
707
+ box-shadow: var(--ids-shadow-none);
708
+ font-weight: var(--ids-font-weight-normal);
709
+ font-family: var(--ids-font-family-default);
710
+ font-size: var(--ids-font-size-40);
205
711
  overflow: hidden;
206
- text-overflow: ellipsis;
712
+ padding-bottom: calc(var(--ids-space-xs) - 2px);
713
+ padding-top: calc(var(--ids-space-xs) - 2px);
714
+ position: relative;
715
+ border: 1px solid transparent;
716
+ background-color: transparent;
717
+ color: var(--ids-button-color-text-default);
718
+ transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
207
719
  white-space: nowrap;
720
+ display: inline-flex;
721
+ font-weight: var(--ids-button-tertiary-font-weight);
722
+ border-radius: var(--ids-button-radius);
723
+ background-color: var(--ids-button-tertiary-color-background-default);
724
+ border-color: var(--ids-button-tertiary-color-border-default);
725
+ color: var(--ids-button-tertiary-color-text-default);
726
+ padding-inline-start: var(--ids-button-icon-padding);
727
+ padding-inline-end: var(--ids-button-icon-padding);
728
+ padding-block-start: var(--ids-button-icon-padding);
729
+ padding-block-end: var(--ids-button-icon-padding);
730
+ }
731
+ .ids-icon-button, .ids-icon-button::before, .ids-icon-button::after {
732
+ box-sizing: border-box;
208
733
  }
209
- :host([label-wrap=ellipsis-no-stretch]) .ids-label-text.required {
210
- padding-inline-end: 8px;
211
- }
212
- :host([label-wrap=ellipsis-no-stretch]) .ids-label-text.required::after {
213
- display: block;
214
- margin-top: unset;
215
- margin-inline-start: 100%;
216
- top: -8px;
217
- }
218
- :host([label-wrap=ellipsis-no-stretch]) .xs .ids-label-text {
219
- max-width: calc(var(--ids-input-width-10) - 2px);
220
- }
221
- :host([label-wrap=ellipsis-no-stretch]) .sm .ids-label-text {
222
- max-width: calc(var(--ids-input-width-20) - 2px - 8px);
734
+ .ids-icon-button * {
735
+ pointer-events: none;
223
736
  }
224
- :host([label-wrap=ellipsis-no-stretch]) .mm .ids-label-text {
225
- max-width: calc(var(--ids-input-width-30) - 2px - 8px);
737
+ .ids-icon-button:focus {
738
+ outline: none;
739
+ outline-color: transparent;
226
740
  }
227
- :host([label-wrap=ellipsis-no-stretch]) .md .ids-label-text {
228
- max-width: calc(var(--ids-input-width-40) - 2px - 8px);
741
+ .ids-icon-button:not([disabled]) {
742
+ cursor: var(--ids-cursor-pointer);
229
743
  }
230
- :host([label-wrap=ellipsis-no-stretch]) .lg .ids-label-text {
231
- max-width: calc(var(--ids-input-width-50) - 2px - 8px);
744
+ .ids-icon-button span {
745
+ vertical-align: bottom;
232
746
  }
233
- :host([label-wrap=ellipsis-no-stretch]) .full .ids-label-text {
234
- max-width: calc(100% - 8px);
747
+ .ids-icon-button span.audible {
748
+ clip: rect(0, 0, 0, 0);
749
+ height: 0;
750
+ line-height: 0;
751
+ min-height: 0;
752
+ overflow: hidden;
753
+ padding: 0;
754
+ position: absolute;
755
+ width: 1px;
235
756
  }
236
-
237
- :host([label-wrap=wrap-no-stretch]) .xs .ids-label-text {
238
- max-width: calc(var(--ids-input-width-10) - 2px);
757
+ .ids-icon-button:not(.ids-icon-button) ::slotted(ids-icon) {
758
+ padding-inline-end: calc(var(--ids-space-xxs) + 3px);
239
759
  }
240
- :host([label-wrap=wrap-no-stretch]) .sm .ids-label-text {
241
- max-width: calc(var(--ids-input-width-20) - 2px - 8px);
760
+ .ids-icon-button .ids-icon {
761
+ vertical-align: middle;
242
762
  }
243
- :host([label-wrap=wrap-no-stretch]) .mm .ids-label-text {
244
- max-width: calc(var(--ids-input-width-30) - 2px - 8px);
763
+ .ids-icon-button.align-icon-end ::slotted(ids-icon) {
764
+ padding-inline-start: var(--ids-space-xxs);
245
765
  }
246
- :host([label-wrap=wrap-no-stretch]) .md .ids-label-text {
247
- max-width: calc(var(--ids-input-width-40) - 2px - 8px);
766
+ .ids-icon-button.content-align-start {
767
+ justify-content: start;
768
+ }
769
+ .ids-icon-button.content-align-end {
770
+ justify-content: end;
771
+ }
772
+ .ids-icon-button.no-margins {
773
+ margin-inline: var(--ids-space-none);
774
+ }
775
+ .ids-icon-button:not(.no-margins) {
776
+ margin: var(--ids-button-alt-margin);
777
+ }
778
+ .ids-icon-button.field-height-xxs:not(.btn-secondary):not(.no-margins) {
779
+ margin-block-start: 3px;
780
+ margin-inline-end: -2px;
781
+ height: 22px;
782
+ width: 22px;
783
+ }
784
+ .ids-icon-button ::slotted(span) {
785
+ font-weight: inherit !important;
786
+ }
787
+ .ids-icon-button:not(.hide-focus).is-active:not([readonly]), .ids-icon-button:not(.hide-focus).is-focused:not([readonly]), .ids-icon-button:not(.hide-focus):focus:not([readonly]), .ids-icon-button:not(.hide-focus):focus-within:not([readonly]) {
788
+ border-color: var(--ids-button-tertiary-color-border-focus);
789
+ }
790
+ .ids-icon-button:hover {
791
+ color: var(--ids-button-tertiary-color-text-hover);
792
+ background-color: var(--ids-button-tertiary-color-background-hover);
793
+ border-color: var(--ids-button-tertiary-color-border-hover);
794
+ }
795
+ .ids-icon-button[disabled] {
796
+ color: var(--ids-button-tertiary-color-text-disabled);
797
+ background-color: var(--ids-button-tertiary-color-background-disabled);
798
+ border-color: var(--ids-button-tertiary-color-border-disabled);
799
+ opacity: var(--ids-button-tertiary-opacity-disabled);
800
+ }
801
+ .ids-icon-button:active:not([disabled]) {
802
+ background-color: var(--ids-button-tertiary-color-background-pressed);
803
+ border-color: var(--ids-button-tertiary-color-border-pressed);
804
+ color: var(--ids-button-tertiary-color-text-pressed);
805
+ }
806
+ .ids-icon-button.btn-tertiary-destructive {
807
+ background-color: var(--ids-button-destructive-tertiary-color-background-default);
808
+ border-color: var(--ids-button-destructive-tertiary-color-border-default);
809
+ color: var(--ids-button-destructive-tertiary-color-text-default);
810
+ }
811
+ .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-focused, .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).focus-within, .ids-icon-button.btn-tertiary-destructive:not(.hide-focus):focus {
812
+ border-color: var(--ids-button-destructive-tertiary-color-border-focus);
813
+ }
814
+ .ids-icon-button.btn-tertiary-destructive:hover {
815
+ background-color: var(--ids-button-destructive-tertiary-color-background-hover);
816
+ border-color: var(--ids-button-destructive-tertiary-color-border-hover);
817
+ color: var(--ids-button-destructive-tertiary-color-text-hover);
818
+ }
819
+ .ids-icon-button.btn-tertiary-destructive[disabled] {
820
+ color: var(--ids-button-destructive-tertiary-color-text-disabled);
821
+ background-color: var(--ids-button-destructive-tertiary-color-background-disabled);
822
+ border-color: var(--ids-button-destructive-tertiary-color-border-disabled);
823
+ }
824
+ .ids-icon-button.btn-primary {
825
+ background-color: var(--ids-button-primary-color-background-default);
826
+ border-color: var(--ids-button-primary-color-border-default);
827
+ border: 1px solid var(--ids-button-primary-color-border-default);
828
+ color: var(--ids-button-primary-color-text-default);
829
+ padding-bottom: calc(var(--ids-space-xs) - 2px);
830
+ padding-top: calc(var(--ids-space-xs) - 2px);
831
+ }
832
+ .ids-icon-button.btn-primary:not(.hide-focus).is-active, .ids-icon-button.btn-primary:not(.hide-focus).is-focused, .ids-icon-button.btn-primary:not(.hide-focus).focus-within, .ids-icon-button.btn-primary:not(.hide-focus):focus {
833
+ border-color: var(--ids-button-primary-color-border-focus);
834
+ }
835
+ .ids-icon-button.btn-primary:hover {
836
+ background-color: var(--ids-button-primary-color-background-hover);
837
+ border-color: var(--ids-button-primary-color-border-hover);
838
+ }
839
+ .ids-icon-button.btn-primary[disabled] {
840
+ background-color: var(--ids-button-primary-color-background-disabled);
841
+ border-color: var(--ids-button-primary-color-border-disabled);
842
+ color: var(--ids-button-primary-color-text-disabled);
843
+ opacity: var(--ids-button-primary-opacity-disabled);
844
+ }
845
+ .ids-icon-button.btn-primary:active:not([disabled]) {
846
+ background-color: var(--ids-button-primary-color-background-pressed);
847
+ border-color: var(--ids-button-primary-color-border-pressed);
848
+ color: var(--ids-button-primary-color-text-pressed);
849
+ }
850
+ .ids-icon-button.btn-primary-destructive {
851
+ background-color: var(--ids-button-destructive-color-background-default);
852
+ border-color: var(--ids-button-destructive-color-border-default);
853
+ color: var(--ids-button-destructive-color-text-default);
854
+ }
855
+ .ids-icon-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-icon-button.btn-primary-destructive:not(.hide-focus).is-focused, .ids-icon-button.btn-primary-destructive:not(.hide-focus).focus-within, .ids-icon-button.btn-primary-destructive:not(.hide-focus):focus {
856
+ border-color: var(--ids-button-destructive-color-border-focus);
857
+ }
858
+ .ids-icon-button.btn-primary-destructive:hover {
859
+ background-color: var(--ids-button-destructive-color-background-hover);
860
+ border-color: var(--ids-button-destructive-color-border-hover);
861
+ color: var(--ids-button-destructive-color-text-hover);
862
+ }
863
+ .ids-icon-button.btn-primary-destructive[disabled] {
864
+ background-color: var(--ids-button-destructive-color-background-disabled);
865
+ border-color: var(--ids-button-destructive-color-border-disabled);
866
+ color: var(--ids-button-destructive-color-text-disabled);
867
+ opacity: var(--ids-button-destructive-opacity-disabled);
868
+ }
869
+ @keyframes dot-flashing {
870
+ 0% {
871
+ background-color: #fff;
872
+ }
873
+ 50%, 100% {
874
+ background-color: rgba(255, 255, 255, 0.4);
875
+ }
248
876
  }
249
- :host([label-wrap=wrap-no-stretch]) .lg .ids-label-text {
250
- max-width: calc(var(--ids-input-width-50) - 2px - 8px);
877
+ @keyframes dot-flashing-colors {
878
+ 0% {
879
+ background-color: #0B9789;
880
+ }
881
+ 50%, 100% {
882
+ background-color: #1A3362;
883
+ }
251
884
  }
252
- :host([label-wrap=wrap-no-stretch]) .full .ids-label-text {
253
- max-width: calc(100% - 8px);
885
+ .ids-icon-button .loading-dots {
886
+ display: none;
887
+ position: relative;
888
+ flex-direction: row;
889
+ gap: 2px;
890
+ padding-inline-start: 7px;
891
+ padding-inline-end: 3px;
254
892
  }
255
-
256
- .ids-input {
893
+ .ids-icon-button .loading-dots .dot {
894
+ display: inline-flex;
257
895
  position: relative;
258
- display: block;
259
- margin-block-end: var(--ids-space-sm);
260
- max-width: var(--ids-input-width-full);
261
- /* stylelint-disable-next-line no-duplicate-selectors */
262
- }
263
- .ids-input .field-container {
264
- border: 1px solid;
265
- border-collapse: separate;
266
- border-radius: 2px;
267
- box-sizing: border-box;
268
- color: inherit;
269
- display: flex;
896
+ width: 3px;
897
+ height: 3px;
898
+ border-radius: 5px;
899
+ background-color: var(--ids-button-ai-color-loading-dot-default);
900
+ color: var(--ids-button-ai-color-loading-dot-default);
901
+ }
902
+ .ids-icon-button.btn-primary-generative-ai {
903
+ background: border-box var(--ids-button-ai-color-background-default);
904
+ color: #FFF;
905
+ align-items: center;
906
+ min-width: 34px;
907
+ min-height: 34px;
908
+ }
909
+ .ids-icon-button.btn-primary-generative-ai:hover {
910
+ background: border-box var(--ids-button-ai-color-background-hover);
911
+ border-color: var(--ids-button-ai-color-border-hover);
912
+ }
913
+ .ids-icon-button.btn-primary-generative-ai:active, .ids-icon-button.btn-primary-generative-ai.gen-ai-active {
914
+ background: border-box var(--ids-button-ai-color-background-active);
915
+ color: var(--ids-button-ai-color-text-active);
916
+ }
917
+ .ids-icon-button.btn-primary-generative-ai[disabled] {
918
+ background: border-box var(--ids-button-ai-color-background-disabled);
919
+ border-color: var(--ids-button-ai-color-background-color-disabled);
920
+ }
921
+ .ids-icon-button.btn-primary-generative-ai.color-variant-alternate-formatter, .ids-icon-button.btn-primary-generative-ai.color-variant-alternate-formatter:hover {
922
+ color: #FFF;
923
+ min-height: var(--ids-button-formatter-size);
924
+ min-width: 34px;
925
+ }
926
+ .ids-icon-button.btn-primary-generative-ai .loading-dots .dot:nth-child(1) {
927
+ animation: dot-flashing 1s infinite alternate;
928
+ animation-delay: 0s;
929
+ }
930
+ .ids-icon-button.btn-primary-generative-ai .loading-dots .dot:nth-child(2) {
931
+ animation: dot-flashing 1s infinite linear alternate;
932
+ animation-delay: 0.5s;
933
+ }
934
+ .ids-icon-button.btn-primary-generative-ai .loading-dots .dot:nth-child(3) {
935
+ animation: dot-flashing 1s infinite alternate;
936
+ animation-delay: 1s;
937
+ }
938
+ .ids-icon-button.btn-tertiary-generative-ai {
939
+ background: var(--ids-button-ai-color-tertiary-background-default);
940
+ background-clip: text;
941
+ -webkit-text-fill-color: transparent;
270
942
  align-items: center;
271
- margin: var(--ids-space-none);
272
- max-width: var(--ids-input-width-full);
273
- padding: var(--ids-space-none);
274
- position: relative;
275
- resize: none;
276
- text-align: left;
277
- transition: border var(--ids-motion-duration) var(--ids-motion-ease);
278
- }
279
- .ids-input:focus-within .ids-input-field, .ids-input.readonly:focus-within .ids-input-field, .ids-input.is-active .ids-input-field {
280
- outline: none;
281
- outline-color: transparent;
282
- }
283
- .ids-input:focus-within .field-container, .ids-input.readonly:focus-within .field-container, .ids-input.is-active .field-container {
284
- border-color: var(--ids-input-color-border-focus);
285
- box-shadow: var(--ids-input-color-border-shadow);
286
- }
287
- .ids-input .ids-icon.starting-icon {
288
- margin-inline-start: var(--ids-space-xs);
289
943
  }
290
- .ids-input .ids-icon.ending-icon {
291
- margin-inline-end: var(--ids-space-xs);
944
+ .ids-icon-button.btn-tertiary-generative-ai:hover {
945
+ background: var(--ids-button-ai-color-tertiary-background-hover);
946
+ background-clip: text;
947
+ border-color: transparent;
948
+ -webkit-text-fill-color: transparent;
949
+ }
950
+ .ids-icon-button.btn-tertiary-generative-ai ::slotted(ids-icon[icon=insights-smart-panel]) {
951
+ --ids-button-ai-color-icon-primary: var(--ids-button-ai-color-icon-primary-hover);
952
+ --ids-button-ai-color-icon-secondary: var(--ids-button-ai-color-icon-secondary-hover);
953
+ }
954
+ .ids-icon-button.btn-tertiary-generative-ai:active .ids-icon-button.btn-tertiary-generative-ai.gen-ai-active {
955
+ background: var(--ids-button-ai-color-background-active);
956
+ background-clip: text;
957
+ -webkit-text-fill-color: transparent;
958
+ }
959
+ .ids-icon-button.btn-tertiary-generative-ai[disabled] {
960
+ background: var(--ids-button-tertiary-ai-color-background-disabled);
961
+ background-clip: text;
962
+ -webkit-text-fill-color: transparent;
963
+ opacity: var(--ids-button-ai-opacity-disabled);
964
+ }
965
+ .ids-icon-button.btn-tertiary-generative-ai[disabled] ::slotted(ids-icon[icon=insights-smart-panel]) {
966
+ opacity: var(--ids-button-ai-opacity-disabled);
967
+ }
968
+ .ids-icon-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(1) {
969
+ animation: dot-flashing-colors 1s infinite alternate;
970
+ animation-delay: 0s;
971
+ }
972
+ .ids-icon-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(2) {
973
+ animation: dot-flashing-colors 1s infinite linear alternate;
974
+ animation-delay: 0.5s;
975
+ }
976
+ .ids-icon-button.btn-tertiary-generative-ai .loading-dots .dot:nth-child(3) {
977
+ animation: dot-flashing-colors 1s infinite alternate;
978
+ animation-delay: 1s;
979
+ }
980
+ .ids-icon-button.btn-secondary {
981
+ background-color: var(--ids-button-secondary-color-background-default);
982
+ border-width: var(--ids-button-secondary-border-width);
983
+ border-color: var(--ids-button-secondary-color-border-default);
984
+ color: var(--ids-button-secondary-color-text-default);
985
+ }
986
+ .ids-icon-button.btn-secondary:not(.hide-focus).is-active, .ids-icon-button.btn-secondary:not(.hide-focus).is-focused, .ids-icon-button.btn-secondary:not(.hide-focus).focus-within, .ids-icon-button.btn-secondary:not(.hide-focus):focus {
987
+ background-color: var(--ids-button-secondary-color-background-focus);
988
+ border-color: var(--ids-button-secondary-color-border-focus);
989
+ }
990
+ .ids-icon-button.btn-secondary:hover:not([disabled]) {
991
+ background-color: var(--ids-button-secondary-color-background-hover);
992
+ border-color: var(--ids-button-secondary-color-border-hover);
993
+ color: var(--ids-button-secondary-color-text-hover);
994
+ }
995
+ .ids-icon-button.btn-secondary[disabled] {
996
+ background-color: var(--ids-button-secondary-color-background-disabled);
997
+ border-color: var(--ids-button-secondary-color-border-disabled);
998
+ color: var(--ids-button-secondary-color-text-disabled);
999
+ opacity: var(--ids-button-secondary-opacity-disabled);
1000
+ }
1001
+ .ids-icon-button.btn-secondary:active:not([disabled]) {
1002
+ background-color: var(--ids-button-secondary-color-background-pressed);
1003
+ border-color: var(--ids-button-secondary-color-border-pressed);
1004
+ color: var(--ids-button-secondary-color-text-pressed);
1005
+ }
1006
+ .ids-icon-button.color-variant-alternate:hover {
1007
+ background-color: rgba(0, 0, 0, 0.3);
1008
+ }
1009
+ .ids-icon-button.color-variant-alternate.ids-trigger-button:not([readonly]):hover {
1010
+ background-color: var(--ids-search-field-header-color-icon-hover);
1011
+ }
1012
+ .ids-icon-button.color-variant-app-menu:hover {
1013
+ background-color: rgba(255, 255, 255, 0.15);
1014
+ }
1015
+ .ids-icon-button.color-variant-alternate, .ids-icon-button.color-variant-alternate-formatter {
1016
+ color: var(--ids-button-alternate-color-text-default);
1017
+ opacity: 0.8;
1018
+ }
1019
+ .ids-icon-button.color-variant-alternate:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate:not(.hide-focus).is-focused, .ids-icon-button.color-variant-alternate:not(.hide-focus).focus-within, .ids-icon-button.color-variant-alternate:not(.hide-focus):focus, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-focused, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).focus-within, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus):focus {
1020
+ border-color: var(--ids-button-formatter-color-border-focus);
1021
+ opacity: 1;
1022
+ }
1023
+ .ids-icon-button.color-variant-alternate:hover, .ids-icon-button.color-variant-alternate-formatter:hover {
1024
+ background-color: var(--ids-button-formatter-color-background-hover);
1025
+ border-color: transparent;
1026
+ color: var(--ids-button-formatter-color-text-hover);
1027
+ opacity: 1;
292
1028
  }
293
- .ids-input .ids-input-field {
294
- -webkit-font-smoothing: antialiased;
295
- -moz-osx-font-smoothing: grayscale;
296
- box-sizing: border-box;
1029
+ .ids-icon-button.color-variant-alternate[disabled], .ids-icon-button.color-variant-alternate-formatter[disabled] {
297
1030
  background-color: transparent;
298
- border: none;
299
- font-family: var(--ids-font-family-default);
300
- padding-block-start: var(--ids-space-xxs);
301
- padding-block-end: var(--ids-space-xxs);
302
- padding-inline-start: var(--ids-space-12);
303
- padding-inline-end: var(--ids-space-12);
304
- font-size: var(--ids-input-font-size);
305
- width: 100%;
306
- appearance: none;
307
- color: currentColor;
308
- display: inline-block;
309
- height: fit-content;
310
- resize: none;
311
- text-align: left;
312
- text-overflow: ellipsis;
313
- }
314
- .ids-input .ids-input-field:focus-visible {
315
- outline: none;
316
- }
317
- .ids-input .ids-input-field.text-ellipsis {
318
- text-overflow: ellipsis;
1031
+ opacity: var(--ids-button-formatter-opacity-disabled);
319
1032
  }
320
- .ids-input .ids-input-field.start {
321
- text-align: start;
1033
+ .ids-icon-button.color-variant-alternate-formatter {
1034
+ background-color: var(--ids-button-formatter-color-background-default);
1035
+ border-color: var(--ids-button-formatter-color-border-default);
1036
+ color: var(--ids-button-formatter-color-text-default);
1037
+ margin-top: 2px;
1038
+ height: var(--ids-button-formatter-size);
1039
+ min-width: var(--ids-button-formatter-size);
322
1040
  }
323
- .ids-input .ids-input-field::placeholder {
324
- color: var(--ids-input-color-text-placeholder);
1041
+ .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-focused, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).focus-within, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus):focus {
1042
+ border-color: var(--ids-color-border-focus);
325
1043
  }
326
- .ids-input .ids-input-field.center {
327
- text-align: center;
1044
+ .ids-icon-button.color-variant-alternate-formatter[disabled] {
1045
+ color: var(--ids-button-formatter-color-text-disabled);
328
1046
  }
329
- .ids-input .ids-input-field.end {
330
- text-align: end;
1047
+ .ids-icon-button.color-variant-alternate-formatter:hover {
1048
+ background-color: var(--ids-button-formatter-color-background-hover);
1049
+ color: var(--ids-button-formatter-color-text-hover);
331
1050
  }
332
- .ids-input .validation-message {
333
- margin-block-start: var(--ids-space-xxs);
334
- margin-bottom: 0;
1051
+ .ids-icon-button.color-variant-alternate-formatter.is-active {
1052
+ color: var(--ids-button-formatter-color-active);
335
1053
  }
336
- .ids-input.no-margins, .ids-input.no-margins.compact {
337
- margin: 0;
1054
+ .ids-icon-button.color-variant-alternate-formatter.ids-menu-button.compact {
1055
+ padding: var(--ids-space-xxs);
1056
+ padding-inline: var(--ids-space-xxs);
338
1057
  }
339
- .ids-input.no-margins.field-height-xs, .ids-input.no-margins.compact.field-height-xs {
340
- margin-block-end: 0;
1058
+ .ids-icon-button.color-variant-alternate-formatter.ids-menu-button.compact.square {
1059
+ border-radius: var(--ids-border-radius-xs);
341
1060
  }
342
- .ids-input.no-margins .field-container, .ids-input.no-margins.compact .field-container {
343
- margin-bottom: 0;
344
- }
345
- .ids-input.no-margins .ids-input-field, .ids-input.no-margins.compact .ids-input-field {
346
- margin: 0;
1061
+ .ids-icon-button.color-variant-alternate-formatter[editor-action=sourcemode], .ids-icon-button.color-variant-alternate-formatter[editor-action=editormode] {
1062
+ --ids-button-icon-width: 54px;
347
1063
  }
348
- .ids-input.no-margins .validation-message, .ids-input.no-margins.compact .validation-message {
349
- margin-bottom: 0;
350
- margin-block-start: var(--ids-space-xxs);
1064
+ .ids-icon-button.color-variant-module {
1065
+ color: var(--ids-button-module-color-text-default);
351
1066
  }
352
- .ids-input.no-margins .ids-label-text.empty, .ids-input.no-margins.compact .ids-label-text.empty {
353
- margin: 0;
354
- visibility: hidden;
355
- height: 0;
1067
+ .ids-icon-button.color-variant-module:not(.square) {
1068
+ border-radius: var(--ids-button-module-border-radius);
356
1069
  }
357
- .ids-input.xs .field-container {
358
- width: calc(var(--ids-input-width-10) - 2px);
1070
+ .ids-icon-button.color-variant-module:hover {
1071
+ background-color: var(--ids-button-module-color-background-hover);
1072
+ color: var(--ids-button-module-color-text-hover);
359
1073
  }
360
- .ids-input.sm .field-container {
361
- width: calc(var(--ids-input-width-20) - 2px);
1074
+ .ids-icon-button:not(.no-padding) {
1075
+ padding-inline-start: var(--ids-button-icon-padding);
1076
+ padding-inline-end: var(--ids-button-icon-padding);
1077
+ padding-top: var(--ids-button-icon-padding);
1078
+ padding-bottom: var(--ids-button-icon-padding);
362
1079
  }
363
- .ids-input.mm .field-container {
364
- width: calc(var(--ids-input-width-30) - 2px);
1080
+ .ids-icon-button:not(.no-padding):not(.ids-trigger-button) {
1081
+ height: var(--ids-button-icon-height);
1082
+ width: var(--ids-button-icon-width);
365
1083
  }
366
- .ids-input.md .field-container {
367
- width: calc(var(--ids-input-width-40) - 2px);
1084
+ .ids-icon-button:not(.square) {
1085
+ border-radius: var(--ids-button-radius);
368
1086
  }
369
- .ids-input.lg .field-container {
370
- width: calc(var(--ids-input-width-50) - 2px);
1087
+ .ids-icon-button.square {
1088
+ border-radius: 0;
371
1089
  }
372
- .ids-input.full {
1090
+ .ids-icon-button .ids-icon {
373
1091
  display: block;
1092
+ padding-inline-start: 2px;
1093
+ font-size: 0;
1094
+ padding-block-start: 2px;
374
1095
  }
375
- .ids-input.full .field-container {
376
- width: var(--ids-input-width-full);
377
- }
378
- @media (max-width: 360px) {
379
- .ids-input .field-container {
380
- max-width: calc(var(--ids-input-width-30) - 2px);
381
- }
382
- }
383
- .ids-input.field-height-xs {
384
- margin-block-end: var(--ids-font-size-20);
385
- }
386
- .ids-input.field-height-xs .icon-dirty {
387
- left: -1px;
388
- top: -1px;
389
- }
390
- .ids-input.field-height-xs .ids-label-text {
391
- font-size: var(--ids-input-label-font-size);
392
- }
393
- .ids-input.field-height-xs .ids-input-field {
394
- padding-inline-start: var(--ids-space-xxs);
395
- padding-inline-end: var(--ids-space-xxs);
396
- padding-top: 0;
397
- padding-bottom: 0;
398
- font-size: var(--ids-input-font-size-sm);
399
- height: calc(var(--ids-input-height-10) - 2px);
400
- }
401
- .ids-input.field-height-xs.no-margin-bottom {
402
- margin-bottom: 0;
403
- }
404
- .ids-input.field-height-xs.no-margin-bottom .field-container,
405
- .ids-input.field-height-xs.no-margin-bottom .ids-input-field {
406
- margin-bottom: 0;
407
- }
408
- .ids-input.field-height-sm .ids-input-field {
409
- height: calc(var(--ids-input-height-20) - 2px);
410
- }
411
- .ids-input.field-height-md .ids-input-field {
412
- height: calc(var(--ids-input-height-30) - 2px);
413
- }
414
- .ids-input.field-height-lg .ids-input-field {
415
- height: calc(var(--ids-input-height-40) - 2px);
416
- }
417
- .ids-input.compact {
418
- margin-block-end: var(--ids-font-size-20);
419
- }
420
- .ids-input.compact .icon-dirty {
421
- left: -1px;
422
- top: -1px;
423
- }
424
- .ids-input.compact .ids-label-text {
425
- font-size: var(--ids-input-label-font-size);
426
- }
427
- .ids-input.compact .ids-input-field {
428
- padding-inline-start: var(--ids-space-xxs);
429
- padding-inline-end: var(--ids-space-xxs);
430
- padding-top: 0;
431
- padding-bottom: 0;
432
- font-size: var(--ids-input-font-size-sm);
433
- height: calc(var(--ids-input-height-10) - 2px);
1096
+ .ids-icon-button span.audible {
1097
+ clip: rect(0, 0, 0, 0);
1098
+ height: 0;
1099
+ line-height: 0;
1100
+ min-height: 0;
1101
+ overflow: hidden;
1102
+ padding: 0;
1103
+ position: absolute;
1104
+ width: 1px;
434
1105
  }
435
- .ids-input.compact.no-margin-bottom {
436
- margin-bottom: 0;
1106
+ .ids-icon-button.no-margins {
1107
+ margin-inline-start: var(--ids-space-none);
1108
+ margin-inline-end: var(--ids-space-none);
437
1109
  }
438
- .ids-input.compact.no-margin-bottom .field-container,
439
- .ids-input.compact.no-margin-bottom .ids-input-field {
440
- margin-bottom: 0;
441
- height: calc(var(--ids-input-height-10) - 2px);
1110
+
1111
+ .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-active:not([readonly]), .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-focused:not([readonly]), .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).focus-within:not([readonly]), .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus):focus:not([readonly]),
1112
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-active:not([readonly]),
1113
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-focused:not([readonly]),
1114
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).focus-within:not([readonly]),
1115
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus):focus:not([readonly]),
1116
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-active:not([readonly]),
1117
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-focused:not([readonly]),
1118
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).focus-within:not([readonly]),
1119
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus):focus:not([readonly]) {
1120
+ box-shadow: var(--ids-button-tertiary-shadow-focus);
1121
+ }
1122
+ .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-focused, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).focus-within, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus):focus,
1123
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-active,
1124
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-focused,
1125
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).focus-within,
1126
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus):focus,
1127
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-active,
1128
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-focused,
1129
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).focus-within,
1130
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus):focus {
1131
+ box-shadow: var(--ids-box-shadow-inverse);
1132
+ }
1133
+ .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-focused, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).focus-within, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus):focus,
1134
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-active,
1135
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-focused,
1136
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).focus-within,
1137
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus):focus,
1138
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-active,
1139
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-focused,
1140
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).focus-within,
1141
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus):focus {
1142
+ box-shadow: var(--ids-shadow-20);
1143
+ }
1144
+ .ids-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-button.btn-tertiary-destructive:not(.hide-focus).is-focused, .ids-button.btn-tertiary-destructive:not(.hide-focus).focus-within, .ids-button.btn-tertiary-destructive:not(.hide-focus):focus,
1145
+ .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-active,
1146
+ .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-focused,
1147
+ .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).focus-within,
1148
+ .ids-icon-button.btn-tertiary-destructive:not(.hide-focus):focus,
1149
+ .ids-menu-button.btn-tertiary-destructive:not(.hide-focus).is-active,
1150
+ .ids-menu-button.btn-tertiary-destructive:not(.hide-focus).is-focused,
1151
+ .ids-menu-button.btn-tertiary-destructive:not(.hide-focus).focus-within,
1152
+ .ids-menu-button.btn-tertiary-destructive:not(.hide-focus):focus {
1153
+ box-shadow: var(--ids-button-destructive-tertiary-shadow-focus);
1154
+ }
1155
+ .ids-button.btn-primary:not(.hide-focus).is-active, .ids-button.btn-primary:not(.hide-focus).is-focused, .ids-button.btn-primary:not(.hide-focus).focus-within, .ids-button.btn-primary:not(.hide-focus):focus,
1156
+ .ids-icon-button.btn-primary:not(.hide-focus).is-active,
1157
+ .ids-icon-button.btn-primary:not(.hide-focus).is-focused,
1158
+ .ids-icon-button.btn-primary:not(.hide-focus).focus-within,
1159
+ .ids-icon-button.btn-primary:not(.hide-focus):focus,
1160
+ .ids-menu-button.btn-primary:not(.hide-focus).is-active,
1161
+ .ids-menu-button.btn-primary:not(.hide-focus).is-focused,
1162
+ .ids-menu-button.btn-primary:not(.hide-focus).focus-within,
1163
+ .ids-menu-button.btn-primary:not(.hide-focus):focus {
1164
+ box-shadow: var(--ids-button-primary-shadow-focus);
1165
+ }
1166
+ .ids-button.btn-primary.color-variant-alternate:not(.hide-focus).is-active, .ids-button.btn-primary.color-variant-alternate:not(.hide-focus).is-focused, .ids-button.btn-primary.color-variant-alternate:not(.hide-focus).focus-within, .ids-button.btn-primary.color-variant-alternate:not(.hide-focus):focus,
1167
+ .ids-icon-button.btn-primary.color-variant-alternate:not(.hide-focus).is-active,
1168
+ .ids-icon-button.btn-primary.color-variant-alternate:not(.hide-focus).is-focused,
1169
+ .ids-icon-button.btn-primary.color-variant-alternate:not(.hide-focus).focus-within,
1170
+ .ids-icon-button.btn-primary.color-variant-alternate:not(.hide-focus):focus,
1171
+ .ids-menu-button.btn-primary.color-variant-alternate:not(.hide-focus).is-active,
1172
+ .ids-menu-button.btn-primary.color-variant-alternate:not(.hide-focus).is-focused,
1173
+ .ids-menu-button.btn-primary.color-variant-alternate:not(.hide-focus).focus-within,
1174
+ .ids-menu-button.btn-primary.color-variant-alternate:not(.hide-focus):focus {
1175
+ box-shadow: 0 0 0 2px var(--ids-color-primary-70), 0 0 0 3px var(--ids-color-text-on-primary);
1176
+ }
1177
+ .ids-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-button.btn-primary-destructive:not(.hide-focus).is-focused, .ids-button.btn-primary-destructive:not(.hide-focus).focus-within, .ids-button.btn-primary-destructive:not(.hide-focus):focus,
1178
+ .ids-icon-button.btn-primary-destructive:not(.hide-focus).is-active,
1179
+ .ids-icon-button.btn-primary-destructive:not(.hide-focus).is-focused,
1180
+ .ids-icon-button.btn-primary-destructive:not(.hide-focus).focus-within,
1181
+ .ids-icon-button.btn-primary-destructive:not(.hide-focus):focus,
1182
+ .ids-menu-button.btn-primary-destructive:not(.hide-focus).is-active,
1183
+ .ids-menu-button.btn-primary-destructive:not(.hide-focus).is-focused,
1184
+ .ids-menu-button.btn-primary-destructive:not(.hide-focus).focus-within,
1185
+ .ids-menu-button.btn-primary-destructive:not(.hide-focus):focus {
1186
+ box-shadow: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-error-default);
1187
+ }
1188
+ .ids-button.btn-secondary:not(.hide-focus).is-active, .ids-button.btn-secondary:not(.hide-focus).is-focused, .ids-button.btn-secondary:not(.hide-focus).focus-within, .ids-button.btn-secondary:not(.hide-focus):focus,
1189
+ .ids-icon-button.btn-secondary:not(.hide-focus).is-active,
1190
+ .ids-icon-button.btn-secondary:not(.hide-focus).is-focused,
1191
+ .ids-icon-button.btn-secondary:not(.hide-focus).focus-within,
1192
+ .ids-icon-button.btn-secondary:not(.hide-focus):focus,
1193
+ .ids-menu-button.btn-secondary:not(.hide-focus).is-active,
1194
+ .ids-menu-button.btn-secondary:not(.hide-focus).is-focused,
1195
+ .ids-menu-button.btn-secondary:not(.hide-focus).focus-within,
1196
+ .ids-menu-button.btn-secondary:not(.hide-focus):focus {
1197
+ box-shadow: var(--ids-button-secondary-shadow-focus);
1198
+ }
1199
+ .ids-button.btn-primary-generative-ai:not(.hide-focus).is-active, .ids-button.btn-primary-generative-ai:not(.hide-focus).is-focused, .ids-button.btn-primary-generative-ai:not(.hide-focus).focus-within, .ids-button.btn-primary-generative-ai:not(.hide-focus):focus,
1200
+ .ids-icon-button.btn-primary-generative-ai:not(.hide-focus).is-active,
1201
+ .ids-icon-button.btn-primary-generative-ai:not(.hide-focus).is-focused,
1202
+ .ids-icon-button.btn-primary-generative-ai:not(.hide-focus).focus-within,
1203
+ .ids-icon-button.btn-primary-generative-ai:not(.hide-focus):focus,
1204
+ .ids-menu-button.btn-primary-generative-ai:not(.hide-focus).is-active,
1205
+ .ids-menu-button.btn-primary-generative-ai:not(.hide-focus).is-focused,
1206
+ .ids-menu-button.btn-primary-generative-ai:not(.hide-focus).focus-within,
1207
+ .ids-menu-button.btn-primary-generative-ai:not(.hide-focus):focus {
1208
+ box-shadow: var(--ids-button-ai-shadow-focus);
1209
+ border-color: transparent;
442
1210
  }
443
- .ids-input.color-variant-borderless {
444
- --ids-input-color-border-focus: transparent;
445
- margin: 1px;
446
- border-radius: 0;
1211
+ .ids-button.btn-tertiary-generative-ai:not(.hide-focus).is-active, .ids-button.btn-tertiary-generative-ai:not(.hide-focus).is-focused, .ids-button.btn-tertiary-generative-ai:not(.hide-focus).focus-within, .ids-button.btn-tertiary-generative-ai:not(.hide-focus):focus,
1212
+ .ids-icon-button.btn-tertiary-generative-ai:not(.hide-focus).is-active,
1213
+ .ids-icon-button.btn-tertiary-generative-ai:not(.hide-focus).is-focused,
1214
+ .ids-icon-button.btn-tertiary-generative-ai:not(.hide-focus).focus-within,
1215
+ .ids-icon-button.btn-tertiary-generative-ai:not(.hide-focus):focus,
1216
+ .ids-menu-button.btn-tertiary-generative-ai:not(.hide-focus).is-active,
1217
+ .ids-menu-button.btn-tertiary-generative-ai:not(.hide-focus).is-focused,
1218
+ .ids-menu-button.btn-tertiary-generative-ai:not(.hide-focus).focus-within,
1219
+ .ids-menu-button.btn-tertiary-generative-ai:not(.hide-focus):focus {
1220
+ box-shadow: var(--ids-button-tertiary-ai-shadow-focus);
1221
+ border-color: var(--ids-button-ai-color-icon-secondary-hover);
447
1222
  }
448
- .ids-input.color-variant-borderless input {
1223
+
1224
+ .ids-modal-button:not(.ids-modal-icon-button) {
1225
+ box-shadow: var(--ids-shadow-none);
1226
+ font-weight: var(--ids-font-weight-normal);
1227
+ font-family: var(--ids-font-family-default);
449
1228
  font-size: var(--ids-font-size-40);
450
- }
451
- .ids-input.color-variant-borderless slot[name=trigger-start],
452
- .ids-input.color-variant-borderless slot[name=trigger-end] {
453
- display: flex;
454
- }
455
- .ids-input.color-variant-borderless slot[name=trigger-end] {
456
- padding-inline-end: 3px;
457
- }
458
- .ids-input.color-variant-borderless .icon-dirty {
459
- display: none;
460
- }
461
- .ids-input.color-variant-borderless .validation-message {
462
- display: none;
463
- }
464
- .ids-input.color-variant-borderless .field-container {
1229
+ overflow: hidden;
1230
+ padding-bottom: calc(var(--ids-space-xs) - 2px);
1231
+ padding-top: calc(var(--ids-space-xs) - 2px);
1232
+ position: relative;
1233
+ border: 1px solid transparent;
465
1234
  background-color: transparent;
466
- border-color: transparent !important;
467
- }
468
- .ids-input.color-variant-borderless:focus-within .field-container {
469
- box-shadow: none;
470
- }
471
- .ids-input.color-variant-borderless.ids-input.field-height-lg .ids-input-field {
472
- padding-inline: calc(var(--ids-space-sm) - 2px);
473
- }
474
- .ids-input.color-variant-borderless.ids-input.field-height-md .ids-input-field {
475
- padding-inline: calc(var(--ids-space-12) - 2px);
476
- }
477
- .ids-input.color-variant-borderless.ids-input.field-height-sm .ids-input-field {
478
- padding-inline: calc(var(--ids-space-xs) - 2px);
1235
+ color: var(--ids-button-color-text-default);
1236
+ transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
1237
+ white-space: nowrap;
1238
+ padding-block-start: var(--ids-space-12);
1239
+ padding-block-end: var(--ids-space-12);
1240
+ display: block;
1241
+ font-weight: var(--ids-font-weight-semibold);
1242
+ justify-content: center;
1243
+ height: 100%;
1244
+ width: 100%;
479
1245
  }
480
- .ids-input.color-variant-borderless.ids-input.field-height-xs .ids-input-field {
481
- font-size: var(--ids-data-grid-font-size-sm);
482
- padding-inline: var(--ids-space-xxxs);
1246
+ .ids-modal-button:not(.ids-modal-icon-button), .ids-modal-button:not(.ids-modal-icon-button)::before, .ids-modal-button:not(.ids-modal-icon-button)::after {
1247
+ box-sizing: border-box;
483
1248
  }
484
- .ids-input.color-variant-borderless.ids-input.field-height-xs slot[name=trigger-end] {
485
- padding-inline-end: 0;
1249
+ .ids-modal-button:not(.ids-modal-icon-button) * {
1250
+ pointer-events: none;
486
1251
  }
487
- .ids-input.color-variant-borderless.ids-input.field-height-xxs .ids-input-field {
488
- font-size: var(--ids-data-grid-font-size-sm);
489
- padding-inline: var(--ids-space-xxxxs);
1252
+ .ids-modal-button:not(.ids-modal-icon-button):focus {
1253
+ outline: none;
1254
+ outline-color: transparent;
490
1255
  }
491
- .ids-input.color-variant-borderless.ids-input.field-height-xxs slot[name=trigger-end] {
492
- padding-inline-end: 0;
1256
+ .ids-modal-button:not(.ids-modal-icon-button):not([disabled]) {
1257
+ cursor: var(--ids-cursor-pointer);
493
1258
  }
494
- .ids-input.color-variant-in-cell {
495
- margin: 1px;
1259
+ .ids-modal-button:not(.ids-modal-icon-button) span {
1260
+ vertical-align: bottom;
496
1261
  }
497
- .ids-input.color-variant-in-cell input {
498
- font-size: var(--ids-font-size-40);
1262
+ .ids-modal-button:not(.ids-modal-icon-button) span.audible {
1263
+ clip: rect(0, 0, 0, 0);
1264
+ height: 0;
1265
+ line-height: 0;
1266
+ min-height: 0;
1267
+ overflow: hidden;
1268
+ padding: 0;
1269
+ position: absolute;
1270
+ width: 1px;
499
1271
  }
500
- .ids-input.color-variant-in-cell .validation-message {
501
- display: none;
1272
+ .ids-modal-button:not(.ids-modal-icon-button):not(.ids-icon-button) ::slotted(ids-icon) {
1273
+ padding-inline-end: calc(var(--ids-space-xxs) + 3px);
502
1274
  }
503
- .ids-input.color-variant-in-cell.ids-input.field-height-lg .ids-input-field {
504
- padding-inline: 11px;
505
- height: 40px;
1275
+ .ids-modal-button:not(.ids-modal-icon-button) .ids-icon {
1276
+ vertical-align: middle;
506
1277
  }
507
- .ids-input.color-variant-in-cell.ids-input.full .field-container {
508
- margin-inline: 3px;
509
- width: initial;
1278
+ .ids-modal-button:not(.ids-modal-icon-button).align-icon-end ::slotted(ids-icon) {
1279
+ padding-inline-start: var(--ids-space-xxs);
510
1280
  }
511
- .ids-input.color-variant-in-cell.ids-input.field-height-md .ids-input-field {
512
- padding-inline: 6px;
513
- height: 30px;
1281
+ .ids-modal-button:not(.ids-modal-icon-button).content-align-start {
1282
+ justify-content: start;
514
1283
  }
515
- .ids-input.color-variant-in-cell.ids-input.field-height-sm .ids-input-field {
516
- padding-inline: 4px;
517
- height: 27px;
1284
+ .ids-modal-button:not(.ids-modal-icon-button).content-align-end {
1285
+ justify-content: end;
518
1286
  }
519
- .ids-input.color-variant-in-cell.ids-input.field-height-sm.full .field-container {
520
- margin-inline: 2px;
1287
+ .ids-modal-button:not(.ids-modal-icon-button).no-margins {
1288
+ margin-inline: var(--ids-space-none);
521
1289
  }
522
- .ids-input.color-variant-in-cell.ids-input.field-height-xs .ids-input-field {
523
- padding-inline: 1px;
524
- height: 24px;
1290
+ .ids-modal-button:not(.ids-modal-icon-button):not(.no-margins) {
1291
+ margin: var(--ids-button-alt-margin);
525
1292
  }
526
- .ids-input.color-variant-in-cell.ids-input.field-height-xs.full .field-container {
527
- margin-inline: 1px;
1293
+ .ids-modal-button:not(.ids-modal-icon-button).field-height-xxs:not(.btn-secondary):not(.no-margins) {
1294
+ margin-block-start: 3px;
1295
+ margin-inline-end: -2px;
1296
+ height: 22px;
1297
+ width: 22px;
528
1298
  }
529
- .ids-input.color-variant-module-nav {
530
- margin-block-end: 0;
531
- transform: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
1299
+ .ids-modal-button:not(.ids-modal-icon-button) ::slotted(span) {
1300
+ font-weight: inherit !important;
532
1301
  }
533
- .ids-input.color-variant-module-nav .field-container {
534
- border-radius: var(--ids-module-nav-common-border-radius);
535
- border: var(--ids-module-nav-input-border-width) solid transparent;
1302
+ .ids-modal-button:not(.ids-modal-icon-button).btn-primary {
1303
+ background-color: var(--ids-modal-color-background);
1304
+ color: var(--ids-modal-button-color-default);
536
1305
  }
537
- .ids-input.color-variant-module-nav input {
538
- background-color: transparent;
539
- color: inherit;
1306
+ .ids-modal-button:not(.ids-modal-icon-button).btn-primary:not(.hide-focus).is-active, .ids-modal-button:not(.ids-modal-icon-button).btn-primary:not(.hide-focus).is-focused, .ids-modal-button:not(.ids-modal-icon-button).btn-primary:not(.hide-focus).focus-within, .ids-modal-button:not(.ids-modal-icon-button).btn-primary:not(.hide-focus):focus {
1307
+ box-shadow: var(--ids-modal-shadow-focus);
540
1308
  }
541
- .ids-input.color-variant-module-nav input::placeholder {
542
- color: var(--ids-module-nav-search-input-placeholder-text-color);
1309
+ .ids-modal-button:not(.ids-modal-icon-button).btn-primary:hover {
1310
+ color: var(--ids-modal-button-color-hover);
543
1311
  }
544
- .ids-input.color-variant-module-nav input:active {
545
- color: var(--ids-module-nav-search-input-text-color);
1312
+ .ids-modal-button:not(.ids-modal-icon-button).btn-primary[disabled] {
1313
+ opacity: var(--ids-button-primary-opacity-disabled);
546
1314
  }
547
- .ids-input.color-variant-module-nav:not([class*=field-height-]) {
548
- height: var(--ids-module-nav-search-wrapper-height);
1315
+ .ids-modal-button:not(.ids-modal-icon-button).btn-secondary, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary {
1316
+ background-color: var(--ids-modal-color-background);
1317
+ color: var(--ids-modal-button-secondary-color-default);
549
1318
  }
550
- .ids-input.color-variant-module-nav:not([class*=field-height-]) input {
551
- height: var(--ids-module-nav-search-input-height);
1319
+ .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:not(.hide-focus).is-active, .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:not(.hide-focus).is-focused, .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:not(.hide-focus).focus-within, .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:not(.hide-focus):focus, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:not(.hide-focus).is-active, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:not(.hide-focus).is-focused, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:not(.hide-focus).focus-within, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:not(.hide-focus):focus {
1320
+ box-shadow: var(--ids-modal-shadow-focus);
552
1321
  }
553
- .ids-input:not([class*=color-variant-]) .field-container:not(:focus-within) {
554
- background-color: var(--ids-input-color-background-default);
555
- border-color: var(--ids-input-color-border-default);
556
- color: var(--ids-input-color-text-default);
1322
+ .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:hover, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:hover {
1323
+ color: var(--ids-modal-button-secondary-color-hover);
557
1324
  }
558
- .ids-input:not([class*=color-variant-]).readonly .field-container.error, .ids-input:not([class*=color-variant-]).readonly .field-container.error:hover, .ids-input:not([class*=color-variant-]).readonly.hover .field-container.error, .ids-input:not([class*=color-variant-]).readonly.hover .field-container.error:hover, .ids-input:not([class*=color-variant-]).readonly.focus-within .field-container.error, .ids-input:not([class*=color-variant-]).readonly.focus-within .field-container.error:hover {
559
- border-color: var(--ids-color-error-default);
560
- color: var(--ids-color-error-default);
1325
+ .ids-modal-button:not(.ids-modal-icon-button).btn-secondary[disabled], .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary[disabled] {
1326
+ background-color: var(--ids-button-secondary-color-border-disabled);
1327
+ border-color: var(--ids-button-secondary-color-border-disabled);
561
1328
  }
562
- .ids-input:not([class*=color-variant-]).readonly:not(.readonly-background):not(.bg-transparent) .field-container, .ids-input:not([class*=color-variant-]).readonly:not(.readonly-background):not(.bg-transparent).hover .field-container, .ids-input:not([class*=color-variant-]).readonly:not(.readonly-background):not(.bg-transparent).focus-within .field-container {
563
- background-color: var(--ids-input-color-background-readonly);
1329
+ .ids-modal-button:not(.ids-modal-icon-button):focus {
1330
+ z-index: 1;
564
1331
  }
565
- .ids-input:not([class*=color-variant-]).disabled .field-container, .ids-input:not([class*=color-variant-]).disabled:hover .field-container, .ids-input:not([class*=color-variant-]).disabled:focus-within .field-container {
566
- border-color: var(--ids-input-color-border-disabled);
567
- color: var(--ids-input-color-text-disabled);
568
- opacity: var(--ids-input-disabled-opacity);
569
- -webkit-text-fill-color: var(--ids-input-color-text-disabled);
1332
+
1333
+ .ids-modal-icon-button {
1334
+ padding: var(--ids-space-xs);
570
1335
  }
571
- .ids-input:not([class*=color-variant-]).bg-transparent .field-container, .ids-input:not([class*=color-variant-]).bg-transparent.readonly .field-container, .ids-input:not([class*=color-variant-]).bg-transparent.disabled .field-container {
572
- background-color: transparent;
1336
+
1337
+ .btn-swipe-action-left,
1338
+ .btn-swipe-action-right {
1339
+ display: block;
1340
+ padding: 0 var(--ids-space-xs) var(--ids-space-xs);
1341
+ height: 100%;
1342
+ margin: 0;
1343
+ white-space: inherit;
1344
+ width: 85px;
573
1345
  }
574
- .ids-input:not([class*=color-variant-]).bg-transparent:focus-within .field-container {
575
- background-color: transparent;
1346
+ .btn-swipe-action-left ::slotted(ids-icon),
1347
+ .btn-swipe-action-right ::slotted(ids-icon) {
1348
+ display: block;
576
1349
  }
577
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container {
578
- border-color: var(--ids-input-color-border-hover);
579
- }
580
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert,
581
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover,
582
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning,
583
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert,
584
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover,
585
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning,
586
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:hover {
587
- border-color: var(--ids-input-color-border-alert-default);
588
- color: var(--ids-input-color-text-alert-default);
589
- }
590
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert.is-active,
591
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover:focus-within,
592
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover.is-active,
593
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:focus-within,
594
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning.is-active,
595
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover:focus-within,
596
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert.is-active,
597
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover:focus-within,
598
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover.is-active,
599
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:focus-within,
600
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning.is-active,
601
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:hover:focus-within,
602
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:hover.is-active {
603
- border-color: var(--ids-input-color-border-alert-default);
604
- box-shadow: var(--ids-input-shadow-alert-focus) 0 0 3px 2px;
605
- }
606
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert[disabled],
607
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover[disabled],
608
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning[disabled],
609
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert[disabled],
610
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover[disabled],
611
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning[disabled],
612
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:hover[disabled] {
613
- border-color: var(--ids-input-color-border-alert-disabled);
614
- color: var(--ids-input-color-text-alert-disabled);
615
- }
616
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error,
617
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error,
618
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover {
619
- border-color: var(--ids-input-color-border-error-default);
620
- color: var(--ids-input-error-color-text-error-default);
621
- }
622
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error.field-container:not(:focus-within),
623
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover.field-container:not(:focus-within), .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error.field-container:not(:focus-within),
624
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover.field-container:not(:focus-within) {
625
- border-color: var(--ids-input-color-border-error-default);
626
- color: var(--ids-input-error-color-text-error-default);
627
- }
628
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error.is-active,
629
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover:focus-within,
630
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error.is-active,
631
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover:focus-within,
632
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover.is-active {
633
- border-color: var(--ids-input-color-border-error-default);
634
- box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
635
- }
636
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error[disabled],
637
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error[disabled],
638
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover[disabled] {
639
- border-color: var(--ids-input-color-border-error-disabled);
640
- color: var(--ids-input-color-border-error-disabled);
641
- }
642
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info,
643
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info,
644
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover {
645
- border-color: var(--ids-input-color-border-info-default);
646
- color: var(--ids-input-color-text-info-default);
647
- }
648
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info.is-active,
649
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover:focus-within,
650
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info.is-active,
651
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover:focus-within,
652
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover.is-active {
653
- border-color: var(--ids-input-color-border-info-default);
654
- box-shadow: var(--ids-input-shadow-info-focus) 0 0 3px 2px;
655
- }
656
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info[disabled],
657
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info[disabled],
658
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover[disabled] {
659
- border-color: var(--ids-input-color-border-info-disabled);
660
- color: var(--ids-input-color-text-info-disabled);
661
- }
662
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success,
663
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success,
664
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover {
665
- border-color: var(--ids-input-color-border-success-default);
666
- color: var(--ids-input-color-text-success-default);
667
- }
668
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success.is-active,
669
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover:focus-within,
670
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success.is-active,
671
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover:focus-within,
672
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover.is-active {
673
- border-color: var(--ids-input-color-border-success-default);
674
- box-shadow: var(--ids-input-shadow-success-focus) 0 0 3px 2px;
675
- }
676
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success[disabled],
677
- .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success[disabled],
678
- .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover[disabled] {
679
- border-color: var(--ids-input-color-border-success-disabled);
680
- color: var(--ids-input-color-text-success-disabled);
681
- }
682
- .ids-input:not([class*=color-variant-]).is-active .field-container, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container {
683
- border-color: var(--ids-input-color-border-focus);
684
- }
685
- .ids-input:not([class*=color-variant-]).is-active .alert,
686
- .ids-input:not([class*=color-variant-]).is-active .alert:hover,
687
- .ids-input:not([class*=color-variant-]).is-active .warning,
688
- .ids-input:not([class*=color-variant-]).is-active .warning:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert,
689
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover,
690
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning,
691
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover {
692
- border-color: var(--ids-input-color-border-alert-default);
693
- color: var(--ids-input-color-text-alert-default);
694
- }
695
- .ids-input:not([class*=color-variant-]).is-active .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active .alert.is-active,
696
- .ids-input:not([class*=color-variant-]).is-active .alert:hover:focus-within,
697
- .ids-input:not([class*=color-variant-]).is-active .alert:hover.is-active,
698
- .ids-input:not([class*=color-variant-]).is-active .warning:focus-within,
699
- .ids-input:not([class*=color-variant-]).is-active .warning.is-active,
700
- .ids-input:not([class*=color-variant-]).is-active .warning:hover:focus-within,
701
- .ids-input:not([class*=color-variant-]).is-active .warning:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert.is-active,
702
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover:focus-within,
703
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover.is-active,
704
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:focus-within,
705
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning.is-active,
706
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover:focus-within,
707
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover.is-active {
708
- border-color: var(--ids-input-color-border-alert-default);
709
- box-shadow: var(--ids-input-shadow-alert-focus) 0 0 3px 2px;
710
- }
711
- .ids-input:not([class*=color-variant-]).is-active .alert[disabled],
712
- .ids-input:not([class*=color-variant-]).is-active .alert:hover[disabled],
713
- .ids-input:not([class*=color-variant-]).is-active .warning[disabled],
714
- .ids-input:not([class*=color-variant-]).is-active .warning:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert[disabled],
715
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover[disabled],
716
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning[disabled],
717
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover[disabled] {
718
- border-color: var(--ids-input-color-border-alert-disabled);
719
- color: var(--ids-input-color-text-alert-disabled);
720
- }
721
- .ids-input:not([class*=color-variant-]).is-active .field-container.error,
722
- .ids-input:not([class*=color-variant-]).is-active .field-container.error:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error,
723
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover {
724
- border-color: var(--ids-input-color-border-error-default);
725
- color: var(--ids-input-error-color-text-error-default);
726
- }
727
- .ids-input:not([class*=color-variant-]).is-active .field-container.error.field-container:not(:focus-within),
728
- .ids-input:not([class*=color-variant-]).is-active .field-container.error:hover.field-container:not(:focus-within), .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error.field-container:not(:focus-within),
729
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover.field-container:not(:focus-within) {
730
- border-color: var(--ids-input-color-border-error-default);
731
- color: var(--ids-input-error-color-text-error-default);
732
- }
733
- .ids-input:not([class*=color-variant-]).is-active .field-container.error:focus-within, .ids-input:not([class*=color-variant-]).is-active .field-container.error.is-active,
734
- .ids-input:not([class*=color-variant-]).is-active .field-container.error:hover:focus-within,
735
- .ids-input:not([class*=color-variant-]).is-active .field-container.error:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error.is-active,
736
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover:focus-within,
737
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover.is-active {
738
- border-color: var(--ids-input-color-border-error-default);
739
- box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
740
- }
741
- .ids-input:not([class*=color-variant-]).is-active .field-container.error[disabled],
742
- .ids-input:not([class*=color-variant-]).is-active .field-container.error:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error[disabled],
743
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover[disabled] {
744
- border-color: var(--ids-input-color-border-error-disabled);
745
- color: var(--ids-input-color-border-error-disabled);
746
- }
747
- .ids-input:not([class*=color-variant-]).is-active .info,
748
- .ids-input:not([class*=color-variant-]).is-active .info:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info,
749
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover {
750
- border-color: var(--ids-input-color-border-info-default);
751
- color: var(--ids-input-color-text-info-default);
752
- }
753
- .ids-input:not([class*=color-variant-]).is-active .info:focus-within, .ids-input:not([class*=color-variant-]).is-active .info.is-active,
754
- .ids-input:not([class*=color-variant-]).is-active .info:hover:focus-within,
755
- .ids-input:not([class*=color-variant-]).is-active .info:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info.is-active,
756
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover:focus-within,
757
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover.is-active {
758
- border-color: var(--ids-input-color-border-info-default);
759
- box-shadow: var(--ids-input-shadow-info-focus) 0 0 3px 2px;
760
- }
761
- .ids-input:not([class*=color-variant-]).is-active .info[disabled],
762
- .ids-input:not([class*=color-variant-]).is-active .info:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info[disabled],
763
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover[disabled] {
764
- border-color: var(--ids-input-color-border-info-disabled);
765
- color: var(--ids-input-color-text-info-disabled);
766
- }
767
- .ids-input:not([class*=color-variant-]).is-active .success,
768
- .ids-input:not([class*=color-variant-]).is-active .success:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success,
769
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover {
770
- border-color: var(--ids-input-color-border-success-default);
771
- color: var(--ids-input-color-text-success-default);
772
- }
773
- .ids-input:not([class*=color-variant-]).is-active .success:focus-within, .ids-input:not([class*=color-variant-]).is-active .success.is-active,
774
- .ids-input:not([class*=color-variant-]).is-active .success:hover:focus-within,
775
- .ids-input:not([class*=color-variant-]).is-active .success:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success.is-active,
776
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover:focus-within,
777
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover.is-active {
778
- border-color: var(--ids-input-color-border-success-default);
779
- box-shadow: var(--ids-input-shadow-success-focus) 0 0 3px 2px;
780
- }
781
- .ids-input:not([class*=color-variant-]).is-active .success[disabled],
782
- .ids-input:not([class*=color-variant-]).is-active .success:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success[disabled],
783
- .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover[disabled] {
784
- border-color: var(--ids-input-color-border-success-disabled);
785
- color: var(--ids-input-color-text-success-disabled);
786
- }
787
- .ids-input:not([class*=color-variant-]):hover:not(.disabled).readonly.readonly-background.color-variant-alternate-formatter .field-container {
788
- border-color: var(--ids-data-grid-filter-input-color-border-hover);
789
- }
790
- .ids-input:not([class*=color-variant-]) .alert,
791
- .ids-input:not([class*=color-variant-]) .alert:hover,
792
- .ids-input:not([class*=color-variant-]) .warning,
793
- .ids-input:not([class*=color-variant-]) .warning:hover {
794
- border-color: var(--ids-input-color-border-alert-default);
795
- color: var(--ids-input-color-text-alert-default);
796
- }
797
- .ids-input:not([class*=color-variant-]) .alert:focus-within, .ids-input:not([class*=color-variant-]) .alert.is-active,
798
- .ids-input:not([class*=color-variant-]) .alert:hover:focus-within,
799
- .ids-input:not([class*=color-variant-]) .alert:hover.is-active,
800
- .ids-input:not([class*=color-variant-]) .warning:focus-within,
801
- .ids-input:not([class*=color-variant-]) .warning.is-active,
802
- .ids-input:not([class*=color-variant-]) .warning:hover:focus-within,
803
- .ids-input:not([class*=color-variant-]) .warning:hover.is-active {
804
- border-color: var(--ids-input-color-border-alert-default);
805
- box-shadow: var(--ids-input-shadow-alert-focus) 0 0 3px 2px;
806
- }
807
- .ids-input:not([class*=color-variant-]) .alert[disabled],
808
- .ids-input:not([class*=color-variant-]) .alert:hover[disabled],
809
- .ids-input:not([class*=color-variant-]) .warning[disabled],
810
- .ids-input:not([class*=color-variant-]) .warning:hover[disabled] {
811
- border-color: var(--ids-input-color-border-alert-disabled);
812
- color: var(--ids-input-color-text-alert-disabled);
813
- }
814
- .ids-input:not([class*=color-variant-]) .field-container.error,
815
- .ids-input:not([class*=color-variant-]) .field-container.error:hover {
816
- border-color: var(--ids-input-color-border-error-default);
817
- color: var(--ids-input-error-color-text-error-default);
818
- }
819
- .ids-input:not([class*=color-variant-]) .field-container.error.field-container:not(:focus-within),
820
- .ids-input:not([class*=color-variant-]) .field-container.error:hover.field-container:not(:focus-within) {
821
- border-color: var(--ids-input-color-border-error-default);
822
- color: var(--ids-input-error-color-text-error-default);
823
- }
824
- .ids-input:not([class*=color-variant-]) .field-container.error:focus-within, .ids-input:not([class*=color-variant-]) .field-container.error.is-active,
825
- .ids-input:not([class*=color-variant-]) .field-container.error:hover:focus-within,
826
- .ids-input:not([class*=color-variant-]) .field-container.error:hover.is-active {
827
- border-color: var(--ids-input-color-border-error-default);
828
- box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
829
- }
830
- .ids-input:not([class*=color-variant-]) .field-container.error[disabled],
831
- .ids-input:not([class*=color-variant-]) .field-container.error:hover[disabled] {
832
- border-color: var(--ids-input-color-border-error-disabled);
833
- color: var(--ids-input-color-border-error-disabled);
834
- }
835
- .ids-input:not([class*=color-variant-]) .info,
836
- .ids-input:not([class*=color-variant-]) .info:hover {
837
- border-color: var(--ids-input-color-border-info-default);
838
- color: var(--ids-input-color-text-info-default);
839
- }
840
- .ids-input:not([class*=color-variant-]) .info:focus-within, .ids-input:not([class*=color-variant-]) .info.is-active,
841
- .ids-input:not([class*=color-variant-]) .info:hover:focus-within,
842
- .ids-input:not([class*=color-variant-]) .info:hover.is-active {
843
- border-color: var(--ids-input-color-border-info-default);
844
- box-shadow: var(--ids-input-shadow-info-focus) 0 0 3px 2px;
845
- }
846
- .ids-input:not([class*=color-variant-]) .info[disabled],
847
- .ids-input:not([class*=color-variant-]) .info:hover[disabled] {
848
- border-color: var(--ids-input-color-border-info-disabled);
849
- color: var(--ids-input-color-text-info-disabled);
850
- }
851
- .ids-input:not([class*=color-variant-]) .success,
852
- .ids-input:not([class*=color-variant-]) .success:hover {
853
- border-color: var(--ids-input-color-border-success-default);
854
- color: var(--ids-input-color-text-success-default);
855
- }
856
- .ids-input:not([class*=color-variant-]) .success:focus-within, .ids-input:not([class*=color-variant-]) .success.is-active,
857
- .ids-input:not([class*=color-variant-]) .success:hover:focus-within,
858
- .ids-input:not([class*=color-variant-]) .success:hover.is-active {
859
- border-color: var(--ids-input-color-border-success-default);
860
- box-shadow: var(--ids-input-shadow-success-focus) 0 0 3px 2px;
861
- }
862
- .ids-input:not([class*=color-variant-]) .success[disabled],
863
- .ids-input:not([class*=color-variant-]) .success:hover[disabled] {
864
- border-color: var(--ids-input-color-border-success-disabled);
865
- color: var(--ids-input-color-text-success-disabled);
866
- }
867
- .ids-input.color-variant-alternate .field-container {
868
- border-color: var(--ids-input-header-color-border);
869
- color: var(--ids-input-header-color-text-default);
870
- background-color: var(--ids-input-header-color-background);
871
- border-bottom: 1px solid var(--ids-input-header-color-border);
1350
+ .btn-swipe-action-left:hover, .btn-swipe-action-left:focus,
1351
+ .btn-swipe-action-right:hover,
1352
+ .btn-swipe-action-right:focus {
872
1353
  box-shadow: none;
1354
+ border-color: transparent;
873
1355
  }
874
- .ids-input.color-variant-alternate:focus-within .field-container {
875
- border-color: var(--ids-input-color-border-focus);
876
- box-shadow: var(--ids-input-color-border-shadow);
877
- }
878
- .ids-input.color-variant-alternate .ids-input-field {
879
- color: var(--ids-input-header-color-text-default);
880
- }
881
- .ids-input.color-variant-alternate .ids-input-field::placeholder {
882
- color: var(--ids-input-header-color-text-placeholder);
883
- }
884
- .ids-input.color-variant-alternate.readonly-background .ids-input-field::placeholder {
885
- color: var(--ids-input-header-color-text-placeholder);
886
- }
887
- .ids-input.color-variant-alternate-formatter .field-container {
888
- background-color: var(--ids-data-grid-filter-input-color-background);
889
- border-color: var(--ids-data-grid-filter-input-color-border-default);
890
- color: var(--ids-data-grid-filter-input-color-text-default);
891
- }
892
- .ids-input.color-variant-alternate-formatter:hover.readonly.readonly-background .field-container, .ids-input.color-variant-alternate-formatter:hover:not(.readonly):not(.disabled) .field-container {
893
- border-color: var(--ids-data-grid-filter-input-color-border-hover);
894
- }
895
- .ids-input.color-variant-alternate-formatter:focus-within .field-container, .ids-input.color-variant-alternate-formatter:focus-within:hover .field-container {
896
- border-color: var(--ids-data-grid-filter-input-color-border-focus);
1356
+
1357
+ .ids-button:not(.no-margins).btn-swipe-action-left,
1358
+ .ids-button:not(.no-margins).btn-swipe-action-right {
1359
+ margin: 0;
897
1360
  }
898
- .ids-input.color-variant-alternate-formatter:focus-within .ids-input-field {
899
- box-shadow: var(--ids-input-color-border-shadow);
1361
+
1362
+ .btn-swipe-action-left {
1363
+ border-start-end-radius: 0;
1364
+ border-end-end-radius: 0;
1365
+ background-color: var(--ids-swipe-action-color-background-left);
1366
+ color: var(--ids-swipe-action-color-text-left);
900
1367
  }
901
- .ids-input.color-variant-alternate-formatter.disabled .ids-input.color-variant-alternate-formatter.disabled:hover .field-container {
902
- border-color: var(--ids-data-grid-filter-input-color-border-disabled);
903
- color: var(--ids-data-grid-filter-input-color-text-disabled);
1368
+ .btn-swipe-action-left:active {
1369
+ background-color: var(--ids-swipe-action-color-background-left-active);
1370
+ color: var(--ids-swipe-action-color-text-left-active);
904
1371
  }
905
- .ids-input.color-variant-alternate-formatter.readonly:not(.readonly-background):not(.bg-transparent) .field-container {
906
- background-color: var(--ids-data-grid-filter-input-color-background-readonly);
907
- border-color: var(--ids-data-grid-filter-input-color-border-readonly);
908
- color: var(--ids-data-grid-filter-input-color-text-readonly);
1372
+ .btn-swipe-action-left:hover {
1373
+ background-color: var(--ids-swipe-action-color-background-left-hover);
1374
+ color: var(--ids-swipe-action-color-text-left-hover);
909
1375
  }
910
- .ids-input.color-variant-alternate-formatter .ids-input-field::placeholder {
911
- color: var(--ids-data-grid-filter-input-color-text-placeholder);
1376
+
1377
+ .btn-swipe-action-right {
1378
+ border-start-start-radius: 0;
1379
+ border-end-start-radius: 0;
1380
+ background-color: var(--ids-swipe-action-color-background-right);
1381
+ color: var(--ids-swipe-action-color-text-right);
912
1382
  }
913
- .ids-input.color-variant-app-menu .field-container {
914
- color: var(--ids-input-color-text-app-menu);
1383
+ .btn-swipe-action-right:active {
1384
+ background-color: var(--ids-swipe-action-color-background-right-active);
1385
+ color: var(--ids-swipe-action-color-text-right-active);
915
1386
  }
916
- .ids-input.color-variant-list-builder .field-container {
917
- background-color: transparent;
918
- color: var(--ids-list-builder-input-text-color);
919
- border: 0;
1387
+ .btn-swipe-action-right:hover {
1388
+ background-color: var(--ids-swipe-action-color-background-right-hover);
1389
+ color: var(--ids-swipe-action-color-text-right-hover);
920
1390
  }
921
- .ids-input.color-variant-module-nav {
922
- color: var(--ids-module-nav-search-input-text-color);
923
- /* stylelint-disable-next-line no-duplicate-selectors */
1391
+
1392
+ .ids-icon-button.gen-ai-active:not(.no-animation) ::slotted(ids-icon[icon=insights-smart-panel]),
1393
+ .ids-button.gen-ai-active:not(.no-animation) ::slotted(ids-icon[icon=insights-smart-panel]) {
1394
+ display: none;
924
1395
  }
925
- .ids-input.color-variant-module-nav .field-container {
926
- background-color: transparent;
927
- border-color: transparent;
928
- color: inherit;
1396
+ .ids-icon-button.gen-ai-active:not(.no-animation) .loading-dots,
1397
+ .ids-button.gen-ai-active:not(.no-animation) .loading-dots {
1398
+ display: flex;
929
1399
  }
930
- .ids-input.color-variant-module-nav .ids-input-field {
931
- background-color: transparent;
932
- color: inherit;
1400
+
1401
+ .ids-icon-button.gen-ai-active .loading-dots {
1402
+ padding-inline-start: 3px;
1403
+ padding-inline-end: 2px;
1404
+ padding-block-start: 7px;
1405
+ padding-block-end: 8px;
933
1406
  }
934
- .ids-input.color-variant-module-nav .ids-input-field::placeholder {
935
- color: var(--ids-module-nav-search-input-placeholder-text-color);
1407
+
1408
+ .ids-button ::slotted(ids-icon:not(:first-child)),
1409
+ .ids-toggle-button ::slotted(ids-icon:not(:first-child)),
1410
+ .ids-menu-button:not(.ids-icon-button) ::slotted(ids-icon:not(:first-child)),
1411
+ .ids-modal-button:not(.ids-icon-button) ::slotted(ids-icon:not(:first-child)) {
1412
+ padding-inline-start: 5px;
1413
+ padding-inline-end: 0;
936
1414
  }
937
- .ids-input.color-variant-module-nav .ids-input-field:active {
938
- color: var(--ids-module-nav-search-input-text-color);
1415
+ .ids-button .ids-icon:last-child,
1416
+ .ids-button span + span:not(.audible),
1417
+ .ids-button span:not(.audible):last-child,
1418
+ .ids-toggle-button .ids-icon:last-child,
1419
+ .ids-toggle-button span + span:not(.audible),
1420
+ .ids-toggle-button span:not(.audible):last-child,
1421
+ .ids-menu-button:not(.ids-icon-button) .ids-icon:last-child,
1422
+ .ids-menu-button:not(.ids-icon-button) span + span:not(.audible),
1423
+ .ids-menu-button:not(.ids-icon-button) span:not(.audible):last-child,
1424
+ .ids-modal-button:not(.ids-icon-button) .ids-icon:last-child,
1425
+ .ids-modal-button:not(.ids-icon-button) span + span:not(.audible),
1426
+ .ids-modal-button:not(.ids-icon-button) span:not(.audible):last-child {
1427
+ padding-inline-start: 5px;
939
1428
  }
940
- .ids-input.color-variant-module-nav.has-clearable .btn-clear {
941
- margin-inline-end: 5px;
1429
+
1430
+ .ids-modal-button ::slotted(ids-icon:not(:first-child)) {
1431
+ padding: var(--ids-space-xxxs);
942
1432
  }
943
- .ids-input.color-variant-module-nav:hover .field-container {
944
- background-color: var(--ids-module-nav-item-hover-bg-color);
1433
+
1434
+ :host(:not([show-loading-indicator=true])) ::slotted(.slot-loading-indicator) {
1435
+ display: none;
945
1436
  }
946
- .ids-input.color-variant-module-nav:hover .ids-input-field::placeholder {
947
- color: var(--ids-module-nav-search-input-placeholder-text-color);
1437
+
1438
+ :host([show-loading-indicator=true]) ::slotted(ids-loading-indicator) {
1439
+ margin-top: 3px;
1440
+ margin-bottom: 3px;
948
1441
  }
949
- .ids-input.color-variant-module-nav:hover .ids-input-field {
950
- color: var(--ids-module-nav-input-text-color);
1442
+
1443
+ :host([show-loading-indicator=true][loading-indicator-only=true]) ::slotted(*:not(.slot-loading-indicator)) {
1444
+ visibility: hidden;
951
1445
  }
952
- .ids-input.color-variant-module-nav:focus-within .field-container, .ids-input.color-variant-module-nav.readonly:focus-within .ids-input.color-variant-module-nav.is-active .field-container {
953
- background-color: var(--ids-module-nav-input-focus-bg-color);
954
- border-color: var(--ids-module-nav-item-selected-text-color);
955
- box-shadow: none;
1446
+
1447
+ :host([show-loading-indicator=true]:not([loading-indicator-only=true])) ::slotted(.slot-loading-indicator) {
1448
+ margin-inline-start: 6px;
956
1449
  }
957
- .ids-input.color-variant-module-nav:focus-within .ids-input-field::placeholder, .ids-input.color-variant-module-nav.readonly:focus-within .ids-input.color-variant-module-nav.is-active .ids-input-field::placeholder {
958
- color: var(--ids-module-nav-search-input-focused-placeholder-text-color);
1450
+
1451
+ :host([show-loading-indicator=true]:not([loading-indicator-only=true]):is([appearance=primary], [appearance=secondary], [appearance=primary-destructive]))::part(button) {
1452
+ padding-inline-start: 20px;
1453
+ padding-inline-end: 12px;
959
1454
  }
960
- .ids-input.color-variant-module-nav:focus-within .ids-input-field, .ids-input.color-variant-module-nav.readonly:focus-within .ids-input.color-variant-module-nav.is-active .ids-input-field {
961
- color: var(--ids-module-nav-input-text-color);
1455
+ :host([show-loading-indicator=true]:not([loading-indicator-only=true]):is([appearance=primary], [appearance=secondary], [appearance=primary-destructive])) ::slotted(.slot-loading-indicator) {
1456
+ margin-inline-start: 10px;
962
1457
  }
963
1458
 
964
- .caps-lock-indicator {
965
- padding-inline-start: 8px;
966
- padding-inline-end: 8px;
1459
+ :host([loading-indicator-only=true]) ::slotted(.slot-loading-indicator) {
1460
+ position: absolute;
1461
+ margin-inline-start: auto;
1462
+ margin-inline-end: auto;
1463
+ left: 0;
1464
+ right: 0;
967
1465
  }
968
1466
 
969
- .is-uppercase {
970
- text-transform: uppercase;
1467
+ :host(ids-toggle-button) {
1468
+ --ids-button-tertiary-color-background-hover: var(--ids-button-toggle-color-background-hover-default);
1469
+ --ids-button-tertiary-color-text-hover: var(--ids-button-toggle-color-text-hover-default);
971
1470
  }
972
1471
 
973
- .highlight {
974
- font-weight: var(--ids-font-weight-bold);
1472
+ :host(ids-toggle-button[pressed]) {
1473
+ --ids-button-tertiary-color-text-default: var(--ids-button-toggle-color-text-pressed-default);
975
1474
  }
976
1475
 
977
- .ids-input-field[type=number]::-webkit-inner-spin-button,
978
- .ids-input-field[type=number]::-webkit-outer-spin-button {
979
- appearance: none;
1476
+ :host(ids-toggle-button[color=orange]) {
1477
+ --ids-button-tertiary-color-background-hover: var(--ids-button-toggle-color-background-hover-orange);
1478
+ --ids-button-tertiary-color-text-hover: var(--ids-button-toggle-color-text-hover-orange);
980
1479
  }
981
1480
 
982
- .ids-input-field::-webkit-caps-lock-indicator {
983
- visibility: hidden;
1481
+ :host(ids-toggle-button[pressed][color=orange]) {
1482
+ --ids-button-tertiary-color-text-default: var(--ids-button-toggle-color-text-pressed-orange);
984
1483
  }
985
1484
 
986
- :host ids-popup[type=dropdown] {
987
- width: 100%;
988
- max-width: var(--ids-input-width-40);
1485
+ :host(ids-toggle-button[color=red]) {
1486
+ --ids-button-tertiary-color-background-hover: var(--ids-button-toggle-color-background-hover-red);
1487
+ --ids-button-tertiary-color-text-hover: var(--ids-button-toggle-color-text-hover-red);
989
1488
  }
990
1489
 
991
- :host([size=xs]) ids-popup[type=dropdown] {
992
- max-width: var(--ids-input-width-10);
1490
+ :host(ids-toggle-button[pressed][color=red]) {
1491
+ --ids-button-tertiary-color-text-default: var(--ids-button-toggle-color-text-pressed-red);
993
1492
  }
994
1493
 
995
- :host([size=sm]) ids-popup[type=dropdown] {
996
- max-width: var(--ids-input-width-20);
1494
+ :host button {
1495
+ --ids-button-icon-height: 32px;
1496
+ --ids-button-icon-width: 32px;
1497
+ height: auto;
1498
+ width: auto;
997
1499
  }
998
1500
 
999
- :host([size=mm]) ids-popup[type=dropdown] {
1000
- max-width: var(--ids-input-width-30);
1501
+ :host([compact]) .ids-trigger-button.ids-icon-button,
1502
+ :host([field-height=xs]) .ids-trigger-button.ids-icon-button,
1503
+ :host([field-height=sm]) .ids-trigger-button.ids-icon-button {
1504
+ padding: var(--ids-space-none);
1001
1505
  }
1002
-
1003
- :host([size=md]) ids-popup[type=dropdown] {
1004
- max-width: var(--ids-input-width-40);
1506
+ :host([compact]) .ids-trigger-button.ids-icon-button:not(.square),
1507
+ :host([field-height=xs]) .ids-trigger-button.ids-icon-button:not(.square),
1508
+ :host([field-height=sm]) .ids-trigger-button.ids-icon-button:not(.square) {
1509
+ border-radius: var(--ids-trigger-field-button-border-radius);
1005
1510
  }
1006
1511
 
1007
- :host([size=lg]) ids-popup[type=dropdown] {
1008
- max-width: var(--ids-input-width-50);
1512
+ :host([field-height=xs]) .ids-trigger-button.ids-icon-button {
1513
+ margin-inline-end: 3px;
1009
1514
  }
1010
1515
 
1011
- :host([size=full]) ids-popup[type=dropdown] {
1012
- max-width: var(--ids-input-width-full);
1516
+ :host([field-height=sm]) .ids-trigger-button.ids-icon-button {
1517
+ margin-inline-end: 6px;
1013
1518
  }
1014
1519
 
1015
- :host(:not([show-loading-indicator=true])) ::slotted(.slot-loading-indicator) {
1016
- display: none;
1520
+ :host(.expand-button),
1521
+ .expand-button {
1522
+ position: relative;
1523
+ inset-inline: 17px;
1017
1524
  }
1018
1525
 
1019
- :host([show-loading-indicator=true]) {
1020
- pointer-events: none;
1526
+ .ids-trigger-button {
1527
+ align-items: center;
1528
+ background-color: transparent;
1529
+ display: flex;
1530
+ color: var(--ids-trigger-field-icon-color);
1531
+ justify-content: center;
1021
1532
  }
1022
- :host([show-loading-indicator=true]) ::slotted(ids-loading-indicator) {
1023
- margin-top: 3px;
1024
- margin-bottom: 3px;
1533
+ .ids-trigger-button.ids-icon-button {
1534
+ padding: var(--ids-space-xxs);
1535
+ inset-inline-start: -2px;
1025
1536
  }
1026
- :host([show-loading-indicator=true]) ::slotted(ids-trigger-button[slot=trigger-end]) {
1027
- display: none;
1537
+ .ids-trigger-button.ids-icon-button[disabled] {
1538
+ color: var(--ids-trigger-field-color-text-disabled);
1028
1539
  }
1029
- :host([show-loading-indicator=true]) ::slotted(.slot-loading-indicator) {
1030
- margin-inline-end: 12px;
1031
- margin-inline-start: 8px;
1540
+ .ids-trigger-button.ids-icon-button[readonly] {
1541
+ color: var(--ids-trigger-field-color-text-disabled);
1542
+ opacity: var(--ids-button-tertiary-opacity-disabled);
1032
1543
  }
1033
-
1034
- :host([show-loading-indicator=true][field-height=xs]) ::slotted(.slot-loading-indicator) {
1035
- margin-inline-start: 4px;
1036
- margin-inline-end: 4px;
1544
+ .ids-trigger-button.ids-icon-button[readonly]:hover {
1545
+ cursor: default;
1546
+ background-color: transparent;
1547
+ border-color: transparent;
1037
1548
  }
1038
-
1039
- :host([show-loading-indicator=true][field-height=sm]) ::slotted(.slot-loading-indicator) {
1040
- margin-inline-end: 8px;
1041
- margin-inline-start: 4px;
1549
+ .ids-trigger-button.style-inline {
1550
+ border: 0;
1551
+ padding: var(--ids-space-none);
1552
+ border-radius: var(--ids-trigger-field-button-border-radius-inline);
1553
+ margin: var(--ids-space-none);
1042
1554
  }
1043
-
1044
- ::slotted(.audible) {
1045
- clip: rect(0, 0, 0, 0);
1046
- height: 0;
1047
- line-height: 0;
1048
- min-height: 0;
1049
- overflow: hidden;
1050
- padding: 0;
1051
- position: absolute;
1052
- width: 1px;
1555
+ .ids-trigger-button.style-inline.ids-icon-button {
1556
+ padding: var(--ids-space-none);
1053
1557
  }
1054
-
1055
- :host([part=trigger-field]) {
1056
- justify-content: flex-start;
1558
+ .ids-trigger-button.style-inline.square {
1559
+ border-radius: 0;
1057
1560
  }
1058
-
1059
- .ids-trigger-field {
1060
- justify-content: inherit;
1561
+ .ids-trigger-button.style-inline.field-height-xs, .ids-trigger-button.style-inline.field-height-xs.compact {
1562
+ height: calc(var(--ids-input-height-10) - 2px);
1563
+ width: calc(var(--ids-input-height-10) - 2px);
1061
1564
  }
1062
- .ids-trigger-field.compact .field-container {
1063
- height: var(--ids-input-height-10);
1565
+ .ids-trigger-button.style-inline.field-height-sm {
1566
+ height: calc(var(--ids-input-height-20) - 2px);
1567
+ width: calc(var(--ids-input-height-20) - 2px);
1064
1568
  }
1065
-
1066
- .ids-trigger-field-slot-trigger-start,
1067
- ::slotted(*[slot=trigger-start]:first-of-type:not([inline]):not([compact]):not([field-height=xs])) {
1068
- margin-inline-start: var(--ids-trigger-field-button-margin);
1569
+ .ids-trigger-button.style-inline.field-height-md {
1570
+ height: calc(var(--ids-input-height-30) - 2px);
1571
+ width: calc(var(--ids-input-height-30) - 2px);
1069
1572
  }
1070
-
1071
- .ids-trigger-field-slot-trigger-end,
1072
- ::slotted(*[slot=trigger-end]:last-of-type:not([inline]):not([compact]):not([field-height=xs])) {
1073
- margin-inline-end: var(--ids-trigger-field-button-margin);
1573
+ .ids-trigger-button.style-inline.field-height-lg {
1574
+ height: calc(var(--ids-input-height-40) - 2px);
1575
+ width: calc(var(--ids-input-height-40) - 2px);
1074
1576
  }
1075
-
1076
- ::slotted(*[slot=trigger-end].xs) {
1077
- --ids-trigger-field-button-margin: 2px;
1078
- width: 24px;
1577
+ .ids-trigger-button.style-inline.compact, .ids-trigger-button.style-inline.field-height-sm.compact, .ids-trigger-button.style-inline.field-height-md.compact, .ids-trigger-button.style-inline.field-height-lg.compact {
1578
+ height: calc(var(--ids-input-height-10) - 2px);
1079
1579
  }
1080
-
1081
- .ids-input.color-variant-alternate-formatter:focus-within .field-container {
1082
- box-shadow: var(--ids-trigger-field-shadow-focus);
1580
+ .ids-trigger-button.inline-end {
1581
+ border-inline-start: 1px solid;
1083
1582
  }
1084
- .ids-input.color-variant-alternate-formatter:focus-within .ids-input-field {
1085
- box-shadow: none;
1583
+ .ids-trigger-button.inline-start {
1584
+ border-inline-end: 1px solid;
1086
1585
  }
1087
-
1088
- :host(:not([collapsed])) ::slotted(ids-trigger-button.expand-button) {
1089
- display: none;
1586
+ .ids-trigger-button.inline-start:not(.btn-secondary):not(.no-margins) {
1587
+ margin: 0;
1090
1588
  }
1091
-
1092
- :host([collapsed]) ::slotted(ids-trigger-button.expand-button) {
1093
- display: block;
1589
+ .ids-trigger-button.color-variant-alternate-formatter {
1590
+ padding: var(--ids-space-xxxs);
1591
+ }
1592
+ .ids-trigger-button.inherit-color {
1593
+ color: currentColor;
1094
1594
  }