@i-cell/ids-styles 0.0.69 → 0.0.70

package/dist/dialog/dialog.css

@@ -34,12 +34,14 @@
 }
 .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;

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}.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;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;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

@@ -23,9 +23,15 @@ module.exports = function DialogPlugin() {
       '.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': { fontStyle: 'normal' },
+      '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title': {
+        fontStyle: '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': { fontStyle: 'normal' },
+      '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle': {
+        fontStyle: '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',

package/dist/option/option.css

@@ -4,6 +4,7 @@
   align-self: stretch;
   box-sizing: border-box;
   user-select: none;
+  flex-shrink: 0;
 }
 .ids-option > .ids-option__text {
   overflow-wrap: anywhere;

package/dist/option/option.min.css

@@ -1 +1 @@
-.ids-option{display:flex;align-items:center;align-self:stretch;box-sizing:border-box;user-select:none}.ids-option>.ids-option__text{overflow-wrap:anywhere;font-style:normal}.ids-option:not(.ids-option-disabled){cursor:pointer}.ids-option.ids-option-disabled{cursor:not-allowed}.ids-option:not(.ids-option-multiselect){justify-content:space-between}.ids-option.ids-option-active{outline-style:solid}.ids-option.ids-option-compact{min-height:var(--ids-comp-forms-option-item-size-min-height-compact);padding:var(--ids-comp-forms-option-item-size-padding-y-compact) var(--ids-comp-forms-option-item-size-padding-x-compact);gap:var(--ids-comp-forms-option-container-size-gap-compact);border-radius:var(--ids-comp-forms-option-item-size-border-radius-compact)}.ids-option.ids-option-compact>.ids-option__text{font-family:var(--ids-comp-forms-option-item-typography-font-family-compact);font-size:var(--ids-comp-forms-option-item-typography-font-size-compact);font-weight:var(--ids-comp-forms-option-item-typography-font-weight-compact);line-height:var(--ids-comp-forms-option-item-typography-line-height-compact);letter-spacing:var(--ids-comp-forms-option-item-typography-letter-spacing-compact)}.ids-option.ids-option-compact>.ids-icon{height:var(--ids-comp-forms-option-item-icon-size-height-compact);width:var(--ids-comp-forms-option-item-icon-size-width-compact);font-size:var(--ids-comp-forms-option-icon-typography-font-size-compact);font-weight:var(--ids-comp-forms-option-icon-typography-font-weight-compact);line-height:var(--ids-comp-forms-option-icon-typography-line-height-compact)}.ids-option.ids-option-compact.ids-option-active{outline-width:var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-compact)}.ids-option.ids-option-comfortable{min-height:var(--ids-comp-forms-option-item-size-min-height-comfortable);padding:var(--ids-comp-forms-option-item-size-padding-y-comfortable) var(--ids-comp-forms-option-item-size-padding-x-comfortable);gap:var(--ids-comp-forms-option-container-size-gap-comfortable);border-radius:var(--ids-comp-forms-option-item-size-border-radius-comfortable)}.ids-option.ids-option-comfortable>.ids-option__text{font-family:var(--ids-comp-forms-option-item-typography-font-family-comfortable);font-size:var(--ids-comp-forms-option-item-typography-font-size-comfortable);font-weight:var(--ids-comp-forms-option-item-typography-font-weight-comfortable);line-height:var(--ids-comp-forms-option-item-typography-line-height-comfortable);letter-spacing:var(--ids-comp-forms-option-item-typography-letter-spacing-comfortable)}.ids-option.ids-option-comfortable>.ids-icon{height:var(--ids-comp-forms-option-item-icon-size-height-comfortable);width:var(--ids-comp-forms-option-item-icon-size-width-comfortable);font-size:var(--ids-comp-forms-option-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-forms-option-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-forms-option-icon-typography-line-height-comfortable)}.ids-option.ids-option-comfortable.ids-option-active{outline-width:var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-comfortable)}.ids-option.ids-option-spacious{min-height:var(--ids-comp-forms-option-item-size-min-height-spacious);padding:var(--ids-comp-forms-option-item-size-padding-y-spacious) var(--ids-comp-forms-option-item-size-padding-x-spacious);gap:var(--ids-comp-forms-option-container-size-gap-spacious);border-radius:var(--ids-comp-forms-option-item-size-border-radius-spacious)}.ids-option.ids-option-spacious>.ids-option__text{font-family:var(--ids-comp-forms-option-item-typography-font-family-spacious);font-size:var(--ids-comp-forms-option-item-typography-font-size-spacious);font-weight:var(--ids-comp-forms-option-item-typography-font-weight-spacious);line-height:var(--ids-comp-forms-option-item-typography-line-height-spacious);letter-spacing:var(--ids-comp-forms-option-item-typography-letter-spacing-spacious)}.ids-option.ids-option-spacious>.ids-icon{height:var(--ids-comp-forms-option-item-icon-size-height-spacious);width:var(--ids-comp-forms-option-item-icon-size-width-spacious);font-size:var(--ids-comp-forms-option-icon-typography-font-size-spacious);font-weight:var(--ids-comp-forms-option-icon-typography-font-weight-spacious);line-height:var(--ids-comp-forms-option-icon-typography-line-height-spacious)}.ids-option.ids-option-spacious.ids-option-active{outline-width:var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-spacious)}.ids-option.ids-option-dense{min-height:var(--ids-comp-forms-option-item-size-min-height-dense);padding:var(--ids-comp-forms-option-item-size-padding-y-dense) var(--ids-comp-forms-option-item-size-padding-x-dense);gap:var(--ids-comp-forms-option-container-size-gap-dense);border-radius:var(--ids-comp-forms-option-item-size-border-radius-dense)}.ids-option.ids-option-dense>.ids-option__text{font-family:var(--ids-comp-forms-option-item-typography-font-family-dense);font-size:var(--ids-comp-forms-option-item-typography-font-size-dense);font-weight:var(--ids-comp-forms-option-item-typography-font-weight-dense);line-height:var(--ids-comp-forms-option-item-typography-line-height-dense);letter-spacing:var(--ids-comp-forms-option-item-typography-letter-spacing-dense)}.ids-option.ids-option-dense>.ids-icon{height:var(--ids-comp-forms-option-item-icon-size-height-dense);width:var(--ids-comp-forms-option-item-icon-size-width-dense);font-size:var(--ids-comp-forms-option-icon-typography-font-size-dense);font-weight:var(--ids-comp-forms-option-icon-typography-font-weight-dense);line-height:var(--ids-comp-forms-option-icon-typography-line-height-dense)}.ids-option.ids-option-dense.ids-option-active{outline-width:var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-dense)}.ids-option.ids-option-surface:not(.ids-option-disabled){background:var(--ids-comp-forms-option-color-bg-surface-default)}.ids-option.ids-option-surface:not(.ids-option-disabled)>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-surface-default)}.ids-option.ids-option-surface:not(.ids-option-disabled)>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-surface-default)}.ids-option.ids-option-surface:not(.ids-option-disabled):hover{background:var(--ids-comp-forms-option-color-bg-surface-hovered)}.ids-option.ids-option-surface:not(.ids-option-disabled):hover>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-surface-hovered)}.ids-option.ids-option-surface:not(.ids-option-disabled):hover>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-surface-hovered)}.ids-option.ids-option-surface:not(.ids-option-disabled):active{background:var(--ids-comp-forms-option-color-bg-surface-pressed)}.ids-option.ids-option-surface:not(.ids-option-disabled):active>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-surface-pressed)}.ids-option.ids-option-surface:not(.ids-option-disabled):active>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-surface-pressed)}.ids-option.ids-option-surface:not(.ids-option-disabled).ids-option-active{background:var(--ids-comp-forms-option-color-bg-surface-active);outline-color:var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)}.ids-option.ids-option-surface:not(.ids-option-disabled).ids-option-active>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-surface-active)}.ids-option.ids-option-surface:not(.ids-option-disabled).ids-option-active>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-surface-active)}.ids-option.ids-option-surface.ids-option-disabled{background:var(--ids-comp-forms-option-color-bg-surface-disabled)}.ids-option.ids-option-surface.ids-option-disabled>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-surface-disabled)}.ids-option.ids-option-surface.ids-option-disabled>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-surface-disabled)}.ids-option.ids-option-light:not(.ids-option-disabled){background:var(--ids-comp-forms-option-color-bg-light-default)}.ids-option.ids-option-light:not(.ids-option-disabled)>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-light-default)}.ids-option.ids-option-light:not(.ids-option-disabled)>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-light-default)}.ids-option.ids-option-light:not(.ids-option-disabled):hover{background:var(--ids-comp-forms-option-color-bg-light-hovered)}.ids-option.ids-option-light:not(.ids-option-disabled):hover>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-light-hovered)}.ids-option.ids-option-light:not(.ids-option-disabled):hover>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-light-hovered)}.ids-option.ids-option-light:not(.ids-option-disabled):active{background:var(--ids-comp-forms-option-color-bg-light-pressed)}.ids-option.ids-option-light:not(.ids-option-disabled):active>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-light-pressed)}.ids-option.ids-option-light:not(.ids-option-disabled):active>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-light-pressed)}.ids-option.ids-option-light:not(.ids-option-disabled).ids-option-active{background:var(--ids-comp-forms-option-color-bg-light-active);outline-color:var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)}.ids-option.ids-option-light:not(.ids-option-disabled).ids-option-active>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-light-active)}.ids-option.ids-option-light:not(.ids-option-disabled).ids-option-active>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-light-active)}.ids-option.ids-option-light.ids-option-disabled{background:var(--ids-comp-forms-option-color-bg-light-disabled)}.ids-option.ids-option-light.ids-option-disabled>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-light-disabled)}.ids-option.ids-option-light.ids-option-disabled>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-light-disabled)}.ids-option-group{width:100%}.ids-option-group>.ids-option-group__label{display:flex;flex-direction:column;align-items:flex-start;width:100%}.ids-option-group>.ids-option-group__label>.ids-option-group__text{display:flex;align-items:center;align-self:stretch;font-style:normal}.ids-option-group.ids-option-group-compact>.ids-option-group__label{gap:var(--ids-comp-forms-option-container-size-gap-compact)}.ids-option-group.ids-option-group-compact>.ids-option-group__label>.ids-option-group__text{padding:var(--ids-comp-forms-option-group-title-size-padding-y-compact) var(--ids-comp-forms-option-group-title-size-padding-x-compact);font-family:var(--ids-comp-forms-option-group-title-typography-font-family-compact);font-size:var(--ids-comp-forms-option-group-title-typography-font-size-compact);font-weight:var(--ids-comp-forms-option-group-title-typography-font-weight-compact);line-height:var(--ids-comp-forms-option-group-title-typography-line-height-compact);letter-spacing:var(--ids-comp-forms-option-group-title-typography-letter-spacing-compact)}.ids-option-group.ids-option-group-compact>.ids-option{padding:var(--ids-comp-forms-option-item-size-padding-y-compact) var(--ids-comp-forms-option-group-item-size-padding-right-compact) var(--ids-comp-forms-option-item-size-padding-y-compact) var(--ids-comp-forms-option-group-item-size-padding-left-compact)}.ids-option-group.ids-option-group-comfortable>.ids-option-group__label{gap:var(--ids-comp-forms-option-container-size-gap-comfortable)}.ids-option-group.ids-option-group-comfortable>.ids-option-group__label>.ids-option-group__text{padding:var(--ids-comp-forms-option-group-title-size-padding-y-comfortable) var(--ids-comp-forms-option-group-title-size-padding-x-comfortable);font-family:var(--ids-comp-forms-option-group-title-typography-font-family-comfortable);font-size:var(--ids-comp-forms-option-group-title-typography-font-size-comfortable);font-weight:var(--ids-comp-forms-option-group-title-typography-font-weight-comfortable);line-height:var(--ids-comp-forms-option-group-title-typography-line-height-comfortable);letter-spacing:var(--ids-comp-forms-option-group-title-typography-letter-spacing-comfortable)}.ids-option-group.ids-option-group-comfortable>.ids-option{padding:var(--ids-comp-forms-option-item-size-padding-y-comfortable) var(--ids-comp-forms-option-group-item-size-padding-right-comfortable) var(--ids-comp-forms-option-item-size-padding-y-comfortable) var(--ids-comp-forms-option-group-item-size-padding-left-comfortable)}.ids-option-group.ids-option-group-spacious>.ids-option-group__label{gap:var(--ids-comp-forms-option-container-size-gap-spacious)}.ids-option-group.ids-option-group-spacious>.ids-option-group__label>.ids-option-group__text{padding:var(--ids-comp-forms-option-group-title-size-padding-y-spacious) var(--ids-comp-forms-option-group-title-size-padding-x-spacious);font-family:var(--ids-comp-forms-option-group-title-typography-font-family-spacious);font-size:var(--ids-comp-forms-option-group-title-typography-font-size-spacious);font-weight:var(--ids-comp-forms-option-group-title-typography-font-weight-spacious);line-height:var(--ids-comp-forms-option-group-title-typography-line-height-spacious);letter-spacing:var(--ids-comp-forms-option-group-title-typography-letter-spacing-spacious)}.ids-option-group.ids-option-group-spacious>.ids-option{padding:var(--ids-comp-forms-option-item-size-padding-y-spacious) var(--ids-comp-forms-option-group-item-size-padding-right-spacious) var(--ids-comp-forms-option-item-size-padding-y-spacious) var(--ids-comp-forms-option-group-item-size-padding-left-spacious)}.ids-option-group.ids-option-group-dense>.ids-option-group__label{gap:var(--ids-comp-forms-option-container-size-gap-dense)}.ids-option-group.ids-option-group-dense>.ids-option-group__label>.ids-option-group__text{padding:var(--ids-comp-forms-option-group-title-size-padding-y-dense) var(--ids-comp-forms-option-group-title-size-padding-x-dense);font-family:var(--ids-comp-forms-option-group-title-typography-font-family-dense);font-size:var(--ids-comp-forms-option-group-title-typography-font-size-dense);font-weight:var(--ids-comp-forms-option-group-title-typography-font-weight-dense);line-height:var(--ids-comp-forms-option-group-title-typography-line-height-dense);letter-spacing:var(--ids-comp-forms-option-group-title-typography-letter-spacing-dense)}.ids-option-group.ids-option-group-dense>.ids-option{padding:var(--ids-comp-forms-option-item-size-padding-y-dense) var(--ids-comp-forms-option-group-item-size-padding-right-dense) var(--ids-comp-forms-option-item-size-padding-y-dense) var(--ids-comp-forms-option-group-item-size-padding-left-dense)}.ids-option-group .ids-option-groupsurface>.ids-option-group__label>.ids-option-group__text{color:var(--ids-comp-forms-option-color-group-title-color-fg-text-default)}.ids-option-group .ids-option-grouplight>.ids-option-group__label>.ids-option-group__text{color:var(--ids-comp-forms-option-color-group-title-color-fg-text-default)}
+.ids-option{display:flex;align-items:center;align-self:stretch;box-sizing:border-box;user-select:none;flex-shrink:0}.ids-option>.ids-option__text{overflow-wrap:anywhere;font-style:normal}.ids-option:not(.ids-option-disabled){cursor:pointer}.ids-option.ids-option-disabled{cursor:not-allowed}.ids-option:not(.ids-option-multiselect){justify-content:space-between}.ids-option.ids-option-active{outline-style:solid}.ids-option.ids-option-compact{min-height:var(--ids-comp-forms-option-item-size-min-height-compact);padding:var(--ids-comp-forms-option-item-size-padding-y-compact) var(--ids-comp-forms-option-item-size-padding-x-compact);gap:var(--ids-comp-forms-option-container-size-gap-compact);border-radius:var(--ids-comp-forms-option-item-size-border-radius-compact)}.ids-option.ids-option-compact>.ids-option__text{font-family:var(--ids-comp-forms-option-item-typography-font-family-compact);font-size:var(--ids-comp-forms-option-item-typography-font-size-compact);font-weight:var(--ids-comp-forms-option-item-typography-font-weight-compact);line-height:var(--ids-comp-forms-option-item-typography-line-height-compact);letter-spacing:var(--ids-comp-forms-option-item-typography-letter-spacing-compact)}.ids-option.ids-option-compact>.ids-icon{height:var(--ids-comp-forms-option-item-icon-size-height-compact);width:var(--ids-comp-forms-option-item-icon-size-width-compact);font-size:var(--ids-comp-forms-option-icon-typography-font-size-compact);font-weight:var(--ids-comp-forms-option-icon-typography-font-weight-compact);line-height:var(--ids-comp-forms-option-icon-typography-line-height-compact)}.ids-option.ids-option-compact.ids-option-active{outline-width:var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-compact)}.ids-option.ids-option-comfortable{min-height:var(--ids-comp-forms-option-item-size-min-height-comfortable);padding:var(--ids-comp-forms-option-item-size-padding-y-comfortable) var(--ids-comp-forms-option-item-size-padding-x-comfortable);gap:var(--ids-comp-forms-option-container-size-gap-comfortable);border-radius:var(--ids-comp-forms-option-item-size-border-radius-comfortable)}.ids-option.ids-option-comfortable>.ids-option__text{font-family:var(--ids-comp-forms-option-item-typography-font-family-comfortable);font-size:var(--ids-comp-forms-option-item-typography-font-size-comfortable);font-weight:var(--ids-comp-forms-option-item-typography-font-weight-comfortable);line-height:var(--ids-comp-forms-option-item-typography-line-height-comfortable);letter-spacing:var(--ids-comp-forms-option-item-typography-letter-spacing-comfortable)}.ids-option.ids-option-comfortable>.ids-icon{height:var(--ids-comp-forms-option-item-icon-size-height-comfortable);width:var(--ids-comp-forms-option-item-icon-size-width-comfortable);font-size:var(--ids-comp-forms-option-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-forms-option-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-forms-option-icon-typography-line-height-comfortable)}.ids-option.ids-option-comfortable.ids-option-active{outline-width:var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-comfortable)}.ids-option.ids-option-spacious{min-height:var(--ids-comp-forms-option-item-size-min-height-spacious);padding:var(--ids-comp-forms-option-item-size-padding-y-spacious) var(--ids-comp-forms-option-item-size-padding-x-spacious);gap:var(--ids-comp-forms-option-container-size-gap-spacious);border-radius:var(--ids-comp-forms-option-item-size-border-radius-spacious)}.ids-option.ids-option-spacious>.ids-option__text{font-family:var(--ids-comp-forms-option-item-typography-font-family-spacious);font-size:var(--ids-comp-forms-option-item-typography-font-size-spacious);font-weight:var(--ids-comp-forms-option-item-typography-font-weight-spacious);line-height:var(--ids-comp-forms-option-item-typography-line-height-spacious);letter-spacing:var(--ids-comp-forms-option-item-typography-letter-spacing-spacious)}.ids-option.ids-option-spacious>.ids-icon{height:var(--ids-comp-forms-option-item-icon-size-height-spacious);width:var(--ids-comp-forms-option-item-icon-size-width-spacious);font-size:var(--ids-comp-forms-option-icon-typography-font-size-spacious);font-weight:var(--ids-comp-forms-option-icon-typography-font-weight-spacious);line-height:var(--ids-comp-forms-option-icon-typography-line-height-spacious)}.ids-option.ids-option-spacious.ids-option-active{outline-width:var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-spacious)}.ids-option.ids-option-dense{min-height:var(--ids-comp-forms-option-item-size-min-height-dense);padding:var(--ids-comp-forms-option-item-size-padding-y-dense) var(--ids-comp-forms-option-item-size-padding-x-dense);gap:var(--ids-comp-forms-option-container-size-gap-dense);border-radius:var(--ids-comp-forms-option-item-size-border-radius-dense)}.ids-option.ids-option-dense>.ids-option__text{font-family:var(--ids-comp-forms-option-item-typography-font-family-dense);font-size:var(--ids-comp-forms-option-item-typography-font-size-dense);font-weight:var(--ids-comp-forms-option-item-typography-font-weight-dense);line-height:var(--ids-comp-forms-option-item-typography-line-height-dense);letter-spacing:var(--ids-comp-forms-option-item-typography-letter-spacing-dense)}.ids-option.ids-option-dense>.ids-icon{height:var(--ids-comp-forms-option-item-icon-size-height-dense);width:var(--ids-comp-forms-option-item-icon-size-width-dense);font-size:var(--ids-comp-forms-option-icon-typography-font-size-dense);font-weight:var(--ids-comp-forms-option-icon-typography-font-weight-dense);line-height:var(--ids-comp-forms-option-icon-typography-line-height-dense)}.ids-option.ids-option-dense.ids-option-active{outline-width:var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-dense)}.ids-option.ids-option-surface:not(.ids-option-disabled){background:var(--ids-comp-forms-option-color-bg-surface-default)}.ids-option.ids-option-surface:not(.ids-option-disabled)>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-surface-default)}.ids-option.ids-option-surface:not(.ids-option-disabled)>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-surface-default)}.ids-option.ids-option-surface:not(.ids-option-disabled):hover{background:var(--ids-comp-forms-option-color-bg-surface-hovered)}.ids-option.ids-option-surface:not(.ids-option-disabled):hover>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-surface-hovered)}.ids-option.ids-option-surface:not(.ids-option-disabled):hover>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-surface-hovered)}.ids-option.ids-option-surface:not(.ids-option-disabled):active{background:var(--ids-comp-forms-option-color-bg-surface-pressed)}.ids-option.ids-option-surface:not(.ids-option-disabled):active>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-surface-pressed)}.ids-option.ids-option-surface:not(.ids-option-disabled):active>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-surface-pressed)}.ids-option.ids-option-surface:not(.ids-option-disabled).ids-option-active{background:var(--ids-comp-forms-option-color-bg-surface-active);outline-color:var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)}.ids-option.ids-option-surface:not(.ids-option-disabled).ids-option-active>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-surface-active)}.ids-option.ids-option-surface:not(.ids-option-disabled).ids-option-active>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-surface-active)}.ids-option.ids-option-surface.ids-option-disabled{background:var(--ids-comp-forms-option-color-bg-surface-disabled)}.ids-option.ids-option-surface.ids-option-disabled>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-surface-disabled)}.ids-option.ids-option-surface.ids-option-disabled>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-surface-disabled)}.ids-option.ids-option-light:not(.ids-option-disabled){background:var(--ids-comp-forms-option-color-bg-light-default)}.ids-option.ids-option-light:not(.ids-option-disabled)>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-light-default)}.ids-option.ids-option-light:not(.ids-option-disabled)>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-light-default)}.ids-option.ids-option-light:not(.ids-option-disabled):hover{background:var(--ids-comp-forms-option-color-bg-light-hovered)}.ids-option.ids-option-light:not(.ids-option-disabled):hover>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-light-hovered)}.ids-option.ids-option-light:not(.ids-option-disabled):hover>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-light-hovered)}.ids-option.ids-option-light:not(.ids-option-disabled):active{background:var(--ids-comp-forms-option-color-bg-light-pressed)}.ids-option.ids-option-light:not(.ids-option-disabled):active>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-light-pressed)}.ids-option.ids-option-light:not(.ids-option-disabled):active>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-light-pressed)}.ids-option.ids-option-light:not(.ids-option-disabled).ids-option-active{background:var(--ids-comp-forms-option-color-bg-light-active);outline-color:var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)}.ids-option.ids-option-light:not(.ids-option-disabled).ids-option-active>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-light-active)}.ids-option.ids-option-light:not(.ids-option-disabled).ids-option-active>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-light-active)}.ids-option.ids-option-light.ids-option-disabled{background:var(--ids-comp-forms-option-color-bg-light-disabled)}.ids-option.ids-option-light.ids-option-disabled>.ids-option__text{color:var(--ids-comp-forms-option-color-fg-text-light-disabled)}.ids-option.ids-option-light.ids-option-disabled>.ids-icon{color:var(--ids-comp-forms-option-color-fg-icon-light-disabled)}.ids-option-group{width:100%}.ids-option-group>.ids-option-group__label{display:flex;flex-direction:column;align-items:flex-start;width:100%}.ids-option-group>.ids-option-group__label>.ids-option-group__text{display:flex;align-items:center;align-self:stretch;font-style:normal}.ids-option-group.ids-option-group-compact>.ids-option-group__label{gap:var(--ids-comp-forms-option-container-size-gap-compact)}.ids-option-group.ids-option-group-compact>.ids-option-group__label>.ids-option-group__text{padding:var(--ids-comp-forms-option-group-title-size-padding-y-compact) var(--ids-comp-forms-option-group-title-size-padding-x-compact);font-family:var(--ids-comp-forms-option-group-title-typography-font-family-compact);font-size:var(--ids-comp-forms-option-group-title-typography-font-size-compact);font-weight:var(--ids-comp-forms-option-group-title-typography-font-weight-compact);line-height:var(--ids-comp-forms-option-group-title-typography-line-height-compact);letter-spacing:var(--ids-comp-forms-option-group-title-typography-letter-spacing-compact)}.ids-option-group.ids-option-group-compact>.ids-option{padding:var(--ids-comp-forms-option-item-size-padding-y-compact) var(--ids-comp-forms-option-group-item-size-padding-right-compact) var(--ids-comp-forms-option-item-size-padding-y-compact) var(--ids-comp-forms-option-group-item-size-padding-left-compact)}.ids-option-group.ids-option-group-comfortable>.ids-option-group__label{gap:var(--ids-comp-forms-option-container-size-gap-comfortable)}.ids-option-group.ids-option-group-comfortable>.ids-option-group__label>.ids-option-group__text{padding:var(--ids-comp-forms-option-group-title-size-padding-y-comfortable) var(--ids-comp-forms-option-group-title-size-padding-x-comfortable);font-family:var(--ids-comp-forms-option-group-title-typography-font-family-comfortable);font-size:var(--ids-comp-forms-option-group-title-typography-font-size-comfortable);font-weight:var(--ids-comp-forms-option-group-title-typography-font-weight-comfortable);line-height:var(--ids-comp-forms-option-group-title-typography-line-height-comfortable);letter-spacing:var(--ids-comp-forms-option-group-title-typography-letter-spacing-comfortable)}.ids-option-group.ids-option-group-comfortable>.ids-option{padding:var(--ids-comp-forms-option-item-size-padding-y-comfortable) var(--ids-comp-forms-option-group-item-size-padding-right-comfortable) var(--ids-comp-forms-option-item-size-padding-y-comfortable) var(--ids-comp-forms-option-group-item-size-padding-left-comfortable)}.ids-option-group.ids-option-group-spacious>.ids-option-group__label{gap:var(--ids-comp-forms-option-container-size-gap-spacious)}.ids-option-group.ids-option-group-spacious>.ids-option-group__label>.ids-option-group__text{padding:var(--ids-comp-forms-option-group-title-size-padding-y-spacious) var(--ids-comp-forms-option-group-title-size-padding-x-spacious);font-family:var(--ids-comp-forms-option-group-title-typography-font-family-spacious);font-size:var(--ids-comp-forms-option-group-title-typography-font-size-spacious);font-weight:var(--ids-comp-forms-option-group-title-typography-font-weight-spacious);line-height:var(--ids-comp-forms-option-group-title-typography-line-height-spacious);letter-spacing:var(--ids-comp-forms-option-group-title-typography-letter-spacing-spacious)}.ids-option-group.ids-option-group-spacious>.ids-option{padding:var(--ids-comp-forms-option-item-size-padding-y-spacious) var(--ids-comp-forms-option-group-item-size-padding-right-spacious) var(--ids-comp-forms-option-item-size-padding-y-spacious) var(--ids-comp-forms-option-group-item-size-padding-left-spacious)}.ids-option-group.ids-option-group-dense>.ids-option-group__label{gap:var(--ids-comp-forms-option-container-size-gap-dense)}.ids-option-group.ids-option-group-dense>.ids-option-group__label>.ids-option-group__text{padding:var(--ids-comp-forms-option-group-title-size-padding-y-dense) var(--ids-comp-forms-option-group-title-size-padding-x-dense);font-family:var(--ids-comp-forms-option-group-title-typography-font-family-dense);font-size:var(--ids-comp-forms-option-group-title-typography-font-size-dense);font-weight:var(--ids-comp-forms-option-group-title-typography-font-weight-dense);line-height:var(--ids-comp-forms-option-group-title-typography-line-height-dense);letter-spacing:var(--ids-comp-forms-option-group-title-typography-letter-spacing-dense)}.ids-option-group.ids-option-group-dense>.ids-option{padding:var(--ids-comp-forms-option-item-size-padding-y-dense) var(--ids-comp-forms-option-group-item-size-padding-right-dense) var(--ids-comp-forms-option-item-size-padding-y-dense) var(--ids-comp-forms-option-group-item-size-padding-left-dense)}.ids-option-group .ids-option-groupsurface>.ids-option-group__label>.ids-option-group__text{color:var(--ids-comp-forms-option-color-group-title-color-fg-text-default)}.ids-option-group .ids-option-grouplight>.ids-option-group__label>.ids-option-group__text{color:var(--ids-comp-forms-option-color-group-title-color-fg-text-default)}

package/dist/option/option.plugin.js

@@ -2,7 +2,14 @@
 module.exports = function OptionPlugin() {
   return function ({ addComponents }) {
     const cssObj = {
-      '.ids-option': { display: 'flex', alignItems: 'center', alignSelf: 'stretch', boxSizing: 'border-box', userSelect: 'none' },
+      '.ids-option': {
+        display: 'flex',
+        alignItems: 'center',
+        alignSelf: 'stretch',
+        boxSizing: 'border-box',
+        userSelect: 'none',
+        flexShrink: 0,
+      },
       '.ids-option>.ids-option__text': { overflowWrap: 'anywhere', fontStyle: 'normal' },
       '.ids-option:not(.ids-option-disabled)': { cursor: 'pointer' },
       '.ids-option.ids-option-disabled': { cursor: 'not-allowed' },