@i-cell/ids-styles 0.0.27 → 0.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/accordion/accordion.css +1 -0
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +1 -0
  4. package/dist/components.css +118 -228
  5. package/dist/components.min.css +1 -1
  6. package/dist/components.plugin.js +207 -334
  7. package/dist/segmented-control-toggle/segmented-control-toggle.css +117 -228
  8. package/dist/segmented-control-toggle/segmented-control-toggle.min.css +1 -1
  9. package/dist/segmented-control-toggle/segmented-control-toggle.plugin.js +206 -334
  10. package/package.json +1 -1
  11. package/dist/segmented-control/segmented-control-toggle.css +0 -452
  12. package/dist/segmented-control/segmented-control-toggle.min.css +0 -1
  13. package/dist/segmented-control/segmented-control-toggle.plugin.js +0 -430
package/dist/accordion/accordion.css CHANGED
@@ -23,6 +23,7 @@
23
23
  width: 100%;
24
24
  flex: 1 0 0;
25
25
  border-style: solid;
26
+ cursor: pointer;
26
27
  }
27
28
  .ids-accordion > .ids-accordion-item > .ids-accordion-item-summary:focus, .ids-accordion > .ids-accordion-item > .ids-accordion-item-summary:focus-visible {
28
29
  outline-offset: 2px;
package/dist/accordion/accordion.min.css CHANGED
@@ -1 +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}.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)}
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)}
package/dist/accordion/accordion.plugin.js CHANGED
@@ -17,6 +17,7 @@ module.exports = function AccordionPlugin() {
17
17
  width: '100%',
18
18
  flex: '1 0 0',
19
19
  borderStyle: 'solid',
20
+ cursor: 'pointer',
20
21
  },
21
22
  '.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary:focus-visible':
22
23
  { outlineOffset: '2px', outlineStyle: 'solid', zIndex: 1 },