@inera/ids-design 4.10.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 (172) hide show
  1. package/components/alert/alert-lit.d.ts +2 -0
  2. package/components/alert/alert-lit.js +1 -1
  3. package/components/alert/alert.css +225 -1
  4. package/components/alert-global/alert-global-lit.d.ts +2 -0
  5. package/components/alert-global/alert-global-lit.js +1 -1
  6. package/components/alert-global/alert-global.css +167 -1
  7. package/components/badge/badge-lit.d.ts +2 -0
  8. package/components/badge/badge-lit.js +1 -1
  9. package/components/badge/badge.css +60 -1
  10. package/components/breadcrumbs/breadcrumbs-lit.d.ts +2 -0
  11. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  12. package/components/breadcrumbs/breadcrumbs.css +90 -1
  13. package/components/button/button-lit.d.ts +2 -0
  14. package/components/button/button-lit.js +1 -1
  15. package/components/button/button.css +308 -1
  16. package/components/button-group/button-group-lit.d.ts +2 -0
  17. package/components/button-group/button-group-lit.js +1 -1
  18. package/components/button-group/button-group.css +39 -1
  19. package/components/card/card-lit.d.ts +2 -0
  20. package/components/card/card-lit.js +1 -1
  21. package/components/card/card.css +107 -1
  22. package/components/data-table/data-table-lit.d.ts +2 -0
  23. package/components/data-table/data-table-lit.js +7 -0
  24. package/components/data-table/data-table.css +392 -0
  25. package/components/date-label/date-label-lit.d.ts +2 -0
  26. package/components/date-label/date-label-lit.js +1 -1
  27. package/components/date-label/date-label.css +75 -1
  28. package/components/dialog/dialog-lit.d.ts +2 -0
  29. package/components/dialog/dialog-lit.js +1 -1
  30. package/components/dialog/dialog.css +178 -1
  31. package/components/expandable/expandable-lit.d.ts +2 -0
  32. package/components/expandable/expandable-lit.js +1 -1
  33. package/components/expandable/expandable.css +94 -1
  34. package/components/footer/footer-lit.d.ts +2 -0
  35. package/components/footer/footer-lit.js +1 -1
  36. package/components/footer/footer.css +470 -1
  37. package/components/footer-1177/footer-1177-lit.d.ts +2 -0
  38. package/components/footer-1177/footer-1177-lit.js +7 -0
  39. package/components/footer-1177/footer-1177.css +316 -0
  40. package/components/footer-1177-admin/footer-1177-admin-lit.d.ts +2 -0
  41. package/components/footer-1177-admin/footer-1177-admin-lit.js +7 -0
  42. package/components/footer-1177-admin/footer-1177-admin.css +303 -0
  43. package/components/footer-1177-pro/footer-1177-pro-lit.d.ts +2 -0
  44. package/components/footer-1177-pro/footer-1177-pro-lit.js +7 -0
  45. package/components/footer-1177-pro/footer-1177-pro.css +169 -0
  46. package/components/footer-inera/footer-inera-lit.d.ts +2 -0
  47. package/components/footer-inera/footer-inera-lit.js +7 -0
  48. package/components/footer-inera/footer-inera.css +333 -0
  49. package/components/footer-inera-admin/footer-inera-admin-lit.d.ts +2 -0
  50. package/components/footer-inera-admin/footer-inera-admin-lit.js +7 -0
  51. package/components/footer-inera-admin/footer-inera-admin.css +350 -0
  52. package/components/form/error-message/error-message-lit.d.ts +2 -0
  53. package/components/form/error-message/error-message.css +39 -1
  54. package/components/form/group/group-lit.d.ts +2 -0
  55. package/components/form/group/group.css +19 -1
  56. package/components/form/range/range-lit.d.ts +2 -0
  57. package/components/form/range/range.css +34 -1
  58. package/components/form/select-multiple/select-multiple-lit.d.ts +2 -0
  59. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  60. package/components/form/select-multiple/select-multiple.css +189 -1
  61. package/components/form/spinner/spinner-lit.d.ts +2 -0
  62. package/components/form/spinner/spinner.css +60 -1
  63. package/components/form/textarea/textarea-lit.d.ts +2 -0
  64. package/components/form/textarea/textarea.css +0 -1
  65. package/components/form/toggle/toggle-lit.d.ts +2 -0
  66. package/components/form/toggle/toggle-lit.js +1 -1
  67. package/components/form/toggle/toggle.css +153 -1
  68. package/components/grid/column/_column-partials.css +0 -1
  69. package/components/grid/column/column-lit.d.ts +2 -0
  70. package/components/grid/column/column.css +424 -1
  71. package/components/header-1177/composite-header-1177.css +1885 -0
  72. package/components/header-1177/header-1177-avatar-lit.d.ts +2 -0
  73. package/components/header-1177/header-1177-avatar-lit.js +7 -0
  74. package/components/header-1177/header-1177-avatar.css +285 -0
  75. package/components/header-1177/header-1177-item-lit.d.ts +2 -0
  76. package/components/header-1177/header-1177-item-lit.js +7 -0
  77. package/components/header-1177/header-1177-item.css +153 -0
  78. package/components/header-1177/header-1177-lit.d.ts +2 -0
  79. package/components/header-1177/header-1177-lit.js +7 -0
  80. package/components/header-1177/header-1177-nav-item-lit.d.ts +2 -0
  81. package/components/header-1177/header-1177-nav-item-lit.js +7 -0
  82. package/components/header-1177/header-1177-nav-item-mobile-lit.d.ts +2 -0
  83. package/components/header-1177/header-1177-nav-item-mobile-lit.js +7 -0
  84. package/components/header-1177/header-1177-nav-item-mobile.css +280 -0
  85. package/components/header-1177/header-1177-nav-item.css +446 -0
  86. package/components/header-1177/header-1177-nav-lit.d.ts +2 -0
  87. package/components/header-1177/header-1177-nav-lit.js +7 -0
  88. package/components/header-1177/header-1177-nav.css +101 -0
  89. package/components/header-1177/header-1177.css +615 -0
  90. package/components/header-1177-admin/header-1177-admin-avatar-lit.d.ts +2 -0
  91. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +7 -0
  92. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.d.ts +2 -0
  93. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +7 -0
  94. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +73 -0
  95. package/components/header-1177-admin/header-1177-admin-avatar.css +285 -0
  96. package/components/header-1177-admin/header-1177-admin-item-lit.d.ts +2 -0
  97. package/components/header-1177-admin/header-1177-admin-item-lit.js +7 -0
  98. package/components/header-1177-admin/header-1177-admin-item.css +141 -0
  99. package/components/header-1177-admin/header-1177-admin-lit.d.ts +2 -0
  100. package/components/header-1177-admin/header-1177-admin-lit.js +7 -0
  101. package/components/header-1177-admin/header-1177-admin-nav-item-lit.d.ts +2 -0
  102. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +7 -0
  103. package/components/header-1177-admin/header-1177-admin-nav-item.css +434 -0
  104. package/components/header-1177-admin/header-1177-admin-nav-lit.d.ts +2 -0
  105. package/components/header-1177-admin/header-1177-admin-nav-lit.js +7 -0
  106. package/components/header-1177-admin/header-1177-admin-nav.css +91 -0
  107. package/components/header-1177-admin/header-1177-admin.css +354 -0
  108. package/components/header-1177-pro/header-1177-pro-avatar-lit.d.ts +2 -0
  109. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +7 -0
  110. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.d.ts +2 -0
  111. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +7 -0
  112. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +73 -0
  113. package/components/header-1177-pro/header-1177-pro-avatar.css +301 -0
  114. package/components/header-1177-pro/header-1177-pro-item-lit.d.ts +2 -0
  115. package/components/header-1177-pro/header-1177-pro-item-lit.js +7 -0
  116. package/components/header-1177-pro/header-1177-pro-item.css +157 -0
  117. package/components/header-1177-pro/header-1177-pro-lit.d.ts +2 -0
  118. package/components/header-1177-pro/header-1177-pro-lit.js +7 -0
  119. package/components/header-1177-pro/header-1177-pro-nav-item-lit.d.ts +2 -0
  120. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +7 -0
  121. package/components/header-1177-pro/header-1177-pro-nav-item.css +426 -0
  122. package/components/header-1177-pro/header-1177-pro-nav-lit.d.ts +2 -0
  123. package/components/header-1177-pro/header-1177-pro-nav-lit.js +7 -0
  124. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.d.ts +2 -0
  125. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +7 -0
  126. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +287 -0
  127. package/components/header-1177-pro/header-1177-pro-nav.css +105 -0
  128. package/components/header-1177-pro/header-1177-pro-region-picker-lit.d.ts +2 -0
  129. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +7 -0
  130. package/components/header-1177-pro/header-1177-pro-region-picker.css +205 -0
  131. package/components/header-1177-pro/header-1177-pro.css +272 -0
  132. package/components/link/link-lit.d.ts +2 -0
  133. package/components/link/link-lit.js +1 -1
  134. package/components/link/link.css +131 -1
  135. package/components/list/list-lit.d.ts +2 -0
  136. package/components/list/list-lit.js +1 -1
  137. package/components/list/list.css +134 -1
  138. package/components/mobile-menu/mobile-menu-lit.d.ts +2 -0
  139. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  140. package/components/mobile-menu/mobile-menu.css +827 -1
  141. package/components/notification-badge/notification-badge-lit.d.ts +2 -0
  142. package/components/notification-badge/notification-badge-lit.js +1 -1
  143. package/components/notification-badge/notification-badge.css +21 -1
  144. package/components/popover/popover-lit.d.ts +2 -0
  145. package/components/popover/popover-lit.js +7 -0
  146. package/components/popover/popover.css +24 -0
  147. package/components/popover-content/popover-content-lit.d.ts +2 -0
  148. package/components/popover-content/popover-content-lit.js +7 -0
  149. package/components/popover-content/popover-content.css +306 -0
  150. package/components/progressbar/progressbar-lit.d.ts +2 -0
  151. package/components/progressbar/progressbar-lit.js +1 -1
  152. package/components/progressbar/progressbar.css +53 -1
  153. package/components/table/table.css +31 -1
  154. package/components/tabs/tabs-lit.d.ts +2 -0
  155. package/components/tabs/tabs-lit.js +2 -2
  156. package/components/tabs/tabs.css +124 -1
  157. package/components/tag/tag-lit.d.ts +2 -0
  158. package/components/tag/tag-lit.js +1 -1
  159. package/components/tag/tag.css +59 -1
  160. package/global/_partials.css +7 -1
  161. package/global/global.css +2949 -1
  162. package/global/util/util.css +2234 -1
  163. package/package.json +1 -1
  164. package/themes/1177/1177-tokens.css +32 -1
  165. package/themes/1177/1177.css +3967 -1
  166. package/themes/1177-pro/1177-pro-tokens.css +1 -1
  167. package/themes/1177-pro/1177-pro.css +4112 -1
  168. package/themes/inera/inera-tokens.css +52 -1
  169. package/themes/inera/inera.css +3956 -1
  170. package/themes/inera-admin/inera-admin-tokens.css +1 -1
  171. package/themes/inera-admin/inera-admin.css +4044 -1
  172. package/themes/reset.css +61 -1
package/components/alert/alert-lit.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
package/components/alert/alert-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-alert .ids-alert__close:focus,.ids-alert .ids-alert__expand:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-alert{background-color:var(--IDS-ALERT--INFO__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--INFO__BORDER-COLOR);border-radius:var(--IDS_BORDER-RADIUS);border-style:solid;border-width:.0625rem;color:var(--IDS-ALERT--INFO__COLOR);column-gap:1rem;display:grid;font-size:1rem;grid-template-columns:30px 1fr;line-height:26px;padding:30px}.ids-alert:has(.ids-alert__button){grid-template-columns:30px 1fr auto}.ids-alert.ids-alert--collapsed{padding:20px 30px}.ids-alert.ids-alert--collapsed .ids-alert__content{display:none}.ids-alert.ids-alert--attention{background-color:var(--IDS-ALERT--ATTENTION__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ATTENTION__BORDER-COLOR)}.ids-alert.ids-alert--success{background-color:var(--IDS-ALERT--SUCCESS__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--SUCCESS__BORDER-COLOR)}.ids-alert.ids-alert--error{background-color:var(--IDS-ALERT--ERROR__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ERROR__BORDER-COLOR)}.ids-alert.ids-alert--compact{grid-template-columns:1fr}.ids-alert.ids-alert--compact:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--compact .ids-alert__button{grid-column:2;grid-row:1}.ids-alert.ids-alert--compact .ids-alert__content{align-items:center;display:flex;grid-column-end:2;grid-column-start:1;grid-row-start:1;margin-top:0}@media (max-width:1024px){.ids-alert.ids-alert--compact .ids-alert__content{display:block}}.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{align-self:start;height:50px;margin-right:10px;max-height:50px;max-width:50px;min-height:50px;min-width:50px;width:50px}@media (max-width:1024px){.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{float:left;height:30px;margin-top:-5px;max-height:30px;max-width:30px;min-height:30px;min-width:30px;width:30px}}.ids-alert.ids-alert--compact .ids-alert__button{flex:0 0 auto;width:auto}.ids-alert.ids-alert--compact .ids-alert__button .ids-alert__expand{float:right}.ids-alert.ids-alert--ribbon{grid-template-columns:1fr;padding:16px!important}.ids-alert.ids-alert--ribbon:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--ribbon .ids-alert__button{grid-column:2;grid-row:1}.ids-alert.ids-alert--ribbon .ids-alert__content{align-items:center;display:flex;grid-column-end:2;grid-column-start:1;grid-row-start:1;margin-top:0}@media (max-width:1024px){.ids-alert.ids-alert--ribbon .ids-alert__content{display:block}}.ids-alert.ids-alert--ribbon .ids-alert__content .ids-alert__content__icon{align-self:start;height:50px;margin-right:10px;max-height:50px;max-width:50px;min-height:50px;min-width:50px;width:50px}@media (max-width:1024px){.ids-alert.ids-alert--ribbon .ids-alert__content .ids-alert__content__icon{float:left;height:30px;margin-top:-5px;max-height:30px;max-width:30px;min-height:30px;min-width:30px;width:30px}}.ids-alert.ids-alert--ribbon .ids-alert__button{flex:0 0 auto;width:auto}.ids-alert.ids-alert--ribbon .ids-alert__button .ids-alert__expand{float:right}@media (max-width:640px){.ids-alert.ids-alert--ribbon{padding:8px 12px!important}}.ids-alert.ids-alert--ribbon .ids-alert__button{height:24px;width:24px}.ids-alert.ids-alert--ribbon .ids-alert__button .ids-alert__close{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.ids-alert.ids-alert--ribbon .ids-alert__content__icon{align-self:center!important;height:24px!important;margin-top:0!important;max-height:24px!important;max-width:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important}.ids-alert .ids-alert__headline *,.ids-alert .ids-alert__headline ::slotted(*){font-family:var(--IDS-ALERT__HEADLINE__FONT-FAMILY)!important;font-size:1.17rem!important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT)!important;margin:0!important}.ids-alert .ids-alert__button{grid-column:3;grid-row:1}.ids-alert .ids-alert__expand{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__expand .ids-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ids-alert .ids-alert__close{background:none;border:none;color:inherit;cursor:pointer;font:inherit;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__content{grid-column:1/-1;grid-row-start:2;margin-top:.5rem}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-alert{background-color:var(--IDS-ALERT--INFO__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--INFO__BORDER-COLOR);border-radius:var(--IDS_BORDER-RADIUS);border-style:solid;border-width:.0625rem;color:var(--IDS-ALERT--INFO__COLOR);column-gap:1rem;display:grid;font-size:1rem;grid-template-columns:30px 1fr;line-height:26px;padding:30px}.ids-alert:has(.ids-alert__button){grid-template-columns:30px 1fr auto}.ids-alert .ids-alert__button{grid-column:3;grid-row:1}.ids-alert.ids-alert--collapsed{padding:20px 30px}.ids-alert.ids-alert--collapsed .ids-alert__content{display:none}.ids-alert.ids-alert--attention{background-color:var(--IDS-ALERT--ATTENTION__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ATTENTION__BORDER-COLOR)}.ids-alert.ids-alert--success{background-color:var(--IDS-ALERT--SUCCESS__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--SUCCESS__BORDER-COLOR)}.ids-alert.ids-alert--error{background-color:var(--IDS-ALERT--ERROR__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ERROR__BORDER-COLOR)}.ids-alert.ids-alert--compact{grid-template-columns:1fr}.ids-alert.ids-alert--compact:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--compact .ids-alert__button{flex:0 0 auto;grid-column:2;grid-row:1;width:auto}.ids-alert.ids-alert--compact .ids-alert__button .ids-alert__expand{float:right}.ids-alert.ids-alert--compact .ids-alert__content{align-items:center;display:flex;grid-column-end:2;grid-column-start:1;grid-row-start:1;margin-top:0}.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{align-self:start;height:50px;margin-right:10px;max-height:50px;max-width:50px;min-height:50px;min-width:50px;width:50px}@media (max-width:1024px){.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{float:left;height:30px;margin-top:-5px;max-height:30px;max-width:30px;min-height:30px;min-width:30px;width:30px}.ids-alert.ids-alert--compact .ids-alert__content{display:block}}.ids-alert.ids-alert--ribbon{grid-template-columns:1fr;padding:16px}.ids-alert.ids-alert--ribbon:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--ribbon .ids-alert__button{flex:0 0 auto;grid-column:2;grid-row:1;height:24px;width:24px}.ids-alert.ids-alert--ribbon .ids-alert__button .ids-alert__close{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.ids-alert.ids-alert--ribbon .ids-alert__content{align-items:center;display:flex;grid-column-end:2;grid-column-start:1;grid-row-start:1;margin-top:0}@media (max-width:1024px){.ids-alert.ids-alert--ribbon .ids-alert__content{display:block}}.ids-alert.ids-alert--ribbon .ids-alert__content__icon{align-self:center;height:24px;margin-right:10px;margin-top:0;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}@media (max-width:1024px){.ids-alert.ids-alert--ribbon .ids-alert__content__icon{float:left}}@media (max-width:640px){.ids-alert.ids-alert--ribbon{padding:8px 12px}}.ids-alert .ids-alert__headline *,.ids-alert .ids-alert__headline ::slotted(*){font-family:var(--IDS-ALERT__HEADLINE__FONT-FAMILY)!important;font-size:1.17rem!important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT)!important;margin:0!important}.ids-alert .ids-alert__expand{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__expand .ids-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ids-alert .ids-alert__expand:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-alert .ids-alert__close{background:none;border:none;color:inherit;cursor:pointer;font:inherit;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__close:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-alert .ids-alert__content{grid-column:1/-1;grid-row-start:2;margin-top:.5rem}";
4
4
 
5
5
  var alertLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/alert/alert.css CHANGED
@@ -1 +1,225 @@
1
- .ids-alert .ids-alert__expand:focus,.ids-alert .ids-alert__close:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-alert{color:var(--IDS-ALERT--INFO__COLOR);background-color:var(--IDS-ALERT--INFO__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--INFO__BORDER-COLOR);padding:30px;border-radius:var(--IDS_BORDER-RADIUS);border-style:solid;border-width:0.0625rem;font-size:1rem;line-height:26px;display:grid;grid-template-columns:30px 1fr;column-gap:1rem}.ids-alert:has(.ids-alert__button){grid-template-columns:30px 1fr auto}.ids-alert.ids-alert--collapsed{padding:20px 30px}.ids-alert.ids-alert--collapsed .ids-alert__content{display:none}.ids-alert.ids-alert--attention{background-color:var(--IDS-ALERT--ATTENTION__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ATTENTION__BORDER-COLOR)}.ids-alert.ids-alert--success{background-color:var(--IDS-ALERT--SUCCESS__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--SUCCESS__BORDER-COLOR)}.ids-alert.ids-alert--error{background-color:var(--IDS-ALERT--ERROR__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ERROR__BORDER-COLOR)}.ids-alert.ids-alert--compact{grid-template-columns:1fr}.ids-alert.ids-alert--compact:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--compact .ids-alert__button{grid-row:1;grid-column:2}.ids-alert.ids-alert--compact .ids-alert__content{grid-row-start:1;grid-column-start:1;grid-column-end:2;margin-top:0rem;display:flex;align-items:center}@media (max-width: 1024px){.ids-alert.ids-alert--compact .ids-alert__content{display:block}}.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{align-self:start;margin-right:10px;width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px}@media (max-width: 1024px){.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{margin-top:-5px;float:left;width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px}}.ids-alert.ids-alert--compact .ids-alert__button{flex:0 0 auto;width:auto}.ids-alert.ids-alert--compact .ids-alert__button .ids-alert__expand{float:right}.ids-alert.ids-alert--ribbon{grid-template-columns:1fr;padding:16px !important}.ids-alert.ids-alert--ribbon:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--ribbon .ids-alert__button{grid-row:1;grid-column:2}.ids-alert.ids-alert--ribbon .ids-alert__content{grid-row-start:1;grid-column-start:1;grid-column-end:2;margin-top:0rem;display:flex;align-items:center}@media (max-width: 1024px){.ids-alert.ids-alert--ribbon .ids-alert__content{display:block}}.ids-alert.ids-alert--ribbon .ids-alert__content .ids-alert__content__icon{align-self:start;margin-right:10px;width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px}@media (max-width: 1024px){.ids-alert.ids-alert--ribbon .ids-alert__content .ids-alert__content__icon{margin-top:-5px;float:left;width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px}}.ids-alert.ids-alert--ribbon .ids-alert__button{flex:0 0 auto;width:auto}.ids-alert.ids-alert--ribbon .ids-alert__button .ids-alert__expand{float:right}@media (max-width: 640px){.ids-alert.ids-alert--ribbon{padding:8px 12px !important}}.ids-alert.ids-alert--ribbon .ids-alert__button{height:24px;width:24px}.ids-alert.ids-alert--ribbon .ids-alert__button .ids-alert__close{height:16px;width:16px;display:flex;align-items:center;justify-content:center}.ids-alert.ids-alert--ribbon .ids-alert__content__icon{align-self:center !important;margin-top:0px !important;width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;max-width:24px !important;max-height:24px !important}.ids-alert .ids-alert__headline *,.ids-alert .ids-alert__headline ::slotted(*){margin:0px !important;font-size:1.17rem !important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT) !important;font-family:var(--IDS-ALERT__HEADLINE__FONT-FAMILY) !important}.ids-alert .ids-alert__button{grid-row:1;grid-column:3}.ids-alert .ids-alert__expand{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.ids-alert .ids-alert__expand .ids-icon{display:flex;width:24px;align-items:center;height:24px;justify-content:center}.ids-alert .ids-alert__close{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__content{grid-row-start:2;grid-column:1/ -1;margin-top:0.5rem}
1
+ /* 1177 Typography - no margins */
2
+ /*******
3
+ * FORM
4
+ ********/
5
+ /*******
6
+ * Accessibility
7
+ ********/
8
+ @media (max-width: 1023px) {
9
+ .ids-desktop {
10
+ display: none !important;
11
+ }
12
+ }
13
+
14
+ @media (min-width: 1024px) {
15
+ .ids-mobile {
16
+ display: none !important;
17
+ }
18
+ }
19
+
20
+ .ids-alert {
21
+ color: var(--IDS-ALERT--INFO__COLOR);
22
+ background-color: var(--IDS-ALERT--INFO__BACKGROUND-COLOR);
23
+ border-color: var(--IDS-ALERT--INFO__BORDER-COLOR);
24
+ padding: 30px;
25
+ border-radius: var(--IDS_BORDER-RADIUS);
26
+ border-style: solid;
27
+ border-width: 0.0625rem;
28
+ font-size: 1rem;
29
+ line-height: 26px;
30
+ display: grid;
31
+ grid-template-columns: 30px 1fr;
32
+ column-gap: 1rem;
33
+ }
34
+ .ids-alert:has(.ids-alert__button) {
35
+ grid-template-columns: 30px 1fr auto;
36
+ }
37
+ .ids-alert .ids-alert__button {
38
+ grid-row: 1;
39
+ grid-column: 3;
40
+ }
41
+ .ids-alert.ids-alert--collapsed {
42
+ padding: 20px 30px;
43
+ }
44
+ .ids-alert.ids-alert--collapsed .ids-alert__content {
45
+ display: none;
46
+ }
47
+ .ids-alert.ids-alert--attention {
48
+ background-color: var(--IDS-ALERT--ATTENTION__BACKGROUND-COLOR);
49
+ border-color: var(--IDS-ALERT--ATTENTION__BORDER-COLOR);
50
+ }
51
+ .ids-alert.ids-alert--success {
52
+ background-color: var(--IDS-ALERT--SUCCESS__BACKGROUND-COLOR);
53
+ border-color: var(--IDS-ALERT--SUCCESS__BORDER-COLOR);
54
+ }
55
+ .ids-alert.ids-alert--error {
56
+ background-color: var(--IDS-ALERT--ERROR__BACKGROUND-COLOR);
57
+ border-color: var(--IDS-ALERT--ERROR__BORDER-COLOR);
58
+ }
59
+ .ids-alert.ids-alert--compact {
60
+ grid-template-columns: 1fr;
61
+ }
62
+ .ids-alert.ids-alert--compact:has(.ids-alert__button) {
63
+ grid-template-columns: 1fr auto;
64
+ }
65
+ .ids-alert.ids-alert--compact .ids-alert__button {
66
+ grid-row: 1;
67
+ grid-column: 2;
68
+ flex: 0 0 auto;
69
+ width: auto;
70
+ }
71
+ .ids-alert.ids-alert--compact .ids-alert__button .ids-alert__expand {
72
+ float: right;
73
+ }
74
+ .ids-alert.ids-alert--compact .ids-alert__content {
75
+ grid-row-start: 1;
76
+ grid-column-start: 1;
77
+ grid-column-end: 2;
78
+ margin-top: 0rem;
79
+ display: flex;
80
+ align-items: center;
81
+ }
82
+ .ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon {
83
+ align-self: start;
84
+ margin-right: 10px;
85
+ width: 50px;
86
+ height: 50px;
87
+ min-width: 50px;
88
+ min-height: 50px;
89
+ max-width: 50px;
90
+ max-height: 50px;
91
+ }
92
+ @media (max-width: 1024px) {
93
+ .ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon {
94
+ margin-top: -5px;
95
+ float: left;
96
+ width: 30px;
97
+ height: 30px;
98
+ min-width: 30px;
99
+ min-height: 30px;
100
+ max-width: 30px;
101
+ max-height: 30px;
102
+ }
103
+ }
104
+ @media (max-width: 1024px) {
105
+ .ids-alert.ids-alert--compact .ids-alert__content {
106
+ display: block;
107
+ }
108
+ }
109
+ .ids-alert.ids-alert--ribbon {
110
+ grid-template-columns: 1fr;
111
+ padding: 16px;
112
+ }
113
+ .ids-alert.ids-alert--ribbon:has(.ids-alert__button) {
114
+ grid-template-columns: 1fr auto;
115
+ }
116
+ .ids-alert.ids-alert--ribbon .ids-alert__button {
117
+ grid-row: 1;
118
+ grid-column: 2;
119
+ flex: 0 0 auto;
120
+ height: 24px;
121
+ width: 24px;
122
+ }
123
+ .ids-alert.ids-alert--ribbon .ids-alert__button .ids-alert__close {
124
+ height: 16px;
125
+ width: 16px;
126
+ display: flex;
127
+ align-items: center;
128
+ justify-content: center;
129
+ }
130
+ .ids-alert.ids-alert--ribbon .ids-alert__content {
131
+ grid-row-start: 1;
132
+ grid-column-start: 1;
133
+ grid-column-end: 2;
134
+ margin-top: 0rem;
135
+ display: flex;
136
+ align-items: center;
137
+ }
138
+ @media (max-width: 1024px) {
139
+ .ids-alert.ids-alert--ribbon .ids-alert__content {
140
+ display: block;
141
+ }
142
+ }
143
+ .ids-alert.ids-alert--ribbon .ids-alert__content__icon {
144
+ align-self: center;
145
+ margin-top: 0px;
146
+ width: 24px;
147
+ height: 24px;
148
+ min-width: 24px;
149
+ min-height: 24px;
150
+ max-width: 24px;
151
+ max-height: 24px;
152
+ margin-right: 10px;
153
+ }
154
+ @media (max-width: 1024px) {
155
+ .ids-alert.ids-alert--ribbon .ids-alert__content__icon {
156
+ float: left;
157
+ }
158
+ }
159
+ @media (max-width: 640px) {
160
+ .ids-alert.ids-alert--ribbon {
161
+ padding: 8px 12px;
162
+ }
163
+ }
164
+ .ids-alert .ids-alert__headline *,
165
+ .ids-alert .ids-alert__headline ::slotted(*) {
166
+ margin: 0px !important;
167
+ font-size: 1.17rem !important;
168
+ font-weight: var(--IDS-ALERT__HEADLINE__FONT-WEIGHT) !important;
169
+ font-family: var(--IDS-ALERT__HEADLINE__FONT-FAMILY) !important;
170
+ }
171
+ .ids-alert .ids-alert__expand {
172
+ min-width: 24px;
173
+ min-height: 24px;
174
+ background: none;
175
+ color: inherit;
176
+ border: none;
177
+ padding: 0;
178
+ font: inherit;
179
+ cursor: pointer;
180
+ outline: inherit;
181
+ -moz-user-select: -moz-none;
182
+ -khtml-user-select: none;
183
+ -webkit-user-select: none;
184
+ -ms-user-select: none;
185
+ user-select: none;
186
+ display: flex;
187
+ justify-content: center;
188
+ align-items: center;
189
+ }
190
+ .ids-alert .ids-alert__expand .ids-icon {
191
+ display: flex;
192
+ width: 24px;
193
+ align-items: center;
194
+ height: 24px;
195
+ justify-content: center;
196
+ }
197
+ .ids-alert .ids-alert__expand:focus {
198
+ outline: var(--IDS-FOCUS_OUTLINE);
199
+ outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
200
+ }
201
+ .ids-alert .ids-alert__close {
202
+ min-width: 24px;
203
+ min-height: 24px;
204
+ background: none;
205
+ color: inherit;
206
+ border: none;
207
+ padding: 0;
208
+ font: inherit;
209
+ cursor: pointer;
210
+ outline: inherit;
211
+ -moz-user-select: -moz-none;
212
+ -khtml-user-select: none;
213
+ -webkit-user-select: none;
214
+ -ms-user-select: none;
215
+ user-select: none;
216
+ }
217
+ .ids-alert .ids-alert__close:focus {
218
+ outline: var(--IDS-FOCUS_OUTLINE);
219
+ outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
220
+ }
221
+ .ids-alert .ids-alert__content {
222
+ grid-row-start: 2;
223
+ grid-column: 1/-1;
224
+ margin-top: 0.5rem;
225
+ }
package/components/alert-global/alert-global-lit.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
package/components/alert-global/alert-global-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-alert-global .ids-alert-global__inner .ids-alert-global__expand:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-alert-global{align-items:center;background-color:var(--IDS-ALERT-GLOBAL__BACKGROUND-COLOR);border:none;box-shadow:0 0 10px rgba(0,0,0,.3);color:var(--IDS-ALERT-GLOBAL__COLOR);display:block;flex-wrap:wrap;font-size:1rem;line-height:26px;padding:1.875rem;position:relative;z-index:1}.ids-alert-global.ids-alert-global--collapsed .ids-alert-global__content{display:none}@media (max-width:1024px){.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__headline{grid-column-end:3;grid-column-start:1}.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__icon{display:none}.ids-alert-global .alert-global-headline{grid-column-end:3;grid-column-start:1}}.ids-alert-global.ids-alert-global--agent{background-color:var(--IDS-ALERT-GLOBAL--AGENT__BACKGROUND-COLOR)!important;color:var(--IDS-ALERT-GLOBAL--AGENT__COLOR)!important}.ids-alert-global.ids-alert-global--agent .ids-alert-global__inner{grid-template-columns:2.5rem 1fr 13.75rem}.ids-alert-global .ids-alert-global__inner{column-gap:1.25rem;display:grid;grid-template-columns:1.875rem 1fr 13.75rem;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-alert-global .ids-alert-global__inner{grid-template-columns:1.25rem 1fr 13.75rem}.ids-alert-global .ids-alert-global__inner .alert-global-icon.hide{display:none}}@media (max-width:640px){.ids-alert-global .ids-alert-global__inner{grid-template-columns:1.25rem 1fr 1.5rem!important}}.ids-alert-global .ids-alert-global__inner .ids-alert-global__content{grid-column:2/-1;margin-top:.25rem}@media (max-width:1024px){.ids-alert-global .ids-alert-global__inner .ids-alert-global__content{grid-column:1/-1}}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand{align-items:center;background:none;border:none;color:inherit;color:var(--alert-text-toggle_color);cursor:pointer;display:flex;font:inherit;font-size:.875rem;justify-content:center;justify-self:end;letter-spacing:.09375rem;min-height:24px;min-width:24px;outline:inherit;padding:0;text-transform:uppercase;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand .ids-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ids-alert-global .ids-alert-global__headline{display:flex;text-align:left}.ids-alert-global .ids-alert-global__headline *,.ids-alert-global .ids-alert-global__headline ::slotted(*){align-items:center!important;color:var(--IDS-ALERT-GLOBAL__HEADLINE__COLOR);display:flex!important;font-family:var(--IDS-ALERT-GLOBAL__HEADLINE__FONT-FAMILY)!important;font-size:1.125rem!important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT)!important;line-height:28px!important;margin:0!important}@media (max-width:1024px){.ids-alert-global .ids-alert-global__headline * .no-mobile-icon,.ids-alert-global .ids-alert-global__headline ::slotted(*) .no-mobile-icon{grid-column-end:3;grid-column-start:1}}.ids-alert-global .ids-alert-global__expand-text{margin-right:1rem}@media (max-width:1024px){.ids-alert-global .ids-alert-global__expand-text{display:none}}.ids-alert-global .ids-alert-global__sub-content{grid-column-start:2;margin-top:.75rem}@media (max-width:1024px){.ids-alert-global .ids-alert-global__sub-content{grid-column:1/-1}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-alert-global{align-items:center;background-color:var(--IDS-ALERT-GLOBAL__BACKGROUND-COLOR);border:none;box-shadow:0 0 10px rgba(0,0,0,.3);color:var(--IDS-ALERT-GLOBAL__COLOR);display:block;flex-wrap:wrap;font-size:1rem;line-height:26px;padding:1.875rem;position:relative;z-index:1}.ids-alert-global.ids-alert-global--collapsed .ids-alert-global__content{display:none}@media (max-width:1024px){.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__headline{grid-column-end:3;grid-column-start:1}.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__icon{display:none}.ids-alert-global .alert-global-headline{grid-column-end:3;grid-column-start:1}}.ids-alert-global.ids-alert-global--agent{background-color:var(--IDS-ALERT-GLOBAL--AGENT__BACKGROUND-COLOR)!important;color:var(--IDS-ALERT-GLOBAL--AGENT__COLOR)!important}.ids-alert-global.ids-alert-global--agent .ids-alert-global__inner{grid-template-columns:2.5rem 1fr 13.75rem}.ids-alert-global .ids-alert-global__inner{column-gap:1.25rem;display:grid;grid-template-columns:1.875rem 1fr 13.75rem;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-alert-global .ids-alert-global__inner{grid-template-columns:1.25rem 1fr 13.75rem}.ids-alert-global .ids-alert-global__inner .alert-global-icon.hide{display:none}}@media (max-width:640px){.ids-alert-global .ids-alert-global__inner{grid-template-columns:1.25rem 1fr 1.5rem!important}}.ids-alert-global .ids-alert-global__inner .ids-alert-global__content{grid-column:2/-1;margin-top:.25rem}@media (max-width:1024px){.ids-alert-global .ids-alert-global__inner .ids-alert-global__content{grid-column:1/-1}}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand{align-items:center;background:none;border:none;color:inherit;color:var(--alert-text-toggle_color);cursor:pointer;display:flex;font:inherit;font-size:.875rem;justify-content:center;justify-self:end;letter-spacing:.09375rem;min-height:24px;min-width:24px;outline:inherit;padding:0;text-transform:uppercase;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand .ids-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-alert-global .ids-alert-global__headline{display:flex;text-align:left}.ids-alert-global .ids-alert-global__headline *,.ids-alert-global .ids-alert-global__headline ::slotted(*){align-items:center!important;color:var(--IDS-ALERT-GLOBAL__HEADLINE__COLOR);display:flex!important;font-family:var(--IDS-ALERT-GLOBAL__HEADLINE__FONT-FAMILY)!important;font-size:1.125rem!important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT)!important;line-height:28px!important;margin:0!important}@media (max-width:1024px){.ids-alert-global .ids-alert-global__headline * .no-mobile-icon,.ids-alert-global .ids-alert-global__headline ::slotted(*) .no-mobile-icon{grid-column-end:3;grid-column-start:1}}.ids-alert-global .ids-alert-global__expand-text{margin-right:1rem}@media (max-width:1024px){.ids-alert-global .ids-alert-global__expand-text{display:none}}.ids-alert-global .ids-alert-global__sub-content{grid-column-start:2;margin-top:.75rem}@media (max-width:1024px){.ids-alert-global .ids-alert-global__sub-content{grid-column:1/-1}}";
4
4
 
5
5
  var alertGlobalLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/alert-global/alert-global.css CHANGED
@@ -1 +1,167 @@
1
- .ids-alert-global .ids-alert-global__inner .ids-alert-global__expand:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-alert-global{position:relative;z-index:1;color:var(--IDS-ALERT-GLOBAL__COLOR);background-color:var(--IDS-ALERT-GLOBAL__BACKGROUND-COLOR);box-shadow:0px 0px 10px rgba(0,0,0,0.3);padding:1.875rem;border-style:solid;border-width:0.0625rem;display:block;flex-wrap:wrap;align-items:center;font-size:1rem;line-height:26px;border:none}.ids-alert-global.ids-alert-global--collapsed .ids-alert-global__content{display:none}@media (max-width: 1024px){.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__headline{grid-column-start:1;grid-column-end:3}.ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__icon{display:none}}@media (max-width: 1024px){.ids-alert-global .alert-global-headline{grid-column-start:1;grid-column-end:3}}.ids-alert-global.ids-alert-global--agent{color:var(--IDS-ALERT-GLOBAL--AGENT__COLOR) !important;background-color:var(--IDS-ALERT-GLOBAL--AGENT__BACKGROUND-COLOR) !important}.ids-alert-global.ids-alert-global--agent .ids-alert-global__inner{grid-template-columns:2.5rem 1fr 13.75rem}.ids-alert-global .ids-alert-global__inner{display:grid;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);grid-template-columns:1.875rem 1fr 13.75rem;column-gap:1.25rem}@media (max-width: 1024px){.ids-alert-global .ids-alert-global__inner{grid-template-columns:1.25rem 1fr 13.75rem}.ids-alert-global .ids-alert-global__inner .alert-global-icon.hide{display:none}}@media (max-width: 640px){.ids-alert-global .ids-alert-global__inner{grid-template-columns:1.25rem 1fr 1.5rem !important}}.ids-alert-global .ids-alert-global__inner .ids-alert-global__content{margin-top:0.25rem;grid-column:2 / -1}@media (max-width: 1024px){.ids-alert-global .ids-alert-global__inner .ids-alert-global__content{grid-column:1 / -1}}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand{min-width:24px;min-height:24px;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;justify-self:end;display:flex;justify-content:center;align-items:center;cursor:pointer;min-height:24px;min-width:24px;text-transform:uppercase;font-size:0.875rem;letter-spacing:0.09375rem;color:var(--alert-text-toggle_color)}.ids-alert-global .ids-alert-global__inner .ids-alert-global__expand .ids-icon{display:flex;width:24px;align-items:center;height:24px;justify-content:center}.ids-alert-global .ids-alert-global__headline{display:flex;text-align:left}.ids-alert-global .ids-alert-global__headline *,.ids-alert-global .ids-alert-global__headline ::slotted(*){font-family:var(--IDS-ALERT-GLOBAL__HEADLINE__FONT-FAMILY) !important;font-size:1.125rem !important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT) !important;line-height:28px !important;color:var(--IDS-ALERT-GLOBAL__HEADLINE__COLOR);margin:0px !important;display:flex !important;align-items:center !important}@media (max-width: 1024px){.ids-alert-global .ids-alert-global__headline * .no-mobile-icon,.ids-alert-global .ids-alert-global__headline ::slotted(*) .no-mobile-icon{grid-column-start:1;grid-column-end:3}}.ids-alert-global .ids-alert-global__expand-text{margin-right:1rem}@media (max-width: 1024px){.ids-alert-global .ids-alert-global__expand-text{display:none}}.ids-alert-global .ids-alert-global__sub-content{margin-top:0.75rem;grid-column-start:2}@media (max-width: 1024px){.ids-alert-global .ids-alert-global__sub-content{grid-column:1 / -1}}
1
+ /* 1177 Typography - no margins */
2
+ /*******
3
+ * FORM
4
+ ********/
5
+ /*******
6
+ * Accessibility
7
+ ********/
8
+ @media (max-width: 1023px) {
9
+ .ids-desktop {
10
+ display: none !important;
11
+ }
12
+ }
13
+
14
+ @media (min-width: 1024px) {
15
+ .ids-mobile {
16
+ display: none !important;
17
+ }
18
+ }
19
+
20
+ .ids-alert-global {
21
+ position: relative;
22
+ z-index: 1;
23
+ color: var(--IDS-ALERT-GLOBAL__COLOR);
24
+ background-color: var(--IDS-ALERT-GLOBAL__BACKGROUND-COLOR);
25
+ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
26
+ padding: 1.875rem;
27
+ border-style: solid;
28
+ border-width: 0.0625rem;
29
+ display: block;
30
+ flex-wrap: wrap;
31
+ align-items: center;
32
+ font-size: 1rem;
33
+ line-height: 26px;
34
+ border: none;
35
+ }
36
+ .ids-alert-global.ids-alert-global--collapsed .ids-alert-global__content {
37
+ display: none;
38
+ }
39
+ @media (max-width: 1024px) {
40
+ .ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__headline {
41
+ grid-column-start: 1;
42
+ grid-column-end: 3;
43
+ }
44
+ .ids-alert-global.ids-alert-global--hide-icon-on-m .ids-alert-global__icon {
45
+ display: none;
46
+ }
47
+ }
48
+ @media (max-width: 1024px) {
49
+ .ids-alert-global .alert-global-headline {
50
+ grid-column-start: 1;
51
+ grid-column-end: 3;
52
+ }
53
+ }
54
+ .ids-alert-global.ids-alert-global--agent {
55
+ color: var(--IDS-ALERT-GLOBAL--AGENT__COLOR) !important;
56
+ background-color: var(--IDS-ALERT-GLOBAL--AGENT__BACKGROUND-COLOR) !important;
57
+ }
58
+ .ids-alert-global.ids-alert-global--agent .ids-alert-global__inner {
59
+ grid-template-columns: 2.5rem 1fr 13.75rem;
60
+ }
61
+ .ids-alert-global .ids-alert-global__inner {
62
+ display: grid;
63
+ margin-left: auto;
64
+ margin-right: auto;
65
+ max-width: var(--IDS_MAX-WIDTH);
66
+ grid-template-columns: 1.875rem 1fr 13.75rem;
67
+ column-gap: 1.25rem;
68
+ }
69
+ @media (max-width: 1024px) {
70
+ .ids-alert-global .ids-alert-global__inner {
71
+ grid-template-columns: 1.25rem 1fr 13.75rem;
72
+ }
73
+ .ids-alert-global .ids-alert-global__inner .alert-global-icon.hide {
74
+ display: none;
75
+ }
76
+ }
77
+ @media (max-width: 640px) {
78
+ .ids-alert-global .ids-alert-global__inner {
79
+ grid-template-columns: 1.25rem 1fr 1.5rem !important;
80
+ }
81
+ }
82
+ .ids-alert-global .ids-alert-global__inner .ids-alert-global__content {
83
+ margin-top: 0.25rem;
84
+ grid-column: 2/-1;
85
+ }
86
+ @media (max-width: 1024px) {
87
+ .ids-alert-global .ids-alert-global__inner .ids-alert-global__content {
88
+ grid-column: 1/-1;
89
+ }
90
+ }
91
+ .ids-alert-global .ids-alert-global__inner .ids-alert-global__expand {
92
+ min-width: 24px;
93
+ min-height: 24px;
94
+ background: none;
95
+ color: inherit;
96
+ border: none;
97
+ padding: 0;
98
+ font: inherit;
99
+ cursor: pointer;
100
+ outline: inherit;
101
+ -moz-user-select: -moz-none;
102
+ -khtml-user-select: none;
103
+ -webkit-user-select: none;
104
+ -ms-user-select: none;
105
+ user-select: none;
106
+ justify-self: end;
107
+ display: flex;
108
+ justify-content: center;
109
+ align-items: center;
110
+ cursor: pointer;
111
+ min-height: 24px;
112
+ min-width: 24px;
113
+ text-transform: uppercase;
114
+ font-size: 0.875rem;
115
+ letter-spacing: 0.09375rem;
116
+ color: var(--alert-text-toggle_color);
117
+ }
118
+ .ids-alert-global .ids-alert-global__inner .ids-alert-global__expand .ids-icon {
119
+ display: flex;
120
+ width: 24px;
121
+ align-items: center;
122
+ height: 24px;
123
+ justify-content: center;
124
+ }
125
+ .ids-alert-global .ids-alert-global__inner .ids-alert-global__expand:focus {
126
+ outline: var(--IDS-FOCUS_OUTLINE);
127
+ outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
128
+ }
129
+ .ids-alert-global .ids-alert-global__headline {
130
+ display: flex;
131
+ text-align: left;
132
+ }
133
+ .ids-alert-global .ids-alert-global__headline *,
134
+ .ids-alert-global .ids-alert-global__headline ::slotted(*) {
135
+ font-family: var(--IDS-ALERT-GLOBAL__HEADLINE__FONT-FAMILY) !important;
136
+ font-size: 1.125rem !important;
137
+ font-weight: var(--IDS-ALERT__HEADLINE__FONT-WEIGHT) !important;
138
+ line-height: 28px !important;
139
+ color: var(--IDS-ALERT-GLOBAL__HEADLINE__COLOR);
140
+ margin: 0px !important;
141
+ display: flex !important;
142
+ align-items: center !important;
143
+ }
144
+ @media (max-width: 1024px) {
145
+ .ids-alert-global .ids-alert-global__headline * .no-mobile-icon,
146
+ .ids-alert-global .ids-alert-global__headline ::slotted(*) .no-mobile-icon {
147
+ grid-column-start: 1;
148
+ grid-column-end: 3;
149
+ }
150
+ }
151
+ .ids-alert-global .ids-alert-global__expand-text {
152
+ margin-right: 1rem;
153
+ }
154
+ @media (max-width: 1024px) {
155
+ .ids-alert-global .ids-alert-global__expand-text {
156
+ display: none;
157
+ }
158
+ }
159
+ .ids-alert-global .ids-alert-global__sub-content {
160
+ margin-top: 0.75rem;
161
+ grid-column-start: 2;
162
+ }
163
+ @media (max-width: 1024px) {
164
+ .ids-alert-global .ids-alert-global__sub-content {
165
+ grid-column: 1/-1;
166
+ }
167
+ }
package/components/badge/badge-lit.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
package/components/badge/badge-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-badge{align-items:center;border-radius:5px;color:var(--IDS-BADGE__COLOR);display:inline-flex;font-size:.875rem;font-weight:400;height:30px;justify-items:center;padding:0 10px;text-transform:uppercase}.ids-badge.ids-badge--primary{background-color:var(--IDS-BADGE--PRIMARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--PRIMARY__BORDER);color:var(--IDS-BADGE--PRIMARY__COLOR)}.ids-badge.ids-badge--neutral{background-color:var(--IDS-BADGE--NEUTRAL__BACKGROUND-COLOR);border:var(--IDS-BADGE--NEUTRAL__BORDER)}.ids-badge.ids-badge--info{background-color:var(--IDS-BADGE--INFO__BACKGROUND-COLOR);border:var(--IDS-BADGE--INFO__BORDER)}.ids-badge.ids-badge--attention{background-color:var(--IDS-BADGE--ATTENTION__BACKGROUND-COLOR);border:var(--IDS-BADGE--ATTENTION__BORDER)}.ids-badge.ids-badge--success{background-color:var(--IDS-BADGE--SUCCESS__BACKGROUND-COLOR);border:var(--IDS-BADGE--SUCCESS__BORDER)}.ids-badge.ids-badge--error{background-color:var(--IDS-BADGE--ERROR__BACKGROUND-COLOR);border:var(--IDS-BADGE--ERROR__BORDER)}.ids-badge.ids-badge--secondary{background-color:var(--IDS-BADGE--SECONDARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--SECONDARY__BORDER)}@media (max-width:1024px){.ids-badge{font-size:.75em;height:24px;padding:0 10px}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-badge{align-items:center;border-radius:5px;color:var(--IDS-BADGE__COLOR);display:inline-flex;font-size:.875rem;font-weight:400;height:30px;justify-items:center;padding:0 10px;text-transform:uppercase}.ids-badge.ids-badge--primary{background-color:var(--IDS-BADGE--PRIMARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--PRIMARY__BORDER);color:var(--IDS-BADGE--PRIMARY__COLOR)}.ids-badge.ids-badge--neutral{background-color:var(--IDS-BADGE--NEUTRAL__BACKGROUND-COLOR);border:var(--IDS-BADGE--NEUTRAL__BORDER)}.ids-badge.ids-badge--info{background-color:var(--IDS-BADGE--INFO__BACKGROUND-COLOR);border:var(--IDS-BADGE--INFO__BORDER)}.ids-badge.ids-badge--attention{background-color:var(--IDS-BADGE--ATTENTION__BACKGROUND-COLOR);border:var(--IDS-BADGE--ATTENTION__BORDER)}.ids-badge.ids-badge--success{background-color:var(--IDS-BADGE--SUCCESS__BACKGROUND-COLOR);border:var(--IDS-BADGE--SUCCESS__BORDER)}.ids-badge.ids-badge--error{background-color:var(--IDS-BADGE--ERROR__BACKGROUND-COLOR);border:var(--IDS-BADGE--ERROR__BORDER)}.ids-badge.ids-badge--secondary{background-color:var(--IDS-BADGE--SECONDARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--SECONDARY__BORDER)}@media (max-width:1024px){.ids-badge{font-size:.75em;height:24px;padding:0 10px}}";
4
4
 
5
5
  var badgeLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/badge/badge.css CHANGED
@@ -1 +1,60 @@
1
- .ids-badge{height:30px;padding:0px 10px;display:inline-flex;align-items:center;justify-items:center;font-size:0.875rem;font-weight:400;text-transform:uppercase;color:var(--IDS-BADGE__COLOR);border-radius:5px}.ids-badge.ids-badge--primary{background-color:var(--IDS-BADGE--PRIMARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--PRIMARY__BORDER);color:var(--IDS-BADGE--PRIMARY__COLOR)}.ids-badge.ids-badge--neutral{background-color:var(--IDS-BADGE--NEUTRAL__BACKGROUND-COLOR);border:var(--IDS-BADGE--NEUTRAL__BORDER)}.ids-badge.ids-badge--info{background-color:var(--IDS-BADGE--INFO__BACKGROUND-COLOR);border:var(--IDS-BADGE--INFO__BORDER)}.ids-badge.ids-badge--attention{background-color:var(--IDS-BADGE--ATTENTION__BACKGROUND-COLOR);border:var(--IDS-BADGE--ATTENTION__BORDER)}.ids-badge.ids-badge--success{background-color:var(--IDS-BADGE--SUCCESS__BACKGROUND-COLOR);border:var(--IDS-BADGE--SUCCESS__BORDER)}.ids-badge.ids-badge--error{background-color:var(--IDS-BADGE--ERROR__BACKGROUND-COLOR);border:var(--IDS-BADGE--ERROR__BORDER)}.ids-badge.ids-badge--secondary{background-color:var(--IDS-BADGE--SECONDARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--SECONDARY__BORDER)}@media (max-width: 1024px){.ids-badge{height:24px;padding:0px 10px;font-size:0.75em}}
1
+ @media (max-width: 1023px) {
2
+ .ids-desktop {
3
+ display: none !important;
4
+ }
5
+ }
6
+
7
+ @media (min-width: 1024px) {
8
+ .ids-mobile {
9
+ display: none !important;
10
+ }
11
+ }
12
+
13
+ .ids-badge {
14
+ height: 30px;
15
+ padding: 0px 10px;
16
+ display: inline-flex;
17
+ align-items: center;
18
+ justify-items: center;
19
+ font-size: 0.875rem;
20
+ font-weight: 400;
21
+ text-transform: uppercase;
22
+ color: var(--IDS-BADGE__COLOR);
23
+ border-radius: 5px;
24
+ }
25
+ .ids-badge.ids-badge--primary {
26
+ background-color: var(--IDS-BADGE--PRIMARY__BACKGROUND-COLOR);
27
+ border: var(--IDS-BADGE--PRIMARY__BORDER);
28
+ color: var(--IDS-BADGE--PRIMARY__COLOR);
29
+ }
30
+ .ids-badge.ids-badge--neutral {
31
+ background-color: var(--IDS-BADGE--NEUTRAL__BACKGROUND-COLOR);
32
+ border: var(--IDS-BADGE--NEUTRAL__BORDER);
33
+ }
34
+ .ids-badge.ids-badge--info {
35
+ background-color: var(--IDS-BADGE--INFO__BACKGROUND-COLOR);
36
+ border: var(--IDS-BADGE--INFO__BORDER);
37
+ }
38
+ .ids-badge.ids-badge--attention {
39
+ background-color: var(--IDS-BADGE--ATTENTION__BACKGROUND-COLOR);
40
+ border: var(--IDS-BADGE--ATTENTION__BORDER);
41
+ }
42
+ .ids-badge.ids-badge--success {
43
+ background-color: var(--IDS-BADGE--SUCCESS__BACKGROUND-COLOR);
44
+ border: var(--IDS-BADGE--SUCCESS__BORDER);
45
+ }
46
+ .ids-badge.ids-badge--error {
47
+ background-color: var(--IDS-BADGE--ERROR__BACKGROUND-COLOR);
48
+ border: var(--IDS-BADGE--ERROR__BORDER);
49
+ }
50
+ .ids-badge.ids-badge--secondary {
51
+ background-color: var(--IDS-BADGE--SECONDARY__BACKGROUND-COLOR);
52
+ border: var(--IDS-BADGE--SECONDARY__BORDER);
53
+ }
54
+ @media (max-width: 1024px) {
55
+ .ids-badge {
56
+ height: 24px;
57
+ padding: 0px 10px;
58
+ font-size: 0.75em;
59
+ }
60
+ }
package/components/breadcrumbs/breadcrumbs-lit.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
package/components/breadcrumbs/breadcrumbs-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-breadcrumbs__crumb ::slotted(*):focus,.ids-breadcrumbs__crumb :focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-breadcrumbs{color:var(--IDS-BREADCRUMBS__COLOR);line-height:26px}.ids-breadcrumbs ol{list-style:none;margin:0;padding:0}.ids-breadcrumbs ol li{display:flex}.ids-breadcrumbs .ids-breadcrumbs__lead{margin-right:10px}.ids-breadcrumbs .ids-breadcrumbs__desktop{display:flex;flex-wrap:wrap}@media (max-width:1024px){.ids-breadcrumbs .ids-breadcrumbs__desktop{display:none}}.ids-breadcrumbs .ids-breadcrumbs__mobile{align-items:center;display:none}.ids-breadcrumbs .ids-breadcrumbs__mobile .ids-icon{margin-right:5px}@media (max-width:1024px){.ids-breadcrumbs .ids-breadcrumbs__mobile,.ids-breadcrumbs .ids-breadcrumbs__mobile li{display:flex}.ids-breadcrumbs .ids-breadcrumbs__mobile .ids-icon{display:inline}}.ids-breadcrumbs__crumb{align-items:center;display:flex;justify-content:center}.ids-breadcrumbs__crumb *,.ids-breadcrumbs__crumb ::slotted(*){color:var(--link_color);cursor:pointer;display:inline-block;line-height:26px;text-decoration:undelined}.ids-breadcrumbs__crumb .ids-breadcrumbs__crumb__separator{margin-left:10px;margin-right:10px}.ids-breadcrumbs__mobile .ids-breadcrumbs__crumb *,.ids-breadcrumbs__mobile .ids-breadcrumbs__crumb ::slotted(*){font-size:.875rem;text-decoration:none}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-breadcrumbs{color:var(--IDS-BREADCRUMBS__COLOR);line-height:26px}.ids-breadcrumbs ol{list-style:none;margin:0;padding:0}.ids-breadcrumbs ol li{display:flex}.ids-breadcrumbs .ids-breadcrumbs__lead{margin-right:10px}.ids-breadcrumbs .ids-breadcrumbs__desktop{display:flex;flex-wrap:wrap}@media (max-width:1024px){.ids-breadcrumbs .ids-breadcrumbs__desktop{display:none}}.ids-breadcrumbs .ids-breadcrumbs__mobile{align-items:center;display:none}.ids-breadcrumbs .ids-breadcrumbs__mobile .ids-icon{margin-right:5px}@media (max-width:1024px){.ids-breadcrumbs .ids-breadcrumbs__mobile,.ids-breadcrumbs .ids-breadcrumbs__mobile li{display:flex}.ids-breadcrumbs .ids-breadcrumbs__mobile .ids-icon{display:inline}}.ids-breadcrumbs__crumb{align-items:center;display:flex;justify-content:center}.ids-breadcrumbs__crumb *,.ids-breadcrumbs__crumb ::slotted(*){color:var(--link_color);cursor:pointer;display:inline-block;line-height:26px;text-decoration:underlined}.ids-breadcrumbs__crumb ::slotted(*):focus,.ids-breadcrumbs__crumb :focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-breadcrumbs__crumb .ids-breadcrumbs__crumb__separator{margin-left:10px;margin-right:10px}.ids-breadcrumbs__mobile .ids-breadcrumbs__crumb *,.ids-breadcrumbs__mobile .ids-breadcrumbs__crumb ::slotted(*){font-size:.875rem;text-decoration:none}";
4
4
 
5
5
  var breadcrumbsLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/breadcrumbs/breadcrumbs.css CHANGED
@@ -1 +1,90 @@
1
- .ids-breadcrumbs__crumb ::slotted(*):focus,.ids-breadcrumbs__crumb *:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-breadcrumbs{color:var(--IDS-BREADCRUMBS__COLOR);line-height:26px}.ids-breadcrumbs ol{list-style:none;margin:0px;padding:0px}.ids-breadcrumbs ol li{display:flex}.ids-breadcrumbs .ids-breadcrumbs__lead{margin-right:10px}.ids-breadcrumbs .ids-breadcrumbs__desktop{display:flex;flex-wrap:wrap}@media (max-width: 1024px){.ids-breadcrumbs .ids-breadcrumbs__desktop{display:none}}.ids-breadcrumbs .ids-breadcrumbs__mobile{display:none;align-items:center}.ids-breadcrumbs .ids-breadcrumbs__mobile .ids-icon{margin-right:5px}@media (max-width: 1024px){.ids-breadcrumbs .ids-breadcrumbs__mobile{display:flex}.ids-breadcrumbs .ids-breadcrumbs__mobile li{display:flex}.ids-breadcrumbs .ids-breadcrumbs__mobile .ids-icon{display:inline}}.ids-breadcrumbs__crumb{display:flex;align-items:center;justify-content:center}.ids-breadcrumbs__crumb ::slotted(*),.ids-breadcrumbs__crumb *{color:var(--link_color);line-height:26px;display:inline-block;cursor:pointer;text-decoration:undelined}.ids-breadcrumbs__crumb .ids-breadcrumbs__crumb__separator{margin-left:10px;margin-right:10px}.ids-breadcrumbs__mobile .ids-breadcrumbs__crumb ::slotted(*),.ids-breadcrumbs__mobile .ids-breadcrumbs__crumb *{text-decoration:none;font-size:0.875rem}
1
+ @media (max-width: 1023px) {
2
+ .ids-desktop {
3
+ display: none !important;
4
+ }
5
+ }
6
+
7
+ @media (min-width: 1024px) {
8
+ .ids-mobile {
9
+ display: none !important;
10
+ }
11
+ }
12
+
13
+ /* 1177 Typography - no margins */
14
+ /*******
15
+ * FORM
16
+ ********/
17
+ /*******
18
+ * Accessibility
19
+ ********/
20
+ .ids-breadcrumbs {
21
+ color: var(--IDS-BREADCRUMBS__COLOR);
22
+ line-height: 26px;
23
+ }
24
+ .ids-breadcrumbs ol {
25
+ list-style: none;
26
+ margin: 0px;
27
+ padding: 0px;
28
+ }
29
+ .ids-breadcrumbs ol li {
30
+ display: flex;
31
+ }
32
+ .ids-breadcrumbs .ids-breadcrumbs__lead {
33
+ margin-right: 10px;
34
+ }
35
+ .ids-breadcrumbs .ids-breadcrumbs__desktop {
36
+ display: flex;
37
+ flex-wrap: wrap;
38
+ }
39
+ @media (max-width: 1024px) {
40
+ .ids-breadcrumbs .ids-breadcrumbs__desktop {
41
+ display: none;
42
+ }
43
+ }
44
+ .ids-breadcrumbs .ids-breadcrumbs__mobile {
45
+ display: none;
46
+ align-items: center;
47
+ }
48
+ .ids-breadcrumbs .ids-breadcrumbs__mobile .ids-icon {
49
+ margin-right: 5px;
50
+ }
51
+ @media (max-width: 1024px) {
52
+ .ids-breadcrumbs .ids-breadcrumbs__mobile {
53
+ display: flex;
54
+ }
55
+ .ids-breadcrumbs .ids-breadcrumbs__mobile li {
56
+ display: flex;
57
+ }
58
+ .ids-breadcrumbs .ids-breadcrumbs__mobile .ids-icon {
59
+ display: inline;
60
+ }
61
+ }
62
+
63
+ .ids-breadcrumbs__crumb {
64
+ display: flex;
65
+ align-items: center;
66
+ justify-content: center;
67
+ }
68
+ .ids-breadcrumbs__crumb ::slotted(*),
69
+ .ids-breadcrumbs__crumb * {
70
+ color: var(--link_color);
71
+ line-height: 26px;
72
+ display: inline-block;
73
+ cursor: pointer;
74
+ text-decoration: underlined;
75
+ }
76
+ .ids-breadcrumbs__crumb ::slotted(*):focus,
77
+ .ids-breadcrumbs__crumb *:focus {
78
+ outline: var(--IDS-FOCUS_OUTLINE);
79
+ outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
80
+ }
81
+ .ids-breadcrumbs__crumb .ids-breadcrumbs__crumb__separator {
82
+ margin-left: 10px;
83
+ margin-right: 10px;
84
+ }
85
+
86
+ .ids-breadcrumbs__mobile .ids-breadcrumbs__crumb ::slotted(*),
87
+ .ids-breadcrumbs__mobile .ids-breadcrumbs__crumb * {
88
+ text-decoration: none;
89
+ font-size: 0.875rem;
90
+ }
package/components/button/button-lit.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;