@i-cell/ids-styles 0.0.28 → 0.0.30

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 (10) 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 +79 -0
  5. package/dist/components.min.css +1 -1
  6. package/dist/components.plugin.js +53 -0
  7. package/dist/form-elements/form-field/form-field.css +78 -0
  8. package/dist/form-elements/form-field/form-field.min.css +1 -1
  9. package/dist/form-elements/form-field/form-field.plugin.js +52 -0
  10. package/package.json +2 -2
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 },
package/dist/components.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;
@@ -5286,6 +5287,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5286
5287
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5287
5288
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default);
5288
5289
  }
5290
+ .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5291
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-default);
5292
+ }
5289
5293
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5290
5294
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default);
5291
5295
  }
@@ -5312,6 +5316,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5312
5316
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5313
5317
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered);
5314
5318
  }
5319
+ .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5320
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-hovered);
5321
+ }
5315
5322
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5316
5323
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered);
5317
5324
  }
@@ -5339,6 +5346,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5339
5346
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.iids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5340
5347
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused);
5341
5348
  }
5349
+ .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.iids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5350
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-focused);
5351
+ }
5342
5352
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.iids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5343
5353
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused);
5344
5354
  }
@@ -5365,6 +5375,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5365
5375
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5366
5376
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed);
5367
5377
  }
5378
+ .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5379
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-pressed);
5380
+ }
5368
5381
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5369
5382
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed);
5370
5383
  }
@@ -5394,6 +5407,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5394
5407
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5395
5408
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default);
5396
5409
  }
5410
+ .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5411
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-default);
5412
+ }
5397
5413
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5398
5414
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default);
5399
5415
  }
@@ -5420,6 +5436,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5420
5436
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5421
5437
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered);
5422
5438
  }
5439
+ .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5440
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-hovered);
5441
+ }
5423
5442
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5424
5443
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered);
5425
5444
  }
@@ -5447,6 +5466,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5447
5466
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5448
5467
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused);
5449
5468
  }
5469
+ .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5470
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-focused);
5471
+ }
5450
5472
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5451
5473
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused);
5452
5474
  }
@@ -5473,6 +5495,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5473
5495
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5474
5496
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed);
5475
5497
  }
5498
+ .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5499
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-pressed);
5500
+ }
5476
5501
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5477
5502
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed);
5478
5503
  }
@@ -5502,6 +5527,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5502
5527
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5503
5528
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default);
5504
5529
  }
5530
+ .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5531
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-default);
5532
+ }
5505
5533
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5506
5534
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default);
5507
5535
  }
@@ -5528,6 +5556,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5528
5556
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5529
5557
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered);
5530
5558
  }
5559
+ .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5560
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-hovered);
5561
+ }
5531
5562
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5532
5563
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered);
5533
5564
  }
@@ -5555,6 +5586,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5555
5586
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5556
5587
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused);
5557
5588
  }
5589
+ .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5590
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-focused);
5591
+ }
5558
5592
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5559
5593
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused);
5560
5594
  }
@@ -5581,6 +5615,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5581
5615
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5582
5616
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed);
5583
5617
  }
5618
+ .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5619
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-pressed);
5620
+ }
5584
5621
  .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5585
5622
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed);
5586
5623
  }
@@ -5610,6 +5647,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5610
5647
  .ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5611
5648
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-disabled);
5612
5649
  }
5650
+ .ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5651
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-disabled);
5652
+ }
5613
5653
  .ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5614
5654
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-disabled);
5615
5655
  }
@@ -5639,6 +5679,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5639
5679
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5640
5680
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default);
5641
5681
  }
5682
+ .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5683
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-default);
5684
+ }
5642
5685
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5643
5686
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default);
5644
5687
  }
@@ -5665,6 +5708,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5665
5708
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5666
5709
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered);
5667
5710
  }
5711
+ .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5712
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-hovered);
5713
+ }
5668
5714
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5669
5715
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered);
5670
5716
  }
@@ -5692,6 +5738,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5692
5738
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.iids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5693
5739
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused);
5694
5740
  }
5741
+ .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.iids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5742
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-focused);
5743
+ }
5695
5744
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.iids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5696
5745
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused);
5697
5746
  }
@@ -5718,6 +5767,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5718
5767
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5719
5768
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed);
5720
5769
  }
5770
+ .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5771
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-pressed);
5772
+ }
5721
5773
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5722
5774
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed);
5723
5775
  }
@@ -5747,6 +5799,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5747
5799
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5748
5800
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default);
5749
5801
  }
5802
+ .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5803
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-default);
5804
+ }
5750
5805
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5751
5806
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default);
5752
5807
  }
@@ -5773,6 +5828,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5773
5828
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5774
5829
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered);
5775
5830
  }
5831
+ .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5832
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-hovered);
5833
+ }
5776
5834
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5777
5835
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered);
5778
5836
  }
@@ -5800,6 +5858,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5800
5858
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5801
5859
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused);
5802
5860
  }
5861
+ .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5862
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-focused);
5863
+ }
5803
5864
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5804
5865
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused);
5805
5866
  }
@@ -5826,6 +5887,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5826
5887
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5827
5888
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed);
5828
5889
  }
5890
+ .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5891
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-pressed);
5892
+ }
5829
5893
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5830
5894
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed);
5831
5895
  }
@@ -5855,6 +5919,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5855
5919
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5856
5920
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default);
5857
5921
  }
5922
+ .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5923
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-default);
5924
+ }
5858
5925
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5859
5926
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default);
5860
5927
  }
@@ -5881,6 +5948,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5881
5948
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5882
5949
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered);
5883
5950
  }
5951
+ .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5952
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-hovered);
5953
+ }
5884
5954
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5885
5955
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered);
5886
5956
  }
@@ -5908,6 +5978,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5908
5978
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5909
5979
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused);
5910
5980
  }
5981
+ .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
5982
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-focused);
5983
+ }
5911
5984
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5912
5985
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused);
5913
5986
  }
@@ -5934,6 +6007,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5934
6007
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5935
6008
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed);
5936
6009
  }
6010
+ .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
6011
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-pressed);
6012
+ }
5937
6013
  .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5938
6014
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed);
5939
6015
  }
@@ -5963,6 +6039,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
5963
6039
  .ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
5964
6040
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-disabled);
5965
6041
  }
6042
+ .ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
6043
+ color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-disabled);
6044
+ }
5966
6045
  .ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
5967
6046
  color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-disabled);
5968
6047
  }