@i-cell/ids-styles 0.0.33 → 0.0.34

package/dist/components.plugin.js

@@ -2,7 +2,23 @@
 module.exports = function ComponentsPlugin() {
   return function ({ addComponents }) {
     const cssObj = {
-      '.ids-accordion': { display: 'flex', width: '100%', flexDirection: 'column', alignItems: 'flex-start', borderStyle: 'solid' },
+      '.ids-accordion': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: ['none', 'solid'],
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'flex',
+        width: '100%',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+      },
+      '.ids-accordion::before,.ids-accordion::after,.ids-accordion *,.ids-accordion ::before,.ids-accordion ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-accordion>.ids-accordion-controls': { display: 'flex', alignItems: 'flex-start', alignSelf: 'stretch' },
       '.ids-accordion>.ids-accordion-item': {
         display: 'flex',
@@ -306,13 +322,23 @@ module.exports = function ComponentsPlugin() {
         color: 'var(--ids-comp-accordion-summary-filled-color-fg-icon-disabled)',
       },
       '.ids-avatar': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: ['none', 'solid'],
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
         display: 'inline-flex',
         justifyContent: 'center',
         alignItems: 'center',
         flexShrink: 0,
-        borderStyle: 'solid',
         overflow: 'hidden',
       },
+      '.ids-avatar::before,.ids-avatar::after,.ids-avatar *,.ids-avatar ::before,.ids-avatar ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-avatar.ids-avatar-type-initials': { flexDirection: 'column', textAlign: 'center', fontStyle: 'normal', color: 'inherit' },
       '.ids-avatar.ids-avatar-type-icon': { flexShrink: 0 },
       '.ids-avatar.ids-avatar-type-image>img': { width: '100%', height: '100%', objectFit: 'cover' },
@@ -493,7 +519,23 @@ module.exports = function ComponentsPlugin() {
         borderColor: 'var(--ids-comp-avatar-color-border-dark-default)',
         background: 'var(--ids-comp-avatar-color-bg-dark-default)',
       },
-      '.ids-button-group': { display: 'inline-flex', alignItems: 'flex-start', alignContent: 'flex-start', flexWrap: 'wrap' },
+      '.ids-button-group': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'inline-flex',
+        alignItems: 'flex-start',
+        alignContent: 'flex-start',
+        flexWrap: 'wrap',
+      },
+      '.ids-button-group::before,.ids-button-group::after,.ids-button-group *,.ids-button-group ::before,.ids-button-group ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-button-group.ids-button-group-compact': {
         padding: 'var(--ids-comp-button-group-size-padding-y-compact) var(--ids-comp-button-group-size-padding-x-compact)',
         gap: 'var(--ids-comp-button-group-size-column-gap-compact) var(--ids-comp-button-group-size-row-gap-compact)',
@@ -511,12 +553,22 @@ module.exports = function ComponentsPlugin() {
         gap: 'var(--ids-comp-button-group-size-column-gap-dense) var(--ids-comp-button-group-size-row-gap-dense)',
       },
       '.ids-button': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: ['none', 'solid'],
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
         flexShrink: 0,
         width: 'fit-content',
         alignItems: 'center',
         display: 'inline-flex',
         justifyContent: 'center',
-        borderStyle: 'solid',
+      },
+      '.ids-button::before,.ids-button::after,.ids-button *,.ids-button ::before,.ids-button ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
       },
       '.ids-button:focus,.ids-button:focus-visible': { outlineOffset: '2px', outlineStyle: 'solid' },
       '.ids-button:active': { outlineStyle: 'none' },
@@ -1705,7 +1757,20 @@ module.exports = function ComponentsPlugin() {
       '.ids-button.ids-button-text.ids-button-surface:disabled>.ids-icon': {
         color: 'var(--ids-comp-button-text-color-fg-icon-surface-disabled)',
       },
-      '.ids-card': { display: 'flex', borderStyle: 'solid', boxSizing: 'border-box' },
+      '.ids-card': {
+        boxSizing: ['border-box', 'border-box'],
+        borderWidth: '0',
+        borderStyle: ['none', 'solid'],
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'flex',
+      },
+      '.ids-card::before,.ids-card::after,.ids-card *,.ids-card ::before,.ids-card ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-card.ids-card-clickable': { pointerEvents: 'auto', cursor: 'pointer' },
       '.ids-card.ids-card-clickable:focus,.ids-card.ids-card-clickable:focus-visible': { outlineOffset: '2px', outlineStyle: 'solid' },
       '.ids-card.ids-card-clickable.ids-card-disabled': { pointerEvents: 'none', cursor: 'not-allowed' },
@@ -2631,7 +2696,22 @@ module.exports = function ComponentsPlugin() {
       '.ids-checkbox-group.ids-checkbox-group-surface>.ids-checkbox-group__label': {
         color: 'var(--ids-comp-checkbox-label-color-fg-surface-default)',
       },
-      '.ids-checkbox': { display: 'inline-flex', alignSelf: 'stretch', alignItems: 'flex-start' },
+      '.ids-checkbox': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'inline-flex',
+        alignSelf: 'stretch',
+        alignItems: 'flex-start',
+      },
+      '.ids-checkbox::before,.ids-checkbox::after,.ids-checkbox *,.ids-checkbox ::before,.ids-checkbox ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-checkbox .ids-checkbox__input-wrapper': {
         position: 'relative',
         display: 'flex',
@@ -4303,21 +4383,24 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-dialog': {
         boxSizing: 'border-box',
-        borderStyle: 'solid',
-        borderColor: 'var(--ids-comp-dialog-container-color-border-surface-default)',
+        borderWidth: '0',
+        borderStyle: ['none', 'solid'],
+        borderColor: ['rgba(0,0,0,0)', 'var(--ids-comp-dialog-container-color-border-surface-default)'],
+        lineHeight: 1.5,
+        padding: '0',
         backgroundColor: 'var(--ids-comp-dialog-container-color-bg-default)',
         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)',
       },
-      '.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': {
+      '.ids-dialog::before,.ids-dialog::after,.ids-dialog *,.ids-dialog ::before,.ids-dialog ::after': {
         boxSizing: 'border-box',
-        display: 'grid',
-        gridTemplateRows: 'auto 1fr auto',
-        position: 'relative',
-        maxHeight: '80vh',
+        borderWidth: '0',
+        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: 'flex', alignItems: 'stretch' },
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title': { fontStyle: 'normal' },
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title.hidden': { display: 'none' },
@@ -4394,6 +4477,7 @@ module.exports = function ComponentsPlugin() {
       },
       '.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': {
         borderRadius: 'var(--ids-comp-dialog-container-size-border-radius-comfortable)',
@@ -4438,6 +4522,7 @@ module.exports = function ComponentsPlugin() {
       },
       '.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': {
         borderRadius: 'var(--ids-comp-dialog-container-size-border-radius-spacious)',
@@ -4482,6 +4567,7 @@ module.exports = function ComponentsPlugin() {
       },
       '.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': {
         borderRadius: 'var(--ids-comp-dialog-container-size-border-radius-dense)',
@@ -4523,8 +4609,24 @@ module.exports = function ComponentsPlugin() {
       },
       '.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-divider': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+      },
+      '.ids-divider::before,.ids-divider::after,.ids-divider *,.ids-divider ::before,.ids-divider ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
       },
-      '.ids-divider': { display: 'flex', alignItems: 'center', justifyContent: 'center' },
       '.ids-divider.ids-divider-compact': { borderRadius: 'var(--ids-comp-divider-size-border-radius-compact)' },
       '.ids-divider.ids-divider-compact.ids-divider-horizontal': { height: 'var(--ids-comp-divider-size-height-compact)' },
       '.ids-divider.ids-divider-compact.ids-divider-vertical': { width: 'var(--ids-comp-divider-size-width-compact)' },
@@ -4547,14 +4649,22 @@ module.exports = function ComponentsPlugin() {
       '.ids-divider.ids-divider-dark': { background: 'var(--ids-comp-divider-color-bg-dark-default)' },
       '.ids-divider.ids-divider-surface': { background: 'var(--ids-comp-divider-color-bg-surface-default)' },
       '.ids-fieldset': {
+        boxSizing: 'border-box',
+        borderWidth: ['0', '0'],
+        borderStyle: ['none', 'unset'],
+        borderColor: ['rgba(0,0,0,0)', 'unset'],
+        lineHeight: 1.5,
         display: 'flex',
         width: '100%',
         flexDirection: 'column',
         alignItems: 'flex-start',
         margin: '0',
+      },
+      '.ids-fieldset::before,.ids-fieldset::after,.ids-fieldset *,.ids-fieldset ::before,.ids-fieldset ::after': {
+        boxSizing: 'border-box',
         borderWidth: '0',
-        borderStyle: 'unset',
-        borderColor: 'unset',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
       },
       '.ids-fieldset>.ids-fieldset-legend': {
         display: 'flex',
@@ -4671,7 +4781,22 @@ module.exports = function ComponentsPlugin() {
         color: 'var(--ids-comp-forms-fieldset-legend-color-fg-text-surface-default)',
       },
       '.ids-fieldset.ids-fieldset-surface>.ids-fieldset-message': { color: 'var(--ids-comp-forms-message-color-fg-text-surface-default)' },
-      '.ids-form-field': { display: 'inline-flex', flexDirection: 'column', alignItems: 'flex-start' },
+      '.ids-form-field': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'inline-flex',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+      },
+      '.ids-form-field::before,.ids-form-field::after,.ids-form-field *,.ids-form-field ::before,.ids-form-field ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-form-field>.ids-form-field__label': { flex: '1 0', overflow: 'hidden', textOverflow: 'ellipsis', fontStyle: 'normal' },
       '.ids-form-field>.ids-form-field__field-wrapper': {
         display: 'flex',
@@ -5678,7 +5803,23 @@ module.exports = function ComponentsPlugin() {
       '.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__label': {
         color: 'var(--ids-comp-forms-form-field-standard-label-color-fg-light-disabled)',
       },
-      '.ids-message': { display: 'flex', justifyContent: 'flex-start', alignItems: 'center', fontStyle: 'normal' },
+      '.ids-message': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'flex',
+        justifyContent: 'flex-start',
+        alignItems: 'center',
+        fontStyle: 'normal',
+      },
+      '.ids-message::before,.ids-message::after,.ids-message *,.ids-message ::before,.ids-message ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-message .ids-message__prefix,.ids-message .ids-message__suffix': { display: 'flex', alignItems: 'center' },
       '.ids-message .ids-message__text': { flexGrow: 1, textAlign: 'start' },
       '.ids-message .ids-icon': { color: 'inherit', height: 'inherit', width: 'inherit' },
@@ -5809,6 +5950,11 @@ module.exports = function ComponentsPlugin() {
         marginRight: '0',
       },
       '.ids-icon': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
         fontFamily: '"IDS Icons"',
         display: 'inline-flex',
         textTransform: 'none',
@@ -5822,6 +5968,12 @@ module.exports = function ComponentsPlugin() {
         alignItems: 'center',
         justifyContent: 'center',
       },
+      '.ids-icon::before,.ids-icon::after,.ids-icon *,.ids-icon ::before,.ids-icon ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-icon.ids-icon-smallcollection-compact': {
         height: 'var(--ids-comp-icon-size-smallcollection-height-compact)',
         width: 'var(--ids-comp-icon-size-smallcollection-width-compact)',
@@ -5882,12 +6034,22 @@ module.exports = function ComponentsPlugin() {
       '.ids-icon svg': { width: '100%', height: '100%' },
       '.ids-icon.ids-icon-font[fontIcon]::before': { content: 'attr(fontIcon)' },
       '.ids-icon-button': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: ['none', 'solid'],
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
         padding: '0px',
         display: 'flex',
         flexShrink: 0,
         alignItems: 'center',
         justifyContent: 'center',
-        borderStyle: 'solid',
+      },
+      '.ids-icon-button::before,.ids-icon-button::after,.ids-icon-button *,.ids-icon-button ::before,.ids-icon-button ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
       },
       '.ids-icon-button:focus,.ids-icon-button:focus-visible': { outlineOffset: '2px', outlineStyle: 'solid' },
       '.ids-icon-button:active': { outlineStyle: 'none' },
@@ -6606,7 +6768,23 @@ module.exports = function ComponentsPlugin() {
         color: 'var(--ids-comp-icon-button-standard-color-fg-surface-disabled)',
       },
       'a.ids-menu-item:link,a.ids-menu-item:visited': { textDecoration: 'none' },
-      '.ids-menu-item': { width: '100%', boxSizing: 'border-box', display: 'inline-flex', flexShrink: 0, alignItems: 'center' },
+      '.ids-menu-item': {
+        boxSizing: ['border-box', 'border-box'],
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        width: '100%',
+        display: 'inline-flex',
+        flexShrink: 0,
+        alignItems: 'center',
+      },
+      '.ids-menu-item::before,.ids-menu-item::after,.ids-menu-item *,.ids-menu-item ::before,.ids-menu-item ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-menu-item.ids-menu-item-no-label': { justifyContent: 'space-between' },
       '.ids-menu-item .ids-menu-item-label': { overflow: 'hidden', textOverflow: 'ellipsis', fontStyle: 'normal' },
       '.ids-menu-item .ids-menu-item-label--wrapper': {
@@ -6622,6 +6800,8 @@ module.exports = function ComponentsPlugin() {
         borderRadius: 'var(--ids-comp-menu-item-size-border-radius-compact)',
         padding: 'var(--ids-comp-menu-item-size-padding-y-compact) var(--ids-comp-menu-item-size-padding-x-compact)',
         height: 'var(--ids-comp-menu-item-size-height-compact)',
+      },
+      '.ids-menu-item.ids-menu-item-compact>.ids-menu-item-label--wrapper>.ids-menu-item-label': {
         fontFamily: 'var(--ids-comp-menu-item-label-typography-font-family-compact)',
         fontSize: 'var(--ids-comp-menu-item-label-typography-font-size-compact)',
         fontWeight: 'var(--ids-comp-menu-item-label-typography-font-weight-compact)',
@@ -6684,6 +6864,8 @@ module.exports = function ComponentsPlugin() {
         borderRadius: 'var(--ids-comp-menu-item-size-border-radius-comfortable)',
         padding: 'var(--ids-comp-menu-item-size-padding-y-comfortable) var(--ids-comp-menu-item-size-padding-x-comfortable)',
         height: 'var(--ids-comp-menu-item-size-height-comfortable)',
+      },
+      '.ids-menu-item.ids-menu-item-comfortable>.ids-menu-item-label--wrapper>.ids-menu-item-label': {
         fontFamily: 'var(--ids-comp-menu-item-label-typography-font-family-comfortable)',
         fontSize: 'var(--ids-comp-menu-item-label-typography-font-size-comfortable)',
         fontWeight: 'var(--ids-comp-menu-item-label-typography-font-weight-comfortable)',
@@ -6746,6 +6928,8 @@ module.exports = function ComponentsPlugin() {
         borderRadius: 'var(--ids-comp-menu-item-size-border-radius-spacious)',
         padding: 'var(--ids-comp-menu-item-size-padding-y-spacious) var(--ids-comp-menu-item-size-padding-x-spacious)',
         height: 'var(--ids-comp-menu-item-size-height-spacious)',
+      },
+      '.ids-menu-item.ids-menu-item-spacious>.ids-menu-item-label--wrapper>.ids-menu-item-label': {
         fontFamily: 'var(--ids-comp-menu-item-label-typography-font-family-spacious)',
         fontSize: 'var(--ids-comp-menu-item-label-typography-font-size-spacious)',
         fontWeight: 'var(--ids-comp-menu-item-label-typography-font-weight-spacious)',
@@ -6803,6 +6987,70 @@ module.exports = function ComponentsPlugin() {
       '.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled)': {
         borderColor: 'var(--ids-comp-menu-item-filled-color-border-light-disabled)',
       },
+      '.ids-menu-item.ids-menu-item-dense': {
+        gap: 'var(--ids-comp-menu-item-size-gap-dense)',
+        borderRadius: 'var(--ids-comp-menu-item-size-border-radius-dense)',
+        padding: 'var(--ids-comp-menu-item-size-padding-y-dense) var(--ids-comp-menu-item-size-padding-x-dense)',
+        height: 'var(--ids-comp-menu-item-size-height-dense)',
+      },
+      '.ids-menu-item.ids-menu-item-dense>.ids-menu-item-label--wrapper>.ids-menu-item-label': {
+        fontFamily: 'var(--ids-comp-menu-item-label-typography-font-family-dense)',
+        fontSize: 'var(--ids-comp-menu-item-label-typography-font-size-dense)',
+        fontWeight: 'var(--ids-comp-menu-item-label-typography-font-weight-dense)',
+        letterSpacing: 'var(--ids-comp-menu-item-label-typography-letter-spacing-dense)',
+        lineHeight: 'var(--ids-comp-menu-item-label-typography-line-height-dense)',
+      },
+      '.ids-menu-item.ids-menu-item-dense .ids-icon': {
+        width: 'var(--ids-comp-menu-item-size-icon-dense)',
+        height: 'var(--ids-comp-menu-item-size-icon-dense)',
+        fontSize: 'var(--ids-comp-menu-item-icon-typography-font-size-dense)',
+        fontWeight: 'var(--ids-comp-menu-item-icon-typography-font-weight-dense)',
+        lineHeight: 'var(--ids-comp-menu-item-icon-typography-line-height-dense)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-text.ids-menu-item-surface': {
+        borderStyle: 'solid',
+        borderWidth: 'var(--ids-comp-menu-item-size-border-width-dense)',
+        borderColor: 'var(--ids-comp-menu-item-text-color-border-surface-default)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-text.ids-menu-item-surface:hover': {
+        borderColor: 'var(--ids-comp-menu-item-text-color-border-surface-hovered)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-text.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled)': {
+        borderColor: 'var(--ids-comp-menu-item-text-color-border-surface-disabled)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-text.ids-menu-item-light': {
+        borderStyle: 'solid',
+        borderWidth: 'var(--ids-comp-menu-item-size-border-width-dense)',
+        borderColor: 'var(--ids-comp-menu-item-text-color-border-light-default)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-text.ids-menu-item-light:hover': {
+        borderColor: 'var(--ids-comp-menu-item-text-color-border-light-hovered)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-text.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled)': {
+        borderColor: 'var(--ids-comp-menu-item-text-color-border-light-disabled)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-filled.ids-menu-item-surface': {
+        borderStyle: 'solid',
+        borderWidth: 'var(--ids-comp-menu-item-size-border-width-dense)',
+        borderColor: 'var(--ids-comp-menu-item-filled-color-border-surface-default)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-filled.ids-menu-item-surface:hover': {
+        borderColor: 'var(--ids-comp-menu-item-filled-color-border-surface-hovered)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-filled.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled)': {
+        borderColor: 'var(--ids-comp-menu-item-filled-color-border-surface-disabled)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-filled.ids-menu-item-light': {
+        borderStyle: 'solid',
+        borderWidth: 'var(--ids-comp-menu-item-size-border-width-dense)',
+        borderColor: 'var(--ids-comp-menu-item-filled-color-border-light-default)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-filled.ids-menu-item-light:hover': {
+        borderColor: 'var(--ids-comp-menu-item-filled-color-border-light-hovered)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-filled.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled)': {
+        borderColor: 'var(--ids-comp-menu-item-filled-color-border-light-disabled)',
+      },
       '.ids-menu-item.ids-menu-item-text.ids-menu-item-surface': {
         color: 'var(--ids-comp-menu-item-text-color-fg-label-surface-default)',
         background: 'var(--ids-comp-menu-item-text-color-bg-surface-default)',
@@ -6917,12 +7165,29 @@ module.exports = function ComponentsPlugin() {
         height: 'var(--ids-comp-menu-item-active-indicator-size-height-spacious)',
         borderRadius: 'var(--ids-comp-menu-item-active-indicator-size-border-radius-spacious)',
       },
+      '.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-dense)::after': {
+        height: 'var(--ids-comp-menu-item-active-indicator-size-height-dense)',
+        borderRadius: 'var(--ids-comp-menu-item-active-indicator-size-border-radius-dense)',
+      },
       '.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-surface)::after': {
         backgroundColor: 'var(--ids-comp-menu-item-active-indicator-color-bg-surface-default)',
       },
       '.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-light)::after': {
         backgroundColor: 'var(--ids-comp-menu-item-active-indicator-color-bg-light-default)',
       },
+      '.ids-notification': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+      },
+      '.ids-notification::before,.ids-notification::after,.ids-notification *,.ids-notification ::before,.ids-notification ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-notification>.ids-notification__content-wrapper': {
         display: 'flex',
         justifyContent: 'space-between',
@@ -7610,7 +7875,22 @@ module.exports = function ComponentsPlugin() {
       '.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-overlay-panel': { display: 'flex', flexDirection: 'column', alignItems: 'flex-start', boxSizing: 'border-box' },
+      '.ids-overlay-panel': {
+        boxSizing: ['border-box', 'border-box'],
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+      },
+      '.ids-overlay-panel::before,.ids-overlay-panel::after,.ids-overlay-panel *,.ids-overlay-panel ::before,.ids-overlay-panel ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-overlay-panel.ids-overlay-panel-compact': {
         gap: 'var(--ids-comp-overlay-panel-size-gap-compact)',
         padding: 'var(--ids-comp-overlay-panel-size-padding-y-compact) var(--ids-comp-overlay-panel-size-padding-x-compact)',
@@ -7726,7 +8006,20 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-overlay-panel button:hover': { borderColor: 'rgba(0,0,0,0)' },
       '.ids-overlay-panel button:focus,.ids-overlay-panel button:focus-visible': { outlineStyle: 'none !important' },
-      '.ids-paginator': { display: 'inline-flex' },
+      '.ids-paginator': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'inline-flex',
+      },
+      '.ids-paginator::before,.ids-paginator::after,.ids-paginator *,.ids-paginator ::before,.ids-paginator ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-paginator .ids-paginator__navigation-container': {
         display: 'flex',
         flexDirection: 'row',
@@ -8153,7 +8446,22 @@ module.exports = function ComponentsPlugin() {
         order: 2,
         marginLeft: '0',
       },
-      '.ids-radio-group': { display: 'inline-flex', alignItems: 'flex-start', justifyContent: 'start' },
+      '.ids-radio-group': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'inline-flex',
+        alignItems: 'flex-start',
+        justifyContent: 'start',
+      },
+      '.ids-radio-group::before,.ids-radio-group::after,.ids-radio-group *,.ids-radio-group ::before,.ids-radio-group ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-radio-group.ids-radio-group-horizontal': { flexDirection: 'row' },
       '.ids-radio-group.ids-radio-group-vertical': { flexDirection: 'column' },
       '.ids-radio-group.ids-radio-group-left': { alignItems: 'flex-end' },
@@ -8873,7 +9181,19 @@ module.exports = function ComponentsPlugin() {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)',
         },
-      '.ids-segmented-control': { display: 'inline-flex', flexDirection: 'row', flexWrap: 'nowrap', alignItems: 'center' },
+      '.ids-segmented-control': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'inline-flex',
+        flexDirection: 'row',
+        flexWrap: 'nowrap',
+        alignItems: 'center',
+      },
+      '.ids-segmented-control::before,.ids-segmented-control::after,.ids-segmented-control *,.ids-segmented-control ::before,.ids-segmented-control ::after':
+        { boxSizing: 'border-box', borderWidth: '0', borderStyle: 'none', borderColor: 'rgba(0,0,0,0)' },
       '.ids-segmented-control .ids-segmented-control-item>button': {
         display: 'flex',
         alignItems: 'center',
@@ -9196,7 +9516,19 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-segmented-control.ids-segmented-control-light.ids-segmented-control-outlined .ids-segmented-control-item>button:disabled .ids-icon':
         { color: 'var(--ids-comp-segmented-control-button-outlined-color-fg-icon-light-disabled)' },
-      '.ids-segmented-control-toggle': { display: 'inline-flex', flexDirection: 'row', flexWrap: 'nowrap', alignItems: 'center' },
+      '.ids-segmented-control-toggle': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'inline-flex',
+        flexDirection: 'row',
+        flexWrap: 'nowrap',
+        alignItems: 'center',
+      },
+      '.ids-segmented-control-toggle::before,.ids-segmented-control-toggle::after,.ids-segmented-control-toggle *,.ids-segmented-control-toggle ::before,.ids-segmented-control-toggle ::after':
+        { boxSizing: 'border-box', borderWidth: '0', borderStyle: 'none', borderColor: 'rgba(0,0,0,0)' },
       '.ids-segmented-control-toggle .ids-segmented-control-toggle-item>button': {
         display: 'flex',
         alignItems: 'center',
@@ -9617,7 +9949,20 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-segmented-control-toggle.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item-light>button:disabled .ids-icon':
         { color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-light-disabled)' },
-      '.ids-select': { width: '100%' },
+      '.ids-select': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        width: '100%',
+      },
+      '.ids-select::before,.ids-select::after,.ids-select *,.ids-select ::before,.ids-select ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-select:focus,.ids-select:focus-visible': { outline: 'none' },
       '.ids-select>.ids-select__trigger': { display: 'flex', justifyContent: 'space-between', alignItems: 'center' },
       '.ids-select>.ids-select__trigger>.ids-select__value': { flexGrow: 1, overflow: 'hidden' },
@@ -9712,7 +10057,16 @@ module.exports = function ComponentsPlugin() {
         { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
       '.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
         { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
-      '.ids-snackbar-group': { display: 'flex' },
+      '.ids-snackbar-group': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'flex',
+      },
+      '.ids-snackbar-group::before,.ids-snackbar-group::after,.ids-snackbar-group *,.ids-snackbar-group ::before,.ids-snackbar-group ::after':
+        { boxSizing: 'border-box', borderWidth: '0', borderStyle: 'none', borderColor: 'rgba(0,0,0,0)' },
       '.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-top-right':
         { flexDirection: 'column-reverse' },
       '.ids-snackbar-group.ids-snackbar-group-position-top-left.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-top-center.ids-snackbar-group-newest-at-start,.ids-snackbar-group.ids-snackbar-group-position-top-right.ids-snackbar-group-newest-at-start':
@@ -10019,7 +10373,21 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-snackbar-group.ids-snackbar-group-dense>.ids-snackbar.ids-snackbar-width-close-x-button>.ids-snackbar__content-wrapper>.ids-snackbar__message-action-container':
         { paddingRight: 'var(--ids-comp-snackbar-message-action-size-padding-right-dense)' },
-      '.ids-switch-group': { display: 'flex', flexDirection: 'column' },
+      '.ids-switch-group': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'flex',
+        flexDirection: 'column',
+      },
+      '.ids-switch-group::before,.ids-switch-group::after,.ids-switch-group *,.ids-switch-group ::before,.ids-switch-group ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-switch-group.ids-switch-group-compact': {
         gap: 'var(--ids-comp-switch-group-container-size-gap-compact)',
         padding:
@@ -10583,7 +10951,20 @@ module.exports = function ComponentsPlugin() {
       '.ids-switch.ids-switch-primary.ids-switch-disabled.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle>.ids-icon':
         { color: 'var(--ids-comp-switch-handle-on-color-fg-icon-primary-disabled)' },
       '.ids-switch.ids-switch-disabled': { cursor: 'not-allowed' },
-      '.ids-tab-group': { display: 'flex' },
+      '.ids-tab-group': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'flex',
+      },
+      '.ids-tab-group::before,.ids-tab-group::after,.ids-tab-group *,.ids-tab-group ::before,.ids-tab-group ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-tab-group .ids-tab-group__container': { display: 'flex', flexDirection: 'column', position: 'relative', flexShrink: 0 },
       '.ids-tab-group .ids-tab__indicator': {
         display: 'flex',
@@ -10593,7 +10974,7 @@ module.exports = function ComponentsPlugin() {
         pointerEvents: 'none',
         zIndex: 1,
       },
-      '.ids-tab-group .ids-tab__indicator .ids-tab__line': { position: 'relative', boxSizing: 'border-box', opacity: 0 },
+      '.ids-tab-group .ids-tab__indicator .ids-tab__line': { position: 'relative', opacity: 0 },
       '.ids-tab-group.ids-tab-group-horizontal': { flexDirection: 'column', alignItems: 'center', flexShrink: 0 },
       '.ids-tab-group.ids-tab-group-horizontal>.ids-tab-group__container': { width: '100%' },
       '.ids-tab-group.ids-tab-group-horizontal>.ids-tab-group__container .ids-tab-group__header .ids-tab': { justifyContent: 'center' },
@@ -10652,58 +11033,58 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-tab-group.ids-tab-group-vertical .ids-tab__indicator': { top: '0' },
       '.ids-tab-group.ids-tab-group-vertical .ids-tab__indicator .ids-tab__line': { alignSelf: 'flex-start', height: '100%' },
-      '.ids-tab-group .ids-tab-group__container .ids-tab-group__header': {
+      '.ids-tab-group>.ids-tab-group__container>.ids-tab-group__header': {
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'flex-start',
-        listStyleType: 'none',
+        listStyle: 'none',
         margin: '0',
       },
-      '.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab': {
+      '.ids-tab-group>.ids-tab-group__container>.ids-tab-group__header>.ids-tab': {
         display: 'flex',
         alignItems: 'center',
         cursor: 'pointer',
         position: 'relative',
         borderStyle: 'solid',
       },
-      '.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab:focus,.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible':
+      '.ids-tab-group>.ids-tab-group__container>.ids-tab-group__header>.ids-tab:focus,.ids-tab-group>.ids-tab-group__container>.ids-tab-group__header>.ids-tab:focus-visible':
         { outlineStyle: 'solid' },
-      '.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab__label': {
+      '.ids-tab-group>.ids-tab-group__container>.ids-tab-group__header>.ids-tab.ids-tab__label': {
         display: 'inline-block',
         textOverflow: 'ellipsis',
         overflow: 'hidden',
         whiteSpace: 'nowrap',
       },
-      '.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled': {
+      '.ids-tab-group>.ids-tab-group__container>.ids-tab-group__header>.ids-tab.ids-tab-disabled': {
         pointerEvents: 'none',
         userSelect: 'none',
       },
-      '.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active>.ids-tab__indicator .ids-tab__line': {
+      '.ids-tab-group>.ids-tab-group__container>.ids-tab-group__header>.ids-tab.ids-tab--active>.ids-tab__indicator .ids-tab__line': {
         opacity: 1,
       },
       '.ids-tab-group.ids-tab-group-compact': {
         padding: 'var(--ids-comp-tab-container-size-padding-y-compact) var(--ids-comp-tab-container-size-padding-x-compact)',
         gap: 'var(--ids-comp-tab-container-size-gap-compact)',
       },
-      '.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom': {
+      '.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom>.ids-tab-group__container': {
         borderBottomWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-compact)',
       },
-      '.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator': {
-        bottom:
-          'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-compact) + var(--ids-comp-tab-item-size-border-width-compact)))',
-      },
-      '.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator .ids-tab__line': {
-        borderBottomWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-compact)',
-      },
-      '.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top': {
-        borderTopWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-compact)',
-      },
-      '.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator': {
-        top: 'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-compact) + var(--ids-comp-tab-item-size-border-width-compact)))',
-      },
-      '.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator .ids-tab__line': {
+      '.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom>.ids-tab-group__container .ids-tab__indicator':
+        {
+          bottom:
+            'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-compact) + var(--ids-comp-tab-item-size-border-width-compact)))',
+        },
+      '.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom>.ids-tab-group__container .ids-tab__indicator .ids-tab__line':
+        { borderBottomWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-compact)' },
+      '.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top>.ids-tab-group__container': {
         borderTopWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-compact)',
       },
+      '.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top>.ids-tab-group__container .ids-tab__indicator':
+        {
+          top: 'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-compact) + var(--ids-comp-tab-item-size-border-width-compact)))',
+        },
+      '.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top>.ids-tab-group__container .ids-tab__indicator .ids-tab__line':
+        { borderTopWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-compact)' },
       '.ids-tab-group.ids-tab-group-compact.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator': {
         borderLeftWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-compact)',
       },
@@ -10749,24 +11130,25 @@ module.exports = function ComponentsPlugin() {
         padding: 'var(--ids-comp-tab-container-size-padding-y-comfortable) var(--ids-comp-tab-container-size-padding-x-comfortable)',
         gap: 'var(--ids-comp-tab-container-size-gap-comfortable)',
       },
-      '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom': {
+      '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom>.ids-tab-group__container': {
         borderBottomWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-comfortable)',
       },
-      '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator': {
-        bottom:
-          'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-comfortable) + var(--ids-comp-tab-item-size-border-width-comfortable)))',
-      },
-      '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator .ids-tab__line':
+      '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom>.ids-tab-group__container .ids-tab__indicator':
+        {
+          bottom:
+            'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-comfortable) + var(--ids-comp-tab-item-size-border-width-comfortable)))',
+        },
+      '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom>.ids-tab-group__container .ids-tab__indicator .ids-tab__line':
         { borderBottomWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-comfortable)' },
-      '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top': {
-        borderTopWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-comfortable)',
-      },
-      '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator': {
-        top: 'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-comfortable) + var(--ids-comp-tab-item-size-border-width-comfortable)))',
-      },
-      '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator .ids-tab__line': {
+      '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top>.ids-tab-group__container': {
         borderTopWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-comfortable)',
       },
+      '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top>.ids-tab-group__container .ids-tab__indicator':
+        {
+          top: 'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-comfortable) + var(--ids-comp-tab-item-size-border-width-comfortable)))',
+        },
+      '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top>.ids-tab-group__container .ids-tab__indicator .ids-tab__line':
+        { borderTopWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-comfortable)' },
       '.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator': {
         borderLeftWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-comfortable)',
       },
@@ -10812,25 +11194,25 @@ module.exports = function ComponentsPlugin() {
         padding: 'var(--ids-comp-tab-container-size-padding-y-spacious) var(--ids-comp-tab-container-size-padding-x-spacious)',
         gap: 'var(--ids-comp-tab-container-size-gap-spacious)',
       },
-      '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom': {
-        borderBottomWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-spacious)',
-      },
-      '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator': {
-        bottom:
-          'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-spacious) + var(--ids-comp-tab-item-size-border-width-spacious)))',
-      },
-      '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator .ids-tab__line': {
+      '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom>.ids-tab-group__container': {
         borderBottomWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-spacious)',
       },
-      '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top': {
-        borderTopWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-spacious)',
-      },
-      '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator': {
-        top: 'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-spacious) + var(--ids-comp-tab-item-size-border-width-spacious)))',
-      },
-      '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator .ids-tab__line': {
+      '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom>.ids-tab-group__container .ids-tab__indicator':
+        {
+          bottom:
+            'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-spacious) + var(--ids-comp-tab-item-size-border-width-spacious)))',
+        },
+      '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom>.ids-tab-group__container .ids-tab__indicator .ids-tab__line':
+        { borderBottomWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-spacious)' },
+      '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top>.ids-tab-group__container': {
         borderTopWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-spacious)',
       },
+      '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top>.ids-tab-group__container .ids-tab__indicator':
+        {
+          top: 'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-spacious) + var(--ids-comp-tab-item-size-border-width-spacious)))',
+        },
+      '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top>.ids-tab-group__container .ids-tab__indicator .ids-tab__line':
+        { borderTopWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-spacious)' },
       '.ids-tab-group.ids-tab-group-spacious.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator': {
         borderLeftWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-spacious)',
       },
@@ -10876,25 +11258,25 @@ module.exports = function ComponentsPlugin() {
         padding: 'var(--ids-comp-tab-container-size-padding-y-dense) var(--ids-comp-tab-container-size-padding-x-dense)',
         gap: 'var(--ids-comp-tab-container-size-gap-dense)',
       },
-      '.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom': {
-        borderBottomWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-dense)',
-      },
-      '.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator': {
-        bottom:
-          'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-dense) + var(--ids-comp-tab-item-size-border-width-dense)))',
-      },
-      '.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator .ids-tab__line': {
+      '.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom>.ids-tab-group__container': {
         borderBottomWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-dense)',
       },
-      '.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top': {
-        borderTopWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-dense)',
-      },
-      '.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator': {
-        top: 'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-dense) + var(--ids-comp-tab-item-size-border-width-dense)))',
-      },
-      '.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator .ids-tab__line': {
+      '.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom>.ids-tab-group__container .ids-tab__indicator':
+        {
+          bottom:
+            'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-dense) + var(--ids-comp-tab-item-size-border-width-dense)))',
+        },
+      '.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom>.ids-tab-group__container .ids-tab__indicator .ids-tab__line':
+        { borderBottomWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-dense)' },
+      '.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top>.ids-tab-group__container': {
         borderTopWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-dense)',
       },
+      '.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top>.ids-tab-group__container .ids-tab__indicator':
+        {
+          top: 'calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-dense) + var(--ids-comp-tab-item-size-border-width-dense)))',
+        },
+      '.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top>.ids-tab-group__container .ids-tab__indicator .ids-tab__line':
+        { borderTopWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-dense)' },
       '.ids-tab-group.ids-tab-group-dense.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator': {
         borderLeftWidth: 'var(--ids-comp-tab-item-active-indicator-size-width-dense)',
       },
@@ -10948,8 +11330,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-default)',
       },
-      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab>.ids-tab__indicator': {
-        color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-default)',
+      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab>.ids-tab__indicator>.ids-tab__line': {
+        borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-default)',
       },
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:hover': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-surface-hovered)',
@@ -10959,9 +11341,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:hover>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-hovered)',
       },
-      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:hover>.ids-tab__indicator': {
-        color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-hovered)',
-      },
+      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:hover>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-hovered)' },
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus,.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible':
         {
           backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-surface-focused)',
@@ -10971,8 +11352,8 @@ module.exports = function ComponentsPlugin() {
         },
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus>.ids-icon,.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible>.ids-icon':
         { color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-focused)' },
-      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus>.ids-tab__indicator,.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-focused)' },
+      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus>.ids-tab__indicator>.ids-tab__line,.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-focused)' },
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:active': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-surface-pressed)',
         borderColor: 'var(--ids-comp-tab-item-standard-unselected-border-surface-pressed)',
@@ -10981,9 +11362,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:active>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-pressed)',
       },
-      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:active>.ids-tab__indicator': {
-        color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-pressed)',
-      },
+      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab:active>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-pressed)' },
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-surface-disabled)',
         borderColor: 'var(--ids-comp-tab-item-standard-unselected-border-surface-disabled)',
@@ -10992,8 +11372,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-disabled)',
       },
-      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-disabled)' },
+      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-disabled)' },
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-selected-bg-surface-default)',
         borderColor: 'var(--ids-comp-tab-item-standard-selected-border-surface-default)',
@@ -11002,8 +11382,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-selected-fg-icon-surface-default)',
       },
-      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-default)' },
+      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-default)' },
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-selected-bg-surface-hovered)',
         borderColor: 'var(--ids-comp-tab-item-standard-selected-border-surface-hovered)',
@@ -11012,8 +11392,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-selected-fg-icon-surface-hovered)',
       },
-      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-hovered)' },
+      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-hovered)' },
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus,.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible':
         {
           backgroundColor: 'var(--ids-comp-tab-item-standard-selected-bg-surface-focused)',
@@ -11022,8 +11402,8 @@ module.exports = function ComponentsPlugin() {
         },
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus>.ids-icon,.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible>.ids-icon':
         { color: 'var(--ids-comp-tab-item-standard-selected-fg-icon-surface-focused)' },
-      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus>.ids-tab__indicator,.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-focused)' },
+      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus>.ids-tab__indicator>.ids-tab__line,.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-focused)' },
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-selected-bg-surface-pressed)',
         borderColor: 'var(--ids-comp-tab-item-standard-selected-border-surface-pressed)',
@@ -11032,8 +11412,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-selected-fg-icon-surface-pressed)',
       },
-      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-pressed)' },
+      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-pressed)' },
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-surface-disabled)',
         borderColor: 'var(--ids-comp-tab-item-standard-unselected-border-surface-disabled)',
@@ -11041,8 +11421,8 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled>.ids-icon':
         { color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-disabled)' },
-      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-disabled)' },
+      '.ids-tab-group.ids-tab-group-surface>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-surface-disabled)' },
       '.ids-tab-group.ids-tab-group-light': { backgroundColor: 'var(--ids-comp-tab-container-color-bg-default)' },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header': {
         backgroundColor: 'var(--ids-comp-tab-tabgroup-color-bg-default)',
@@ -11055,8 +11435,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-light-default)',
       },
-      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab>.ids-tab__indicator': {
-        color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-default)',
+      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab>.ids-tab__indicator>.ids-tab__line': {
+        borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-default)',
       },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:hover': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-light-hovered)',
@@ -11066,9 +11446,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:hover>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-light-hovered)',
       },
-      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:hover>.ids-tab__indicator': {
-        color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-hovered)',
-      },
+      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:hover>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-hovered)' },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus,.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible':
         {
           backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-light-focused)',
@@ -11078,8 +11457,8 @@ module.exports = function ComponentsPlugin() {
         },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus>.ids-icon,.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible>.ids-icon':
         { color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-light-focused)' },
-      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus>.ids-tab__indicator,.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-focused)' },
+      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus>.ids-tab__indicator>.ids-tab__line,.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-focused)' },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:active': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-light-pressed)',
         borderColor: 'var(--ids-comp-tab-item-standard-unselected-border-light-pressed)',
@@ -11088,9 +11467,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:active>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-light-pressed)',
       },
-      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:active>.ids-tab__indicator': {
-        color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-pressed)',
-      },
+      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab:active>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-pressed)' },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-light-disabled)',
         borderColor: 'var(--ids-comp-tab-item-standard-unselected-border-light-disabled)',
@@ -11099,9 +11477,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-light-disabled)',
       },
-      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled>.ids-tab__indicator': {
-        color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-disabled)',
-      },
+      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-disabled)' },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-selected-bg-light-default)',
         borderColor: 'var(--ids-comp-tab-item-standard-selected-border-light-default)',
@@ -11110,9 +11487,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-selected-fg-icon-light-default)',
       },
-      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active>.ids-tab__indicator': {
-        color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-default)',
-      },
+      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-default)' },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-selected-bg-light-hovered)',
         borderColor: 'var(--ids-comp-tab-item-standard-selected-border-light-hovered)',
@@ -11121,8 +11497,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-selected-fg-icon-light-hovered)',
       },
-      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-hovered)' },
+      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-hovered)' },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus,.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible':
         {
           backgroundColor: 'var(--ids-comp-tab-item-standard-selected-bg-light-focused)',
@@ -11131,8 +11507,8 @@ module.exports = function ComponentsPlugin() {
         },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus>.ids-icon,.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible>.ids-icon':
         { color: 'var(--ids-comp-tab-item-standard-selected-fg-icon-light-focused)' },
-      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus>.ids-tab__indicator,.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-focused)' },
+      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus>.ids-tab__indicator>.ids-tab__line,.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-focused)' },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-selected-bg-light-pressed)',
         borderColor: 'var(--ids-comp-tab-item-standard-selected-border-light-pressed)',
@@ -11141,8 +11517,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-selected-fg-icon-light-pressed)',
       },
-      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-pressed)' },
+      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-pressed)' },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-light-disabled)',
         borderColor: 'var(--ids-comp-tab-item-standard-unselected-border-light-disabled)',
@@ -11150,8 +11526,8 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled>.ids-icon':
         { color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-light-disabled)' },
-      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-disabled)' },
+      '.ids-tab-group.ids-tab-group-light>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-light-disabled)' },
       '.ids-tab-group.ids-tab-group-primary': { backgroundColor: 'var(--ids-comp-tab-container-color-bg-default)' },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header': {
         backgroundColor: 'var(--ids-comp-tab-tabgroup-color-bg-default)',
@@ -11164,8 +11540,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-default)',
       },
-      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab>.ids-tab__indicator': {
-        color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-default)',
+      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab>.ids-tab__indicator>.ids-tab__line': {
+        borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-default)',
       },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:hover': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-primary-hovered)',
@@ -11175,9 +11551,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:hover>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-hovered)',
       },
-      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:hover>.ids-tab__indicator': {
-        color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-hovered)',
-      },
+      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:hover>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-hovered)' },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus,.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible':
         {
           backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-primary-focused)',
@@ -11187,8 +11562,8 @@ module.exports = function ComponentsPlugin() {
         },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus>.ids-icon,.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible>.ids-icon':
         { color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-focused)' },
-      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus>.ids-tab__indicator,.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-focused)' },
+      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus>.ids-tab__indicator>.ids-tab__line,.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-focused)' },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:active': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-primary-pressed)',
         borderColor: 'var(--ids-comp-tab-item-standard-unselected-border-primary-pressed)',
@@ -11197,9 +11572,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:active>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-pressed)',
       },
-      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:active>.ids-tab__indicator': {
-        color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-pressed)',
-      },
+      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab:active>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-pressed)' },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-primary-disabled)',
         borderColor: 'var(--ids-comp-tab-item-standard-unselected-border-primary-disabled)',
@@ -11208,8 +11582,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-disabled)',
       },
-      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled)' },
+      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled)' },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-selected-bg-primary-default)',
         borderColor: 'var(--ids-comp-tab-item-standard-selected-border-primary-default)',
@@ -11218,8 +11592,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-selected-fg-icon-primary-default)',
       },
-      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-default)' },
+      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-default)' },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-selected-bg-primary-hovered)',
         borderColor: 'var(--ids-comp-tab-item-standard-selected-border-primary-hovered)',
@@ -11228,8 +11602,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-selected-fg-icon-primary-hovered)',
       },
-      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-hovered)' },
+      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-hovered)' },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus,.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible':
         {
           backgroundColor: 'var(--ids-comp-tab-item-standard-selected-bg-primary-focused)',
@@ -11238,8 +11612,8 @@ module.exports = function ComponentsPlugin() {
         },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus>.ids-icon,.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible>.ids-icon':
         { color: 'var(--ids-comp-tab-item-standard-selected-fg-icon-primary-focused)' },
-      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus>.ids-tab__indicator,.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-focused)' },
+      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus>.ids-tab__indicator>.ids-tab__line,.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-focused)' },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-selected-bg-primary-pressed)',
         borderColor: 'var(--ids-comp-tab-item-standard-selected-border-primary-pressed)',
@@ -11248,8 +11622,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active>.ids-icon': {
         color: 'var(--ids-comp-tab-item-standard-selected-fg-icon-primary-pressed)',
       },
-      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-pressed)' },
+      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-pressed)' },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled': {
         backgroundColor: 'var(--ids-comp-tab-item-standard-unselected-bg-primary-disabled)',
         borderColor: 'var(--ids-comp-tab-item-standard-unselected-border-primary-disabled)',
@@ -11257,9 +11631,24 @@ module.exports = function ComponentsPlugin() {
       },
       '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled>.ids-icon':
         { color: 'var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-disabled)' },
-      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled>.ids-tab__indicator':
-        { color: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled)' },
-      '.ids-table': { position: 'relative', boxSizing: 'border-box', display: 'block', maxWidth: '100%' },
+      '.ids-tab-group.ids-tab-group-primary>.ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled>.ids-tab__indicator>.ids-tab__line':
+        { borderColor: 'var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled)' },
+      '.ids-table': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        position: 'relative',
+        display: 'block',
+        maxWidth: '100%',
+      },
+      '.ids-table::before,.ids-table::after,.ids-table *,.ids-table ::before,.ids-table ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-table>.ids-table__horizontal-scroll': { position: 'relative', overflow: 'auto', width: '100%' },
       '.ids-table.ids-table-compact.ids-table-with-border>.ids-table__horizontal-scroll>table': {
         borderRadius: 'var(--ids-comp-table-size-border-radius-compact)',
@@ -12401,7 +12790,22 @@ module.exports = function ComponentsPlugin() {
         justifyContent: 'center',
         textAlign: 'center',
       },
-      '.ids-tag': { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', borderStyle: 'solid', boxSizing: 'border-box' },
+      '.ids-tag': {
+        boxSizing: ['border-box', 'border-box'],
+        borderWidth: '0',
+        borderStyle: ['none', 'solid'],
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+      },
+      '.ids-tag::before,.ids-tag::after,.ids-tag *,.ids-tag ::before,.ids-tag ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-tag:focus,.ids-tag:focus-visible': { outlineOffset: '2px', outlineStyle: 'solid' },
       '.ids-tag:active': { outline: 'none' },
       '.ids-tag .ids-icon': { color: 'inherit' },
@@ -12988,7 +13392,20 @@ module.exports = function ComponentsPlugin() {
         gap: 'var(--ids-comp-tag-group-size-row-gap-dense) var(--ids-comp-tag-group-size-column-gap-dense)',
         padding: 'var(--ids-comp-tag-group-size-padding-y-dense) var(--ids-comp-tag-group-size-padding-x-dense)',
       },
-      '.ids-tooltip': { display: 'block' },
+      '.ids-tooltip': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'block',
+      },
+      '.ids-tooltip::before,.ids-tooltip::after,.ids-tooltip *,.ids-tooltip ::before,.ids-tooltip ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-tooltip>.ids-tooltip__content': {
         position: 'relative',
         display: 'inline-flex',