@i-cell/ids-styles 0.0.70 → 0.0.71

package/dist/components.plugin.js

@@ -3357,7 +3357,7 @@ module.exports = function ComponentsPlugin() {
         borderColor: 'var(--ids-comp-card-elevated-color-border-surface-disabled)',
       },
       '.ids-checkbox-group': { display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'flex-start' },
-      '.ids-checkbox-group>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': { fontStyle: 'normal' },
+      '.ids-checkbox-group>.ids-checkbox-group__legend-wrapper>.ids-checkbox-group__legend-label': { fontStyle: 'normal' },
       '.ids-checkbox-group>.ids-checkbox-group__list': { display: 'flex' },
       '.ids-checkbox-group.ids-checkbox-group-horizontal>.ids-checkbox-group__list': { flexDirection: 'row', alignItems: 'center' },
       '.ids-checkbox-group.ids-checkbox-group-vertical>.ids-checkbox-group__list': { flexDirection: 'column', alignItems: 'flex-start' },
@@ -3366,10 +3366,17 @@ module.exports = function ComponentsPlugin() {
           'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-compact) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-compact)',
         gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-compact)',
       },
-      '.ids-checkbox-group.ids-checkbox-group-compact>.ids-checkbox-group__legend': {
+      '.ids-checkbox-group.ids-checkbox-group-compact>.ids-checkbox-group__legend-wrapper': {
+        display: 'flex',
+        flexDirection: 'column',
         gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-compact)',
       },
-      '.ids-checkbox-group.ids-checkbox-group-compact>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
+      '.ids-checkbox-group.ids-checkbox-group-compact>.ids-checkbox-group__legend-wrapper>.ids-checkbox-group__legend-container': {
+        display: 'flex',
+        flexDirection: 'row',
+        gap: 'var(--ids-comp-checkbox-label-size-gap-compact)',
+      },
+      '.ids-checkbox-group.ids-checkbox-group-compact>.ids-checkbox-group__legend-wrapper>.ids-checkbox-group__legend-label': {
         fontFamily: 'var(--ids-comp-checkbox-group-label-typography-font-family-compact)',
         fontSize: 'var(--ids-comp-checkbox-group-label-typography-font-size-compact)',
         fontWeight: 'var(--ids-comp-checkbox-group-label-typography-font-weight-compact)',
@@ -3405,10 +3412,17 @@ module.exports = function ComponentsPlugin() {
           'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-comfortable) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-comfortable)',
         gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-comfortable)',
       },
-      '.ids-checkbox-group.ids-checkbox-group-comfortable>.ids-checkbox-group__legend': {
+      '.ids-checkbox-group.ids-checkbox-group-comfortable>.ids-checkbox-group__legend-wrapper': {
+        display: 'flex',
+        flexDirection: 'column',
         gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-comfortable)',
       },
-      '.ids-checkbox-group.ids-checkbox-group-comfortable>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
+      '.ids-checkbox-group.ids-checkbox-group-comfortable>.ids-checkbox-group__legend-wrapper>.ids-checkbox-group__legend-container': {
+        display: 'flex',
+        flexDirection: 'row',
+        gap: 'var(--ids-comp-checkbox-label-size-gap-comfortable)',
+      },
+      '.ids-checkbox-group.ids-checkbox-group-comfortable>.ids-checkbox-group__legend-wrapper>.ids-checkbox-group__legend-label': {
         fontFamily: 'var(--ids-comp-checkbox-group-label-typography-font-family-comfortable)',
         fontSize: 'var(--ids-comp-checkbox-group-label-typography-font-size-comfortable)',
         fontWeight: 'var(--ids-comp-checkbox-group-label-typography-font-weight-comfortable)',
@@ -3444,10 +3458,17 @@ module.exports = function ComponentsPlugin() {
           'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-spacious) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-spacious)',
         gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-spacious)',
       },
-      '.ids-checkbox-group.ids-checkbox-group-spacious>.ids-checkbox-group__legend': {
+      '.ids-checkbox-group.ids-checkbox-group-spacious>.ids-checkbox-group__legend-wrapper': {
+        display: 'flex',
+        flexDirection: 'column',
         gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-spacious)',
       },
-      '.ids-checkbox-group.ids-checkbox-group-spacious>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
+      '.ids-checkbox-group.ids-checkbox-group-spacious>.ids-checkbox-group__legend-wrapper>.ids-checkbox-group__legend-container': {
+        display: 'flex',
+        flexDirection: 'row',
+        gap: 'var(--ids-comp-checkbox-label-size-gap-spacious)',
+      },
+      '.ids-checkbox-group.ids-checkbox-group-spacious>.ids-checkbox-group__legend-wrapper>.ids-checkbox-group__legend-label': {
         fontFamily: 'var(--ids-comp-checkbox-group-label-typography-font-family-spacious)',
         fontSize: 'var(--ids-comp-checkbox-group-label-typography-font-size-spacious)',
         fontWeight: 'var(--ids-comp-checkbox-group-label-typography-font-weight-spacious)',
@@ -3483,10 +3504,17 @@ module.exports = function ComponentsPlugin() {
           'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-y-dense) var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-padding-x-dense)',
         gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-size-gap-dense)',
       },
-      '.ids-checkbox-group.ids-checkbox-group-dense>.ids-checkbox-group__legend': {
+      '.ids-checkbox-group.ids-checkbox-group-dense>.ids-checkbox-group__legend-wrapper': {
+        display: 'flex',
+        flexDirection: 'column',
         gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-legend-size-gap-dense)',
       },
-      '.ids-checkbox-group.ids-checkbox-group-dense>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
+      '.ids-checkbox-group.ids-checkbox-group-dense>.ids-checkbox-group__legend-wrapper>.ids-checkbox-group__legend-container': {
+        display: 'flex',
+        flexDirection: 'row',
+        gap: 'var(--ids-comp-checkbox-label-size-gap-dense)',
+      },
+      '.ids-checkbox-group.ids-checkbox-group-dense>.ids-checkbox-group__legend-wrapper>.ids-checkbox-group__legend-label': {
         fontFamily: 'var(--ids-comp-checkbox-group-label-typography-font-family-dense)',
         fontSize: 'var(--ids-comp-checkbox-group-label-typography-font-size-dense)',
         fontWeight: 'var(--ids-comp-checkbox-group-label-typography-font-weight-dense)',
@@ -3517,13 +3545,13 @@ module.exports = function ComponentsPlugin() {
             'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-y-dense) var(--ids-comp-checkbox-group-vertical-fieldset-list-size-padding-x-dense)',
           gap: 'var(--ids-comp-checkbox-group-vertical-fieldset-list-size-gap-dense)',
         },
-      '.ids-checkbox-group.ids-checkbox-group-light>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
+      '.ids-checkbox-group.ids-checkbox-group-light>.ids-checkbox-group__legend-wrapper>.ids-checkbox-group__legend-label': {
         color: 'var(--ids-comp-checkbox-label-color-fg-light-default)',
       },
-      '.ids-checkbox-group.ids-checkbox-group-dark>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
+      '.ids-checkbox-group.ids-checkbox-group-dark>.ids-checkbox-group__legend-wrapper>.ids-checkbox-group__legend-label': {
         color: 'var(--ids-comp-checkbox-label-color-fg-dark-default)',
       },
-      '.ids-checkbox-group.ids-checkbox-group-surface>.ids-checkbox-group__legend>.ids-checkbox-group__legend-label': {
+      '.ids-checkbox-group.ids-checkbox-group-surface>.ids-checkbox-group__legend-wrapper>.ids-checkbox-group__legend-label': {
         color: 'var(--ids-comp-checkbox-label-color-fg-surface-default)',
       },
       '.ids-checkbox': {
@@ -3561,7 +3589,11 @@ module.exports = function ComponentsPlugin() {
       '.ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon': { position: 'absolute' },
       '.ids-checkbox .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon>.ids-icon': { color: 'inherit' },
       '.ids-checkbox .ids-checkbox__label-wrapper': { display: 'flex', flexDirection: 'column', alignItems: 'flex-start', flex: '1 0 0' },
-      '.ids-checkbox .ids-checkbox__label-wrapper .ids-checkbox__label-container': { textAlign: 'start' },
+      '.ids-checkbox .ids-checkbox__label-wrapper .ids-checkbox__label-container': {
+        textAlign: 'start',
+        display: 'flex',
+        flexDirection: 'row',
+      },
       '.ids-checkbox .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': { fontStyle: 'normal' },
       '.ids-checkbox .ids-checkbox__label-wrapper .ids-checkbox__message-container': { width: '100%' },
       '.ids-checkbox.ids-checkbox-compact': {
@@ -3604,6 +3636,7 @@ module.exports = function ComponentsPlugin() {
         letterSpacing: 'var(--ids-comp-checkbox-label-typography-letter-spacing-compact)',
         fontSize: 'var(--ids-comp-checkbox-label-typography-font-size-compact)',
         lineHeight: 'var(--ids-comp-checkbox-label-typography-line-height-compact)',
+        gap: 'var(--ids-comp-checkbox-label-size-gap-compact)',
       },
       '.ids-checkbox.ids-checkbox-comfortable': {
         padding:
@@ -3647,6 +3680,7 @@ module.exports = function ComponentsPlugin() {
         letterSpacing: 'var(--ids-comp-checkbox-label-typography-letter-spacing-comfortable)',
         fontSize: 'var(--ids-comp-checkbox-label-typography-font-size-comfortable)',
         lineHeight: 'var(--ids-comp-checkbox-label-typography-line-height-comfortable)',
+        gap: 'var(--ids-comp-checkbox-label-size-gap-comfortable)',
       },
       '.ids-checkbox.ids-checkbox-spacious': {
         padding: 'var(--ids-comp-checkbox-container-size-padding-y-spacious) var(--ids-comp-checkbox-container-size-padding-x-spacious)',
@@ -3689,6 +3723,7 @@ module.exports = function ComponentsPlugin() {
         letterSpacing: 'var(--ids-comp-checkbox-label-typography-letter-spacing-spacious)',
         fontSize: 'var(--ids-comp-checkbox-label-typography-font-size-spacious)',
         lineHeight: 'var(--ids-comp-checkbox-label-typography-line-height-spacious)',
+        gap: 'var(--ids-comp-checkbox-label-size-gap-spacious)',
       },
       '.ids-checkbox.ids-checkbox-dense': {
         padding: 'var(--ids-comp-checkbox-container-size-padding-y-dense) var(--ids-comp-checkbox-container-size-padding-x-dense)',
@@ -3730,6 +3765,7 @@ module.exports = function ComponentsPlugin() {
         letterSpacing: 'var(--ids-comp-checkbox-label-typography-letter-spacing-dense)',
         fontSize: 'var(--ids-comp-checkbox-label-typography-font-size-dense)',
         lineHeight: 'var(--ids-comp-checkbox-label-typography-line-height-dense)',
+        gap: 'var(--ids-comp-checkbox-label-size-gap-dense)',
       },
       '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate):not([aria-readonly=true])':
         {
@@ -5574,6 +5610,8 @@ module.exports = function ComponentsPlugin() {
         justifyItems: 'center',
       },
       '.ids-day-selector>.ids-day-selector__days-grid': { display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)' },
+      '.ids-dialog-backdrop': { backgroundColor: 'var(--ids-comp-dialog-backdrop-background)' },
+      '.ids-dialog-transparent-backdrop': { backgroundColor: 'rgba(0,0,0,0)' },
       '.ids-dialog': {
         boxSizing: 'border-box',
         borderWidth: '0',
@@ -5591,8 +5629,6 @@ module.exports = function ComponentsPlugin() {
         borderStyle: 'none',
         borderColor: 'rgba(0,0,0,0)',
       },
-      '.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: 'grid', gridTemplateColumns: '1fr auto' },
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title': {
@@ -9746,7 +9782,7 @@ module.exports = function ComponentsPlugin() {
         borderStyle: 'none',
         borderColor: 'rgba(0,0,0,0)',
       },
-      '.ids-radio-group.ids-radio-group-left': { alignItems: 'flex-end' },
+      '.ids-radio-group.ids-radio-group-left': { alignItems: 'flex-start' },
       '.ids-radio-group.ids-radio-group-right': { alignItems: 'flex-start' },
       '.ids-radio-group>.ids-radio-group__legend': { display: 'flex', flexDirection: 'column' },
       '.ids-radio-group>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label': {
@@ -9754,7 +9790,11 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-radio-group>.ids-radio-group__list': { display: 'flex' },
       '.ids-radio-group.ids-radio-group-horizontal>.ids-radio-group__list': { flexDirection: 'row', alignItems: 'center' },
-      '.ids-radio-group.ids-radio-group-vertical>.ids-radio-group__list': { flexDirection: 'column', alignItems: 'flex-start' },
+      '.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-top>.ids-radio-group__list': { alignItems: 'flex-end' },
+      '.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-bottom>.ids-radio-group__list': { alignItems: 'flex-start' },
+      '.ids-radio-group.ids-radio-group-vertical>.ids-radio-group__list': { flexDirection: 'column', alignItems: 'center' },
+      '.ids-radio-group.ids-radio-group-vertical.ids-radio-group-left>.ids-radio-group__list': { alignItems: 'flex-end' },
+      '.ids-radio-group.ids-radio-group-vertical.ids-radio-group-right>.ids-radio-group__list': { alignItems: 'flex-start' },
       '.ids-radio-group .ids-radio': { display: 'flex', alignItems: 'center' },
       '.ids-radio-group .ids-radio.ids-radio-left': { flexDirection: 'row-reverse', justifyContent: 'start' },
       '.ids-radio-group .ids-radio.ids-radio-right': { flexDirection: 'row', justifyContent: 'start' },
@@ -9764,6 +9804,7 @@ module.exports = function ComponentsPlugin() {
         { alignItems: 'center' },
       '.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label,.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label': {
         justifyContent: 'center',
+        textAlign: 'center',
       },
       '.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper':
         { alignItems: 'flex-start' },
@@ -9813,7 +9854,7 @@ module.exports = function ComponentsPlugin() {
         { cursor: 'not-allowed' },
       '.ids-radio-group.ids-radio-group-compact': {
         padding:
-          'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-compact)',
+          'var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-compact)',
         gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-compact)',
       },
       '.ids-radio-group.ids-radio-group-compact>.ids-radio-group__legend': {
@@ -9879,7 +9920,7 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-radio-group.ids-radio-group-comfortable': {
         padding:
-          'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-comfortable)',
+          'var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-comfortable)',
         gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-comfortable)',
       },
       '.ids-radio-group.ids-radio-group-comfortable>.ids-radio-group__legend': {
@@ -9946,7 +9987,7 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-radio-group.ids-radio-group-spacious': {
         padding:
-          'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-spacious)',
+          'var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-spacious)',
         gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-spacious)',
       },
       '.ids-radio-group.ids-radio-group-spacious>.ids-radio-group__legend': {
@@ -10012,7 +10053,7 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-radio-group.ids-radio-group-dense': {
         padding:
-          'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-dense)',
+          'var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-dense)',
         gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-dense)',
       },
       '.ids-radio-group.ids-radio-group-dense>.ids-radio-group__legend': {
@@ -12198,7 +12239,14 @@ module.exports = function ComponentsPlugin() {
         borderStyle: 'none',
         borderColor: 'rgba(0,0,0,0)',
       },
-      '.ids-side-sheet .ids-side-sheet__backdrop': { position: 'fixed', top: '0', left: '0', width: '100vw', height: '100vh', zIndex: 999 },
+      '.ids-side-sheet .ids-side-sheet__backdrop': {
+        position: 'fixed',
+        top: '0',
+        left: '0',
+        width: '100vw',
+        height: '100vh',
+        zIndex: 1000,
+      },
       '.ids-side-sheet .ids-side-sheet__container,.ids-side-sheet .ids-side-sheet__container--inline': {
         boxShadow:
           '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)',

package/dist/dialog/dialog.css

@@ -1,3 +1,11 @@
+.ids-dialog-backdrop {
+  background-color: var(--ids-comp-dialog-backdrop-background);
+}
+
+.ids-dialog-transparent-backdrop {
+  background-color: transparent;
+}
+
 .ids-dialog {
   box-sizing: border-box;
   border-width: 0;
@@ -16,12 +24,6 @@
   border-style: none;
   border-color: transparent;
 }
-.ids-dialog::backdrop {
-  background-color: transparent;
-}
-.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;

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:grid;grid-template-columns:1fr auto}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-style:normal;color:var(--ids-comp-dialog-header-color-fg-title-default)}.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;color:var(--ids-comp-dialog-header-color-fg-subtitle-default)}.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;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-backdrop{background-color:var(--ids-comp-dialog-backdrop-background)}.ids-dialog-transparent-backdrop{background-color:rgba(0,0,0,0)}.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 .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;color:var(--ids-comp-dialog-header-color-fg-title-default)}.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;color:var(--ids-comp-dialog-header-color-fg-subtitle-default)}.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;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

@@ -2,6 +2,8 @@
 module.exports = function DialogPlugin() {
   return function ({ addComponents }) {
     const cssObj = {
+      '.ids-dialog-backdrop': { backgroundColor: 'var(--ids-comp-dialog-backdrop-background)' },
+      '.ids-dialog-transparent-backdrop': { backgroundColor: 'rgba(0,0,0,0)' },
       '.ids-dialog': {
         boxSizing: 'border-box',
         borderWidth: '0',
@@ -19,8 +21,6 @@ module.exports = function DialogPlugin() {
         borderStyle: 'none',
         borderColor: 'rgba(0,0,0,0)',
       },
-      '.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: 'grid', gridTemplateColumns: '1fr auto' },
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title': {

package/dist/radio/radio.css

@@ -16,7 +16,7 @@
   border-color: transparent;
 }
 .ids-radio-group.ids-radio-group-left {
-  align-items: flex-end;
+  align-items: flex-start;
 }
 .ids-radio-group.ids-radio-group-right {
   align-items: flex-start;
@@ -35,8 +35,20 @@
   flex-direction: row;
   align-items: center;
 }
+.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-top > .ids-radio-group__list {
+  align-items: flex-end;
+}
+.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-bottom > .ids-radio-group__list {
+  align-items: flex-start;
+}
 .ids-radio-group.ids-radio-group-vertical > .ids-radio-group__list {
   flex-direction: column;
+  align-items: center;
+}
+.ids-radio-group.ids-radio-group-vertical.ids-radio-group-left > .ids-radio-group__list {
+  align-items: flex-end;
+}
+.ids-radio-group.ids-radio-group-vertical.ids-radio-group-right > .ids-radio-group__list {
   align-items: flex-start;
 }
 .ids-radio-group .ids-radio {
@@ -65,6 +77,7 @@
 }
 .ids-radio-group .ids-radio.ids-radio-top .ids-radio__label, .ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label {
   justify-content: center;
+  text-align: center;
 }
 .ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper, .ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper {
   align-items: flex-start;
@@ -126,7 +139,7 @@
   cursor: not-allowed;
 }
 .ids-radio-group.ids-radio-group-compact {
-  padding: var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-compact);
+  padding: var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-compact);
   gap: var(--ids-comp-radio-group-vertical-fieldset-size-gap-compact);
 }
 .ids-radio-group.ids-radio-group-compact > .ids-radio-group__legend {
@@ -189,7 +202,7 @@
   letter-spacing: var(--ids-comp-radio-button-label-typography-letter-spacing-compact);
 }
 .ids-radio-group.ids-radio-group-comfortable {
-  padding: var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-comfortable);
+  padding: var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-comfortable);
   gap: var(--ids-comp-radio-group-vertical-fieldset-size-gap-comfortable);
 }
 .ids-radio-group.ids-radio-group-comfortable > .ids-radio-group__legend {
@@ -252,7 +265,7 @@
   letter-spacing: var(--ids-comp-radio-button-label-typography-letter-spacing-comfortable);
 }
 .ids-radio-group.ids-radio-group-spacious {
-  padding: var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-spacious);
+  padding: var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-spacious);
   gap: var(--ids-comp-radio-group-vertical-fieldset-size-gap-spacious);
 }
 .ids-radio-group.ids-radio-group-spacious > .ids-radio-group__legend {
@@ -315,7 +328,7 @@
   letter-spacing: var(--ids-comp-radio-button-label-typography-letter-spacing-spacious);
 }
 .ids-radio-group.ids-radio-group-dense {
-  padding: var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-dense);
+  padding: var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-dense);
   gap: var(--ids-comp-radio-group-vertical-fieldset-size-gap-dense);
 }
 .ids-radio-group.ids-radio-group-dense > .ids-radio-group__legend {