@inera/ids-design 5.1.3 → 5.2.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 (103) hide show
  1. package/components/alert/alert-lit.js +1 -1
  2. package/components/alert/alert.css +45 -43
  3. package/components/alert-global/alert-global-lit.js +1 -1
  4. package/components/alert-global/alert-global.css +14 -6
  5. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  6. package/components/breadcrumbs/breadcrumbs.css +9 -5
  7. package/components/card/card.css +0 -8
  8. package/components/data-table/data-table-lit.js +1 -1
  9. package/components/data-table/data-table.css +76 -321
  10. package/components/dialog/dialog-lit.js +1 -1
  11. package/components/dialog/dialog.css +44 -38
  12. package/components/expandable/expandable-lit.js +1 -1
  13. package/components/expandable/expandable.css +16 -13
  14. package/components/footer/footer-lit.js +1 -1
  15. package/components/footer/footer.css +49 -53
  16. package/components/footer-1177/footer-1177-lit.js +1 -1
  17. package/components/footer-1177/footer-1177.css +46 -50
  18. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  19. package/components/footer-1177-admin/footer-1177-admin.css +46 -50
  20. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  21. package/components/footer-1177-pro/footer-1177-pro.css +38 -41
  22. package/components/footer-inera/footer-inera-lit.js +1 -1
  23. package/components/footer-inera/footer-inera.css +46 -50
  24. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  25. package/components/footer-inera-admin/footer-inera-admin.css +46 -50
  26. package/components/form/group/group-lit.js +1 -1
  27. package/components/form/group/group.css +26 -8
  28. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  29. package/components/form/select-multiple/select-multiple.css +90 -115
  30. package/components/grid/column/column.css +1 -1
  31. package/components/header-1177/composite-header-1177.css +12 -100
  32. package/components/header-1177/header-1177-avatar.css +0 -8
  33. package/components/header-1177/header-1177-item.css +7 -3
  34. package/components/header-1177/header-1177-nav-item-mobile.css +12 -8
  35. package/components/header-1177/header-1177-nav-item.css +7 -3
  36. package/components/header-1177/header-1177.css +7 -3
  37. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +7 -3
  38. package/components/header-1177-admin/header-1177-admin-avatar.css +11 -7
  39. package/components/header-1177-admin/header-1177-admin-item.css +7 -3
  40. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  41. package/components/header-1177-admin/header-1177-admin-nav-item.css +63 -23
  42. package/components/header-1177-admin/header-1177-admin.css +8 -4
  43. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +7 -3
  44. package/components/header-1177-pro/header-1177-pro-avatar.css +11 -7
  45. package/components/header-1177-pro/header-1177-pro-item.css +7 -3
  46. package/components/header-1177-pro/header-1177-pro-nav-item.css +7 -3
  47. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
  48. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +15 -11
  49. package/components/header-1177-pro/header-1177-pro-region-picker.css +11 -7
  50. package/components/header-1177-pro/header-1177-pro.css +7 -3
  51. package/components/header-inera/header-inera-item-lit.js +1 -1
  52. package/components/header-inera/header-inera-item.css +7 -17
  53. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  54. package/components/header-inera/header-inera-nav-item.css +13 -9
  55. package/components/header-inera/header-inera-nav-mobile.css +0 -8
  56. package/components/header-inera/header-inera-nav.css +0 -8
  57. package/components/header-inera/header-inera.css +7 -3
  58. package/components/header-inera-admin/composite-header-inera-admin.css +20 -137
  59. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +0 -8
  60. package/components/header-inera-admin/header-inera-admin-avatar.css +0 -8
  61. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  62. package/components/header-inera-admin/header-inera-admin-item.css +12 -21
  63. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  64. package/components/header-inera-admin/header-inera-admin-nav-item.css +13 -9
  65. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +0 -8
  66. package/components/header-inera-admin/header-inera-admin-nav.css +0 -8
  67. package/components/header-inera-admin/header-inera-admin.css +7 -3
  68. package/components/list/list-lit.js +1 -1
  69. package/components/list/list.css +10 -18
  70. package/components/mobile-menu/mobile-menu.css +7 -3
  71. package/components/pagination/data-pagination/data-pagination.css +0 -8
  72. package/components/pagination/list-pagination/list-pagination.css +7 -3
  73. package/components/popover/popover-content-lit.js +1 -1
  74. package/components/popover/popover-content.css +47 -25
  75. package/components/popover/popover-lit.js +1 -1
  76. package/components/popover/popover.css +1 -8
  77. package/components/side-panel/side-panel-lit.js +7 -0
  78. package/components/side-panel/side-panel.css +198 -0
  79. package/components/stepper/stepper.css +7 -3
  80. package/components/table/table.css +14 -12
  81. package/components/tabs/tab-panel.css +0 -8
  82. package/components/tabs/tab.css +7 -3
  83. package/components/tabs/tabs-lit.js +3 -5
  84. package/components/tabs/tabs.css +0 -8
  85. package/components/tag/tag.css +7 -3
  86. package/components/tooltip/tooltip-lit.js +1 -1
  87. package/components/tooltip/tooltip.css +4 -32
  88. package/global/_partials.css +8 -4
  89. package/global/global.css +772 -452
  90. package/global/util/util.css +4 -0
  91. package/package.json +1 -1
  92. package/themes/1177/1177.css +971 -765
  93. package/themes/1177-pro/1177-pro.css +979 -781
  94. package/themes/inera/inera-tokens.css +1 -0
  95. package/themes/inera/inera.css +978 -757
  96. package/themes/inera-admin/inera-admin.css +980 -761
  97. package/themes/reset.css +1 -1
  98. package/components/description-list/description-list-lit.js +0 -7
  99. package/components/description-list/description-list.css +0 -98
  100. package/components/form/toggle/toggle-lit.d.ts +0 -2
  101. package/components/form/toggle/toggle-lit.js +0 -7
  102. package/components/form/toggle/toggle.css +0 -154
  103. /package/components/{description-list/description-list-lit.d.ts → side-panel/side-panel-lit.d.ts} +0 -0
package/components/footer-1177-pro/footer-1177-pro.css CHANGED
@@ -10,31 +10,22 @@
10
10
  }
11
11
  }
12
12
 
13
- .ids-container {
14
- max-width: var(--IDS_MAX-WIDTH);
15
- display: grid;
16
- margin-left: auto;
17
- margin-right: auto;
18
- padding-left: 20px;
19
- padding-right: 20px;
20
- }
21
-
22
- .ids-container.ids-container--gutterless {
23
- padding-left: 0px !important;
24
- padding-right: 0px !important;
25
- }
26
-
27
- .ids-container.ids-container--fluid {
28
- max-width: 100%;
29
- }
30
-
31
- /* 1177 Typography - no margins */
13
+ /*******
14
+ * BUTTONS
15
+ ********/
16
+ /*******
17
+ * SCROLLBAR
18
+ ********/
32
19
  /*******
33
20
  * FORM
34
21
  ********/
35
22
  /*******
36
- * Accessibility
23
+ * A11Y
37
24
  ********/
25
+ /* Footer 1177 pro */
26
+ .ids-footer-1177-pro {
27
+ background-color: var(--IDS-COLOR-ACCENT-95);
28
+ }
38
29
  .ids-footer-1177-pro .ids-footer-1177-pro__headline--sr {
39
30
  position: absolute;
40
31
  width: 1px;
@@ -46,12 +37,6 @@
46
37
  white-space: nowrap;
47
38
  border: 0;
48
39
  }
49
-
50
- /* headings */
51
- /* Footer 1177 pro */
52
- .ids-footer-1177-pro {
53
- background-color: var(--IDS-COLOR-ACCENT-95);
54
- }
55
40
  .ids-footer-1177-pro .ids-footer-1177-pro__mobile-content {
56
41
  padding: 40px 0;
57
42
  background-color: var(--IDS-COLOR-ACCENT-95);
@@ -84,13 +69,24 @@
84
69
  .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-3-headline]) {
85
70
  color: var(--IDS-COLOR-ACCENT-30) !important;
86
71
  margin: 0 0 4px 0 !important;
87
- color: var(--IDS-COLOR-NEUTRAL-20);
88
72
  font-style: normal;
89
- font-family: var(--heading-3-font-family);
90
- font-size: var(--heading-3-font-size);
91
- font-weight: var(--heading-3-font-weight);
92
- letter-spacing: var(--heading-3-letter-spacing);
93
- line-height: var(--heading-3-line-height);
73
+ color: var(--heading-s-color);
74
+ font-family: var(--heading-s-font-family);
75
+ font-size: var(--heading-s-font-size);
76
+ line-height: var(--heading-s-line-height);
77
+ letter-spacing: var(--heading-s-letter-spacing);
78
+ font-weight: var(--heading-s-font-weight);
79
+ }
80
+ @media (min-width: 1024px) {
81
+ .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h2,
82
+ .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h3,
83
+ .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-1-headline]),
84
+ .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-2-headline]),
85
+ .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-3-headline]) {
86
+ font-size: var(--heading-s-font-size-desktop);
87
+ line-height: var(--heading-s-line-height-desktop);
88
+ letter-spacing: var(--heading-s-letter-spacing-desktop);
89
+ }
94
90
  }
95
91
  .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ul {
96
92
  list-style: none;
@@ -141,20 +137,21 @@
141
137
  text-align: center;
142
138
  margin-top: 16px !important;
143
139
  margin-bottom: 32px !important;
144
- color: var(--IDS-COLOR-PRIMARY-40);
145
140
  font-style: normal;
146
- font-family: var(--heading-2-font-family);
147
- font-size: var(--heading-2-font-size);
148
- font-weight: var(--heading-2-font-weight);
149
- letter-spacing: var(--heading-2-letter-spacing);
150
- line-height: var(--heading-2-line-height);
141
+ color: var(--heading-m-color);
142
+ font-family: var(--heading-m-font-family);
143
+ font-size: var(--heading-m-font-size);
144
+ line-height: var(--heading-m-line-height);
145
+ letter-spacing: var(--heading-m-letter-spacing);
146
+ font-weight: var(--heading-m-font-weight);
151
147
  }
152
- @media (max-width: 1024px) {
148
+ @media (min-width: 1024px) {
153
149
  .ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h2,
154
150
  .ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h3,
155
151
  .ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-headline]) {
156
- font-size: var(--heading-2-font-size-small);
157
- line-height: var(--heading-2-line-height-small);
152
+ font-size: var(--heading-m-font-size-desktop);
153
+ line-height: var(--heading-m-line-height-desktop);
154
+ letter-spacing: var(--heading-m-letter-spacing-desktop);
158
155
  }
159
156
  }
160
157
  .ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-text,
package/components/footer-inera/footer-inera-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-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-left:20px;padding-right:20px}.ids-container.ids-container--gutterless{padding-left:0!important;padding-right:0!important}.ids-container.ids-container--fluid{max-width:100%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row .ids-footer-inera__headline--sr{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-6{flex:0 0 50%;max-width:50%}.ids-footer-inera{background-color:var(--footer_background-color);box-shadow:var(--footer_box-shadow);margin-top:var(--footer_margin-top);position:relative}.ids-footer-inera .ids-footer-inera__inner{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-bottom:var(--footer-inner_padding-bottom);padding-left:20px;padding-right:20px;padding-top:var(--footer-inner_padding-top)}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__inner{padding-bottom:var(--footer-inner-mobile_padding-bottom)}}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row{padding-bottom:20px}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row .ids-footer-inera__headline{color:var(--footer-headline_color);display:inline;font-family:var(--footer-headline_font-family);font-size:1.5rem;font-size:var(--footer-headline_font-size);font-weight:var(--footer-headline_font-weight);letter-spacing:var(--footer-headline_letter-spacing);line-height:1.25;line-height:var(--footer-headline_line-height)}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row .ids-footer-inera__headline .ids-footer-inera__headline--sub{color:var(--footer-headline-sub_color)}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content{display:flex;flex-wrap:wrap}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__text{color:var(--footer-content_color)!important;flex:0 0 41.6%;margin-right:8.3%;max-width:41.6%}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col{flex:0 0 16%;max-width:16%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col .ids-link{margin-bottom:10px!important}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col{display:none}}.ids-footer-inera .ids-footer-inera__sub-footer{background-color:var(--footer-sub_background-color);border-top:var(--footer-sub_border-top);padding-bottom:var(--footer-sub_padding-bottom);padding-top:var(--footer-sub_padding-top);position:relative}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__mobile-menu{display:block}.ids-footer-inera .ids-footer-inera__sub-footer{background-color:var(--footer-sub-mobile_background-color);border-top:none;padding-top:var(--footer-sub-mobile_padding-top)}}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-left:20px;padding-right:20px}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera_sub-footer-mobile-text{color:var(--footer-sub-mobile_color);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:30px 40px 10px;text-align:center}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-left{color:var(--footer-sub-text_color)!important;font-size:.875rem!important;line-height:.875rem!important}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-left{display:none}}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-right{text-align:end}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-right .ids-link{color:var(--footer-sub-text_color);font-size:.875rem;margin-left:20px!important}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-right{display:none}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-inera .ids-footer-inera__content-row{z-index:1}.ids-footer-inera .ids-footer-inera__mobile-links{display:none;flex-direction:column;font-size:.875rem;padding-left:20px;padding-right:20px;padding-top:1.25rem}.ids-footer-inera .ids-footer-inera__mobile-links ::slotted(*),.ids-footer-inera .ids-footer-inera__mobile-links a{display:flex;padding:16px 0!important;width:100%}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__mobile-links{display:flex}}.ids-footer-inera .ids-footer-inera__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer-mobile{align-items:center;color:var(--footer-sub-mobile_color);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:1rem 40px;text-align:center}.ids-footer-inera .ids-footer-inera__sub-footer-mobile .ids-footer-inera__sub-footer-mobile-text{margin-top:30px}}.ids-footer-inera .ids-footer-inera__sub-footer-container:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='82' fill='none'%3E%3Cpath d='M0 81.691C.21 36.677 40.424.245 90 .245s89.79 36.432 90 81.446h-56.615c-.209-16.596-15.076-29.99-33.385-29.99-18.31 0-33.176 13.394-33.385 29.99H0Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-repeat:no-repeat;content:\" \";display:block;height:100px;left:calc(50% - 250px);position:absolute;top:-82px;width:250px}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer-container:after{content:none}}.ids-footer-inera .ids-footer-inera__mobile-menu{background-color:var(--footer_background-color);padding-bottom:100px;position:relative}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__mobile-menu:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' fill='none'%3E%3Cpath d='M154 77.774v-.065C154 35.22 119.526.774 77 .774S0 35.219 0 77.709v.065h48.436v-.065c0-15.762 12.788-28.54 28.564-28.54s28.565 12.778 28.565 28.54l-.001.065H154Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-repeat:no-repeat;bottom:0;content:\" \";display:block;height:77px;left:20px;position:absolute;width:154px}}.ids-footer-inera .ids-footer-inera__inner-wrapper{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='69' fill='none'%3E%3Cpath d='M0 0c0 37.69 31.34 68.245 70 68.245S140 37.69 140 0H95.968c0 13.982-11.626 25.317-25.968 25.317S44.032 13.982 44.032 0H0Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-position-x:calc(50% - 225px);background-repeat:no-repeat}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__inner-wrapper{background-position-x:calc(100% - 20px)}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-left:20px;padding-right:20px}.ids-container.ids-container--gutterless{padding-left:0!important;padding-right:0!important}.ids-container.ids-container--fluid{max-width:100%}.ids-footer-inera{background-color:var(--footer_background-color);box-shadow:var(--footer_box-shadow);margin-top:var(--footer_margin-top);position:relative}.ids-footer-inera .ids-footer-inera__inner{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-bottom:var(--footer-inner_padding-bottom);padding-left:20px;padding-right:20px;padding-top:var(--footer-inner_padding-top)}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__inner{padding-bottom:var(--footer-inner-mobile_padding-bottom)}}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row{padding-bottom:20px}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row .ids-footer-inera__headline{color:var(--footer-headline_color);display:inline;font-family:var(--footer-headline_font-family);font-size:1.5rem;font-size:var(--footer-headline_font-size);font-weight:var(--footer-headline_font-weight);letter-spacing:var(--footer-headline_letter-spacing);line-height:1.25;line-height:var(--footer-headline_line-height)}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row .ids-footer-inera__headline .ids-footer-inera__headline--sub{color:var(--footer-headline-sub_color)}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row .ids-footer-inera__headline--sr{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content{display:flex;flex-wrap:wrap}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__text{color:var(--footer-content_color)!important;flex:0 0 41.6%;margin-right:8.3%;max-width:41.6%}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col{flex:0 0 16%;max-width:16%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-6{flex:0 0 50%;max-width:50%}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col .ids-link{margin-bottom:10px!important}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col{display:none}}.ids-footer-inera .ids-footer-inera__sub-footer{background-color:var(--footer-sub_background-color);border-top:var(--footer-sub_border-top);padding-bottom:var(--footer-sub_padding-bottom);padding-top:var(--footer-sub_padding-top);position:relative}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__mobile-menu{display:block}.ids-footer-inera .ids-footer-inera__sub-footer{background-color:var(--footer-sub-mobile_background-color);border-top:none;padding-top:var(--footer-sub-mobile_padding-top)}}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-left:20px;padding-right:20px}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera_sub-footer-mobile-text{color:var(--footer-sub-mobile_color);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:30px 40px 10px;text-align:center}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-left{color:var(--footer-sub-text_color)!important;font-size:.875rem!important;line-height:.875rem!important}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-left{display:none}}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-right{text-align:end}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-right .ids-link{color:var(--footer-sub-text_color);font-size:.875rem;margin-left:20px!important}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container .ids-footer-inera__sub-footer-row .ids-footer-inera__sub-footer-right{display:none}.ids-footer-inera .ids-footer-inera__sub-footer .ids-footer-inera__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-inera .ids-footer-inera__content-row{z-index:1}.ids-footer-inera .ids-footer-inera__mobile-links{display:none;flex-direction:column;font-size:.875rem;padding-left:20px;padding-right:20px;padding-top:1.25rem}.ids-footer-inera .ids-footer-inera__mobile-links ::slotted(*),.ids-footer-inera .ids-footer-inera__mobile-links a{display:flex;padding:16px 0!important;width:100%}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__mobile-links{display:flex}}.ids-footer-inera .ids-footer-inera__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer-mobile{align-items:center;color:var(--footer-sub-mobile_color);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:1rem 40px;text-align:center}.ids-footer-inera .ids-footer-inera__sub-footer-mobile .ids-footer-inera__sub-footer-mobile-text{margin-top:30px}}.ids-footer-inera .ids-footer-inera__sub-footer-container:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='82' fill='none'%3E%3Cpath d='M0 81.691C.21 36.677 40.424.245 90 .245s89.79 36.432 90 81.446h-56.615c-.209-16.596-15.076-29.99-33.385-29.99-18.31 0-33.176 13.394-33.385 29.99H0Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-repeat:no-repeat;content:\" \";display:block;height:100px;left:calc(50% - 250px);position:absolute;top:-82px;width:250px}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__sub-footer-container:after{content:none}}.ids-footer-inera .ids-footer-inera__mobile-menu{background-color:var(--footer_background-color);padding-bottom:100px;position:relative}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__mobile-menu:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' fill='none'%3E%3Cpath d='M154 77.774v-.065C154 35.22 119.526.774 77 .774S0 35.219 0 77.709v.065h48.436v-.065c0-15.762 12.788-28.54 28.564-28.54s28.565 12.778 28.565 28.54l-.001.065H154Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-repeat:no-repeat;bottom:0;content:\" \";display:block;height:77px;left:20px;position:absolute;width:154px}}.ids-footer-inera .ids-footer-inera__inner-wrapper{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='69' fill='none'%3E%3Cpath d='M0 0c0 37.69 31.34 68.245 70 68.245S140 37.69 140 0H95.968c0 13.982-11.626 25.317-25.968 25.317S44.032 13.982 44.032 0H0Z' fill='%23C03F73'/%3E%3C/svg%3E\");background-position-x:calc(50% - 225px);background-repeat:no-repeat}@media (max-width:1024px){.ids-footer-inera .ids-footer-inera__inner-wrapper{background-position-x:calc(100% - 20px)}}";
4
4
 
5
5
  var footerIneraLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/footer-inera/footer-inera.css CHANGED
@@ -28,61 +28,18 @@
28
28
  max-width: 100%;
29
29
  }
30
30
 
31
- /* 1177 Typography - no margins */
31
+ /*******
32
+ * BUTTONS
33
+ ********/
34
+ /*******
35
+ * SCROLLBAR
36
+ ********/
32
37
  /*******
33
38
  * FORM
34
39
  ********/
35
40
  /*******
36
- * Accessibility
41
+ * A11Y
37
42
  ********/
38
- .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row .ids-footer-inera__headline--sr {
39
- position: absolute;
40
- width: 1px;
41
- height: 1px;
42
- padding: 0;
43
- margin: -1px;
44
- overflow: hidden;
45
- clip: rect(0, 0, 0, 0);
46
- white-space: nowrap;
47
- border: 0;
48
- }
49
-
50
- /* headings */
51
- .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-auto {
52
- flex: 0 0 auto;
53
- width: auto;
54
- }
55
-
56
- .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-1 {
57
- flex: 0 0 8.3%;
58
- max-width: 8.3%;
59
- }
60
-
61
- .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-2 {
62
- flex: 0 0 16%;
63
- max-width: 16%;
64
- }
65
-
66
- .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-3 {
67
- flex: 0 0 25%;
68
- max-width: 25%;
69
- }
70
-
71
- .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-4 {
72
- flex: 0 0 33.3%;
73
- max-width: 33.3%;
74
- }
75
-
76
- .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-5 {
77
- flex: 0 0 41.6%;
78
- max-width: 41.6%;
79
- }
80
-
81
- .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-6 {
82
- flex: 0 0 50%;
83
- max-width: 50%;
84
- }
85
-
86
43
  /* Footer inera */
87
44
  .ids-footer-inera {
88
45
  background-color: var(--footer_background-color);
@@ -122,6 +79,17 @@
122
79
  .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row .ids-footer-inera__headline .ids-footer-inera__headline--sub {
123
80
  color: var(--footer-headline-sub_color);
124
81
  }
82
+ .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__headline-row .ids-footer-inera__headline--sr {
83
+ position: absolute;
84
+ width: 1px;
85
+ height: 1px;
86
+ padding: 0;
87
+ margin: -1px;
88
+ overflow: hidden;
89
+ clip: rect(0, 0, 0, 0);
90
+ white-space: nowrap;
91
+ border: 0;
92
+ }
125
93
  .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content {
126
94
  display: flex;
127
95
  flex-wrap: wrap;
@@ -151,6 +119,34 @@
151
119
  flex: 0 0 50%;
152
120
  max-width: 50%;
153
121
  }
122
+ .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-auto {
123
+ flex: 0 0 auto;
124
+ width: auto;
125
+ }
126
+ .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-1 {
127
+ flex: 0 0 8.3%;
128
+ max-width: 8.3%;
129
+ }
130
+ .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-2 {
131
+ flex: 0 0 16%;
132
+ max-width: 16%;
133
+ }
134
+ .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-3 {
135
+ flex: 0 0 25%;
136
+ max-width: 25%;
137
+ }
138
+ .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-4 {
139
+ flex: 0 0 33.3%;
140
+ max-width: 33.3%;
141
+ }
142
+ .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-5 {
143
+ flex: 0 0 41.6%;
144
+ max-width: 41.6%;
145
+ }
146
+ .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col.ids-footer-inera__col-size-6 {
147
+ flex: 0 0 50%;
148
+ max-width: 50%;
149
+ }
154
150
  .ids-footer-inera .ids-footer-inera__inner .ids-footer-inera__content .ids-footer-inera__link-col ul {
155
151
  margin: 0px;
156
152
  list-style: none;
package/components/footer-inera-admin/footer-inera-admin-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-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-left:20px;padding-right:20px}.ids-container.ids-container--gutterless{padding-left:0!important;padding-right:0!important}.ids-container.ids-container--fluid{max-width:100%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline--sr{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-6{flex:0 0 50%;max-width:50%}.ids-footer-inera-admin{background-color:var(--footer_background-color);box-shadow:var(--footer_box-shadow);margin-top:var(--footer_margin-top);position:relative}.ids-footer-inera-admin .ids-footer-inera-admin__inner{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-bottom:var(--footer-inner_padding-bottom);padding-left:20px;padding-right:20px;padding-top:var(--footer-inner_padding-top)}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__inner{padding-bottom:var(--footer-inner-mobile_padding-bottom)}}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row{padding-bottom:20px}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline{color:var(--footer-headline_color);display:inline;font-family:var(--footer-headline_font-family);font-size:1.5rem;font-size:var(--footer-headline_font-size);font-weight:var(--footer-headline_font-weight);letter-spacing:var(--footer-headline_letter-spacing);line-height:1.25;line-height:var(--footer-headline_line-height)}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline .ids-footer-inera-admin__headline--sub{color:var(--footer-headline-sub_color)}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content{display:flex;flex-wrap:wrap}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__text{color:var(--footer-content_color)!important;flex:0 0 41.6%;margin-right:8.3%;max-width:41.6%}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content ::slotted([slot=link-col-1]),.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content ::slotted([slot=link-col-2]),.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content ::slotted([slot=link-col-3]){display:block;margin-bottom:10px!important}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col{flex:0 0 16%;max-width:16%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col .ids-link{margin-bottom:10px!important}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col{display:none}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer{background-color:var(--footer-sub_background-color);border-top:var(--footer-sub_border-top);padding-bottom:var(--footer-sub_padding-bottom);padding-top:var(--footer-sub_padding-top);position:relative}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__mobile-menu{display:block}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer{background-color:var(--footer-sub-mobile_background-color);border-top:none;padding-top:var(--footer-sub-mobile_padding-top)}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-left:20px;padding-right:20px}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin_sub-footer-mobile-text{color:var(--footer-sub-mobile_color);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:30px 40px 10px;text-align:center}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-left{color:var(--footer-sub-text_color)!important;font-size:.875rem!important;line-height:.875rem!important}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-left{display:none}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right{display:flex;text-align:end}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right ::slotted(*),.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right a{color:var(--footer-sub-text_color);display:block;font-size:.875rem;margin-left:16px!important}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right{display:none}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-inera-admin .ids-footer-inera-admin__content-row{z-index:1}.ids-footer-inera-admin .ids-footer-inera-admin__mobile-links{display:none;flex-direction:column;font-size:.875rem;padding-left:20px;padding-right:20px;padding-top:1.25rem}.ids-footer-inera-admin .ids-footer-inera-admin__mobile-links ::slotted(*),.ids-footer-inera-admin .ids-footer-inera-admin__mobile-links a{display:flex;padding:16px 0!important;width:100%}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__mobile-links{display:flex}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer-mobile{align-items:center;color:var(--footer-sub-mobile_color);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:1rem 40px;text-align:center}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer-mobile .ids-footer-inera-admin__sub-footer-mobile-text{margin-top:30px}}.ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='69' fill='none'%3E%3Cpath d='M0 0c0 37.69 31.34 68.245 70 68.245S140 37.69 140 0H95.968c0 13.982-11.626 25.317-25.968 25.317S44.032 13.982 44.032 0H0Z' fill='%23fff'/%3E%3C/svg%3E\");background-position-x:calc(50% - 225px);background-repeat:no-repeat}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper{background-position-x:calc(100% - 20px)}}.ids-footer-inera-admin .sub-footer-container:after{content:none}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40)}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .sub-footer-container{min-height:40px}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer__mobile-text{color:var(--footer-sub-mobile_color);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:30px 40px 10px;text-align:center}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='82' fill='none'%3E%3Cpath d='M0 81.691C.21 36.677 40.424.245 90 .245s89.79 36.432 90 81.446h-56.615c-.209-16.596-15.076-29.99-33.385-29.99-18.31 0-33.176 13.394-33.385 29.99H0Z' fill='%23fff'/%3E%3C/svg%3E\");background-repeat:no-repeat;content:\" \";display:block;height:100px;left:calc(50% - 250px);position:absolute;top:-82px;width:250px}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container:after{content:none}}.ids-footer-inera-admin .ids-footer-inera-admin__mobile-menu{background-color:var(--footer_background-color);padding-bottom:100px;position:relative}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__mobile-menu:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' fill='none'%3E%3Cpath d='M154 77.774v-.065C154 35.22 119.526.774 77 .774S0 35.219 0 77.709v.065h48.436v-.065c0-15.762 12.788-28.54 28.564-28.54s28.565 12.778 28.565 28.54l-.001.065H154Z' fill='%23fff'/%3E%3C/svg%3E\");background-repeat:no-repeat;bottom:0;content:\" \";display:block;height:77px;left:20px;position:absolute;width:154px}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-left:20px;padding-right:20px}.ids-container.ids-container--gutterless{padding-left:0!important;padding-right:0!important}.ids-container.ids-container--fluid{max-width:100%}.ids-footer-inera-admin{background-color:var(--footer_background-color);box-shadow:var(--footer_box-shadow);margin-top:var(--footer_margin-top);position:relative}.ids-footer-inera-admin .ids-footer-inera-admin__inner{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-bottom:var(--footer-inner_padding-bottom);padding-left:20px;padding-right:20px;padding-top:var(--footer-inner_padding-top)}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__inner{padding-bottom:var(--footer-inner-mobile_padding-bottom)}}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row{padding-bottom:20px}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline{color:var(--footer-headline_color);display:inline;font-family:var(--footer-headline_font-family);font-size:1.5rem;font-size:var(--footer-headline_font-size);font-weight:var(--footer-headline_font-weight);letter-spacing:var(--footer-headline_letter-spacing);line-height:1.25;line-height:var(--footer-headline_line-height)}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline .ids-footer-inera-admin__headline--sub{color:var(--footer-headline-sub_color)}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline--sr{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content{display:flex;flex-wrap:wrap}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__text{color:var(--footer-content_color)!important;flex:0 0 41.6%;margin-right:8.3%;max-width:41.6%}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content ::slotted([slot=link-col-1]),.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content ::slotted([slot=link-col-2]),.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content ::slotted([slot=link-col-3]){display:block;margin-bottom:10px!important}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col{flex:0 0 16%;max-width:16%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-6{flex:0 0 50%;max-width:50%}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col .ids-link{margin-bottom:10px!important}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col{display:none}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer{background-color:var(--footer-sub_background-color);border-top:var(--footer-sub_border-top);padding-bottom:var(--footer-sub_padding-bottom);padding-top:var(--footer-sub_padding-top);position:relative}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__mobile-menu{display:block}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer{background-color:var(--footer-sub-mobile_background-color);border-top:none;padding-top:var(--footer-sub-mobile_padding-top)}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding-left:20px;padding-right:20px}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin_sub-footer-mobile-text{color:var(--footer-sub-mobile_color);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:30px 40px 10px;text-align:center}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-left{color:var(--footer-sub-text_color)!important;font-size:.875rem!important;line-height:.875rem!important}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-left{display:none}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right{display:flex;text-align:end}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right ::slotted(*),.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right a{color:var(--footer-sub-text_color);display:block;font-size:.875rem;margin-left:16px!important}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container .ids-footer-inera-admin__sub-footer-row .ids-footer-inera-admin__sub-footer-right{display:none}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-inera-admin .ids-footer-inera-admin__content-row{z-index:1}.ids-footer-inera-admin .ids-footer-inera-admin__mobile-links{display:none;flex-direction:column;font-size:.875rem;padding-left:20px;padding-right:20px;padding-top:1.25rem}.ids-footer-inera-admin .ids-footer-inera-admin__mobile-links ::slotted(*),.ids-footer-inera-admin .ids-footer-inera-admin__mobile-links a{display:flex;padding:16px 0!important;width:100%}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__mobile-links{display:flex}}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer-mobile{align-items:center;color:var(--footer-sub-mobile_color);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:1rem 40px;text-align:center}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer-mobile .ids-footer-inera-admin__sub-footer-mobile-text{margin-top:30px}}.ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='69' fill='none'%3E%3Cpath d='M0 0c0 37.69 31.34 68.245 70 68.245S140 37.69 140 0H95.968c0 13.982-11.626 25.317-25.968 25.317S44.032 13.982 44.032 0H0Z' fill='%23fff'/%3E%3C/svg%3E\");background-position-x:calc(50% - 225px);background-repeat:no-repeat}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__inner-wrapper{background-position-x:calc(100% - 20px)}}.ids-footer-inera-admin .sub-footer-container:after{content:none}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40)}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .sub-footer-container{min-height:40px}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer__mobile-text{color:var(--footer-sub-mobile_color);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:30px 40px 10px;text-align:center}.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='82' fill='none'%3E%3Cpath d='M0 81.691C.21 36.677 40.424.245 90 .245s89.79 36.432 90 81.446h-56.615c-.209-16.596-15.076-29.99-33.385-29.99-18.31 0-33.176 13.394-33.385 29.99H0Z' fill='%23fff'/%3E%3C/svg%3E\");background-repeat:no-repeat;content:\" \";display:block;height:100px;left:calc(50% - 250px);position:absolute;top:-82px;width:250px}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__sub-footer .ids-footer-inera-admin__sub-footer-container:after{content:none}}.ids-footer-inera-admin .ids-footer-inera-admin__mobile-menu{background-color:var(--footer_background-color);padding-bottom:100px;position:relative}@media (max-width:1024px){.ids-footer-inera-admin .ids-footer-inera-admin__mobile-menu:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='78' fill='none'%3E%3Cpath d='M154 77.774v-.065C154 35.22 119.526.774 77 .774S0 35.219 0 77.709v.065h48.436v-.065c0-15.762 12.788-28.54 28.564-28.54s28.565 12.778 28.565 28.54l-.001.065H154Z' fill='%23fff'/%3E%3C/svg%3E\");background-repeat:no-repeat;bottom:0;content:\" \";display:block;height:77px;left:20px;position:absolute;width:154px}}";
4
4
 
5
5
  var footerIneraAdminLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/footer-inera-admin/footer-inera-admin.css CHANGED
@@ -28,61 +28,18 @@
28
28
  max-width: 100%;
29
29
  }
30
30
 
31
- /* 1177 Typography - no margins */
31
+ /*******
32
+ * BUTTONS
33
+ ********/
34
+ /*******
35
+ * SCROLLBAR
36
+ ********/
32
37
  /*******
33
38
  * FORM
34
39
  ********/
35
40
  /*******
36
- * Accessibility
41
+ * A11Y
37
42
  ********/
38
- .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline--sr {
39
- position: absolute;
40
- width: 1px;
41
- height: 1px;
42
- padding: 0;
43
- margin: -1px;
44
- overflow: hidden;
45
- clip: rect(0, 0, 0, 0);
46
- white-space: nowrap;
47
- border: 0;
48
- }
49
-
50
- /* headings */
51
- .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-auto {
52
- flex: 0 0 auto;
53
- width: auto;
54
- }
55
-
56
- .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-1 {
57
- flex: 0 0 8.3%;
58
- max-width: 8.3%;
59
- }
60
-
61
- .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-2 {
62
- flex: 0 0 16%;
63
- max-width: 16%;
64
- }
65
-
66
- .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-3 {
67
- flex: 0 0 25%;
68
- max-width: 25%;
69
- }
70
-
71
- .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-4 {
72
- flex: 0 0 33.3%;
73
- max-width: 33.3%;
74
- }
75
-
76
- .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-5 {
77
- flex: 0 0 41.6%;
78
- max-width: 41.6%;
79
- }
80
-
81
- .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-6 {
82
- flex: 0 0 50%;
83
- max-width: 50%;
84
- }
85
-
86
43
  /* Footer inera admin */
87
44
  .ids-footer-inera-admin {
88
45
  background-color: var(--footer_background-color);
@@ -122,6 +79,17 @@
122
79
  .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline .ids-footer-inera-admin__headline--sub {
123
80
  color: var(--footer-headline-sub_color);
124
81
  }
82
+ .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__headline-row .ids-footer-inera-admin__headline--sr {
83
+ position: absolute;
84
+ width: 1px;
85
+ height: 1px;
86
+ padding: 0;
87
+ margin: -1px;
88
+ overflow: hidden;
89
+ clip: rect(0, 0, 0, 0);
90
+ white-space: nowrap;
91
+ border: 0;
92
+ }
125
93
  .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content {
126
94
  display: flex;
127
95
  flex-wrap: wrap;
@@ -157,6 +125,34 @@
157
125
  flex: 0 0 50%;
158
126
  max-width: 50%;
159
127
  }
128
+ .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-auto {
129
+ flex: 0 0 auto;
130
+ width: auto;
131
+ }
132
+ .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-1 {
133
+ flex: 0 0 8.3%;
134
+ max-width: 8.3%;
135
+ }
136
+ .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-2 {
137
+ flex: 0 0 16%;
138
+ max-width: 16%;
139
+ }
140
+ .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-3 {
141
+ flex: 0 0 25%;
142
+ max-width: 25%;
143
+ }
144
+ .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-4 {
145
+ flex: 0 0 33.3%;
146
+ max-width: 33.3%;
147
+ }
148
+ .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-5 {
149
+ flex: 0 0 41.6%;
150
+ max-width: 41.6%;
151
+ }
152
+ .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col.ids-footer-inera-admin__col-size-6 {
153
+ flex: 0 0 50%;
154
+ max-width: 50%;
155
+ }
160
156
  .ids-footer-inera-admin .ids-footer-inera-admin__inner .ids-footer-inera-admin__content .ids-footer-inera-admin__link-col ul {
161
157
  margin: 0px;
162
158
  list-style: none;
package/components/form/group/group-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-form-group__fieldset{border:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.ids-form-group__fieldset.ids-form-group__fieldset--compact{gap:0}.ids-form-group__fieldset legend{color:var(--IDS-FORM__LABEL__COLOR);display:inline-flex;font-family:var(--font-family_1);gap:10px;margin-bottom:10px;padding:0}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-form-group__fieldset{border:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.ids-form-group__fieldset.ids-form-group__fieldset--compact{gap:0}.ids-form-group__fieldset legend{color:var(--IDS-COLOR-NEUTRAL-20);color:var(--IDS-FORM__LABEL__COLOR);display:inline-flex;font-family:var(--body-font-family);font-size:var(--body-font-size);font-style:normal;font-weight:400;gap:8px;letter-spacing:0;line-height:var(--body-line-height);margin-bottom:10px;padding:0}";
4
4
 
5
5
  var groupLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/group/group.css CHANGED
@@ -1,19 +1,37 @@
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
+
1
13
  .ids-form-group__fieldset {
2
14
  border: none;
3
- margin: 0px;
4
- padding: 0px;
15
+ margin: 0;
16
+ padding: 0;
5
17
  display: flex;
6
18
  flex-direction: column;
7
- gap: 10px;
19
+ gap: 8px;
8
20
  }
9
21
  .ids-form-group__fieldset.ids-form-group__fieldset--compact {
10
- gap: 0px;
22
+ gap: 0;
11
23
  }
12
24
  .ids-form-group__fieldset legend {
13
- padding: 0px;
14
- display: inline-flex;
15
- font-family: var(--font-family_1);
25
+ padding: 0;
26
+ font-style: normal;
27
+ color: var(--IDS-COLOR-NEUTRAL-20);
28
+ font-family: var(--body-font-family);
29
+ font-size: var(--body-font-size);
30
+ line-height: var(--body-line-height);
31
+ font-weight: 400;
32
+ letter-spacing: 0;
16
33
  color: var(--IDS-FORM__LABEL__COLOR);
17
- gap: 10px;
34
+ display: inline-flex;
35
+ gap: 8px;
18
36
  margin-bottom: 10px;
19
37
  }
package/components/form/select-multiple/select-multiple-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-select{background-color:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-radius:var(--IDS-INPUT_BORDER-RADIUS);color:var(--IDS-INPUT_COLOR);display:block;font-family:var(--font-family_1)!important;font-size:16px;padding:.75rem 1.25rem}.ids-select:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);border:none}.ids-label-wrapper{align-items:center;display:inline-flex;gap:10px}.ids-select :after,.ids-select-wrapper:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;bottom:0;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:25px;top:0;transform:rotate(90deg);width:12px}.ids-select.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:1px solid transparent}.ids-select:disabled{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}.ids-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);cursor:pointer;display:inline-block!important;overflow:hidden;padding-right:50px!important;text-overflow:ellipsis;width:100%!important}.ids-select.ids-input--light{background-color:#fff}.ids-select:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-select-wrapper{display:flex;position:relative}.ids-select-wrapper:has(.ids-input--invalid):after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled):after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select:disabled{cursor:default}.ids-select{text-align:left}.ids-select-multiple__dropdown__wrapper{position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background:#fff;border-radius:var(--select-multiple-dropdown_border-radius);box-shadow:0 0 6px rgba(0,0,0,.3);left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide{display:none}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:10px}#ids-label-wrapper{align-items:center;display:inline-flex;gap:10px;margin-bottom:5px}.placeholder{color:var(--IDS-FORM__PLACEHOLDER__COLOR)}label{color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--font-family_1)}:host([disabled]) input{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}";
3
+ var css_248z = ".ids-select-multiple__select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT_BACKGROUND);border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);color:var(--IDS-INPUT_COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--font-family_1)!important;font-size:16px;overflow:hidden;padding:.75rem 1.25rem;padding-right:50px!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);border:none}.ids-select-multiple__select.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:1px solid transparent}.ids-select-multiple__select:disabled{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}.ids-select-multiple__select.ids-input--light{background-color:#fff}.ids-select-multiple__select:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-select-multiple-wrapper{display:flex;position:relative}.ids-select-multiple-wrapper:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;bottom:0;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:25px;top:0;transform:rotate(90deg);width:12px}.ids-select-multiple-wrapper:has(.ids-input--invalid):after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-multiple-wrapper:has(.ids-select:disabled):after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select-multiple__dropdown__wrapper{position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background:#fff;border-radius:var(--select-multiple-dropdown_border-radius);box-shadow:0 0 6px rgba(0,0,0,.3);left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide{display:none}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:10px}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar{margin-left:-20px;margin-top:0;position:absolute;width:14px}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-track{background:var(--IDS-SCROLL_TRACK-COLOR);border-radius:10px;margin-bottom:0;margin-top:0}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-resizer{appearance:none;background-image:var(--IDS-TEXTAREA-RESIZER-IMAGE);background-position:50%;background-repeat:no-repeat;background-size:cover}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-corner{background-color:transparent}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL_COLOR);border:3px solid var(--IDS-SCROLL_TRACK-COLOR);border-radius:10px;box-sizing:border-box;cursor:auto}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL_HOVER-COLOR)}.placeholder{color:var(--IDS-FORM__PLACEHOLDER__COLOR)}:host([disabled]) input{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}.ids-select-multiple-label-wrapper{align-items:flex-start;display:inline-flex;gap:8px;margin-bottom:5px;margin-right:8px}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper label{display:inline;margin-right:8px;margin-right:4px;position:relative;top:-3px}";
4
4
 
5
5
  var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
6
6