@i-cell/ids-styles 0.0.18-beta.0 → 0.0.19

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 (16) hide show
  1. package/dist/accordion/accordion.css +7 -20
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +4 -21
  4. package/dist/avatar/avatar.css +0 -3
  5. package/dist/avatar/avatar.min.css +1 -1
  6. package/dist/avatar/avatar.plugin.js +0 -1
  7. package/dist/chip/chip.css +696 -0
  8. package/dist/chip/chip.min.css +1 -0
  9. package/dist/chip/chip.plugin.js +675 -0
  10. package/dist/components.css +1508 -820
  11. package/dist/components.min.css +1 -1
  12. package/dist/components.plugin.js +2026 -1376
  13. package/dist/switch/switch.css +7 -0
  14. package/dist/switch/switch.min.css +1 -1
  15. package/dist/switch/switch.plugin.js +3 -1
  16. package/package.json +1 -1
package/dist/accordion/accordion.css CHANGED
@@ -3,6 +3,7 @@
3
3
  width: 100%;
4
4
  flex-direction: column;
5
5
  align-items: flex-start;
6
+ border-style: solid;
6
7
  }
7
8
  .ids-accordion > .ids-accordion-controls {
8
9
  display: flex;
@@ -21,6 +22,12 @@
21
22
  align-items: center;
22
23
  width: 100%;
23
24
  flex: 1 0 0;
25
+ border-style: solid;
26
+ }
27
+ .ids-accordion > .ids-accordion-item > .ids-accordion-item-summary:focus, .ids-accordion > .ids-accordion-item > .ids-accordion-item-summary:focus-visible {
28
+ outline-offset: 2px;
29
+ outline-style: solid;
30
+ z-index: 1;
24
31
  }
25
32
  .ids-accordion > .ids-accordion-item > .ids-accordion-item-summary > .ids-accordion-item-title {
26
33
  flex: 1 0 0;
@@ -43,7 +50,6 @@
43
50
  gap: var(--ids-comp-accordion-container-size-gap-compact);
44
51
  border-radius: var(--ids-comp-accordion-container-size-border-radius-compact);
45
52
  border-width: var(--ids-comp-accordion-container-size-border-width-compact);
46
- border-style: solid;
47
53
  }
48
54
  .ids-accordion.ids-accordion-compact > .ids-accordion-controls {
49
55
  padding: var(--ids-comp-accordion-controls-size-padding-y-compact) var(--ids-comp-accordion-controls-size-padding-x-compact);
@@ -59,14 +65,10 @@
59
65
  gap: var(--ids-comp-accordion-summary-size-gap-compact);
60
66
  border-radius: var(--ids-comp-accordion-summary-size-border-radius-compact);
61
67
  border-width: var(--ids-comp-accordion-summary-size-border-width-compact);
62
- border-style: solid;
63
68
  }
64
69
  .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 {
65
- outline-offset: 2px;
66
70
  outline-width: var(--ids-comp-accordion-summary-focused-outline-size-outline-compact);
67
- outline-style: solid;
68
71
  outline-color: var(--ids-comp-accordion-summary-focused-outline-color-dark-focused);
69
- z-index: 1;
70
72
  }
71
73
  .ids-accordion.ids-accordion-compact > .ids-accordion-item > .ids-accordion-item-summary > .ids-accordion-item-title {
72
74
  font-family: var(--ids-comp-accordion-summary-typography-font-family-compact);
@@ -91,7 +93,6 @@
91
93
  gap: var(--ids-comp-accordion-container-size-gap-comfortable);
92
94
  border-radius: var(--ids-comp-accordion-container-size-border-radius-comfortable);
93
95
  border-width: var(--ids-comp-accordion-container-size-border-width-comfortable);
94
- border-style: solid;
95
96
  }
96
97
  .ids-accordion.ids-accordion-comfortable > .ids-accordion-controls {
97
98
  padding: var(--ids-comp-accordion-controls-size-padding-y-comfortable) var(--ids-comp-accordion-controls-size-padding-x-comfortable);
@@ -107,14 +108,10 @@
107
108
  gap: var(--ids-comp-accordion-summary-size-gap-comfortable);
108
109
  border-radius: var(--ids-comp-accordion-summary-size-border-radius-comfortable);
109
110
  border-width: var(--ids-comp-accordion-summary-size-border-width-comfortable);
110
- border-style: solid;
111
111
  }
112
112
  .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 {
113
- outline-offset: 2px;
114
113
  outline-width: var(--ids-comp-accordion-summary-focused-outline-size-outline-comfortable);
115
- outline-style: solid;
116
114
  outline-color: var(--ids-comp-accordion-summary-focused-outline-color-dark-focused);
117
- z-index: 1;
118
115
  }
119
116
  .ids-accordion.ids-accordion-comfortable > .ids-accordion-item > .ids-accordion-item-summary > .ids-accordion-item-title {
120
117
  font-family: var(--ids-comp-accordion-summary-typography-font-family-comfortable);
@@ -139,7 +136,6 @@
139
136
  gap: var(--ids-comp-accordion-container-size-gap-spacious);
140
137
  border-radius: var(--ids-comp-accordion-container-size-border-radius-spacious);
141
138
  border-width: var(--ids-comp-accordion-container-size-border-width-spacious);
142
- border-style: solid;
143
139
  }
144
140
  .ids-accordion.ids-accordion-spacious > .ids-accordion-controls {
145
141
  padding: var(--ids-comp-accordion-controls-size-padding-y-spacious) var(--ids-comp-accordion-controls-size-padding-x-spacious);
@@ -155,14 +151,10 @@
155
151
  gap: var(--ids-comp-accordion-summary-size-gap-spacious);
156
152
  border-radius: var(--ids-comp-accordion-summary-size-border-radius-spacious);
157
153
  border-width: var(--ids-comp-accordion-summary-size-border-width-spacious);
158
- border-style: solid;
159
154
  }
160
155
  .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 {
161
- outline-offset: 2px;
162
156
  outline-width: var(--ids-comp-accordion-summary-focused-outline-size-outline-spacious);
163
- outline-style: solid;
164
157
  outline-color: var(--ids-comp-accordion-summary-focused-outline-color-dark-focused);
165
- z-index: 1;
166
158
  }
167
159
  .ids-accordion.ids-accordion-spacious > .ids-accordion-item > .ids-accordion-item-summary > .ids-accordion-item-title {
168
160
  font-family: var(--ids-comp-accordion-summary-typography-font-family-spacious);
@@ -187,7 +179,6 @@
187
179
  gap: var(--ids-comp-accordion-container-size-gap-dense);
188
180
  border-radius: var(--ids-comp-accordion-container-size-border-radius-dense);
189
181
  border-width: var(--ids-comp-accordion-container-size-border-width-dense);
190
- border-style: solid;
191
182
  }
192
183
  .ids-accordion.ids-accordion-dense > .ids-accordion-controls {
193
184
  padding: var(--ids-comp-accordion-controls-size-padding-y-dense) var(--ids-comp-accordion-controls-size-padding-x-dense);
@@ -203,14 +194,10 @@
203
194
  gap: var(--ids-comp-accordion-summary-size-gap-dense);
204
195
  border-radius: var(--ids-comp-accordion-summary-size-border-radius-dense);
205
196
  border-width: var(--ids-comp-accordion-summary-size-border-width-dense);
206
- border-style: solid;
207
197
  }
208
198
  .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 {
209
- outline-offset: 2px;
210
199
  outline-width: var(--ids-comp-accordion-summary-focused-outline-size-outline-dense);
211
- outline-style: solid;
212
200
  outline-color: var(--ids-comp-accordion-summary-focused-outline-color-dark-focused);
213
- z-index: 1;
214
201
  }
215
202
  .ids-accordion.ids-accordion-dense > .ids-accordion-item > .ids-accordion-item-summary > .ids-accordion-item-title {
216
203
  font-family: var(--ids-comp-accordion-summary-typography-font-family-dense);
package/dist/accordion/accordion.min.css CHANGED
@@ -1 +1 @@
1
- .ids-accordion{display:flex;width:100%;flex-direction:column;align-items:flex-start}.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}.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);border-style:solid}.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);border-style:solid}.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-offset:2px;outline-width:var(--ids-comp-accordion-summary-focused-outline-size-outline-compact);outline-style:solid;outline-color:var(--ids-comp-accordion-summary-focused-outline-color-dark-focused);z-index:1}.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);border-style:solid}.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);border-style:solid}.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-offset:2px;outline-width:var(--ids-comp-accordion-summary-focused-outline-size-outline-comfortable);outline-style:solid;outline-color:var(--ids-comp-accordion-summary-focused-outline-color-dark-focused);z-index:1}.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);border-style:solid}.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);border-style:solid}.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-offset:2px;outline-width:var(--ids-comp-accordion-summary-focused-outline-size-outline-spacious);outline-style:solid;outline-color:var(--ids-comp-accordion-summary-focused-outline-color-dark-focused);z-index:1}.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);border-style:solid}.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);border-style:solid}.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-offset:2px;outline-width:var(--ids-comp-accordion-summary-focused-outline-size-outline-dense);outline-style:solid;outline-color:var(--ids-comp-accordion-summary-focused-outline-color-dark-focused);z-index:1}.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}.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
@@ -2,7 +2,7 @@
2
2
  module.exports = function AccordionPlugin() {
3
3
  return function ({ addComponents }) {
4
4
  const cssObj = {
5
- '.ids-accordion': { display: 'flex', width: '100%', flexDirection: 'column', alignItems: 'flex-start' },
5
+ '.ids-accordion': { display: 'flex', width: '100%', flexDirection: 'column', alignItems: 'flex-start', borderStyle: 'solid' },
6
6
  '.ids-accordion>.ids-accordion-controls': { display: 'flex', alignItems: 'flex-start', alignSelf: 'stretch' },
7
7
  '.ids-accordion>.ids-accordion-item': {
8
8
  display: 'flex',
@@ -16,7 +16,10 @@ module.exports = function AccordionPlugin() {
16
16
  alignItems: 'center',
17
17
  width: '100%',
18
18
  flex: '1 0 0',
19
+ borderStyle: 'solid',
19
20
  },
21
+ '.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary:focus,.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary:focus-visible':
22
+ { outlineOffset: '2px', outlineStyle: 'solid', zIndex: 1 },
20
23
  '.ids-accordion>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title': {
21
24
  flex: '1 0 0',
22
25
  whiteSpace: 'nowrap',
@@ -38,7 +41,6 @@ module.exports = function AccordionPlugin() {
38
41
  gap: 'var(--ids-comp-accordion-container-size-gap-compact)',
39
42
  borderRadius: 'var(--ids-comp-accordion-container-size-border-radius-compact)',
40
43
  borderWidth: 'var(--ids-comp-accordion-container-size-border-width-compact)',
41
- borderStyle: 'solid',
42
44
  },
43
45
  '.ids-accordion.ids-accordion-compact>.ids-accordion-controls': {
44
46
  padding: 'var(--ids-comp-accordion-controls-size-padding-y-compact) var(--ids-comp-accordion-controls-size-padding-x-compact)',
@@ -54,15 +56,11 @@ module.exports = function AccordionPlugin() {
54
56
  gap: 'var(--ids-comp-accordion-summary-size-gap-compact)',
55
57
  borderRadius: 'var(--ids-comp-accordion-summary-size-border-radius-compact)',
56
58
  borderWidth: 'var(--ids-comp-accordion-summary-size-border-width-compact)',
57
- borderStyle: 'solid',
58
59
  },
59
60
  '.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':
60
61
  {
61
- outlineOffset: '2px',
62
62
  outlineWidth: 'var(--ids-comp-accordion-summary-focused-outline-size-outline-compact)',
63
- outlineStyle: 'solid',
64
63
  outlineColor: 'var(--ids-comp-accordion-summary-focused-outline-color-dark-focused)',
65
- zIndex: 1,
66
64
  },
67
65
  '.ids-accordion.ids-accordion-compact>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title': {
68
66
  fontFamily: 'var(--ids-comp-accordion-summary-typography-font-family-compact)',
@@ -88,7 +86,6 @@ module.exports = function AccordionPlugin() {
88
86
  gap: 'var(--ids-comp-accordion-container-size-gap-comfortable)',
89
87
  borderRadius: 'var(--ids-comp-accordion-container-size-border-radius-comfortable)',
90
88
  borderWidth: 'var(--ids-comp-accordion-container-size-border-width-comfortable)',
91
- borderStyle: 'solid',
92
89
  },
93
90
  '.ids-accordion.ids-accordion-comfortable>.ids-accordion-controls': {
94
91
  padding:
@@ -106,15 +103,11 @@ module.exports = function AccordionPlugin() {
106
103
  gap: 'var(--ids-comp-accordion-summary-size-gap-comfortable)',
107
104
  borderRadius: 'var(--ids-comp-accordion-summary-size-border-radius-comfortable)',
108
105
  borderWidth: 'var(--ids-comp-accordion-summary-size-border-width-comfortable)',
109
- borderStyle: 'solid',
110
106
  },
111
107
  '.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':
112
108
  {
113
- outlineOffset: '2px',
114
109
  outlineWidth: 'var(--ids-comp-accordion-summary-focused-outline-size-outline-comfortable)',
115
- outlineStyle: 'solid',
116
110
  outlineColor: 'var(--ids-comp-accordion-summary-focused-outline-color-dark-focused)',
117
- zIndex: 1,
118
111
  },
119
112
  '.ids-accordion.ids-accordion-comfortable>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title': {
120
113
  fontFamily: 'var(--ids-comp-accordion-summary-typography-font-family-comfortable)',
@@ -140,7 +133,6 @@ module.exports = function AccordionPlugin() {
140
133
  gap: 'var(--ids-comp-accordion-container-size-gap-spacious)',
141
134
  borderRadius: 'var(--ids-comp-accordion-container-size-border-radius-spacious)',
142
135
  borderWidth: 'var(--ids-comp-accordion-container-size-border-width-spacious)',
143
- borderStyle: 'solid',
144
136
  },
145
137
  '.ids-accordion.ids-accordion-spacious>.ids-accordion-controls': {
146
138
  padding: 'var(--ids-comp-accordion-controls-size-padding-y-spacious) var(--ids-comp-accordion-controls-size-padding-x-spacious)',
@@ -156,15 +148,11 @@ module.exports = function AccordionPlugin() {
156
148
  gap: 'var(--ids-comp-accordion-summary-size-gap-spacious)',
157
149
  borderRadius: 'var(--ids-comp-accordion-summary-size-border-radius-spacious)',
158
150
  borderWidth: 'var(--ids-comp-accordion-summary-size-border-width-spacious)',
159
- borderStyle: 'solid',
160
151
  },
161
152
  '.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':
162
153
  {
163
- outlineOffset: '2px',
164
154
  outlineWidth: 'var(--ids-comp-accordion-summary-focused-outline-size-outline-spacious)',
165
- outlineStyle: 'solid',
166
155
  outlineColor: 'var(--ids-comp-accordion-summary-focused-outline-color-dark-focused)',
167
- zIndex: 1,
168
156
  },
169
157
  '.ids-accordion.ids-accordion-spacious>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title': {
170
158
  fontFamily: 'var(--ids-comp-accordion-summary-typography-font-family-spacious)',
@@ -189,7 +177,6 @@ module.exports = function AccordionPlugin() {
189
177
  gap: 'var(--ids-comp-accordion-container-size-gap-dense)',
190
178
  borderRadius: 'var(--ids-comp-accordion-container-size-border-radius-dense)',
191
179
  borderWidth: 'var(--ids-comp-accordion-container-size-border-width-dense)',
192
- borderStyle: 'solid',
193
180
  },
194
181
  '.ids-accordion.ids-accordion-dense>.ids-accordion-controls': {
195
182
  padding: 'var(--ids-comp-accordion-controls-size-padding-y-dense) var(--ids-comp-accordion-controls-size-padding-x-dense)',
@@ -205,15 +192,11 @@ module.exports = function AccordionPlugin() {
205
192
  gap: 'var(--ids-comp-accordion-summary-size-gap-dense)',
206
193
  borderRadius: 'var(--ids-comp-accordion-summary-size-border-radius-dense)',
207
194
  borderWidth: 'var(--ids-comp-accordion-summary-size-border-width-dense)',
208
- borderStyle: 'solid',
209
195
  },
210
196
  '.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':
211
197
  {
212
- outlineOffset: '2px',
213
198
  outlineWidth: 'var(--ids-comp-accordion-summary-focused-outline-size-outline-dense)',
214
- outlineStyle: 'solid',
215
199
  outlineColor: 'var(--ids-comp-accordion-summary-focused-outline-color-dark-focused)',
216
- zIndex: 1,
217
200
  },
218
201
  '.ids-accordion.ids-accordion-dense>.ids-accordion-item>.ids-accordion-item-summary>.ids-accordion-item-title': {
219
202
  fontFamily: 'var(--ids-comp-accordion-summary-typography-font-family-dense)',
package/dist/avatar/avatar.css CHANGED
@@ -15,9 +15,6 @@
15
15
  .ids-avatar.ids-avatar-type-icon {
16
16
  flex-shrink: 0;
17
17
  }
18
- .ids-avatar.ids-avatar-type-icon > .ids-icon {
19
- color: inherit;
20
- }
21
18
  .ids-avatar.ids-avatar-type-image > img {
22
19
  width: 100%;
23
20
  height: 100%;
package/dist/avatar/avatar.min.css CHANGED
@@ -1 +1 @@
1
- .ids-avatar{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border-style:solid;overflow:hidden}.ids-avatar.ids-avatar-type-initials{flex-direction:column;text-align:center;font-style:normal;color:inherit}.ids-avatar.ids-avatar-type-icon{flex-shrink:0}.ids-avatar.ids-avatar-type-icon>.ids-icon{color:inherit}.ids-avatar.ids-avatar-type-image>img{width:100%;height:100%;object-fit:cover}.ids-avatar.ids-avatar-smallcollection-compact{width:var(--ids-comp-avatar-size-smallcollection-width-compact);height:var(--ids-comp-avatar-size-smallcollection-height-compact);border-width:var(--ids-comp-avatar-size-smallcollection-border-compact);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-compact)}.ids-avatar.ids-avatar-smallcollection-compact.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-compact);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-compact);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-compact);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-compact)}.ids-avatar.ids-avatar-smallcollection-compact.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-compact);height:var(--ids-comp-avatar-size-smallcollection-icon-compact);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-compact);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-compact);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-compact)}.ids-avatar.ids-avatar-smallcollection-comfortable{width:var(--ids-comp-avatar-size-smallcollection-width-comfortable);height:var(--ids-comp-avatar-size-smallcollection-height-comfortable);border-width:var(--ids-comp-avatar-size-smallcollection-border-comfortable);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-comfortable)}.ids-avatar.ids-avatar-smallcollection-comfortable.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-comfortable);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-comfortable)}.ids-avatar.ids-avatar-smallcollection-comfortable.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-comfortable);height:var(--ids-comp-avatar-size-smallcollection-icon-comfortable);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-comfortable)}.ids-avatar.ids-avatar-smallcollection-spacious{width:var(--ids-comp-avatar-size-smallcollection-width-spacious);height:var(--ids-comp-avatar-size-smallcollection-height-spacious);border-width:var(--ids-comp-avatar-size-smallcollection-border-spacious);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-spacious)}.ids-avatar.ids-avatar-smallcollection-spacious.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-spacious);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-spacious)}.ids-avatar.ids-avatar-smallcollection-spacious.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-spacious);height:var(--ids-comp-avatar-size-smallcollection-icon-spacious);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-spacious)}.ids-avatar.ids-avatar-smallcollection-dense{width:var(--ids-comp-avatar-size-smallcollection-width-dense);height:var(--ids-comp-avatar-size-smallcollection-height-dense);border-width:var(--ids-comp-avatar-size-smallcollection-border-dense);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-dense)}.ids-avatar.ids-avatar-smallcollection-dense.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-dense);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-dense);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-dense);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-dense)}.ids-avatar.ids-avatar-smallcollection-dense.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-dense);height:var(--ids-comp-avatar-size-smallcollection-icon-dense);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-dense);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-dense);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-dense)}.ids-avatar.ids-avatar-bigcollection-compact{width:var(--ids-comp-avatar-size-bigcollection-width-compact);height:var(--ids-comp-avatar-size-bigcollection-height-compact);border-width:var(--ids-comp-avatar-size-bigcollection-border-compact);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-compact)}.ids-avatar.ids-avatar-bigcollection-compact.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-compact);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-compact);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-compact);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-compact)}.ids-avatar.ids-avatar-bigcollection-compact.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-compact);height:var(--ids-comp-avatar-size-bigcollection-icon-compact);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-compact);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-compact);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-compact)}.ids-avatar.ids-avatar-bigcollection-comfortable{width:var(--ids-comp-avatar-size-bigcollection-width-comfortable);height:var(--ids-comp-avatar-size-bigcollection-height-comfortable);border-width:var(--ids-comp-avatar-size-bigcollection-border-comfortable);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-comfortable)}.ids-avatar.ids-avatar-bigcollection-comfortable.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-comfortable);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-comfortable)}.ids-avatar.ids-avatar-bigcollection-comfortable.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-comfortable);height:var(--ids-comp-avatar-size-bigcollection-icon-comfortable);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-comfortable)}.ids-avatar.ids-avatar-bigcollection-spacious{width:var(--ids-comp-avatar-size-bigcollection-width-spacious);height:var(--ids-comp-avatar-size-bigcollection-height-spacious);border-width:var(--ids-comp-avatar-size-bigcollection-border-spacious);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-spacious)}.ids-avatar.ids-avatar-bigcollection-spacious.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-spacious);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-spacious)}.ids-avatar.ids-avatar-bigcollection-spacious.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-spacious);height:var(--ids-comp-avatar-size-bigcollection-icon-spacious);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-spacious)}.ids-avatar.ids-avatar-bigcollection-dense{width:var(--ids-comp-avatar-size-bigcollection-width-dense);height:var(--ids-comp-avatar-size-bigcollection-height-dense);border-width:var(--ids-comp-avatar-size-bigcollection-border-dense);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-dense)}.ids-avatar.ids-avatar-bigcollection-dense.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-dense);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-dense);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-dense);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-dense)}.ids-avatar.ids-avatar-bigcollection-dense.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-dense);height:var(--ids-comp-avatar-size-bigcollection-icon-dense);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-dense);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-dense);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-dense)}.ids-avatar.ids-avatar-primary{color:var(--ids-comp-avatar-color-fg-primary-default);border-color:var(--ids-comp-avatar-color-border-primary-default);background:var(--ids-comp-avatar-color-bg-primary-default)}.ids-avatar.ids-avatar-secondary{color:var(--ids-comp-avatar-color-fg-secondary-default);border-color:var(--ids-comp-avatar-color-border-secondary-default);background:var(--ids-comp-avatar-color-bg-secondary-default)}.ids-avatar.ids-avatar-surface{color:var(--ids-comp-avatar-color-fg-surface-default);border-color:var(--ids-comp-avatar-color-border-surface-default);background:var(--ids-comp-avatar-color-bg-surface-default)}.ids-avatar.ids-avatar-light{color:var(--ids-comp-avatar-color-fg-light-default);border-color:var(--ids-comp-avatar-color-border-light-default);background:var(--ids-comp-avatar-color-bg-light-default)}.ids-avatar.ids-avatar-dark{color:var(--ids-comp-avatar-color-fg-dark-default);border-color:var(--ids-comp-avatar-color-border-dark-default);background:var(--ids-comp-avatar-color-bg-dark-default)}
1
+ .ids-avatar{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border-style:solid;overflow:hidden}.ids-avatar.ids-avatar-type-initials{flex-direction:column;text-align:center;font-style:normal;color:inherit}.ids-avatar.ids-avatar-type-icon{flex-shrink:0}.ids-avatar.ids-avatar-type-image>img{width:100%;height:100%;object-fit:cover}.ids-avatar.ids-avatar-smallcollection-compact{width:var(--ids-comp-avatar-size-smallcollection-width-compact);height:var(--ids-comp-avatar-size-smallcollection-height-compact);border-width:var(--ids-comp-avatar-size-smallcollection-border-compact);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-compact)}.ids-avatar.ids-avatar-smallcollection-compact.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-compact);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-compact);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-compact);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-compact)}.ids-avatar.ids-avatar-smallcollection-compact.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-compact);height:var(--ids-comp-avatar-size-smallcollection-icon-compact);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-compact);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-compact);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-compact)}.ids-avatar.ids-avatar-smallcollection-comfortable{width:var(--ids-comp-avatar-size-smallcollection-width-comfortable);height:var(--ids-comp-avatar-size-smallcollection-height-comfortable);border-width:var(--ids-comp-avatar-size-smallcollection-border-comfortable);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-comfortable)}.ids-avatar.ids-avatar-smallcollection-comfortable.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-comfortable);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-comfortable)}.ids-avatar.ids-avatar-smallcollection-comfortable.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-comfortable);height:var(--ids-comp-avatar-size-smallcollection-icon-comfortable);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-comfortable)}.ids-avatar.ids-avatar-smallcollection-spacious{width:var(--ids-comp-avatar-size-smallcollection-width-spacious);height:var(--ids-comp-avatar-size-smallcollection-height-spacious);border-width:var(--ids-comp-avatar-size-smallcollection-border-spacious);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-spacious)}.ids-avatar.ids-avatar-smallcollection-spacious.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-spacious);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-spacious)}.ids-avatar.ids-avatar-smallcollection-spacious.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-spacious);height:var(--ids-comp-avatar-size-smallcollection-icon-spacious);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-spacious)}.ids-avatar.ids-avatar-smallcollection-dense{width:var(--ids-comp-avatar-size-smallcollection-width-dense);height:var(--ids-comp-avatar-size-smallcollection-height-dense);border-width:var(--ids-comp-avatar-size-smallcollection-border-dense);border-radius:var(--ids-comp-avatar-size-smallcollection-border-radius-dense)}.ids-avatar.ids-avatar-smallcollection-dense.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-smallcollection-font-size-dense);font-weight:var(--ids-comp-avatar-initials-typography-smallcollection-font-weight-dense);line-height:var(--ids-comp-avatar-initials-typography-smallcollection-line-height-dense);letter-spacing:var(--ids-comp-avatar-initials-typography-smallcollection-letter-spacing-dense)}.ids-avatar.ids-avatar-smallcollection-dense.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-smallcollection-icon-dense);height:var(--ids-comp-avatar-size-smallcollection-icon-dense);font-size:var(--ids-comp-avatar-icon-typography-smallcollection-font-size-dense);font-weight:var(--ids-comp-avatar-icon-typography-smallcollection-font-weight-dense);line-height:var(--ids-comp-avatar-icon-typography-smallcollection-line-height-dense)}.ids-avatar.ids-avatar-bigcollection-compact{width:var(--ids-comp-avatar-size-bigcollection-width-compact);height:var(--ids-comp-avatar-size-bigcollection-height-compact);border-width:var(--ids-comp-avatar-size-bigcollection-border-compact);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-compact)}.ids-avatar.ids-avatar-bigcollection-compact.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-compact);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-compact);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-compact);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-compact)}.ids-avatar.ids-avatar-bigcollection-compact.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-compact);height:var(--ids-comp-avatar-size-bigcollection-icon-compact);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-compact);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-compact);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-compact)}.ids-avatar.ids-avatar-bigcollection-comfortable{width:var(--ids-comp-avatar-size-bigcollection-width-comfortable);height:var(--ids-comp-avatar-size-bigcollection-height-comfortable);border-width:var(--ids-comp-avatar-size-bigcollection-border-comfortable);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-comfortable)}.ids-avatar.ids-avatar-bigcollection-comfortable.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-comfortable);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-comfortable)}.ids-avatar.ids-avatar-bigcollection-comfortable.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-comfortable);height:var(--ids-comp-avatar-size-bigcollection-icon-comfortable);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-comfortable);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-comfortable);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-comfortable)}.ids-avatar.ids-avatar-bigcollection-spacious{width:var(--ids-comp-avatar-size-bigcollection-width-spacious);height:var(--ids-comp-avatar-size-bigcollection-height-spacious);border-width:var(--ids-comp-avatar-size-bigcollection-border-spacious);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-spacious)}.ids-avatar.ids-avatar-bigcollection-spacious.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-spacious);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-spacious)}.ids-avatar.ids-avatar-bigcollection-spacious.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-spacious);height:var(--ids-comp-avatar-size-bigcollection-icon-spacious);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-spacious);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-spacious);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-spacious)}.ids-avatar.ids-avatar-bigcollection-dense{width:var(--ids-comp-avatar-size-bigcollection-width-dense);height:var(--ids-comp-avatar-size-bigcollection-height-dense);border-width:var(--ids-comp-avatar-size-bigcollection-border-dense);border-radius:var(--ids-comp-avatar-size-bigcollection-border-radius-dense)}.ids-avatar.ids-avatar-bigcollection-dense.ids-avatar-type-initials{font-size:var(--ids-comp-avatar-initials-typography-bigcollection-font-size-dense);font-weight:var(--ids-comp-avatar-initials-typography-bigcollection-font-weight-dense);line-height:var(--ids-comp-avatar-initials-typography-bigcollection-line-height-dense);letter-spacing:var(--ids-comp-avatar-initials-typography-bigcollection-letter-spacing-dense)}.ids-avatar.ids-avatar-bigcollection-dense.ids-avatar-type-icon>.ids-icon{width:var(--ids-comp-avatar-size-bigcollection-icon-dense);height:var(--ids-comp-avatar-size-bigcollection-icon-dense);font-size:var(--ids-comp-avatar-icon-typography-bigcollection-font-size-dense);font-weight:var(--ids-comp-avatar-icon-typography-bigcollection-font-weight-dense);line-height:var(--ids-comp-avatar-icon-typography-bigcollection-line-height-dense)}.ids-avatar.ids-avatar-primary{color:var(--ids-comp-avatar-color-fg-primary-default);border-color:var(--ids-comp-avatar-color-border-primary-default);background:var(--ids-comp-avatar-color-bg-primary-default)}.ids-avatar.ids-avatar-secondary{color:var(--ids-comp-avatar-color-fg-secondary-default);border-color:var(--ids-comp-avatar-color-border-secondary-default);background:var(--ids-comp-avatar-color-bg-secondary-default)}.ids-avatar.ids-avatar-surface{color:var(--ids-comp-avatar-color-fg-surface-default);border-color:var(--ids-comp-avatar-color-border-surface-default);background:var(--ids-comp-avatar-color-bg-surface-default)}.ids-avatar.ids-avatar-light{color:var(--ids-comp-avatar-color-fg-light-default);border-color:var(--ids-comp-avatar-color-border-light-default);background:var(--ids-comp-avatar-color-bg-light-default)}.ids-avatar.ids-avatar-dark{color:var(--ids-comp-avatar-color-fg-dark-default);border-color:var(--ids-comp-avatar-color-border-dark-default);background:var(--ids-comp-avatar-color-bg-dark-default)}
package/dist/avatar/avatar.plugin.js CHANGED
@@ -12,7 +12,6 @@ module.exports = function AvatarPlugin() {
12
12
  },
13
13
  '.ids-avatar.ids-avatar-type-initials': { flexDirection: 'column', textAlign: 'center', fontStyle: 'normal', color: 'inherit' },
14
14
  '.ids-avatar.ids-avatar-type-icon': { flexShrink: 0 },
15
- '.ids-avatar.ids-avatar-type-icon>.ids-icon': { color: 'inherit' },
16
15
  '.ids-avatar.ids-avatar-type-image>img': { width: '100%', height: '100%', objectFit: 'cover' },
17
16
  '.ids-avatar.ids-avatar-smallcollection-compact': {
18
17
  width: 'var(--ids-comp-avatar-size-smallcollection-width-compact)',