@inera/ids-design 9.1.0 → 9.2.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 (261) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion-shadow-lit.js +1 -1
  3. package/components/accordion/accordion-shadow.css +17 -5
  4. package/components/accordion/accordion.css +41 -15
  5. package/components/action-link/action-link-lit.js +1 -1
  6. package/components/action-link/action-link-shadow-lit.js +1 -1
  7. package/components/action-link/action-link-shadow.css +18 -6
  8. package/components/action-link/action-link.css +73 -13
  9. package/components/alert/alert-lit.js +1 -1
  10. package/components/alert/alert-shadow-lit.js +1 -1
  11. package/components/alert/alert-shadow.css +17 -5
  12. package/components/alert/alert.css +24 -5
  13. package/components/box-link/box-link-lit.js +1 -1
  14. package/components/box-link/box-link-shadow-lit.js +1 -1
  15. package/components/box-link/box-link-shadow.css +3 -1
  16. package/components/box-link/box-link.css +3 -1
  17. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  18. package/components/breadcrumbs/breadcrumbs-shadow-lit.js +1 -1
  19. package/components/breadcrumbs/breadcrumbs-shadow.css +3 -2
  20. package/components/breadcrumbs/breadcrumbs.css +5 -4
  21. package/components/card/card-lit.js +1 -1
  22. package/components/card/card-shadow-lit.js +1 -1
  23. package/components/card/card-shadow.css +2 -0
  24. package/components/card/card.css +27 -12
  25. package/components/carousel/carousel-lit.js +1 -1
  26. package/components/carousel/carousel.css +18 -5
  27. package/components/data-pagination/data-pagination-lit.js +1 -1
  28. package/components/data-pagination/data-pagination-shadow.css +4 -4
  29. package/components/data-pagination/data-pagination.css +5 -4
  30. package/components/data-table/data-table-lit.js +1 -1
  31. package/components/data-table/data-table.css +135 -18
  32. package/components/dialog/dialog-lit.js +1 -1
  33. package/components/dialog/dialog.css +2 -1
  34. package/components/dropdown/dropdown-lit.js +1 -1
  35. package/components/dropdown/dropdown.css +3 -3
  36. package/components/footer-1177/footer-1177-lit.js +1 -1
  37. package/components/footer-1177/footer-1177-shadow-lit.js +1 -1
  38. package/components/footer-1177/footer-1177-shadow.css +10 -5
  39. package/components/footer-1177/footer-1177.css +35 -12
  40. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  41. package/components/footer-1177-admin/footer-1177-admin-shadow-lit.js +1 -1
  42. package/components/footer-1177-admin/footer-1177-admin-shadow.css +27 -10
  43. package/components/footer-1177-admin/footer-1177-admin.css +35 -12
  44. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  45. package/components/footer-1177-pro/footer-1177-pro-shadow-lit.js +1 -1
  46. package/components/footer-1177-pro/footer-1177-pro-shadow.css +27 -10
  47. package/components/footer-1177-pro/footer-1177-pro.css +36 -13
  48. package/components/footer-inera/footer-inera-lit.js +1 -1
  49. package/components/footer-inera/footer-inera-shadow-lit.js +1 -1
  50. package/components/footer-inera/footer-inera-shadow.css +27 -10
  51. package/components/footer-inera/footer-inera.css +34 -12
  52. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  53. package/components/footer-inera-admin/footer-inera-admin-shadow-lit.js +1 -1
  54. package/components/footer-inera-admin/footer-inera-admin-shadow.css +27 -10
  55. package/components/footer-inera-admin/footer-inera-admin.css +34 -53
  56. package/components/footer-inera-general/footer-inera-general-lit.d.ts +2 -0
  57. package/components/footer-inera-general/footer-inera-general-lit.js +9 -0
  58. package/components/footer-inera-general/footer-inera-general-shadow-lit.d.ts +2 -0
  59. package/components/footer-inera-general/footer-inera-general-shadow-lit.js +9 -0
  60. package/components/footer-inera-general/footer-inera-general-shadow.css +115 -0
  61. package/components/footer-inera-general/footer-inera-general.css +329 -0
  62. package/components/form/darkmode-toggle/darkmode-toggle-lit.js +1 -1
  63. package/components/form/darkmode-toggle/darkmode-toggle.css +10 -1
  64. package/components/form/datepicker/datepicker-lit.js +1 -1
  65. package/components/form/datepicker/datepicker.css +49 -50
  66. package/components/form/error-message/error-message-lit.js +1 -1
  67. package/components/form/error-message/error-message.css +1 -0
  68. package/components/form/range/range-lit.js +1 -1
  69. package/components/form/range/range.css +20 -5
  70. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  71. package/components/form/select-multiple/select-multiple.css +3 -1
  72. package/components/global-alert/global-alert-lit.js +1 -1
  73. package/components/global-alert/global-alert.css +23 -19
  74. package/components/header-1177/composite-header-1177.css +46 -17
  75. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  76. package/components/header-1177/header-1177-avatar-shadow-lit.js +1 -1
  77. package/components/header-1177/header-1177-avatar-shadow.css +17 -5
  78. package/components/header-1177/header-1177-avatar.css +21 -7
  79. package/components/header-1177/header-1177-item-lit.js +1 -1
  80. package/components/header-1177/header-1177-item-shadow-lit.js +1 -1
  81. package/components/header-1177/header-1177-item-shadow.css +23 -8
  82. package/components/header-1177/header-1177-item.css +23 -8
  83. package/components/header-1177/header-1177-lit.js +1 -1
  84. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  85. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  86. package/components/header-1177/header-1177-nav-item-mobile-shadow-lit.js +1 -1
  87. package/components/header-1177/header-1177-nav-item-mobile-shadow.css +20 -7
  88. package/components/header-1177/header-1177-nav-item-mobile.css +20 -7
  89. package/components/header-1177/header-1177-nav-item-shadow-lit.js +1 -1
  90. package/components/header-1177/header-1177-nav-item-shadow.css +19 -5
  91. package/components/header-1177/header-1177-nav-item.css +21 -6
  92. package/components/header-1177/header-1177-region-picker-lit.js +1 -1
  93. package/components/header-1177/header-1177-region-picker-mobile-lit.js +1 -1
  94. package/components/header-1177/header-1177-region-picker-mobile.css +23 -7
  95. package/components/header-1177/header-1177-region-picker.css +21 -7
  96. package/components/header-1177/header-1177-shadow-lit.js +1 -1
  97. package/components/header-1177/header-1177-shadow.css +17 -5
  98. package/components/header-1177/header-1177.css +19 -5
  99. package/components/header-1177-admin/composite-header-1177-admin.css +75 -39
  100. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  101. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  102. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +8 -5
  103. package/components/header-1177-admin/header-1177-admin-avatar.css +33 -25
  104. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  105. package/components/header-1177-admin/header-1177-admin-item-shadow-lit.js +1 -1
  106. package/components/header-1177-admin/header-1177-admin-item-shadow.css +4 -2
  107. package/components/header-1177-admin/header-1177-admin-item.css +11 -4
  108. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  109. package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +1 -1
  110. package/components/header-1177-admin/header-1177-admin-menu-mobile.css +1 -1
  111. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  112. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-lit.js +1 -1
  113. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow-lit.js +1 -1
  114. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow.css +3 -2
  115. package/components/header-1177-admin/header-1177-admin-nav-item-mobile.css +4 -3
  116. package/components/header-1177-admin/header-1177-admin-nav-item-shadow-lit.js +1 -1
  117. package/components/header-1177-admin/header-1177-admin-nav-item-shadow.css +2 -0
  118. package/components/header-1177-admin/header-1177-admin-nav-item.css +4 -1
  119. package/components/header-1177-admin/header-1177-admin-nav-lit.js +1 -1
  120. package/components/header-1177-admin/header-1177-admin-nav.css +10 -0
  121. package/components/header-1177-admin/header-1177-admin.css +4 -0
  122. package/components/header-1177-pro/composite-header-1177-pro.css +71 -24
  123. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  124. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  125. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +7 -4
  126. package/components/header-1177-pro/header-1177-pro-avatar.css +21 -7
  127. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  128. package/components/header-1177-pro/header-1177-pro-item-shadow-lit.js +1 -1
  129. package/components/header-1177-pro/header-1177-pro-item-shadow.css +4 -2
  130. package/components/header-1177-pro/header-1177-pro-item.css +4 -2
  131. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  132. package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +1 -1
  133. package/components/header-1177-pro/header-1177-pro-menu-mobile.css +1 -1
  134. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  135. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-lit.js +1 -1
  136. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow-lit.js +1 -1
  137. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow.css +3 -2
  138. package/components/header-1177-pro/header-1177-pro-nav-item-mobile.css +4 -2
  139. package/components/header-1177-pro/header-1177-pro-nav-item-shadow-lit.js +1 -1
  140. package/components/header-1177-pro/header-1177-pro-nav-item-shadow.css +2 -0
  141. package/components/header-1177-pro/header-1177-pro-nav-item.css +4 -1
  142. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  143. package/components/header-1177-pro/header-1177-pro-nav.css +10 -0
  144. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  145. package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +1 -1
  146. package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +5 -2
  147. package/components/header-1177-pro/header-1177-pro-region-picker.css +5 -3
  148. package/components/header-1177-pro/header-1177-pro.css +10 -2
  149. package/components/header-inera/composite-header-inera.css +9 -5
  150. package/components/header-inera/header-inera-item-lit.js +1 -1
  151. package/components/header-inera/header-inera-item-shadow-lit.js +1 -1
  152. package/components/header-inera/header-inera-item-shadow.css +54 -1
  153. package/components/header-inera/header-inera-item.css +2 -1
  154. package/components/header-inera/header-inera-lit.js +1 -1
  155. package/components/header-inera/header-inera-menu-mobile-lit.js +1 -1
  156. package/components/header-inera/header-inera-menu-mobile.css +1 -1
  157. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  158. package/components/header-inera/header-inera-nav-item-shadow-lit.js +1 -1
  159. package/components/header-inera/header-inera-nav-item-shadow.css +2 -0
  160. package/components/header-inera/header-inera-nav-item.css +4 -1
  161. package/components/header-inera/header-inera-nav-lit.js +1 -1
  162. package/components/header-inera/header-inera-nav.css +0 -2
  163. package/components/header-inera/header-inera.css +2 -0
  164. package/components/header-inera-admin/composite-header-inera-admin.css +46 -19
  165. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  166. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  167. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +8 -5
  168. package/components/header-inera-admin/header-inera-admin-avatar.css +21 -7
  169. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  170. package/components/header-inera-admin/header-inera-admin-item-shadow-lit.js +1 -1
  171. package/components/header-inera-admin/header-inera-admin-item-shadow.css +2 -1
  172. package/components/header-inera-admin/header-inera-admin-item.css +2 -1
  173. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  174. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +1 -1
  175. package/components/header-inera-admin/header-inera-admin-menu-mobile.css +1 -1
  176. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  177. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-lit.js +1 -1
  178. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow-lit.js +1 -1
  179. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow.css +3 -2
  180. package/components/header-inera-admin/header-inera-admin-nav-item-mobile.css +4 -3
  181. package/components/header-inera-admin/header-inera-admin-nav-item-shadow-lit.js +1 -1
  182. package/components/header-inera-admin/header-inera-admin-nav-item-shadow.css +2 -0
  183. package/components/header-inera-admin/header-inera-admin-nav-item.css +4 -1
  184. package/components/header-inera-admin/header-inera-admin-nav-lit.js +1 -1
  185. package/components/header-inera-admin/header-inera-admin-nav.css +5 -1
  186. package/components/header-inera-admin/header-inera-admin.css +1 -0
  187. package/components/header-inera-general/composite-header-inera-general.css +584 -0
  188. package/components/header-inera-general/header-inera-general-item-lit.d.ts +2 -0
  189. package/components/header-inera-general/header-inera-general-item-lit.js +9 -0
  190. package/components/header-inera-general/header-inera-general-item-shadow-lit.d.ts +2 -0
  191. package/components/header-inera-general/header-inera-general-item-shadow-lit.js +9 -0
  192. package/components/header-inera-general/header-inera-general-item-shadow.css +140 -0
  193. package/components/header-inera-general/header-inera-general-item.css +168 -0
  194. package/components/header-inera-general/header-inera-general-lit.d.ts +2 -0
  195. package/components/header-inera-general/header-inera-general-lit.js +9 -0
  196. package/components/header-inera-general/header-inera-general-menu-mobile-lit.d.ts +2 -0
  197. package/components/header-inera-general/header-inera-general-menu-mobile-lit.js +9 -0
  198. package/components/header-inera-general/header-inera-general-menu-mobile.css +129 -0
  199. package/components/header-inera-general/header-inera-general-nav-item-lit.d.ts +2 -0
  200. package/components/header-inera-general/header-inera-general-nav-item-lit.js +9 -0
  201. package/components/header-inera-general/header-inera-general-nav-item-shadow-lit.d.ts +2 -0
  202. package/components/header-inera-general/header-inera-general-nav-item-shadow-lit.js +9 -0
  203. package/components/header-inera-general/header-inera-general-nav-item-shadow.css +45 -0
  204. package/components/header-inera-general/header-inera-general-nav-item.css +156 -0
  205. package/components/header-inera-general/header-inera-general-nav-lit.d.ts +2 -0
  206. package/components/header-inera-general/header-inera-general-nav-lit.js +9 -0
  207. package/components/header-inera-general/header-inera-general-nav.css +42 -0
  208. package/components/header-inera-general/header-inera-general-shadow-lit.d.ts +2 -0
  209. package/components/header-inera-general/header-inera-general-shadow-lit.js +9 -0
  210. package/components/header-inera-general/header-inera-general-shadow.css +30 -0
  211. package/components/header-inera-general/header-inera-general.css +133 -0
  212. package/components/header-patient/header-patient-lit.js +1 -1
  213. package/components/header-patient/header-patient.css +27 -15
  214. package/components/list-pagination/list-pagination-lit.js +1 -1
  215. package/components/list-pagination/list-pagination-shadow.css +2 -2
  216. package/components/list-pagination/list-pagination.css +5 -4
  217. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  218. package/components/mobile-menu/mobile-menu.css +13 -6
  219. package/components/navigation-content/navigation-content-lit.js +1 -1
  220. package/components/navigation-content/navigation-content.css +17 -5
  221. package/components/notification-badge/notification-badge-lit.js +1 -1
  222. package/components/notification-badge/notification-badge-shadow-lit.js +1 -1
  223. package/components/notification-badge/notification-badge-shadow.css +0 -3
  224. package/components/notification-badge/notification-badge.css +0 -3
  225. package/components/popover/popover-lit.js +1 -1
  226. package/components/popover/popover-shadow-lit.js +1 -1
  227. package/components/popover/popover-shadow.css +17 -5
  228. package/components/popover/popover.css +18 -6
  229. package/components/progressbar/progressbar-lit.js +1 -1
  230. package/components/progressbar/progressbar.css +17 -5
  231. package/components/puff-list/puff-list-lit.js +1 -1
  232. package/components/puff-list/puff-list-shadow-lit.js +1 -1
  233. package/components/puff-list/puff-list-shadow.css +17 -14
  234. package/components/puff-list/puff-list.css +27 -14
  235. package/components/side-menu/side-menu-lit.js +1 -1
  236. package/components/side-menu/side-menu.css +2 -1
  237. package/components/side-panel/side-panel-lit.js +1 -1
  238. package/components/side-panel/side-panel.css +1 -0
  239. package/components/stepper/stepper-lit.js +1 -1
  240. package/components/stepper/stepper-shadow-lit.js +1 -1
  241. package/components/stepper/stepper-shadow.css +17 -5
  242. package/components/stepper/stepper.css +24 -12
  243. package/components/table/table.css +91 -1
  244. package/components/tabs/tabs-lit.js +1 -1
  245. package/components/tag/tag-lit.js +1 -1
  246. package/components/tag/tag.css +60 -49
  247. package/components/toolbar/toolbar-lit.d.ts +2 -0
  248. package/components/toolbar/toolbar-lit.js +7 -0
  249. package/components/toolbar/toolbar.css +28 -0
  250. package/components/tooltip/tooltip-lit.js +1 -1
  251. package/components/tooltip/tooltip.css +52 -3
  252. package/global/global.css +203 -85
  253. package/package.json +1 -1
  254. package/styles.css +427 -164
  255. package/tokens/component-tokens.scss +3 -0
  256. package/tokens/themes/1177-admin-tokens.css +36 -42
  257. package/tokens/themes/1177-pro-tokens.css +36 -42
  258. package/tokens/themes/1177-tokens.css +36 -42
  259. package/tokens/themes/inera-admin-tokens.css +66 -72
  260. package/tokens/themes/inera-general-tokens.css +951 -0
  261. package/tokens/themes/inera-tokens.css +60 -66
package/components/header-1177/header-1177-item-shadow.css CHANGED
@@ -10,7 +10,8 @@
10
10
  }
11
11
  }
12
12
 
13
- .ids--light, .ids--dark {
13
+ .ids--light,
14
+ .ids--dark {
14
15
  --IDS-FONT-FAMILY-BASE: "Open Sans";
15
16
  --IDS-FONT-FAMILY-HEADING: "Inter";
16
17
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
28
29
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
29
30
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
30
31
  }
31
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
32
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
33
+ .ids--dark.ids--1177-pro,
34
+ .ids--dark.ids--1177-admin {
32
35
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
33
36
  }
34
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
37
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
38
+ .ids--dark.ids--inera,
39
+ .ids--dark.ids--inera-general,
40
+ .ids--dark.ids--inera-admin {
35
41
  --IDS-FONT-FAMILY-BASE: "Open Sans";
36
42
  --IDS-FONT-FAMILY-HEADING: "Poppins";
37
43
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,10 +49,16 @@
43
49
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
44
50
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
45
51
  }
46
- .ids--light.ids--dark, .ids--dark.ids--dark {
52
+ .ids--light.ids--dark,
53
+ .ids--dark.ids--dark {
47
54
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
48
55
  }
49
- .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 {
56
+ .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-general, .ids--light.ids--dark.ids--inera-admin,
57
+ .ids--dark.ids--dark.ids--1177-pro,
58
+ .ids--dark.ids--dark.ids--1177-admin,
59
+ .ids--dark.ids--dark.ids--inera,
60
+ .ids--dark.ids--dark.ids--inera-general,
61
+ .ids--dark.ids--dark.ids--inera-admin {
50
62
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
51
63
  }
52
64
 
@@ -118,7 +130,8 @@
118
130
  .ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(button:hover) {
119
131
  color: var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);
120
132
  text-decoration: underline !important;
121
- text-underline-offset: 0.125rem;
133
+ text-underline-offset: 0.125rem !important;
134
+ text-decoration-thickness: 0.0938rem !important;
122
135
  }
123
136
  @media (max-width: 1023px) {
124
137
  .ids-header-1177-item:not(.ids-header-1177-item--unresponsive) ::slotted(a),
@@ -149,7 +162,8 @@
149
162
  font-size: 1.125rem;
150
163
  color: var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);
151
164
  text-decoration: underline !important;
152
- text-underline-offset: 0.125rem;
165
+ text-underline-offset: 0.125rem !important;
166
+ text-decoration-thickness: 0.0938rem !important;
153
167
  }
154
168
  }
155
169
  .ids-header-1177-item.ids-header-1177-item--unresponsive .ids-header-1177-item-icon ::slotted([class^=ids-icon-]) {
@@ -215,5 +229,6 @@
215
229
  .ids-header-1177-item.ids-header-1177-item--unresponsive ::slotted(button:hover) {
216
230
  color: var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);
217
231
  text-decoration: underline !important;
218
- text-underline-offset: 0.125rem;
232
+ text-underline-offset: 0.125rem !important;
233
+ text-decoration-thickness: 0.0938rem !important;
219
234
  }
package/components/header-1177/header-1177-item.css CHANGED
@@ -10,7 +10,8 @@
10
10
  }
11
11
  }
12
12
 
13
- .ids--light, .ids--dark {
13
+ .ids--light,
14
+ .ids--dark {
14
15
  --IDS-FONT-FAMILY-BASE: "Open Sans";
15
16
  --IDS-FONT-FAMILY-HEADING: "Inter";
16
17
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
28
29
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
29
30
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
30
31
  }
31
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
32
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
33
+ .ids--dark.ids--1177-pro,
34
+ .ids--dark.ids--1177-admin {
32
35
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
33
36
  }
34
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
37
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
38
+ .ids--dark.ids--inera,
39
+ .ids--dark.ids--inera-general,
40
+ .ids--dark.ids--inera-admin {
35
41
  --IDS-FONT-FAMILY-BASE: "Open Sans";
36
42
  --IDS-FONT-FAMILY-HEADING: "Poppins";
37
43
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,10 +49,16 @@
43
49
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
44
50
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
45
51
  }
46
- .ids--light.ids--dark, .ids--dark.ids--dark {
52
+ .ids--light.ids--dark,
53
+ .ids--dark.ids--dark {
47
54
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
48
55
  }
49
- .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 {
56
+ .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-general, .ids--light.ids--dark.ids--inera-admin,
57
+ .ids--dark.ids--dark.ids--1177-pro,
58
+ .ids--dark.ids--dark.ids--1177-admin,
59
+ .ids--dark.ids--dark.ids--inera,
60
+ .ids--dark.ids--dark.ids--inera-general,
61
+ .ids--dark.ids--dark.ids--inera-admin {
50
62
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
51
63
  }
52
64
 
@@ -148,7 +160,8 @@
148
160
  .ids-header-1177-item:not(.ids-header-1177-item--unresponsive) button:hover {
149
161
  color: var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);
150
162
  text-decoration: underline !important;
151
- text-underline-offset: 0.125rem;
163
+ text-underline-offset: 0.125rem !important;
164
+ text-decoration-thickness: 0.0938rem !important;
152
165
  }
153
166
  @media (max-width: 1023px) {
154
167
  .ids-header-1177-item:not(.ids-header-1177-item--unresponsive) {
@@ -190,7 +203,8 @@
190
203
  font-size: 1.125rem;
191
204
  color: var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);
192
205
  text-decoration: underline !important;
193
- text-underline-offset: 0.125rem;
206
+ text-underline-offset: 0.125rem !important;
207
+ text-decoration-thickness: 0.0938rem !important;
194
208
  }
195
209
  }
196
210
  @media (max-width: 1023px) {
@@ -287,5 +301,6 @@
287
301
  .ids-header-1177-item.ids-header-1177-item--unresponsive button:hover {
288
302
  color: var(--IDS-HEADER-1177-ITEM__HOVER-COLOR);
289
303
  text-decoration: underline !important;
290
- text-underline-offset: 0.125rem;
304
+ text-underline-offset: 0.125rem !important;
305
+ text-decoration-thickness: 0.0938rem !important;
291
306
  }
package/components/header-1177/header-1177-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.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)}header.ids-header-1177{border-bottom:.0625rem solid var(--IDS-HEADER-1177__BORDER-COLOR);position:relative;z-index:4}header.ids-header-1177 .ids-header-1177__skip-to-content{display:block;position:relative;z-index:20}header.ids-header-1177 .ids-header-1177__skip-to-content ::slotted(a),header.ids-header-1177 .ids-header-1177__skip-to-content a{align-items:center;background-color:var(--IDS-SKIP-TO-CONTENT-LINK__BACKGROUND-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem;height:3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:20}header.ids-header-1177 .ids-header-1177__skip-to-content ::slotted(a:focus-visible),header.ids-header-1177 .ids-header-1177__skip-to-content a:focus-visible{outline-offset:-.375rem!important;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}header.ids-header-1177:not(.ids-header-1177--unresponsive):before{background-color:var(--IDS-HEADER-1177__TOP-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive):before{height:.25rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container{align-items:center;background-color:var(--IDS-HEADER-1177__BACKGROUND-COLOR);display:flex;padding:0;position:relative;z-index:2}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__left,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__right{flex:1 1 0;height:7.5rem;min-width:0}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__left{background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR)}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__left,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__right{height:3rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{align-items:center;display:flex;flex-grow:1;flex:0 1 auto;flex-wrap:wrap;justify-content:space-between;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-left{display:flex;position:relative;z-index:4}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;padding-right:var(--IDS__CONTAINER-MARGIN)}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper{align-items:center;background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;overflow-y:clip;padding-left:var(--IDS__CONTAINER-MARGIN);position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo{align-items:center;display:flex;margin-right:1.25rem;width:6.4375rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);cursor:pointer;height:5.625rem;position:relative;width:100%}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177__LOGO-COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.625rem;position:absolute}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177__LOGO-COLOR);display:flex;font-size:6.625rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a:focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper{height:1rem!important;min-height:3rem;min-width:3.125rem;padding-left:1.25rem;padding-right:1.25rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{clip:rect(7.8125rem,18.75rem,10.8125rem,18.125rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);content:\"\";display:none;height:18.75rem;left:auto;margin-top:-7.81rem;position:absolute;right:-.5625rem;top:0;width:18.75rem;z-index:0}}@media (max-width:1023px) and (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{display:block}}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo{margin-right:0;width:3rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link{height:2rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:before,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a{font-size:3rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{align-items:center;display:flex;justify-content:flex-end;margin-left:1rem;margin-right:1.25rem}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{margin-left:1rem;margin-right:.5rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region-picker{align-items:center;display:flex;flex-grow:1;margin-left:1.875rem;position:relative}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region-picker{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav__mobile{background-color:var(--IDS-HEADER-1177__NAV-MOBILE-BACKGROUND-COLOR);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:3.125rem}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav__mobile{display:flex}}header.ids-header-1177.ids-header-1177--unresponsive:before{background-color:var(--IDS-HEADER-1177__TOP-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container{align-items:center;background-color:var(--IDS-HEADER-1177__BACKGROUND-COLOR);display:flex;padding:0;position:relative;z-index:2}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__left,header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__right{flex:1 1 0;height:7.5rem;min-width:0}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__left{background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner{align-items:center;display:flex;flex-grow:1;flex:0 1 auto;flex-wrap:wrap;justify-content:space-between;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-left{display:flex;position:relative;z-index:4}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;padding-right:var(--IDS__CONTAINER-MARGIN)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper{align-items:center;background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;overflow-y:clip;padding-left:var(--IDS__CONTAINER-MARGIN);position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo{align-items:center;display:flex;margin-right:1.25rem;width:6.4375rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);cursor:pointer;height:5.625rem;position:relative;width:100%}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177__LOGO-COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.625rem;position:absolute}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177__LOGO-COLOR);display:flex;font-size:6.625rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a:focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{align-items:center;display:flex;justify-content:flex-end;margin-left:1rem;margin-right:1.25rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region-picker{align-items:center;display:flex;flex-grow:1;margin-left:1.875rem;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobile{background-color:var(--IDS-HEADER-1177__NAV-MOBILE-BACKGROUND-COLOR);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:3.125rem}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.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--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--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--dark.ids--dark.ids--inera-general,.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--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}header.ids-header-1177{border-bottom:.0625rem solid var(--IDS-HEADER-1177__BORDER-COLOR);position:relative;z-index:4}header.ids-header-1177 .ids-header-1177__skip-to-content{display:block;position:relative;z-index:20}header.ids-header-1177 .ids-header-1177__skip-to-content ::slotted(a),header.ids-header-1177 .ids-header-1177__skip-to-content a{align-items:center;background-color:var(--IDS-SKIP-TO-CONTENT-LINK__BACKGROUND-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem;height:3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:20}header.ids-header-1177 .ids-header-1177__skip-to-content ::slotted(a:focus-visible),header.ids-header-1177 .ids-header-1177__skip-to-content a:focus-visible{outline-offset:-.375rem!important;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}header.ids-header-1177:not(.ids-header-1177--unresponsive):before{background-color:var(--IDS-HEADER-1177__TOP-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive):before{height:.25rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container{align-items:center;background-color:var(--IDS-HEADER-1177__BACKGROUND-COLOR);display:flex;padding:0;position:relative;z-index:2}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__left,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__right{flex:1 1 0;height:7.5rem;min-width:0}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__left{background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR)}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__left,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__right{height:3rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{align-items:center;display:flex;flex-grow:1;flex:0 1 auto;flex-wrap:wrap;justify-content:space-between;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-left{display:flex;position:relative;z-index:4}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;padding-right:var(--IDS__CONTAINER-MARGIN)}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper{align-items:center;background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;overflow-y:clip;padding-left:var(--IDS__CONTAINER-MARGIN);position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo{align-items:center;display:flex;margin-right:1.25rem;width:6.4375rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);cursor:pointer;height:5.625rem;position:relative;width:100%}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177__LOGO-COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:6.625rem;position:absolute}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177__LOGO-COLOR);display:flex;font-size:6.625rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a:focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper{height:1rem!important;min-height:3rem;min-width:3.125rem;padding-left:1.25rem;padding-right:1.25rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{clip:rect(7.8125rem,18.75rem,10.8125rem,18.125rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);content:\"\";display:none;height:18.75rem;left:auto;margin-top:-7.81rem;position:absolute;right:-.5625rem;top:0;width:18.75rem;z-index:0}}@media (max-width:1023px) and (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{display:block}}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo{margin-right:0;width:3rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link{height:2rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:before,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a{font-size:3rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{align-items:center;display:flex;justify-content:flex-end;margin-left:1rem;margin-right:1.25rem}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{margin-left:1rem;margin-right:.5rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region-picker{align-items:center;display:flex;flex-grow:1;margin-left:1.875rem;position:relative}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region-picker{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav__mobile{background-color:var(--IDS-HEADER-1177__NAV-MOBILE-BACKGROUND-COLOR);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:3.125rem}@media (max-width:1023px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav__mobile{display:flex}}header.ids-header-1177.ids-header-1177--unresponsive:before{background-color:var(--IDS-HEADER-1177__TOP-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container{align-items:center;background-color:var(--IDS-HEADER-1177__BACKGROUND-COLOR);display:flex;padding:0;position:relative;z-index:2}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__left,header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__right{flex:1 1 0;height:7.5rem;min-width:0}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__left{background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner{align-items:center;display:flex;flex-grow:1;flex:0 1 auto;flex-wrap:wrap;justify-content:space-between;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-left{display:flex;position:relative;z-index:4}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;padding-right:var(--IDS__CONTAINER-MARGIN)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper{align-items:center;background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;overflow-y:clip;padding-left:var(--IDS__CONTAINER-MARGIN);position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo{align-items:center;display:flex;margin-right:1.25rem;width:6.4375rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);cursor:pointer;height:5.625rem;position:relative;width:100%}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177__LOGO-COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:6.625rem;position:absolute}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177__LOGO-COLOR);display:flex;font-size:6.625rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a:focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{align-items:center;display:flex;justify-content:flex-end;margin-left:1rem;margin-right:1.25rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region-picker{align-items:center;display:flex;flex-grow:1;margin-left:1.875rem;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177-nav__mobile{background-color:var(--IDS-HEADER-1177__NAV-MOBILE-BACKGROUND-COLOR);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:3.125rem}";
4
4
 
5
5
  var header1177Lit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-nav-item-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.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)}.ids-header-1177-nav-item{align-items:flex-end;display:none}.ids-header-1177-nav-item .ids-notification-badge,.ids-header-1177-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:.188rem;position:relative;top:-.0625rem}.ids-header-1177-nav-item.ids-header-1177-nav-item--unresponsive{display:block}.ids-header-1177-nav-item .ids-header-1177-nav-item__button,.ids-header-1177-nav-item .ids-header-1177-nav-item__link{background-color:transparent;border:0;color:var(--IDS-HEADER-1177-NAV-ITEM__COLOR);cursor:pointer;display:block;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:var(--IDS-HEADER-1177-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;outline-offset:-.125rem!important;padding:1rem .75rem;position:relative;text-align:left;text-decoration:none}.ids-header-1177-nav-item .ids-header-1177-nav-item__button:after,.ids-header-1177-nav-item .ids-header-1177-nav-item__link:after{background-color:var(--IDS-HEADER-1177-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease;width:0}.ids-header-1177-nav-item .ids-header-1177-nav-item__button a,.ids-header-1177-nav-item .ids-header-1177-nav-item__link a{color:var(--IDS-HEADER-1177-NAV-ITEM__COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:var(--IDS-HEADER-1177-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;padding:.75rem 0;text-decoration:none}.ids-header-1177-nav-item .ids-header-1177-nav-item__button a:focus-visible,.ids-header-1177-nav-item .ids-header-1177-nav-item__link a:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-1177-nav-item .ids-header-1177-nav-item__button:hover,.ids-header-1177-nav-item .ids-header-1177-nav-item__link:hover{text-decoration:none}.ids-header-1177-nav-item .ids-header-1177-nav-item__button:hover:after,.ids-header-1177-nav-item .ids-header-1177-nav-item__link:hover:after{right:0;width:auto}.ids-header-1177-nav-item button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-1177-nav-item.ids-header-1177-nav-item--active .ids-header-1177-nav-item__button:after,.ids-header-1177-nav-item.ids-header-1177-nav-item--active .ids-header-1177-nav-item__link:after{right:0;width:auto}.ids-header-1177-nav-item.ids-header-1177-nav-item--expanded .ids-header-1177-nav-item__button,.ids-header-1177-nav-item.ids-header-1177-nav-item--expanded .ids-header-1177-nav-item__link{color:var(--IDS-HEADER-1177-ADMIN-NAV-ITEM__COLOR)}.ids-header-1177-nav-item.ids-header-1177-nav-item--expanded .ids-header-1177-nav-item__button:after,.ids-header-1177-nav-item.ids-header-1177-nav-item--expanded .ids-header-1177-nav-item__link:after{right:0;width:auto}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu{background-color:var(--IDS-HEADER-1177-NAV-ITEM-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-NAV__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;left:0;min-height:10.813rem;overflow:hidden;padding:3rem 0;position:absolute;right:0;top:100%;width:100%}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu.ids-header-1177-nav-item__menu--expanded{display:flex}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-1,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-2,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-3,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-4{flex:0 25%;flex-shrink:0}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-1 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-1 ids-link,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-2 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-2 ids-link,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-3 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-3 ids-link{border-bottom:.063rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-right:2.5rem;padding:.5rem 0}@media only screen and (min-width:1024px){.ids-header-1177-nav-item{display:flex}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.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--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--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--dark.ids--dark.ids--inera-general,.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--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-1177-nav-item{align-items:flex-end;display:none}.ids-header-1177-nav-item .ids-notification-badge,.ids-header-1177-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:.188rem;position:relative;top:-.0625rem}.ids-header-1177-nav-item.ids-header-1177-nav-item--unresponsive{display:block}.ids-header-1177-nav-item .ids-header-1177-nav-item__button,.ids-header-1177-nav-item .ids-header-1177-nav-item__link{background-color:transparent;border:0;color:var(--IDS-HEADER-1177-NAV-ITEM__COLOR);cursor:pointer;display:block;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:var(--IDS-HEADER-1177-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;outline-offset:-.125rem!important;padding:1rem .75rem;position:relative;text-align:left;text-decoration:none}.ids-header-1177-nav-item .ids-header-1177-nav-item__button:after,.ids-header-1177-nav-item .ids-header-1177-nav-item__link:after{background-color:var(--IDS-HEADER-1177-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease;width:0}.ids-header-1177-nav-item .ids-header-1177-nav-item__button a,.ids-header-1177-nav-item .ids-header-1177-nav-item__link a{color:var(--IDS-HEADER-1177-NAV-ITEM__COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:var(--IDS-HEADER-1177-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;padding:.75rem 0;text-decoration:none}.ids-header-1177-nav-item .ids-header-1177-nav-item__button a:focus-visible,.ids-header-1177-nav-item .ids-header-1177-nav-item__link a:focus-visible{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-1177-nav-item .ids-header-1177-nav-item__button:hover,.ids-header-1177-nav-item .ids-header-1177-nav-item__link:hover{text-decoration:none}.ids-header-1177-nav-item .ids-header-1177-nav-item__button:hover:after,.ids-header-1177-nav-item .ids-header-1177-nav-item__link:hover:after{right:0;width:auto}.ids-header-1177-nav-item button:focus-visible{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-1177-nav-item.ids-header-1177-nav-item--active .ids-header-1177-nav-item__button:after,.ids-header-1177-nav-item.ids-header-1177-nav-item--active .ids-header-1177-nav-item__link:after{right:0;width:auto}.ids-header-1177-nav-item.ids-header-1177-nav-item--expanded .ids-header-1177-nav-item__button,.ids-header-1177-nav-item.ids-header-1177-nav-item--expanded .ids-header-1177-nav-item__link{color:var(--IDS-HEADER-1177-ADMIN-NAV-ITEM__COLOR)}.ids-header-1177-nav-item.ids-header-1177-nav-item--expanded .ids-header-1177-nav-item__button:after,.ids-header-1177-nav-item.ids-header-1177-nav-item--expanded .ids-header-1177-nav-item__link:after{right:0;width:auto}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu{background-color:var(--IDS-HEADER-1177-NAV-ITEM-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-NAV__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;left:0;min-height:10.813rem;overflow-x:auto;overflow-y:hidden;padding:3rem 0;position:absolute;right:0;top:100%;width:100%}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu.ids-header-1177-nav-item__menu--expanded{display:flex}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-1,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-2,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-3,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-4{flex:0 25%;flex-shrink:0}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-1 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-1 ids-link,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-2 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-2 ids-link,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-3 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-3 ids-link{border-bottom:.063rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-right:2.5rem;padding:.5rem 0}@media only screen and (min-width:1024px){.ids-header-1177-nav-item{display:flex}}";
4
4
 
5
5
  var header1177NavItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-nav-item-mobile-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.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)}.ids-header-1177-nav-item-mobile{align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:none;font-size:.875rem;gap:.5rem;height:2rem;justify-content:center;margin-left:.75rem;padding:0 .25rem;position:relative}.ids-header-1177-nav-item-mobile .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:inline-block;font-size:1.5rem;left:.25rem;margin-bottom:-.1875rem;position:absolute}.ids-header-1177-nav-item-mobile a,.ids-header-1177-nav-item-mobile button{align-items:center;background:none;border:none;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:flex;height:2rem;justify-content:flex-end;padding-left:2rem;padding-right:.25rem;text-decoration:none}.ids-header-1177-nav-item-mobile:hover .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR)}.ids-header-1177-nav-item-mobile a:hover,.ids-header-1177-nav-item-mobile button:hover{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}@media (max-width:1023px){.ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive){display:flex}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.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--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--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--dark.ids--dark.ids--inera-general,.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--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-1177-nav-item-mobile{align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:none;font-size:.875rem;gap:.5rem;height:2rem;justify-content:center;margin-left:.75rem;padding:0 .25rem;position:relative}.ids-header-1177-nav-item-mobile .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:inline-block;font-size:1.5rem;left:.25rem;margin-bottom:-.1875rem;position:absolute}.ids-header-1177-nav-item-mobile a,.ids-header-1177-nav-item-mobile button{align-items:center;background:none;border:none;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:flex;height:2rem;justify-content:flex-end;padding-left:2rem;padding-right:.25rem;text-decoration:none}.ids-header-1177-nav-item-mobile:hover .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR)}.ids-header-1177-nav-item-mobile a:hover,.ids-header-1177-nav-item-mobile button:hover{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}@media (max-width:1023px){.ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive){display:flex}}";
4
4
 
5
5
  var header1177NavItemMobileLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-nav-item-mobile-shadow-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
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}}.ids-header-1177-nav-item-mobile ::slotted(a),.ids-header-1177-nav-item-mobile ::slotted(button){align-items:center;background:none;border:none;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:flex;height:2rem;justify-content:flex-end;padding-left:2rem;padding-right:.25rem;text-decoration:none}.ids-header-1177-nav-item-mobile ::slotted(a:hover),.ids-header-1177-nav-item-mobile ::slotted(button:hover){color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}";
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--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--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--dark.ids--dark.ids--inera-general,.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--light.ids--dark.ids--inera-general{--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}}.ids-header-1177-nav-item-mobile ::slotted(a),.ids-header-1177-nav-item-mobile ::slotted(button){align-items:center;background:none;border:none;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:flex;height:2rem;justify-content:flex-end;padding-left:2rem;padding-right:.25rem;text-decoration:none}.ids-header-1177-nav-item-mobile ::slotted(a:hover),.ids-header-1177-nav-item-mobile ::slotted(button:hover){color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}";
4
4
 
5
5
  var header1177NavItemMobileShadowLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-nav-item-mobile-shadow.css CHANGED
@@ -1,4 +1,5 @@
1
- .ids--light, .ids--dark {
1
+ .ids--light,
2
+ .ids--dark {
2
3
  --IDS-FONT-FAMILY-BASE: "Open Sans";
3
4
  --IDS-FONT-FAMILY-HEADING: "Inter";
4
5
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -16,10 +17,15 @@
16
17
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
17
18
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
18
19
  }
19
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
20
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
21
+ .ids--dark.ids--1177-pro,
22
+ .ids--dark.ids--1177-admin {
20
23
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
21
24
  }
22
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
25
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
26
+ .ids--dark.ids--inera,
27
+ .ids--dark.ids--inera-general,
28
+ .ids--dark.ids--inera-admin {
23
29
  --IDS-FONT-FAMILY-BASE: "Open Sans";
24
30
  --IDS-FONT-FAMILY-HEADING: "Poppins";
25
31
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -31,10 +37,16 @@
31
37
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
32
38
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
33
39
  }
34
- .ids--light.ids--dark, .ids--dark.ids--dark {
40
+ .ids--light.ids--dark,
41
+ .ids--dark.ids--dark {
35
42
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
36
43
  }
37
- .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 {
44
+ .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-general, .ids--light.ids--dark.ids--inera-admin,
45
+ .ids--dark.ids--dark.ids--1177-pro,
46
+ .ids--dark.ids--dark.ids--1177-admin,
47
+ .ids--dark.ids--dark.ids--inera,
48
+ .ids--dark.ids--dark.ids--inera-general,
49
+ .ids--dark.ids--dark.ids--inera-admin {
38
50
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
39
51
  }
40
52
 
@@ -67,6 +79,7 @@
67
79
  .ids-header-1177-nav-item-mobile ::slotted(a:hover),
68
80
  .ids-header-1177-nav-item-mobile ::slotted(button:hover) {
69
81
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
70
- text-decoration: underline;
71
- text-underline-offset: 0.125rem;
82
+ text-decoration: underline !important;
83
+ text-underline-offset: 0.125rem !important;
84
+ text-decoration-thickness: 0.0938rem !important;
72
85
  }
package/components/header-1177/header-1177-nav-item-mobile.css CHANGED
@@ -10,7 +10,8 @@
10
10
  }
11
11
  }
12
12
 
13
- .ids--light, .ids--dark {
13
+ .ids--light,
14
+ .ids--dark {
14
15
  --IDS-FONT-FAMILY-BASE: "Open Sans";
15
16
  --IDS-FONT-FAMILY-HEADING: "Inter";
16
17
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
28
29
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
29
30
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
30
31
  }
31
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
32
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
33
+ .ids--dark.ids--1177-pro,
34
+ .ids--dark.ids--1177-admin {
32
35
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
33
36
  }
34
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
37
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
38
+ .ids--dark.ids--inera,
39
+ .ids--dark.ids--inera-general,
40
+ .ids--dark.ids--inera-admin {
35
41
  --IDS-FONT-FAMILY-BASE: "Open Sans";
36
42
  --IDS-FONT-FAMILY-HEADING: "Poppins";
37
43
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,10 +49,16 @@
43
49
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
44
50
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
45
51
  }
46
- .ids--light.ids--dark, .ids--dark.ids--dark {
52
+ .ids--light.ids--dark,
53
+ .ids--dark.ids--dark {
47
54
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
48
55
  }
49
- .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 {
56
+ .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-general, .ids--light.ids--dark.ids--inera-admin,
57
+ .ids--dark.ids--dark.ids--1177-pro,
58
+ .ids--dark.ids--dark.ids--1177-admin,
59
+ .ids--dark.ids--dark.ids--inera,
60
+ .ids--dark.ids--dark.ids--inera-general,
61
+ .ids--dark.ids--dark.ids--inera-admin {
50
62
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
51
63
  }
52
64
 
@@ -91,8 +103,9 @@
91
103
  .ids-header-1177-nav-item-mobile a:hover,
92
104
  .ids-header-1177-nav-item-mobile button:hover {
93
105
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
94
- text-decoration: underline;
95
- text-underline-offset: 0.125rem;
106
+ text-decoration: underline !important;
107
+ text-underline-offset: 0.125rem !important;
108
+ text-decoration-thickness: 0.0938rem !important;
96
109
  }
97
110
  @media (max-width: 1023px) {
98
111
  .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) {
package/components/header-1177/header-1177-nav-item-shadow-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.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)}:host(ids-header-1177-nav-item){margin-bottom:-.0938rem}.ids-header-1177-nav-item .ids-header-1177-nav-item__button ::slotted(a),.ids-header-1177-nav-item .ids-header-1177-nav-item__link ::slotted(a){color:var(--IDS-HEADER-1177-NAV-ITEM__COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:var(--IDS-HEADER-1177-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;padding:.75rem 0;text-decoration:none}.ids-header-1177-nav-item .ids-header-1177-nav-item__button ::slotted(a:focus-visible),.ids-header-1177-nav-item .ids-header-1177-nav-item__link ::slotted(a:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-1177-nav-item ::slotted(button:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-1177-nav-item ::slotted([slot=col-1]),.ids-header-1177-nav-item ::slotted([slot=col-2]),.ids-header-1177-nav-item ::slotted([slot=col-3]){border-bottom:.063rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:block;font-size:1rem;line-height:1.5rem;margin-right:2.5rem;padding:.5rem 0}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.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--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--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--dark.ids--dark.ids--inera-general,.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--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}:host(ids-header-1177-nav-item){margin-bottom:-.0938rem}.ids-header-1177-nav-item .ids-header-1177-nav-item__button ::slotted(a),.ids-header-1177-nav-item .ids-header-1177-nav-item__link ::slotted(a){color:var(--IDS-HEADER-1177-NAV-ITEM__COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:var(--IDS-HEADER-1177-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;padding:.75rem 0;text-decoration:none}.ids-header-1177-nav-item .ids-header-1177-nav-item__button ::slotted(a:focus-visible),.ids-header-1177-nav-item .ids-header-1177-nav-item__link ::slotted(a:focus-visible){border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-1177-nav-item ::slotted(button:focus-visible){border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-1177-nav-item ::slotted([slot=col-1]),.ids-header-1177-nav-item ::slotted([slot=col-2]),.ids-header-1177-nav-item ::slotted([slot=col-3]){border-bottom:.063rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:block;font-size:1rem;line-height:1.5rem;margin-right:2.5rem;padding:.5rem 0}";
4
4
 
5
5
  var header1177NavItemShadowLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-nav-item-shadow.css CHANGED
@@ -10,7 +10,8 @@
10
10
  }
11
11
  }
12
12
 
13
- .ids--light, .ids--dark {
13
+ .ids--light,
14
+ .ids--dark {
14
15
  --IDS-FONT-FAMILY-BASE: "Open Sans";
15
16
  --IDS-FONT-FAMILY-HEADING: "Inter";
16
17
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
28
29
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
29
30
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
30
31
  }
31
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
32
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
33
+ .ids--dark.ids--1177-pro,
34
+ .ids--dark.ids--1177-admin {
32
35
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
33
36
  }
34
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
37
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
38
+ .ids--dark.ids--inera,
39
+ .ids--dark.ids--inera-general,
40
+ .ids--dark.ids--inera-admin {
35
41
  --IDS-FONT-FAMILY-BASE: "Open Sans";
36
42
  --IDS-FONT-FAMILY-HEADING: "Poppins";
37
43
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,10 +49,16 @@
43
49
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
44
50
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
45
51
  }
46
- .ids--light.ids--dark, .ids--dark.ids--dark {
52
+ .ids--light.ids--dark,
53
+ .ids--dark.ids--dark {
47
54
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
48
55
  }
49
- .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 {
56
+ .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-general, .ids--light.ids--dark.ids--inera-admin,
57
+ .ids--dark.ids--dark.ids--1177-pro,
58
+ .ids--dark.ids--dark.ids--1177-admin,
59
+ .ids--dark.ids--dark.ids--inera,
60
+ .ids--dark.ids--dark.ids--inera-general,
61
+ .ids--dark.ids--dark.ids--inera-admin {
50
62
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
51
63
  }
52
64
 
@@ -67,9 +79,11 @@
67
79
  .ids-header-1177-nav-item .ids-header-1177-nav-item__button ::slotted(a:focus-visible),
68
80
  .ids-header-1177-nav-item .ids-header-1177-nav-item__link ::slotted(a:focus-visible) {
69
81
  outline: var(--IDS-FOCUS__OUTLINE);
82
+ border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
70
83
  }
71
84
  .ids-header-1177-nav-item ::slotted(button:focus-visible) {
72
85
  outline: var(--IDS-FOCUS__OUTLINE);
86
+ border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
73
87
  }
74
88
  .ids-header-1177-nav-item ::slotted([slot=col-1]),
75
89
  .ids-header-1177-nav-item ::slotted([slot=col-2]),
package/components/header-1177/header-1177-nav-item.css CHANGED
@@ -10,7 +10,8 @@
10
10
  }
11
11
  }
12
12
 
13
- .ids--light, .ids--dark {
13
+ .ids--light,
14
+ .ids--dark {
14
15
  --IDS-FONT-FAMILY-BASE: "Open Sans";
15
16
  --IDS-FONT-FAMILY-HEADING: "Inter";
16
17
  --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
28
29
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
29
30
  --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
30
31
  }
31
- .ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
32
+ .ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
33
+ .ids--dark.ids--1177-pro,
34
+ .ids--dark.ids--1177-admin {
32
35
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
33
36
  }
34
- .ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
37
+ .ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
38
+ .ids--dark.ids--inera,
39
+ .ids--dark.ids--inera-general,
40
+ .ids--dark.ids--inera-admin {
35
41
  --IDS-FONT-FAMILY-BASE: "Open Sans";
36
42
  --IDS-FONT-FAMILY-HEADING: "Poppins";
37
43
  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,10 +49,16 @@
43
49
  --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
44
50
  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
45
51
  }
46
- .ids--light.ids--dark, .ids--dark.ids--dark {
52
+ .ids--light.ids--dark,
53
+ .ids--dark.ids--dark {
47
54
  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
48
55
  }
49
- .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 {
56
+ .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-general, .ids--light.ids--dark.ids--inera-admin,
57
+ .ids--dark.ids--dark.ids--1177-pro,
58
+ .ids--dark.ids--dark.ids--1177-admin,
59
+ .ids--dark.ids--dark.ids--inera,
60
+ .ids--dark.ids--dark.ids--inera-general,
61
+ .ids--dark.ids--dark.ids--inera-admin {
50
62
  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
51
63
  }
52
64
 
@@ -110,6 +122,7 @@
110
122
  .ids-header-1177-nav-item .ids-header-1177-nav-item__button a:focus-visible,
111
123
  .ids-header-1177-nav-item .ids-header-1177-nav-item__link a:focus-visible {
112
124
  outline: var(--IDS-FOCUS__OUTLINE);
125
+ border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
113
126
  }
114
127
  .ids-header-1177-nav-item .ids-header-1177-nav-item__button:hover,
115
128
  .ids-header-1177-nav-item .ids-header-1177-nav-item__link:hover {
@@ -122,6 +135,7 @@
122
135
  }
123
136
  .ids-header-1177-nav-item button:focus-visible {
124
137
  outline: var(--IDS-FOCUS__OUTLINE);
138
+ border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
125
139
  }
126
140
  .ids-header-1177-nav-item.ids-header-1177-nav-item--active .ids-header-1177-nav-item__button:after,
127
141
  .ids-header-1177-nav-item.ids-header-1177-nav-item--active .ids-header-1177-nav-item__link:after {
@@ -145,11 +159,12 @@
145
159
  right: 0;
146
160
  top: 100%;
147
161
  min-height: 10.813rem;
148
- overflow: hidden;
149
162
  padding: 3rem 0;
150
163
  position: absolute;
151
164
  width: 100%;
152
165
  box-sizing: border-box;
166
+ overflow-y: hidden;
167
+ overflow-x: auto;
153
168
  display: none;
154
169
  }
155
170
  .ids-header-1177-nav-item .ids-header-1177-nav-item__menu.ids-header-1177-nav-item__menu--expanded {
package/components/header-1177/header-1177-region-picker-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
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}}.ids-header-1177-region-picker{align-items:center;display:flex;flex-direction:row}.ids-header-1177-region-picker .ids-header-1177-region-picker__button{align-items:center;background-color:transparent;border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-DESKTOP);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:.875rem;padding:0 1.75rem 0 .125rem;position:relative}.ids-header-1177-region-picker .ids-header-1177-region-picker__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem!important}.ids-header-1177-region-picker .ids-header-1177-region-picker__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-DESKTOP);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-header-1177-region-picker .ids-header-1177-region-picker__button.ids-header-1177-region-picker__button--expanded:after{content:\"\\e939\"}.ids-header-1177-region-picker .ids-header-1177-region-picker__button:hover{color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-HOVER-COLOR-DESKTOP);text-decoration:underline;text-underline-offset:.125rem}.ids-header-1177-region-picker .ids-header-1177-region-picker__button:hover:after,.ids-header-1177-region-picker .ids-header-1177-region-picker__button:hover:before{color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-HOVER-COLOR-DESKTOP)}.ids-header-1177-region-picker.ids-header-1177-region-picker--selected-region .ids-header-1177-region-picker__region-icon{align-items:center;background-color:var(--IDS-HEADER-1177-REGION-PICKER__ICON-BACKGROUND-COLOR);display:flex;height:7.5rem;margin-left:-1.875rem;margin-right:1.875rem;overflow-y:clip;padding:0 .625rem 0 1.25rem;position:relative}.ids-header-1177-region-picker.ids-header-1177-region-picker--selected-region .ids-header-1177-region-picker__region-icon:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}.ids-header-1177-region-picker.ids-header-1177-region-picker--selected-region:before{background-color:var(--IDS-HEADER-1177-REGION-PICKER__SEPARATOR-COLOR);content:\"\";left:-1.875rem;min-height:4rem;position:absolute;width:.0313rem;z-index:1}";
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--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--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--dark.ids--dark.ids--inera-general,.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--light.ids--dark.ids--inera-general{--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}}.ids-header-1177-region-picker{align-items:center;display:flex;flex-direction:row}.ids-header-1177-region-picker .ids-header-1177-region-picker__button{align-items:center;background-color:transparent;border:none;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-DESKTOP);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:.875rem;padding:0 1.75rem 0 .125rem;position:relative}.ids-header-1177-region-picker .ids-header-1177-region-picker__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:.125rem!important}.ids-header-1177-region-picker .ids-header-1177-region-picker__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-COLOR-DESKTOP);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-header-1177-region-picker .ids-header-1177-region-picker__button.ids-header-1177-region-picker__button--expanded:after{content:\"\\e939\"}.ids-header-1177-region-picker .ids-header-1177-region-picker__button:hover{color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-HOVER-COLOR-DESKTOP);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}.ids-header-1177-region-picker .ids-header-1177-region-picker__button:hover:after,.ids-header-1177-region-picker .ids-header-1177-region-picker__button:hover:before{color:var(--IDS-HEADER-1177-REGION-PICKER__TEXT-HOVER-COLOR-DESKTOP)}.ids-header-1177-region-picker.ids-header-1177-region-picker--selected-region .ids-header-1177-region-picker__region-icon{align-items:center;background-color:var(--IDS-HEADER-1177-REGION-PICKER__ICON-BACKGROUND-COLOR);display:flex;height:7.5rem;margin-left:-1.875rem;margin-right:1.875rem;overflow-y:clip;padding:0 .625rem 0 1.25rem;position:relative}.ids-header-1177-region-picker.ids-header-1177-region-picker--selected-region .ids-header-1177-region-picker__region-icon:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-100);content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}.ids-header-1177-region-picker.ids-header-1177-region-picker--selected-region:before{background-color:var(--IDS-HEADER-1177-REGION-PICKER__SEPARATOR-COLOR);content:\"\";left:-1.875rem;min-height:4rem;position:absolute;width:.0313rem;z-index:1}";
4
4
 
5
5
  var header1177RegionPickerLit = css`${unsafeCSS(css_248z)}`;
6
6