@inera/ids-design 7.2.3 → 8.0.1

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 (200) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +157 -11
  3. package/components/alert/alert-lit.js +1 -1
  4. package/components/alert/alert.css +275 -77
  5. package/components/badge/badge-lit.js +1 -1
  6. package/components/badge/badge.css +17 -11
  7. package/components/box-link/box-link-lit.js +1 -1
  8. package/components/box-link/box-link.css +16 -28
  9. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  10. package/components/breadcrumbs/breadcrumbs.css +11 -6
  11. package/components/button-group/button-group-lit.js +1 -1
  12. package/components/button-group/button-group.css +4 -0
  13. package/components/card/card-lit.js +1 -1
  14. package/components/card/card.css +162 -33
  15. package/components/carousel/carousel-item-lit.js +1 -1
  16. package/components/carousel/carousel-item.css +169 -7
  17. package/components/carousel/carousel-lit.js +1 -1
  18. package/components/carousel/carousel.css +18 -12
  19. package/components/data-table/data-table-lit.js +1 -1
  20. package/components/data-table/data-table.css +14 -6
  21. package/components/date-label/date-label-lit.js +1 -1
  22. package/components/date-label/date-label.css +35 -14
  23. package/components/dialog/dialog-lit.js +1 -1
  24. package/components/dialog/dialog.css +34 -38
  25. package/components/dropdown/dropdown-lit.js +1 -1
  26. package/components/dropdown/dropdown.css +87 -28
  27. package/components/footer-1177/footer-1177-lit.js +1 -1
  28. package/components/footer-1177/footer-1177.css +226 -121
  29. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  30. package/components/footer-1177-admin/footer-1177-admin.css +293 -140
  31. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  32. package/components/footer-1177-pro/footer-1177-pro.css +390 -104
  33. package/components/footer-inera/footer-inera-lit.js +1 -1
  34. package/components/footer-inera/footer-inera.css +280 -164
  35. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  36. package/components/footer-inera-admin/footer-inera-admin.css +339 -188
  37. package/components/form/error-message/error-message-lit.js +1 -1
  38. package/components/form/error-message/error-message.css +10 -6
  39. package/components/form/group/group-lit.js +1 -1
  40. package/components/form/group/group.css +148 -1
  41. package/components/form/range/range-lit.js +1 -1
  42. package/components/form/range/range.css +225 -2
  43. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  44. package/components/form/select-multiple/select-multiple.css +37 -33
  45. package/components/form/spinner/spinner-lit.js +1 -1
  46. package/components/form/spinner/spinner.css +6 -11
  47. package/components/global-alert/global-alert-lit.js +9 -0
  48. package/components/global-alert/global-alert.css +354 -0
  49. package/components/grid/container/container-lit.js +1 -1
  50. package/components/grid/container/container.css +2 -9
  51. package/components/header-1177/composite-header-1177.css +1105 -974
  52. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  53. package/components/header-1177/header-1177-avatar.css +406 -191
  54. package/components/header-1177/header-1177-item-lit.js +1 -1
  55. package/components/header-1177/header-1177-item.css +125 -75
  56. package/components/header-1177/header-1177-lit.js +1 -1
  57. package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
  58. package/components/header-1177/header-1177-menu-mobile.css +14 -9
  59. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  60. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  61. package/components/header-1177/header-1177-nav-item-mobile.css +107 -164
  62. package/components/header-1177/header-1177-nav-item.css +109 -88
  63. package/components/header-1177/header-1177-nav-lit.js +1 -1
  64. package/components/header-1177/header-1177-nav.css +100 -45
  65. package/components/header-1177/header-1177-region-picker-lit.d.ts +2 -0
  66. package/components/header-1177/header-1177-region-picker-lit.js +7 -0
  67. package/components/header-1177/header-1177-region-picker-mobile-lit.d.ts +2 -0
  68. package/components/header-1177/header-1177-region-picker-mobile-lit.js +9 -0
  69. package/components/header-1177/header-1177-region-picker-mobile.css +112 -0
  70. package/components/header-1177/header-1177-region-picker.css +107 -0
  71. package/components/header-1177/header-1177.css +125 -450
  72. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  73. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  74. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +170 -29
  75. package/components/header-1177-admin/header-1177-admin-avatar.css +490 -278
  76. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  77. package/components/header-1177-admin/header-1177-admin-item.css +131 -89
  78. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  79. package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +7 -0
  80. package/components/header-1177-admin/header-1177-admin-menu-mobile.css +145 -0
  81. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  82. package/components/header-1177-admin/header-1177-admin-nav-item.css +163 -134
  83. package/components/header-1177-admin/header-1177-admin-nav-lit.js +1 -1
  84. package/components/header-1177-admin/header-1177-admin-nav.css +76 -47
  85. package/components/header-1177-admin/header-1177-admin.css +91 -285
  86. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  87. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  88. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +146 -74
  89. package/components/header-1177-pro/header-1177-pro-avatar.css +448 -275
  90. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  91. package/components/header-1177-pro/header-1177-pro-item.css +169 -103
  92. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  93. package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +7 -0
  94. package/components/header-1177-pro/header-1177-pro-menu-mobile.css +146 -0
  95. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  96. package/components/header-1177-pro/header-1177-pro-nav-item.css +139 -122
  97. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  98. package/components/header-1177-pro/header-1177-pro-nav.css +75 -46
  99. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  100. package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +9 -0
  101. package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +117 -0
  102. package/components/header-1177-pro/header-1177-pro-region-picker.css +38 -810
  103. package/components/header-1177-pro/header-1177-pro.css +140 -139
  104. package/components/header-inera/header-inera-item-lit.js +1 -1
  105. package/components/header-inera/header-inera-item.css +31 -21
  106. package/components/header-inera/header-inera-lit.js +1 -1
  107. package/components/header-inera/header-inera-menu-mobile-lit.d.ts +2 -0
  108. package/components/header-inera/header-inera-menu-mobile-lit.js +7 -0
  109. package/components/header-inera/header-inera-menu-mobile.css +136 -0
  110. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  111. package/components/header-inera/header-inera-nav-item.css +26 -23
  112. package/components/header-inera/header-inera-nav-lit.js +1 -1
  113. package/components/header-inera/header-inera-nav.css +11 -8
  114. package/components/header-inera/header-inera.css +50 -21
  115. package/components/header-inera-admin/composite-header-inera-admin.css +858 -245
  116. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  117. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  118. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +173 -44
  119. package/components/header-inera-admin/header-inera-admin-avatar.css +558 -100
  120. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  121. package/components/header-inera-admin/header-inera-admin-item.css +14 -7
  122. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  123. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.d.ts +2 -0
  124. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +7 -0
  125. package/components/header-inera-admin/header-inera-admin-menu-mobile.css +147 -0
  126. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  127. package/components/header-inera-admin/header-inera-admin-nav-item.css +28 -25
  128. package/components/header-inera-admin/header-inera-admin-nav-lit.js +1 -1
  129. package/components/header-inera-admin/header-inera-admin-nav.css +16 -16
  130. package/components/header-inera-admin/header-inera-admin.css +34 -24
  131. package/components/header-patient/header-patient-lit.js +1 -1
  132. package/components/header-patient/header-patient.css +166 -8
  133. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  134. package/components/mobile-menu/mobile-menu.css +340 -244
  135. package/components/navigation/content/navigation-content-lit.js +1 -1
  136. package/components/navigation/content/navigation-content.css +203 -16
  137. package/components/navigation/local/navigation-local-lit.js +1 -1
  138. package/components/navigation/local/navigation-local.css +37 -56
  139. package/components/notification-badge/notification-badge-lit.js +1 -1
  140. package/components/notification-badge/notification-badge.css +15 -13
  141. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  142. package/components/pagination/data-pagination/data-pagination.css +206 -44
  143. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  144. package/components/pagination/list-pagination/list-pagination.css +5 -5
  145. package/components/popover/popover-content-lit.js +1 -1
  146. package/components/popover/popover-content.css +262 -114
  147. package/components/progressbar/progressbar-lit.js +1 -1
  148. package/components/progressbar/progressbar.css +147 -4
  149. package/components/puff-list/puff-list-lit.js +1 -1
  150. package/components/puff-list/puff-list.css +258 -35
  151. package/components/region-icon/region-icon-lit.js +1 -1
  152. package/components/region-icon/region-icon.css +5 -5
  153. package/components/side-menu/side-menu-lit.js +1 -1
  154. package/components/side-menu/side-menu.css +6 -9
  155. package/components/side-panel/side-panel-lit.js +1 -1
  156. package/components/side-panel/side-panel.css +61 -26
  157. package/components/stepper/stepper-lit.js +1 -1
  158. package/components/stepper/stepper.css +170 -22
  159. package/components/table/table.css +6 -3
  160. package/components/tabs/tab-lit.js +1 -1
  161. package/components/tabs/tab-panel-lit.js +1 -1
  162. package/components/tabs/tab-panel.css +2 -0
  163. package/components/tabs/tab.css +26 -14
  164. package/components/tabs/tabs-lit.js +2 -2
  165. package/components/tabs/tabs.css +1 -1
  166. package/components/tag/tag-lit.js +1 -1
  167. package/components/tag/tag.css +10 -7
  168. package/components/tooltip/tooltip-lit.js +1 -1
  169. package/components/tooltip/tooltip.css +8 -5
  170. package/global/_partials.css +15 -0
  171. package/{themes/1177-pro/1177-pro.css → global/global.css} +3958 -3504
  172. package/global/icons/Inera-Design-Icons.eot +0 -0
  173. package/global/icons/Inera-Design-Icons.svg +9 -0
  174. package/global/icons/Inera-Design-Icons.ttf +0 -0
  175. package/global/icons/Inera-Design-Icons.woff +0 -0
  176. package/global/util/util.css +2745 -0
  177. package/package.json +1 -1
  178. package/reset.css +90 -0
  179. package/styles.css +8320 -0
  180. package/tokens/component-tokens.scss +86 -0
  181. package/tokens/themes/1177-admin-tokens.css +340 -263
  182. package/tokens/themes/1177-pro-tokens.css +340 -263
  183. package/tokens/themes/1177-tokens.css +340 -263
  184. package/tokens/themes/inera-admin-tokens.css +294 -252
  185. package/tokens/themes/inera-tokens.css +294 -252
  186. package/components/alert-global/alert-global-lit.js +0 -7
  187. package/components/alert-global/alert-global.css +0 -195
  188. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +0 -7
  189. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +0 -304
  190. package/components/header-inera/header-inera-nav-mobile-lit.js +0 -7
  191. package/components/header-inera/header-inera-nav-mobile.css +0 -126
  192. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +0 -7
  193. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +0 -126
  194. package/themes/1177/1177.css +0 -6196
  195. package/themes/inera/inera.css +0 -6220
  196. package/themes/inera-admin/inera-admin.css +0 -6293
  197. /package/components/{alert-global/alert-global-lit.d.ts → global-alert/global-alert-lit.d.ts} +0 -0
  198. /package/components/{header-1177-pro/header-1177-pro-nav-menu-mobile-lit.d.ts → header-1177-admin/header-1177-admin-menu-mobile-lit.d.ts} +0 -0
  199. /package/components/{header-inera-admin/header-inera-admin-nav-mobile-lit.d.ts → header-1177-pro/header-1177-pro-menu-mobile-lit.d.ts} +0 -0
  200. /package/components/{header-inera/header-inera-nav-mobile-lit.d.ts → header-1177-pro/header-1177-pro-region-picker-mobile-lit.d.ts} +0 -0
@@ -1,195 +0,0 @@
1
- /*******
2
- * ICONS
3
- ********/
4
- /*******
5
- * BUTTONS
6
- ********/
7
- /*******
8
- * SCROLLBARS
9
- ********/
10
- /*******
11
- * FORM
12
- ********/
13
- /*******
14
- * A11Y
15
- ********/
16
- @media (max-width: 1023px) {
17
- .ids-desktop {
18
- display: none !important;
19
- }
20
- }
21
-
22
- @media (min-width: 1024px) {
23
- .ids-mobile {
24
- display: none !important;
25
- }
26
- }
27
-
28
- .ids-alert-global {
29
- position: relative;
30
- z-index: 1;
31
- color: var(--IDS-ALERT-GLOBAL__COLOR);
32
- background-color: var(--IDS-ALERT-GLOBAL__BACKGROUND-COLOR);
33
- box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.3);
34
- padding: 1.875rem;
35
- border-style: solid;
36
- border-width: 0.0625rem;
37
- display: block;
38
- align-items: center;
39
- font-size: 1rem;
40
- line-height: 1.625rem;
41
- border: none;
42
- }
43
- .ids-alert-global .ids-alert-global__inner {
44
- margin-left: auto;
45
- margin-right: auto;
46
- max-width: var(--IDS__MAX-WIDTH);
47
- }
48
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__icon-headline {
49
- display: flex;
50
- flex-wrap: wrap;
51
- align-items: center;
52
- gap: 1.25rem;
53
- }
54
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__icon-headline.ids-alert-global__icon-headline--agent {
55
- padding-left: 2.75rem;
56
- position: relative;
57
- }
58
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__icon-headline.ids-alert-global__icon-headline--agent:before {
59
- font: icon;
60
- font-family: "Inera-Design-Icons" !important;
61
- display: block;
62
- position: absolute;
63
- pointer-events: none;
64
- -webkit-font-smoothing: antialiased;
65
- -moz-osx-font-smoothing: grayscale;
66
- content: "\e91f";
67
- font-size: 1.75rem;
68
- left: 0;
69
- top: 0;
70
- }
71
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__icon {
72
- width: 1.75rem;
73
- height: 1.75rem;
74
- font-size: 1.75rem;
75
- }
76
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__header {
77
- display: flex;
78
- flex-wrap: wrap;
79
- align-items: center;
80
- justify-content: space-between;
81
- gap: 1.25rem;
82
- }
83
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__headline {
84
- display: flex;
85
- text-align: left;
86
- }
87
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__headline *,
88
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__headline ::slotted(*) {
89
- font-family: var(--IDS-ALERT-GLOBAL__HEADLINE-FONT-FAMILY) !important;
90
- font-size: 1.125rem !important;
91
- font-weight: var(--IDS-ALERT__HEADLINE-FONT-WEIGHT) !important;
92
- line-height: 1.75rem !important;
93
- color: var(--IDS-ALERT-GLOBAL-HEADLINE-COLOR);
94
- margin: 0 !important;
95
- display: flex !important;
96
- align-items: center !important;
97
- }
98
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__button {
99
- min-width: 1.5rem;
100
- min-height: 1.5rem;
101
- background: none;
102
- color: inherit;
103
- border: none;
104
- padding: 0;
105
- font: inherit;
106
- cursor: pointer;
107
- outline: inherit;
108
- -moz-user-select: -moz-none;
109
- -khtml-user-select: none;
110
- -webkit-user-select: none;
111
- -ms-user-select: none;
112
- user-select: none;
113
- }
114
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__button:focus {
115
- outline: var(--IDS-FOCUS__OUTLINE);
116
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
117
- }
118
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__button {
119
- justify-self: end;
120
- display: flex;
121
- justify-content: center;
122
- align-items: center;
123
- cursor: pointer;
124
- position: relative;
125
- font-size: 1rem;
126
- font-family: var(--IDS-FONT-FAMILY-BASE);
127
- min-height: 1.5rem;
128
- min-width: 1.5rem;
129
- padding-right: 1.625rem;
130
- }
131
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__button:before {
132
- font: icon;
133
- font-family: "Inera-Design-Icons" !important;
134
- display: block;
135
- position: absolute;
136
- pointer-events: none;
137
- -webkit-font-smoothing: antialiased;
138
- -moz-osx-font-smoothing: grayscale;
139
- content: "\e906";
140
- font-size: 1.25rem;
141
- top: 50%;
142
- right: 0.125rem;
143
- transform: translateY(-50%);
144
- }
145
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__button.ids-alert-global__button--expanded:before {
146
- content: "\e909";
147
- }
148
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__button-text {
149
- margin-right: 1rem;
150
- display: none;
151
- }
152
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__content {
153
- font-style: normal;
154
- color: var(--IDS-COLOR-NEUTRAL-20);
155
- font-family: var(--IDS-BODY__FONT-FAMILY);
156
- font-size: var(--IDS-BODY__FONT-SIZE);
157
- line-height: var(--IDS-BODY__LINE-HEIGHT);
158
- font-weight: 400;
159
- letter-spacing: 0;
160
- margin-top: 0.75rem;
161
- }
162
- @media (min-width: 1024px) {
163
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__icon {
164
- width: 1.875rem;
165
- height: 1.875rem;
166
- font-size: 1.875rem;
167
- }
168
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__button-text {
169
- display: block;
170
- }
171
- }
172
- .ids-alert-global .ids-alert-global__sub-content {
173
- margin-top: 0.75rem;
174
- }
175
- .ids-alert-global.ids-alert-global--collapsed .ids-alert-global__content {
176
- display: none;
177
- }
178
- .ids-alert-global.ids-alert-global--collapsed .ids-alert-global__sub-content {
179
- display: none;
180
- }
181
- @media (max-width: 1024px) {
182
- .ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__icon-headline--agent {
183
- padding-left: 0 !important;
184
- }
185
- .ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__icon-headline--agent:before {
186
- display: none !important;
187
- }
188
- .ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__icon {
189
- display: none;
190
- }
191
- }
192
- .ids-alert-global.ids-alert-global--agent {
193
- color: var(--IDS-ALERT-GLOBAL--AGENT__COLOR) !important;
194
- background-color: var(--IDS-ALERT-GLOBAL--AGENT__BACKGROUND-COLOR) !important;
195
- }
@@ -1,7 +0,0 @@
1
- import { css, unsafeCSS } from 'lit';
2
-
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro__nav-mobile__menu{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after,.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before{top:.5rem}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after{top:-.5rem}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-1177-pro__nav-mobile__menu{color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex}@media (min-width:1024px){.ids-header-1177-pro__nav-mobile__menu{display:none}}.ids-header-1177-pro__nav-mobile__menu-items{box-shadow:0 .125rem .313rem #c5c5c5;display:block;left:0;position:absolute;right:0;top:calc(100% + .063rem);z-index:10}@media (min-width:1024px){.ids-header-1177-pro__nav-mobile__menu-items{display:none}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item{align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item a,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item{align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item a,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__items__item--mobile){display:flex}}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive){align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) a,:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}@media (max-width:1024px){:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive):not(.ids-header-1177-pro__items__item--mobile){display:flex}}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive{align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive a,:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}";
4
-
5
- var header1177ProNavMenuMobileLit = css`${unsafeCSS(css_248z)}`;
6
-
7
- export { header1177ProNavMenuMobileLit as default };
@@ -1,304 +0,0 @@
1
- /*******
2
- * ICONS
3
- ********/
4
- /*******
5
- * BUTTONS
6
- ********/
7
- /*******
8
- * SCROLLBARS
9
- ********/
10
- /*******
11
- * FORM
12
- ********/
13
- /*******
14
- * A11Y
15
- ********/
16
- @media (max-width: 1023px) {
17
- .ids-desktop {
18
- display: none !important;
19
- }
20
- }
21
-
22
- @media (min-width: 1024px) {
23
- .ids-mobile {
24
- display: none !important;
25
- }
26
- }
27
-
28
- .ids-header-1177-pro__nav-mobile__menu {
29
- background: none;
30
- color: inherit;
31
- border: none;
32
- padding: 0;
33
- font: inherit;
34
- cursor: pointer;
35
- outline: inherit;
36
- }
37
- .ids-header-1177-pro__nav-mobile__menu .ids-hamburger {
38
- transition: all 0.2s;
39
- cursor: pointer;
40
- user-select: none;
41
- position: relative;
42
- }
43
- .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines {
44
- display: block;
45
- cursor: pointer;
46
- width: 1.3125rem;
47
- border-radius: 0.125rem;
48
- transition: all 0.2s;
49
- background-color: var(--IDS-COLOR-ACCENT-40);
50
- position: relative;
51
- height: 0.125rem;
52
- width: 1.25rem;
53
- }
54
- .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before,
55
- .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after {
56
- display: inline-block;
57
- width: 1.3125rem;
58
- border-radius: 0.125rem;
59
- transition: all 0.2s;
60
- background-color: var(--IDS-COLOR-ACCENT-40);
61
- position: absolute;
62
- left: 0;
63
- content: "";
64
- -webkit-transform-origin: 0.09375rem center;
65
- transform-origin: 0.09375rem center;
66
- }
67
- .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before,
68
- .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after {
69
- height: 0.125rem;
70
- width: 1.25rem;
71
- }
72
- .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before,
73
- .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after {
74
- -webkit-transform-origin: 0.13393rem center;
75
- transform-origin: 0.13393rem center;
76
- }
77
- .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before {
78
- top: 0.5rem;
79
- }
80
- .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after {
81
- top: -0.5rem;
82
- }
83
- .ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines {
84
- background: transparent;
85
- }
86
- .ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before, .ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after {
87
- -ms-transform-origin: 50% 50%;
88
- -webkit-transform-origin: 50% 50%;
89
- transform-origin: 50% 50%;
90
- top: 0;
91
- width: 1.5rem;
92
- left: -0.1rem;
93
- }
94
- .ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before {
95
- -ms-transform: rotate(45deg);
96
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
97
- transform: rotate3d(0, 0, 1, 45deg);
98
- }
99
- .ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after {
100
- -ms-transform: rotate(-45deg);
101
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
102
- transform: rotate3d(0, 0, 1, -45deg);
103
- }
104
- .ids-header-1177-pro__nav-mobile__menu {
105
- cursor: pointer;
106
- color: var(--IDS-COLOR-PRIMARY-35);
107
- display: flex;
108
- cursor: pointer;
109
- }
110
- @media (min-width: 1024px) {
111
- .ids-header-1177-pro__nav-mobile__menu {
112
- display: none;
113
- }
114
- }
115
-
116
- .ids-header-1177-pro__nav-mobile__menu-items {
117
- display: block;
118
- position: absolute;
119
- left: 0;
120
- right: 0;
121
- z-index: 10;
122
- box-shadow: 0 0.125rem 0.313rem #c5c5c5;
123
- top: calc(100% + 0.063rem);
124
- }
125
- @media (min-width: 1024px) {
126
- .ids-header-1177-pro__nav-mobile__menu-items {
127
- display: none;
128
- }
129
- }
130
-
131
- .ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item {
132
- display: none;
133
- align-items: center;
134
- justify-content: center;
135
- height: 3rem;
136
- position: relative;
137
- color: var(--IDS-COLOR-ACCENT-40);
138
- padding: 0 0.5rem;
139
- margin: 0 -0.5rem;
140
- }
141
- .ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item a,
142
- .ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item button {
143
- display: flex;
144
- width: 100%;
145
- gap: 0.5rem;
146
- text-decoration: none;
147
- background: none;
148
- color: inherit;
149
- border: none;
150
- padding: 0;
151
- font: inherit;
152
- cursor: pointer;
153
- outline: inherit;
154
- color: var(--IDS-COLOR-ACCENT-40);
155
- outline: none !important;
156
- align-items: center;
157
- justify-content: center;
158
- font-size: 0.875rem;
159
- }
160
- .ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item ::slotted(a) {
161
- position: absolute;
162
- inset: 0;
163
- opacity: 0;
164
- }
165
- .ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item:focus-within {
166
- outline: var(--IDS-FOCUS__OUTLINE);
167
- outline-offset: -0.125rem !important;
168
- }
169
-
170
- .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item {
171
- display: none;
172
- align-items: center;
173
- justify-content: center;
174
- height: 3rem;
175
- position: relative;
176
- color: var(--IDS-COLOR-ACCENT-40);
177
- padding: 0 0.5rem;
178
- margin: 0 -0.5rem;
179
- }
180
- .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item a,
181
- .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item button {
182
- display: flex;
183
- width: 100%;
184
- gap: 0.5rem;
185
- text-decoration: none;
186
- background: none;
187
- color: inherit;
188
- border: none;
189
- padding: 0;
190
- font: inherit;
191
- cursor: pointer;
192
- outline: inherit;
193
- color: var(--IDS-COLOR-ACCENT-40);
194
- outline: none !important;
195
- align-items: center;
196
- justify-content: center;
197
- font-size: 0.875rem;
198
- }
199
- .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item ::slotted(a) {
200
- position: absolute;
201
- inset: 0;
202
- opacity: 0;
203
- }
204
- .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item:focus-within {
205
- outline: var(--IDS-FOCUS__OUTLINE);
206
- outline-offset: -0.125rem !important;
207
- }
208
- @media (max-width: 1024px) {
209
- .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__items__item--mobile) {
210
- display: flex;
211
- }
212
- }
213
- @media (max-width: 1024px) {
214
- .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__items__item--mobile) {
215
- display: flex;
216
- }
217
- }
218
-
219
- :host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) {
220
- display: none;
221
- align-items: center;
222
- justify-content: center;
223
- height: 3rem;
224
- position: relative;
225
- color: var(--IDS-COLOR-ACCENT-40);
226
- padding: 0 0.5rem;
227
- margin: 0 -0.5rem;
228
- }
229
- :host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) a,
230
- :host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) button {
231
- display: flex;
232
- width: 100%;
233
- gap: 0.5rem;
234
- text-decoration: none;
235
- background: none;
236
- color: inherit;
237
- border: none;
238
- padding: 0;
239
- font: inherit;
240
- cursor: pointer;
241
- outline: inherit;
242
- color: var(--IDS-COLOR-ACCENT-40);
243
- outline: none !important;
244
- align-items: center;
245
- justify-content: center;
246
- font-size: 0.875rem;
247
- }
248
- :host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) ::slotted(a) {
249
- position: absolute;
250
- inset: 0;
251
- opacity: 0;
252
- }
253
- :host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive):focus-within {
254
- outline: var(--IDS-FOCUS__OUTLINE);
255
- outline-offset: -0.125rem !important;
256
- }
257
- @media (max-width: 1024px) {
258
- :host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive):not(.ids-header-1177-pro__items__item--mobile) {
259
- display: flex;
260
- }
261
- }
262
- @media (max-width: 1024px) {
263
- :host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive):not(.ids-header-1177-pro__items__item--mobile) {
264
- display: flex;
265
- }
266
- }
267
- :host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive {
268
- display: none;
269
- align-items: center;
270
- justify-content: center;
271
- height: 3rem;
272
- position: relative;
273
- color: var(--IDS-COLOR-ACCENT-40);
274
- padding: 0 0.5rem;
275
- margin: 0 -0.5rem;
276
- }
277
- :host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive a,
278
- :host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive button {
279
- display: flex;
280
- width: 100%;
281
- gap: 0.5rem;
282
- text-decoration: none;
283
- background: none;
284
- color: inherit;
285
- border: none;
286
- padding: 0;
287
- font: inherit;
288
- cursor: pointer;
289
- outline: inherit;
290
- color: var(--IDS-COLOR-ACCENT-40);
291
- outline: none !important;
292
- align-items: center;
293
- justify-content: center;
294
- font-size: 0.875rem;
295
- }
296
- :host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive ::slotted(a) {
297
- position: absolute;
298
- inset: 0;
299
- opacity: 0;
300
- }
301
- :host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive:focus-within {
302
- outline: var(--IDS-FOCUS__OUTLINE);
303
- outline-offset: -0.125rem !important;
304
- }
@@ -1,7 +0,0 @@
1
- import { css, unsafeCSS } from 'lit';
2
-
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button{background-color:transparent;border:0;cursor:pointer;height:2rem;margin-top:.25rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:after,.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:before{top:.5rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:after{top:-.5rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__menu-items{box-shadow:0 .125rem .313rem #c5c5c5;left:0;position:absolute;right:0;top:100%;z-index:10}@media only screen and (min-width:1024px){.ids-header-inera-nav-mobile{display:none}}@media only screen and (max-width:1024px){.ids-header-inera-nav-mobile{display:block}.ids-header-inera-nav-mobile.ids-header-inera-nav-mobile--unresponsive{display:none}}";
4
-
5
- var headerIneraNavMobileLit = css`${unsafeCSS(css_248z)}`;
6
-
7
- export { headerIneraNavMobileLit as default };
@@ -1,126 +0,0 @@
1
- @media (max-width: 1023px) {
2
- .ids-desktop {
3
- display: none !important;
4
- }
5
- }
6
-
7
- @media (min-width: 1024px) {
8
- .ids-mobile {
9
- display: none !important;
10
- }
11
- }
12
-
13
- /*******
14
- * ICONS
15
- ********/
16
- /*******
17
- * BUTTONS
18
- ********/
19
- /*******
20
- * SCROLLBARS
21
- ********/
22
- /*******
23
- * FORM
24
- ********/
25
- /*******
26
- * A11Y
27
- ********/
28
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button:focus {
29
- outline: var(--IDS-FOCUS__OUTLINE);
30
- outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
31
- }
32
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button {
33
- border: 0;
34
- background-color: transparent;
35
- height: 2rem;
36
- margin-top: 0.25rem;
37
- cursor: pointer;
38
- }
39
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger {
40
- transition: all 0.2s;
41
- cursor: pointer;
42
- user-select: none;
43
- position: relative;
44
- }
45
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines {
46
- display: block;
47
- cursor: pointer;
48
- width: 1.3125rem;
49
- border-radius: 0.125rem;
50
- transition: all 0.2s;
51
- background-color: var(--IDS-COLOR-PRIMARY-40);
52
- position: relative;
53
- height: 0.125rem;
54
- width: 1.25rem;
55
- }
56
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:before,
57
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:after {
58
- display: inline-block;
59
- width: 1.3125rem;
60
- border-radius: 0.125rem;
61
- transition: all 0.2s;
62
- background-color: var(--IDS-COLOR-PRIMARY-40);
63
- position: absolute;
64
- left: 0;
65
- content: "";
66
- -webkit-transform-origin: 0.09375rem center;
67
- transform-origin: 0.09375rem center;
68
- }
69
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:before,
70
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:after {
71
- height: 0.125rem;
72
- width: 1.25rem;
73
- }
74
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:before,
75
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:after {
76
- -webkit-transform-origin: 0.13393rem center;
77
- transform-origin: 0.13393rem center;
78
- }
79
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:before {
80
- top: 0.5rem;
81
- }
82
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button .ids-hamburger__lines:after {
83
- top: -0.5rem;
84
- }
85
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines {
86
- background: transparent;
87
- }
88
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before, .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after {
89
- -ms-transform-origin: 50% 50%;
90
- -webkit-transform-origin: 50% 50%;
91
- transform-origin: 50% 50%;
92
- top: 0;
93
- width: 1.5rem;
94
- left: -0.1rem;
95
- }
96
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before {
97
- -ms-transform: rotate(45deg);
98
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
99
- transform: rotate3d(0, 0, 1, 45deg);
100
- }
101
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after {
102
- -ms-transform: rotate(-45deg);
103
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
104
- transform: rotate3d(0, 0, 1, -45deg);
105
- }
106
- .ids-header-inera-nav-mobile .ids-header-inera-nav-mobile__menu-items {
107
- position: absolute;
108
- left: 0;
109
- right: 0;
110
- z-index: 10;
111
- box-shadow: 0 0.125rem 0.313rem #c5c5c5;
112
- top: 100%;
113
- }
114
- @media only screen and (min-width: 1024px) {
115
- .ids-header-inera-nav-mobile {
116
- display: none;
117
- }
118
- }
119
- @media only screen and (max-width: 1024px) {
120
- .ids-header-inera-nav-mobile {
121
- display: block;
122
- }
123
- .ids-header-inera-nav-mobile.ids-header-inera-nav-mobile--unresponsive {
124
- display: none;
125
- }
126
- }
@@ -1,7 +0,0 @@
1
- import { css, unsafeCSS } from 'lit';
2
-
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before{top:.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after{top:-.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button{background-color:transparent;border:0;cursor:pointer;height:2rem;margin-top:.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__menu-items{box-shadow:0 .125rem .313rem #c5c5c5;left:0;position:absolute;right:0;top:100%;z-index:10}@media only screen and (min-width:1024px){.ids-header-inera-admin-nav-mobile{display:none}}@media only screen and (max-width:1024px){.ids-header-inera-admin-nav-mobile{display:block}.ids-header-inera-admin-nav-mobile.ids-header-inera-admin-nav-mobile--unresponsive{display:none}}";
4
-
5
- var headerIneraAdminNavMobileLit = css`${unsafeCSS(css_248z)}`;
6
-
7
- export { headerIneraAdminNavMobileLit as default };