@i-cell/ids-styles 0.0.32 → 0.0.34

package/dist/accordion/accordion.css

@@ -1,10 +1,21 @@
 .ids-accordion {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: flex;
   width: 100%;
   flex-direction: column;
   align-items: flex-start;
   border-style: solid;
 }
+.ids-accordion::before, .ids-accordion::after, .ids-accordion *, .ids-accordion ::before, .ids-accordion ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-accordion > .ids-accordion-controls {
   display: flex;
   align-items: flex-start;

package/dist/accordion/accordion.min.css

@@ -1 +1 @@
-.ids-accordion{display:flex;width:100%;flex-direction:column;align-items:flex-start;border-style:solid}.ids-accordion>.ids-accordion-controls{display:flex;align-items:flex-start;align-self:stretch}.ids-accordion>.ids-accordion-item{display:flex;width:100%;flex-direction:column;align-items:flex-start;flex-shrink:0}.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary{display:flex;align-items:center;width:100%;flex:1 0 0;border-style:solid;cursor:pointer}.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary:focus-visible{outline-offset:2px;outline-style:solid;z-index:1}.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title{flex:1 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ids-accordion>.ids-accordion-item.ids-accordion-item-disabled>.ids-accordion-item-summary{pointer-events:none;user-select:none}.ids-accordion>.ids-accordion-item>.ids-accordion-item-content{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.ids-accordion.ids-accordion-compact{padding:var(--ids-comp-accordion-container-size-padding-y-compact) var(--ids-comp-accordion-container-size-padding-x-compact);gap:var(--ids-comp-accordion-container-size-gap-compact);border-radius:var(--ids-comp-accordion-container-size-border-radius-compact);border-width:var(--ids-comp-accordion-container-size-border-width-compact)}.ids-accordion.ids-accordion-compact>.ids-accordion-controls{padding:var(--ids-comp-accordion-controls-size-padding-y-compact) var(--ids-comp-accordion-controls-size-padding-x-compact);gap:var(--ids-comp-accordion-controls-size-gap-compact)}.ids-accordion.ids-accordion-compact>.ids-accordion-item{padding:var(--ids-comp-accordion-item-size-padding-y-compact) var(--ids-comp-accordion-item-size-padding-x-compact);gap:var(--ids-comp-accordion-item-size-gap-compact)}.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-summary{height:var(--ids-comp-accordion-summary-size-height-compact);padding:var(--ids-comp-accordion-summary-size-padding-y-compact) var(--ids-comp-accordion-summary-size-padding-x-compact);gap:var(--ids-comp-accordion-summary-size-gap-compact);border-radius:var(--ids-comp-accordion-summary-size-border-radius-compact);border-width:var(--ids-comp-accordion-summary-size-border-width-compact)}.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-summary:focus-visible{outline-width:var(--ids-comp-accordion-summary-focused-outline-size-outline-compact);outline-color:var(--ids-comp-accordion-summary-focused-outline-color-dark-focused)}.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title{font-family:var(--ids-comp-accordion-summary-typography-font-family-compact);font-size:var(--ids-comp-accordion-summary-typography-font-size-compact);font-weight:var(--ids-comp-accordion-summary-typography-font-weight-compact);letter-spacing:var(--ids-comp-accordion-summary-typography-letter-spacing-compact);line-height:var(--ids-comp-accordion-summary-typography-line-height-compact)}.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-summary>.ids-icon{font-size:var(--ids-comp-accordion-summary-icon-typography-font-size-compact);font-weight:var(--ids-comp-accordion-summary-icon-typography-font-weight-compact);line-height:var(--ids-comp-accordion-summary-icon-typography-line-height-compact);width:var(--ids-comp-accordion-summary-size-icon-compact);height:var(--ids-comp-accordion-summary-size-icon-compact)}.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-content{padding:var(--ids-comp-accordion-details-size-padding-y-compact) var(--ids-comp-accordion-details-size-padding-x-compact);gap:var(--ids-comp-accordion-details-size-gap-compact)}.ids-accordion.ids-accordion-comfortable{padding:var(--ids-comp-accordion-container-size-padding-y-comfortable) var(--ids-comp-accordion-container-size-padding-x-comfortable);gap:var(--ids-comp-accordion-container-size-gap-comfortable);border-radius:var(--ids-comp-accordion-container-size-border-radius-comfortable);border-width:var(--ids-comp-accordion-container-size-border-width-comfortable)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-controls{padding:var(--ids-comp-accordion-controls-size-padding-y-comfortable) var(--ids-comp-accordion-controls-size-padding-x-comfortable);gap:var(--ids-comp-accordion-controls-size-gap-comfortable)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-item{padding:var(--ids-comp-accordion-item-size-padding-y-comfortable) var(--ids-comp-accordion-item-size-padding-x-comfortable);gap:var(--ids-comp-accordion-item-size-gap-comfortable)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-summary{height:var(--ids-comp-accordion-summary-size-height-comfortable);padding:var(--ids-comp-accordion-summary-size-padding-y-comfortable) var(--ids-comp-accordion-summary-size-padding-x-comfortable);gap:var(--ids-comp-accordion-summary-size-gap-comfortable);border-radius:var(--ids-comp-accordion-summary-size-border-radius-comfortable);border-width:var(--ids-comp-accordion-summary-size-border-width-comfortable)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-summary:focus-visible{outline-width:var(--ids-comp-accordion-summary-focused-outline-size-outline-comfortable);outline-color:var(--ids-comp-accordion-summary-focused-outline-color-dark-focused)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title{font-family:var(--ids-comp-accordion-summary-typography-font-family-comfortable);font-size:var(--ids-comp-accordion-summary-typography-font-size-comfortable);font-weight:var(--ids-comp-accordion-summary-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-accordion-summary-typography-letter-spacing-comfortable);line-height:var(--ids-comp-accordion-summary-typography-line-height-comfortable)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-summary>.ids-icon{font-size:var(--ids-comp-accordion-summary-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-accordion-summary-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-accordion-summary-icon-typography-line-height-comfortable);width:var(--ids-comp-accordion-summary-size-icon-comfortable);height:var(--ids-comp-accordion-summary-size-icon-comfortable)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-content{padding:var(--ids-comp-accordion-details-size-padding-y-comfortable) var(--ids-comp-accordion-details-size-padding-x-comfortable);gap:var(--ids-comp-accordion-details-size-gap-comfortable)}.ids-accordion.ids-accordion-spacious{padding:var(--ids-comp-accordion-container-size-padding-y-spacious) var(--ids-comp-accordion-container-size-padding-x-spacious);gap:var(--ids-comp-accordion-container-size-gap-spacious);border-radius:var(--ids-comp-accordion-container-size-border-radius-spacious);border-width:var(--ids-comp-accordion-container-size-border-width-spacious)}.ids-accordion.ids-accordion-spacious>.ids-accordion-controls{padding:var(--ids-comp-accordion-controls-size-padding-y-spacious) var(--ids-comp-accordion-controls-size-padding-x-spacious);gap:var(--ids-comp-accordion-controls-size-gap-spacious)}.ids-accordion.ids-accordion-spacious>.ids-accordion-item{padding:var(--ids-comp-accordion-item-size-padding-y-spacious) var(--ids-comp-accordion-item-size-padding-x-spacious);gap:var(--ids-comp-accordion-item-size-gap-spacious)}.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-summary{height:var(--ids-comp-accordion-summary-size-height-spacious);padding:var(--ids-comp-accordion-summary-size-padding-y-spacious) var(--ids-comp-accordion-summary-size-padding-x-spacious);gap:var(--ids-comp-accordion-summary-size-gap-spacious);border-radius:var(--ids-comp-accordion-summary-size-border-radius-spacious);border-width:var(--ids-comp-accordion-summary-size-border-width-spacious)}.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-summary:focus-visible{outline-width:var(--ids-comp-accordion-summary-focused-outline-size-outline-spacious);outline-color:var(--ids-comp-accordion-summary-focused-outline-color-dark-focused)}.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title{font-family:var(--ids-comp-accordion-summary-typography-font-family-spacious);font-size:var(--ids-comp-accordion-summary-typography-font-size-spacious);font-weight:var(--ids-comp-accordion-summary-typography-font-weight-spacious);letter-spacing:var(--ids-comp-accordion-summary-typography-letter-spacing-spacious);line-height:var(--ids-comp-accordion-summary-typography-line-height-spacious)}.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-summary>.ids-icon{font-size:var(--ids-comp-accordion-summary-icon-typography-font-size-spacious);font-weight:var(--ids-comp-accordion-summary-icon-typography-font-weight-spacious);line-height:var(--ids-comp-accordion-summary-icon-typography-line-height-spacious);width:var(--ids-comp-accordion-summary-size-icon-spacious);height:var(--ids-comp-accordion-summary-size-icon-spacious)}.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-content{padding:var(--ids-comp-accordion-details-size-padding-y-spacious) var(--ids-comp-accordion-details-size-padding-x-spacious);gap:var(--ids-comp-accordion-details-size-gap-spacious)}.ids-accordion.ids-accordion-dense{padding:var(--ids-comp-accordion-container-size-padding-y-dense) var(--ids-comp-accordion-container-size-padding-x-dense);gap:var(--ids-comp-accordion-container-size-gap-dense);border-radius:var(--ids-comp-accordion-container-size-border-radius-dense);border-width:var(--ids-comp-accordion-container-size-border-width-dense)}.ids-accordion.ids-accordion-dense>.ids-accordion-controls{padding:var(--ids-comp-accordion-controls-size-padding-y-dense) var(--ids-comp-accordion-controls-size-padding-x-dense);gap:var(--ids-comp-accordion-controls-size-gap-dense)}.ids-accordion.ids-accordion-dense>.ids-accordion-item{padding:var(--ids-comp-accordion-item-size-padding-y-dense) var(--ids-comp-accordion-item-size-padding-x-dense);gap:var(--ids-comp-accordion-item-size-gap-dense)}.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-summary{height:var(--ids-comp-accordion-summary-size-height-dense);padding:var(--ids-comp-accordion-summary-size-padding-y-dense) var(--ids-comp-accordion-summary-size-padding-x-dense);gap:var(--ids-comp-accordion-summary-size-gap-dense);border-radius:var(--ids-comp-accordion-summary-size-border-radius-dense);border-width:var(--ids-comp-accordion-summary-size-border-width-dense)}.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-summary:focus-visible{outline-width:var(--ids-comp-accordion-summary-focused-outline-size-outline-dense);outline-color:var(--ids-comp-accordion-summary-focused-outline-color-dark-focused)}.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title{font-family:var(--ids-comp-accordion-summary-typography-font-family-dense);font-size:var(--ids-comp-accordion-summary-typography-font-size-dense);font-weight:var(--ids-comp-accordion-summary-typography-font-weight-dense);letter-spacing:var(--ids-comp-accordion-summary-typography-letter-spacing-dense);line-height:var(--ids-comp-accordion-summary-typography-line-height-dense)}.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-summary>.ids-icon{font-size:var(--ids-comp-accordion-summary-icon-typography-font-size-dense);font-weight:var(--ids-comp-accordion-summary-icon-typography-font-weight-dense);line-height:var(--ids-comp-accordion-summary-icon-typography-line-height-dense);width:var(--ids-comp-accordion-summary-size-icon-dense);height:var(--ids-comp-accordion-summary-size-icon-dense)}.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-content{padding:var(--ids-comp-accordion-details-size-padding-y-dense) var(--ids-comp-accordion-details-size-padding-x-dense);gap:var(--ids-comp-accordion-details-size-gap-dense)}.ids-accordion.ids-accordion-text{border-color:var(--ids-comp-accordion-container-color-border-default);background-color:var(--ids-comp-accordion-container-color-bg-default)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary{background:var(--ids-comp-accordion-summary-text-color-bg-default);border-color:var(--ids-comp-accordion-summary-text-color-border-default);color:var(--ids-comp-accordion-summary-text-color-fg-label-default)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary>.ids-icon{color:var(--ids-comp-accordion-summary-text-color-fg-icon-default)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:hover{background:var(--ids-comp-accordion-summary-text-color-bg-hovered);border-color:var(--ids-comp-accordion-summary-text-color-border-hovered);color:var(--ids-comp-accordion-summary-text-color-fg-label-hovered)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:hover>.ids-icon{color:var(--ids-comp-accordion-summary-text-color-fg-icon-hovered)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:focus-visible{background:var(--ids-comp-accordion-summary-text-color-bg-focused);border-color:var(--ids-comp-accordion-summary-text-color-border-focused);color:var(--ids-comp-accordion-summary-text-color-fg-label-focused)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:focus>.ids-icon,.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:focus-visible>.ids-icon{color:var(--ids-comp-accordion-summary-text-color-fg-icon-focused)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:active{background:var(--ids-comp-accordion-summary-text-color-bg-pressed);border-color:var(--ids-comp-accordion-summary-text-color-border-pressed);color:var(--ids-comp-accordion-summary-text-color-fg-label-pressed)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:active>.ids-icon{color:var(--ids-comp-accordion-summary-text-color-fg-icon-pressed)}.ids-accordion.ids-accordion-text .ids-accordion-item.ids-accordion-item-disabled>.ids-accordion-item-summary{background:var(--ids-comp-accordion-summary-text-color-bg-disabled);border-color:var(--ids-comp-accordion-summary-text-color-border-disabled);color:var(--ids-comp-accordion-summary-text-color-fg-label-disabled)}.ids-accordion.ids-accordion-text .ids-accordion-item.ids-accordion-item-disabled>.ids-accordion-item-summary>.ids-icon{color:var(--ids-comp-accordion-summary-text-color-fg-icon-disabled)}.ids-accordion.ids-accordion-filled{border-color:var(--ids-comp-accordion-container-color-border-default);background-color:var(--ids-comp-accordion-container-color-bg-default)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary{background:var(--ids-comp-accordion-summary-filled-color-bg-default);border-color:var(--ids-comp-accordion-summary-filled-color-border-default);color:var(--ids-comp-accordion-summary-filled-color-fg-label-default)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary>.ids-icon{color:var(--ids-comp-accordion-summary-filled-color-fg-icon-default)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:hover{background:var(--ids-comp-accordion-summary-filled-color-bg-hovered);border-color:var(--ids-comp-accordion-summary-filled-color-border-hovered);color:var(--ids-comp-accordion-summary-filled-color-fg-label-hovered)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:hover>.ids-icon{color:var(--ids-comp-accordion-summary-filled-color-fg-icon-hovered)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:focus-visible{background:var(--ids-comp-accordion-summary-filled-color-bg-focused);border-color:var(--ids-comp-accordion-summary-filled-color-border-focused);color:var(--ids-comp-accordion-summary-filled-color-fg-label-focused)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:focus>.ids-icon,.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:focus-visible>.ids-icon{color:var(--ids-comp-accordion-summary-filled-color-fg-icon-focused)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:active{background:var(--ids-comp-accordion-summary-filled-color-bg-pressed);border-color:var(--ids-comp-accordion-summary-filled-color-border-pressed);color:var(--ids-comp-accordion-summary-filled-color-fg-label-pressed)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:active>.ids-icon{color:var(--ids-comp-accordion-summary-filled-color-fg-icon-pressed)}.ids-accordion.ids-accordion-filled .ids-accordion-item.ids-accordion-item-disabled>.ids-accordion-item-summary{background:var(--ids-comp-accordion-summary-filled-color-bg-disabled);border-color:var(--ids-comp-accordion-summary-filled-color-border-disabled);color:var(--ids-comp-accordion-summary-filled-color-fg-label-disabled)}.ids-accordion.ids-accordion-filled .ids-accordion-item.ids-accordion-item-disabled>.ids-accordion-item-summary>.ids-icon{color:var(--ids-comp-accordion-summary-filled-color-fg-icon-disabled)}
+.ids-accordion{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;width:100%;flex-direction:column;align-items:flex-start;border-style:solid}.ids-accordion::before,.ids-accordion::after,.ids-accordion *,.ids-accordion ::before,.ids-accordion ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-accordion>.ids-accordion-controls{display:flex;align-items:flex-start;align-self:stretch}.ids-accordion>.ids-accordion-item{display:flex;width:100%;flex-direction:column;align-items:flex-start;flex-shrink:0}.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary{display:flex;align-items:center;width:100%;flex:1 0 0;border-style:solid;cursor:pointer}.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary:focus-visible{outline-offset:2px;outline-style:solid;z-index:1}.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title{flex:1 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ids-accordion>.ids-accordion-item.ids-accordion-item-disabled>.ids-accordion-item-summary{pointer-events:none;user-select:none}.ids-accordion>.ids-accordion-item>.ids-accordion-item-content{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.ids-accordion.ids-accordion-compact{padding:var(--ids-comp-accordion-container-size-padding-y-compact) var(--ids-comp-accordion-container-size-padding-x-compact);gap:var(--ids-comp-accordion-container-size-gap-compact);border-radius:var(--ids-comp-accordion-container-size-border-radius-compact);border-width:var(--ids-comp-accordion-container-size-border-width-compact)}.ids-accordion.ids-accordion-compact>.ids-accordion-controls{padding:var(--ids-comp-accordion-controls-size-padding-y-compact) var(--ids-comp-accordion-controls-size-padding-x-compact);gap:var(--ids-comp-accordion-controls-size-gap-compact)}.ids-accordion.ids-accordion-compact>.ids-accordion-item{padding:var(--ids-comp-accordion-item-size-padding-y-compact) var(--ids-comp-accordion-item-size-padding-x-compact);gap:var(--ids-comp-accordion-item-size-gap-compact)}.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-summary{height:var(--ids-comp-accordion-summary-size-height-compact);padding:var(--ids-comp-accordion-summary-size-padding-y-compact) var(--ids-comp-accordion-summary-size-padding-x-compact);gap:var(--ids-comp-accordion-summary-size-gap-compact);border-radius:var(--ids-comp-accordion-summary-size-border-radius-compact);border-width:var(--ids-comp-accordion-summary-size-border-width-compact)}.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-summary:focus-visible{outline-width:var(--ids-comp-accordion-summary-focused-outline-size-outline-compact);outline-color:var(--ids-comp-accordion-summary-focused-outline-color-dark-focused)}.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title{font-family:var(--ids-comp-accordion-summary-typography-font-family-compact);font-size:var(--ids-comp-accordion-summary-typography-font-size-compact);font-weight:var(--ids-comp-accordion-summary-typography-font-weight-compact);letter-spacing:var(--ids-comp-accordion-summary-typography-letter-spacing-compact);line-height:var(--ids-comp-accordion-summary-typography-line-height-compact)}.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-summary>.ids-icon{font-size:var(--ids-comp-accordion-summary-icon-typography-font-size-compact);font-weight:var(--ids-comp-accordion-summary-icon-typography-font-weight-compact);line-height:var(--ids-comp-accordion-summary-icon-typography-line-height-compact);width:var(--ids-comp-accordion-summary-size-icon-compact);height:var(--ids-comp-accordion-summary-size-icon-compact)}.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-content{padding:var(--ids-comp-accordion-details-size-padding-y-compact) var(--ids-comp-accordion-details-size-padding-x-compact);gap:var(--ids-comp-accordion-details-size-gap-compact)}.ids-accordion.ids-accordion-comfortable{padding:var(--ids-comp-accordion-container-size-padding-y-comfortable) var(--ids-comp-accordion-container-size-padding-x-comfortable);gap:var(--ids-comp-accordion-container-size-gap-comfortable);border-radius:var(--ids-comp-accordion-container-size-border-radius-comfortable);border-width:var(--ids-comp-accordion-container-size-border-width-comfortable)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-controls{padding:var(--ids-comp-accordion-controls-size-padding-y-comfortable) var(--ids-comp-accordion-controls-size-padding-x-comfortable);gap:var(--ids-comp-accordion-controls-size-gap-comfortable)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-item{padding:var(--ids-comp-accordion-item-size-padding-y-comfortable) var(--ids-comp-accordion-item-size-padding-x-comfortable);gap:var(--ids-comp-accordion-item-size-gap-comfortable)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-summary{height:var(--ids-comp-accordion-summary-size-height-comfortable);padding:var(--ids-comp-accordion-summary-size-padding-y-comfortable) var(--ids-comp-accordion-summary-size-padding-x-comfortable);gap:var(--ids-comp-accordion-summary-size-gap-comfortable);border-radius:var(--ids-comp-accordion-summary-size-border-radius-comfortable);border-width:var(--ids-comp-accordion-summary-size-border-width-comfortable)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-summary:focus-visible{outline-width:var(--ids-comp-accordion-summary-focused-outline-size-outline-comfortable);outline-color:var(--ids-comp-accordion-summary-focused-outline-color-dark-focused)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title{font-family:var(--ids-comp-accordion-summary-typography-font-family-comfortable);font-size:var(--ids-comp-accordion-summary-typography-font-size-comfortable);font-weight:var(--ids-comp-accordion-summary-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-accordion-summary-typography-letter-spacing-comfortable);line-height:var(--ids-comp-accordion-summary-typography-line-height-comfortable)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-summary>.ids-icon{font-size:var(--ids-comp-accordion-summary-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-accordion-summary-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-accordion-summary-icon-typography-line-height-comfortable);width:var(--ids-comp-accordion-summary-size-icon-comfortable);height:var(--ids-comp-accordion-summary-size-icon-comfortable)}.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-content{padding:var(--ids-comp-accordion-details-size-padding-y-comfortable) var(--ids-comp-accordion-details-size-padding-x-comfortable);gap:var(--ids-comp-accordion-details-size-gap-comfortable)}.ids-accordion.ids-accordion-spacious{padding:var(--ids-comp-accordion-container-size-padding-y-spacious) var(--ids-comp-accordion-container-size-padding-x-spacious);gap:var(--ids-comp-accordion-container-size-gap-spacious);border-radius:var(--ids-comp-accordion-container-size-border-radius-spacious);border-width:var(--ids-comp-accordion-container-size-border-width-spacious)}.ids-accordion.ids-accordion-spacious>.ids-accordion-controls{padding:var(--ids-comp-accordion-controls-size-padding-y-spacious) var(--ids-comp-accordion-controls-size-padding-x-spacious);gap:var(--ids-comp-accordion-controls-size-gap-spacious)}.ids-accordion.ids-accordion-spacious>.ids-accordion-item{padding:var(--ids-comp-accordion-item-size-padding-y-spacious) var(--ids-comp-accordion-item-size-padding-x-spacious);gap:var(--ids-comp-accordion-item-size-gap-spacious)}.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-summary{height:var(--ids-comp-accordion-summary-size-height-spacious);padding:var(--ids-comp-accordion-summary-size-padding-y-spacious) var(--ids-comp-accordion-summary-size-padding-x-spacious);gap:var(--ids-comp-accordion-summary-size-gap-spacious);border-radius:var(--ids-comp-accordion-summary-size-border-radius-spacious);border-width:var(--ids-comp-accordion-summary-size-border-width-spacious)}.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-summary:focus-visible{outline-width:var(--ids-comp-accordion-summary-focused-outline-size-outline-spacious);outline-color:var(--ids-comp-accordion-summary-focused-outline-color-dark-focused)}.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title{font-family:var(--ids-comp-accordion-summary-typography-font-family-spacious);font-size:var(--ids-comp-accordion-summary-typography-font-size-spacious);font-weight:var(--ids-comp-accordion-summary-typography-font-weight-spacious);letter-spacing:var(--ids-comp-accordion-summary-typography-letter-spacing-spacious);line-height:var(--ids-comp-accordion-summary-typography-line-height-spacious)}.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-summary>.ids-icon{font-size:var(--ids-comp-accordion-summary-icon-typography-font-size-spacious);font-weight:var(--ids-comp-accordion-summary-icon-typography-font-weight-spacious);line-height:var(--ids-comp-accordion-summary-icon-typography-line-height-spacious);width:var(--ids-comp-accordion-summary-size-icon-spacious);height:var(--ids-comp-accordion-summary-size-icon-spacious)}.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-content{padding:var(--ids-comp-accordion-details-size-padding-y-spacious) var(--ids-comp-accordion-details-size-padding-x-spacious);gap:var(--ids-comp-accordion-details-size-gap-spacious)}.ids-accordion.ids-accordion-dense{padding:var(--ids-comp-accordion-container-size-padding-y-dense) var(--ids-comp-accordion-container-size-padding-x-dense);gap:var(--ids-comp-accordion-container-size-gap-dense);border-radius:var(--ids-comp-accordion-container-size-border-radius-dense);border-width:var(--ids-comp-accordion-container-size-border-width-dense)}.ids-accordion.ids-accordion-dense>.ids-accordion-controls{padding:var(--ids-comp-accordion-controls-size-padding-y-dense) var(--ids-comp-accordion-controls-size-padding-x-dense);gap:var(--ids-comp-accordion-controls-size-gap-dense)}.ids-accordion.ids-accordion-dense>.ids-accordion-item{padding:var(--ids-comp-accordion-item-size-padding-y-dense) var(--ids-comp-accordion-item-size-padding-x-dense);gap:var(--ids-comp-accordion-item-size-gap-dense)}.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-summary{height:var(--ids-comp-accordion-summary-size-height-dense);padding:var(--ids-comp-accordion-summary-size-padding-y-dense) var(--ids-comp-accordion-summary-size-padding-x-dense);gap:var(--ids-comp-accordion-summary-size-gap-dense);border-radius:var(--ids-comp-accordion-summary-size-border-radius-dense);border-width:var(--ids-comp-accordion-summary-size-border-width-dense)}.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-summary:focus-visible{outline-width:var(--ids-comp-accordion-summary-focused-outline-size-outline-dense);outline-color:var(--ids-comp-accordion-summary-focused-outline-color-dark-focused)}.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title{font-family:var(--ids-comp-accordion-summary-typography-font-family-dense);font-size:var(--ids-comp-accordion-summary-typography-font-size-dense);font-weight:var(--ids-comp-accordion-summary-typography-font-weight-dense);letter-spacing:var(--ids-comp-accordion-summary-typography-letter-spacing-dense);line-height:var(--ids-comp-accordion-summary-typography-line-height-dense)}.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-summary>.ids-icon{font-size:var(--ids-comp-accordion-summary-icon-typography-font-size-dense);font-weight:var(--ids-comp-accordion-summary-icon-typography-font-weight-dense);line-height:var(--ids-comp-accordion-summary-icon-typography-line-height-dense);width:var(--ids-comp-accordion-summary-size-icon-dense);height:var(--ids-comp-accordion-summary-size-icon-dense)}.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-content{padding:var(--ids-comp-accordion-details-size-padding-y-dense) var(--ids-comp-accordion-details-size-padding-x-dense);gap:var(--ids-comp-accordion-details-size-gap-dense)}.ids-accordion.ids-accordion-text{border-color:var(--ids-comp-accordion-container-color-border-default);background-color:var(--ids-comp-accordion-container-color-bg-default)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary{background:var(--ids-comp-accordion-summary-text-color-bg-default);border-color:var(--ids-comp-accordion-summary-text-color-border-default);color:var(--ids-comp-accordion-summary-text-color-fg-label-default)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary>.ids-icon{color:var(--ids-comp-accordion-summary-text-color-fg-icon-default)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:hover{background:var(--ids-comp-accordion-summary-text-color-bg-hovered);border-color:var(--ids-comp-accordion-summary-text-color-border-hovered);color:var(--ids-comp-accordion-summary-text-color-fg-label-hovered)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:hover>.ids-icon{color:var(--ids-comp-accordion-summary-text-color-fg-icon-hovered)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:focus-visible{background:var(--ids-comp-accordion-summary-text-color-bg-focused);border-color:var(--ids-comp-accordion-summary-text-color-border-focused);color:var(--ids-comp-accordion-summary-text-color-fg-label-focused)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:focus>.ids-icon,.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:focus-visible>.ids-icon{color:var(--ids-comp-accordion-summary-text-color-fg-icon-focused)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:active{background:var(--ids-comp-accordion-summary-text-color-bg-pressed);border-color:var(--ids-comp-accordion-summary-text-color-border-pressed);color:var(--ids-comp-accordion-summary-text-color-fg-label-pressed)}.ids-accordion.ids-accordion-text .ids-accordion-item>.ids-accordion-item-summary:active>.ids-icon{color:var(--ids-comp-accordion-summary-text-color-fg-icon-pressed)}.ids-accordion.ids-accordion-text .ids-accordion-item.ids-accordion-item-disabled>.ids-accordion-item-summary{background:var(--ids-comp-accordion-summary-text-color-bg-disabled);border-color:var(--ids-comp-accordion-summary-text-color-border-disabled);color:var(--ids-comp-accordion-summary-text-color-fg-label-disabled)}.ids-accordion.ids-accordion-text .ids-accordion-item.ids-accordion-item-disabled>.ids-accordion-item-summary>.ids-icon{color:var(--ids-comp-accordion-summary-text-color-fg-icon-disabled)}.ids-accordion.ids-accordion-filled{border-color:var(--ids-comp-accordion-container-color-border-default);background-color:var(--ids-comp-accordion-container-color-bg-default)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary{background:var(--ids-comp-accordion-summary-filled-color-bg-default);border-color:var(--ids-comp-accordion-summary-filled-color-border-default);color:var(--ids-comp-accordion-summary-filled-color-fg-label-default)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary>.ids-icon{color:var(--ids-comp-accordion-summary-filled-color-fg-icon-default)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:hover{background:var(--ids-comp-accordion-summary-filled-color-bg-hovered);border-color:var(--ids-comp-accordion-summary-filled-color-border-hovered);color:var(--ids-comp-accordion-summary-filled-color-fg-label-hovered)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:hover>.ids-icon{color:var(--ids-comp-accordion-summary-filled-color-fg-icon-hovered)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:focus-visible{background:var(--ids-comp-accordion-summary-filled-color-bg-focused);border-color:var(--ids-comp-accordion-summary-filled-color-border-focused);color:var(--ids-comp-accordion-summary-filled-color-fg-label-focused)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:focus>.ids-icon,.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:focus-visible>.ids-icon{color:var(--ids-comp-accordion-summary-filled-color-fg-icon-focused)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:active{background:var(--ids-comp-accordion-summary-filled-color-bg-pressed);border-color:var(--ids-comp-accordion-summary-filled-color-border-pressed);color:var(--ids-comp-accordion-summary-filled-color-fg-label-pressed)}.ids-accordion.ids-accordion-filled .ids-accordion-item>.ids-accordion-item-summary:active>.ids-icon{color:var(--ids-comp-accordion-summary-filled-color-fg-icon-pressed)}.ids-accordion.ids-accordion-filled .ids-accordion-item.ids-accordion-item-disabled>.ids-accordion-item-summary{background:var(--ids-comp-accordion-summary-filled-color-bg-disabled);border-color:var(--ids-comp-accordion-summary-filled-color-border-disabled);color:var(--ids-comp-accordion-summary-filled-color-fg-label-disabled)}.ids-accordion.ids-accordion-filled .ids-accordion-item.ids-accordion-item-disabled>.ids-accordion-item-summary>.ids-icon{color:var(--ids-comp-accordion-summary-filled-color-fg-icon-disabled)}

package/dist/accordion/accordion.plugin.js

@@ -2,7 +2,23 @@
 module.exports = function AccordionPlugin() {
   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',

package/dist/avatar/avatar.css

@@ -1,4 +1,9 @@
 .ids-avatar {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -6,6 +11,12 @@
   border-style: solid;
   overflow: hidden;
 }
+.ids-avatar::before, .ids-avatar::after, .ids-avatar *, .ids-avatar ::before, .ids-avatar ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-avatar.ids-avatar-type-initials {
   flex-direction: column;
   text-align: center;

package/dist/avatar/avatar.min.css

@@ -1 +1 @@
-.ids-avatar{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border-style:solid;overflow:hidden}.ids-avatar.ids-avatar-type-initials{flex-direction:column;text-align:center;font-style:normal;color:inherit}.ids-avatar.ids-avatar-type-icon{flex-shrink:0}.ids-avatar.ids-avatar-type-image>img{width:100%;height:100%;object-fit:cover}.ids-avatar.ids-avatar-smallcollection-compact{width:var(--ids-comp-avatar-size-smallcollection-width-compact);height:var(--ids-comp-avatar-size-smallcollection-height-compact);border-width:var(--ids-comp-avatar-size-smallcollection-border-compact);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-compact)}.ids-avatar.ids-avatar-smallcollection-compact.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-compact);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-compact);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-compact);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-compact)}.ids-avatar.ids-avatar-smallcollection-compact.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-compact);height:var(--ids-comp-avatar-size-smallcollection-icon-compact);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-compact);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-compact);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-compact)}.ids-avatar.ids-avatar-smallcollection-comfortable{width:var(--ids-comp-avatar-size-smallcollection-width-comfortable);height:var(--ids-comp-avatar-size-smallcollection-height-comfortable);border-width:var(--ids-comp-avatar-size-smallcollection-border-comfortable);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-comfortable)}.ids-avatar.ids-avatar-smallcollection-comfortable.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-comfortable);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-comfortable)}.ids-avatar.ids-avatar-smallcollection-comfortable.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-comfortable);height:var(--ids-comp-avatar-size-smallcollection-icon-comfortable);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-comfortable)}.ids-avatar.ids-avatar-smallcollection-spacious{width:var(--ids-comp-avatar-size-smallcollection-width-spacious);height:var(--ids-comp-avatar-size-smallcollection-height-spacious);border-width:var(--ids-comp-avatar-size-smallcollection-border-spacious);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-spacious)}.ids-avatar.ids-avatar-smallcollection-spacious.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-spacious);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-spacious)}.ids-avatar.ids-avatar-smallcollection-spacious.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-spacious);height:var(--ids-comp-avatar-size-smallcollection-icon-spacious);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-spacious)}.ids-avatar.ids-avatar-smallcollection-dense{width:var(--ids-comp-avatar-size-smallcollection-width-dense);height:var(--ids-comp-avatar-size-smallcollection-height-dense);border-width:var(--ids-comp-avatar-size-smallcollection-border-dense);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-dense)}.ids-avatar.ids-avatar-smallcollection-dense.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-dense);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-dense);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-dense);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-dense)}.ids-avatar.ids-avatar-smallcollection-dense.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-dense);height:var(--ids-comp-avatar-size-smallcollection-icon-dense);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-dense);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-dense);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-dense)}.ids-avatar.ids-avatar-bigcollection-compact{width:var(--ids-comp-avatar-size-bigcollection-width-compact);height:var(--ids-comp-avatar-size-bigcollection-height-compact);border-width:var(--ids-comp-avatar-size-bigcollection-border-compact);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-compact)}.ids-avatar.ids-avatar-bigcollection-compact.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-compact);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-compact);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-compact);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-compact)}.ids-avatar.ids-avatar-bigcollection-compact.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-compact);height:var(--ids-comp-avatar-size-bigcollection-icon-compact);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-compact);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-compact);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-compact)}.ids-avatar.ids-avatar-bigcollection-comfortable{width:var(--ids-comp-avatar-size-bigcollection-width-comfortable);height:var(--ids-comp-avatar-size-bigcollection-height-comfortable);border-width:var(--ids-comp-avatar-size-bigcollection-border-comfortable);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-comfortable)}.ids-avatar.ids-avatar-bigcollection-comfortable.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-comfortable);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-comfortable)}.ids-avatar.ids-avatar-bigcollection-comfortable.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-comfortable);height:var(--ids-comp-avatar-size-bigcollection-icon-comfortable);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-comfortable)}.ids-avatar.ids-avatar-bigcollection-spacious{width:var(--ids-comp-avatar-size-bigcollection-width-spacious);height:var(--ids-comp-avatar-size-bigcollection-height-spacious);border-width:var(--ids-comp-avatar-size-bigcollection-border-spacious);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-spacious)}.ids-avatar.ids-avatar-bigcollection-spacious.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-spacious);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-spacious)}.ids-avatar.ids-avatar-bigcollection-spacious.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-spacious);height:var(--ids-comp-avatar-size-bigcollection-icon-spacious);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-spacious)}.ids-avatar.ids-avatar-bigcollection-dense{width:var(--ids-comp-avatar-size-bigcollection-width-dense);height:var(--ids-comp-avatar-size-bigcollection-height-dense);border-width:var(--ids-comp-avatar-size-bigcollection-border-dense);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-dense)}.ids-avatar.ids-avatar-bigcollection-dense.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-dense);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-dense);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-dense);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-dense)}.ids-avatar.ids-avatar-bigcollection-dense.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-dense);height:var(--ids-comp-avatar-size-bigcollection-icon-dense);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-dense);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-dense);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-dense)}.ids-avatar.ids-avatar-primary{color:var(--ids-comp-avatar-color-fg-primary-default);border-color:var(--ids-comp-avatar-color-border-primary-default);background:var(--ids-comp-avatar-color-bg-primary-default)}.ids-avatar.ids-avatar-secondary{color:var(--ids-comp-avatar-color-fg-secondary-default);border-color:var(--ids-comp-avatar-color-border-secondary-default);background:var(--ids-comp-avatar-color-bg-secondary-default)}.ids-avatar.ids-avatar-surface{color:var(--ids-comp-avatar-color-fg-surface-default);border-color:var(--ids-comp-avatar-color-border-surface-default);background:var(--ids-comp-avatar-color-bg-surface-default)}.ids-avatar.ids-avatar-light{color:var(--ids-comp-avatar-color-fg-light-default);border-color:var(--ids-comp-avatar-color-border-light-default);background:var(--ids-comp-avatar-color-bg-light-default)}.ids-avatar.ids-avatar-dark{color:var(--ids-comp-avatar-color-fg-dark-default);border-color:var(--ids-comp-avatar-color-border-dark-default);background:var(--ids-comp-avatar-color-bg-dark-default)}
+.ids-avatar{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border-style:solid;overflow:hidden}.ids-avatar::before,.ids-avatar::after,.ids-avatar *,.ids-avatar ::before,.ids-avatar ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-avatar.ids-avatar-type-initials{flex-direction:column;text-align:center;font-style:normal;color:inherit}.ids-avatar.ids-avatar-type-icon{flex-shrink:0}.ids-avatar.ids-avatar-type-image>img{width:100%;height:100%;object-fit:cover}.ids-avatar.ids-avatar-smallcollection-compact{width:var(--ids-comp-avatar-size-smallcollection-width-compact);height:var(--ids-comp-avatar-size-smallcollection-height-compact);border-width:var(--ids-comp-avatar-size-smallcollection-border-compact);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-compact)}.ids-avatar.ids-avatar-smallcollection-compact.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-compact);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-compact);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-compact);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-compact)}.ids-avatar.ids-avatar-smallcollection-compact.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-compact);height:var(--ids-comp-avatar-size-smallcollection-icon-compact);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-compact);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-compact);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-compact)}.ids-avatar.ids-avatar-smallcollection-comfortable{width:var(--ids-comp-avatar-size-smallcollection-width-comfortable);height:var(--ids-comp-avatar-size-smallcollection-height-comfortable);border-width:var(--ids-comp-avatar-size-smallcollection-border-comfortable);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-comfortable)}.ids-avatar.ids-avatar-smallcollection-comfortable.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-comfortable);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-comfortable)}.ids-avatar.ids-avatar-smallcollection-comfortable.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-comfortable);height:var(--ids-comp-avatar-size-smallcollection-icon-comfortable);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-comfortable)}.ids-avatar.ids-avatar-smallcollection-spacious{width:var(--ids-comp-avatar-size-smallcollection-width-spacious);height:var(--ids-comp-avatar-size-smallcollection-height-spacious);border-width:var(--ids-comp-avatar-size-smallcollection-border-spacious);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-spacious)}.ids-avatar.ids-avatar-smallcollection-spacious.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-spacious);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-spacious)}.ids-avatar.ids-avatar-smallcollection-spacious.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-spacious);height:var(--ids-comp-avatar-size-smallcollection-icon-spacious);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-spacious)}.ids-avatar.ids-avatar-smallcollection-dense{width:var(--ids-comp-avatar-size-smallcollection-width-dense);height:var(--ids-comp-avatar-size-smallcollection-height-dense);border-width:var(--ids-comp-avatar-size-smallcollection-border-dense);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-dense)}.ids-avatar.ids-avatar-smallcollection-dense.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-dense);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-dense);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-dense);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-dense)}.ids-avatar.ids-avatar-smallcollection-dense.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-dense);height:var(--ids-comp-avatar-size-smallcollection-icon-dense);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-dense);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-dense);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-dense)}.ids-avatar.ids-avatar-bigcollection-compact{width:var(--ids-comp-avatar-size-bigcollection-width-compact);height:var(--ids-comp-avatar-size-bigcollection-height-compact);border-width:var(--ids-comp-avatar-size-bigcollection-border-compact);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-compact)}.ids-avatar.ids-avatar-bigcollection-compact.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-compact);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-compact);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-compact);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-compact)}.ids-avatar.ids-avatar-bigcollection-compact.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-compact);height:var(--ids-comp-avatar-size-bigcollection-icon-compact);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-compact);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-compact);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-compact)}.ids-avatar.ids-avatar-bigcollection-comfortable{width:var(--ids-comp-avatar-size-bigcollection-width-comfortable);height:var(--ids-comp-avatar-size-bigcollection-height-comfortable);border-width:var(--ids-comp-avatar-size-bigcollection-border-comfortable);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-comfortable)}.ids-avatar.ids-avatar-bigcollection-comfortable.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-comfortable);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-comfortable)}.ids-avatar.ids-avatar-bigcollection-comfortable.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-comfortable);height:var(--ids-comp-avatar-size-bigcollection-icon-comfortable);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-comfortable)}.ids-avatar.ids-avatar-bigcollection-spacious{width:var(--ids-comp-avatar-size-bigcollection-width-spacious);height:var(--ids-comp-avatar-size-bigcollection-height-spacious);border-width:var(--ids-comp-avatar-size-bigcollection-border-spacious);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-spacious)}.ids-avatar.ids-avatar-bigcollection-spacious.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-spacious);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-spacious)}.ids-avatar.ids-avatar-bigcollection-spacious.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-spacious);height:var(--ids-comp-avatar-size-bigcollection-icon-spacious);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-spacious)}.ids-avatar.ids-avatar-bigcollection-dense{width:var(--ids-comp-avatar-size-bigcollection-width-dense);height:var(--ids-comp-avatar-size-bigcollection-height-dense);border-width:var(--ids-comp-avatar-size-bigcollection-border-dense);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-dense)}.ids-avatar.ids-avatar-bigcollection-dense.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-dense);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-dense);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-dense);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-dense)}.ids-avatar.ids-avatar-bigcollection-dense.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-dense);height:var(--ids-comp-avatar-size-bigcollection-icon-dense);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-dense);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-dense);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-dense)}.ids-avatar.ids-avatar-primary{color:var(--ids-comp-avatar-color-fg-primary-default);border-color:var(--ids-comp-avatar-color-border-primary-default);background:var(--ids-comp-avatar-color-bg-primary-default)}.ids-avatar.ids-avatar-secondary{color:var(--ids-comp-avatar-color-fg-secondary-default);border-color:var(--ids-comp-avatar-color-border-secondary-default);background:var(--ids-comp-avatar-color-bg-secondary-default)}.ids-avatar.ids-avatar-surface{color:var(--ids-comp-avatar-color-fg-surface-default);border-color:var(--ids-comp-avatar-color-border-surface-default);background:var(--ids-comp-avatar-color-bg-surface-default)}.ids-avatar.ids-avatar-light{color:var(--ids-comp-avatar-color-fg-light-default);border-color:var(--ids-comp-avatar-color-border-light-default);background:var(--ids-comp-avatar-color-bg-light-default)}.ids-avatar.ids-avatar-dark{color:var(--ids-comp-avatar-color-fg-dark-default);border-color:var(--ids-comp-avatar-color-border-dark-default);background:var(--ids-comp-avatar-color-bg-dark-default)}

package/dist/avatar/avatar.plugin.js

@@ -3,13 +3,23 @@ module.exports = function AvatarPlugin() {
   return function ({ addComponents }) {
     const cssObj = {
       '.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' },

package/dist/button/button-group.css

@@ -1,9 +1,20 @@
 .ids-button-group {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: inline-flex;
   align-items: flex-start;
   align-content: flex-start;
   flex-wrap: wrap;
 }
+.ids-button-group::before, .ids-button-group::after, .ids-button-group *, .ids-button-group ::before, .ids-button-group ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .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);

package/dist/button/button-group.min.css

@@ -1 +1 @@
-.ids-button-group{display:inline-flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap}.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)}.ids-button-group.ids-button-group-comfortable{padding:var(--ids-comp-button-group-size-padding-y-comfortable) var(--ids-comp-button-group-size-padding-x-comfortable);gap:var(--ids-comp-button-group-size-column-gap-comfortable) var(--ids-comp-button-group-size-row-gap-comfortable)}.ids-button-group.ids-button-group-spacious{padding:var(--ids-comp-button-group-size-padding-y-spacious) var(--ids-comp-button-group-size-padding-x-spacious);gap:var(--ids-comp-button-group-size-column-gap-spacious) var(--ids-comp-button-group-size-row-gap-spacious)}.ids-button-group.ids-button-group-dense{padding:var(--ids-comp-button-group-size-padding-y-dense) var(--ids-comp-button-group-size-padding-x-dense);gap:var(--ids-comp-button-group-size-column-gap-dense) var(--ids-comp-button-group-size-row-gap-dense)}
+.ids-button-group{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap}.ids-button-group::before,.ids-button-group::after,.ids-button-group *,.ids-button-group ::before,.ids-button-group ::after{box-sizing:border-box;border-width:0;border-style:none;border-color: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)}.ids-button-group.ids-button-group-comfortable{padding:var(--ids-comp-button-group-size-padding-y-comfortable) var(--ids-comp-button-group-size-padding-x-comfortable);gap:var(--ids-comp-button-group-size-column-gap-comfortable) var(--ids-comp-button-group-size-row-gap-comfortable)}.ids-button-group.ids-button-group-spacious{padding:var(--ids-comp-button-group-size-padding-y-spacious) var(--ids-comp-button-group-size-padding-x-spacious);gap:var(--ids-comp-button-group-size-column-gap-spacious) var(--ids-comp-button-group-size-row-gap-spacious)}.ids-button-group.ids-button-group-dense{padding:var(--ids-comp-button-group-size-padding-y-dense) var(--ids-comp-button-group-size-padding-x-dense);gap:var(--ids-comp-button-group-size-column-gap-dense) var(--ids-comp-button-group-size-row-gap-dense)}

package/dist/button/button-group.plugin.js

@@ -2,7 +2,23 @@
 module.exports = function ButtonGroupPlugin() {
   return function ({ addComponents }) {
     const cssObj = {
-      '.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)',

package/dist/button/button.css

@@ -1,4 +1,9 @@
 .ids-button {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   flex-shrink: 0;
   width: fit-content;
   align-items: center;
@@ -6,6 +11,12 @@
   justify-content: center;
   border-style: solid;
 }
+.ids-button::before, .ids-button::after, .ids-button *, .ids-button ::before, .ids-button ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-button:focus, .ids-button:focus-visible {
   outline-offset: 2px;
   outline-style: solid;