@i-cell/ids-styles 0.0.48 → 0.0.49

package/dist/components.plugin.js

@@ -5233,17 +5233,11 @@ module.exports = function ComponentsPlugin() {
       '.ids-dialog::backdrop': { backgroundColor: 'rgba(0,0,0,0)' },
       '.ids-dialog.ids-dialog-with-backdrop::backdrop': { backgroundColor: 'var(--ids-comp-dialog-backdrop-background)' },
       '.ids-dialog .ids-dialog-container': { display: 'grid', gridTemplateRows: 'auto 1fr auto', position: 'relative', maxHeight: '80vh' },
-      '.ids-dialog .ids-dialog-container .ids-dialog-header': { display: 'flex', alignItems: 'stretch' },
+      '.ids-dialog .ids-dialog-container .ids-dialog-header': { display: 'grid', gridTemplateColumns: '1fr auto' },
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title': { fontStyle: 'normal' },
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title.hidden': { display: 'none' },
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle': { fontStyle: 'normal' },
-      '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content': {
-        display: 'flex',
-        flexDirection: 'column',
-        flex: '1 0 0',
-        alignItems: 'flex-start',
-      },
-      '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-close-button': { position: 'absolute', top: '12px', right: '12px' },
+      '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content': { display: 'grid' },
       '.ids-dialog .ids-dialog-container .ids-dialog-content': {
         display: 'flex',
         alignItems: 'center',
@@ -12010,6 +12004,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message': {
         flex: '1 0 0',
         fontStyle: 'normal',
+        display: 'flex',
+        alignItems: 'center',
       },
       '.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action': {
         display: 'flex',

package/dist/dialog/dialog.css

@@ -29,8 +29,8 @@
   max-height: 80vh;
 }
 .ids-dialog .ids-dialog-container .ids-dialog-header {
-  display: flex;
-  align-items: stretch;
+  display: grid;
+  grid-template-columns: 1fr auto;
 }
 .ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title {
   font-style: normal;
@@ -42,15 +42,7 @@
   font-style: normal;
 }
 .ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content {
-  display: flex;
-  flex-direction: column;
-  flex: 1 0 0;
-  align-items: flex-start;
-}
-.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-close-button {
-  position: absolute;
-  top: 12px;
-  right: 12px;
+  display: grid;
 }
 .ids-dialog .ids-dialog-container .ids-dialog-content {
   display: flex;

package/dist/dialog/dialog.min.css

@@ -1 +1 @@
-.ids-dialog{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;padding:0;border-style:solid;border-color:var(--ids-comp-dialog-container-color-border-surface-default);background-color:var(--ids-comp-dialog-container-color-bg-default);box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)}.ids-dialog::before,.ids-dialog::after,.ids-dialog *,.ids-dialog ::before,.ids-dialog ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-dialog::backdrop{background-color:rgba(0,0,0,0)}.ids-dialog.ids-dialog-with-backdrop::backdrop{background-color:var(--ids-comp-dialog-backdrop-background)}.ids-dialog .ids-dialog-container{display:grid;grid-template-rows:auto 1fr auto;position:relative;max-height:80vh}.ids-dialog .ids-dialog-container .ids-dialog-header{display:flex;align-items:stretch}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-style:normal}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title.hidden{display:none}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-style:normal}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{display:flex;flex-direction:column;flex:1 0 0;align-items:flex-start}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-close-button{position:absolute;top:12px;right:12px}.ids-dialog .ids-dialog-container .ids-dialog-content{display:flex;align-items:center;justify-content:center;overflow-y:auto;background:var(--ids-comp-dialog-content-color-bg-default)}.ids-dialog .ids-dialog-container .ids-dialog-content .ids-dialog-content-overflow{overflow-y:auto;height:100%}.ids-dialog .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{border-top-style:solid;border-bottom-style:solid;border-top-color:var(--ids-comp-dialog-content-color-border-surface-default);border-bottom-color:var(--ids-comp-dialog-content-color-border-surface-default)}.ids-dialog .ids-dialog-container .ids-dialog-actions{display:flex;background:var(--ids-comp-dialog-footer-color-bg-default);justify-content:flex-end;align-items:flex-start;align-content:flex-start;align-self:stretch;flex-wrap:wrap}.ids-dialog.ids-dialog-compact{border-radius:var(--ids-comp-dialog-container-size-border-radius-compact);border-width:var(--ids-comp-dialog-container-size-border-width-compact)}.ids-dialog.ids-dialog-compact.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-compact);min-height:var(--ids-comp-dialog-container-size-min-height-compact);padding:var(--ids-comp-dialog-container-size-padding-y-compact) var(--ids-comp-dialog-container-size-padding-x-compact);gap:var(--ids-comp-dialog-container-size-gap-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-compact);font-size:var(--ids-comp-dialog-header-title-typography-font-size-compact);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-compact);line-height:var(--ids-comp-dialog-header-title-typography-line-height-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-compact);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-compact);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-compact);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-compact);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-compact);padding:var(--ids-comp-dialog-header-size-padding-y-compact) var(--ids-comp-dialog-header-size-padding-x-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-compact) var(--ids-comp-dialog-content-fixed-size-padding-x-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-compact) var(--ids-comp-dialog-content-scrollable-size-padding-x-compact);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-compact);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-compact) var(--ids-comp-dialog-footer-padding-x-compact);gap:var(--ids-comp-dialog-footer-gap-compact)}.ids-dialog.ids-dialog-comfortable{border-radius:var(--ids-comp-dialog-container-size-border-radius-comfortable);border-width:var(--ids-comp-dialog-container-size-border-width-comfortable)}.ids-dialog.ids-dialog-comfortable.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-comfortable);min-height:var(--ids-comp-dialog-container-size-min-height-comfortable);padding:var(--ids-comp-dialog-container-size-padding-y-comfortable) var(--ids-comp-dialog-container-size-padding-x-comfortable);gap:var(--ids-comp-dialog-container-size-gap-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-comfortable);font-size:var(--ids-comp-dialog-header-title-typography-font-size-comfortable);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-dialog-header-title-typography-line-height-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-comfortable);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-comfortable);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-comfortable);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-comfortable);padding:var(--ids-comp-dialog-header-size-padding-y-comfortable) var(--ids-comp-dialog-header-size-padding-x-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-comfortable) var(--ids-comp-dialog-content-fixed-size-padding-x-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-comfortable) var(--ids-comp-dialog-content-scrollable-size-padding-x-comfortable);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-comfortable);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-comfortable) var(--ids-comp-dialog-footer-padding-x-comfortable);gap:var(--ids-comp-dialog-footer-gap-comfortable)}.ids-dialog.ids-dialog-spacious{border-radius:var(--ids-comp-dialog-container-size-border-radius-spacious);border-width:var(--ids-comp-dialog-container-size-border-width-spacious)}.ids-dialog.ids-dialog-spacious.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-spacious);min-height:var(--ids-comp-dialog-container-size-min-height-spacious);padding:var(--ids-comp-dialog-container-size-padding-y-spacious) var(--ids-comp-dialog-container-size-padding-x-spacious);gap:var(--ids-comp-dialog-container-size-gap-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-spacious);font-size:var(--ids-comp-dialog-header-title-typography-font-size-spacious);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-dialog-header-title-typography-line-height-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-spacious);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-spacious);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-spacious);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-spacious);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-spacious);padding:var(--ids-comp-dialog-header-size-padding-y-spacious) var(--ids-comp-dialog-header-size-padding-x-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-spacious) var(--ids-comp-dialog-content-fixed-size-padding-x-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-spacious) var(--ids-comp-dialog-content-scrollable-size-padding-x-spacious);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-spacious);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-spacious) var(--ids-comp-dialog-footer-padding-x-spacious);gap:var(--ids-comp-dialog-footer-gap-spacious)}.ids-dialog.ids-dialog-dense{border-radius:var(--ids-comp-dialog-container-size-border-radius-dense);border-width:var(--ids-comp-dialog-container-size-border-width-dense)}.ids-dialog.ids-dialog-dense.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-dense);min-height:var(--ids-comp-dialog-container-size-min-height-dense);padding:var(--ids-comp-dialog-container-size-padding-y-dense) var(--ids-comp-dialog-container-size-padding-x-dense);gap:var(--ids-comp-dialog-container-size-gap-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-dense);font-size:var(--ids-comp-dialog-header-title-typography-font-size-dense);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-dense);line-height:var(--ids-comp-dialog-header-title-typography-line-height-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-dense);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-dense);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-dense);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-dense);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-dense);padding:var(--ids-comp-dialog-header-size-padding-y-dense) var(--ids-comp-dialog-header-size-padding-x-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-dense) var(--ids-comp-dialog-content-fixed-size-padding-x-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-dense) var(--ids-comp-dialog-content-scrollable-size-padding-x-dense);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-dense);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-dense) var(--ids-comp-dialog-footer-padding-x-dense);gap:var(--ids-comp-dialog-footer-gap-dense)}
+.ids-dialog{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;padding:0;border-style:solid;border-color:var(--ids-comp-dialog-container-color-border-surface-default);background-color:var(--ids-comp-dialog-container-color-bg-default);box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)}.ids-dialog::before,.ids-dialog::after,.ids-dialog *,.ids-dialog ::before,.ids-dialog ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-dialog::backdrop{background-color:rgba(0,0,0,0)}.ids-dialog.ids-dialog-with-backdrop::backdrop{background-color:var(--ids-comp-dialog-backdrop-background)}.ids-dialog .ids-dialog-container{display:grid;grid-template-rows:auto 1fr auto;position:relative;max-height:80vh}.ids-dialog .ids-dialog-container .ids-dialog-header{display:grid;grid-template-columns:1fr auto}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-style:normal}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title.hidden{display:none}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-style:normal}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{display:grid}.ids-dialog .ids-dialog-container .ids-dialog-content{display:flex;align-items:center;justify-content:center;overflow-y:auto;background:var(--ids-comp-dialog-content-color-bg-default)}.ids-dialog .ids-dialog-container .ids-dialog-content .ids-dialog-content-overflow{overflow-y:auto;height:100%}.ids-dialog .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{border-top-style:solid;border-bottom-style:solid;border-top-color:var(--ids-comp-dialog-content-color-border-surface-default);border-bottom-color:var(--ids-comp-dialog-content-color-border-surface-default)}.ids-dialog .ids-dialog-container .ids-dialog-actions{display:flex;background:var(--ids-comp-dialog-footer-color-bg-default);justify-content:flex-end;align-items:flex-start;align-content:flex-start;align-self:stretch;flex-wrap:wrap}.ids-dialog.ids-dialog-compact{border-radius:var(--ids-comp-dialog-container-size-border-radius-compact);border-width:var(--ids-comp-dialog-container-size-border-width-compact)}.ids-dialog.ids-dialog-compact.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-compact);min-height:var(--ids-comp-dialog-container-size-min-height-compact);padding:var(--ids-comp-dialog-container-size-padding-y-compact) var(--ids-comp-dialog-container-size-padding-x-compact);gap:var(--ids-comp-dialog-container-size-gap-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-compact);font-size:var(--ids-comp-dialog-header-title-typography-font-size-compact);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-compact);line-height:var(--ids-comp-dialog-header-title-typography-line-height-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-compact);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-compact);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-compact);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-compact);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-compact);padding:var(--ids-comp-dialog-header-size-padding-y-compact) var(--ids-comp-dialog-header-size-padding-x-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-compact) var(--ids-comp-dialog-content-fixed-size-padding-x-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-compact) var(--ids-comp-dialog-content-scrollable-size-padding-x-compact);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-compact);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-compact) var(--ids-comp-dialog-footer-padding-x-compact);gap:var(--ids-comp-dialog-footer-gap-compact)}.ids-dialog.ids-dialog-comfortable{border-radius:var(--ids-comp-dialog-container-size-border-radius-comfortable);border-width:var(--ids-comp-dialog-container-size-border-width-comfortable)}.ids-dialog.ids-dialog-comfortable.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-comfortable);min-height:var(--ids-comp-dialog-container-size-min-height-comfortable);padding:var(--ids-comp-dialog-container-size-padding-y-comfortable) var(--ids-comp-dialog-container-size-padding-x-comfortable);gap:var(--ids-comp-dialog-container-size-gap-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-comfortable);font-size:var(--ids-comp-dialog-header-title-typography-font-size-comfortable);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-dialog-header-title-typography-line-height-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-comfortable);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-comfortable);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-comfortable);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-comfortable);padding:var(--ids-comp-dialog-header-size-padding-y-comfortable) var(--ids-comp-dialog-header-size-padding-x-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-comfortable) var(--ids-comp-dialog-content-fixed-size-padding-x-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-comfortable) var(--ids-comp-dialog-content-scrollable-size-padding-x-comfortable);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-comfortable);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-comfortable) var(--ids-comp-dialog-footer-padding-x-comfortable);gap:var(--ids-comp-dialog-footer-gap-comfortable)}.ids-dialog.ids-dialog-spacious{border-radius:var(--ids-comp-dialog-container-size-border-radius-spacious);border-width:var(--ids-comp-dialog-container-size-border-width-spacious)}.ids-dialog.ids-dialog-spacious.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-spacious);min-height:var(--ids-comp-dialog-container-size-min-height-spacious);padding:var(--ids-comp-dialog-container-size-padding-y-spacious) var(--ids-comp-dialog-container-size-padding-x-spacious);gap:var(--ids-comp-dialog-container-size-gap-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-spacious);font-size:var(--ids-comp-dialog-header-title-typography-font-size-spacious);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-dialog-header-title-typography-line-height-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-spacious);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-spacious);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-spacious);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-spacious);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-spacious);padding:var(--ids-comp-dialog-header-size-padding-y-spacious) var(--ids-comp-dialog-header-size-padding-x-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-spacious) var(--ids-comp-dialog-content-fixed-size-padding-x-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-spacious) var(--ids-comp-dialog-content-scrollable-size-padding-x-spacious);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-spacious);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-spacious) var(--ids-comp-dialog-footer-padding-x-spacious);gap:var(--ids-comp-dialog-footer-gap-spacious)}.ids-dialog.ids-dialog-dense{border-radius:var(--ids-comp-dialog-container-size-border-radius-dense);border-width:var(--ids-comp-dialog-container-size-border-width-dense)}.ids-dialog.ids-dialog-dense.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-dense);min-height:var(--ids-comp-dialog-container-size-min-height-dense);padding:var(--ids-comp-dialog-container-size-padding-y-dense) var(--ids-comp-dialog-container-size-padding-x-dense);gap:var(--ids-comp-dialog-container-size-gap-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-dense);font-size:var(--ids-comp-dialog-header-title-typography-font-size-dense);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-dense);line-height:var(--ids-comp-dialog-header-title-typography-line-height-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-dense);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-dense);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-dense);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-dense);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-dense);padding:var(--ids-comp-dialog-header-size-padding-y-dense) var(--ids-comp-dialog-header-size-padding-x-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-dense) var(--ids-comp-dialog-content-fixed-size-padding-x-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-dense) var(--ids-comp-dialog-content-scrollable-size-padding-x-dense);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-dense);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-dense) var(--ids-comp-dialog-footer-padding-x-dense);gap:var(--ids-comp-dialog-footer-gap-dense)}

package/dist/dialog/dialog.plugin.js

@@ -22,17 +22,11 @@ module.exports = function DialogPlugin() {
       '.ids-dialog::backdrop': { backgroundColor: 'rgba(0,0,0,0)' },
       '.ids-dialog.ids-dialog-with-backdrop::backdrop': { backgroundColor: 'var(--ids-comp-dialog-backdrop-background)' },
       '.ids-dialog .ids-dialog-container': { display: 'grid', gridTemplateRows: 'auto 1fr auto', position: 'relative', maxHeight: '80vh' },
-      '.ids-dialog .ids-dialog-container .ids-dialog-header': { display: 'flex', alignItems: 'stretch' },
+      '.ids-dialog .ids-dialog-container .ids-dialog-header': { display: 'grid', gridTemplateColumns: '1fr auto' },
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title': { fontStyle: 'normal' },
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title.hidden': { display: 'none' },
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle': { fontStyle: 'normal' },
-      '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content': {
-        display: 'flex',
-        flexDirection: 'column',
-        flex: '1 0 0',
-        alignItems: 'flex-start',
-      },
-      '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-close-button': { position: 'absolute', top: '12px', right: '12px' },
+      '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content': { display: 'grid' },
       '.ids-dialog .ids-dialog-container .ids-dialog-content': {
         display: 'flex',
         alignItems: 'center',

package/dist/snackbar/snackbar.css

@@ -65,6 +65,8 @@
 .ids-snackbar-group .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__message {
   flex: 1 0 0;
   font-style: normal;
+  display: flex;
+  align-items: center;
 }
 .ids-snackbar-group .ids-snackbar > .ids-snackbar__content-wrapper > .ids-snackbar__message-action-container > .ids-snackbar__action {
   display: flex;

package/dist/snackbar/snackbar.min.css

@@ -1 +1 @@
-.ids-snackbar-group{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex}.ids-snackbar-group::before,.ids-snackbar-group::after,.ids-snackbar-group *,.ids-snackbar-group ::before,.ids-snackbar-group ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-top-right{flex-direction:column-reverse}.ids-snackbar-group.ids-snackbar-group-position-top-left.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-top-center.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-top-right.ids-snackbar-group-newest-at-start{flex-direction:column}.ids-snackbar-group.ids-snackbar-group-position-bottom-left,.ids-snackbar-group.ids-snackbar-group-position-bottom-center,.ids-snackbar-group.ids-snackbar-group-position-bottom-right{flex-direction:column}.ids-snackbar-group.ids-snackbar-group-position-bottom-left.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-bottom-center.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-bottom-right.ids-snackbar-group-newest-at-start{flex-direction:column-reverse}.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-bottom-left{align-items:flex-start}.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-bottom-center{align-items:center}.ids-snackbar-group.ids-snackbar-group-position-top-right,.ids-snackbar-group.ids-snackbar-group-position-bottom-right{align-items:flex-end}.ids-snackbar-group .ids-snackbar{min-width:max-content}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper{position:relative;display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xl) var(--ids-smc-reference-container-effects-shadow-blur-xxl) var(--ids-smc-reference-container-effects-shadow-spread-sm) var(--ids-smc-reference-container-effects-shadow-color-dark-light),var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-md) var(--ids-smc-reference-container-effects-shadow-blur-lg) var(--ids-smc-reference-container-effects-shadow-spread-xs) var(--ids-smc-reference-container-effects-shadow-color-dark-light)}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{display:flex;align-items:center;flex-shrink:0}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{display:flex;justify-content:space-between;align-items:center;align-content:center;flex:1 0 0;flex-wrap:wrap}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{flex:1 0 0;font-style:normal}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{display:flex;align-items:center}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button{position:absolute;top:16px;right:16px}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-dark-default);background:var(--ids-comp-snackbar-filled-color-bg-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-info-default);background:var(--ids-comp-snackbar-filled-color-bg-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-success-default);background:var(--ids-comp-snackbar-filled-color-bg-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-error-default);background:var(--ids-comp-snackbar-filled-color-bg-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-warning-default);background:var(--ids-comp-snackbar-filled-color-bg-warning-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-warning-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-warning-default)}.ids-snackbar-group.ids-snackbar-group-compact{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-compact);padding:var(--ids-comp-snackbar-container-size-padding-y-compact) var(--ids-comp-snackbar-container-size-padding-x-compact);border-radius:var(--ids-comp-snackbar-container-size-border-radius-compact);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-compact);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-compact);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-compact);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-compact);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-compact);height:var(--ids-comp-snackbar-icon-size-icon-compact);font-size:var(--ids-comp-snackbar-icon-typography-font-size-compact);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-compact);line-height:var(--ids-comp-snackbar-icon-typography-line-height-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-compact);row-gap:var(--ids-comp-snackbar-message-action-size-gap-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-compact);max-width:var(--ids-comp-snackbar-message-size-max-width-compact);min-height:var(--ids-comp-snackbar-message-size-min-height-compact);padding-right:var(--ids-comp-snackbar-message-size-padding-right-compact);font-family:var(--ids-comp-snackbar-message-typography-font-family-compact);font-size:var(--ids-comp-snackbar-message-typography-font-size-compact);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-compact);line-height:var(--ids-comp-snackbar-message-typography-line-height-compact);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-compact);height:var(--ids-comp-snackbar-icon-button-size-icon-button-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-compact)}.ids-snackbar-group.ids-snackbar-group-comfortable{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-comfortable);padding:var(--ids-comp-snackbar-container-size-padding-y-comfortable) var(--ids-comp-snackbar-container-size-padding-x-comfortable);border-radius:var(--ids-comp-snackbar-container-size-border-radius-comfortable);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-comfortable);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-comfortable);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-comfortable);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-comfortable);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-comfortable);height:var(--ids-comp-snackbar-icon-size-icon-comfortable);font-size:var(--ids-comp-snackbar-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-snackbar-icon-typography-line-height-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-comfortable);row-gap:var(--ids-comp-snackbar-message-action-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-comfortable);max-width:var(--ids-comp-snackbar-message-size-max-width-comfortable);min-height:var(--ids-comp-snackbar-message-size-min-height-comfortable);padding-right:var(--ids-comp-snackbar-message-size-padding-right-comfortable);font-family:var(--ids-comp-snackbar-message-typography-font-family-comfortable);font-size:var(--ids-comp-snackbar-message-typography-font-size-comfortable);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-comfortable);line-height:var(--ids-comp-snackbar-message-typography-line-height-comfortable);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable);height:var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-comfortable)}.ids-snackbar-group.ids-snackbar-group-spacious{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-spacious);padding:var(--ids-comp-snackbar-container-size-padding-y-spacious) var(--ids-comp-snackbar-container-size-padding-x-spacious);border-radius:var(--ids-comp-snackbar-container-size-border-radius-spacious);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-spacious);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-spacious);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-spacious);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-spacious);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-spacious);height:var(--ids-comp-snackbar-icon-size-icon-spacious);font-size:var(--ids-comp-snackbar-icon-typography-font-size-spacious);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-spacious);line-height:var(--ids-comp-snackbar-icon-typography-line-height-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-spacious);row-gap:var(--ids-comp-snackbar-message-action-size-gap-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-spacious);max-width:var(--ids-comp-snackbar-message-size-max-width-spacious);min-height:var(--ids-comp-snackbar-message-size-min-height-spacious);padding-right:var(--ids-comp-snackbar-message-size-padding-right-spacious);font-family:var(--ids-comp-snackbar-message-typography-font-family-spacious);font-size:var(--ids-comp-snackbar-message-typography-font-size-spacious);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-spacious);line-height:var(--ids-comp-snackbar-message-typography-line-height-spacious);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-spacious);height:var(--ids-comp-snackbar-icon-button-size-icon-button-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-spacious)}.ids-snackbar-group.ids-snackbar-group-dense{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-dense);padding:var(--ids-comp-snackbar-container-size-padding-y-dense) var(--ids-comp-snackbar-container-size-padding-x-dense);border-radius:var(--ids-comp-snackbar-container-size-border-radius-dense);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-dense);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-dense);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-dense);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-dense);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-dense);height:var(--ids-comp-snackbar-icon-size-icon-dense);font-size:var(--ids-comp-snackbar-icon-typography-font-size-dense);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-dense);line-height:var(--ids-comp-snackbar-icon-typography-line-height-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-dense);row-gap:var(--ids-comp-snackbar-message-action-size-gap-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-dense);max-width:var(--ids-comp-snackbar-message-size-max-width-dense);min-height:var(--ids-comp-snackbar-message-size-min-height-dense);padding-right:var(--ids-comp-snackbar-message-size-padding-right-dense);font-family:var(--ids-comp-snackbar-message-typography-font-family-dense);font-size:var(--ids-comp-snackbar-message-typography-font-size-dense);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-dense);line-height:var(--ids-comp-snackbar-message-typography-line-height-dense);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-dense);height:var(--ids-comp-snackbar-icon-button-size-icon-button-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-dense)}
+.ids-snackbar-group{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex}.ids-snackbar-group::before,.ids-snackbar-group::after,.ids-snackbar-group *,.ids-snackbar-group ::before,.ids-snackbar-group ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-top-right{flex-direction:column-reverse}.ids-snackbar-group.ids-snackbar-group-position-top-left.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-top-center.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-top-right.ids-snackbar-group-newest-at-start{flex-direction:column}.ids-snackbar-group.ids-snackbar-group-position-bottom-left,.ids-snackbar-group.ids-snackbar-group-position-bottom-center,.ids-snackbar-group.ids-snackbar-group-position-bottom-right{flex-direction:column}.ids-snackbar-group.ids-snackbar-group-position-bottom-left.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-bottom-center.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-bottom-right.ids-snackbar-group-newest-at-start{flex-direction:column-reverse}.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-bottom-left{align-items:flex-start}.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-bottom-center{align-items:center}.ids-snackbar-group.ids-snackbar-group-position-top-right,.ids-snackbar-group.ids-snackbar-group-position-bottom-right{align-items:flex-end}.ids-snackbar-group .ids-snackbar{min-width:max-content}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper{position:relative;display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xl) var(--ids-smc-reference-container-effects-shadow-blur-xxl) var(--ids-smc-reference-container-effects-shadow-spread-sm) var(--ids-smc-reference-container-effects-shadow-color-dark-light),var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-md) var(--ids-smc-reference-container-effects-shadow-blur-lg) var(--ids-smc-reference-container-effects-shadow-spread-xs) var(--ids-smc-reference-container-effects-shadow-color-dark-light)}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{display:flex;align-items:center;flex-shrink:0}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{display:flex;justify-content:space-between;align-items:center;align-content:center;flex:1 0 0;flex-wrap:wrap}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{flex:1 0 0;font-style:normal;display:flex;align-items:center}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{display:flex;align-items:center}.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button{position:absolute;top:16px;right:16px}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-dark-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-dark-default);background:var(--ids-comp-snackbar-filled-color-bg-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-dark>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-dark-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-info-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-info-default);background:var(--ids-comp-snackbar-filled-color-bg-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-info>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-info-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-success-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-success-default);background:var(--ids-comp-snackbar-filled-color-bg-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-success>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-success-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-error-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-error-default);background:var(--ids-comp-snackbar-filled-color-bg-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-error>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-error-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper{border-top-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-right-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-bottom-color:var(--ids-comp-snackbar-filled-color-border-warning-default);border-left-color:var(--ids-comp-snackbar-filled-color-border-warning-default);background:var(--ids-comp-snackbar-filled-color-bg-warning-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{color:var(--ids-comp-snackbar-filled-color-fg-icon-warning-default)}.ids-snackbar-group .ids-snackbar.ids-snackbar-warning>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{color:var(--ids-comp-snackbar-filled-color-fg-message-warning-default)}.ids-snackbar-group.ids-snackbar-group-compact{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-compact);padding:var(--ids-comp-snackbar-container-size-padding-y-compact) var(--ids-comp-snackbar-container-size-padding-x-compact);border-radius:var(--ids-comp-snackbar-container-size-border-radius-compact);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-compact);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-compact);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-compact);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-compact);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-compact);height:var(--ids-comp-snackbar-icon-size-icon-compact);font-size:var(--ids-comp-snackbar-icon-typography-font-size-compact);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-compact);line-height:var(--ids-comp-snackbar-icon-typography-line-height-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-compact);row-gap:var(--ids-comp-snackbar-message-action-size-gap-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-compact);max-width:var(--ids-comp-snackbar-message-size-max-width-compact);min-height:var(--ids-comp-snackbar-message-size-min-height-compact);padding-right:var(--ids-comp-snackbar-message-size-padding-right-compact);font-family:var(--ids-comp-snackbar-message-typography-font-family-compact);font-size:var(--ids-comp-snackbar-message-typography-font-size-compact);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-compact);line-height:var(--ids-comp-snackbar-message-typography-line-height-compact);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-compact);height:var(--ids-comp-snackbar-icon-button-size-icon-button-compact)}.ids-snackbar-group.ids-snackbar-group-compact>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-compact)}.ids-snackbar-group.ids-snackbar-group-comfortable{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-comfortable);padding:var(--ids-comp-snackbar-container-size-padding-y-comfortable) var(--ids-comp-snackbar-container-size-padding-x-comfortable);border-radius:var(--ids-comp-snackbar-container-size-border-radius-comfortable);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-comfortable);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-comfortable);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-comfortable);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-comfortable);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-comfortable);height:var(--ids-comp-snackbar-icon-size-icon-comfortable);font-size:var(--ids-comp-snackbar-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-snackbar-icon-typography-line-height-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-comfortable);row-gap:var(--ids-comp-snackbar-message-action-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-comfortable);max-width:var(--ids-comp-snackbar-message-size-max-width-comfortable);min-height:var(--ids-comp-snackbar-message-size-min-height-comfortable);padding-right:var(--ids-comp-snackbar-message-size-padding-right-comfortable);font-family:var(--ids-comp-snackbar-message-typography-font-family-comfortable);font-size:var(--ids-comp-snackbar-message-typography-font-size-comfortable);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-comfortable);line-height:var(--ids-comp-snackbar-message-typography-line-height-comfortable);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable);height:var(--ids-comp-snackbar-icon-button-size-icon-button-comfortable)}.ids-snackbar-group.ids-snackbar-group-comfortable>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-comfortable)}.ids-snackbar-group.ids-snackbar-group-spacious{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-spacious);padding:var(--ids-comp-snackbar-container-size-padding-y-spacious) var(--ids-comp-snackbar-container-size-padding-x-spacious);border-radius:var(--ids-comp-snackbar-container-size-border-radius-spacious);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-spacious);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-spacious);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-spacious);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-spacious);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-spacious);height:var(--ids-comp-snackbar-icon-size-icon-spacious);font-size:var(--ids-comp-snackbar-icon-typography-font-size-spacious);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-spacious);line-height:var(--ids-comp-snackbar-icon-typography-line-height-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-spacious);row-gap:var(--ids-comp-snackbar-message-action-size-gap-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-spacious);max-width:var(--ids-comp-snackbar-message-size-max-width-spacious);min-height:var(--ids-comp-snackbar-message-size-min-height-spacious);padding-right:var(--ids-comp-snackbar-message-size-padding-right-spacious);font-family:var(--ids-comp-snackbar-message-typography-font-family-spacious);font-size:var(--ids-comp-snackbar-message-typography-font-size-spacious);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-spacious);line-height:var(--ids-comp-snackbar-message-typography-line-height-spacious);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-spacious);height:var(--ids-comp-snackbar-icon-button-size-icon-button-spacious)}.ids-snackbar-group.ids-snackbar-group-spacious>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-spacious)}.ids-snackbar-group.ids-snackbar-group-dense{gap:var(--ids-comp-snackbar-group-container-size-gap-comfortable)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper{gap:var(--ids-comp-snackbar-container-size-gap-dense);padding:var(--ids-comp-snackbar-container-size-padding-y-dense) var(--ids-comp-snackbar-container-size-padding-x-dense);border-radius:var(--ids-comp-snackbar-container-size-border-radius-dense);border-top-width:var(--ids-comp-snackbar-container-size-border-top-width-dense);border-right-width:var(--ids-comp-snackbar-container-size-border-right-width-dense);border-bottom-width:var(--ids-comp-snackbar-container-size-border-bottom-width-dense);border-left-width:var(--ids-comp-snackbar-container-size-border-left-width-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element{padding-left:var(--ids-comp-snackbar-icon-size-padding-left-dense);padding-right:var(--ids-comp-snackbar-icon-size-padding-right-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__leading-element>.ids-icon{width:var(--ids-comp-snackbar-icon-size-icon-dense);height:var(--ids-comp-snackbar-icon-size-icon-dense);font-size:var(--ids-comp-snackbar-icon-typography-font-size-dense);font-weight:var(--ids-comp-snackbar-icon-typography-font-weight-dense);line-height:var(--ids-comp-snackbar-icon-typography-line-height-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{min-width:var(--ids-comp-snackbar-container-size-min-width-dense);row-gap:var(--ids-comp-snackbar-message-action-size-gap-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message{min-width:var(--ids-comp-snackbar-message-size-min-width-dense);max-width:var(--ids-comp-snackbar-message-size-max-width-dense);min-height:var(--ids-comp-snackbar-message-size-min-height-dense);padding-right:var(--ids-comp-snackbar-message-size-padding-right-dense);font-family:var(--ids-comp-snackbar-message-typography-font-family-dense);font-size:var(--ids-comp-snackbar-message-typography-font-size-dense);font-weight:var(--ids-comp-snackbar-message-typography-font-weight-dense);line-height:var(--ids-comp-snackbar-message-typography-line-height-dense);letter-spacing:var(--ids-comp-snackbar-message-typography-letter-spacing-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action{gap:var(--ids-comp-snackbar-actions-size-gap-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar>.ids-snackbar__content-wrapper>.ids-icon-button>.ids-icon{width:var(--ids-comp-snackbar-icon-button-size-icon-button-dense);height:var(--ids-comp-snackbar-icon-button-size-icon-button-dense)}.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container{padding-right:var(--ids-comp-snackbar-message-action-size-padding-right-dense)}

package/dist/snackbar/snackbar.plugin.js

@@ -60,6 +60,8 @@ module.exports = function SnackbarPlugin() {
       '.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__message': {
         flex: '1 0 0',
         fontStyle: 'normal',
+        display: 'flex',
+        alignItems: 'center',
       },
       '.ids-snackbar-group .ids-snackbar>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container>.ids-snackbar__action': {
         display: 'flex',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@i-cell/ids-styles",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "private": false,
   "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
   "scripts": {