@inera/ids-design 5.0.0 → 5.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 (5) hide show
  1. package/components/data-table/data-table-lit.js +1 -1
  2. package/components/data-table/data-table.css +0 -10
  3. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  4. package/components/header-1177-pro/header-1177-pro-nav.css +8 -0
  5. package/package.json +1 -1
package/components/data-table/data-table-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-data-table--empty.ids-table--disabled,.ids-data-table--empty[disabled],.ids-data-table--interactive.ids-table--disabled,.ids-data-table--interactive[disabled],.ids-data-table.ids-table--disabled,.ids-data-table[disabled]{background-color:#fff!important;border:var(--table-disabled_border)!important;color:var(--table-disabled_color)!important}.ids-data-table table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table td,.ids-data-table th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;padding:8px;position:relative;text-align:left;white-space:nowrap}.ids-data-table th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);cursor:pointer;font-family:var(--data-table_font-style);font-weight:700}.ids-data-table th:first-child{padding:12px 8px 12px 16px}.ids-data-table th:last-child{padding:12px 16px 12px 8px}.ids-data-table th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table td:first-child{padding:8px 8px 8px 16px}.ids-data-table td:last-child{padding:8px 16px 8px 8px}.ids-data-table td:not(:first-child):not(:last-child){padding:8px}.ids-data-table tr{border-bottom:1px solid #ddd;position:relative}.ids-data-table td:last-child,.ids-data-table th:last-child{border-right:none}.ids-data-table .ids-data-table__col--wide{width:30em}.ids-data-table table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table table tbody tr:last-child td{border-bottom:none}.ids-data-table table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table th ids-icon-arrow,.ids-data-table th ids-icon-swap{cursor:pointer;margin-left:5.5px;position:relative;transform:rotate(-90deg)}.ids-data-table .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table td,.ids-data-table th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table th:focus{outline:2px solid --focus_outline;outline-offset:-5px;z-index:2}.ids-data-table tr:focus{outline:none}.ids-data-table table:active,.ids-data-table table:focus,.ids-data-table table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table.ids-table--s td,.ids-data-table.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table.ids-table--l td,.ids-data-table.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table table{width:100%}}@media (max-width:640px){.ids-data-table .ids-data-table__col--wide{width:auto}}.ids-data-table.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table.ids-table--bordered td,.ids-data-table.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}.ids-data-table--interactive table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table--interactive td,.ids-data-table--interactive th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;cursor:pointer;padding:8px;position:relative;text-align:left;white-space:nowrap}.ids-data-table--interactive th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);font-family:var(--data-table_font-style);font-weight:700}.ids-data-table--interactive th:first-child{padding:12px 8px 12px 16px}.ids-data-table--interactive th:last-child{padding:12px 16px 12px 8px}.ids-data-table--interactive th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table--interactive td:first-child{padding:8px 8px 8px 16px}.ids-data-table--interactive td:last-child{padding:8px 16px 8px 8px}.ids-data-table--interactive td:not(:first-child):not(:last-child){padding:8px}.ids-data-table--interactive tr{border-bottom:1px solid #ddd;position:relative}.ids-data-table--interactive td:last-child,.ids-data-table--interactive th:last-child{border-right:none}.ids-data-table--interactive .ids-data-table__col--wide{width:30em}.ids-data-table--interactive table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table--interactive table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table--interactive table tbody tr:last-child td{border-bottom:none}.ids-data-table--interactive table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table--interactive table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table--interactive th ids-icon-arrow,.ids-data-table--interactive th ids-icon-swap{cursor:pointer;margin-left:5.5px;position:relative;transform:rotate(-90deg)}.ids-data-table--interactive .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table--interactive td,.ids-data-table--interactive th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table--interactive th:focus,.ids-data-table--interactive tr:focus{outline:2px solid --focus_outline;z-index:2}.ids-data-table--interactive tr:focus:last-child{border-radius:0 0 5px 5px}.ids-data-table--interactive th:focus{outline-offset:-5px}.ids-data-table--interactive tr:focus{outline-offset:-4px}.ids-data-table--interactive tbody tr:hover{box-shadow:0 0 5px #000;position:relative}.ids-data-table--interactive table:active,.ids-data-table--interactive table:focus,.ids-data-table--interactive table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table--interactive tr:hover:last-child{border-radius:0 0 5px 5px}.ids-data-table--interactive.ids-table--s td,.ids-data-table--interactive.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table--interactive.ids-table--l td,.ids-data-table--interactive.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table--interactive table{width:100%}}@media (max-width:640px){.ids-data-table--interactive .ids-data-table__col--wide{width:auto}}.ids-data-table--interactive.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table--interactive.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table--interactive.ids-table--bordered td,.ids-data-table--interactive.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}.ids-data-table--empty table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table--empty td,.ids-data-table--empty th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;padding:8px;position:relative;text-align:left;white-space:nowrap}.ids-data-table--empty th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);cursor:pointer;font-family:var(--data-table_font-style);font-weight:700}.ids-data-table--empty th:first-child{padding:12px 8px 12px 16px}.ids-data-table--empty th:last-child{padding:12px 16px 12px 8px}.ids-data-table--empty th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table--empty tr{border-bottom:1px solid #ddd;position:relative}.ids-data-table--empty td{padding:1em}.ids-data-table--empty td:last-child,.ids-data-table--empty th:last-child{border-right:none}.ids-data-table--empty .ids-data-table__col--wide{width:30em}.ids-data-table--empty table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table--empty table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table--empty table tbody tr:last-child td{border-bottom:none}.ids-data-table--empty table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table--empty table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table--empty th ids-icon-arrow,.ids-data-table--empty th ids-icon-swap{cursor:pointer;margin-left:5.5px;position:relative;transform:rotate(-90deg)}.ids-data-table--empty .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table--empty td,.ids-data-table--empty th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table--empty .empty-message{text-align:left}.ids-data-table--empty th:focus,.ids-data-table--empty tr:focus{outline:2px solid --focus_outline;z-index:2}.ids-data-table--empty th:focus{outline-offset:-5px}.ids-data-table--empty tr:focus{outline-offset:-1px}.ids-data-table--empty .empty-message:focus{outline:none}.ids-data-table--empty table:active,.ids-data-table--empty table:focus,.ids-data-table--empty table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table--empty.ids-table--s td,.ids-data-table--empty.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table--empty.ids-table--l td,.ids-data-table--empty.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table--empty table{width:100%}}@media (max-width:640px){.ids-data-table--empty .ids-data-table__col--wide{width:auto}}.ids-data-table--empty.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table--empty.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table--empty.ids-table--bordered td,.ids-data-table--empty.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-data-table--empty.ids-table--disabled,.ids-data-table--empty[disabled],.ids-data-table--interactive.ids-table--disabled,.ids-data-table--interactive[disabled],.ids-data-table.ids-table--disabled,.ids-data-table[disabled]{background-color:#fff!important;border:var(--table-disabled_border)!important;color:var(--table-disabled_color)!important}.ids-data-table table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table td,.ids-data-table th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;padding:8px;text-align:left;white-space:nowrap}.ids-data-table th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);cursor:pointer;font-family:var(--data-table_font-style);font-weight:700}.ids-data-table th:first-child{padding:12px 8px 12px 16px}.ids-data-table th:last-child{padding:12px 16px 12px 8px}.ids-data-table th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table td:first-child{padding:8px 8px 8px 16px}.ids-data-table td:last-child{padding:8px 16px 8px 8px}.ids-data-table td:not(:first-child):not(:last-child){padding:8px}.ids-data-table tr{border-bottom:1px solid #ddd}.ids-data-table td:last-child,.ids-data-table th:last-child{border-right:none}.ids-data-table .ids-data-table__col--wide{width:30em}.ids-data-table table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table table tbody tr:last-child td{border-bottom:none}.ids-data-table table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table th ids-icon-arrow,.ids-data-table th ids-icon-swap{cursor:pointer;margin-left:5.5px;transform:rotate(-90deg)}.ids-data-table .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table td,.ids-data-table th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table th:focus{outline:2px solid --focus_outline;outline-offset:-5px;z-index:2}.ids-data-table tr:focus{outline:none}.ids-data-table table:active,.ids-data-table table:focus,.ids-data-table table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table.ids-table--s td,.ids-data-table.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table.ids-table--l td,.ids-data-table.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table table{width:100%}}@media (max-width:640px){.ids-data-table .ids-data-table__col--wide{width:auto}}.ids-data-table.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table.ids-table--bordered td,.ids-data-table.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}.ids-data-table--interactive table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table--interactive td,.ids-data-table--interactive th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;cursor:pointer;padding:8px;text-align:left;white-space:nowrap}.ids-data-table--interactive th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);font-family:var(--data-table_font-style);font-weight:700}.ids-data-table--interactive th:first-child{padding:12px 8px 12px 16px}.ids-data-table--interactive th:last-child{padding:12px 16px 12px 8px}.ids-data-table--interactive th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table--interactive td:first-child{padding:8px 8px 8px 16px}.ids-data-table--interactive td:last-child{padding:8px 16px 8px 8px}.ids-data-table--interactive td:not(:first-child):not(:last-child){padding:8px}.ids-data-table--interactive tr{border-bottom:1px solid #ddd}.ids-data-table--interactive td:last-child,.ids-data-table--interactive th:last-child{border-right:none}.ids-data-table--interactive .ids-data-table__col--wide{width:30em}.ids-data-table--interactive table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table--interactive table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table--interactive table tbody tr:last-child td{border-bottom:none}.ids-data-table--interactive table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table--interactive table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table--interactive th ids-icon-arrow,.ids-data-table--interactive th ids-icon-swap{cursor:pointer;margin-left:5.5px;transform:rotate(-90deg)}.ids-data-table--interactive .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table--interactive td,.ids-data-table--interactive th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table--interactive th:focus,.ids-data-table--interactive tr:focus{outline:2px solid --focus_outline;z-index:2}.ids-data-table--interactive tr:focus:last-child{border-radius:0 0 5px 5px}.ids-data-table--interactive th:focus{outline-offset:-5px}.ids-data-table--interactive tr:focus{outline-offset:-4px}.ids-data-table--interactive tbody tr:hover{box-shadow:0 0 5px #000}.ids-data-table--interactive table:active,.ids-data-table--interactive table:focus,.ids-data-table--interactive table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table--interactive tr:hover:last-child{border-radius:0 0 5px 5px}.ids-data-table--interactive.ids-table--s td,.ids-data-table--interactive.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table--interactive.ids-table--l td,.ids-data-table--interactive.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table--interactive table{width:100%}}@media (max-width:640px){.ids-data-table--interactive .ids-data-table__col--wide{width:auto}}.ids-data-table--interactive.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table--interactive.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table--interactive.ids-table--bordered td,.ids-data-table--interactive.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}.ids-data-table--empty table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table--empty td,.ids-data-table--empty th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;padding:8px;text-align:left;white-space:nowrap}.ids-data-table--empty th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);cursor:pointer;font-family:var(--data-table_font-style);font-weight:700}.ids-data-table--empty th:first-child{padding:12px 8px 12px 16px}.ids-data-table--empty th:last-child{padding:12px 16px 12px 8px}.ids-data-table--empty th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table--empty tr{border-bottom:1px solid #ddd}.ids-data-table--empty td{padding:1em}.ids-data-table--empty td:last-child,.ids-data-table--empty th:last-child{border-right:none}.ids-data-table--empty .ids-data-table__col--wide{width:30em}.ids-data-table--empty table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table--empty table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table--empty table tbody tr:last-child td{border-bottom:none}.ids-data-table--empty table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table--empty table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table--empty th ids-icon-arrow,.ids-data-table--empty th ids-icon-swap{cursor:pointer;margin-left:5.5px;transform:rotate(-90deg)}.ids-data-table--empty .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table--empty td,.ids-data-table--empty th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table--empty .empty-message{text-align:left}.ids-data-table--empty th:focus,.ids-data-table--empty tr:focus{outline:2px solid --focus_outline;z-index:2}.ids-data-table--empty th:focus{outline-offset:-5px}.ids-data-table--empty tr:focus{outline-offset:-1px}.ids-data-table--empty .empty-message:focus{outline:none}.ids-data-table--empty table:active,.ids-data-table--empty table:focus,.ids-data-table--empty table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table--empty.ids-table--s td,.ids-data-table--empty.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table--empty.ids-table--l td,.ids-data-table--empty.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table--empty table{width:100%}}@media (max-width:640px){.ids-data-table--empty .ids-data-table__col--wide{width:auto}}.ids-data-table--empty.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table--empty.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table--empty.ids-table--bordered td,.ids-data-table--empty.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}";
4
4
 
5
5
  var dataTableLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/data-table/data-table.css CHANGED
@@ -29,7 +29,6 @@
29
29
  padding: 8px;
30
30
  text-align: left;
31
31
  border-bottom: 1px solid var(--data-table-cell_color);
32
- position: relative;
33
32
  border-right: none;
34
33
  white-space: nowrap;
35
34
  }
@@ -60,7 +59,6 @@
60
59
  }
61
60
  .ids-data-table tr {
62
61
  border-bottom: 1px solid #ddd;
63
- position: relative;
64
62
  }
65
63
  .ids-data-table th:last-child, .ids-data-table td:last-child {
66
64
  border-right: none;
@@ -87,7 +85,6 @@
87
85
  .ids-data-table th ids-icon-swap {
88
86
  cursor: pointer;
89
87
  transform: rotate(-90deg);
90
- position: relative;
91
88
  margin-left: 5.5px;
92
89
  }
93
90
  .ids-data-table .ids-icon-arrow-opposite {
@@ -155,7 +152,6 @@
155
152
  padding: 8px;
156
153
  text-align: left;
157
154
  border-bottom: 1px solid var(--data-table-cell_color);
158
- position: relative;
159
155
  border-right: none;
160
156
  white-space: nowrap;
161
157
  }
@@ -185,7 +181,6 @@
185
181
  }
186
182
  .ids-data-table--interactive tr {
187
183
  border-bottom: 1px solid #ddd;
188
- position: relative;
189
184
  }
190
185
  .ids-data-table--interactive th:last-child, .ids-data-table--interactive td:last-child {
191
186
  border-right: none;
@@ -212,7 +207,6 @@
212
207
  .ids-data-table--interactive th ids-icon-swap {
213
208
  cursor: pointer;
214
209
  transform: rotate(-90deg);
215
- position: relative;
216
210
  margin-left: 5.5px;
217
211
  }
218
212
  .ids-data-table--interactive .ids-icon-arrow-opposite {
@@ -237,7 +231,6 @@
237
231
  }
238
232
  .ids-data-table--interactive tbody tr:hover {
239
233
  box-shadow: 0 0 5px black;
240
- position: relative;
241
234
  }
242
235
  .ids-data-table--interactive table:hover,
243
236
  .ids-data-table--interactive table:active,
@@ -289,7 +282,6 @@
289
282
  padding: 8px;
290
283
  text-align: left;
291
284
  border-bottom: 1px solid var(--data-table-cell_color);
292
- position: relative;
293
285
  border-right: none;
294
286
  white-space: nowrap;
295
287
  }
@@ -311,7 +303,6 @@
311
303
  }
312
304
  .ids-data-table--empty tr {
313
305
  border-bottom: 1px solid #ddd;
314
- position: relative;
315
306
  }
316
307
  .ids-data-table--empty td {
317
308
  padding: 1em;
@@ -341,7 +332,6 @@
341
332
  .ids-data-table--empty th ids-icon-swap {
342
333
  cursor: pointer;
343
334
  transform: rotate(-90deg);
344
- position: relative;
345
335
  margin-left: 5.5px;
346
336
  }
347
337
  .ids-data-table--empty .ids-icon-arrow-opposite {
package/components/header-1177-pro/header-1177-pro-nav-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-header-1177-pro--unresponsive nav.ids-header-1177-pro__nav{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}.ids-header-1177-pro--unresponsive nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:0;max-width:var(--IDS_MAX-WIDTH)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:0;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner{box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap;height:48px;justify-content:space-between;padding:0 20px!important}}.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__nav-inner{max-width:100%!important}:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive){background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:0;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner{box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap;height:48px;justify-content:space-between;padding:0 20px!important}}:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:0;max-width:var(--IDS_MAX-WIDTH)}:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--fluid .ids-header-1177-pro__nav-inner{max-width:100%}";
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--unresponsive nav.ids-header-1177-pro__nav{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}.ids-header-1177-pro--unresponsive nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner{box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap;height:48px;justify-content:space-between;padding:0 20px!important}}.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__nav-inner{max-width:100%!important}:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive){background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner{box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap;height:48px;justify-content:space-between;padding:0 20px!important}}:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--fluid .ids-header-1177-pro__nav-inner{max-width:100%}";
4
4
 
5
5
  var header1177ProNavLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177-pro/header-1177-pro-nav.css CHANGED
@@ -23,6 +23,8 @@
23
23
  align-items: center;
24
24
  margin-top: 0px;
25
25
  margin-bottom: 0px;
26
+ margin-left: auto;
27
+ margin-right: auto;
26
28
  }
27
29
 
28
30
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav {
@@ -38,6 +40,8 @@
38
40
  align-items: center;
39
41
  margin-top: 0px;
40
42
  margin-bottom: 0px;
43
+ margin-left: auto;
44
+ margin-right: auto;
41
45
  }
42
46
  @media (max-width: 1024px) {
43
47
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner {
@@ -67,6 +71,8 @@
67
71
  align-items: center;
68
72
  margin-top: 0px;
69
73
  margin-bottom: 0px;
74
+ margin-left: auto;
75
+ margin-right: auto;
70
76
  }
71
77
  @media (max-width: 1024px) {
72
78
  :host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner {
@@ -91,6 +97,8 @@
91
97
  align-items: center;
92
98
  margin-top: 0px;
93
99
  margin-bottom: 0px;
100
+ margin-left: auto;
101
+ margin-right: auto;
94
102
  }
95
103
  :host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--fluid .ids-header-1177-pro__nav-inner {
96
104
  max-width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inera/ids-design",
3
- "version": "5.0.0",
3
+ "version": "5.0.1",
4
4
  "license": "SEE LICENSE IN LICENSE.md",
5
5
  "publishConfig": {
6
6
  "access": "public"