ids-enterprise-wc 1.0.0-beta.16 → 1.0.0-beta.17

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 (1019) hide show
  1. package/README.md +30 -19
  2. package/chunks/{ids-chunk-R7IBXBBI.js → ids-chunk-23UNNOWE.js} +1 -1
  3. package/chunks/{ids-chunk-KL4ANKXE.js → ids-chunk-277HUP5X.js} +3 -4
  4. package/chunks/ids-chunk-2RORKZXG.js +80 -0
  5. package/chunks/ids-chunk-2S7VYSMB.js +164 -0
  6. package/chunks/{ids-chunk-GDOGZTYB.js → ids-chunk-2VWRBDCK.js} +12 -6
  7. package/chunks/ids-chunk-2WH6YGV5.js +86 -0
  8. package/chunks/{ids-chunk-EJPAX7HS.js → ids-chunk-35NW35ZW.js} +1 -1
  9. package/chunks/{ids-chunk-CPFMJAEE.js → ids-chunk-3FNSVHTU.js} +1 -2
  10. package/chunks/{ids-chunk-I7TMQFGA.js → ids-chunk-3LLUAIAJ.js} +2 -2
  11. package/chunks/ids-chunk-3QLSR2DO.js +21 -0
  12. package/chunks/ids-chunk-3RGYQNM3.js +113 -0
  13. package/chunks/{ids-chunk-EDO5C4XS.js → ids-chunk-3RKO3VRR.js} +42 -14
  14. package/chunks/{ids-chunk-RQKQHQQV.js → ids-chunk-3UDY3VBL.js} +7 -8
  15. package/chunks/ids-chunk-3YLCKF3B.js +61 -0
  16. package/chunks/{ids-chunk-3W3CIRHM.js → ids-chunk-3ZJ36WWH.js} +195 -16
  17. package/chunks/ids-chunk-4DCGWWPS.js +20 -0
  18. package/chunks/{ids-chunk-O534NIQI.js → ids-chunk-4DK5QYKH.js} +4 -4
  19. package/chunks/ids-chunk-4E5FBLWV.js +60 -0
  20. package/chunks/{ids-chunk-JRGVT5IM.js → ids-chunk-4J4H5USX.js} +22 -7
  21. package/chunks/{ids-chunk-6COPBFM6.js → ids-chunk-4N5BJ3GP.js} +3 -4
  22. package/chunks/ids-chunk-4VR55SRS.js +115 -0
  23. package/chunks/{ids-chunk-DCNGT4R2.js → ids-chunk-4WDX2CDM.js} +1 -1
  24. package/chunks/{ids-chunk-OZYIOYWV.js → ids-chunk-4WHK3IHY.js} +1 -1
  25. package/chunks/ids-chunk-4XZUCEYZ.js +427 -0
  26. package/chunks/{ids-chunk-K3SZ6HWS.js → ids-chunk-5FRNXXID.js} +1 -1
  27. package/chunks/ids-chunk-5FY5U6SN.js +177 -0
  28. package/chunks/{ids-chunk-N5XECF5C.js → ids-chunk-5JXXRIHS.js} +2 -3
  29. package/chunks/ids-chunk-5P7KHOKC.js +1 -0
  30. package/chunks/{ids-chunk-AZX6IDLY.js → ids-chunk-5PTAU26D.js} +8 -7
  31. package/chunks/{ids-chunk-TXU2PLVW.js → ids-chunk-67DSMQ4R.js} +1 -2
  32. package/chunks/{ids-chunk-EGHO3JFZ.js → ids-chunk-6GD5AK6J.js} +1 -1
  33. package/chunks/{ids-chunk-YWHM3ZDZ.js → ids-chunk-6NORWWJK.js} +1 -1
  34. package/chunks/ids-chunk-6NXRYEIX.js +83 -0
  35. package/chunks/{ids-chunk-FC7T5DYB.js → ids-chunk-6NYWN5ES.js} +184 -16
  36. package/chunks/{ids-chunk-FLW6Z5UP.js → ids-chunk-6TEY67DT.js} +1 -1
  37. package/chunks/{ids-chunk-QGYYPJNG.js → ids-chunk-6W3Q5D5I.js} +2 -3
  38. package/chunks/{ids-chunk-E77GIPAD.js → ids-chunk-6XWKNA7H.js} +1 -2
  39. package/chunks/ids-chunk-72ZYPOWJ.js +18 -0
  40. package/chunks/ids-chunk-7AVFFKCY.js +1 -0
  41. package/chunks/{ids-chunk-GJU74P7B.js → ids-chunk-7L43CVJ7.js} +1 -1
  42. package/chunks/ids-chunk-7MMHHL3L.js +161 -0
  43. package/chunks/ids-chunk-7N2AO3T2.js +1 -0
  44. package/chunks/{ids-chunk-KRACHCME.js → ids-chunk-7PS2VBTY.js} +1 -2
  45. package/chunks/{ids-chunk-XLV3I2G5.js → ids-chunk-ACARG4YW.js} +28 -24
  46. package/chunks/{ids-chunk-SUAIQHKR.js → ids-chunk-ALO3Q7MP.js} +2 -2
  47. package/chunks/ids-chunk-AQFYCU2E.js +87 -0
  48. package/chunks/{ids-chunk-XJ6YDMYE.js → ids-chunk-AWX53KLG.js} +1 -1
  49. package/chunks/ids-chunk-AYRO3RBO.js +1 -0
  50. package/chunks/{ids-chunk-JEL6K34H.js → ids-chunk-B4ZHUD4W.js} +1 -1
  51. package/chunks/{ids-chunk-256QWMAC.js → ids-chunk-BA2D3M63.js} +1 -1
  52. package/chunks/ids-chunk-BUJ7X7MF.js +1 -0
  53. package/chunks/{ids-chunk-JXCK44LT.js → ids-chunk-BW4NFWJH.js} +4 -4
  54. package/chunks/ids-chunk-CQRUOUCJ.js +1 -0
  55. package/chunks/{ids-chunk-B6P5AQ2Z.js → ids-chunk-CT5U7IVV.js} +1 -1
  56. package/chunks/{ids-chunk-GOUW4UYM.js → ids-chunk-CTBJTJZA.js} +1 -1
  57. package/chunks/ids-chunk-CTR2M4FV.js +10 -0
  58. package/chunks/{ids-chunk-BPOXPSJG.js → ids-chunk-CV5JU533.js} +1 -2
  59. package/chunks/ids-chunk-CWJSUKSH.js +70 -0
  60. package/chunks/{ids-chunk-N4PGPFE5.js → ids-chunk-D6BUNCYD.js} +1 -1
  61. package/chunks/{ids-chunk-TR5PD2OO.js → ids-chunk-D6TOZSKF.js} +7 -8
  62. package/chunks/{ids-chunk-GUWNTWN5.js → ids-chunk-D7UBFM7J.js} +1 -1
  63. package/chunks/ids-chunk-DA4P2Q4N.js +14 -0
  64. package/chunks/{ids-chunk-2XSPH5WP.js → ids-chunk-DCP2XWII.js} +1 -1
  65. package/chunks/ids-chunk-DMKD4I3F.js +70 -0
  66. package/chunks/{ids-chunk-7F3ETRQW.js → ids-chunk-DMZOF3FV.js} +3 -4
  67. package/chunks/ids-chunk-DQ4T4OML.js +441 -0
  68. package/chunks/ids-chunk-DTX2CA4T.js +297 -0
  69. package/chunks/ids-chunk-DUHHOTPB.js +191 -0
  70. package/chunks/ids-chunk-DZEBKRMD.js +18 -0
  71. package/chunks/ids-chunk-EARO2CJC.js +323 -0
  72. package/chunks/{ids-chunk-PAQOFLY5.js → ids-chunk-EI4JMCLM.js} +1 -1
  73. package/chunks/ids-chunk-EIWS5IXO.js +154 -0
  74. package/chunks/ids-chunk-EJFV3IXB.js +1 -0
  75. package/chunks/{ids-chunk-FZZRD7GR.js → ids-chunk-EJM3B5XG.js} +1 -2
  76. package/chunks/{ids-chunk-LKONZTXY.js → ids-chunk-EUOS6T2I.js} +1 -1
  77. package/chunks/{ids-chunk-VD3FN2LH.js → ids-chunk-EVENS4EI.js} +1 -1
  78. package/chunks/{ids-chunk-T6LFBUS5.js → ids-chunk-EWNIKJPY.js} +1 -1
  79. package/chunks/{ids-chunk-S5SMNDJW.js → ids-chunk-EYO6Y3RV.js} +3 -4
  80. package/chunks/{ids-chunk-G23255XM.js → ids-chunk-FAADGDFD.js} +15 -15
  81. package/chunks/{ids-chunk-5PYC5AV6.js → ids-chunk-FIRXSWVM.js} +1 -2
  82. package/chunks/{ids-chunk-DM2UZRHO.js → ids-chunk-FM6EEIGE.js} +1 -1
  83. package/chunks/ids-chunk-FO52BNTK.js +1 -0
  84. package/chunks/{ids-chunk-KOLPFMTS.js → ids-chunk-FRYW6OND.js} +1 -2
  85. package/chunks/ids-chunk-FZMRTVU5.js +53 -0
  86. package/chunks/ids-chunk-G7HX6TGU.js +56 -0
  87. package/chunks/ids-chunk-GMQ3SACE.js +176 -0
  88. package/chunks/ids-chunk-GPP7AJYQ.js +37 -0
  89. package/chunks/ids-chunk-GTFZVSCW.js +265 -0
  90. package/chunks/ids-chunk-GZLGMDEV.js +189 -0
  91. package/chunks/{ids-chunk-UD7EZL5K.js → ids-chunk-HAB474LR.js} +1 -1
  92. package/chunks/{ids-chunk-ARK6U5LB.js → ids-chunk-HSAD2Y6Y.js} +1 -1
  93. package/chunks/ids-chunk-ICHQCESW.js +10 -0
  94. package/chunks/ids-chunk-IJT7O7QH.js +239 -0
  95. package/chunks/{ids-chunk-56OF2IT3.js → ids-chunk-IKW2HVIN.js} +88 -42
  96. package/chunks/{ids-chunk-S57FUYFM.js → ids-chunk-ILJOVILZ.js} +1 -1
  97. package/chunks/ids-chunk-IS7TNCSO.js +30 -0
  98. package/chunks/{ids-chunk-7JQPPD2W.js → ids-chunk-IUYVIIHP.js} +1 -1
  99. package/chunks/{ids-chunk-7NJKLB3F.js → ids-chunk-IWMQE5PV.js} +9 -11
  100. package/chunks/{ids-chunk-FYDKD3TL.js → ids-chunk-J24ELFMZ.js} +1 -1
  101. package/chunks/{ids-chunk-TNBG2NDD.js → ids-chunk-JC3UJE3K.js} +1 -1
  102. package/chunks/ids-chunk-JJN34CZM.js +15 -0
  103. package/chunks/ids-chunk-JL77DSE6.js +289 -0
  104. package/chunks/{ids-chunk-B5JKAHB2.js → ids-chunk-JOUT6B26.js} +1 -1
  105. package/chunks/ids-chunk-JPNRPWMS.js +37 -0
  106. package/chunks/{ids-chunk-J7FRNP5Q.js → ids-chunk-JSEYT62E.js} +1 -2
  107. package/chunks/ids-chunk-JUAZVJ6E.js +1 -0
  108. package/chunks/{ids-chunk-OXKTN6VF.js → ids-chunk-JVKOGH4J.js} +5 -6
  109. package/chunks/{ids-chunk-27XAFGEX.js → ids-chunk-K2BBXXX5.js} +1 -1
  110. package/chunks/{ids-chunk-OATGVHTP.js → ids-chunk-K2BOUTAR.js} +4 -4
  111. package/chunks/{ids-chunk-2KRKXDVS.js → ids-chunk-K4A5Z3JP.js} +1 -1
  112. package/chunks/ids-chunk-KAWXVJ2W.js +45 -0
  113. package/chunks/{ids-chunk-RL4NAQQE.js → ids-chunk-KCHJRSC5.js} +30 -18
  114. package/chunks/{ids-chunk-SPYQOFW5.js → ids-chunk-KKTMZ2GW.js} +2 -2
  115. package/chunks/{ids-chunk-OK27WIWV.js → ids-chunk-KOB7TJ7A.js} +1 -1
  116. package/chunks/{ids-chunk-33IXL2SW.js → ids-chunk-KPLOV5F2.js} +1 -2
  117. package/chunks/ids-chunk-KSDP2SY5.js +20 -0
  118. package/chunks/ids-chunk-KSZBZQHC.js +9 -0
  119. package/chunks/{ids-chunk-KSU4TFM3.js → ids-chunk-L4SNTZLY.js} +1 -1
  120. package/chunks/ids-chunk-LBSONM2J.js +50 -0
  121. package/chunks/ids-chunk-LBUA5UI3.js +116 -0
  122. package/chunks/ids-chunk-LFKI3ZIN.js +1 -0
  123. package/chunks/ids-chunk-LJJROZEF.js +80 -0
  124. package/chunks/{ids-chunk-AUIT2TJM.js → ids-chunk-LP4VOBTP.js} +1 -2
  125. package/chunks/ids-chunk-LS23CGBA.js +78 -0
  126. package/chunks/ids-chunk-M5KEZ3U4.js +191 -0
  127. package/chunks/{ids-chunk-RJOASYIA.js → ids-chunk-M5RDWTSO.js} +26 -14
  128. package/chunks/ids-chunk-M5ZYHLZ7.js +74 -0
  129. package/chunks/ids-chunk-MJGRLEUU.js +1 -0
  130. package/chunks/{ids-chunk-BL6DBLBQ.js → ids-chunk-N6SX6TUD.js} +7 -3
  131. package/chunks/ids-chunk-N7DRMWRG.js +1 -0
  132. package/chunks/{ids-chunk-T4VCWHNS.js → ids-chunk-N7EENVPY.js} +1 -1
  133. package/chunks/{ids-chunk-JO7PE77G.js → ids-chunk-NMFWT32Z.js} +1 -1
  134. package/chunks/ids-chunk-NNYEUWVD.js +1 -0
  135. package/chunks/{ids-chunk-Y4WUDVCZ.js → ids-chunk-NP4FOCAS.js} +1 -1
  136. package/chunks/ids-chunk-NSM2KAOK.js +1 -0
  137. package/chunks/ids-chunk-OEQWVHEY.js +119 -0
  138. package/chunks/ids-chunk-OFGEJ5NL.js +93 -0
  139. package/chunks/ids-chunk-OJRII7T2.js +48 -0
  140. package/chunks/ids-chunk-P2HXL5MC.js +48 -0
  141. package/chunks/ids-chunk-PHQEFZRD.js +1 -0
  142. package/chunks/ids-chunk-PHUPEVPH.js +126 -0
  143. package/chunks/{ids-chunk-T47YQ3TX.js → ids-chunk-PKXWNJWU.js} +1 -1
  144. package/chunks/{ids-chunk-QMFBT2OI.js → ids-chunk-Q7EY62EZ.js} +1 -2
  145. package/chunks/{ids-chunk-RFSSSI2A.js → ids-chunk-QB6TDVBM.js} +1 -1
  146. package/chunks/{ids-chunk-FWLJ6BFR.js → ids-chunk-QHVA2RUG.js} +1 -1
  147. package/chunks/{ids-chunk-PCQZFZLI.js → ids-chunk-QICCZWBD.js} +1 -1
  148. package/chunks/ids-chunk-QKRRG3BL.js +1 -0
  149. package/chunks/{ids-chunk-H2YLORNF.js → ids-chunk-QMM56NA3.js} +7 -8
  150. package/chunks/{ids-chunk-LUQ5WTTM.js → ids-chunk-RD3DSHEV.js} +2 -3
  151. package/chunks/{ids-chunk-B4TKDK5B.js → ids-chunk-RFJULALP.js} +6 -7
  152. package/chunks/{ids-chunk-T2XQSVTZ.js → ids-chunk-RHG7XK7B.js} +1 -1
  153. package/chunks/ids-chunk-RJSQ6T6Q.js +89 -0
  154. package/chunks/ids-chunk-RKWJAL3O.js +52 -0
  155. package/chunks/{ids-chunk-R5ZFGKRA.js → ids-chunk-RLKK4ZQR.js} +1 -2
  156. package/chunks/ids-chunk-RXLD6G4V.js +32 -0
  157. package/chunks/{ids-chunk-SDRG6LI4.js → ids-chunk-RXQQ2UZI.js} +1 -1
  158. package/chunks/{ids-chunk-ZOZUFUA2.js → ids-chunk-RYSGXFIX.js} +1 -2
  159. package/chunks/ids-chunk-SB4UYHV2.js +20 -0
  160. package/chunks/ids-chunk-SBHRNGNZ.js +470 -0
  161. package/chunks/{ids-chunk-N7P4D4N3.js → ids-chunk-SDTXNG6G.js} +1 -1
  162. package/chunks/{ids-chunk-HFC2PO2V.js → ids-chunk-SEHCH7FR.js} +1 -1
  163. package/chunks/ids-chunk-SIAA33LV.js +25 -0
  164. package/chunks/ids-chunk-SISBAIFN.js +21 -0
  165. package/chunks/{ids-chunk-6BJZDHC6.js → ids-chunk-SM6JJ3BH.js} +5 -6
  166. package/chunks/{ids-chunk-4ADP36SL.js → ids-chunk-SOPVBEZ6.js} +1 -1
  167. package/chunks/ids-chunk-SOS6R5EM.js +72 -0
  168. package/chunks/{ids-chunk-55KAA7LL.js → ids-chunk-SQDB6YZN.js} +5 -20
  169. package/chunks/ids-chunk-SSK7RNWD.js +61 -0
  170. package/chunks/{ids-chunk-HRJ7N5QD.js → ids-chunk-SSRZZ44E.js} +4 -5
  171. package/chunks/{ids-chunk-55QS2FIU.js → ids-chunk-SV4HHQDF.js} +7 -7
  172. package/chunks/ids-chunk-T35PTRDE.js +1 -0
  173. package/chunks/ids-chunk-T4ZQKA6N.js +58 -0
  174. package/chunks/{ids-chunk-XOOLNL2R.js → ids-chunk-TFKPHKUJ.js} +2 -2
  175. package/chunks/{ids-chunk-LV3XHDOL.js → ids-chunk-TK5YRNZU.js} +1 -2
  176. package/chunks/ids-chunk-TPBCFCIT.js +288 -0
  177. package/chunks/{ids-chunk-5YEGLIBC.js → ids-chunk-TZVV43WS.js} +3 -4
  178. package/chunks/{ids-chunk-CPE22KTJ.js → ids-chunk-U5YGO4LE.js} +1 -2
  179. package/chunks/ids-chunk-U7THI6NS.js +82 -0
  180. package/chunks/ids-chunk-UEOMFSYT.js +30 -0
  181. package/chunks/{ids-chunk-XFLU3ETC.js → ids-chunk-URD6L7HI.js} +1 -1
  182. package/chunks/{ids-chunk-EHFCX2V2.js → ids-chunk-V3KPF5V2.js} +4 -5
  183. package/chunks/{ids-chunk-EJABIO2C.js → ids-chunk-VE4Y62R6.js} +1 -1
  184. package/chunks/ids-chunk-VEAPPKDG.js +1 -0
  185. package/chunks/ids-chunk-VKQ7QF72.js +87 -0
  186. package/chunks/{ids-chunk-AVQQQYIZ.js → ids-chunk-VZO7I2OU.js} +11 -8
  187. package/chunks/{ids-chunk-SCWD3ICQ.js → ids-chunk-W6RCLQGO.js} +1 -1
  188. package/chunks/{ids-chunk-DED2L7WG.js → ids-chunk-WC5UEHFC.js} +185 -17
  189. package/chunks/{ids-chunk-HXQK5AOF.js → ids-chunk-WERRPJQF.js} +3 -4
  190. package/chunks/{ids-chunk-LL4HKB7S.js → ids-chunk-WIL57FIX.js} +2 -3
  191. package/chunks/ids-chunk-WYT2WQ6J.js +35 -0
  192. package/chunks/{ids-chunk-YUEBHWUV.js → ids-chunk-X24PHJUP.js} +1 -1
  193. package/chunks/{ids-chunk-QCTPPDOZ.js → ids-chunk-X7KWNXJU.js} +1 -1
  194. package/chunks/{ids-chunk-6D5SDTJL.js → ids-chunk-XDHN7FIQ.js} +1 -1
  195. package/chunks/{ids-chunk-LU4SBFGG.js → ids-chunk-XGE4VX2E.js} +3 -4
  196. package/chunks/ids-chunk-XISPWY2O.js +279 -0
  197. package/chunks/{ids-chunk-V57DBXTD.js → ids-chunk-XIX3W2D7.js} +3 -4
  198. package/chunks/ids-chunk-XOXO2TEG.js +17 -0
  199. package/chunks/{ids-chunk-BTXG2E4X.js → ids-chunk-XUD3WMIT.js} +1 -1
  200. package/chunks/ids-chunk-XVMMEX7J.js +1 -0
  201. package/chunks/ids-chunk-XZOYSQXW.js +113 -0
  202. package/chunks/ids-chunk-Y32WUP63.js +1 -0
  203. package/chunks/ids-chunk-YLSCOKVT.js +86 -0
  204. package/chunks/{ids-chunk-JGNL7LWI.js → ids-chunk-YQIATVAP.js} +4 -5
  205. package/chunks/ids-chunk-YVRJF4FD.js +5 -0
  206. package/chunks/ids-chunk-YZCDO5QI.js +23 -0
  207. package/chunks/{ids-chunk-TLWKYEHJ.js → ids-chunk-Z2TM5XYU.js} +27 -15
  208. package/chunks/{ids-chunk-U4L5BA4H.js → ids-chunk-Z62FQ2TQ.js} +28 -16
  209. package/chunks/{ids-chunk-IFA6SPMX.js → ids-chunk-ZD4SMWXJ.js} +9 -10
  210. package/chunks/{ids-chunk-Y2HCXRPG.js → ids-chunk-ZEWC2PMO.js} +6 -7
  211. package/chunks/ids-chunk-ZKFSRERX.js +1 -0
  212. package/chunks/ids-chunk-ZMJZH2ML.js +20 -0
  213. package/chunks/ids-chunk-ZQNX3WOW.js +286 -0
  214. package/chunks/ids-chunk-ZSRM5P5V.js +93 -0
  215. package/chunks/{ids-chunk-RNSLL6IZ.js → ids-chunk-ZUOGZ6BG.js} +1 -1
  216. package/chunks/ids-chunk-ZWSUJSD3.js +1 -0
  217. package/components/ids-about/ids-about.css +38 -6
  218. package/components/ids-about/ids-about.d.ts +14 -4
  219. package/components/ids-about/ids-about.js +1 -1
  220. package/components/ids-accordion/ids-accordion-common.js +1 -1
  221. package/components/ids-accordion/ids-accordion-header.d.ts +30 -12
  222. package/components/ids-accordion/ids-accordion-header.js +1 -1
  223. package/components/ids-accordion/ids-accordion-panel.d.ts +36 -10
  224. package/components/ids-accordion/ids-accordion-panel.js +1 -1
  225. package/components/ids-accordion/ids-accordion-section.d.ts +11 -4
  226. package/components/ids-accordion/ids-accordion-section.js +1 -2
  227. package/components/ids-accordion/ids-accordion.d.ts +45 -13
  228. package/components/ids-accordion/ids-accordion.js +1 -1
  229. package/components/ids-action-panel/ids-action-panel.css +19 -3
  230. package/components/ids-action-panel/ids-action-panel.js +1 -1
  231. package/components/ids-action-sheet/ids-action-sheet.d.ts +10 -3
  232. package/components/ids-action-sheet/ids-action-sheet.js +1 -1
  233. package/components/ids-alert/ids-alert.d.ts +27 -12
  234. package/components/ids-alert/ids-alert.js +1 -1
  235. package/components/ids-app-menu/ids-app-menu.d.ts +10 -3
  236. package/components/ids-app-menu/ids-app-menu.js +1 -1
  237. package/components/ids-area-chart/ids-area-chart.css +4 -2
  238. package/components/ids-area-chart/ids-area-chart.js +1 -1
  239. package/components/ids-axis-chart/ids-axis-chart.d.ts +48 -14
  240. package/components/ids-axis-chart/ids-axis-chart.js +1 -1
  241. package/components/ids-axis-chart/ids-chart-colors.js +1 -1
  242. package/components/ids-axis-chart/ids-nice-scale.js +1 -1
  243. package/components/ids-axis-chart/ids-pattern-data.js +1 -1
  244. package/components/ids-badge/ids-badge.d.ts +10 -3
  245. package/components/ids-badge/ids-badge.js +1 -1
  246. package/components/ids-bar-chart/ids-bar-chart.css +2 -1
  247. package/components/ids-bar-chart/ids-bar-chart.js +1 -1
  248. package/components/ids-block-grid/ids-block-grid-item.d.ts +30 -9
  249. package/components/ids-block-grid/ids-block-grid-item.js +1 -1
  250. package/components/ids-block-grid/ids-block-grid.css +20 -62
  251. package/components/ids-block-grid/ids-block-grid.d.ts +24 -13
  252. package/components/ids-block-grid/ids-block-grid.js +1 -1
  253. package/components/ids-box/ids-box.js +1 -1
  254. package/components/ids-breadcrumb/ids-breadcrumb.d.ts +21 -7
  255. package/components/ids-breadcrumb/ids-breadcrumb.js +1 -1
  256. package/components/ids-button/ids-button-common.js +1 -1
  257. package/components/ids-button/ids-button.d.ts +90 -37
  258. package/components/ids-button/ids-button.js +1 -1
  259. package/components/ids-calendar/ids-calendar-event.d.ts +30 -6
  260. package/components/ids-calendar/ids-calendar-event.js +1 -1
  261. package/components/ids-calendar/ids-calendar.css +249 -175
  262. package/components/ids-calendar/ids-calendar.d.ts +454 -60
  263. package/components/ids-calendar/ids-calendar.js +1 -1
  264. package/components/ids-card/ids-card-action.js +1 -1
  265. package/components/ids-card/ids-card.css +3 -236
  266. package/components/ids-card/ids-card.d.ts +52 -24
  267. package/components/ids-card/ids-card.js +1 -1
  268. package/components/ids-checkbox/ids-checkbox.d.ts +60 -21
  269. package/components/ids-checkbox/ids-checkbox.js +1 -1
  270. package/components/ids-checkbox-group/ids-checkbox-group.d.ts +28 -4
  271. package/components/ids-checkbox-group/ids-checkbox-group.js +1 -1
  272. package/components/ids-color/ids-color.d.ts +20 -6
  273. package/components/ids-color/ids-color.js +1 -1
  274. package/components/ids-color-picker/ids-color-picker.css +21 -8
  275. package/components/ids-color-picker/ids-color-picker.d.ts +74 -25
  276. package/components/ids-color-picker/ids-color-picker.js +1 -1
  277. package/components/ids-container/ids-container.d.ts +31 -10
  278. package/components/ids-container/ids-container.js +1 -1
  279. package/components/ids-counts/ids-counts.d.ts +10 -3
  280. package/components/ids-counts/ids-counts.js +1 -1
  281. package/components/ids-data-grid/ids-data-grid-cell.js +1 -1
  282. package/components/ids-data-grid/ids-data-grid-column.d.ts +3 -1
  283. package/components/ids-data-grid/ids-data-grid-container-arguments.js +1 -1
  284. package/components/ids-data-grid/ids-data-grid-contextmenu.js +1 -1
  285. package/components/ids-data-grid/ids-data-grid-editors.d.ts +25 -7
  286. package/components/ids-data-grid/ids-data-grid-editors.js +1 -1
  287. package/components/ids-data-grid/ids-data-grid-empty-message.js +1 -1
  288. package/components/ids-data-grid/ids-data-grid-filters.js +1 -1
  289. package/components/ids-data-grid/ids-data-grid-formatters.d.ts +2 -0
  290. package/components/ids-data-grid/ids-data-grid-formatters.js +1 -1
  291. package/components/ids-data-grid/ids-data-grid-header.d.ts +14 -3
  292. package/components/ids-data-grid/ids-data-grid-header.js +1 -1
  293. package/components/ids-data-grid/ids-data-grid-row.js +1 -1
  294. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.d.ts +25 -18
  295. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.js +1 -1
  296. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.d.ts +24 -17
  297. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.js +1 -1
  298. package/components/ids-data-grid/ids-data-grid.css +7 -3
  299. package/components/ids-data-grid/ids-data-grid.d.ts +103 -56
  300. package/components/ids-data-grid/ids-data-grid.js +1 -1
  301. package/components/ids-data-label/ids-data-label.d.ts +20 -6
  302. package/components/ids-data-label/ids-data-label.js +1 -1
  303. package/components/ids-date-picker/ids-date-picker-common.js +1 -1
  304. package/components/ids-date-picker/ids-date-picker-popup.d.ts +42 -23
  305. package/components/ids-date-picker/ids-date-picker-popup.js +1 -1
  306. package/components/ids-date-picker/ids-date-picker.css +58 -89
  307. package/components/ids-date-picker/ids-date-picker.d.ts +106 -36
  308. package/components/ids-date-picker/ids-date-picker.js +1 -1
  309. package/components/ids-date-picker/ids-month-year-picklist.d.ts +40 -12
  310. package/components/ids-date-picker/ids-month-year-picklist.js +1 -1
  311. package/components/ids-draggable/get-el-translate-point.js +1 -1
  312. package/components/ids-draggable/ids-draggable.d.ts +10 -3
  313. package/components/ids-draggable/ids-draggable.js +1 -1
  314. package/components/ids-drawer/ids-drawer-attributes.js +1 -1
  315. package/components/ids-drawer/ids-drawer.d.ts +31 -10
  316. package/components/ids-drawer/ids-drawer.js +1 -1
  317. package/components/ids-dropdown/ids-dropdown-attributes-mixin.d.ts +10 -3
  318. package/components/ids-dropdown/ids-dropdown-attributes-mixin.js +1 -1
  319. package/components/ids-dropdown/ids-dropdown-common.js +1 -1
  320. package/components/ids-dropdown/ids-dropdown-list.d.ts +60 -17
  321. package/components/ids-dropdown/ids-dropdown-list.js +1 -1
  322. package/components/ids-dropdown/ids-dropdown.css +155 -10
  323. package/components/ids-dropdown/ids-dropdown.d.ts +138 -43
  324. package/components/ids-dropdown/ids-dropdown.js +1 -1
  325. package/components/ids-editor/ids-editor-clean-utils.js +1 -1
  326. package/components/ids-editor/ids-editor-formatters.js +1 -1
  327. package/components/ids-editor/ids-editor-handle-paste.js +1 -1
  328. package/components/ids-editor/ids-editor-selection-utils.js +1 -1
  329. package/components/ids-editor/ids-editor-shared.js +1 -1
  330. package/components/ids-editor/ids-editor-templates.d.ts +1 -1
  331. package/components/ids-editor/ids-editor-templates.js +1 -1
  332. package/components/ids-editor/ids-editor.d.ts +65 -22
  333. package/components/ids-editor/ids-editor.js +1 -1
  334. package/components/ids-empty-message/ids-empty-message.d.ts +10 -3
  335. package/components/ids-empty-message/ids-empty-message.js +1 -1
  336. package/components/ids-error-page/ids-error-page.js +1 -1
  337. package/components/ids-expandable-area/ids-exandable-area-attributes.js +1 -1
  338. package/components/ids-expandable-area/ids-expandable-area.d.ts +10 -3
  339. package/components/ids-expandable-area/ids-expandable-area.js +1 -1
  340. package/components/ids-fieldset/ids-fieldset.d.ts +10 -3
  341. package/components/ids-fieldset/ids-fieldset.js +1 -1
  342. package/components/ids-form/ids-form.d.ts +21 -7
  343. package/components/ids-form/ids-form.js +1 -1
  344. package/components/ids-global/ids-global.js +1 -1
  345. package/components/ids-header/ids-header.d.ts +20 -6
  346. package/components/ids-header/ids-header.js +1 -1
  347. package/components/ids-hidden/ids-hidden.js +1 -1
  348. package/components/ids-hierarchy/ids-hierarchy-item.d.ts +21 -7
  349. package/components/ids-hierarchy/ids-hierarchy-item.js +4 -5
  350. package/components/ids-hierarchy/ids-hierarchy-legend-item.d.ts +11 -4
  351. package/components/ids-hierarchy/ids-hierarchy-legend-item.js +3 -4
  352. package/components/ids-hierarchy/ids-hierarchy-legend.js +1 -2
  353. package/components/ids-hierarchy/ids-hierarchy.d.ts +10 -3
  354. package/components/ids-hierarchy/ids-hierarchy.js +1 -1
  355. package/components/ids-home-page/ids-home-page-attributes.js +1 -1
  356. package/components/ids-home-page/ids-home-page.d.ts +20 -6
  357. package/components/ids-home-page/ids-home-page.js +1 -1
  358. package/components/ids-hyperlink/ids-hyperlink.css +14 -146
  359. package/components/ids-hyperlink/ids-hyperlink.d.ts +32 -11
  360. package/components/ids-hyperlink/ids-hyperlink.js +1 -1
  361. package/components/ids-hyperlink/ids-link-list.js +1 -1
  362. package/components/ids-icon/ids-icon-attributes.js +1 -1
  363. package/components/ids-icon/ids-icon.d.ts +31 -10
  364. package/components/ids-icon/ids-icon.js +1 -1
  365. package/components/ids-image/ids-image.d.ts +10 -3
  366. package/components/ids-image/ids-image.js +1 -1
  367. package/components/ids-input/ids-autocomplete.d.ts +17 -10
  368. package/components/ids-input/ids-autocomplete.js +1 -1
  369. package/components/ids-input/ids-input-attributes.js +1 -1
  370. package/components/ids-input/ids-input.css +21 -8
  371. package/components/ids-input/ids-input.d.ts +184 -90
  372. package/components/ids-input/ids-input.js +1 -1
  373. package/components/ids-layout-flex/ids-layout-flex-item.js +1 -1
  374. package/components/ids-layout-flex/ids-layout-flex.css +384 -0
  375. package/components/ids-layout-flex/ids-layout-flex.js +1 -1
  376. package/components/ids-layout-grid/ids-layout-grid-cell.d.ts +11 -7
  377. package/components/ids-layout-grid/ids-layout-grid-cell.js +2 -3
  378. package/components/ids-layout-grid/ids-layout-grid-common.js +1 -1
  379. package/components/ids-layout-grid/ids-layout-grid.css +9 -9392
  380. package/components/ids-layout-grid/ids-layout-grid.js +1 -1
  381. package/components/ids-line-chart/ids-line-chart.css +2 -1
  382. package/components/ids-line-chart/ids-line-chart.js +1 -1
  383. package/components/ids-list-box/ids-list-box-option.d.ts +66 -10
  384. package/components/ids-list-box/ids-list-box-option.js +1 -1
  385. package/components/ids-list-box/ids-list-box.css +5 -0
  386. package/components/ids-list-box/ids-list-box.d.ts +8 -0
  387. package/components/ids-list-box/ids-list-box.js +1 -1
  388. package/components/ids-list-builder/ids-list-builder.js +1 -1
  389. package/components/ids-list-view/ids-list-view-item.d.ts +10 -3
  390. package/components/ids-list-view/ids-list-view-item.js +1 -1
  391. package/components/ids-list-view/ids-list-view-search-mixin.d.ts +16 -9
  392. package/components/ids-list-view/ids-list-view-search-mixin.js +1 -1
  393. package/components/ids-list-view/ids-list-view.d.ts +76 -54
  394. package/components/ids-list-view/ids-list-view.js +1 -1
  395. package/components/ids-loading-indicator/ids-loading-indicator-attributes.js +1 -1
  396. package/components/ids-loading-indicator/ids-loading-indicator.d.ts +10 -3
  397. package/components/ids-loading-indicator/ids-loading-indicator.js +1 -1
  398. package/components/ids-locale/ids-locale.d.ts +4 -3
  399. package/components/ids-locale/ids-locale.js +1 -1
  400. package/components/ids-lookup/ids-lookup.css +36 -0
  401. package/components/ids-lookup/ids-lookup.d.ts +89 -30
  402. package/components/ids-lookup/ids-lookup.js +1 -1
  403. package/components/ids-mask/ids-mask-api.js +1 -1
  404. package/components/ids-mask/ids-mask-common.js +1 -1
  405. package/components/ids-mask/ids-mask-global.js +1 -1
  406. package/components/ids-mask/ids-masks.js +1 -1
  407. package/components/ids-masthead/ids-masthead.d.ts +20 -6
  408. package/components/ids-masthead/ids-masthead.js +1 -1
  409. package/components/ids-menu/ids-menu-attributes.js +1 -1
  410. package/components/ids-menu/ids-menu-group.d.ts +20 -6
  411. package/components/ids-menu/ids-menu-group.js +1 -1
  412. package/components/ids-menu/ids-menu-header.d.ts +11 -3
  413. package/components/ids-menu/ids-menu-header.js +1 -1
  414. package/components/ids-menu/ids-menu-item.d.ts +31 -10
  415. package/components/ids-menu/ids-menu-item.js +1 -1
  416. package/components/ids-menu/ids-menu.css +15 -12
  417. package/components/ids-menu/ids-menu.d.ts +27 -8
  418. package/components/ids-menu/ids-menu.js +1 -1
  419. package/components/ids-menu-button/ids-menu-button-attributes.js +1 -1
  420. package/components/ids-menu-button/ids-menu-button.js +1 -1
  421. package/components/ids-message/ids-message-attributes.js +1 -1
  422. package/components/ids-message/ids-message.css +19 -3
  423. package/components/ids-message/ids-message.js +1 -1
  424. package/components/ids-modal/ids-modal.css +11 -70
  425. package/components/ids-modal/ids-modal.d.ts +94 -42
  426. package/components/ids-modal/ids-modal.js +1 -1
  427. package/components/ids-modal/ids-overlay.d.ts +14 -4
  428. package/components/ids-modal/ids-overlay.js +1 -1
  429. package/components/ids-modal-button/ids-modal-button.js +1 -1
  430. package/components/ids-module-nav/ids-module-nav-bar.d.ts +51 -20
  431. package/components/ids-module-nav/ids-module-nav-bar.js +1 -1
  432. package/components/ids-module-nav/ids-module-nav-button.d.ts +26 -8
  433. package/components/ids-module-nav/ids-module-nav-button.js +1 -1
  434. package/components/ids-module-nav/ids-module-nav-common.d.ts +1 -0
  435. package/components/ids-module-nav/ids-module-nav-common.js +1 -1
  436. package/components/ids-module-nav/ids-module-nav-content.d.ts +29 -4
  437. package/components/ids-module-nav/ids-module-nav-content.js +1 -1
  438. package/components/ids-module-nav/ids-module-nav-display-mode-mixin.d.ts +17 -4
  439. package/components/ids-module-nav/ids-module-nav-display-mode-mixin.js +1 -1
  440. package/components/ids-module-nav/ids-module-nav-item.d.ts +44 -19
  441. package/components/ids-module-nav/ids-module-nav-item.js +1 -1
  442. package/components/ids-module-nav/ids-module-nav-settings.d.ts +28 -10
  443. package/components/ids-module-nav/ids-module-nav-settings.js +1 -1
  444. package/components/ids-module-nav/ids-module-nav-switcher.d.ts +37 -11
  445. package/components/ids-module-nav/ids-module-nav-switcher.js +1 -1
  446. package/components/ids-module-nav/ids-module-nav-text-display-mixin.d.ts +11 -4
  447. package/components/ids-module-nav/ids-module-nav-text-display-mixin.js +1 -1
  448. package/components/ids-module-nav/ids-module-nav.css +1517 -13
  449. package/components/ids-module-nav/ids-module-nav.d.ts +801 -22
  450. package/components/ids-module-nav/ids-module-nav.js +1 -1
  451. package/components/ids-month-view/ids-month-view-attribute-mixin.d.ts +13 -6
  452. package/components/ids-month-view/ids-month-view-attribute-mixin.js +1 -1
  453. package/components/ids-month-view/ids-month-view-common.js +1 -1
  454. package/components/ids-month-view/ids-month-view.d.ts +57 -25
  455. package/components/ids-month-view/ids-month-view.js +1 -1
  456. package/components/ids-multiselect/ids-multiselect.css +0 -1
  457. package/components/ids-multiselect/ids-multiselect.d.ts +1 -0
  458. package/components/ids-multiselect/ids-multiselect.js +1 -1
  459. package/components/ids-notification-banner/ids-notification-attributes.js +1 -1
  460. package/components/ids-notification-banner/ids-notification-banner.d.ts +20 -6
  461. package/components/ids-notification-banner/ids-notification-banner.js +1 -1
  462. package/components/ids-pager/ids-pager-attributes.js +1 -1
  463. package/components/ids-pager/ids-pager-button.d.ts +35 -10
  464. package/components/ids-pager/ids-pager-button.js +1 -1
  465. package/components/ids-pager/ids-pager-dropdown.d.ts +10 -3
  466. package/components/ids-pager/ids-pager-dropdown.js +1 -1
  467. package/components/ids-pager/ids-pager-input.d.ts +20 -6
  468. package/components/ids-pager/ids-pager-input.js +1 -1
  469. package/components/ids-pager/ids-pager-number-list.d.ts +20 -6
  470. package/components/ids-pager/ids-pager-number-list.js +1 -1
  471. package/components/ids-pager/ids-pager.css +29 -22
  472. package/components/ids-pager/ids-pager.d.ts +16 -3
  473. package/components/ids-pager/ids-pager.js +1 -1
  474. package/components/ids-personalize/ids-personalize.js +1 -1
  475. package/components/ids-picker-popup/ids-picker-popup-common.js +1 -1
  476. package/components/ids-picker-popup/ids-picker-popup.d.ts +61 -26
  477. package/components/ids-picker-popup/ids-picker-popup.js +1 -1
  478. package/components/ids-pie-chart/ids-pie-chart.d.ts +42 -14
  479. package/components/ids-pie-chart/ids-pie-chart.js +1 -1
  480. package/components/ids-popup/ids-popup-attributes.js +1 -1
  481. package/components/ids-popup/ids-popup.css +2 -1
  482. package/components/ids-popup/ids-popup.d.ts +25 -6
  483. package/components/ids-popup/ids-popup.js +1 -1
  484. package/components/ids-popup-menu/ids-popup-menu.d.ts +48 -15
  485. package/components/ids-popup-menu/ids-popup-menu.js +1 -1
  486. package/components/ids-process-indicator/ids-process-indicator-step.d.ts +10 -3
  487. package/components/ids-process-indicator/ids-process-indicator-step.js +1 -1
  488. package/components/ids-process-indicator/ids-process-indicator.css +12 -81
  489. package/components/ids-process-indicator/ids-process-indicator.d.ts +10 -3
  490. package/components/ids-process-indicator/ids-process-indicator.js +1 -1
  491. package/components/ids-progress-bar/ids-progress-bar.d.ts +10 -3
  492. package/components/ids-progress-bar/ids-progress-bar.js +1 -1
  493. package/components/ids-progress-chart/ids-progress-chart.d.ts +10 -3
  494. package/components/ids-progress-chart/ids-progress-chart.js +1 -1
  495. package/components/ids-radio/ids-radio-group.d.ts +51 -16
  496. package/components/ids-radio/ids-radio-group.js +1 -1
  497. package/components/ids-radio/ids-radio.css +188 -67
  498. package/components/ids-radio/ids-radio.d.ts +27 -17
  499. package/components/ids-radio/ids-radio.js +1 -1
  500. package/components/ids-rating/ids-rating.d.ts +20 -6
  501. package/components/ids-rating/ids-rating.js +1 -1
  502. package/components/ids-scroll-view/ids-scroll-view.d.ts +30 -9
  503. package/components/ids-scroll-view/ids-scroll-view.js +1 -1
  504. package/components/ids-search-field/ids-search-field.css +21 -16
  505. package/components/ids-search-field/ids-search-field.js +1 -1
  506. package/components/ids-separator/ids-separator.d.ts +21 -7
  507. package/components/ids-separator/ids-separator.js +1 -1
  508. package/components/ids-skip-link/ids-skip-link.css +2 -1
  509. package/components/ids-skip-link/ids-skip-link.d.ts +10 -3
  510. package/components/ids-skip-link/ids-skip-link.js +1 -1
  511. package/components/ids-slider/ids-slider.d.ts +20 -6
  512. package/components/ids-slider/ids-slider.js +1 -1
  513. package/components/ids-spinbox/ids-spinbox.css +21 -8
  514. package/components/ids-spinbox/ids-spinbox.js +1 -1
  515. package/components/ids-splitter/ids-splitter-local-storage.js +1 -1
  516. package/components/ids-splitter/ids-splitter-pane.d.ts +20 -6
  517. package/components/ids-splitter/ids-splitter-pane.js +1 -1
  518. package/components/ids-splitter/ids-splitter.css +1 -0
  519. package/components/ids-splitter/ids-splitter.d.ts +25 -6
  520. package/components/ids-splitter/ids-splitter.js +1 -1
  521. package/components/ids-stats/ids-stats.d.ts +28 -8
  522. package/components/ids-stats/ids-stats.js +1 -1
  523. package/components/ids-step-chart/ids-step-chart.d.ts +10 -3
  524. package/components/ids-step-chart/ids-step-chart.js +1 -1
  525. package/components/ids-swaplist/ids-swaplist.d.ts +30 -9
  526. package/components/ids-swaplist/ids-swaplist.js +1 -1
  527. package/components/ids-swappable/ids-swappable-item.d.ts +30 -9
  528. package/components/ids-swappable/ids-swappable-item.js +1 -1
  529. package/components/ids-swappable/ids-swappable.d.ts +44 -18
  530. package/components/ids-swappable/ids-swappable.js +1 -1
  531. package/components/ids-swipe-action/ids-swipe-action.d.ts +10 -3
  532. package/components/ids-swipe-action/ids-swipe-action.js +1 -1
  533. package/components/ids-switch/ids-switch.css +2 -1
  534. package/components/ids-switch/ids-switch.d.ts +46 -20
  535. package/components/ids-switch/ids-switch.js +1 -1
  536. package/components/ids-tabs/ids-tab-content.d.ts +20 -6
  537. package/components/ids-tabs/ids-tab-content.js +1 -1
  538. package/components/ids-tabs/ids-tab-divider.js +1 -1
  539. package/components/ids-tabs/ids-tab-more.d.ts +23 -7
  540. package/components/ids-tabs/ids-tab-more.js +1 -1
  541. package/components/ids-tabs/ids-tab.d.ts +52 -23
  542. package/components/ids-tabs/ids-tab.js +1 -1
  543. package/components/ids-tabs/ids-tabs-context.d.ts +392 -16
  544. package/components/ids-tabs/ids-tabs-context.js +15 -1
  545. package/components/ids-tabs/ids-tabs.css +50 -5
  546. package/components/ids-tabs/ids-tabs.d.ts +44 -15
  547. package/components/ids-tabs/ids-tabs.js +1 -1
  548. package/components/ids-tag/ids-tag.d.ts +30 -9
  549. package/components/ids-tag/ids-tag.js +1 -1
  550. package/components/ids-text/ids-text.css +1 -1
  551. package/components/ids-text/ids-text.d.ts +48 -15
  552. package/components/ids-text/ids-text.js +1 -1
  553. package/components/ids-textarea/ids-textarea.d.ts +92 -34
  554. package/components/ids-textarea/ids-textarea.js +1 -1
  555. package/components/ids-theme-switcher/ids-theme-switcher.d.ts +31 -10
  556. package/components/ids-theme-switcher/ids-theme-switcher.js +1 -1
  557. package/components/ids-time-picker/ids-time-picker-common.js +1 -1
  558. package/components/ids-time-picker/ids-time-picker-popup.d.ts +30 -9
  559. package/components/ids-time-picker/ids-time-picker-popup.js +1 -1
  560. package/components/ids-time-picker/ids-time-picker.css +40 -49
  561. package/components/ids-time-picker/ids-time-picker.d.ts +89 -28
  562. package/components/ids-time-picker/ids-time-picker.js +1 -1
  563. package/components/ids-toast/ids-toast-message.d.ts +20 -6
  564. package/components/ids-toast/ids-toast-message.js +1 -1
  565. package/components/ids-toast/ids-toast-shared.js +1 -1
  566. package/components/ids-toast/ids-toast.d.ts +30 -9
  567. package/components/ids-toast/ids-toast.js +1 -1
  568. package/components/ids-toggle-button/ids-toggle-button.js +1 -1
  569. package/components/ids-toolbar/ids-toolbar-more-actions.d.ts +31 -10
  570. package/components/ids-toolbar/ids-toolbar-more-actions.js +1 -1
  571. package/components/ids-toolbar/ids-toolbar-section.d.ts +10 -3
  572. package/components/ids-toolbar/ids-toolbar-section.js +1 -1
  573. package/components/ids-toolbar/ids-toolbar.d.ts +20 -6
  574. package/components/ids-toolbar/ids-toolbar.js +1 -1
  575. package/components/ids-tooltip/ids-tooltip.d.ts +30 -9
  576. package/components/ids-tooltip/ids-tooltip.js +1 -1
  577. package/components/ids-tree/ids-tree-node.d.ts +24 -10
  578. package/components/ids-tree/ids-tree-node.js +1 -1
  579. package/components/ids-tree/ids-tree-shared.d.ts +1 -1
  580. package/components/ids-tree/ids-tree-shared.js +1 -1
  581. package/components/ids-tree/ids-tree.css +4 -0
  582. package/components/ids-tree/ids-tree.d.ts +85 -15
  583. package/components/ids-tree/ids-tree.js +1 -1
  584. package/components/ids-treemap/ids-treemap.d.ts +20 -6
  585. package/components/ids-treemap/ids-treemap.js +1 -1
  586. package/components/ids-trigger-field/ids-trigger-button.d.ts +11 -4
  587. package/components/ids-trigger-field/ids-trigger-button.js +1 -1
  588. package/components/ids-trigger-field/ids-trigger-field.js +1 -1
  589. package/components/ids-upload/ids-upload.d.ts +88 -28
  590. package/components/ids-upload/ids-upload.js +1 -1
  591. package/components/ids-upload-advanced/ids-upload-advanced-file.d.ts +20 -11
  592. package/components/ids-upload-advanced/ids-upload-advanced-file.js +1 -1
  593. package/components/ids-upload-advanced/ids-upload-advanced-shared.js +1 -1
  594. package/components/ids-upload-advanced/ids-upload-advanced.d.ts +20 -6
  595. package/components/ids-upload-advanced/ids-upload-advanced.js +1 -1
  596. package/components/ids-virtual-scroll/ids-virtual-scroll.d.ts +10 -3
  597. package/components/ids-virtual-scroll/ids-virtual-scroll.js +1 -1
  598. package/components/ids-week-view/ids-week-view.d.ts +43 -15
  599. package/components/ids-week-view/ids-week-view.js +1 -1
  600. package/components/ids-widget/ids-widget.d.ts +21 -7
  601. package/components/ids-widget/ids-widget.js +1 -1
  602. package/components/ids-wizard/ids-wizard-step.js +1 -1
  603. package/components/ids-wizard/ids-wizard.d.ts +20 -6
  604. package/components/ids-wizard/ids-wizard.js +1 -1
  605. package/core/ids-attributes.d.ts +73 -70
  606. package/core/ids-attributes.js +1 -1
  607. package/core/ids-data-source.js +1 -1
  608. package/core/ids-decorators.js +1 -1
  609. package/core/ids-element.js +1 -1
  610. package/custom-elements.json +19969 -18696
  611. package/enterprise-wc.js +1 -1
  612. package/locale-data/af-ZA.json +1 -0
  613. package/locale-data/af-messages.json +1 -0
  614. package/locale-data/ar-EG.json +1 -0
  615. package/locale-data/ar-SA.json +1 -0
  616. package/locale-data/ar-messages.json +1 -0
  617. package/locale-data/bg-BG.json +1 -0
  618. package/locale-data/bg-messages.json +1 -0
  619. package/locale-data/cs-CZ.json +1 -0
  620. package/locale-data/cs-messages.json +1 -0
  621. package/locale-data/da-DK.json +1 -0
  622. package/locale-data/da-messages.json +1 -0
  623. package/locale-data/de-DE.json +1 -0
  624. package/locale-data/de-messages.json +1 -0
  625. package/locale-data/el-GR.json +1 -0
  626. package/locale-data/el-messages.json +1 -0
  627. package/locale-data/en-AU.json +1 -0
  628. package/locale-data/en-GB.json +1 -0
  629. package/locale-data/en-IN.json +1 -0
  630. package/locale-data/en-NZ.json +1 -0
  631. package/locale-data/en-US.json +1 -0
  632. package/locale-data/en-ZA.json +1 -0
  633. package/locale-data/en-messages.json +1 -0
  634. package/locale-data/es-419.json +1 -0
  635. package/locale-data/es-AR.json +1 -0
  636. package/locale-data/es-ES.json +1 -0
  637. package/locale-data/es-MX.json +1 -0
  638. package/locale-data/es-US.json +1 -0
  639. package/locale-data/es-messages.json +1 -0
  640. package/locale-data/et-EE.json +1 -0
  641. package/locale-data/et-messages.json +1 -0
  642. package/locale-data/fi-FI.json +1 -0
  643. package/locale-data/fi-messages.json +1 -0
  644. package/locale-data/fr-CA-messages.json +1 -0
  645. package/locale-data/fr-CA.json +1 -0
  646. package/locale-data/fr-FR-messages.json +1 -0
  647. package/locale-data/fr-FR.json +1 -0
  648. package/locale-data/fr-messages.json +1 -0
  649. package/locale-data/he-IL.json +1 -0
  650. package/locale-data/he-messages.json +1 -0
  651. package/locale-data/hi-IN.json +1 -0
  652. package/locale-data/hi-messages.json +1 -0
  653. package/locale-data/hr-HR.json +1 -0
  654. package/locale-data/hr-messages.json +1 -0
  655. package/locale-data/hu-HU.json +1 -0
  656. package/locale-data/hu-messages.json +1 -0
  657. package/locale-data/id-ID.json +1 -0
  658. package/locale-data/id-messages.json +1 -0
  659. package/locale-data/it-IT.json +1 -0
  660. package/locale-data/it-messages.json +1 -0
  661. package/locale-data/ja-JP.json +1 -0
  662. package/locale-data/ja-messages.json +1 -0
  663. package/locale-data/ko-KR.json +1 -0
  664. package/locale-data/ko-messages.json +1 -0
  665. package/locale-data/lt-LT.json +1 -0
  666. package/locale-data/lt-messages.json +1 -0
  667. package/locale-data/lv-LV.json +1 -0
  668. package/locale-data/lv-messages.json +1 -0
  669. package/locale-data/ms-bn.json +1 -0
  670. package/locale-data/ms-messages.json +1 -0
  671. package/locale-data/ms-my.json +1 -0
  672. package/locale-data/nb-NO.json +1 -0
  673. package/locale-data/nb-messages.json +1 -0
  674. package/locale-data/nl-NL.json +1 -0
  675. package/locale-data/nl-messages.json +1 -0
  676. package/locale-data/nn-NO.json +1 -0
  677. package/locale-data/nn-messages.json +1 -0
  678. package/locale-data/no-NO.json +1 -0
  679. package/locale-data/no-messages.json +1 -0
  680. package/locale-data/pl-PL.json +1 -0
  681. package/locale-data/pl-messages.json +1 -0
  682. package/locale-data/pt-BR-messages.json +1 -0
  683. package/locale-data/pt-BR.json +1 -0
  684. package/locale-data/pt-PT-messages.json +1 -0
  685. package/locale-data/pt-PT.json +1 -0
  686. package/locale-data/pt-messages.json +1 -0
  687. package/locale-data/ro-RO.json +1 -0
  688. package/locale-data/ro-messages.json +1 -0
  689. package/locale-data/ru-RU.json +1 -0
  690. package/locale-data/ru-messages.json +1 -0
  691. package/locale-data/sk-SK.json +1 -0
  692. package/locale-data/sk-messages.json +1 -0
  693. package/locale-data/sl-SI.json +1 -0
  694. package/locale-data/sl-messages.json +1 -0
  695. package/locale-data/sv-SE.json +1 -0
  696. package/locale-data/sv-messages.json +1 -0
  697. package/locale-data/th-TH.json +1 -0
  698. package/locale-data/th-messages.json +1 -0
  699. package/locale-data/tl-PH.json +1 -0
  700. package/locale-data/tl-messages.json +1 -0
  701. package/locale-data/tr-TR.json +1 -0
  702. package/locale-data/tr-messages.json +1 -0
  703. package/locale-data/uk-UA.json +1 -0
  704. package/locale-data/uk-messages.json +1 -0
  705. package/locale-data/vi-VN.json +1 -0
  706. package/locale-data/vi-messages.json +1 -0
  707. package/locale-data/zh-CN-messages.json +1 -0
  708. package/locale-data/zh-CN.json +1 -0
  709. package/locale-data/zh-Hans-messages.json +1 -0
  710. package/locale-data/zh-Hans.json +1 -0
  711. package/locale-data/zh-Hant-messages.json +1 -0
  712. package/locale-data/zh-Hant.json +1 -0
  713. package/locale-data/zh-TW-messages.json +1 -0
  714. package/locale-data/zh-TW.json +1 -0
  715. package/locale-data/zh-messages.json +1 -0
  716. package/mixins/ids-attachment-mixin/ids-attachment-mixin.d.ts +11 -4
  717. package/mixins/ids-attachment-mixin/ids-attachment-mixin.js +1 -1
  718. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.d.ts +18 -11
  719. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.js +1 -1
  720. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.d.ts +13 -6
  721. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.js +1 -1
  722. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.d.ts +10 -3
  723. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.js +1 -1
  724. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.d.ts +12 -5
  725. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.js +1 -1
  726. package/mixins/ids-clearable-mixin/ids-clearable-mixin.d.ts +11 -4
  727. package/mixins/ids-clearable-mixin/ids-clearable-mixin.js +1 -1
  728. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.d.ts +11 -4
  729. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.js +1 -1
  730. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.d.ts +10 -3
  731. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.js +1 -1
  732. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.d.ts +11 -4
  733. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.js +1 -1
  734. package/mixins/ids-events-mixin/ids-events-common.js +1 -1
  735. package/mixins/ids-events-mixin/ids-events-mixin.d.ts +11 -4
  736. package/mixins/ids-events-mixin/ids-events-mixin.js +1 -1
  737. package/mixins/ids-field-height-mixin/ids-field-height-mixin.d.ts +11 -4
  738. package/mixins/ids-field-height-mixin/ids-field-height-mixin.js +1 -1
  739. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.d.ts +18 -11
  740. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.js +1 -1
  741. package/mixins/ids-form-input-mixin/ids-form-input-mixin.d.ts +29 -12
  742. package/mixins/ids-form-input-mixin/ids-form-input-mixin.js +1 -1
  743. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.d.ts +18 -11
  744. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.js +1 -1
  745. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.d.ts +11 -4
  746. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.js +1 -1
  747. package/mixins/ids-keyboard-mixin/ids-keyboard-mixin.d.ts +10 -3
  748. package/mixins/ids-keyboard-mixin/ids-keyboard-mixin.js +1 -1
  749. package/mixins/ids-label-state-mixin/ids-label-state-common.js +1 -1
  750. package/mixins/ids-label-state-mixin/ids-label-state-mixin.d.ts +14 -7
  751. package/mixins/ids-label-state-mixin/ids-label-state-mixin.js +1 -1
  752. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.d.ts +10 -3
  753. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.js +1 -1
  754. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.d.ts +13 -6
  755. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.js +1 -1
  756. package/mixins/ids-locale-mixin/ids-locale-mixin.d.ts +10 -3
  757. package/mixins/ids-locale-mixin/ids-locale-mixin.js +1 -1
  758. package/mixins/ids-mask-mixin/ids-mask-mixin.d.ts +11 -4
  759. package/mixins/ids-mask-mixin/ids-mask-mixin.js +1 -1
  760. package/mixins/ids-orientation-mixin/ids-orientation-mixin.d.ts +16 -8
  761. package/mixins/ids-orientation-mixin/ids-orientation-mixin.js +1 -1
  762. package/mixins/ids-pager-mixin/ids-pager-mixin.d.ts +13 -6
  763. package/mixins/ids-pager-mixin/ids-pager-mixin.js +1 -1
  764. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.d.ts +11 -4
  765. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.js +1 -1
  766. package/mixins/ids-popup-open-events-mixin/ids-popup-open-events-mixin.d.ts +11 -4
  767. package/mixins/ids-popup-open-events-mixin/ids-popup-open-events-mixin.js +1 -1
  768. package/mixins/ids-ripple-mixin/ids-ripple-mixin.d.ts +13 -6
  769. package/mixins/ids-ripple-mixin/ids-ripple-mixin.js +1 -1
  770. package/mixins/ids-scroll-effect-mixin/ids-scroll-effect-mixin.d.ts +10 -3
  771. package/mixins/ids-scroll-effect-mixin/ids-scroll-effect-mixin.js +1 -1
  772. package/mixins/ids-selection-mixin/ids-selection-mixin.d.ts +10 -3
  773. package/mixins/ids-selection-mixin/ids-selection-mixin.js +1 -1
  774. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.d.ts +28 -6
  775. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.js +1 -1
  776. package/mixins/ids-validation-mixin/ids-validation-input-mixin.d.ts +10 -3
  777. package/mixins/ids-validation-mixin/ids-validation-input-mixin.js +1 -1
  778. package/mixins/ids-validation-mixin/ids-validation-mixin.d.ts +28 -8
  779. package/mixins/ids-validation-mixin/ids-validation-mixin.js +1 -1
  780. package/mixins/ids-xss-mixin/ids-xss-mixin.d.ts +10 -3
  781. package/mixins/ids-xss-mixin/ids-xss-mixin.js +1 -1
  782. package/package.json +1 -1
  783. package/themes/default/ids-theme-default-colors.js +134 -0
  784. package/themes/default/ids-theme-default-contrast.js +1832 -0
  785. package/themes/default/ids-theme-default-core.js +1448 -0
  786. package/themes/default/ids-theme-default-dark.js +1971 -0
  787. package/themes/default/ids-theme-default-light.js +1448 -0
  788. package/themes/ids-theme-default-colors.css +2 -2
  789. package/themes/ids-theme-default-contrast.css +31 -18
  790. package/themes/ids-theme-default-core.css +26 -14
  791. package/themes/ids-theme-default-dark.css +47 -25
  792. package/themes/ids-theme-default-light.css +26 -14
  793. package/utils/ids-attribute-utils/ids-attribute-utils.js +1 -1
  794. package/utils/ids-breakpoint-utils/ids-breakpoint-utils.js +1 -1
  795. package/utils/ids-color-utils/ids-color-utils.d.ts +1 -1
  796. package/utils/ids-color-utils/ids-color-utils.js +1 -1
  797. package/utils/ids-date-utils/ids-date-utils.js +1 -1
  798. package/utils/ids-debounce-utils/ids-debounce-utils.js +1 -1
  799. package/utils/ids-deep-clone-utils/ids-deep-clone-utils.js +1 -1
  800. package/utils/ids-deferred-utils/ids-deferred-utils.js +1 -1
  801. package/utils/ids-device-env-specs-utils/ids-device-env-specs-utils.js +1 -1
  802. package/utils/ids-dom-utils/ids-dom-utils.js +1 -1
  803. package/utils/ids-event-path-utils/ids-event-path-utils.js +1 -1
  804. package/utils/ids-excel-exporter/ids-excel-exporter.js +1 -1
  805. package/utils/ids-excel-exporter/ids-excel-formatter.js +1 -1
  806. package/utils/ids-excel-exporter/ids-worksheet-templates.js +1 -1
  807. package/utils/ids-file-saver/ids-file-saver.js +1 -1
  808. package/utils/ids-object-utils/ids-object-utils.js +1 -1
  809. package/utils/ids-string-utils/ids-string-utils.js +1 -1
  810. package/utils/ids-timer-utils/ids-timer-utils.js +1 -1
  811. package/utils/ids-xss-utils/ids-xss-utils.js +1 -1
  812. package/utils/ids-zip/ids-zip-entry.js +1 -1
  813. package/utils/ids-zip/ids-zip.js +1 -1
  814. package/vscode.html-custom-data.json +1 -1
  815. package/chunks/ids-chunk-25TQGW5N.js +0 -18
  816. package/chunks/ids-chunk-2FUVYADP.js +0 -71
  817. package/chunks/ids-chunk-3TYAWIGG.js +0 -162
  818. package/chunks/ids-chunk-3VSCYT6S.js +0 -194
  819. package/chunks/ids-chunk-3VW3FNZM.js +0 -53
  820. package/chunks/ids-chunk-45MQFXNO.js +0 -191
  821. package/chunks/ids-chunk-4RSNCW6T.js +0 -19
  822. package/chunks/ids-chunk-4WJGIRNC.js +0 -88
  823. package/chunks/ids-chunk-4Z7TNS7T.js +0 -51
  824. package/chunks/ids-chunk-5K6IDMGA.js +0 -1
  825. package/chunks/ids-chunk-5T3Y3IHQ.js +0 -36
  826. package/chunks/ids-chunk-657W26G3.js +0 -31
  827. package/chunks/ids-chunk-6AVYPPD2.js +0 -21
  828. package/chunks/ids-chunk-6DMHSAHB.js +0 -10
  829. package/chunks/ids-chunk-6EMRTLSG.js +0 -1
  830. package/chunks/ids-chunk-6INKQPGZ.js +0 -1
  831. package/chunks/ids-chunk-6NIQXA2N.js +0 -427
  832. package/chunks/ids-chunk-742HYJ2B.js +0 -71
  833. package/chunks/ids-chunk-7C6P4OYQ.js +0 -11
  834. package/chunks/ids-chunk-7O3OTI42.js +0 -1
  835. package/chunks/ids-chunk-7OHFXCP3.js +0 -11
  836. package/chunks/ids-chunk-7PCIZMHJ.js +0 -83
  837. package/chunks/ids-chunk-7QXFDY4T.js +0 -21
  838. package/chunks/ids-chunk-7YK5JF3W.js +0 -155
  839. package/chunks/ids-chunk-7ZTSUHBA.js +0 -240
  840. package/chunks/ids-chunk-AYDTADXU.js +0 -1
  841. package/chunks/ids-chunk-BD2CCSYY.js +0 -287
  842. package/chunks/ids-chunk-CDMREUYZ.js +0 -1
  843. package/chunks/ids-chunk-CGDRYT3L.js +0 -6
  844. package/chunks/ids-chunk-COAUDFQ4.js +0 -33
  845. package/chunks/ids-chunk-CS7RTATZ.js +0 -1
  846. package/chunks/ids-chunk-CXROZISK.js +0 -1
  847. package/chunks/ids-chunk-CYHGXCKL.js +0 -1
  848. package/chunks/ids-chunk-EOJHKFUJ.js +0 -39
  849. package/chunks/ids-chunk-EQ4UGA2C.js +0 -24
  850. package/chunks/ids-chunk-EZBHYI4E.js +0 -1
  851. package/chunks/ids-chunk-FH6Y4MTJ.js +0 -1
  852. package/chunks/ids-chunk-FOHU4OHJ.js +0 -113
  853. package/chunks/ids-chunk-FVLHGO4F.js +0 -20
  854. package/chunks/ids-chunk-HKYOQBQJ.js +0 -286
  855. package/chunks/ids-chunk-HP7RTFT6.js +0 -62
  856. package/chunks/ids-chunk-HT6LX5MG.js +0 -1
  857. package/chunks/ids-chunk-IGZPQ3V7.js +0 -104
  858. package/chunks/ids-chunk-IN5FFIIS.js +0 -1
  859. package/chunks/ids-chunk-J72QKLZS.js +0 -298
  860. package/chunks/ids-chunk-JTJYERQS.js +0 -52
  861. package/chunks/ids-chunk-JTU3ELLM.js +0 -73
  862. package/chunks/ids-chunk-K7QDSV6T.js +0 -53
  863. package/chunks/ids-chunk-KOVKQPD6.js +0 -49
  864. package/chunks/ids-chunk-KWQEIDDP.js +0 -177
  865. package/chunks/ids-chunk-LE7C5GBB.js +0 -280
  866. package/chunks/ids-chunk-LFTWDGW6.js +0 -178
  867. package/chunks/ids-chunk-LO2FBJGW.js +0 -75
  868. package/chunks/ids-chunk-M7SP6H2M.js +0 -165
  869. package/chunks/ids-chunk-MA5MPQCR.js +0 -323
  870. package/chunks/ids-chunk-MDOZ7AA2.js +0 -124
  871. package/chunks/ids-chunk-MKVWZV4T.js +0 -87
  872. package/chunks/ids-chunk-MQR6KAMP.js +0 -1
  873. package/chunks/ids-chunk-MQRVAUAO.js +0 -31
  874. package/chunks/ids-chunk-MTO4IW77.js +0 -15
  875. package/chunks/ids-chunk-MTY3C2JN.js +0 -90
  876. package/chunks/ids-chunk-MXFCUDLP.js +0 -1
  877. package/chunks/ids-chunk-NWQJK4KK.js +0 -1
  878. package/chunks/ids-chunk-OCHPT4NC.js +0 -442
  879. package/chunks/ids-chunk-OFGZN5KW.js +0 -17
  880. package/chunks/ids-chunk-ORGFBW2R.js +0 -38
  881. package/chunks/ids-chunk-R3LDTVPA.js +0 -1
  882. package/chunks/ids-chunk-RPMOJAMD.js +0 -474
  883. package/chunks/ids-chunk-RWY6M7CT.js +0 -59
  884. package/chunks/ids-chunk-RZXRZPI4.js +0 -22
  885. package/chunks/ids-chunk-S34XHELT.js +0 -192
  886. package/chunks/ids-chunk-SB3FSWQK.js +0 -81
  887. package/chunks/ids-chunk-SZUQMNLD.js +0 -92
  888. package/chunks/ids-chunk-TCKRVNPS.js +0 -266
  889. package/chunks/ids-chunk-TEGIFHSQ.js +0 -81
  890. package/chunks/ids-chunk-TJKIW3GF.js +0 -1
  891. package/chunks/ids-chunk-TLTLVCT6.js +0 -290
  892. package/chunks/ids-chunk-TMEMPVVO.js +0 -62
  893. package/chunks/ids-chunk-TMFO33ZI.js +0 -117
  894. package/chunks/ids-chunk-TQVMQG3C.js +0 -94
  895. package/chunks/ids-chunk-U27KONCS.js +0 -114
  896. package/chunks/ids-chunk-UB2ZXC74.js +0 -57
  897. package/chunks/ids-chunk-UFY3LPQT.js +0 -49
  898. package/chunks/ids-chunk-V7XUWW5B.js +0 -1
  899. package/chunks/ids-chunk-VJ2NH6AI.js +0 -79
  900. package/chunks/ids-chunk-VO5DCY3T.js +0 -21
  901. package/chunks/ids-chunk-W6PXO723.js +0 -88
  902. package/chunks/ids-chunk-WGGLYSNA.js +0 -8
  903. package/chunks/ids-chunk-WLRCSPPJ.js +0 -26
  904. package/chunks/ids-chunk-X6RWFTGV.js +0 -21
  905. package/chunks/ids-chunk-XGOUI2YO.js +0 -14
  906. package/chunks/ids-chunk-XLW73AIA.js +0 -38
  907. package/chunks/ids-chunk-XTFBAHLT.js +0 -87
  908. package/chunks/ids-chunk-Y3ZY27HL.js +0 -83
  909. package/chunks/ids-chunk-YG2GGPUF.js +0 -1
  910. package/chunks/ids-chunk-YLKBVOHL.js +0 -45
  911. package/chunks/ids-chunk-ZGB2BJN7.js +0 -1
  912. package/chunks/ids-chunk-ZVK34T2N.js +0 -1
  913. package/components/enterprise-wc.d.ts +0 -106
  914. package/components/enterprise-wc.js +0 -1
  915. package/components/ids-modal/ids-modal-z-counter.d.ts +0 -11
  916. package/locale-data/af-ZA.js +0 -1
  917. package/locale-data/af-messages.js +0 -1
  918. package/locale-data/ar-EG.js +0 -1
  919. package/locale-data/ar-SA.js +0 -1
  920. package/locale-data/ar-messages.js +0 -1
  921. package/locale-data/bg-BG.js +0 -1
  922. package/locale-data/bg-messages.js +0 -1
  923. package/locale-data/cs-CZ.js +0 -1
  924. package/locale-data/cs-messages.js +0 -1
  925. package/locale-data/da-DK.js +0 -1
  926. package/locale-data/da-messages.js +0 -1
  927. package/locale-data/de-DE.js +0 -1
  928. package/locale-data/de-messages.js +0 -1
  929. package/locale-data/el-GR.js +0 -1
  930. package/locale-data/el-messages.js +0 -1
  931. package/locale-data/en-AU.js +0 -1
  932. package/locale-data/en-GB.js +0 -1
  933. package/locale-data/en-IN.js +0 -1
  934. package/locale-data/en-NZ.js +0 -1
  935. package/locale-data/en-US.js +0 -1
  936. package/locale-data/en-ZA.js +0 -1
  937. package/locale-data/en-messages.js +0 -1
  938. package/locale-data/es-419.js +0 -1
  939. package/locale-data/es-AR.js +0 -1
  940. package/locale-data/es-ES.js +0 -1
  941. package/locale-data/es-MX.js +0 -1
  942. package/locale-data/es-US.js +0 -1
  943. package/locale-data/es-messages.js +0 -1
  944. package/locale-data/et-EE.js +0 -1
  945. package/locale-data/et-messages.js +0 -1
  946. package/locale-data/fi-FI.js +0 -1
  947. package/locale-data/fi-messages.js +0 -1
  948. package/locale-data/fr-CA-messages.js +0 -1
  949. package/locale-data/fr-CA.js +0 -1
  950. package/locale-data/fr-FR-messages.js +0 -1
  951. package/locale-data/fr-FR.js +0 -1
  952. package/locale-data/fr-messages.js +0 -1
  953. package/locale-data/he-IL.js +0 -1
  954. package/locale-data/he-messages.js +0 -1
  955. package/locale-data/hi-IN.js +0 -1
  956. package/locale-data/hi-messages.js +0 -1
  957. package/locale-data/hr-HR.js +0 -1
  958. package/locale-data/hr-messages.js +0 -1
  959. package/locale-data/hu-HU.js +0 -1
  960. package/locale-data/hu-messages.js +0 -1
  961. package/locale-data/id-ID.js +0 -1
  962. package/locale-data/id-messages.js +0 -1
  963. package/locale-data/it-IT.js +0 -1
  964. package/locale-data/it-messages.js +0 -1
  965. package/locale-data/ja-JP.js +0 -1
  966. package/locale-data/ja-messages.js +0 -1
  967. package/locale-data/ko-KR.js +0 -1
  968. package/locale-data/ko-messages.js +0 -1
  969. package/locale-data/lt-LT.js +0 -1
  970. package/locale-data/lt-messages.js +0 -1
  971. package/locale-data/lv-LV.js +0 -1
  972. package/locale-data/lv-messages.js +0 -1
  973. package/locale-data/ms-bn.js +0 -1
  974. package/locale-data/ms-messages.js +0 -1
  975. package/locale-data/ms-my.js +0 -1
  976. package/locale-data/nb-NO.js +0 -1
  977. package/locale-data/nb-messages.js +0 -1
  978. package/locale-data/nl-NL.js +0 -1
  979. package/locale-data/nl-messages.js +0 -1
  980. package/locale-data/nn-NO.js +0 -1
  981. package/locale-data/nn-messages.js +0 -1
  982. package/locale-data/no-NO.js +0 -1
  983. package/locale-data/no-messages.js +0 -1
  984. package/locale-data/pl-PL.js +0 -1
  985. package/locale-data/pl-messages.js +0 -1
  986. package/locale-data/pt-BR-messages.js +0 -1
  987. package/locale-data/pt-BR.js +0 -1
  988. package/locale-data/pt-PT-messages.js +0 -1
  989. package/locale-data/pt-PT.js +0 -1
  990. package/locale-data/pt-messages.js +0 -1
  991. package/locale-data/ro-RO.js +0 -1
  992. package/locale-data/ro-messages.js +0 -1
  993. package/locale-data/ru-RU.js +0 -1
  994. package/locale-data/ru-messages.js +0 -1
  995. package/locale-data/sk-SK.js +0 -1
  996. package/locale-data/sk-messages.js +0 -1
  997. package/locale-data/sl-SI.js +0 -1
  998. package/locale-data/sl-messages.js +0 -1
  999. package/locale-data/sv-SE.js +0 -1
  1000. package/locale-data/sv-messages.js +0 -1
  1001. package/locale-data/th-TH.js +0 -1
  1002. package/locale-data/th-messages.js +0 -1
  1003. package/locale-data/tl-PH.js +0 -1
  1004. package/locale-data/tl-messages.js +0 -1
  1005. package/locale-data/tr-TR.js +0 -1
  1006. package/locale-data/tr-messages.js +0 -1
  1007. package/locale-data/uk-UA.js +0 -1
  1008. package/locale-data/uk-messages.js +0 -1
  1009. package/locale-data/vi-VN.js +0 -1
  1010. package/locale-data/vi-messages.js +0 -1
  1011. package/locale-data/zh-CN-messages.js +0 -1
  1012. package/locale-data/zh-CN.js +0 -1
  1013. package/locale-data/zh-Hans-messages.js +0 -1
  1014. package/locale-data/zh-Hans.js +0 -1
  1015. package/locale-data/zh-Hant-messages.js +0 -1
  1016. package/locale-data/zh-Hant.js +0 -1
  1017. package/locale-data/zh-TW-messages.js +0 -1
  1018. package/locale-data/zh-TW.js +0 -1
  1019. package/locale-data/zh-messages.js +0 -1
package/components/ids-module-nav/ids-module-nav.css CHANGED
@@ -1,4 +1,1091 @@
1
+ /**
2
+ * Ids Button Component CSS
3
+ * (Includes standard and icon button rules)
4
+ */
5
+ /**
6
+ * Ids Button Sass mixins, used in Ids Button CSS to define base styles.
7
+ */
8
+ /** Ripple Mixin - Adds Ripple Classes used in various components */
9
+ .is-rippling {
10
+ position: relative;
11
+ overflow: hidden;
12
+ }
13
+
14
+ .ripple-effect {
15
+ border-radius: var(--ids-border-radius-circle);
16
+ background-color: var(--ids-color-primary);
17
+ position: absolute;
18
+ display: block;
19
+ opacity: 0;
20
+ transform: scale(0);
21
+ }
22
+ .ripple-effect.animating {
23
+ animation: ripple-animation 1.2s ease-out;
24
+ }
25
+
26
+ @keyframes ripple-animation {
27
+ from {
28
+ opacity: 0.3;
29
+ transform: scale(0);
30
+ }
31
+ to {
32
+ opacity: 0;
33
+ transform: scale(2);
34
+ }
35
+ }
36
+ /**
37
+ * Provides standardized padding rules for certain button types
38
+ */
39
+ /**
40
+ * Provides the standard color rules for all regular buttons
41
+ */
42
+ /**
43
+ * Provides the standard color rules for buttons that need box shadow
44
+ */
1
45
  :root {
46
+ display: inline-flex;
47
+ }
48
+ :host ::slotted(span) {
49
+ vertical-align: bottom;
50
+ }
51
+ :host ::slotted(span),
52
+ :host ::slotted(ids-text) {
53
+ color: currentColor;
54
+ }
55
+ :host ::slotted(ids-icon) {
56
+ vertical-align: middle;
57
+ color: currentColor;
58
+ }
59
+ :host ::slotted(span.audible) {
60
+ clip: rect(0, 0, 0, 0);
61
+ height: 0;
62
+ line-height: 0;
63
+ min-height: 0;
64
+ overflow: hidden;
65
+ padding: 0;
66
+ position: absolute;
67
+ width: 1px;
68
+ }
69
+ :host button,
70
+ :host .ids-icon-button {
71
+ justify-content: center;
72
+ height: 100%;
73
+ width: 100%;
74
+ }
75
+
76
+ :host(.hidden) {
77
+ display: none;
78
+ }
79
+
80
+ :host([system-button]) button:hover {
81
+ background-color: transparent;
82
+ color: var(--ids-button-system-color-text-hover);
83
+ }
84
+ :host([system-button]) .ripple-effect {
85
+ display: none;
86
+ }
87
+
88
+ :host([hidden]) {
89
+ display: none;
90
+ }
91
+
92
+ button {
93
+ display: block;
94
+ }
95
+
96
+ .ids-button,
97
+ .ids-toggle-button,
98
+ .ids-menu-button:not(.ids-icon-button),
99
+ .ids-modal-button {
100
+ -webkit-font-smoothing: antialiased;
101
+ -moz-osx-font-smoothing: grayscale;
102
+ }
103
+ .ids-button .ids-icon,
104
+ .ids-toggle-button .ids-icon,
105
+ .ids-menu-button:not(.ids-icon-button) .ids-icon,
106
+ .ids-modal-button .ids-icon {
107
+ display: inline-flex;
108
+ place-self: center;
109
+ vertical-align: middle;
110
+ }
111
+
112
+ .ids-button,
113
+ .ids-toggle-button,
114
+ .ids-menu-button {
115
+ box-shadow: var(--ids-shadow-none);
116
+ font-weight: var(--ids-font-weight-normal);
117
+ font-family: var(--ids-font-family-default);
118
+ font-size: var(--ids-font-size-40);
119
+ overflow: hidden;
120
+ padding-bottom: calc(var(--ids-space-40) - 2px);
121
+ padding-top: calc(var(--ids-space-40) - 2px);
122
+ position: relative;
123
+ border: 1px solid transparent;
124
+ background-color: transparent;
125
+ color: var(--ids-button-color-text-default);
126
+ transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), box-shadow 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);
127
+ white-space: nowrap;
128
+ display: inline-flex;
129
+ font-weight: var(--ids-button-tertiary-font-weight);
130
+ border-radius: var(--ids-border-radius-03);
131
+ border-color: var(--ids-button-tertiary-color-border-default);
132
+ color: var(--ids-button-tertiary-color-text-default);
133
+ }
134
+ .ids-button, .ids-button::before, .ids-button::after,
135
+ .ids-toggle-button,
136
+ .ids-toggle-button::before,
137
+ .ids-toggle-button::after,
138
+ .ids-menu-button,
139
+ .ids-menu-button::before,
140
+ .ids-menu-button::after {
141
+ box-sizing: border-box;
142
+ }
143
+ .ids-button *,
144
+ .ids-toggle-button *,
145
+ .ids-menu-button * {
146
+ pointer-events: none;
147
+ }
148
+ .ids-button:focus,
149
+ .ids-toggle-button:focus,
150
+ .ids-menu-button:focus {
151
+ outline: none;
152
+ outline-color: transparent;
153
+ }
154
+ .ids-button:not([disabled]),
155
+ .ids-toggle-button:not([disabled]),
156
+ .ids-menu-button:not([disabled]) {
157
+ cursor: var(--ids-cursor-pointer);
158
+ }
159
+ .ids-button span,
160
+ .ids-toggle-button span,
161
+ .ids-menu-button span {
162
+ vertical-align: bottom;
163
+ }
164
+ .ids-button span.audible,
165
+ .ids-toggle-button span.audible,
166
+ .ids-menu-button span.audible {
167
+ clip: rect(0, 0, 0, 0);
168
+ height: 0;
169
+ line-height: 0;
170
+ min-height: 0;
171
+ overflow: hidden;
172
+ padding: 0;
173
+ position: absolute;
174
+ width: 1px;
175
+ }
176
+ .ids-button:not(.ids-icon-button) ::slotted(ids-icon),
177
+ .ids-toggle-button:not(.ids-icon-button) ::slotted(ids-icon),
178
+ .ids-menu-button:not(.ids-icon-button) ::slotted(ids-icon) {
179
+ padding-inline-end: var(--ids-space-30);
180
+ }
181
+ .ids-button .ids-icon,
182
+ .ids-toggle-button .ids-icon,
183
+ .ids-menu-button .ids-icon {
184
+ vertical-align: middle;
185
+ }
186
+ .ids-button.align-icon-end ::slotted(ids-icon),
187
+ .ids-toggle-button.align-icon-end ::slotted(ids-icon),
188
+ .ids-menu-button.align-icon-end ::slotted(ids-icon) {
189
+ padding-inline-start: var(--ids-space-30);
190
+ }
191
+ .ids-button.content-align-start,
192
+ .ids-toggle-button.content-align-start,
193
+ .ids-menu-button.content-align-start {
194
+ justify-content: start;
195
+ }
196
+ .ids-button.content-align-end,
197
+ .ids-toggle-button.content-align-end,
198
+ .ids-menu-button.content-align-end {
199
+ justify-content: end;
200
+ }
201
+ .ids-button.no-margins,
202
+ .ids-toggle-button.no-margins,
203
+ .ids-menu-button.no-margins {
204
+ margin-inline: var(--ids-space-none);
205
+ }
206
+ .ids-button:not(.btn-secondary):not(.no-margins),
207
+ .ids-toggle-button:not(.btn-secondary):not(.no-margins),
208
+ .ids-menu-button:not(.btn-secondary):not(.no-margins) {
209
+ margin: var(--ids-space-10);
210
+ }
211
+ .ids-button ::slotted(span),
212
+ .ids-toggle-button ::slotted(span),
213
+ .ids-menu-button ::slotted(span) {
214
+ font-weight: inherit !important;
215
+ }
216
+ .ids-button:not(.hide-focus).is-active, .ids-button:not(.hide-focus):focus,
217
+ .ids-toggle-button:not(.hide-focus).is-active,
218
+ .ids-toggle-button:not(.hide-focus):focus,
219
+ .ids-menu-button:not(.hide-focus).is-active,
220
+ .ids-menu-button:not(.hide-focus):focus {
221
+ border-color: var(--ids-button-tertiary-color-border-focus);
222
+ }
223
+ .ids-button:hover,
224
+ .ids-toggle-button:hover,
225
+ .ids-menu-button:hover {
226
+ color: var(--ids-button-tertiary-color-text-hover);
227
+ background-color: var(--ids-button-tertiary-color-background-hover);
228
+ }
229
+ .ids-button[disabled],
230
+ .ids-toggle-button[disabled],
231
+ .ids-menu-button[disabled] {
232
+ color: var(--ids-button-tertiary-color-text-disabled);
233
+ background-color: var(--ids-button-tertiary-disabled-background-color);
234
+ }
235
+ .ids-button .ripple-effect,
236
+ .ids-toggle-button .ripple-effect,
237
+ .ids-menu-button .ripple-effect {
238
+ background-color: var(--ids-button-tertiary-color-background-pressed);
239
+ }
240
+ .ids-button.btn-tertiary-destructive,
241
+ .ids-toggle-button.btn-tertiary-destructive,
242
+ .ids-menu-button.btn-tertiary-destructive {
243
+ color: var(--ids-color-error-default);
244
+ }
245
+ .ids-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-button.btn-tertiary-destructive:not(.hide-focus):focus,
246
+ .ids-toggle-button.btn-tertiary-destructive:not(.hide-focus).is-active,
247
+ .ids-toggle-button.btn-tertiary-destructive:not(.hide-focus):focus,
248
+ .ids-menu-button.btn-tertiary-destructive:not(.hide-focus).is-active,
249
+ .ids-menu-button.btn-tertiary-destructive:not(.hide-focus):focus {
250
+ border-color: var(--ids-color-error-70);
251
+ }
252
+ .ids-button.btn-tertiary-destructive:hover,
253
+ .ids-toggle-button.btn-tertiary-destructive:hover,
254
+ .ids-menu-button.btn-tertiary-destructive:hover {
255
+ background-color: var(--ids-button-destructive-color-background-hover);
256
+ color: var(--ids-color-error-70);
257
+ }
258
+ .ids-button.btn-tertiary-destructive[disabled],
259
+ .ids-toggle-button.btn-tertiary-destructive[disabled],
260
+ .ids-menu-button.btn-tertiary-destructive[disabled] {
261
+ color: var(--ids-button-tertiary-color-text-disabled);
262
+ background-color: transparent;
263
+ }
264
+ .ids-button.btn-tertiary-destructive .ripple-effect,
265
+ .ids-toggle-button.btn-tertiary-destructive .ripple-effect,
266
+ .ids-menu-button.btn-tertiary-destructive .ripple-effect {
267
+ background-color: var(--ids-color-error-default);
268
+ }
269
+ .ids-button.btn-primary,
270
+ .ids-toggle-button.btn-primary,
271
+ .ids-menu-button.btn-primary {
272
+ background-color: var(--ids-button-primary-color-background-default);
273
+ border-color: var(--ids-button-primary-color-border-default);
274
+ border: 1px solid var(--ids-button-primary-color-border-default);
275
+ color: var(--ids-button-primary-color-text-default);
276
+ padding-bottom: calc(var(--ids-space-40) - 1px);
277
+ padding-top: calc(var(--ids-space-40) - 1px);
278
+ }
279
+ .ids-button.btn-primary:not(.hide-focus).is-active, .ids-button.btn-primary:not(.hide-focus):focus,
280
+ .ids-toggle-button.btn-primary:not(.hide-focus).is-active,
281
+ .ids-toggle-button.btn-primary:not(.hide-focus):focus,
282
+ .ids-menu-button.btn-primary:not(.hide-focus).is-active,
283
+ .ids-menu-button.btn-primary:not(.hide-focus):focus {
284
+ border-color: var(--ids-button-primary-color-border-focus);
285
+ }
286
+ .ids-button.btn-primary:hover,
287
+ .ids-toggle-button.btn-primary:hover,
288
+ .ids-menu-button.btn-primary:hover {
289
+ background-color: var(--ids-button-primary-color-background-hover);
290
+ border-color: var(--ids-button-primary-color-border-hover);
291
+ }
292
+ .ids-button.btn-primary[disabled],
293
+ .ids-toggle-button.btn-primary[disabled],
294
+ .ids-menu-button.btn-primary[disabled] {
295
+ background-color: var(--ids-button-primary-color-background-disabled);
296
+ border-color: var(--ids-button-primary-color-border-disabled);
297
+ color: var(--ids-button-primary-color-text-disabled);
298
+ }
299
+ .ids-button.btn-primary .ripple-effect,
300
+ .ids-toggle-button.btn-primary .ripple-effect,
301
+ .ids-menu-button.btn-primary .ripple-effect {
302
+ background-color: var(--ids-button-primary-color-background-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-color-error-default);
308
+ border-color: var(--ids-color-error-default);
309
+ color: var(--ids-color-text-on-error);
310
+ }
311
+ .ids-button.btn-primary-destructive:not(.hide-focus).is-active, .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):focus,
314
+ .ids-menu-button.btn-primary-destructive:not(.hide-focus).is-active,
315
+ .ids-menu-button.btn-primary-destructive:not(.hide-focus):focus {
316
+ border-color: var(--ids-color-error-default);
317
+ }
318
+ .ids-button.btn-primary-destructive:hover,
319
+ .ids-toggle-button.btn-primary-destructive:hover,
320
+ .ids-menu-button.btn-primary-destructive:hover {
321
+ background-color: var(--ids-color-error-70);
322
+ border-color: var(--ids-color-error-70);
323
+ }
324
+ .ids-button.btn-primary-destructive[disabled],
325
+ .ids-toggle-button.btn-primary-destructive[disabled],
326
+ .ids-menu-button.btn-primary-destructive[disabled] {
327
+ background-color: var(--ids-button-primary-color-background-disabled);
328
+ border-color: var(--ids-button-primary-color-border-disabled);
329
+ color: var(--ids-button-primary-color-text-disabled);
330
+ }
331
+ .ids-button.btn-primary-destructive .ripple-effect,
332
+ .ids-toggle-button.btn-primary-destructive .ripple-effect,
333
+ .ids-menu-button.btn-primary-destructive .ripple-effect {
334
+ background-color: var(--ids-color-text-on-error);
335
+ }
336
+ .ids-button.btn-secondary,
337
+ .ids-toggle-button.btn-secondary,
338
+ .ids-menu-button.btn-secondary {
339
+ background-color: var(--ids-button-secondary-color-background-default);
340
+ border-width: var(--ids-button-secondary-border-width);
341
+ border-color: var(--ids-button-secondary-color-border-default);
342
+ color: var(--ids-button-secondary-color-text-default);
343
+ }
344
+ .ids-button.btn-secondary:not(.hide-focus).is-active, .ids-button.btn-secondary:not(.hide-focus):focus,
345
+ .ids-toggle-button.btn-secondary:not(.hide-focus).is-active,
346
+ .ids-toggle-button.btn-secondary:not(.hide-focus):focus,
347
+ .ids-menu-button.btn-secondary:not(.hide-focus).is-active,
348
+ .ids-menu-button.btn-secondary:not(.hide-focus):focus {
349
+ border-color: var(--ids-button-secondary-color-border-focus);
350
+ }
351
+ .ids-button.btn-secondary:hover,
352
+ .ids-toggle-button.btn-secondary:hover,
353
+ .ids-menu-button.btn-secondary:hover {
354
+ background-color: var(--ids-button-secondary-color-background-hover);
355
+ }
356
+ .ids-button.btn-secondary[disabled],
357
+ .ids-toggle-button.btn-secondary[disabled],
358
+ .ids-menu-button.btn-secondary[disabled] {
359
+ background-color: var(--ids-button-secondary-color-background-disabled);
360
+ border-color: var(--ids-button-secondary-color-border-disabled);
361
+ color: var(--ids-button-secondary-color-text-disabled);
362
+ }
363
+ .ids-button.btn-secondary .ripple-effect,
364
+ .ids-toggle-button.btn-secondary .ripple-effect,
365
+ .ids-menu-button.btn-secondary .ripple-effect {
366
+ background-color: var(--ids-button-secondary-color-background-pressed);
367
+ }
368
+ .ids-button.color-variant-alternate:hover,
369
+ .ids-toggle-button.color-variant-alternate:hover,
370
+ .ids-menu-button.color-variant-alternate:hover {
371
+ background-color: rgba(0, 0, 0, 0.3);
372
+ }
373
+ .ids-button.color-variant-alternate.ids-trigger-button:not([readonly]):hover,
374
+ .ids-toggle-button.color-variant-alternate.ids-trigger-button:not([readonly]):hover,
375
+ .ids-menu-button.color-variant-alternate.ids-trigger-button:not([readonly]):hover {
376
+ background-color: var(--ids-search-field-header-color-icon-hover);
377
+ }
378
+ .ids-button.color-variant-app-menu:hover,
379
+ .ids-toggle-button.color-variant-app-menu:hover,
380
+ .ids-menu-button.color-variant-app-menu:hover {
381
+ background-color: rgba(255, 255, 255, 0.15);
382
+ }
383
+ .ids-button.color-variant-alternate, .ids-button.color-variant-alternate-formatter,
384
+ .ids-toggle-button.color-variant-alternate,
385
+ .ids-toggle-button.color-variant-alternate-formatter,
386
+ .ids-menu-button.color-variant-alternate,
387
+ .ids-menu-button.color-variant-alternate-formatter {
388
+ color: var(--ids-button-alternate-color-text-default);
389
+ opacity: 0.8;
390
+ }
391
+ .ids-button.color-variant-alternate:not(.hide-focus).is-active, .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):focus,
392
+ .ids-toggle-button.color-variant-alternate:not(.hide-focus).is-active,
393
+ .ids-toggle-button.color-variant-alternate:not(.hide-focus):focus,
394
+ .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
395
+ .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus):focus,
396
+ .ids-menu-button.color-variant-alternate:not(.hide-focus).is-active,
397
+ .ids-menu-button.color-variant-alternate:not(.hide-focus):focus,
398
+ .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
399
+ .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus):focus {
400
+ border-color: var(--ids-button-formatter-color-border-focus);
401
+ opacity: 1;
402
+ }
403
+ .ids-button.color-variant-alternate:hover, .ids-button.color-variant-alternate-formatter:hover,
404
+ .ids-toggle-button.color-variant-alternate:hover,
405
+ .ids-toggle-button.color-variant-alternate-formatter:hover,
406
+ .ids-menu-button.color-variant-alternate:hover,
407
+ .ids-menu-button.color-variant-alternate-formatter:hover {
408
+ background-color: var(--ids-button-formatter-color-background-hover);
409
+ color: var(--ids-button-formatter-color-text-hover);
410
+ opacity: 1;
411
+ }
412
+ .ids-button.color-variant-alternate[disabled], .ids-button.color-variant-alternate-formatter[disabled],
413
+ .ids-toggle-button.color-variant-alternate[disabled],
414
+ .ids-toggle-button.color-variant-alternate-formatter[disabled],
415
+ .ids-menu-button.color-variant-alternate[disabled],
416
+ .ids-menu-button.color-variant-alternate-formatter[disabled] {
417
+ background-color: transparent;
418
+ opacity: var(--ids-button-formatter-opacity-disabled);
419
+ }
420
+ .ids-button.color-variant-alternate .ripple-effect, .ids-button.color-variant-alternate-formatter .ripple-effect,
421
+ .ids-toggle-button.color-variant-alternate .ripple-effect,
422
+ .ids-toggle-button.color-variant-alternate-formatter .ripple-effect,
423
+ .ids-menu-button.color-variant-alternate .ripple-effect,
424
+ .ids-menu-button.color-variant-alternate-formatter .ripple-effect {
425
+ background-color: var(--ids-button-alternate-color-background-pressed);
426
+ }
427
+ .ids-button.color-variant-alternate-formatter,
428
+ .ids-toggle-button.color-variant-alternate-formatter,
429
+ .ids-menu-button.color-variant-alternate-formatter {
430
+ color: var(--ids-button-formatter-color-text-default);
431
+ margin-top: 2px;
432
+ height: var(--ids-button-formatter-size);
433
+ min-width: var(--ids-button-formatter-size);
434
+ }
435
+ .ids-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button.color-variant-alternate-formatter:not(.hide-focus):focus,
436
+ .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
437
+ .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus):focus,
438
+ .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
439
+ .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus):focus {
440
+ border-color: var(--ids-color-border-focus);
441
+ }
442
+ .ids-button.color-variant-alternate-formatter[disabled],
443
+ .ids-toggle-button.color-variant-alternate-formatter[disabled],
444
+ .ids-menu-button.color-variant-alternate-formatter[disabled] {
445
+ color: var(--ids-button-formatter-color-text-disabled);
446
+ }
447
+ .ids-button.color-variant-alternate-formatter:hover,
448
+ .ids-toggle-button.color-variant-alternate-formatter:hover,
449
+ .ids-menu-button.color-variant-alternate-formatter:hover {
450
+ background-color: var(--ids-button-formatter-color-background-hover);
451
+ color: var(--ids-button-formatter-color-text-hover);
452
+ }
453
+ .ids-button.color-variant-alternate-formatter .ripple-effect,
454
+ .ids-toggle-button.color-variant-alternate-formatter .ripple-effect,
455
+ .ids-menu-button.color-variant-alternate-formatter .ripple-effect {
456
+ background-color: var(--ids-color-primary-light);
457
+ }
458
+ .ids-button.color-variant-alternate-formatter.is-active,
459
+ .ids-toggle-button.color-variant-alternate-formatter.is-active,
460
+ .ids-menu-button.color-variant-alternate-formatter.is-active {
461
+ color: var(--ids-button-formatter-color-active);
462
+ }
463
+ .ids-button.color-variant-alternate-formatter.ids-menu-button.compact,
464
+ .ids-toggle-button.color-variant-alternate-formatter.ids-menu-button.compact,
465
+ .ids-menu-button.color-variant-alternate-formatter.ids-menu-button.compact {
466
+ padding: var(--ids-space-30);
467
+ padding-inline: var(--ids-space-30);
468
+ }
469
+ .ids-button.color-variant-module,
470
+ .ids-toggle-button.color-variant-module,
471
+ .ids-menu-button.color-variant-module {
472
+ color: var(--ids-button-module-color-text-default);
473
+ }
474
+ .ids-button.color-variant-module:not(.square),
475
+ .ids-toggle-button.color-variant-module:not(.square),
476
+ .ids-menu-button.color-variant-module:not(.square) {
477
+ border-radius: var(--ids-button-module-border-radius);
478
+ }
479
+ .ids-button.color-variant-module:hover,
480
+ .ids-toggle-button.color-variant-module:hover,
481
+ .ids-menu-button.color-variant-module:hover {
482
+ background-color: var(--ids-button-module-color-background-hover);
483
+ color: var(--ids-button-module-color-text-hover);
484
+ }
485
+ .ids-button ::slotted(ids-icon:only-child),
486
+ .ids-toggle-button ::slotted(ids-icon:only-child),
487
+ .ids-menu-button ::slotted(ids-icon:only-child) {
488
+ display: block;
489
+ }
490
+ .ids-button:not(.no-padding),
491
+ .ids-toggle-button:not(.no-padding),
492
+ .ids-menu-button:not(.no-padding) {
493
+ padding-inline: var(--ids-space-90);
494
+ }
495
+ .ids-button.btn-tertiary, .ids-button.btn-tertiary-destructive,
496
+ .ids-toggle-button.btn-tertiary,
497
+ .ids-toggle-button.btn-tertiary-destructive,
498
+ .ids-menu-button.btn-tertiary,
499
+ .ids-menu-button.btn-tertiary-destructive {
500
+ padding-inline: var(--ids-space-50);
501
+ }
502
+ .ids-button.no-padding,
503
+ .ids-toggle-button.no-padding,
504
+ .ids-menu-button.no-padding {
505
+ padding-inline: var(--ids-space-50);
506
+ }
507
+
508
+ .ids-menu-button.formatter-width:not(.no-padding):not(.ids-icon-button) {
509
+ padding-inline-start: calc(var(--ids-space-40) - 1px);
510
+ padding-inline-end: calc(var(--ids-space-40) - 1px);
511
+ }
512
+ .ids-menu-button.formatter-width:not(.formatter-width-percentage) {
513
+ justify-content: normal;
514
+ }
515
+ .ids-menu-button.formatter-width:not(.formatter-width-percentage) .ids-icon {
516
+ position: absolute;
517
+ inset-inline-end: var(--ids-space-30);
518
+ }
519
+
520
+ .ids-icon-button {
521
+ box-shadow: var(--ids-shadow-none);
522
+ font-weight: var(--ids-font-weight-normal);
523
+ font-family: var(--ids-font-family-default);
524
+ font-size: var(--ids-font-size-40);
525
+ overflow: hidden;
526
+ padding-bottom: calc(var(--ids-space-40) - 2px);
527
+ padding-top: calc(var(--ids-space-40) - 2px);
528
+ position: relative;
529
+ border: 1px solid transparent;
530
+ background-color: transparent;
531
+ color: var(--ids-button-color-text-default);
532
+ transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), box-shadow 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);
533
+ white-space: nowrap;
534
+ display: inline-flex;
535
+ font-weight: var(--ids-button-tertiary-font-weight);
536
+ border-radius: var(--ids-border-radius-03);
537
+ border-color: var(--ids-button-tertiary-color-border-default);
538
+ color: var(--ids-button-tertiary-color-text-default);
539
+ padding-inline-start: var(--ids-button-icon-padding);
540
+ padding-inline-end: var(--ids-button-icon-padding);
541
+ padding-block-start: var(--ids-button-icon-padding);
542
+ padding-block-end: var(--ids-button-icon-padding);
543
+ }
544
+ .ids-icon-button, .ids-icon-button::before, .ids-icon-button::after {
545
+ box-sizing: border-box;
546
+ }
547
+ .ids-icon-button * {
548
+ pointer-events: none;
549
+ }
550
+ .ids-icon-button:focus {
551
+ outline: none;
552
+ outline-color: transparent;
553
+ }
554
+ .ids-icon-button:not([disabled]) {
555
+ cursor: var(--ids-cursor-pointer);
556
+ }
557
+ .ids-icon-button span {
558
+ vertical-align: bottom;
559
+ }
560
+ .ids-icon-button span.audible {
561
+ clip: rect(0, 0, 0, 0);
562
+ height: 0;
563
+ line-height: 0;
564
+ min-height: 0;
565
+ overflow: hidden;
566
+ padding: 0;
567
+ position: absolute;
568
+ width: 1px;
569
+ }
570
+ .ids-icon-button:not(.ids-icon-button) ::slotted(ids-icon) {
571
+ padding-inline-end: var(--ids-space-30);
572
+ }
573
+ .ids-icon-button .ids-icon {
574
+ vertical-align: middle;
575
+ }
576
+ .ids-icon-button.align-icon-end ::slotted(ids-icon) {
577
+ padding-inline-start: var(--ids-space-30);
578
+ }
579
+ .ids-icon-button.content-align-start {
580
+ justify-content: start;
581
+ }
582
+ .ids-icon-button.content-align-end {
583
+ justify-content: end;
584
+ }
585
+ .ids-icon-button.no-margins {
586
+ margin-inline: var(--ids-space-none);
587
+ }
588
+ .ids-icon-button:not(.btn-secondary):not(.no-margins) {
589
+ margin: var(--ids-space-10);
590
+ }
591
+ .ids-icon-button ::slotted(span) {
592
+ font-weight: inherit !important;
593
+ }
594
+ .ids-icon-button:not(.hide-focus).is-active, .ids-icon-button:not(.hide-focus):focus {
595
+ border-color: var(--ids-button-tertiary-color-border-focus);
596
+ }
597
+ .ids-icon-button:hover {
598
+ color: var(--ids-button-tertiary-color-text-hover);
599
+ background-color: var(--ids-button-tertiary-color-background-hover);
600
+ }
601
+ .ids-icon-button[disabled] {
602
+ color: var(--ids-button-tertiary-color-text-disabled);
603
+ background-color: var(--ids-button-tertiary-disabled-background-color);
604
+ }
605
+ .ids-icon-button .ripple-effect {
606
+ background-color: var(--ids-button-tertiary-color-background-pressed);
607
+ }
608
+ .ids-icon-button.btn-tertiary-destructive {
609
+ color: var(--ids-color-error-default);
610
+ }
611
+ .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-icon-button.btn-tertiary-destructive:not(.hide-focus):focus {
612
+ border-color: var(--ids-color-error-70);
613
+ }
614
+ .ids-icon-button.btn-tertiary-destructive:hover {
615
+ background-color: var(--ids-button-destructive-color-background-hover);
616
+ color: var(--ids-color-error-70);
617
+ }
618
+ .ids-icon-button.btn-tertiary-destructive[disabled] {
619
+ color: var(--ids-button-tertiary-color-text-disabled);
620
+ background-color: transparent;
621
+ }
622
+ .ids-icon-button.btn-tertiary-destructive .ripple-effect {
623
+ background-color: var(--ids-color-error-default);
624
+ }
625
+ .ids-icon-button.btn-primary {
626
+ background-color: var(--ids-button-primary-color-background-default);
627
+ border-color: var(--ids-button-primary-color-border-default);
628
+ border: 1px solid var(--ids-button-primary-color-border-default);
629
+ color: var(--ids-button-primary-color-text-default);
630
+ padding-bottom: calc(var(--ids-space-40) - 1px);
631
+ padding-top: calc(var(--ids-space-40) - 1px);
632
+ }
633
+ .ids-icon-button.btn-primary:not(.hide-focus).is-active, .ids-icon-button.btn-primary:not(.hide-focus):focus {
634
+ border-color: var(--ids-button-primary-color-border-focus);
635
+ }
636
+ .ids-icon-button.btn-primary:hover {
637
+ background-color: var(--ids-button-primary-color-background-hover);
638
+ border-color: var(--ids-button-primary-color-border-hover);
639
+ }
640
+ .ids-icon-button.btn-primary[disabled] {
641
+ background-color: var(--ids-button-primary-color-background-disabled);
642
+ border-color: var(--ids-button-primary-color-border-disabled);
643
+ color: var(--ids-button-primary-color-text-disabled);
644
+ }
645
+ .ids-icon-button.btn-primary .ripple-effect {
646
+ background-color: var(--ids-button-primary-color-background-pressed);
647
+ }
648
+ .ids-icon-button.btn-primary-destructive {
649
+ background-color: var(--ids-color-error-default);
650
+ border-color: var(--ids-color-error-default);
651
+ color: var(--ids-color-text-on-error);
652
+ }
653
+ .ids-icon-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-icon-button.btn-primary-destructive:not(.hide-focus):focus {
654
+ border-color: var(--ids-color-error-default);
655
+ }
656
+ .ids-icon-button.btn-primary-destructive:hover {
657
+ background-color: var(--ids-color-error-70);
658
+ border-color: var(--ids-color-error-70);
659
+ }
660
+ .ids-icon-button.btn-primary-destructive[disabled] {
661
+ background-color: var(--ids-button-primary-color-background-disabled);
662
+ border-color: var(--ids-button-primary-color-border-disabled);
663
+ color: var(--ids-button-primary-color-text-disabled);
664
+ }
665
+ .ids-icon-button.btn-primary-destructive .ripple-effect {
666
+ background-color: var(--ids-color-text-on-error);
667
+ }
668
+ .ids-icon-button.btn-secondary {
669
+ background-color: var(--ids-button-secondary-color-background-default);
670
+ border-width: var(--ids-button-secondary-border-width);
671
+ border-color: var(--ids-button-secondary-color-border-default);
672
+ color: var(--ids-button-secondary-color-text-default);
673
+ }
674
+ .ids-icon-button.btn-secondary:not(.hide-focus).is-active, .ids-icon-button.btn-secondary:not(.hide-focus):focus {
675
+ border-color: var(--ids-button-secondary-color-border-focus);
676
+ }
677
+ .ids-icon-button.btn-secondary:hover {
678
+ background-color: var(--ids-button-secondary-color-background-hover);
679
+ }
680
+ .ids-icon-button.btn-secondary[disabled] {
681
+ background-color: var(--ids-button-secondary-color-background-disabled);
682
+ border-color: var(--ids-button-secondary-color-border-disabled);
683
+ color: var(--ids-button-secondary-color-text-disabled);
684
+ }
685
+ .ids-icon-button.btn-secondary .ripple-effect {
686
+ background-color: var(--ids-button-secondary-color-background-pressed);
687
+ }
688
+ .ids-icon-button.color-variant-alternate:hover {
689
+ background-color: rgba(0, 0, 0, 0.3);
690
+ }
691
+ .ids-icon-button.color-variant-alternate.ids-trigger-button:not([readonly]):hover {
692
+ background-color: var(--ids-search-field-header-color-icon-hover);
693
+ }
694
+ .ids-icon-button.color-variant-app-menu:hover {
695
+ background-color: rgba(255, 255, 255, 0.15);
696
+ }
697
+ .ids-icon-button.color-variant-alternate, .ids-icon-button.color-variant-alternate-formatter {
698
+ color: var(--ids-button-alternate-color-text-default);
699
+ opacity: 0.8;
700
+ }
701
+ .ids-icon-button.color-variant-alternate:not(.hide-focus).is-active, .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):focus {
702
+ border-color: var(--ids-button-formatter-color-border-focus);
703
+ opacity: 1;
704
+ }
705
+ .ids-icon-button.color-variant-alternate:hover, .ids-icon-button.color-variant-alternate-formatter:hover {
706
+ background-color: var(--ids-button-formatter-color-background-hover);
707
+ color: var(--ids-button-formatter-color-text-hover);
708
+ opacity: 1;
709
+ }
710
+ .ids-icon-button.color-variant-alternate[disabled], .ids-icon-button.color-variant-alternate-formatter[disabled] {
711
+ background-color: transparent;
712
+ opacity: var(--ids-button-formatter-opacity-disabled);
713
+ }
714
+ .ids-icon-button.color-variant-alternate .ripple-effect, .ids-icon-button.color-variant-alternate-formatter .ripple-effect {
715
+ background-color: var(--ids-button-alternate-color-background-pressed);
716
+ }
717
+ .ids-icon-button.color-variant-alternate-formatter {
718
+ color: var(--ids-button-formatter-color-text-default);
719
+ margin-top: 2px;
720
+ height: var(--ids-button-formatter-size);
721
+ min-width: var(--ids-button-formatter-size);
722
+ }
723
+ .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus):focus {
724
+ border-color: var(--ids-color-border-focus);
725
+ }
726
+ .ids-icon-button.color-variant-alternate-formatter[disabled] {
727
+ color: var(--ids-button-formatter-color-text-disabled);
728
+ }
729
+ .ids-icon-button.color-variant-alternate-formatter:hover {
730
+ background-color: var(--ids-button-formatter-color-background-hover);
731
+ color: var(--ids-button-formatter-color-text-hover);
732
+ }
733
+ .ids-icon-button.color-variant-alternate-formatter .ripple-effect {
734
+ background-color: var(--ids-color-primary-light);
735
+ }
736
+ .ids-icon-button.color-variant-alternate-formatter.is-active {
737
+ color: var(--ids-button-formatter-color-active);
738
+ }
739
+ .ids-icon-button.color-variant-alternate-formatter.ids-menu-button.compact {
740
+ padding: var(--ids-space-30);
741
+ padding-inline: var(--ids-space-30);
742
+ }
743
+ .ids-icon-button.color-variant-module {
744
+ color: var(--ids-button-module-color-text-default);
745
+ }
746
+ .ids-icon-button.color-variant-module:not(.square) {
747
+ border-radius: var(--ids-button-module-border-radius);
748
+ }
749
+ .ids-icon-button.color-variant-module:hover {
750
+ background-color: var(--ids-button-module-color-background-hover);
751
+ color: var(--ids-button-module-color-text-hover);
752
+ }
753
+ .ids-icon-button:not(.no-padding) {
754
+ padding-inline-start: var(--ids-button-icon-padding);
755
+ padding-inline-end: var(--ids-button-icon-padding);
756
+ padding-top: var(--ids-button-icon-padding);
757
+ padding-bottom: var(--ids-button-icon-padding);
758
+ }
759
+ .ids-icon-button:not(.square) {
760
+ border-radius: var(--ids-border-radius-03);
761
+ }
762
+ .ids-icon-button.square {
763
+ border-radius: 0;
764
+ }
765
+ .ids-icon-button .ids-icon {
766
+ display: block;
767
+ padding-inline-start: var(--ids-space-none);
768
+ font-size: 0;
769
+ }
770
+ .ids-icon-button span.audible {
771
+ clip: rect(0, 0, 0, 0);
772
+ height: 0;
773
+ line-height: 0;
774
+ min-height: 0;
775
+ overflow: hidden;
776
+ padding: 0;
777
+ position: absolute;
778
+ width: 1px;
779
+ }
780
+ .ids-icon-button .ripple-effect {
781
+ height: var(--ids-size-70);
782
+ width: var(--ids-size-70);
783
+ }
784
+ .ids-icon-button.no-margins {
785
+ margin-inline-start: var(--ids-space-none);
786
+ margin-inline-end: var(--ids-space-none);
787
+ }
788
+
789
+ .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus):focus,
790
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus).is-active,
791
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus):focus,
792
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus).is-active,
793
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus):focus {
794
+ box-shadow: var(--ids-button-tertiary-shadow-focus);
795
+ }
796
+ .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus):focus,
797
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus).is-active,
798
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus):focus,
799
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus).is-active,
800
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus):focus {
801
+ box-shadow: var(--ids-box-shadow-inverse);
802
+ }
803
+ .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).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).color-variant-alternate-formatter:not(.hide-focus):focus,
804
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus).is-active,
805
+ .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus):focus,
806
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus).is-active,
807
+ .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus):focus {
808
+ box-shadow: var(--ids-shadow-20);
809
+ }
810
+ .ids-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-button.btn-tertiary-destructive:not(.hide-focus):focus,
811
+ .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-active,
812
+ .ids-icon-button.btn-tertiary-destructive:not(.hide-focus):focus,
813
+ .ids-menu-button.btn-tertiary-destructive:not(.hide-focus).is-active,
814
+ .ids-menu-button.btn-tertiary-destructive:not(.hide-focus):focus {
815
+ box-shadow: var(--ids-shadow-error);
816
+ }
817
+ .ids-button.btn-primary:not(.hide-focus).is-active, .ids-button.btn-primary:not(.hide-focus):focus,
818
+ .ids-icon-button.btn-primary:not(.hide-focus).is-active,
819
+ .ids-icon-button.btn-primary:not(.hide-focus):focus,
820
+ .ids-menu-button.btn-primary:not(.hide-focus).is-active,
821
+ .ids-menu-button.btn-primary:not(.hide-focus):focus {
822
+ box-shadow: var(--ids-button-primary-shadow-focus);
823
+ }
824
+ .ids-button.btn-primary.color-variant-alternate:not(.hide-focus).is-active, .ids-button.btn-primary.color-variant-alternate:not(.hide-focus):focus,
825
+ .ids-icon-button.btn-primary.color-variant-alternate:not(.hide-focus).is-active,
826
+ .ids-icon-button.btn-primary.color-variant-alternate:not(.hide-focus):focus,
827
+ .ids-menu-button.btn-primary.color-variant-alternate:not(.hide-focus).is-active,
828
+ .ids-menu-button.btn-primary.color-variant-alternate:not(.hide-focus):focus {
829
+ box-shadow: 0 0 0 2px var(--ids-color-primary-70), 0 0 0 3px var(--ids-color-text-on-primary), 0 0 4px 3px var(--ids-color-text-on-primary);
830
+ }
831
+ .ids-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-button.btn-primary-destructive:not(.hide-focus):focus,
832
+ .ids-icon-button.btn-primary-destructive:not(.hide-focus).is-active,
833
+ .ids-icon-button.btn-primary-destructive:not(.hide-focus):focus,
834
+ .ids-menu-button.btn-primary-destructive:not(.hide-focus).is-active,
835
+ .ids-menu-button.btn-primary-destructive:not(.hide-focus):focus {
836
+ box-shadow: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-error-default), 0 0 4px 3px var(--ids-color-error-default);
837
+ }
838
+ .ids-button.btn-secondary:not(.hide-focus).is-active, .ids-button.btn-secondary:not(.hide-focus):focus,
839
+ .ids-icon-button.btn-secondary:not(.hide-focus).is-active,
840
+ .ids-icon-button.btn-secondary:not(.hide-focus):focus,
841
+ .ids-menu-button.btn-secondary:not(.hide-focus).is-active,
842
+ .ids-menu-button.btn-secondary:not(.hide-focus):focus {
843
+ box-shadow: var(--ids-button-secondary-shadow-focus);
844
+ }
845
+
846
+ .ids-modal-button:not(.ids-modal-icon-button) {
847
+ box-shadow: var(--ids-shadow-none);
848
+ font-weight: var(--ids-font-weight-normal);
849
+ font-family: var(--ids-font-family-default);
850
+ font-size: var(--ids-font-size-40);
851
+ overflow: hidden;
852
+ padding-bottom: calc(var(--ids-space-40) - 2px);
853
+ padding-top: calc(var(--ids-space-40) - 2px);
854
+ position: relative;
855
+ border: 1px solid transparent;
856
+ background-color: transparent;
857
+ color: var(--ids-button-color-text-default);
858
+ transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), box-shadow 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);
859
+ white-space: nowrap;
860
+ padding-block-start: var(--ids-space-50);
861
+ padding-block-end: var(--ids-space-50);
862
+ display: block;
863
+ font-weight: var(--ids-font-weight-semibold);
864
+ justify-content: center;
865
+ height: 100%;
866
+ width: 100%;
867
+ }
868
+ .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 {
869
+ box-sizing: border-box;
870
+ }
871
+ .ids-modal-button:not(.ids-modal-icon-button) * {
872
+ pointer-events: none;
873
+ }
874
+ .ids-modal-button:not(.ids-modal-icon-button):focus {
875
+ outline: none;
876
+ outline-color: transparent;
877
+ }
878
+ .ids-modal-button:not(.ids-modal-icon-button):not([disabled]) {
879
+ cursor: var(--ids-cursor-pointer);
880
+ }
881
+ .ids-modal-button:not(.ids-modal-icon-button) span {
882
+ vertical-align: bottom;
883
+ }
884
+ .ids-modal-button:not(.ids-modal-icon-button) span.audible {
885
+ clip: rect(0, 0, 0, 0);
886
+ height: 0;
887
+ line-height: 0;
888
+ min-height: 0;
889
+ overflow: hidden;
890
+ padding: 0;
891
+ position: absolute;
892
+ width: 1px;
893
+ }
894
+ .ids-modal-button:not(.ids-modal-icon-button):not(.ids-icon-button) ::slotted(ids-icon) {
895
+ padding-inline-end: var(--ids-space-30);
896
+ }
897
+ .ids-modal-button:not(.ids-modal-icon-button) .ids-icon {
898
+ vertical-align: middle;
899
+ }
900
+ .ids-modal-button:not(.ids-modal-icon-button).align-icon-end ::slotted(ids-icon) {
901
+ padding-inline-start: var(--ids-space-30);
902
+ }
903
+ .ids-modal-button:not(.ids-modal-icon-button).content-align-start {
904
+ justify-content: start;
905
+ }
906
+ .ids-modal-button:not(.ids-modal-icon-button).content-align-end {
907
+ justify-content: end;
908
+ }
909
+ .ids-modal-button:not(.ids-modal-icon-button).no-margins {
910
+ margin-inline: var(--ids-space-none);
911
+ }
912
+ .ids-modal-button:not(.ids-modal-icon-button):not(.btn-secondary):not(.no-margins) {
913
+ margin: var(--ids-space-10);
914
+ }
915
+ .ids-modal-button:not(.ids-modal-icon-button) ::slotted(span) {
916
+ font-weight: inherit !important;
917
+ }
918
+ .ids-modal-button:not(.ids-modal-icon-button).btn-primary {
919
+ background-color: var(--ids-modal-color-background);
920
+ color: var(--ids-modal-button-color-default);
921
+ }
922
+ .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):focus {
923
+ box-shadow: var(--ids-modal-shadow-focus);
924
+ }
925
+ .ids-modal-button:not(.ids-modal-icon-button).btn-primary:hover {
926
+ color: var(--ids-modal-button-color-hover);
927
+ }
928
+ .ids-modal-button:not(.ids-modal-icon-button).btn-primary[disabled] {
929
+ opacity: 0.3;
930
+ }
931
+ .ids-modal-button:not(.ids-modal-icon-button).btn-primary .ripple-effect {
932
+ background-color: var(--ids-modal-button-color-default);
933
+ }
934
+ .ids-modal-button:not(.ids-modal-icon-button).btn-secondary, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary {
935
+ background-color: var(--ids-modal-color-background);
936
+ color: var(--ids-color-neutral-80);
937
+ }
938
+ .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):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):focus {
939
+ box-shadow: var(--ids-modal-shadow-focus);
940
+ }
941
+ .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:hover, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:hover {
942
+ color: var(--ids-color-neutral-100);
943
+ }
944
+ .ids-modal-button:not(.ids-modal-icon-button).btn-secondary[disabled], .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary[disabled] {
945
+ background-color: var(--ids-button-secondary-color-border-disabled);
946
+ border-color: var(--ids-button-secondary-color-border-disabled);
947
+ }
948
+ .ids-modal-button:not(.ids-modal-icon-button).btn-secondary .ripple-effect, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary .ripple-effect {
949
+ background-color: var(--ids-color-primary-70);
950
+ }
951
+ .ids-modal-button:not(.ids-modal-icon-button):focus {
952
+ z-index: 1;
953
+ }
954
+
955
+ .ids-modal-icon-button {
956
+ padding: var(--ids-space-40);
957
+ }
958
+
959
+ .btn-swipe-action-left,
960
+ .btn-swipe-action-right {
961
+ display: block;
962
+ padding: 0 var(--ids-space-40) var(--ids-space-40);
963
+ height: 100%;
964
+ margin: 0;
965
+ white-space: inherit;
966
+ width: 85px;
967
+ }
968
+ .btn-swipe-action-left ::slotted(ids-icon),
969
+ .btn-swipe-action-right ::slotted(ids-icon) {
970
+ display: block;
971
+ }
972
+ .btn-swipe-action-left:hover, .btn-swipe-action-left:focus,
973
+ .btn-swipe-action-right:hover,
974
+ .btn-swipe-action-right:focus {
975
+ box-shadow: none;
976
+ border-color: transparent;
977
+ }
978
+
979
+ .ids-button:not(.no-margins).btn-swipe-action-left,
980
+ .ids-button:not(.no-margins).btn-swipe-action-right {
981
+ margin: 0;
982
+ }
983
+
984
+ .btn-swipe-action-left {
985
+ border-start-end-radius: 0;
986
+ border-end-end-radius: 0;
987
+ background-color: var(--ids-swipe-action-color-background-left);
988
+ color: var(--ids-swipe-action-color-text-left);
989
+ }
990
+ .btn-swipe-action-left:active {
991
+ background-color: var(--ids-swipe-action-color-background-left-active);
992
+ color: var(--ids-swipe-action-color-text-left-active);
993
+ }
994
+ .btn-swipe-action-left:hover {
995
+ background-color: var(--ids-swipe-action-color-background-left-hover);
996
+ color: var(--ids-swipe-action-color-text-left-hover);
997
+ }
998
+
999
+ .btn-swipe-action-right {
1000
+ border-start-start-radius: 0;
1001
+ border-end-start-radius: 0;
1002
+ background-color: var(--ids-swipe-action-color-background-right);
1003
+ color: var(--ids-swipe-action-color-text-right);
1004
+ }
1005
+ .btn-swipe-action-right:active {
1006
+ background-color: var(--ids-swipe-action-color-background-right-active);
1007
+ color: var(--ids-swipe-action-color-text-right-active);
1008
+ }
1009
+ .btn-swipe-action-right:hover {
1010
+ background-color: var(--ids-swipe-action-color-background-right-hover);
1011
+ color: var(--ids-swipe-action-color-text-right-hover);
1012
+ }
1013
+
1014
+ .ids-button ::slotted(ids-icon:not(:first-child)),
1015
+ .ids-button ::slotted(span:not(.audible):nth-child(2):last-child),
1016
+ .ids-button ::slotted(ids-text:not([audible]):nth-child(2):last-child),
1017
+ .ids-button ::slotted(span:not(.audible):nth-child(3):last-child),
1018
+ .ids-button ::slotted(ids-text:not([audible]):nth-child(3):last-child),
1019
+ .ids-toggle-button ::slotted(ids-icon:not(:first-child)),
1020
+ .ids-toggle-button ::slotted(span:not(.audible):nth-child(2):last-child),
1021
+ .ids-toggle-button ::slotted(ids-text:not([audible]):nth-child(2):last-child),
1022
+ .ids-toggle-button ::slotted(span:not(.audible):nth-child(3):last-child),
1023
+ .ids-toggle-button ::slotted(ids-text:not([audible]):nth-child(3):last-child),
1024
+ .ids-menu-button:not(.ids-icon-button) ::slotted(ids-icon:not(:first-child)),
1025
+ .ids-menu-button:not(.ids-icon-button) ::slotted(span:not(.audible):nth-child(2):last-child),
1026
+ .ids-menu-button:not(.ids-icon-button) ::slotted(ids-text:not([audible]):nth-child(2):last-child),
1027
+ .ids-menu-button:not(.ids-icon-button) ::slotted(span:not(.audible):nth-child(3):last-child),
1028
+ .ids-menu-button:not(.ids-icon-button) ::slotted(ids-text:not([audible]):nth-child(3):last-child),
1029
+ .ids-modal-button:not(.ids-icon-button) ::slotted(ids-icon:not(:first-child)),
1030
+ .ids-modal-button:not(.ids-icon-button) ::slotted(span:not(.audible):nth-child(2):last-child),
1031
+ .ids-modal-button:not(.ids-icon-button) ::slotted(ids-text:not([audible]):nth-child(2):last-child),
1032
+ .ids-modal-button:not(.ids-icon-button) ::slotted(span:not(.audible):nth-child(3):last-child),
1033
+ .ids-modal-button:not(.ids-icon-button) ::slotted(ids-text:not([audible]):nth-child(3):last-child) {
1034
+ padding-inline-start: 5px;
1035
+ }
1036
+ .ids-button .ids-icon:last-child,
1037
+ .ids-button span + span:not(.audible),
1038
+ .ids-button span:not(.audible):last-child,
1039
+ .ids-toggle-button .ids-icon:last-child,
1040
+ .ids-toggle-button span + span:not(.audible),
1041
+ .ids-toggle-button span:not(.audible):last-child,
1042
+ .ids-menu-button:not(.ids-icon-button) .ids-icon:last-child,
1043
+ .ids-menu-button:not(.ids-icon-button) span + span:not(.audible),
1044
+ .ids-menu-button:not(.ids-icon-button) span:not(.audible):last-child,
1045
+ .ids-modal-button:not(.ids-icon-button) .ids-icon:last-child,
1046
+ .ids-modal-button:not(.ids-icon-button) span + span:not(.audible),
1047
+ .ids-modal-button:not(.ids-icon-button) span:not(.audible):last-child {
1048
+ padding-inline-start: 5px;
1049
+ }
1050
+
1051
+ .ids-modal-button ::slotted(ids-icon:not(:first-child)) {
1052
+ padding: var(--ids-space-20);
1053
+ }
1054
+
1055
+ :host(:not([show-loading-indicator=true])) ::slotted(.slot-loading-indicator) {
1056
+ display: none;
1057
+ }
1058
+
1059
+ :host([show-loading-indicator=true]) ::slotted(ids-loading-indicator) {
1060
+ margin-top: 3px;
1061
+ margin-bottom: 3px;
1062
+ }
1063
+
1064
+ :host([show-loading-indicator=true][loading-indicator-only=true]) ::slotted(*:not(.slot-loading-indicator)) {
1065
+ visibility: hidden;
1066
+ }
1067
+
1068
+ :host([show-loading-indicator=true]:not([loading-indicator-only=true])) ::slotted(.slot-loading-indicator) {
1069
+ margin-inline-start: 6px;
1070
+ }
1071
+
1072
+ :host([show-loading-indicator=true]:not([loading-indicator-only=true]):is([appearance=primary], [appearance=secondary], [appearance=primary-destructive]))::part(button) {
1073
+ padding-inline-start: 20px;
1074
+ padding-inline-end: 12px;
1075
+ }
1076
+ :host([show-loading-indicator=true]:not([loading-indicator-only=true]):is([appearance=primary], [appearance=secondary], [appearance=primary-destructive])) ::slotted(.slot-loading-indicator) {
1077
+ margin-inline-start: 10px;
1078
+ }
1079
+
1080
+ :host([loading-indicator-only=true]) ::slotted(.slot-loading-indicator) {
1081
+ position: absolute;
1082
+ margin-inline-start: auto;
1083
+ margin-inline-end: auto;
1084
+ left: 0;
1085
+ right: 0;
1086
+ }
1087
+
1088
+ :host {
2
1089
  display: block;
3
1090
  }
4
1091
  :host ids-icon {
@@ -158,7 +1245,7 @@
158
1245
 
159
1246
  .ids-module-nav-item {
160
1247
  box-sizing: border-box;
161
- transition: margin var(--ids-motion-duration) var(ids-motion-ease), height var(--ids-motion-duration) var(ids-motion-ease), width var(--ids-motion-duration) var(ids-motion-ease);
1248
+ transition: height var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease), padding var(--ids-motion-duration) var(--ids-motion-ease), width var(--ids-motion-duration) var(--ids-motion-ease);
162
1249
  }
163
1250
  .ids-module-nav-item.color-variant-module-nav {
164
1251
  border-color: transparent;
@@ -191,6 +1278,23 @@
191
1278
  .ids-module-nav-item.color-variant-module-nav.hidden-by-filter.child-filter-match {
192
1279
  color: var(--ids-module-nav-item-text-color);
193
1280
  }
1281
+ .ids-module-nav-item.color-variant-module-nav:not([class*=display-mode-]) {
1282
+ height: var(--ids-module-nav-item-collapsed-size);
1283
+ margin-block: var(--ids-module-nav-item-collapsed-general-spacing-size);
1284
+ margin-inline: auto;
1285
+ padding-block: var(--ids-module-nav-item-padding-block);
1286
+ padding-inline: auto;
1287
+ width: 0;
1288
+ }
1289
+ .ids-module-nav-item.color-variant-module-nav:not([class*=display-mode-]) .ids-accordion-display-icon {
1290
+ justify-self: center;
1291
+ align-self: center;
1292
+ margin-inline: 0;
1293
+ padding: 0;
1294
+ }
1295
+ .ids-module-nav-item.color-variant-module-nav:not([class*=display-mode-]) .ids-accordion-expander-icon {
1296
+ display: none;
1297
+ }
194
1298
  .ids-module-nav-item.color-variant-module-nav.display-mode-collapsed {
195
1299
  height: var(--ids-module-nav-item-collapsed-size);
196
1300
  width: var(--ids-module-nav-item-collapsed-size);
@@ -216,12 +1320,22 @@
216
1320
  width: 1px;
217
1321
  }
218
1322
  .ids-module-nav-item.color-variant-module-nav.display-mode-expanded {
219
- padding: var(--ids-module-nav-item-margin-inline);
220
- margin: var(--ids-module-nav-item-margin-inline);
1323
+ margin-block: var(--ids-module-nav-item-margin-block);
1324
+ margin-inline: var(--ids-module-nav-item-margin-inline);
1325
+ padding: var(--ids-module-nav-item-padding-block);
1326
+ }
1327
+ .ids-module-nav-item.color-variant-module-nav.display-mode-expanded:not(.depth-1).first-child {
1328
+ margin-block-start: 0;
1329
+ }
1330
+ .ids-module-nav-item.color-variant-module-nav.display-mode-expanded:not(.depth-1).last-child {
1331
+ margin-block-end: 0;
221
1332
  }
222
1333
  .ids-module-nav-item.color-variant-module-nav.display-mode-expanded .ids-accordion-display-icon {
223
1334
  margin-inline-end: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
224
1335
  }
1336
+ .ids-module-nav-item.color-variant-module-nav.display-mode-expanded .ids-accordion-expander-icon:last-child {
1337
+ margin-inline-end: 4px;
1338
+ }
225
1339
  .ids-module-nav-item.color-variant-sub-module-nav {
226
1340
  border-color: transparent;
227
1341
  border-radius: var(--ids-module-nav-common-border-radius);
@@ -253,6 +1367,23 @@
253
1367
  .ids-module-nav-item.color-variant-sub-module-nav.hidden-by-filter.child-filter-match {
254
1368
  color: var(--ids-module-nav-item-text-color);
255
1369
  }
1370
+ .ids-module-nav-item.color-variant-sub-module-nav:not([class*=display-mode-]) {
1371
+ height: var(--ids-module-nav-item-collapsed-size);
1372
+ margin-block: var(--ids-module-nav-item-collapsed-general-spacing-size);
1373
+ margin-inline: auto;
1374
+ padding-block: var(--ids-module-nav-item-padding-block);
1375
+ padding-inline: auto;
1376
+ width: 0;
1377
+ }
1378
+ .ids-module-nav-item.color-variant-sub-module-nav:not([class*=display-mode-]) .ids-accordion-display-icon {
1379
+ justify-self: center;
1380
+ align-self: center;
1381
+ margin-inline: 0;
1382
+ padding: 0;
1383
+ }
1384
+ .ids-module-nav-item.color-variant-sub-module-nav:not([class*=display-mode-]) .ids-accordion-expander-icon {
1385
+ display: none;
1386
+ }
256
1387
  .ids-module-nav-item.color-variant-sub-module-nav.display-mode-collapsed {
257
1388
  height: var(--ids-module-nav-item-collapsed-size);
258
1389
  width: var(--ids-module-nav-item-collapsed-size);
@@ -278,12 +1409,22 @@
278
1409
  width: 1px;
279
1410
  }
280
1411
  .ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded {
281
- padding: var(--ids-module-nav-item-margin-inline);
282
- margin: var(--ids-module-nav-item-margin-inline);
1412
+ margin-block: var(--ids-module-nav-item-margin-block);
1413
+ margin-inline: var(--ids-module-nav-item-margin-inline);
1414
+ padding: var(--ids-module-nav-item-padding-block);
1415
+ }
1416
+ .ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded:not(.depth-1).first-child {
1417
+ margin-block-start: 0;
1418
+ }
1419
+ .ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded:not(.depth-1).last-child {
1420
+ margin-block-end: 0;
283
1421
  }
284
1422
  .ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded .ids-accordion-display-icon {
285
1423
  margin-inline-end: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
286
1424
  }
1425
+ .ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded .ids-accordion-expander-icon:last-child {
1426
+ margin-inline-end: 4px;
1427
+ }
287
1428
  .ids-module-nav-item ::slotted(ids-text) {
288
1429
  overflow: hidden;
289
1430
  white-space: nowrap;
@@ -297,18 +1438,381 @@
297
1438
  .ids-module-nav-item .ids-accordion-expander-icon {
298
1439
  width: var(--ids-module-nav-item-dropdown-icon-size);
299
1440
  }
300
- .ids-module-nav-item.depth-2, .ids-module-nav-item.depth-3, .ids-module-nav-item.depth-4, .ids-module-nav-item.depth-5, .ids-module-nav-item.depth-6 {
301
- padding-inline-start: 16px;
1441
+ .ids-module-nav-item .ids-accordion-display-icon,
1442
+ .ids-module-nav-item .ids-accordion-expander-icon {
1443
+ transition: padding var(--ids-motion-duration) var(--ids-motion-ease);
1444
+ }
1445
+ .ids-module-nav-item.display-mode-expanded.depth-1 {
1446
+ padding-inline-start: var(--ids-module-nav-item-padding-block);
1447
+ }
1448
+ .ids-module-nav-item.display-mode-expanded.depth-1.is-expandable {
1449
+ padding-inline-start: var(--ids-module-nav-item-padding-block);
1450
+ }
1451
+ .ids-module-nav-item.display-mode-expanded.depth-2 {
1452
+ padding-inline-start: 12px;
1453
+ }
1454
+ .ids-module-nav-item.display-mode-expanded.depth-2:not(.is-expandable) {
1455
+ padding-inline-start: 52px;
1456
+ }
1457
+ .ids-module-nav-item.display-mode-expanded.depth-2.is-expandable {
1458
+ padding-inline-start: 24px;
1459
+ }
1460
+ .ids-module-nav-item.display-mode-expanded.depth-2.siblings-can-expand:not(.is-expandable) {
1461
+ padding-inline-start: 46px;
1462
+ }
1463
+ .ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon {
1464
+ padding-inline-start: 20px;
1465
+ }
1466
+ .ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon:not(.is-expandable) {
1467
+ padding-inline-start: 42px;
1468
+ }
1469
+ .ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon.is-expandable {
1470
+ padding-inline-start: 32px;
302
1471
  }
303
- .ids-module-nav-item.depth-2.expander-type-plus-minus, .ids-module-nav-item.depth-3.expander-type-plus-minus, .ids-module-nav-item.depth-4.expander-type-plus-minus, .ids-module-nav-item.depth-5.expander-type-plus-minus, .ids-module-nav-item.depth-6.expander-type-plus-minus {
304
- padding-inline-start: 0;
1472
+ .ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon.siblings-can-expand:not(.is-expandable) {
1473
+ padding-inline-start: 54px;
305
1474
  }
306
- .ids-module-nav-item.depth-2:not(.parent-has-icon), .ids-module-nav-item.depth-3:not(.parent-has-icon), .ids-module-nav-item.depth-4:not(.parent-has-icon), .ids-module-nav-item.depth-5:not(.parent-has-icon), .ids-module-nav-item.depth-6:not(.parent-has-icon) {
1475
+ .ids-module-nav-item.display-mode-expanded.depth-3 {
307
1476
  padding-inline-start: 24px;
308
1477
  }
309
- .ids-module-nav-item.depth-2:not([class*=expander-type-]), .ids-module-nav-item.depth-3:not([class*=expander-type-]), .ids-module-nav-item.depth-4:not([class*=expander-type-]), .ids-module-nav-item.depth-5:not([class*=expander-type-]), .ids-module-nav-item.depth-6:not([class*=expander-type-]) {
1478
+ .ids-module-nav-item.display-mode-expanded.depth-3:not(.is-expandable) {
1479
+ padding-inline-start: 68px;
1480
+ }
1481
+ .ids-module-nav-item.display-mode-expanded.depth-3.is-expandable {
1482
+ padding-inline-start: 40px;
1483
+ }
1484
+ .ids-module-nav-item.display-mode-expanded.depth-3.siblings-can-expand:not(.is-expandable) {
1485
+ padding-inline-start: 62px;
1486
+ }
1487
+ .ids-module-nav-item.display-mode-expanded.depth-3.parent-has-icon {
310
1488
  padding-inline-start: 32px;
311
1489
  }
312
- .ids-module-nav-item.depth-2.parent-has-icon, .ids-module-nav-item.depth-3.parent-has-icon, .ids-module-nav-item.depth-4.parent-has-icon, .ids-module-nav-item.depth-5.parent-has-icon, .ids-module-nav-item.depth-6.parent-has-icon {
313
- padding-inline-start: 43px;
1490
+ .ids-module-nav-item.display-mode-expanded.depth-3.parent-has-icon:not(.is-expandable) {
1491
+ padding-inline-start: 64px;
1492
+ }
1493
+ .ids-module-nav-item.display-mode-expanded.depth-3.parent-has-icon.is-expandable {
1494
+ padding-inline-start: 48px;
1495
+ }
1496
+ .ids-module-nav-item.display-mode-expanded.depth-3.parent-has-icon.siblings-can-expand:not(.is-expandable) {
1497
+ padding-inline-start: 70px;
1498
+ }
1499
+ .ids-module-nav-item.display-mode-expanded.depth-4 {
1500
+ padding-inline-start: 36px;
1501
+ }
1502
+ .ids-module-nav-item.display-mode-expanded.depth-4:not(.is-expandable) {
1503
+ padding-inline-start: 84px;
1504
+ }
1505
+ .ids-module-nav-item.display-mode-expanded.depth-4.is-expandable {
1506
+ padding-inline-start: 56px;
1507
+ }
1508
+ .ids-module-nav-item.display-mode-expanded.depth-4.siblings-can-expand:not(.is-expandable) {
1509
+ padding-inline-start: 78px;
1510
+ }
1511
+ .ids-module-nav-item.display-mode-expanded.depth-4.parent-has-icon {
1512
+ padding-inline-start: 44px;
1513
+ }
1514
+ .ids-module-nav-item.display-mode-expanded.depth-4.parent-has-icon:not(.is-expandable) {
1515
+ padding-inline-start: 80px;
1516
+ }
1517
+ .ids-module-nav-item.display-mode-expanded.depth-4.parent-has-icon.is-expandable {
1518
+ padding-inline-start: 64px;
1519
+ }
1520
+ .ids-module-nav-item.display-mode-expanded.depth-4.parent-has-icon.siblings-can-expand:not(.is-expandable) {
1521
+ padding-inline-start: 86px;
1522
+ }
1523
+ .ids-module-nav-item.display-mode-expanded.depth-5 {
1524
+ padding-inline-start: 48px;
1525
+ }
1526
+ .ids-module-nav-item.display-mode-expanded.depth-5:not(.is-expandable) {
1527
+ padding-inline-start: 100px;
1528
+ }
1529
+ .ids-module-nav-item.display-mode-expanded.depth-5.is-expandable {
1530
+ padding-inline-start: 72px;
1531
+ }
1532
+ .ids-module-nav-item.display-mode-expanded.depth-5.siblings-can-expand:not(.is-expandable) {
1533
+ padding-inline-start: 94px;
1534
+ }
1535
+ .ids-module-nav-item.display-mode-expanded.depth-5.parent-has-icon {
1536
+ padding-inline-start: 56px;
1537
+ }
1538
+ .ids-module-nav-item.display-mode-expanded.depth-5.parent-has-icon:not(.is-expandable) {
1539
+ padding-inline-start: 96px;
1540
+ }
1541
+ .ids-module-nav-item.display-mode-expanded.depth-5.parent-has-icon.is-expandable {
1542
+ padding-inline-start: 80px;
1543
+ }
1544
+ .ids-module-nav-item.display-mode-expanded.depth-5.parent-has-icon.siblings-can-expand:not(.is-expandable) {
1545
+ padding-inline-start: 102px;
1546
+ }
1547
+ .ids-module-nav-item.display-mode-expanded.depth-6 {
1548
+ padding-inline-start: 60px;
1549
+ }
1550
+ .ids-module-nav-item.display-mode-expanded.depth-6:not(.is-expandable) {
1551
+ padding-inline-start: 116px;
1552
+ }
1553
+ .ids-module-nav-item.display-mode-expanded.depth-6.is-expandable {
1554
+ padding-inline-start: 88px;
1555
+ }
1556
+ .ids-module-nav-item.display-mode-expanded.depth-6.siblings-can-expand:not(.is-expandable) {
1557
+ padding-inline-start: 110px;
1558
+ }
1559
+ .ids-module-nav-item.display-mode-expanded.depth-6.parent-has-icon {
1560
+ padding-inline-start: 68px;
1561
+ }
1562
+ .ids-module-nav-item.display-mode-expanded.depth-6.parent-has-icon:not(.is-expandable) {
1563
+ padding-inline-start: 112px;
1564
+ }
1565
+ .ids-module-nav-item.display-mode-expanded.depth-6.parent-has-icon.is-expandable {
1566
+ padding-inline-start: 96px;
1567
+ }
1568
+ .ids-module-nav-item.display-mode-expanded.depth-6.parent-has-icon.siblings-can-expand:not(.is-expandable) {
1569
+ padding-inline-start: 118px;
1570
+ }
1571
+
1572
+ :host {
1573
+ box-sizing: border-box;
1574
+ }
1575
+
1576
+ ::slotted(ids-icon) {
1577
+ margin-inline: 0;
1578
+ }
1579
+
1580
+ ::slotted(ids-text) {
1581
+ overflow: hidden;
1582
+ white-space: nowrap;
1583
+ text-overflow: ellipsis;
1584
+ }
1585
+
1586
+ .ids-module-nav-button {
1587
+ display: flex;
1588
+ align-self: center;
1589
+ background-color: transparent;
1590
+ border-color: transparent;
1591
+ border-radius: var(--ids-module-nav-common-border-radius);
1592
+ border-style: solid;
1593
+ border-width: 1px;
1594
+ color: var(--ids-module-nav-item-text-color);
1595
+ height: var(--ids-module-nav-switcher-button-size);
1596
+ width: var(--ids-module-nav-switcher-button-size);
1597
+ height: var(--ids-module-nav-item-collapsed-size);
1598
+ padding-inline: var(--ids-module-nav-switcher-button-icon-margin);
1599
+ }
1600
+ .ids-module-nav-button:hover {
1601
+ background-color: var(--ids-module-nav-item-hover-bg-color);
1602
+ color: var(--ids-module-nav-item-hover-text-color);
1603
+ }
1604
+ .ids-module-nav-button.is-active, .ids-module-nav-button:active {
1605
+ border-color: var(--ids-module-nav-item-selected-text-color);
1606
+ }
1607
+ .ids-module-nav-button:focus {
1608
+ outline: none;
1609
+ }
1610
+ .ids-module-nav-button.is-focused {
1611
+ background-color: var(--ids-module-nav-item-selected-bg-color);
1612
+ color: var(--ids-module-nav-item-selected-text-color);
1613
+ }
1614
+ .ids-module-nav-button:not(.hide-focus):focus, .ids-module-nav-button:not(.hide-focus).is-focused {
1615
+ border-color: var(--ids-module-nav-item-selected-text-color);
1616
+ }
1617
+ .ids-module-nav-button:not([disabled]):not(.disabled) {
1618
+ cursor: pointer;
1619
+ }
1620
+ .ids-module-nav-button[disabled],
1621
+ .ids-module-nav-button .disabled {
1622
+ color: var(--ids-button-tertiary-color-text-disabled);
1623
+ background-color: var(--ids-button-tertiary-disabled-background-color);
1624
+ }
1625
+ .ids-module-nav-button .ripple-effect {
1626
+ display: none;
1627
+ }
1628
+ .ids-module-nav-button .ids-text {
1629
+ overflow: hidden;
1630
+ white-space: nowrap;
1631
+ text-overflow: ellipsis;
1632
+ }
1633
+ .ids-module-nav-button.display-mode-collapsed {
1634
+ padding-block: var(--ids-module-nav-switcher-button-icon-margin);
1635
+ }
1636
+ .ids-module-nav-button.display-mode-expanded {
1637
+ padding-block: var(--ids-module-nav-switcher-button-icon-margin);
1638
+ }
1639
+
1640
+ :host {
1641
+ box-sizing: border-box;
1642
+ }
1643
+
1644
+ :host button {
1645
+ max-width: calc(100% - var(--ids-module-nav-accordion-gutter-size) * 2);
1646
+ }
1647
+
1648
+ ::slotted(ids-icon) {
1649
+ margin-inline-start: 0;
1650
+ margin-inline-end: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
1651
+ }
1652
+
1653
+ ::slotted(ids-menu-button) {
1654
+ display: block;
1655
+ }
1656
+
1657
+ ::slotted(ids-menu-item) {
1658
+ color: var(--ids-module-nav-settings-menu-item-text-color);
1659
+ }
1660
+
1661
+ ::slotted(ids-text) {
1662
+ overflow: hidden;
1663
+ white-space: nowrap;
1664
+ text-overflow: ellipsis;
1665
+ }
1666
+
1667
+ ids-separator::part(separator) {
1668
+ background-color: var(--ids-module-nav-settings-menu-separator-color);
1669
+ }
1670
+
1671
+ .ids-module-nav-settings {
1672
+ box-shadow: var(--ids-shadow-none);
1673
+ font-weight: var(--ids-font-weight-normal);
1674
+ font-family: var(--ids-font-family-default);
1675
+ font-size: var(--ids-font-size-40);
1676
+ overflow: hidden;
1677
+ padding-bottom: calc(var(--ids-space-40) - 2px);
1678
+ padding-top: calc(var(--ids-space-40) - 2px);
1679
+ position: relative;
1680
+ border: 1px solid transparent;
1681
+ background-color: transparent;
1682
+ color: var(--ids-button-color-text-default);
1683
+ transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), box-shadow 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);
1684
+ white-space: nowrap;
1685
+ display: flex;
1686
+ align-self: center;
1687
+ background-color: transparent;
1688
+ border-color: transparent;
1689
+ border-radius: var(--ids-module-nav-common-border-radius);
1690
+ border-style: solid;
1691
+ border-width: 1px;
1692
+ color: var(--ids-module-nav-item-text-color);
1693
+ height: var(--ids-module-nav-switcher-button-size);
1694
+ width: var(--ids-module-nav-switcher-button-size);
1695
+ }
1696
+ .ids-module-nav-settings, .ids-module-nav-settings::before, .ids-module-nav-settings::after {
1697
+ box-sizing: border-box;
1698
+ }
1699
+ .ids-module-nav-settings * {
1700
+ pointer-events: none;
1701
+ }
1702
+ .ids-module-nav-settings:focus {
1703
+ outline: none;
1704
+ outline-color: transparent;
1705
+ }
1706
+ .ids-module-nav-settings:not([disabled]) {
1707
+ cursor: var(--ids-cursor-pointer);
1708
+ }
1709
+ .ids-module-nav-settings span {
1710
+ vertical-align: bottom;
1711
+ }
1712
+ .ids-module-nav-settings span.audible {
1713
+ clip: rect(0, 0, 0, 0);
1714
+ height: 0;
1715
+ line-height: 0;
1716
+ min-height: 0;
1717
+ overflow: hidden;
1718
+ padding: 0;
1719
+ position: absolute;
1720
+ width: 1px;
1721
+ }
1722
+ .ids-module-nav-settings:not(.ids-icon-button) ::slotted(ids-icon) {
1723
+ padding-inline-end: var(--ids-space-30);
1724
+ }
1725
+ .ids-module-nav-settings .ids-icon {
1726
+ vertical-align: middle;
1727
+ }
1728
+ .ids-module-nav-settings.align-icon-end ::slotted(ids-icon) {
1729
+ padding-inline-start: var(--ids-space-30);
1730
+ }
1731
+ .ids-module-nav-settings.content-align-start {
1732
+ justify-content: start;
1733
+ }
1734
+ .ids-module-nav-settings.content-align-end {
1735
+ justify-content: end;
1736
+ }
1737
+ .ids-module-nav-settings.no-margins {
1738
+ margin-inline: var(--ids-space-none);
1739
+ }
1740
+ .ids-module-nav-settings:not(.btn-secondary):not(.no-margins) {
1741
+ margin: var(--ids-space-10);
1742
+ }
1743
+ .ids-module-nav-settings ::slotted(span) {
1744
+ font-weight: inherit !important;
1745
+ }
1746
+ .ids-module-nav-settings:hover {
1747
+ background-color: var(--ids-module-nav-item-hover-bg-color);
1748
+ color: var(--ids-module-nav-item-hover-text-color);
1749
+ }
1750
+ .ids-module-nav-settings.is-active, .ids-module-nav-settings:active {
1751
+ border-color: var(--ids-module-nav-item-selected-text-color);
1752
+ }
1753
+ .ids-module-nav-settings:focus {
1754
+ outline: none;
1755
+ }
1756
+ .ids-module-nav-settings.is-focused {
1757
+ background-color: var(--ids-module-nav-item-selected-bg-color);
1758
+ color: var(--ids-module-nav-item-selected-text-color);
1759
+ }
1760
+ .ids-module-nav-settings:not(.hide-focus):focus, .ids-module-nav-settings:not(.hide-focus).is-focused {
1761
+ border-color: var(--ids-module-nav-item-selected-text-color);
1762
+ }
1763
+ .ids-module-nav-settings:not([disabled]):not(.disabled) {
1764
+ cursor: pointer;
1765
+ }
1766
+ .ids-module-nav-settings[disabled],
1767
+ .ids-module-nav-settings .disabled {
1768
+ color: var(--ids-button-tertiary-color-text-disabled);
1769
+ background-color: var(--ids-button-tertiary-disabled-background-color);
1770
+ }
1771
+ .ids-module-nav-settings .ripple-effect {
1772
+ display: none;
1773
+ }
1774
+ .ids-module-nav-settings .ids-text {
1775
+ overflow: hidden;
1776
+ white-space: nowrap;
1777
+ text-overflow: ellipsis;
1778
+ }
1779
+ .ids-module-nav-settings:not(.ids-icon-button) ::slotted(ids-icon) {
1780
+ padding-inline-end: 0;
1781
+ }
1782
+ .ids-module-nav-settings.color-variant-module-nav:not([class*=display-mode-]) {
1783
+ height: var(--ids-module-nav-item-collapsed-size);
1784
+ margin-block: var(--ids-module-nav-item-collapsed-general-spacing-size);
1785
+ margin-inline: auto;
1786
+ padding-block: var(--ids-module-nav-item-margin-inline);
1787
+ padding-inline: auto;
1788
+ width: 0;
1789
+ }
1790
+ .ids-module-nav-settings.color-variant-module-nav.display-mode-collapsed, .ids-module-nav-settings.color-variant-module-nav.display-mode-expanded {
1791
+ margin-block-start: 0;
1792
+ margin-inline: var(--ids-module-nav-accordion-gutter-size);
1793
+ }
1794
+ .ids-module-nav-settings.color-variant-module-nav.display-mode-collapsed {
1795
+ height: var(--ids-module-nav-item-collapsed-size);
1796
+ width: var(--ids-module-nav-item-collapsed-size);
1797
+ justify-content: center;
1798
+ margin-block-end: var(--ids-module-nav-footer-gutter-size);
1799
+ padding-inline: 0;
1800
+ }
1801
+ .ids-module-nav-settings.color-variant-module-nav.display-mode-collapsed ::slotted(ids-menu-button) {
1802
+ height: var(--ids-module-nav-item-collapsed-size);
1803
+ width: var(--ids-module-nav-item-collapsed-size);
1804
+ margin: var(--ids-module-nav-item-collapsed-general-spacing-size) auto;
1805
+ }
1806
+ .ids-module-nav-settings.color-variant-module-nav.display-mode-collapsed ::slotted(ids-icon) {
1807
+ margin-inline-end: 0;
1808
+ }
1809
+ .ids-module-nav-settings.color-variant-module-nav.display-mode-expanded {
1810
+ padding: var(--ids-module-nav-item-margin-inline);
1811
+ margin-block-end: var(--ids-module-nav-accordion-gutter-size);
1812
+ text-align: start;
1813
+ }
1814
+ .ids-module-nav-settings.color-variant-module-nav.display-mode-expanded ::slotted(ids-menu-button) {
1815
+ justify-content: start;
1816
+ height: auto;
1817
+ width: auto;
314
1818
  }