@inera/ids-design 8.2.1 → 9.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (385) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion-shadow-lit.js +9 -0
  3. package/components/accordion/accordion-shadow.css +115 -0
  4. package/components/accordion/accordion.css +10 -16
  5. package/components/action-link/action-link-lit.js +1 -1
  6. package/components/{carousel/carousel-item-lit.js → action-link/action-link-shadow-lit.js} +3 -3
  7. package/components/{carousel/carousel-item.css → action-link/action-link-shadow.css} +43 -51
  8. package/components/action-link/action-link.css +5 -10
  9. package/components/alert/alert-lit.js +1 -1
  10. package/components/alert/alert-shadow-lit.js +7 -0
  11. package/components/alert/alert-shadow.css +63 -0
  12. package/components/alert/alert.css +27 -20
  13. package/components/badge/badge-lit.js +1 -1
  14. package/components/badge/badge.css +1 -1
  15. package/components/box-link/box-link-lit.js +1 -1
  16. package/components/box-link/box-link-shadow-lit.js +7 -0
  17. package/components/box-link/box-link-shadow.css +109 -0
  18. package/components/box-link/box-link.css +16 -28
  19. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  20. package/components/breadcrumbs/breadcrumbs-shadow-lit.js +7 -0
  21. package/components/breadcrumbs/breadcrumbs-shadow.css +35 -0
  22. package/components/breadcrumbs/breadcrumbs.css +7 -15
  23. package/components/button-group/button-group-lit.js +1 -1
  24. package/components/button-group/button-group.css +2 -2
  25. package/components/card/card-lit.js +1 -1
  26. package/components/card/card-shadow-lit.js +9 -0
  27. package/components/card/card-shadow.css +30 -0
  28. package/components/card/card.css +58 -65
  29. package/components/carousel/carousel-lit.js +1 -1
  30. package/components/carousel/carousel-shadow-lit.js +7 -0
  31. package/components/carousel/carousel-shadow.css +56 -0
  32. package/components/carousel/carousel.css +110 -33
  33. package/components/data-pagination/data-pagination-lit.js +7 -0
  34. package/components/data-pagination/data-pagination-shadow-lit.d.ts +2 -0
  35. package/components/data-pagination/data-pagination-shadow-lit.js +7 -0
  36. package/components/data-pagination/data-pagination-shadow.css +251 -0
  37. package/components/{pagination/data-pagination → data-pagination}/data-pagination.css +36 -77
  38. package/components/data-table/data-table-lit.js +1 -1
  39. package/components/data-table/data-table.css +48 -40
  40. package/components/date-label/date-label-lit.js +1 -1
  41. package/components/date-label/date-label.css +28 -35
  42. package/components/dialog/dialog-lit.js +1 -1
  43. package/components/dialog/dialog-shadow-lit.d.ts +2 -0
  44. package/components/dialog/dialog-shadow-lit.js +7 -0
  45. package/components/dialog/dialog-shadow.css +27 -0
  46. package/components/dialog/dialog.css +39 -32
  47. package/components/dropdown/dropdown-lit.js +1 -1
  48. package/components/dropdown/dropdown-shadow-lit.d.ts +2 -0
  49. package/components/dropdown/dropdown-shadow-lit.js +9 -0
  50. package/components/dropdown/dropdown-shadow.css +90 -0
  51. package/components/dropdown/dropdown.css +56 -66
  52. package/components/footer-1177/footer-1177-lit.js +1 -1
  53. package/components/footer-1177/footer-1177-shadow-lit.d.ts +2 -0
  54. package/components/footer-1177/footer-1177-shadow-lit.js +7 -0
  55. package/components/footer-1177/footer-1177-shadow.css +61 -0
  56. package/components/footer-1177/footer-1177.css +19 -20
  57. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  58. package/components/footer-1177-admin/footer-1177-admin-shadow-lit.d.ts +2 -0
  59. package/components/footer-1177-admin/footer-1177-admin-shadow-lit.js +7 -0
  60. package/components/footer-1177-admin/footer-1177-admin-shadow.css +113 -0
  61. package/components/footer-1177-admin/footer-1177-admin.css +21 -33
  62. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  63. package/components/footer-1177-pro/footer-1177-pro-shadow-lit.d.ts +2 -0
  64. package/components/footer-1177-pro/footer-1177-pro-shadow-lit.js +7 -0
  65. package/components/footer-1177-pro/footer-1177-pro-shadow.css +125 -0
  66. package/components/footer-1177-pro/footer-1177-pro.css +26 -32
  67. package/components/footer-inera/footer-inera-lit.js +1 -1
  68. package/components/footer-inera/footer-inera-shadow-lit.d.ts +2 -0
  69. package/components/footer-inera/footer-inera-shadow-lit.js +7 -0
  70. package/components/footer-inera/footer-inera-shadow.css +113 -0
  71. package/components/footer-inera/footer-inera.css +20 -18
  72. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  73. package/components/footer-inera-admin/footer-inera-admin-shadow-lit.d.ts +2 -0
  74. package/components/footer-inera-admin/footer-inera-admin-shadow-lit.js +7 -0
  75. package/components/footer-inera-admin/footer-inera-admin-shadow.css +113 -0
  76. package/components/footer-inera-admin/footer-inera-admin.css +21 -33
  77. package/components/form/darkmode-toggle/darkmode-toggle-lit.d.ts +2 -0
  78. package/components/form/darkmode-toggle/darkmode-toggle-lit.js +9 -0
  79. package/components/form/darkmode-toggle/darkmode-toggle.css +179 -0
  80. package/components/form/datepicker/datepicker-lit.js +1 -1
  81. package/components/form/datepicker/datepicker.css +9 -7
  82. package/components/form/error-message/error-message-lit.js +1 -1
  83. package/components/form/error-message/error-message.css +1 -2
  84. package/components/form/group/group-lit.js +1 -1
  85. package/components/form/group/group.css +37 -68
  86. package/components/form/range/range-lit.js +1 -1
  87. package/components/form/range/range.css +9 -10
  88. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  89. package/components/form/select-multiple/select-multiple.css +27 -31
  90. package/components/form/spinner/spinner-lit.js +1 -1
  91. package/components/form/spinner/spinner.css +6 -3
  92. package/components/global-alert/global-alert-lit.js +1 -1
  93. package/components/global-alert/global-alert.css +15 -15
  94. package/components/grid/column/column-lit.js +1 -1
  95. package/components/grid/column/column.css +203 -204
  96. package/components/grid/container/container-lit.js +1 -1
  97. package/components/grid/container/container.css +2 -5
  98. package/components/grid/row/row-lit.js +1 -1
  99. package/components/grid/row/row.css +11 -32
  100. package/components/grid-layout/grid-column/grid-column-lit.d.ts +2 -0
  101. package/components/grid-layout/grid-column/grid-column-lit.js +7 -0
  102. package/components/grid-layout/grid-column/grid-column.css +286 -0
  103. package/components/grid-layout/grid-container/grid-container-lit.d.ts +2 -0
  104. package/components/grid-layout/grid-container/grid-container-lit.js +7 -0
  105. package/components/grid-layout/grid-container/grid-container.css +11 -0
  106. package/components/grid-layout/grid-row/grid-row-lit.d.ts +2 -0
  107. package/components/grid-layout/grid-row/grid-row-lit.js +7 -0
  108. package/components/grid-layout/grid-row/grid-row.css +53 -0
  109. package/components/header-1177/composite-header-1177.css +247 -1106
  110. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  111. package/components/header-1177/header-1177-avatar-shadow-lit.d.ts +2 -0
  112. package/components/header-1177/header-1177-avatar-shadow-lit.js +7 -0
  113. package/components/header-1177/header-1177-avatar-shadow.css +86 -0
  114. package/components/header-1177/header-1177-avatar.css +50 -390
  115. package/components/header-1177/header-1177-item-lit.js +1 -1
  116. package/components/header-1177/header-1177-item-shadow-lit.d.ts +2 -0
  117. package/components/header-1177/header-1177-item-shadow-lit.js +7 -0
  118. package/components/header-1177/header-1177-item-shadow.css +230 -0
  119. package/components/header-1177/header-1177-item.css +89 -323
  120. package/components/header-1177/header-1177-lit.js +1 -1
  121. package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
  122. package/components/header-1177/header-1177-menu-mobile.css +39 -48
  123. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  124. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  125. package/components/header-1177/header-1177-nav-item-mobile-shadow-lit.d.ts +2 -0
  126. package/components/header-1177/header-1177-nav-item-mobile-shadow-lit.js +7 -0
  127. package/components/header-1177/header-1177-nav-item-mobile-shadow.css +87 -0
  128. package/components/header-1177/header-1177-nav-item-mobile.css +60 -147
  129. package/components/header-1177/header-1177-nav-item-shadow-lit.d.ts +2 -0
  130. package/components/header-1177/header-1177-nav-item-shadow-lit.js +7 -0
  131. package/components/header-1177/header-1177-nav-item-shadow.css +98 -0
  132. package/components/header-1177/header-1177-nav-item.css +51 -28
  133. package/components/header-1177/header-1177-nav-lit.js +1 -1
  134. package/components/header-1177/header-1177-nav.css +16 -100
  135. package/components/header-1177/header-1177-region-picker-lit.js +1 -1
  136. package/components/header-1177/header-1177-region-picker-mobile-lit.js +1 -1
  137. package/components/header-1177/header-1177-region-picker-mobile.css +55 -17
  138. package/components/header-1177/header-1177-region-picker.css +52 -13
  139. package/components/header-1177/header-1177-shadow-lit.d.ts +2 -0
  140. package/components/header-1177/header-1177-shadow-lit.js +7 -0
  141. package/components/header-1177/header-1177-shadow.css +102 -0
  142. package/components/header-1177/header-1177.css +53 -18
  143. package/components/header-1177-admin/composite-header-1177-admin.css +1318 -0
  144. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  145. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  146. package/components/header-1177-admin/header-1177-admin-avatar-mobile-shadow-lit.d.ts +2 -0
  147. package/components/header-1177-admin/header-1177-admin-avatar-mobile-shadow-lit.js +7 -0
  148. package/components/header-1177-admin/header-1177-admin-avatar-mobile-shadow.css +37 -0
  149. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +15 -22
  150. package/components/header-1177-admin/header-1177-admin-avatar-shadow-lit.d.ts +2 -0
  151. package/components/header-1177-admin/header-1177-admin-avatar-shadow-lit.js +7 -0
  152. package/components/header-1177-admin/header-1177-admin-avatar-shadow.css +23 -0
  153. package/components/header-1177-admin/header-1177-admin-avatar.css +34 -291
  154. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  155. package/components/header-1177-admin/header-1177-admin-item-shadow-lit.d.ts +2 -0
  156. package/components/header-1177-admin/header-1177-admin-item-shadow-lit.js +7 -0
  157. package/components/header-1177-admin/header-1177-admin-item-shadow.css +158 -0
  158. package/components/header-1177-admin/header-1177-admin-item.css +28 -247
  159. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  160. package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +1 -1
  161. package/components/header-1177-admin/header-1177-admin-menu-mobile.css +39 -46
  162. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  163. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-lit.d.ts +2 -0
  164. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-lit.js +7 -0
  165. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow-lit.d.ts +2 -0
  166. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow-lit.js +7 -0
  167. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow.css +35 -0
  168. package/components/header-1177-admin/header-1177-admin-nav-item-mobile.css +76 -0
  169. package/components/header-1177-admin/header-1177-admin-nav-item-shadow-lit.d.ts +2 -0
  170. package/components/header-1177-admin/header-1177-admin-nav-item-shadow-lit.js +7 -0
  171. package/components/header-1177-admin/header-1177-admin-nav-item-shadow.css +47 -0
  172. package/components/header-1177-admin/header-1177-admin-nav-item.css +9 -22
  173. package/components/header-1177-admin/header-1177-admin-nav-lit.js +1 -1
  174. package/components/header-1177-admin/header-1177-admin-nav.css +9 -64
  175. package/components/header-1177-admin/header-1177-admin-shadow-lit.d.ts +2 -0
  176. package/components/header-1177-admin/header-1177-admin-shadow-lit.js +7 -0
  177. package/components/header-1177-admin/header-1177-admin-shadow.css +33 -0
  178. package/components/header-1177-admin/header-1177-admin.css +15 -31
  179. package/components/header-1177-pro/composite-header-1177-pro.css +1506 -0
  180. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  181. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  182. package/components/header-1177-pro/header-1177-pro-avatar-mobile-shadow-lit.d.ts +2 -0
  183. package/components/header-1177-pro/header-1177-pro-avatar-mobile-shadow-lit.js +7 -0
  184. package/components/header-1177-pro/header-1177-pro-avatar-mobile-shadow.css +38 -0
  185. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +26 -31
  186. package/components/header-1177-pro/header-1177-pro-avatar-shadow-lit.d.ts +2 -0
  187. package/components/header-1177-pro/header-1177-pro-avatar-shadow-lit.js +7 -0
  188. package/components/header-1177-pro/header-1177-pro-avatar-shadow.css +23 -0
  189. package/components/header-1177-pro/header-1177-pro-avatar.css +34 -279
  190. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  191. package/components/header-1177-pro/header-1177-pro-item-shadow-lit.d.ts +2 -0
  192. package/components/header-1177-pro/header-1177-pro-item-shadow-lit.js +7 -0
  193. package/components/header-1177-pro/header-1177-pro-item-shadow.css +169 -0
  194. package/components/header-1177-pro/header-1177-pro-item.css +45 -286
  195. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  196. package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +1 -1
  197. package/components/header-1177-pro/header-1177-pro-menu-mobile.css +39 -47
  198. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  199. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-lit.d.ts +2 -0
  200. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-lit.js +7 -0
  201. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow-lit.d.ts +2 -0
  202. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow-lit.js +7 -0
  203. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow.css +35 -0
  204. package/components/header-1177-pro/header-1177-pro-nav-item-mobile.css +76 -0
  205. package/components/header-1177-pro/header-1177-pro-nav-item-shadow-lit.d.ts +2 -0
  206. package/components/header-1177-pro/header-1177-pro-nav-item-shadow-lit.js +7 -0
  207. package/components/header-1177-pro/header-1177-pro-nav-item-shadow.css +67 -0
  208. package/components/header-1177-pro/header-1177-pro-nav-item.css +9 -26
  209. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  210. package/components/header-1177-pro/header-1177-pro-nav.css +15 -97
  211. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  212. package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +1 -1
  213. package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +4 -6
  214. package/components/header-1177-pro/header-1177-pro-region-picker.css +1 -2
  215. package/components/header-1177-pro/header-1177-pro-shadow-lit.d.ts +2 -0
  216. package/components/header-1177-pro/header-1177-pro-shadow-lit.js +7 -0
  217. package/components/header-1177-pro/header-1177-pro-shadow.css +69 -0
  218. package/components/header-1177-pro/header-1177-pro.css +9 -24
  219. package/components/header-inera/composite-header-inera.css +633 -0
  220. package/components/header-inera/header-inera-item-lit.js +1 -1
  221. package/components/header-inera/header-inera-item-shadow-lit.d.ts +2 -0
  222. package/components/header-inera/header-inera-item-shadow-lit.js +7 -0
  223. package/components/header-inera/header-inera-item-shadow.css +100 -0
  224. package/components/header-inera/header-inera-item.css +52 -18
  225. package/components/header-inera/header-inera-lit.js +1 -1
  226. package/components/header-inera/header-inera-menu-mobile-lit.js +1 -1
  227. package/components/header-inera/header-inera-menu-mobile.css +9 -11
  228. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  229. package/components/header-inera/header-inera-nav-item-shadow-lit.d.ts +2 -0
  230. package/components/header-inera/header-inera-nav-item-shadow-lit.js +7 -0
  231. package/components/header-inera/header-inera-nav-item-shadow.css +46 -0
  232. package/components/header-inera/header-inera-nav-item.css +9 -21
  233. package/components/header-inera/header-inera-nav-lit.js +1 -1
  234. package/components/header-inera/header-inera-nav.css +8 -12
  235. package/components/header-inera/header-inera-shadow-lit.d.ts +2 -0
  236. package/components/header-inera/header-inera-shadow-lit.js +7 -0
  237. package/components/header-inera/header-inera-shadow.css +48 -0
  238. package/components/header-inera/header-inera.css +52 -44
  239. package/components/header-inera-admin/composite-header-inera-admin.css +191 -377
  240. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  241. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  242. package/components/header-inera-admin/header-inera-admin-avatar-mobile-shadow-lit.d.ts +2 -0
  243. package/components/header-inera-admin/header-inera-admin-avatar-mobile-shadow-lit.js +7 -0
  244. package/components/header-inera-admin/header-inera-admin-avatar-mobile-shadow.css +20 -0
  245. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +11 -18
  246. package/components/header-inera-admin/header-inera-admin-avatar-shadow-lit.d.ts +2 -0
  247. package/components/header-inera-admin/header-inera-admin-avatar-shadow-lit.js +7 -0
  248. package/components/header-inera-admin/header-inera-admin-avatar-shadow.css +8 -0
  249. package/components/header-inera-admin/header-inera-admin-avatar.css +32 -269
  250. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  251. package/components/header-inera-admin/header-inera-admin-item-shadow-lit.d.ts +2 -0
  252. package/components/header-inera-admin/header-inera-admin-item-shadow-lit.js +7 -0
  253. package/components/header-inera-admin/header-inera-admin-item-shadow.css +83 -0
  254. package/components/header-inera-admin/header-inera-admin-item.css +72 -36
  255. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  256. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +1 -1
  257. package/components/header-inera-admin/header-inera-admin-menu-mobile.css +9 -11
  258. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  259. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-lit.d.ts +2 -0
  260. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-lit.js +7 -0
  261. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow-lit.d.ts +2 -0
  262. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow-lit.js +7 -0
  263. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow.css +20 -0
  264. package/components/header-inera-admin/header-inera-admin-nav-item-mobile.css +61 -0
  265. package/components/header-inera-admin/header-inera-admin-nav-item-shadow-lit.d.ts +2 -0
  266. package/components/header-inera-admin/header-inera-admin-nav-item-shadow-lit.js +7 -0
  267. package/components/header-inera-admin/header-inera-admin-nav-item-shadow.css +31 -0
  268. package/components/header-inera-admin/header-inera-admin-nav-item.css +16 -29
  269. package/components/header-inera-admin/header-inera-admin-nav-lit.js +1 -1
  270. package/components/header-inera-admin/header-inera-admin-nav.css +3 -7
  271. package/components/header-inera-admin/header-inera-admin-shadow-lit.d.ts +2 -0
  272. package/components/header-inera-admin/header-inera-admin-shadow-lit.js +7 -0
  273. package/components/header-inera-admin/header-inera-admin-shadow.css +43 -0
  274. package/components/header-inera-admin/header-inera-admin.css +4 -13
  275. package/components/header-patient/header-patient-lit.js +1 -1
  276. package/components/header-patient/header-patient-shadow-lit.d.ts +2 -0
  277. package/components/header-patient/header-patient-shadow-lit.js +7 -0
  278. package/components/header-patient/header-patient-shadow.css +4 -0
  279. package/components/header-patient/header-patient.css +8 -14
  280. package/components/list-pagination/list-pagination-lit.d.ts +2 -0
  281. package/components/list-pagination/list-pagination-lit.js +9 -0
  282. package/components/list-pagination/list-pagination-shadow-lit.d.ts +2 -0
  283. package/components/list-pagination/list-pagination-shadow-lit.js +9 -0
  284. package/components/list-pagination/list-pagination-shadow.css +125 -0
  285. package/components/{pagination/list-pagination → list-pagination}/list-pagination.css +88 -36
  286. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  287. package/components/mobile-menu/mobile-menu-shadow-lit.d.ts +2 -0
  288. package/components/mobile-menu/mobile-menu-shadow-lit.js +7 -0
  289. package/components/mobile-menu/mobile-menu-shadow.css +170 -0
  290. package/components/mobile-menu/mobile-menu.css +26 -79
  291. package/components/navigation-content/navigation-content-lit.d.ts +2 -0
  292. package/components/navigation-content/navigation-content-lit.js +7 -0
  293. package/components/navigation-content/navigation-content-shadow-lit.d.ts +2 -0
  294. package/components/navigation-content/navigation-content-shadow-lit.js +7 -0
  295. package/components/navigation-content/navigation-content-shadow.css +6 -0
  296. package/components/{navigation/content → navigation-content}/navigation-content.css +24 -3
  297. package/components/navigation-local/navigation-local-lit.d.ts +2 -0
  298. package/components/navigation-local/navigation-local-lit.js +7 -0
  299. package/components/navigation-local/navigation-local-shadow-lit.d.ts +2 -0
  300. package/components/navigation-local/navigation-local-shadow-lit.js +7 -0
  301. package/components/navigation-local/navigation-local-shadow.css +37 -0
  302. package/components/{navigation/local → navigation-local}/navigation-local.css +11 -17
  303. package/components/notification-badge/notification-badge-lit.js +1 -1
  304. package/components/notification-badge/notification-badge-shadow-lit.d.ts +2 -0
  305. package/components/notification-badge/notification-badge-shadow-lit.js +7 -0
  306. package/components/notification-badge/notification-badge-shadow.css +10 -0
  307. package/components/notification-badge/notification-badge.css +2 -4
  308. package/components/popover/popover-lit.js +1 -1
  309. package/components/popover/popover-shadow-lit.d.ts +2 -0
  310. package/components/popover/popover-shadow-lit.js +7 -0
  311. package/components/popover/popover-shadow.css +73 -0
  312. package/components/popover/popover.css +389 -1
  313. package/components/progressbar/progressbar-lit.js +1 -1
  314. package/components/progressbar/progressbar.css +2 -2
  315. package/components/puff-list/puff-list-lit.js +1 -1
  316. package/components/puff-list/puff-list-shadow-lit.d.ts +2 -0
  317. package/components/puff-list/puff-list-shadow-lit.js +7 -0
  318. package/components/puff-list/puff-list-shadow.css +110 -0
  319. package/components/puff-list/puff-list.css +32 -26
  320. package/components/region-icon/region-icon-lit.js +1 -1
  321. package/components/region-icon/region-icon.css +1 -1
  322. package/components/side-menu/side-menu-lit.js +1 -1
  323. package/components/side-menu/side-menu-shadow-lit.d.ts +2 -0
  324. package/components/side-menu/side-menu-shadow-lit.js +7 -0
  325. package/components/side-menu/side-menu-shadow.css +79 -0
  326. package/components/side-menu/side-menu.css +42 -44
  327. package/components/side-panel/side-panel-lit.js +1 -1
  328. package/components/side-panel/side-panel-shadow-lit.d.ts +2 -0
  329. package/components/side-panel/side-panel-shadow-lit.js +7 -0
  330. package/components/side-panel/side-panel-shadow.css +4 -0
  331. package/components/side-panel/side-panel.css +41 -14
  332. package/components/stepper/stepper-lit.js +1 -1
  333. package/components/stepper/stepper-shadow-lit.d.ts +2 -0
  334. package/components/stepper/stepper-shadow-lit.js +7 -0
  335. package/components/stepper/stepper-shadow.css +63 -0
  336. package/components/stepper/stepper.css +9 -21
  337. package/components/table/table.css +12 -6
  338. package/components/tabs/tab-panel-shadow-lit.d.ts +2 -0
  339. package/components/tabs/tab-panel-shadow-lit.js +7 -0
  340. package/components/tabs/tab-panel-shadow.css +3 -0
  341. package/components/tabs/tab-shadow-lit.d.ts +2 -0
  342. package/components/tabs/tab-shadow-lit.js +7 -0
  343. package/components/tabs/tab-shadow.css +33 -0
  344. package/components/tabs/tabs-lit.js +3 -3
  345. package/components/tabs/tabs.css +155 -1
  346. package/components/tag/tag-lit.js +1 -1
  347. package/components/tag/tag-shadow-lit.d.ts +2 -0
  348. package/components/tag/tag-shadow-lit.js +7 -0
  349. package/components/tag/tag-shadow.css +58 -0
  350. package/components/tag/tag.css +63 -12
  351. package/components/tooltip/tooltip-lit.js +1 -1
  352. package/components/tooltip/tooltip.css +1 -0
  353. package/global/global.css +10072 -2466
  354. package/global/icons/Inera-Design-Icons.eot +0 -0
  355. package/global/icons/Inera-Design-Icons.svg +10 -1
  356. package/global/icons/Inera-Design-Icons.ttf +0 -0
  357. package/global/icons/Inera-Design-Icons.woff +0 -0
  358. package/global/util/util.css +51 -2517
  359. package/layout/breakpoints.scss +18 -0
  360. package/package.json +1 -1
  361. package/styles.css +10423 -2670
  362. package/tokens/component-tokens.scss +5 -4
  363. package/tokens/themes/1177-admin-tokens.css +115 -76
  364. package/tokens/themes/1177-pro-tokens.css +112 -73
  365. package/tokens/themes/1177-tokens.css +112 -73
  366. package/tokens/themes/inera-admin-tokens.css +101 -62
  367. package/tokens/themes/inera-tokens.css +98 -59
  368. package/components/navigation/content/navigation-content-lit.js +0 -7
  369. package/components/navigation/local/navigation-local-lit.js +0 -7
  370. package/components/pagination/data-pagination/data-pagination-lit.js +0 -7
  371. package/components/pagination/list-pagination/list-pagination-lit.js +0 -9
  372. package/components/popover/popover-content-lit.js +0 -7
  373. package/components/popover/popover-content.css +0 -401
  374. package/components/tabs/tab-lit.js +0 -7
  375. package/components/tabs/tab-panel-lit.js +0 -7
  376. package/components/tabs/tab-panel.css +0 -21
  377. package/components/tabs/tab.css +0 -142
  378. /package/components/{carousel/carousel-item-lit.d.ts → accordion/accordion-shadow-lit.d.ts} +0 -0
  379. /package/components/{navigation/content/navigation-content-lit.d.ts → action-link/action-link-shadow-lit.d.ts} +0 -0
  380. /package/components/{navigation/local/navigation-local-lit.d.ts → alert/alert-shadow-lit.d.ts} +0 -0
  381. /package/components/{pagination/data-pagination/data-pagination-lit.d.ts → box-link/box-link-shadow-lit.d.ts} +0 -0
  382. /package/components/{pagination/list-pagination/list-pagination-lit.d.ts → breadcrumbs/breadcrumbs-shadow-lit.d.ts} +0 -0
  383. /package/components/{popover/popover-content-lit.d.ts → card/card-shadow-lit.d.ts} +0 -0
  384. /package/components/{tabs/tab-lit.d.ts → carousel/carousel-shadow-lit.d.ts} +0 -0
  385. /package/components/{tabs/tab-panel-lit.d.ts → data-pagination/data-pagination-lit.d.ts} +0 -0
@@ -1,7 +0,0 @@
1
- import { css, unsafeCSS } from 'lit';
2
-
3
- var css_248z = ".ids-data-pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.ids-data-pagination .ids-data-pagination__select{align-items:center;display:flex;margin-right:2.5rem;position:relative}.ids-data-pagination .ids-data-pagination__select:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.5625rem;top:50%;transform:translateY(-50%);z-index:20}.ids-data-pagination .ids-data-pagination__select ::slotted(label),.ids-data-pagination .ids-data-pagination__select label{color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;margin-right:.5rem!important;white-space:nowrap!important}.ids-data-pagination .ids-data-pagination__select ::slotted(select),.ids-data-pagination .ids-data-pagination__select select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-DATA-PAGINATION-SELECT__BORDER-THICKNESS) solid var(--IDS-DATA-PAGINATION-SELECT__BORDER-COLOR)!important;border-radius:.313rem!important;box-sizing:border-box;color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);cursor:pointer!important;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;padding:var(--IDS-DATA-PAGINATION-SELECT__PADDING)!important;width:100%!important}.ids-data-pagination .ids-data-pagination__select ::slotted(select) option,.ids-data-pagination .ids-data-pagination__select select option{height:1.25rem!important}.ids-data-pagination.ids-data-pagination--light ::slotted(select),.ids-data-pagination.ids-data-pagination--light select{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-data-pagination .ids-data-pagination__summary{color:var(--IDS-DATA-PAGINATION-SELECT__COLOR);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE)!important}.ids-data-pagination .ids-data-pagination__buttons{display:flex;margin-left:.75rem;white-space:nowrap}.ids-data-pagination .ids-data-pagination__first-page-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button),.ids-data-pagination .ids-data-pagination__first-page-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:100%!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button):after,.ids-data-pagination .ids-data-pagination__first-page-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e6ff\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:hover),.ids-data-pagination .ids-data-pagination__first-page-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:hover):after,.ids-data-pagination .ids-data-pagination__first-page-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:active),.ids-data-pagination .ids-data-pagination__first-page-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:focus-visible),.ids-data-pagination .ids-data-pagination__first-page-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__first-page-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled):after,.ids-data-pagination .ids-data-pagination__first-page-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:100%!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button):after,.ids-data-pagination .ids-data-pagination__prev-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover),.ids-data-pagination .ids-data-pagination__prev-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover):after,.ids-data-pagination .ids-data-pagination__prev-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:active),.ids-data-pagination .ids-data-pagination__prev-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:focus-visible),.ids-data-pagination .ids-data-pagination__prev-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__prev-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled):after,.ids-data-pagination .ids-data-pagination__prev-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__next-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:100%!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button):after,.ids-data-pagination .ids-data-pagination__next-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover),.ids-data-pagination .ids-data-pagination__next-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover):after,.ids-data-pagination .ids-data-pagination__next-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:active),.ids-data-pagination .ids-data-pagination__next-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:focus-visible),.ids-data-pagination .ids-data-pagination__next-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__next-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled):after,.ids-data-pagination .ids-data-pagination__next-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button),.ids-data-pagination .ids-data-pagination__last-page-button button{background-color:transparent;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:100%!important;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);cursor:pointer;flex-shrink:0;height:2rem!important;position:relative;width:2rem!important}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button):after,.ids-data-pagination .ids-data-pagination__last-page-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-DATA-PAGINATION-BUTTON__COLOR);content:\"\\e6fe\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;line-height:1rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:hover),.ids-data-pagination .ids-data-pagination__last-page-button button:hover{background-color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);color:var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:hover):after,.ids-data-pagination .ids-data-pagination__last-page-button button:hover:after{color:var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR)}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:active),.ids-data-pagination .ids-data-pagination__last-page-button button:active{background-color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-BACKGROUND-COLOR)!important;color:var(--IDS-DATA-PAGINATION-BUTTON--ACTIVE-COLOR)!important}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:focus-visible),.ids-data-pagination .ids-data-pagination__last-page-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__last-page-button button:disabled{cursor:default;pointer-events:none}.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled):after,.ids-data-pagination .ids-data-pagination__last-page-button button:disabled:after{background-color:transparent;color:var(--IDS-ICON--DISABLED-COLOR)}";
4
-
5
- var dataPaginationLit = css`${unsafeCSS(css_248z)}`;
6
-
7
- export { dataPaginationLit as default };
@@ -1,9 +0,0 @@
1
- import { css, unsafeCSS } from 'lit';
2
-
3
- var css_248z = ".ids-list-pagination{text-align:center}.ids-list-pagination .ids-list-pagination__summary{color:var(--IDS-FONT-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE)!important;line-height:1.5rem;margin-bottom:.5rem;text-align:center}.ids-list-pagination .ids-list-pagination__content{align-items:center;display:flex;justify-content:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item{align-items:center;background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);border:0;border-radius:2rem;box-sizing:border-box;color:var(--IDS-LIST-PAGINATION__COLOR);display:flex;justify-content:center;margin:0 .125rem;min-height:2rem;min-width:2rem;text-align:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden]{display:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[data-hidden-before]:before,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before{color:var(--IDS-FONT-COLOR);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:600;line-height:1.5rem;margin-left:-.188rem;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item.ids-list-pagination__list-item--current{background-color:var(--IDS-LIST-PAGINATION__COLOR);color:var(--ids-color-interactive-text-on-hover)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button{background-color:transparent;border:0;border-radius:2rem;color:var(--IDS-LIST-PAGINATION__COLOR);cursor:pointer;display:block;flex-shrink:0;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;min-height:2rem;min-width:2rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LIST-PAGINATION__COLOR);text-decoration:underline;text-underline-offset:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active{background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover{background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover:after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current{color:var(--IDS-LIST-PAGINATION__CURRENT-COLOR);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button.ids-list-pagination__button--current:hover{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button{display:flex;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button{background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);background-size:1rem 1rem;border:0!important;border-radius:1.75rem!important;color:var(--IDS-LIST-PAGINATION-COLOR);cursor:pointer;flex-shrink:0;height:1.9375rem!important;position:relative;width:1.9375rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LIST-PAGINATION__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:hover),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover{background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active{background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR);pointer-events:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled:after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button{display:flex;margin-left:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button{background-color:var(--IDS-LIST-PAGINATION__BACKGROUND-COLOR);background-size:1rem 1rem;border:0!important;border-radius:1.75rem!important;color:var(--IDS-LIST-PAGINATION-COLOR);cursor:pointer;flex-shrink:0;height:1.9375rem!important;position:relative;width:1.9375rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LIST-PAGINATION__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:hover),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover{background-color:var(--IDS-LIST-PAGINATION--HOVER__BACKGROUND-COLOR);color:var(--IDS-LIST-PAGINATION--HOVER-COLOR);cursor:pointer;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:after{color:var(--IDS-LIST-PAGINATION--HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active{background-color:var(--IDS-LIST-PAGINATION--ACTIVE__BACKGROUND-COLOR)!important;color:var(--IDS-LIST-PAGINATION--ACTIVE__COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR);pointer-events:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled:after{color:var(--IDS-LIST-PAGINATION--DISABLED-COLOR)}";
4
-
5
- var listPaginationLit = css`
6
- ${unsafeCSS(css_248z)}
7
- `;
8
-
9
- export { listPaginationLit as default };
@@ -1,7 +0,0 @@
1
- import { css, unsafeCSS } from 'lit';
2
-
3
- var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}:host([show]){display:block}:host{color:var(--IDS-FONT-COLOR);display:none;position:absolute;width:max-content}.ids-popover-content{background-color:var(--IDS-POPOVER-CONTENT__BACKGROUND-COLOR);border:var(--IDS-POPOVER-CONTENT__BORDER-THICKNESS) solid var(--IDS-POPOVER-CONTENT__BORDER-COLOR);border-radius:var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;max-height:16.25rem;padding:1.25rem 1rem 1.25rem 1.25rem;position:relative;width:16.25rem;z-index:2000}.ids-popover-content ::slotted(*){color:var(--IDS-FONT-COLOR)}.ids-popover-content ::slotted(h3),.ids-popover-content h3{color:var(--IDS-FONT-COLOR)!important;color:var(--ids-color-heading-text-xs);font-family:var(--ids-font-family-heading)!important;font-size:var(--ids-font-size-heading-xs)!important;font-style:normal;font-weight:var(--ids-font-weight-heading-xs)!important;letter-spacing:var(--ids-font-letter-spacing-heading-xs)!important;line-height:var(--ids-font-line-height-heading-xs)!important;margin-bottom:.5rem!important}.ids-popover-content .ids-popover-content__caret{position:absolute}.ids-popover-content .ids-popover-content__caret.hide{display:none}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top{bottom:-.4375rem;left:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top-left{bottom:-.4375rem;left:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top-right{bottom:-.4375rem;right:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left{right:-.4375rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left-top{bottom:1.375rem;right:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left-bottom{right:-.4375rem;top:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right{left:-.4375rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right-top{bottom:1.375rem;left:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right-bottom{left:-.4375rem;top:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom{left:50%;top:var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP)}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom-left{left:1.375rem;top:var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP)}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom-right{right:1.375rem;top:var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP)}.ids-popover-content .ids-popover-content__caret-body{background:var(--IDS-POPOVER-CONTENT__CARET-BODY-COLOR);display:block;position:absolute;z-index:4}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top-right{bottom:var(--IDS-POPOVER-CONTENT__CARET-BODY-BOTTOM);clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left-top{clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:var(--IDS-POPOVER-CONTENT__CARET-BODY-RIGHT);transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right-top{clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:var(--IDS-POPOVER-CONTENT__CARET-BODY-LEFT);transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:var(--IDS-POPOVER-CONTENT__CARET-BODY-TOP);transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border{background-color:var(--IDS-POPOVER-CONTENT__CARET-BORDER-COLOR);position:absolute;z-index:1}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top-right{background-color:var(--IDS-POPOVER-CONTENT__BORDER-COLOR);bottom:var(--IDS-POPOVER-CONTENT__CARET-BORDER-BOTTOM);clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER-COLOR);clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:var(--IDS-POPOVER-CONTENT__CARET-BORDER-RIGHT);transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER-COLOR);clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:var(--IDS-POPOVER-CONTENT__CARET-BORDER-LEFT);transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:var(--IDS-POPOVER-CONTENT__CARET-BORDER-TOP);transform:translateX(-50%);width:1.2rem}.ids-popover-content.ids-popover-content--top-left{bottom:calc(100% + .875rem);left:-.75rem;position:absolute}.ids-popover-content.ids-popover-content--top{bottom:calc(100% + .875rem);left:50%;position:absolute;transform:translateX(-50%)}.ids-popover-content.ids-popover-content--top-right{bottom:calc(100% + .875rem);position:absolute;right:-.75rem}.ids-popover-content.ids-popover-content--left-top{bottom:-.75rem;position:absolute;right:calc(100% + .875rem)}.ids-popover-content.ids-popover-content--left{position:absolute;right:calc(100% + .875rem);top:50%;transform:translateY(-50%)}.ids-popover-content.ids-popover-content--left-bottom{position:absolute;right:calc(100% + .875rem);top:-.75rem}.ids-popover-content.ids-popover-content--right-top{bottom:-.75rem;left:calc(100% + .875rem);position:absolute}.ids-popover-content.ids-popover-content--right{left:calc(100% + .875rem);position:absolute;top:50%;transform:translateY(-50%)}.ids-popover-content.ids-popover-content--right-bottom{left:calc(100% + .875rem);position:absolute;top:-.75rem}.ids-popover-content.ids-popover-content--bottom-left{left:-.75rem;position:absolute;top:calc(100% + .875rem)}.ids-popover-content.ids-popover-content--bottom{left:50%;position:absolute;top:calc(100% + .875rem);transform:translateX(-50%)}.ids-popover-content.ids-popover-content--bottom-right{position:absolute;right:-.75rem;top:calc(100% + .875rem)}.ids-popover-content .ids-popover-content__close-btn-wrapper{background-color:var(--IDS-POPOVER-CONTENT__BACKGROUND-COLOR);display:block;height:1.25rem;max-width:100%;padding-bottom:.25rem;padding-left:.25rem;position:absolute;right:.75rem;top:.75rem;z-index:1}.ids-popover-content .ids-popover-content__close-btn:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.375rem!important}.ids-popover-content .ids-popover-content__close-btn{background:none;border:none;cursor:pointer;display:flex;height:1.25rem;padding:0;position:relative;width:1.25rem}.ids-popover-content .ids-popover-content__close-btn:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-popover-content .ids-popover-content__close-btn:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-popover-content .ids-popover-content__close-btn:focus-visible,.ids-popover-content .ids-popover-content__close-icon:focus-visible{border-radius:100%;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.375rem!important}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar{width:.625rem}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:1.25rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-corner{background-color:transparent}.ids-popover-content .ids-popover-content__content-wrapper{max-height:100%;overflow-x:hidden;overflow-y:auto;text-align:left}.ids-popover-content .ids-popover-content__content-wrapper.ids-popover-content__content-wrapper--has-scrollbar{padding-right:.5rem}.ids-popover-content .ids-popover-content__content-wrapper:focus-visible{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0}.ids-popover-content .ids-popover-content__content-wrapper-inner{color:var(--IDS-POPOVER-FONT__COLOR);margin-right:1rem}.ids-popover-content .ids-popover-content__headline{color:var(--IDS-POPOVER-FONT__HEADING-COLOR);margin-right:.25rem;text-align:left}";
4
-
5
- var popoverContentLit = css`${unsafeCSS(css_248z)}`;
6
-
7
- export { popoverContentLit as default };
@@ -1,401 +0,0 @@
1
- /*******
2
- * ICONS
3
- ********/
4
- /*******
5
- * BUTTONS
6
- ********/
7
- /*******
8
- * SCROLLBAR
9
- ********/
10
- /*******
11
- * FORM
12
- ********/
13
- /*******
14
- * A11Y
15
- ********/
16
- .ids--light, .ids--dark {
17
- --IDS-FONT-FAMILY-BASE: "Open Sans";
18
- --IDS-FONT-FAMILY-HEADING: "Inter";
19
- --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
20
- --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.875rem;
21
- --IDS-HEADING-XL__MARGIN-BOTTOM: 1.875rem;
22
- --IDS-HEADING-L__MARGIN-BOTTOM: 1.875rem;
23
- --IDS-PAGE-LIST__COLOR: var(--ids-color-brand-text-primary);
24
- --IDS-PAGE-LIST__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
25
- --IDS-PAGE-LIST__FONT-SIZE: 1.25rem;
26
- --IDS-PAGE-LIST__LINE-HEIGHT: 1.5rem;
27
- --IDS-PAGE-LIST__FONT-WEIGHT: 700;
28
- --IDS-PAGE-LIST__LETTER-SPACING: -0.025rem;
29
- --IDS-BULLET-LIST__MARKER-COLOR: var(--ids-color-brand-text-primary);
30
- --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: bold;
31
- --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
32
- --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
33
- }
34
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
35
- --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
36
- }
37
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
38
- --IDS-FONT-FAMILY-BASE: "Open Sans";
39
- --IDS-FONT-FAMILY-HEADING: "Poppins";
40
- --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
41
- --IDS-HEADING-XL__MARGIN-BOTTOM: 1.25rem;
42
- --IDS-HEADING-L__MARGIN-BOTTOM: 1.25rem;
43
- --IDS-PAGE-LIST__FONT-WEIGHT: 600;
44
- --IDS-PAGE-LIST__LETTER-SPACING: 0;
45
- --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: normal;
46
- --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
47
- --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
48
- }
49
- .ids--light.ids--dark, .ids--dark.ids--dark {
50
- --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
51
- }
52
- .ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
53
- --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
54
- }
55
-
56
- @media (max-width: 1023px) {
57
- .ids-desktop {
58
- display: none !important;
59
- }
60
- }
61
-
62
- @media (min-width: 1024px) {
63
- .ids-mobile {
64
- display: none !important;
65
- }
66
- }
67
-
68
- :host([show]) {
69
- display: block;
70
- }
71
-
72
- :host {
73
- display: none;
74
- position: absolute;
75
- width: max-content;
76
- color: var(--IDS-FONT-COLOR);
77
- }
78
-
79
- .ids-popover-content {
80
- background-color: var(--IDS-POPOVER-CONTENT__BACKGROUND-COLOR);
81
- border: var(--IDS-POPOVER-CONTENT__BORDER-THICKNESS) solid var(--IDS-POPOVER-CONTENT__BORDER-COLOR);
82
- box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
83
- border-radius: var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);
84
- padding: 1.25rem 1rem 1.25rem 1.25rem;
85
- position: relative;
86
- z-index: 2000;
87
- max-height: 16.25rem;
88
- width: 16.25rem;
89
- box-sizing: border-box;
90
- }
91
- .ids-popover-content ::slotted(*) {
92
- color: var(--IDS-FONT-COLOR);
93
- }
94
- .ids-popover-content h3,
95
- .ids-popover-content ::slotted(h3) {
96
- margin-bottom: 0.5rem !important;
97
- color: var(--IDS-FONT-COLOR) !important;
98
- font-style: normal;
99
- color: var(--ids-color-heading-text-xs);
100
- font-family: var(--ids-font-family-heading) !important;
101
- font-size: var(--ids-font-size-heading-xs) !important;
102
- line-height: var(--ids-font-line-height-heading-xs) !important;
103
- letter-spacing: var(--ids-font-letter-spacing-heading-xs) !important;
104
- font-weight: var(--ids-font-weight-heading-xs) !important;
105
- }
106
- .ids-popover-content .ids-popover-content__caret {
107
- position: absolute;
108
- }
109
- .ids-popover-content .ids-popover-content__caret.hide {
110
- display: none;
111
- }
112
- .ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top {
113
- left: 50%;
114
- bottom: -0.4375rem;
115
- }
116
- .ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top-left {
117
- left: 1.375rem;
118
- bottom: -0.4375rem;
119
- }
120
- .ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top-right {
121
- right: 1.375rem;
122
- bottom: -0.4375rem;
123
- }
124
- .ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left {
125
- top: 50%;
126
- right: -0.4375rem;
127
- }
128
- .ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left-top {
129
- bottom: 1.375rem;
130
- right: -0.4375rem;
131
- }
132
- .ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left-bottom {
133
- top: 1.375rem;
134
- right: -0.4375rem;
135
- }
136
- .ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right {
137
- top: 50%;
138
- left: -0.4375rem;
139
- }
140
- .ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right-top {
141
- bottom: 1.375rem;
142
- left: -0.4375rem;
143
- }
144
- .ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right-bottom {
145
- top: 1.375rem;
146
- left: -0.4375rem;
147
- }
148
- .ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom {
149
- left: 50%;
150
- top: var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP);
151
- }
152
- .ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom-left {
153
- left: 1.375rem;
154
- top: var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP);
155
- }
156
- .ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom-right {
157
- right: 1.375rem;
158
- top: var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP);
159
- }
160
- .ids-popover-content .ids-popover-content__caret-body {
161
- background: var(--IDS-POPOVER-CONTENT__CARET-BODY-COLOR);
162
- display: block;
163
- position: absolute;
164
- z-index: 4;
165
- }
166
- .ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top,
167
- .ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top-left,
168
- .ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top-right {
169
- height: 0.6rem;
170
- width: 1.2rem;
171
- clip-path: polygon(0 0, 50% 100%, 100% 0);
172
- transform: translateX(-50%);
173
- bottom: var(--IDS-POPOVER-CONTENT__CARET-BODY-BOTTOM);
174
- }
175
- .ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left,
176
- .ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left-top,
177
- .ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left-bottom {
178
- height: 1.2rem;
179
- width: 0.6rem;
180
- clip-path: polygon(0 0, 100% 50%, 0 100%);
181
- transform: translateY(-50%);
182
- right: var(--IDS-POPOVER-CONTENT__CARET-BODY-RIGHT);
183
- }
184
- .ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right,
185
- .ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right-top,
186
- .ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right-bottom {
187
- height: 1.2rem;
188
- width: 0.6rem;
189
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
190
- transform: translateY(-50%);
191
- left: var(--IDS-POPOVER-CONTENT__CARET-BODY-LEFT);
192
- }
193
- .ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom,
194
- .ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom-left,
195
- .ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom-right {
196
- height: 0.6rem;
197
- width: 1.2rem;
198
- clip-path: polygon(0 100%, 50% 0, 100% 100%);
199
- transform: translateX(-50%);
200
- top: var(--IDS-POPOVER-CONTENT__CARET-BODY-TOP);
201
- }
202
- .ids-popover-content .ids-popover-content__caret-border {
203
- background-color: var(--IDS-POPOVER-CONTENT__CARET-BORDER-COLOR);
204
- position: absolute;
205
- z-index: 1;
206
- }
207
- .ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top,
208
- .ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top-left,
209
- .ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top-right {
210
- background-color: var(--IDS-POPOVER-CONTENT__BORDER-COLOR);
211
- height: 0.6rem;
212
- width: 1.2rem;
213
- clip-path: polygon(0 0, 50% 100%, 100% 0);
214
- transform: translateX(-50%);
215
- bottom: var(--IDS-POPOVER-CONTENT__CARET-BORDER-BOTTOM);
216
- }
217
- .ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left,
218
- .ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left-top,
219
- .ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left-bottom {
220
- background-color: var(--IDS-POPOVER-CONTENT__BORDER-COLOR);
221
- height: 1.2rem;
222
- width: 0.6rem;
223
- clip-path: polygon(0 0, 100% 50%, 0 100%);
224
- transform: translateY(-50%);
225
- right: var(--IDS-POPOVER-CONTENT__CARET-BORDER-RIGHT);
226
- }
227
- .ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right,
228
- .ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right-top,
229
- .ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right-bottom {
230
- background-color: var(--IDS-POPOVER-CONTENT__BORDER-COLOR);
231
- height: 1.2rem;
232
- width: 0.6rem;
233
- clip-path: polygon(0 50%, 100% 0, 100% 100%);
234
- transform: translateY(-50%);
235
- left: var(--IDS-POPOVER-CONTENT__CARET-BORDER-LEFT);
236
- }
237
- .ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom,
238
- .ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom-left,
239
- .ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom-right {
240
- height: 0.6rem;
241
- width: 1.2rem;
242
- clip-path: polygon(0 100%, 50% 0, 100% 100%);
243
- transform: translateX(-50%);
244
- top: var(--IDS-POPOVER-CONTENT__CARET-BORDER-TOP);
245
- }
246
- .ids-popover-content.ids-popover-content--top-left {
247
- position: absolute;
248
- bottom: calc(100% + 0.875rem);
249
- left: -0.75rem;
250
- }
251
- .ids-popover-content.ids-popover-content--top {
252
- position: absolute;
253
- bottom: calc(100% + 0.875rem);
254
- left: 50%;
255
- transform: translateX(-50%);
256
- }
257
- .ids-popover-content.ids-popover-content--top-right {
258
- position: absolute;
259
- bottom: calc(100% + 0.875rem);
260
- right: -0.75rem;
261
- }
262
- .ids-popover-content.ids-popover-content--left-top {
263
- position: absolute;
264
- right: calc(100% + 0.875rem);
265
- bottom: -0.75rem;
266
- }
267
- .ids-popover-content.ids-popover-content--left {
268
- position: absolute;
269
- right: calc(100% + 0.875rem);
270
- top: 50%;
271
- transform: translateY(-50%);
272
- }
273
- .ids-popover-content.ids-popover-content--left-bottom {
274
- position: absolute;
275
- right: calc(100% + 0.875rem);
276
- top: -0.75rem;
277
- }
278
- .ids-popover-content.ids-popover-content--right-top {
279
- position: absolute;
280
- left: calc(100% + 0.875rem);
281
- bottom: -0.75rem;
282
- }
283
- .ids-popover-content.ids-popover-content--right {
284
- position: absolute;
285
- left: calc(100% + 0.875rem);
286
- top: 50%;
287
- transform: translateY(-50%);
288
- }
289
- .ids-popover-content.ids-popover-content--right-bottom {
290
- position: absolute;
291
- left: calc(100% + 0.875rem);
292
- top: -0.75rem;
293
- }
294
- .ids-popover-content.ids-popover-content--bottom-left {
295
- position: absolute;
296
- top: calc(100% + 0.875rem);
297
- left: -0.75rem;
298
- }
299
- .ids-popover-content.ids-popover-content--bottom {
300
- position: absolute;
301
- top: calc(100% + 0.875rem);
302
- left: 50%;
303
- transform: translateX(-50%);
304
- }
305
- .ids-popover-content.ids-popover-content--bottom-right {
306
- position: absolute;
307
- top: calc(100% + 0.875rem);
308
- right: -0.75rem;
309
- }
310
- .ids-popover-content .ids-popover-content__close-btn-wrapper {
311
- position: absolute;
312
- right: 0.75rem;
313
- top: 0.75rem;
314
- z-index: 1;
315
- display: block;
316
- max-width: 100%;
317
- height: 1.25rem;
318
- padding-left: 0.25rem;
319
- padding-bottom: 0.25rem;
320
- background-color: var(--IDS-POPOVER-CONTENT__BACKGROUND-COLOR);
321
- }
322
- .ids-popover-content .ids-popover-content__close-btn:focus-visible {
323
- outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
324
- outline-offset: 0.375rem !important;
325
- }
326
- .ids-popover-content .ids-popover-content__close-btn {
327
- cursor: pointer;
328
- background: none;
329
- border: none;
330
- padding: 0;
331
- position: relative;
332
- width: 1.25rem;
333
- height: 1.25rem;
334
- display: flex;
335
- }
336
- .ids-popover-content .ids-popover-content__close-btn:before {
337
- font: icon;
338
- font-family: "Inera-Design-Icons" !important;
339
- display: block;
340
- position: absolute;
341
- pointer-events: none;
342
- -webkit-font-smoothing: antialiased;
343
- -moz-osx-font-smoothing: grayscale;
344
- content: "\e916";
345
- font-size: 1.25rem;
346
- color: var(--IDS-ICON--ACTIVE-COLOR);
347
- top: 0;
348
- left: 0;
349
- }
350
- .ids-popover-content .ids-popover-content__close-btn:hover:before {
351
- color: var(--IDS-ICON--ACTIVE-HOVER-COLOR);
352
- }
353
- .ids-popover-content .ids-popover-content__close-btn:focus-visible,
354
- .ids-popover-content .ids-popover-content__close-icon:focus-visible {
355
- outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
356
- outline-offset: 0.375rem !important;
357
- border-radius: 100%;
358
- }
359
- .ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar {
360
- width: 0.625rem;
361
- }
362
- .ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb {
363
- cursor: auto;
364
- background: var(--IDS-SCROLL__THUMB-COLOR);
365
- border-radius: 0.625rem;
366
- border: 0.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
367
- }
368
- .ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb:hover {
369
- background: var(--IDS-SCROLL__THUMB-HOVER-COLOR);
370
- }
371
- .ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-track {
372
- background: var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
373
- border-radius: 0.625rem;
374
- outline: 0.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR);
375
- margin-top: 1.25rem;
376
- }
377
- .ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-corner {
378
- background-color: transparent;
379
- }
380
- .ids-popover-content .ids-popover-content__content-wrapper {
381
- overflow-y: auto;
382
- overflow-x: hidden;
383
- max-height: 100%;
384
- text-align: left;
385
- }
386
- .ids-popover-content .ids-popover-content__content-wrapper.ids-popover-content__content-wrapper--has-scrollbar {
387
- padding-right: 0.5rem;
388
- }
389
- .ids-popover-content .ids-popover-content__content-wrapper:focus-visible {
390
- outline: var(--IDS-FOCUS__OUTLINE);
391
- outline-offset: 0;
392
- }
393
- .ids-popover-content .ids-popover-content__content-wrapper-inner {
394
- color: var(--IDS-POPOVER-FONT__COLOR);
395
- margin-right: 1rem;
396
- }
397
- .ids-popover-content .ids-popover-content__headline {
398
- text-align: left;
399
- color: var(--IDS-POPOVER-FONT__HEADING-COLOR);
400
- margin-right: 0.25rem;
401
- }
@@ -1,7 +0,0 @@
1
- import { css, unsafeCSS } from 'lit';
2
-
3
- var css_248z = ":host(.ids-tab){border-radius:var(--IDS-TAB__BORDER-RADIUS)}:host(:focus-visible),:host(:not([selected]):focus-visible){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0;z-index:10}.ids-tab{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-moz-user-select:-moz-none}.ids-tab:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-tab{-webkit-touch-callout:none;align-items:center;border-left:var(--IDS-TAB__BORDER);border-radius:var(--IDS-TAB__BORDER-RADIUS);border-right:var(--IDS-TAB__BORDER);border-top:var(--IDS-TAB__BORDER);color:var(--IDS-TAB__COLOR);cursor:pointer;display:flex;justify-content:center;outline:none;overflow:hidden;padding:.4375rem 1.4375rem;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.ids-tab:after{background-color:var(--IDS-TABS__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";height:.25rem;left:0;position:absolute;right:0;z-index:2}.ids-tab:focus-visible{z-index:2}.ids-tab .ids-tab__label{align-items:center;color:var(--IDS-TAB__COLOR);display:flex;flex-direction:row;font-size:1rem;font-weight:400;justify-content:center;line-height:1.6875rem;text-align:center}.ids-tab .ids-tab__label:before{background-color:transparent;content:\"\";height:var(--IDS-TAB--SELECTED__TOP-BORDER-HEIGHT);left:0;position:absolute;right:0;top:0;width:100%}.ids-tab:hover{border-left:var(--IDS-TAB--HOVER-BORDER);border-right:var(--IDS-TAB--HOVER-BORDER);border-top:var(--IDS-TAB--HOVER-BORDER-TOP);padding:.4375rem 1.375rem}.ids-tab:hover .ids-tab__label{color:var(--IDS-TAB--HOVER-COLOR)}.ids-tab:hover .ids-tab__label:before{background-color:var(--IDS-TAB--HOVER-BEFORE-COLOR)}.ids-tab.ids-tab--selected{background-color:var(--IDS-TAB--SELECTED__BACKGROUND-COLOR);border-left:var(--IDS-TAB--SELECTED__BORDER);border-right:var(--IDS-TAB--SELECTED__BORDER);border-top:var(--IDS-TAB--SELECTED__BORDER-TOP);padding:.4375rem 1.375rem}.ids-tab.ids-tab--selected,.ids-tab.ids-tab--selected .ids-tab__label{color:var(--IDS-TAB--SELECTED__COLOR)}.ids-tab.ids-tab--selected .ids-tab__label:before{background-color:var(--IDS-TAB--SELECTED__BORDER-COLOR)}.ids-tab.ids-tab--selected:after{background-color:var(--IDS-TAB--SELECTED__BORDER-BOTTOM-COLOR)}.ids-tab .ids-tab-icon,.ids-tab ::slotted([slot=icon]){align-self:center!important;color:var(--IDS-TAB-ICON__COLOR);display:flex!important;font-size:1.25rem!important;margin-right:.5rem}.ids-tab .ids-tab-extra{margin-left:.5rem}";
4
-
5
- var tabLit = css`${unsafeCSS(css_248z)}`;
6
-
7
- export { tabLit as default };
@@ -1,7 +0,0 @@
1
- import { css, unsafeCSS } from 'lit';
2
-
3
- var css_248z = ":host([selected=true]){display:block}.ids-tab-panel{color:var(--IDS-TAB-PANEL__COLOR);display:none;font-family:var(--IDS-FONT-FAMILY-BASE);margin-top:1.5rem;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem}.ids-tab-panel .ids-tab-panel--hidden{display:none}.ids-tab-panel.ids-tab-panel--compact{margin-top:.125rem}.ids-tab-panel.ids-tab-panel--selected{display:block}";
4
-
5
- var tabPanelLit = css`${unsafeCSS(css_248z)}`;
6
-
7
- export { tabPanelLit as default };
@@ -1,21 +0,0 @@
1
- :host([selected=true]) {
2
- display: block;
3
- }
4
-
5
- .ids-tab-panel {
6
- display: none;
7
- margin-top: 1.5rem;
8
- outline-offset: 0.125rem;
9
- outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
10
- color: var(--IDS-TAB-PANEL__COLOR);
11
- font-family: var(--IDS-FONT-FAMILY-BASE);
12
- }
13
- .ids-tab-panel .ids-tab-panel--hidden {
14
- display: none;
15
- }
16
- .ids-tab-panel.ids-tab-panel--compact {
17
- margin-top: 0.125rem;
18
- }
19
- .ids-tab-panel.ids-tab-panel--selected {
20
- display: block;
21
- }