@i-cell/ids-styles 0.0.19 → 0.0.21
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.
- package/dist/chip/chip.css +315 -306
- package/dist/chip/chip.min.css +1 -1
- package/dist/chip/chip.plugin.js +297 -299
- package/dist/components.css +1267 -546
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +1014 -544
- package/dist/notification/notification.css +598 -0
- package/dist/notification/notification.min.css +1 -0
- package/dist/notification/notification.plugin.js +382 -0
- package/dist/tag/tag.css +353 -240
- package/dist/tag/tag.min.css +1 -1
- package/dist/tag/tag.plugin.js +344 -245
- package/package.json +2 -2
package/dist/tag/tag.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ids-tag{flex-shrink:0;width:fit-content;display:inline-flex;align-items:center;justify-content:center;border-style:solid;box-sizing:border-box}.ids-tag:focus,.ids-tag:focus-visible{outline-offset:2px;outline-style:solid}.ids-tag:active{outline:none}.ids-tag .ids-icon{color:inherit}.ids-tag.ids-tag-compact{gap:var(--ids-comp-tag-size-gap-compact);height:var(--ids-comp-tag-size-height-compact);padding:var(--ids-comp-tag-size-padding-y-compact) var(--ids-comp-tag-size-padding-x-compact);border-radius:var(--ids-comp-tag-size-border-radius-compact);border:var(--ids-comp-tag-size-border-width-compact)}.ids-tag.ids-tag-compact:focus,.ids-tag.ids-tag-compact:focus-visible{outline-width:var(--ids-comp-tag-focused-outline-size-outline-compact)}.ids-tag.ids-tag-compact>.ids-tag-label{font-family:var(--ids-comp-tag-label-typography-font-family-compact);font-size:var(--ids-comp-tag-label-typography-font-size-compact);font-weight:var(--ids-comp-tag-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-tag-label-typography-letter-spacing-compact);line-height:var(--ids-comp-tag-label-typography-line-height-compact)}.ids-tag.ids-tag-compact .ids-icon{width:var(--ids-comp-tag-size-icon-compact);height:var(--ids-comp-tag-size-icon-compact);font-size:var(--ids-comp-tag-icon-typography-font-size-compact);font-weight:var(--ids-comp-tag-icon-typography-font-weight-compact);line-height:var(--ids-comp-tag-icon-typography-line-height-compact)}.ids-tag.ids-tag-comfortable{gap:var(--ids-comp-tag-size-gap-comfortable);height:var(--ids-comp-tag-size-height-comfortable);padding:var(--ids-comp-tag-size-padding-y-comfortable) var(--ids-comp-tag-size-padding-x-comfortable);border-radius:var(--ids-comp-tag-size-border-radius-comfortable);border:var(--ids-comp-tag-size-border-width-comfortable)}.ids-tag.ids-tag-comfortable:focus,.ids-tag.ids-tag-comfortable:focus-visible{outline-width:var(--ids-comp-tag-focused-outline-size-outline-comfortable)}.ids-tag.ids-tag-comfortable>.ids-tag-label{font-family:var(--ids-comp-tag-label-typography-font-family-comfortable);font-size:var(--ids-comp-tag-label-typography-font-size-comfortable);font-weight:var(--ids-comp-tag-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-tag-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-tag-label-typography-line-height-comfortable)}.ids-tag.ids-tag-comfortable .ids-icon{width:var(--ids-comp-tag-size-icon-comfortable);height:var(--ids-comp-tag-size-icon-comfortable);font-size:var(--ids-comp-tag-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-tag-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-tag-icon-typography-line-height-comfortable)}.ids-tag.ids-tag-spacious{gap:var(--ids-comp-tag-size-gap-spacious);height:var(--ids-comp-tag-size-height-spacious);padding:var(--ids-comp-tag-size-padding-y-spacious) var(--ids-comp-tag-size-padding-x-spacious);border-radius:var(--ids-comp-tag-size-border-radius-spacious);border:var(--ids-comp-tag-size-border-width-spacious)}.ids-tag.ids-tag-spacious:focus,.ids-tag.ids-tag-spacious:focus-visible{outline-width:var(--ids-comp-tag-focused-outline-size-outline-spacious)}.ids-tag.ids-tag-spacious>.ids-tag-label{font-family:var(--ids-comp-tag-label-typography-font-family-spacious);font-size:var(--ids-comp-tag-label-typography-font-size-spacious);font-weight:var(--ids-comp-tag-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-tag-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-tag-label-typography-line-height-spacious)}.ids-tag.ids-tag-spacious .ids-icon{width:var(--ids-comp-tag-size-icon-spacious);height:var(--ids-comp-tag-size-icon-spacious);font-size:var(--ids-comp-tag-icon-typography-font-size-spacious);font-weight:var(--ids-comp-tag-icon-typography-font-weight-spacious);line-height:var(--ids-comp-tag-icon-typography-line-height-spacious)}.ids-tag.ids-tag-dense{gap:var(--ids-comp-tag-size-gap-dense);height:var(--ids-comp-tag-size-height-dense);padding:var(--ids-comp-tag-size-padding-y-dense) var(--ids-comp-tag-size-padding-x-dense);border-radius:var(--ids-comp-tag-size-border-radius-dense);border:var(--ids-comp-tag-size-border-width-dense)}.ids-tag.ids-tag-dense:focus,.ids-tag.ids-tag-dense:focus-visible{outline-width:var(--ids-comp-tag-focused-outline-size-outline-dense)}.ids-tag.ids-tag-dense>.ids-tag-label{font-family:var(--ids-comp-tag-label-typography-font-family-dense);font-size:var(--ids-comp-tag-label-typography-font-size-dense);font-weight:var(--ids-comp-tag-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-tag-label-typography-letter-spacing-dense);line-height:var(--ids-comp-tag-label-typography-line-height-dense)}.ids-tag.ids-tag-dense .ids-icon{width:var(--ids-comp-tag-size-icon-dense);height:var(--ids-comp-tag-size-icon-dense);font-size:var(--ids-comp-tag-icon-typography-font-size-dense);font-weight:var(--ids-comp-tag-icon-typography-font-weight-dense);line-height:var(--ids-comp-tag-icon-typography-line-height-dense)}.ids-tag.ids-tag-filled.ids-tag-primary{color:var(--ids-comp-tag-filled-color-fg-label-primary-default);background:var(--ids-comp-tag-filled-color-bg-primary-default);border-color:var(--ids-comp-tag-filled-color-border-primary-default)}.ids-tag.ids-tag-filled.ids-tag-primary:hover{color:var(--ids-comp-tag-filled-color-fg-label-primary-default);background:var(--ids-comp-tag-filled-color-bg-primary-default);border-color:var(--ids-comp-tag-filled-color-border-primary-default)}.ids-tag.ids-tag-filled.ids-tag-primary:focus,.ids-tag.ids-tag-filled.ids-tag-primary:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-primary-default);background:var(--ids-comp-tag-filled-color-bg-primary-default);border-color:var(--ids-comp-tag-filled-color-border-primary-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-filled.ids-tag-primary:active{color:var(--ids-comp-tag-filled-color-fg-label-primary-default);background:var(--ids-comp-tag-filled-color-bg-primary-default);border-color:var(--ids-comp-tag-filled-color-border-primary-default)}.ids-tag.ids-tag-filled.ids-tag-secondary{color:var(--ids-comp-tag-filled-color-fg-label-secondary-default);background:var(--ids-comp-tag-filled-color-bg-secondary-default);border-color:var(--ids-comp-tag-filled-color-border-secondary-default)}.ids-tag.ids-tag-filled.ids-tag-secondary:hover{color:var(--ids-comp-tag-filled-color-fg-label-secondary-default);background:var(--ids-comp-tag-filled-color-bg-secondary-default);border-color:var(--ids-comp-tag-filled-color-border-secondary-default)}.ids-tag.ids-tag-filled.ids-tag-secondary:focus,.ids-tag.ids-tag-filled.ids-tag-secondary:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-secondary-default);background:var(--ids-comp-tag-filled-color-bg-secondary-default);border-color:var(--ids-comp-tag-filled-color-border-secondary-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-filled.ids-tag-secondary:active{color:var(--ids-comp-tag-filled-color-fg-label-secondary-default);background:var(--ids-comp-tag-filled-color-bg-secondary-default);border-color:var(--ids-comp-tag-filled-color-border-secondary-default)}.ids-tag.ids-tag-filled.ids-tag-brand{color:var(--ids-comp-tag-filled-color-fg-label-brand-default);background:var(--ids-comp-tag-filled-color-bg-brand-default);border-color:var(--ids-comp-tag-filled-color-border-brand-default)}.ids-tag.ids-tag-filled.ids-tag-brand:hover{color:var(--ids-comp-tag-filled-color-fg-label-brand-default);background:var(--ids-comp-tag-filled-color-bg-brand-default);border-color:var(--ids-comp-tag-filled-color-border-brand-default)}.ids-tag.ids-tag-filled.ids-tag-brand:focus,.ids-tag.ids-tag-filled.ids-tag-brand:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-brand-default);background:var(--ids-comp-tag-filled-color-bg-brand-default);border-color:var(--ids-comp-tag-filled-color-border-brand-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-filled.ids-tag-brand:active{color:var(--ids-comp-tag-filled-color-fg-label-brand-default);background:var(--ids-comp-tag-filled-color-bg-brand-default);border-color:var(--ids-comp-tag-filled-color-border-brand-default)}.ids-tag.ids-tag-filled.ids-tag-error{color:var(--ids-comp-tag-filled-color-fg-label-error-default);background:var(--ids-comp-tag-filled-color-bg-error-default);border-color:var(--ids-comp-tag-filled-color-border-error-default)}.ids-tag.ids-tag-filled.ids-tag-error:hover{color:var(--ids-comp-tag-filled-color-fg-label-error-default);background:var(--ids-comp-tag-filled-color-bg-error-default);border-color:var(--ids-comp-tag-filled-color-border-error-default)}.ids-tag.ids-tag-filled.ids-tag-error:focus,.ids-tag.ids-tag-filled.ids-tag-error:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-error-default);background:var(--ids-comp-tag-filled-color-bg-error-default);border-color:var(--ids-comp-tag-filled-color-border-error-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-filled.ids-tag-error:active{color:var(--ids-comp-tag-filled-color-fg-label-error-default);background:var(--ids-comp-tag-filled-color-bg-error-default);border-color:var(--ids-comp-tag-filled-color-border-error-default)}.ids-tag.ids-tag-filled.ids-tag-success{color:var(--ids-comp-tag-filled-color-fg-label-success-default);background:var(--ids-comp-tag-filled-color-bg-success-default);border-color:var(--ids-comp-tag-filled-color-border-success-default)}.ids-tag.ids-tag-filled.ids-tag-success:hover{color:var(--ids-comp-tag-filled-color-fg-label-success-default);background:var(--ids-comp-tag-filled-color-bg-success-default);border-color:var(--ids-comp-tag-filled-color-border-success-default)}.ids-tag.ids-tag-filled.ids-tag-success:focus,.ids-tag.ids-tag-filled.ids-tag-success:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-success-default);background:var(--ids-comp-tag-filled-color-bg-success-default);border-color:var(--ids-comp-tag-filled-color-border-success-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-filled.ids-tag-success:active{color:var(--ids-comp-tag-filled-color-fg-label-success-default);background:var(--ids-comp-tag-filled-color-bg-success-default);border-color:var(--ids-comp-tag-filled-color-border-success-default)}.ids-tag.ids-tag-filled.ids-tag-warning{color:var(--ids-comp-tag-filled-color-fg-label-warning-default);background:var(--ids-comp-tag-filled-color-bg-warning-default);border-color:var(--ids-comp-tag-filled-color-border-warning-default)}.ids-tag.ids-tag-filled.ids-tag-warning:hover{color:var(--ids-comp-tag-filled-color-fg-label-warning-default);background:var(--ids-comp-tag-filled-color-bg-warning-default);border-color:var(--ids-comp-tag-filled-color-border-warning-default)}.ids-tag.ids-tag-filled.ids-tag-warning:focus,.ids-tag.ids-tag-filled.ids-tag-warning:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-warning-default);background:var(--ids-comp-tag-filled-color-bg-warning-default);border-color:var(--ids-comp-tag-filled-color-border-warning-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-filled.ids-tag-warning:active{color:var(--ids-comp-tag-filled-color-fg-label-warning-default);background:var(--ids-comp-tag-filled-color-bg-warning-default);border-color:var(--ids-comp-tag-filled-color-border-warning-default)}.ids-tag.ids-tag-filled.ids-tag-light{color:var(--ids-comp-tag-filled-color-fg-label-light-default);background:var(--ids-comp-tag-filled-color-bg-light-default);border-color:var(--ids-comp-tag-filled-color-border-light-default)}.ids-tag.ids-tag-filled.ids-tag-light:hover{color:var(--ids-comp-tag-filled-color-fg-label-light-default);background:var(--ids-comp-tag-filled-color-bg-light-default);border-color:var(--ids-comp-tag-filled-color-border-light-default)}.ids-tag.ids-tag-filled.ids-tag-light:focus,.ids-tag.ids-tag-filled.ids-tag-light:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-light-default);background:var(--ids-comp-tag-filled-color-bg-light-default);border-color:var(--ids-comp-tag-filled-color-border-light-default);outline-color:var(--ids-comp-tag-focused-outline-color-light-focused)}.ids-tag.ids-tag-filled.ids-tag-light:active{color:var(--ids-comp-tag-filled-color-fg-label-light-default);background:var(--ids-comp-tag-filled-color-bg-light-default);border-color:var(--ids-comp-tag-filled-color-border-light-default)}.ids-tag.ids-tag-filled.ids-tag-dark{color:var(--ids-comp-tag-filled-color-fg-label-dark-default);background:var(--ids-comp-tag-filled-color-bg-dark-default);border-color:var(--ids-comp-tag-filled-color-border-dark-default)}.ids-tag.ids-tag-filled.ids-tag-dark:hover{color:var(--ids-comp-tag-filled-color-fg-label-dark-default);background:var(--ids-comp-tag-filled-color-bg-dark-default);border-color:var(--ids-comp-tag-filled-color-border-dark-default)}.ids-tag.ids-tag-filled.ids-tag-dark:focus,.ids-tag.ids-tag-filled.ids-tag-dark:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-dark-default);background:var(--ids-comp-tag-filled-color-bg-dark-default);border-color:var(--ids-comp-tag-filled-color-border-dark-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-filled.ids-tag-dark:active{color:var(--ids-comp-tag-filled-color-fg-label-dark-default);background:var(--ids-comp-tag-filled-color-bg-dark-default);border-color:var(--ids-comp-tag-filled-color-border-dark-default)}.ids-tag.ids-tag-filled.ids-tag-surface{color:var(--ids-comp-tag-filled-color-fg-label-surface-default);background:var(--ids-comp-tag-filled-color-bg-surface-default);border-color:var(--ids-comp-tag-filled-color-border-surface-default)}.ids-tag.ids-tag-filled.ids-tag-surface:hover{color:var(--ids-comp-tag-filled-color-fg-label-surface-default);background:var(--ids-comp-tag-filled-color-bg-surface-default);border-color:var(--ids-comp-tag-filled-color-border-surface-default)}.ids-tag.ids-tag-filled.ids-tag-surface:focus,.ids-tag.ids-tag-filled.ids-tag-surface:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-surface-default);background:var(--ids-comp-tag-filled-color-bg-surface-default);border-color:var(--ids-comp-tag-filled-color-border-surface-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-filled.ids-tag-surface:active{color:var(--ids-comp-tag-filled-color-fg-label-surface-default);background:var(--ids-comp-tag-filled-color-bg-surface-default);border-color:var(--ids-comp-tag-filled-color-border-surface-default)}.ids-tag.ids-tag-outlined.ids-tag-primary{color:var(--ids-comp-tag-outlined-color-fg-label-primary-default);background:var(--ids-comp-tag-outlined-color-bg-primary-default);border-color:var(--ids-comp-tag-outlined-color-border-primary-default)}.ids-tag.ids-tag-outlined.ids-tag-primary:hover{color:var(--ids-comp-tag-outlined-color-fg-label-primary-default);background:var(--ids-comp-tag-outlined-color-bg-primary-default);border-color:var(--ids-comp-tag-outlined-color-border-primary-default)}.ids-tag.ids-tag-outlined.ids-tag-primary:focus,.ids-tag.ids-tag-outlined.ids-tag-primary:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-primary-default);background:var(--ids-comp-tag-outlined-color-bg-primary-default);border-color:var(--ids-comp-tag-outlined-color-border-primary-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-outlined.ids-tag-primary:active{color:var(--ids-comp-tag-outlined-color-fg-label-primary-default);background:var(--ids-comp-tag-outlined-color-bg-primary-default);border-color:var(--ids-comp-tag-outlined-color-border-primary-default)}.ids-tag.ids-tag-outlined.ids-tag-secondary{color:var(--ids-comp-tag-outlined-color-fg-label-secondary-default);background:var(--ids-comp-tag-outlined-color-bg-secondary-default);border-color:var(--ids-comp-tag-outlined-color-border-secondary-default)}.ids-tag.ids-tag-outlined.ids-tag-secondary:hover{color:var(--ids-comp-tag-outlined-color-fg-label-secondary-default);background:var(--ids-comp-tag-outlined-color-bg-secondary-default);border-color:var(--ids-comp-tag-outlined-color-border-secondary-default)}.ids-tag.ids-tag-outlined.ids-tag-secondary:focus,.ids-tag.ids-tag-outlined.ids-tag-secondary:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-secondary-default);background:var(--ids-comp-tag-outlined-color-bg-secondary-default);border-color:var(--ids-comp-tag-outlined-color-border-secondary-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-outlined.ids-tag-secondary:active{color:var(--ids-comp-tag-outlined-color-fg-label-secondary-default);background:var(--ids-comp-tag-outlined-color-bg-secondary-default);border-color:var(--ids-comp-tag-outlined-color-border-secondary-default)}.ids-tag.ids-tag-outlined.ids-tag-brand{color:var(--ids-comp-tag-outlined-color-fg-label-brand-default);background:var(--ids-comp-tag-outlined-color-bg-brand-default);border-color:var(--ids-comp-tag-outlined-color-border-brand-default)}.ids-tag.ids-tag-outlined.ids-tag-brand:hover{color:var(--ids-comp-tag-outlined-color-fg-label-brand-default);background:var(--ids-comp-tag-outlined-color-bg-brand-default);border-color:var(--ids-comp-tag-outlined-color-border-brand-default)}.ids-tag.ids-tag-outlined.ids-tag-brand:focus,.ids-tag.ids-tag-outlined.ids-tag-brand:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-brand-default);background:var(--ids-comp-tag-outlined-color-bg-brand-default);border-color:var(--ids-comp-tag-outlined-color-border-brand-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-outlined.ids-tag-brand:active{color:var(--ids-comp-tag-outlined-color-fg-label-brand-default);background:var(--ids-comp-tag-outlined-color-bg-brand-default);border-color:var(--ids-comp-tag-outlined-color-border-brand-default)}.ids-tag.ids-tag-outlined.ids-tag-error{color:var(--ids-comp-tag-outlined-color-fg-label-error-default);background:var(--ids-comp-tag-outlined-color-bg-error-default);border-color:var(--ids-comp-tag-outlined-color-border-error-default)}.ids-tag.ids-tag-outlined.ids-tag-error:hover{color:var(--ids-comp-tag-outlined-color-fg-label-error-default);background:var(--ids-comp-tag-outlined-color-bg-error-default);border-color:var(--ids-comp-tag-outlined-color-border-error-default)}.ids-tag.ids-tag-outlined.ids-tag-error:focus,.ids-tag.ids-tag-outlined.ids-tag-error:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-error-default);background:var(--ids-comp-tag-outlined-color-bg-error-default);border-color:var(--ids-comp-tag-outlined-color-border-error-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-outlined.ids-tag-error:active{color:var(--ids-comp-tag-outlined-color-fg-label-error-default);background:var(--ids-comp-tag-outlined-color-bg-error-default);border-color:var(--ids-comp-tag-outlined-color-border-error-default)}.ids-tag.ids-tag-outlined.ids-tag-success{color:var(--ids-comp-tag-outlined-color-fg-label-success-default);background:var(--ids-comp-tag-outlined-color-bg-success-default);border-color:var(--ids-comp-tag-outlined-color-border-success-default)}.ids-tag.ids-tag-outlined.ids-tag-success:hover{color:var(--ids-comp-tag-outlined-color-fg-label-success-default);background:var(--ids-comp-tag-outlined-color-bg-success-default);border-color:var(--ids-comp-tag-outlined-color-border-success-default)}.ids-tag.ids-tag-outlined.ids-tag-success:focus,.ids-tag.ids-tag-outlined.ids-tag-success:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-success-default);background:var(--ids-comp-tag-outlined-color-bg-success-default);border-color:var(--ids-comp-tag-outlined-color-border-success-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-outlined.ids-tag-success:active{color:var(--ids-comp-tag-outlined-color-fg-label-success-default);background:var(--ids-comp-tag-outlined-color-bg-success-default);border-color:var(--ids-comp-tag-outlined-color-border-success-default)}.ids-tag.ids-tag-outlined.ids-tag-warning{color:var(--ids-comp-tag-outlined-color-fg-label-warning-default);background:var(--ids-comp-tag-outlined-color-bg-warning-default);border-color:var(--ids-comp-tag-outlined-color-border-warning-default)}.ids-tag.ids-tag-outlined.ids-tag-warning:hover{color:var(--ids-comp-tag-outlined-color-fg-label-warning-default);background:var(--ids-comp-tag-outlined-color-bg-warning-default);border-color:var(--ids-comp-tag-outlined-color-border-warning-default)}.ids-tag.ids-tag-outlined.ids-tag-warning:focus,.ids-tag.ids-tag-outlined.ids-tag-warning:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-warning-default);background:var(--ids-comp-tag-outlined-color-bg-warning-default);border-color:var(--ids-comp-tag-outlined-color-border-warning-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-outlined.ids-tag-warning:active{color:var(--ids-comp-tag-outlined-color-fg-label-warning-default);background:var(--ids-comp-tag-outlined-color-bg-warning-default);border-color:var(--ids-comp-tag-outlined-color-border-warning-default)}.ids-tag.ids-tag-outlined.ids-tag-light{color:var(--ids-comp-tag-outlined-color-fg-label-light-default);background:var(--ids-comp-tag-outlined-color-bg-light-default);border-color:var(--ids-comp-tag-outlined-color-border-light-default)}.ids-tag.ids-tag-outlined.ids-tag-light:hover{color:var(--ids-comp-tag-outlined-color-fg-label-light-default);background:var(--ids-comp-tag-outlined-color-bg-light-default);border-color:var(--ids-comp-tag-outlined-color-border-light-default)}.ids-tag.ids-tag-outlined.ids-tag-light:focus,.ids-tag.ids-tag-outlined.ids-tag-light:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-light-default);background:var(--ids-comp-tag-outlined-color-bg-light-default);border-color:var(--ids-comp-tag-outlined-color-border-light-default);outline-color:var(--ids-comp-tag-focused-outline-color-light-focused)}.ids-tag.ids-tag-outlined.ids-tag-light:active{color:var(--ids-comp-tag-outlined-color-fg-label-light-default);background:var(--ids-comp-tag-outlined-color-bg-light-default);border-color:var(--ids-comp-tag-outlined-color-border-light-default)}.ids-tag.ids-tag-outlined.ids-tag-dark{color:var(--ids-comp-tag-outlined-color-fg-label-dark-default);background:var(--ids-comp-tag-outlined-color-bg-dark-default);border-color:var(--ids-comp-tag-outlined-color-border-dark-default)}.ids-tag.ids-tag-outlined.ids-tag-dark:hover{color:var(--ids-comp-tag-outlined-color-fg-label-dark-default);background:var(--ids-comp-tag-outlined-color-bg-dark-default);border-color:var(--ids-comp-tag-outlined-color-border-dark-default)}.ids-tag.ids-tag-outlined.ids-tag-dark:focus,.ids-tag.ids-tag-outlined.ids-tag-dark:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-dark-default);background:var(--ids-comp-tag-outlined-color-bg-dark-default);border-color:var(--ids-comp-tag-outlined-color-border-dark-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-outlined.ids-tag-dark:active{color:var(--ids-comp-tag-outlined-color-fg-label-dark-default);background:var(--ids-comp-tag-outlined-color-bg-dark-default);border-color:var(--ids-comp-tag-outlined-color-border-dark-default)}.ids-tag.ids-tag-outlined.ids-tag-surface{color:var(--ids-comp-tag-outlined-color-fg-label-surface-default);background:var(--ids-comp-tag-outlined-color-bg-surface-default);border-color:var(--ids-comp-tag-outlined-color-border-surface-default)}.ids-tag.ids-tag-outlined.ids-tag-surface:hover{color:var(--ids-comp-tag-outlined-color-fg-label-surface-default);background:var(--ids-comp-tag-outlined-color-bg-surface-default);border-color:var(--ids-comp-tag-outlined-color-border-surface-default)}.ids-tag.ids-tag-outlined.ids-tag-surface:focus,.ids-tag.ids-tag-outlined.ids-tag-surface:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-surface-default);background:var(--ids-comp-tag-outlined-color-bg-surface-default);border-color:var(--ids-comp-tag-outlined-color-border-surface-default);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag.ids-tag-outlined.ids-tag-surface:active{color:var(--ids-comp-tag-outlined-color-fg-label-surface-default);background:var(--ids-comp-tag-outlined-color-bg-surface-default);border-color:var(--ids-comp-tag-outlined-color-border-surface-default)}button.ids-tag :not(:disabled){cursor:pointer}button.ids-tag :disabled{cursor:not-allowed}
|
|
1
|
+
.ids-tag{display:inline-flex;align-items:center;justify-content:center;border-style:solid;box-sizing:border-box}.ids-tag:focus,.ids-tag:focus-visible{outline-offset:2px;outline-style:solid}.ids-tag:active{outline:none}.ids-tag .ids-icon{color:inherit}.ids-tag.ids-tag-compact{gap:var(--ids-comp-tag-size-gap-compact);height:var(--ids-comp-tag-size-height-compact);padding:var(--ids-comp-tag-size-padding-y-compact) var(--ids-comp-tag-size-padding-x-compact);border-radius:var(--ids-comp-tag-size-border-radius-compact);border-width:var(--ids-comp-tag-size-border-width-compact)}.ids-tag.ids-tag-compact:focus,.ids-tag.ids-tag-compact:focus-visible{outline-width:var(--ids-comp-tag-focused-outline-size-outline-compact)}.ids-tag.ids-tag-compact>.ids-tag-label{font-family:var(--ids-comp-tag-label-typography-font-family-compact);font-size:var(--ids-comp-tag-label-typography-font-size-compact);font-weight:var(--ids-comp-tag-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-tag-label-typography-letter-spacing-compact);line-height:var(--ids-comp-tag-label-typography-line-height-compact)}.ids-tag.ids-tag-compact .ids-icon{width:var(--ids-comp-tag-size-icon-compact);height:var(--ids-comp-tag-size-icon-compact);font-size:var(--ids-comp-tag-icon-typography-font-size-compact);font-weight:var(--ids-comp-tag-icon-typography-font-weight-compact);line-height:var(--ids-comp-tag-icon-typography-line-height-compact)}.ids-tag.ids-tag-comfortable{gap:var(--ids-comp-tag-size-gap-comfortable);height:var(--ids-comp-tag-size-height-comfortable);padding:var(--ids-comp-tag-size-padding-y-comfortable) var(--ids-comp-tag-size-padding-x-comfortable);border-radius:var(--ids-comp-tag-size-border-radius-comfortable);border-width:var(--ids-comp-tag-size-border-width-comfortable)}.ids-tag.ids-tag-comfortable:focus,.ids-tag.ids-tag-comfortable:focus-visible{outline-width:var(--ids-comp-tag-focused-outline-size-outline-comfortable)}.ids-tag.ids-tag-comfortable>.ids-tag-label{font-family:var(--ids-comp-tag-label-typography-font-family-comfortable);font-size:var(--ids-comp-tag-label-typography-font-size-comfortable);font-weight:var(--ids-comp-tag-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-tag-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-tag-label-typography-line-height-comfortable)}.ids-tag.ids-tag-comfortable .ids-icon{width:var(--ids-comp-tag-size-icon-comfortable);height:var(--ids-comp-tag-size-icon-comfortable);font-size:var(--ids-comp-tag-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-tag-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-tag-icon-typography-line-height-comfortable)}.ids-tag.ids-tag-spacious{gap:var(--ids-comp-tag-size-gap-spacious);height:var(--ids-comp-tag-size-height-spacious);padding:var(--ids-comp-tag-size-padding-y-spacious) var(--ids-comp-tag-size-padding-x-spacious);border-radius:var(--ids-comp-tag-size-border-radius-spacious);border-width:var(--ids-comp-tag-size-border-width-spacious)}.ids-tag.ids-tag-spacious:focus,.ids-tag.ids-tag-spacious:focus-visible{outline-width:var(--ids-comp-tag-focused-outline-size-outline-spacious)}.ids-tag.ids-tag-spacious>.ids-tag-label{font-family:var(--ids-comp-tag-label-typography-font-family-spacious);font-size:var(--ids-comp-tag-label-typography-font-size-spacious);font-weight:var(--ids-comp-tag-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-tag-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-tag-label-typography-line-height-spacious)}.ids-tag.ids-tag-spacious .ids-icon{width:var(--ids-comp-tag-size-icon-spacious);height:var(--ids-comp-tag-size-icon-spacious);font-size:var(--ids-comp-tag-icon-typography-font-size-spacious);font-weight:var(--ids-comp-tag-icon-typography-font-weight-spacious);line-height:var(--ids-comp-tag-icon-typography-line-height-spacious)}.ids-tag.ids-tag-dense{gap:var(--ids-comp-tag-size-gap-dense);height:var(--ids-comp-tag-size-height-dense);padding:var(--ids-comp-tag-size-padding-y-dense) var(--ids-comp-tag-size-padding-x-dense);border-radius:var(--ids-comp-tag-size-border-radius-dense);border-width:var(--ids-comp-tag-size-border-width-dense)}.ids-tag.ids-tag-dense:focus,.ids-tag.ids-tag-dense:focus-visible{outline-width:var(--ids-comp-tag-focused-outline-size-outline-dense)}.ids-tag.ids-tag-dense>.ids-tag-label{font-family:var(--ids-comp-tag-label-typography-font-family-dense);font-size:var(--ids-comp-tag-label-typography-font-size-dense);font-weight:var(--ids-comp-tag-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-tag-label-typography-letter-spacing-dense);line-height:var(--ids-comp-tag-label-typography-line-height-dense)}.ids-tag.ids-tag-dense .ids-icon{width:var(--ids-comp-tag-size-icon-dense);height:var(--ids-comp-tag-size-icon-dense);font-size:var(--ids-comp-tag-icon-typography-font-size-dense);font-weight:var(--ids-comp-tag-icon-typography-font-weight-dense);line-height:var(--ids-comp-tag-icon-typography-line-height-dense)}.ids-tag.ids-tag-filled.ids-tag-primary{color:var(--ids-comp-tag-filled-color-fg-label-primary-default);background:var(--ids-comp-tag-filled-color-bg-primary-default);border-color:var(--ids-comp-tag-filled-color-border-primary-default)}.ids-tag.ids-tag-filled.ids-tag-secondary{color:var(--ids-comp-tag-filled-color-fg-label-secondary-default);background:var(--ids-comp-tag-filled-color-bg-secondary-default);border-color:var(--ids-comp-tag-filled-color-border-secondary-default)}.ids-tag.ids-tag-filled.ids-tag-brand{color:var(--ids-comp-tag-filled-color-fg-label-brand-default);background:var(--ids-comp-tag-filled-color-bg-brand-default);border-color:var(--ids-comp-tag-filled-color-border-brand-default)}.ids-tag.ids-tag-filled.ids-tag-error{color:var(--ids-comp-tag-filled-color-fg-label-error-default);background:var(--ids-comp-tag-filled-color-bg-error-default);border-color:var(--ids-comp-tag-filled-color-border-error-default)}.ids-tag.ids-tag-filled.ids-tag-success{color:var(--ids-comp-tag-filled-color-fg-label-success-default);background:var(--ids-comp-tag-filled-color-bg-success-default);border-color:var(--ids-comp-tag-filled-color-border-success-default)}.ids-tag.ids-tag-filled.ids-tag-warning{color:var(--ids-comp-tag-filled-color-fg-label-warning-default);background:var(--ids-comp-tag-filled-color-bg-warning-default);border-color:var(--ids-comp-tag-filled-color-border-warning-default)}.ids-tag.ids-tag-filled.ids-tag-light{color:var(--ids-comp-tag-filled-color-fg-label-light-default);background:var(--ids-comp-tag-filled-color-bg-light-default);border-color:var(--ids-comp-tag-filled-color-border-light-default)}.ids-tag.ids-tag-filled.ids-tag-dark{color:var(--ids-comp-tag-filled-color-fg-label-dark-default);background:var(--ids-comp-tag-filled-color-bg-dark-default);border-color:var(--ids-comp-tag-filled-color-border-dark-default)}.ids-tag.ids-tag-filled.ids-tag-surface{color:var(--ids-comp-tag-filled-color-fg-label-surface-default);background:var(--ids-comp-tag-filled-color-bg-surface-default);border-color:var(--ids-comp-tag-filled-color-border-surface-default)}.ids-tag.ids-tag-outlined.ids-tag-primary{color:var(--ids-comp-tag-outlined-color-fg-label-primary-default);background:var(--ids-comp-tag-outlined-color-bg-primary-default);border-color:var(--ids-comp-tag-outlined-color-border-primary-default)}.ids-tag.ids-tag-outlined.ids-tag-secondary{color:var(--ids-comp-tag-outlined-color-fg-label-secondary-default);background:var(--ids-comp-tag-outlined-color-bg-secondary-default);border-color:var(--ids-comp-tag-outlined-color-border-secondary-default)}.ids-tag.ids-tag-outlined.ids-tag-brand{color:var(--ids-comp-tag-outlined-color-fg-label-brand-default);background:var(--ids-comp-tag-outlined-color-bg-brand-default);border-color:var(--ids-comp-tag-outlined-color-border-brand-default)}.ids-tag.ids-tag-outlined.ids-tag-error{color:var(--ids-comp-tag-outlined-color-fg-label-error-default);background:var(--ids-comp-tag-outlined-color-bg-error-default);border-color:var(--ids-comp-tag-outlined-color-border-error-default)}.ids-tag.ids-tag-outlined.ids-tag-success{color:var(--ids-comp-tag-outlined-color-fg-label-success-default);background:var(--ids-comp-tag-outlined-color-bg-success-default);border-color:var(--ids-comp-tag-outlined-color-border-success-default)}.ids-tag.ids-tag-outlined.ids-tag-warning{color:var(--ids-comp-tag-outlined-color-fg-label-warning-default);background:var(--ids-comp-tag-outlined-color-bg-warning-default);border-color:var(--ids-comp-tag-outlined-color-border-warning-default)}.ids-tag.ids-tag-outlined.ids-tag-light{color:var(--ids-comp-tag-outlined-color-fg-label-light-default);background:var(--ids-comp-tag-outlined-color-bg-light-default);border-color:var(--ids-comp-tag-outlined-color-border-light-default)}.ids-tag.ids-tag-outlined.ids-tag-dark{color:var(--ids-comp-tag-outlined-color-fg-label-dark-default);background:var(--ids-comp-tag-outlined-color-bg-dark-default);border-color:var(--ids-comp-tag-outlined-color-border-dark-default)}.ids-tag.ids-tag-outlined.ids-tag-surface{color:var(--ids-comp-tag-outlined-color-fg-label-surface-default);background:var(--ids-comp-tag-outlined-color-bg-surface-default);border-color:var(--ids-comp-tag-outlined-color-border-surface-default)}ids-tag{cursor:default}a.ids-tag{cursor:pointer;text-decoration:none}a.ids-tag.ids-tag-filled.ids-tag-primary{color:var(--ids-comp-tag-filled-color-fg-label-primary-default);background:var(--ids-comp-tag-filled-color-bg-primary-default);border-color:var(--ids-comp-tag-filled-color-border-primary-default)}a.ids-tag.ids-tag-filled.ids-tag-primary:hover{color:var(--ids-comp-tag-filled-color-fg-label-primary-hovered);background:var(--ids-comp-tag-filled-color-bg-primary-hovered);border-color:var(--ids-comp-tag-filled-color-border-primary-hovered)}a.ids-tag.ids-tag-filled.ids-tag-primary:focus,a.ids-tag.ids-tag-filled.ids-tag-primary:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-primary-focused);background:var(--ids-comp-tag-filled-color-bg-primary-focused);border-color:var(--ids-comp-tag-filled-color-border-primary-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-filled.ids-tag-primary:active{color:var(--ids-comp-tag-filled-color-fg-label-primary-pressed);background:var(--ids-comp-tag-filled-color-bg-primary-pressed);border-color:var(--ids-comp-tag-filled-color-border-primary-pressed)}a.ids-tag.ids-tag-filled.ids-tag-secondary{color:var(--ids-comp-tag-filled-color-fg-label-secondary-default);background:var(--ids-comp-tag-filled-color-bg-secondary-default);border-color:var(--ids-comp-tag-filled-color-border-secondary-default)}a.ids-tag.ids-tag-filled.ids-tag-secondary:hover{color:var(--ids-comp-tag-filled-color-fg-label-secondary-hovered);background:var(--ids-comp-tag-filled-color-bg-secondary-hovered);border-color:var(--ids-comp-tag-filled-color-border-secondary-hovered)}a.ids-tag.ids-tag-filled.ids-tag-secondary:focus,a.ids-tag.ids-tag-filled.ids-tag-secondary:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-secondary-focused);background:var(--ids-comp-tag-filled-color-bg-secondary-focused);border-color:var(--ids-comp-tag-filled-color-border-secondary-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-filled.ids-tag-secondary:active{color:var(--ids-comp-tag-filled-color-fg-label-secondary-pressed);background:var(--ids-comp-tag-filled-color-bg-secondary-pressed);border-color:var(--ids-comp-tag-filled-color-border-secondary-pressed)}a.ids-tag.ids-tag-filled.ids-tag-brand{color:var(--ids-comp-tag-filled-color-fg-label-brand-default);background:var(--ids-comp-tag-filled-color-bg-brand-default);border-color:var(--ids-comp-tag-filled-color-border-brand-default)}a.ids-tag.ids-tag-filled.ids-tag-brand:hover{color:var(--ids-comp-tag-filled-color-fg-label-brand-hovered);background:var(--ids-comp-tag-filled-color-bg-brand-hovered);border-color:var(--ids-comp-tag-filled-color-border-brand-hovered)}a.ids-tag.ids-tag-filled.ids-tag-brand:focus,a.ids-tag.ids-tag-filled.ids-tag-brand:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-brand-focused);background:var(--ids-comp-tag-filled-color-bg-brand-focused);border-color:var(--ids-comp-tag-filled-color-border-brand-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-filled.ids-tag-brand:active{color:var(--ids-comp-tag-filled-color-fg-label-brand-pressed);background:var(--ids-comp-tag-filled-color-bg-brand-pressed);border-color:var(--ids-comp-tag-filled-color-border-brand-pressed)}a.ids-tag.ids-tag-filled.ids-tag-error{color:var(--ids-comp-tag-filled-color-fg-label-error-default);background:var(--ids-comp-tag-filled-color-bg-error-default);border-color:var(--ids-comp-tag-filled-color-border-error-default)}a.ids-tag.ids-tag-filled.ids-tag-error:hover{color:var(--ids-comp-tag-filled-color-fg-label-error-hovered);background:var(--ids-comp-tag-filled-color-bg-error-hovered);border-color:var(--ids-comp-tag-filled-color-border-error-hovered)}a.ids-tag.ids-tag-filled.ids-tag-error:focus,a.ids-tag.ids-tag-filled.ids-tag-error:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-error-focused);background:var(--ids-comp-tag-filled-color-bg-error-focused);border-color:var(--ids-comp-tag-filled-color-border-error-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-filled.ids-tag-error:active{color:var(--ids-comp-tag-filled-color-fg-label-error-pressed);background:var(--ids-comp-tag-filled-color-bg-error-pressed);border-color:var(--ids-comp-tag-filled-color-border-error-pressed)}a.ids-tag.ids-tag-filled.ids-tag-success{color:var(--ids-comp-tag-filled-color-fg-label-success-default);background:var(--ids-comp-tag-filled-color-bg-success-default);border-color:var(--ids-comp-tag-filled-color-border-success-default)}a.ids-tag.ids-tag-filled.ids-tag-success:hover{color:var(--ids-comp-tag-filled-color-fg-label-success-hovered);background:var(--ids-comp-tag-filled-color-bg-success-hovered);border-color:var(--ids-comp-tag-filled-color-border-success-hovered)}a.ids-tag.ids-tag-filled.ids-tag-success:focus,a.ids-tag.ids-tag-filled.ids-tag-success:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-success-focused);background:var(--ids-comp-tag-filled-color-bg-success-focused);border-color:var(--ids-comp-tag-filled-color-border-success-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-filled.ids-tag-success:active{color:var(--ids-comp-tag-filled-color-fg-label-success-pressed);background:var(--ids-comp-tag-filled-color-bg-success-pressed);border-color:var(--ids-comp-tag-filled-color-border-success-pressed)}a.ids-tag.ids-tag-filled.ids-tag-warning{color:var(--ids-comp-tag-filled-color-fg-label-warning-default);background:var(--ids-comp-tag-filled-color-bg-warning-default);border-color:var(--ids-comp-tag-filled-color-border-warning-default)}a.ids-tag.ids-tag-filled.ids-tag-warning:hover{color:var(--ids-comp-tag-filled-color-fg-label-warning-hovered);background:var(--ids-comp-tag-filled-color-bg-warning-hovered);border-color:var(--ids-comp-tag-filled-color-border-warning-hovered)}a.ids-tag.ids-tag-filled.ids-tag-warning:focus,a.ids-tag.ids-tag-filled.ids-tag-warning:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-warning-focused);background:var(--ids-comp-tag-filled-color-bg-warning-focused);border-color:var(--ids-comp-tag-filled-color-border-warning-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-filled.ids-tag-warning:active{color:var(--ids-comp-tag-filled-color-fg-label-warning-pressed);background:var(--ids-comp-tag-filled-color-bg-warning-pressed);border-color:var(--ids-comp-tag-filled-color-border-warning-pressed)}a.ids-tag.ids-tag-filled.ids-tag-light{color:var(--ids-comp-tag-filled-color-fg-label-light-default);background:var(--ids-comp-tag-filled-color-bg-light-default);border-color:var(--ids-comp-tag-filled-color-border-light-default)}a.ids-tag.ids-tag-filled.ids-tag-light:hover{color:var(--ids-comp-tag-filled-color-fg-label-light-hovered);background:var(--ids-comp-tag-filled-color-bg-light-hovered);border-color:var(--ids-comp-tag-filled-color-border-light-hovered)}a.ids-tag.ids-tag-filled.ids-tag-light:focus,a.ids-tag.ids-tag-filled.ids-tag-light:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-light-focused);background:var(--ids-comp-tag-filled-color-bg-light-focused);border-color:var(--ids-comp-tag-filled-color-border-light-focused);outline-color:var(--ids-comp-tag-focused-outline-color-light-focused)}a.ids-tag.ids-tag-filled.ids-tag-light:active{color:var(--ids-comp-tag-filled-color-fg-label-light-pressed);background:var(--ids-comp-tag-filled-color-bg-light-pressed);border-color:var(--ids-comp-tag-filled-color-border-light-pressed)}a.ids-tag.ids-tag-filled.ids-tag-dark{color:var(--ids-comp-tag-filled-color-fg-label-dark-default);background:var(--ids-comp-tag-filled-color-bg-dark-default);border-color:var(--ids-comp-tag-filled-color-border-dark-default)}a.ids-tag.ids-tag-filled.ids-tag-dark:hover{color:var(--ids-comp-tag-filled-color-fg-label-dark-hovered);background:var(--ids-comp-tag-filled-color-bg-dark-hovered);border-color:var(--ids-comp-tag-filled-color-border-dark-hovered)}a.ids-tag.ids-tag-filled.ids-tag-dark:focus,a.ids-tag.ids-tag-filled.ids-tag-dark:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-dark-focused);background:var(--ids-comp-tag-filled-color-bg-dark-focused);border-color:var(--ids-comp-tag-filled-color-border-dark-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-filled.ids-tag-dark:active{color:var(--ids-comp-tag-filled-color-fg-label-dark-pressed);background:var(--ids-comp-tag-filled-color-bg-dark-pressed);border-color:var(--ids-comp-tag-filled-color-border-dark-pressed)}a.ids-tag.ids-tag-filled.ids-tag-surface{color:var(--ids-comp-tag-filled-color-fg-label-surface-default);background:var(--ids-comp-tag-filled-color-bg-surface-default);border-color:var(--ids-comp-tag-filled-color-border-surface-default)}a.ids-tag.ids-tag-filled.ids-tag-surface:hover{color:var(--ids-comp-tag-filled-color-fg-label-surface-hovered);background:var(--ids-comp-tag-filled-color-bg-surface-hovered);border-color:var(--ids-comp-tag-filled-color-border-surface-hovered)}a.ids-tag.ids-tag-filled.ids-tag-surface:focus,a.ids-tag.ids-tag-filled.ids-tag-surface:focus-visible{color:var(--ids-comp-tag-filled-color-fg-label-surface-focused);background:var(--ids-comp-tag-filled-color-bg-surface-focused);border-color:var(--ids-comp-tag-filled-color-border-surface-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-filled.ids-tag-surface:active{color:var(--ids-comp-tag-filled-color-fg-label-surface-pressed);background:var(--ids-comp-tag-filled-color-bg-surface-pressed);border-color:var(--ids-comp-tag-filled-color-border-surface-pressed)}a.ids-tag.ids-tag-outlined.ids-tag-primary{color:var(--ids-comp-tag-outlined-color-fg-label-primary-default);background:var(--ids-comp-tag-outlined-color-bg-primary-default);border-color:var(--ids-comp-tag-outlined-color-border-primary-default)}a.ids-tag.ids-tag-outlined.ids-tag-primary:hover{color:var(--ids-comp-tag-outlined-color-fg-label-primary-hovered);background:var(--ids-comp-tag-outlined-color-bg-primary-hovered);border-color:var(--ids-comp-tag-outlined-color-border-primary-hovered)}a.ids-tag.ids-tag-outlined.ids-tag-primary:focus,a.ids-tag.ids-tag-outlined.ids-tag-primary:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-primary-focused);background:var(--ids-comp-tag-outlined-color-bg-primary-focused);border-color:var(--ids-comp-tag-outlined-color-border-primary-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-outlined.ids-tag-primary:active{color:var(--ids-comp-tag-outlined-color-fg-label-primary-pressed);background:var(--ids-comp-tag-outlined-color-bg-primary-pressed);border-color:var(--ids-comp-tag-outlined-color-border-primary-pressed)}a.ids-tag.ids-tag-outlined.ids-tag-secondary{color:var(--ids-comp-tag-outlined-color-fg-label-secondary-default);background:var(--ids-comp-tag-outlined-color-bg-secondary-default);border-color:var(--ids-comp-tag-outlined-color-border-secondary-default)}a.ids-tag.ids-tag-outlined.ids-tag-secondary:hover{color:var(--ids-comp-tag-outlined-color-fg-label-secondary-hovered);background:var(--ids-comp-tag-outlined-color-bg-secondary-hovered);border-color:var(--ids-comp-tag-outlined-color-border-secondary-hovered)}a.ids-tag.ids-tag-outlined.ids-tag-secondary:focus,a.ids-tag.ids-tag-outlined.ids-tag-secondary:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-secondary-focused);background:var(--ids-comp-tag-outlined-color-bg-secondary-focused);border-color:var(--ids-comp-tag-outlined-color-border-secondary-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-outlined.ids-tag-secondary:active{color:var(--ids-comp-tag-outlined-color-fg-label-secondary-pressed);background:var(--ids-comp-tag-outlined-color-bg-secondary-pressed);border-color:var(--ids-comp-tag-outlined-color-border-secondary-pressed)}a.ids-tag.ids-tag-outlined.ids-tag-brand{color:var(--ids-comp-tag-outlined-color-fg-label-brand-default);background:var(--ids-comp-tag-outlined-color-bg-brand-default);border-color:var(--ids-comp-tag-outlined-color-border-brand-default)}a.ids-tag.ids-tag-outlined.ids-tag-brand:hover{color:var(--ids-comp-tag-outlined-color-fg-label-brand-hovered);background:var(--ids-comp-tag-outlined-color-bg-brand-hovered);border-color:var(--ids-comp-tag-outlined-color-border-brand-hovered)}a.ids-tag.ids-tag-outlined.ids-tag-brand:focus,a.ids-tag.ids-tag-outlined.ids-tag-brand:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-brand-focused);background:var(--ids-comp-tag-outlined-color-bg-brand-focused);border-color:var(--ids-comp-tag-outlined-color-border-brand-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-outlined.ids-tag-brand:active{color:var(--ids-comp-tag-outlined-color-fg-label-brand-pressed);background:var(--ids-comp-tag-outlined-color-bg-brand-pressed);border-color:var(--ids-comp-tag-outlined-color-border-brand-pressed)}a.ids-tag.ids-tag-outlined.ids-tag-error{color:var(--ids-comp-tag-outlined-color-fg-label-error-default);background:var(--ids-comp-tag-outlined-color-bg-error-default);border-color:var(--ids-comp-tag-outlined-color-border-error-default)}a.ids-tag.ids-tag-outlined.ids-tag-error:hover{color:var(--ids-comp-tag-outlined-color-fg-label-error-hovered);background:var(--ids-comp-tag-outlined-color-bg-error-hovered);border-color:var(--ids-comp-tag-outlined-color-border-error-hovered)}a.ids-tag.ids-tag-outlined.ids-tag-error:focus,a.ids-tag.ids-tag-outlined.ids-tag-error:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-error-focused);background:var(--ids-comp-tag-outlined-color-bg-error-focused);border-color:var(--ids-comp-tag-outlined-color-border-error-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-outlined.ids-tag-error:active{color:var(--ids-comp-tag-outlined-color-fg-label-error-pressed);background:var(--ids-comp-tag-outlined-color-bg-error-pressed);border-color:var(--ids-comp-tag-outlined-color-border-error-pressed)}a.ids-tag.ids-tag-outlined.ids-tag-success{color:var(--ids-comp-tag-outlined-color-fg-label-success-default);background:var(--ids-comp-tag-outlined-color-bg-success-default);border-color:var(--ids-comp-tag-outlined-color-border-success-default)}a.ids-tag.ids-tag-outlined.ids-tag-success:hover{color:var(--ids-comp-tag-outlined-color-fg-label-success-hovered);background:var(--ids-comp-tag-outlined-color-bg-success-hovered);border-color:var(--ids-comp-tag-outlined-color-border-success-hovered)}a.ids-tag.ids-tag-outlined.ids-tag-success:focus,a.ids-tag.ids-tag-outlined.ids-tag-success:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-success-focused);background:var(--ids-comp-tag-outlined-color-bg-success-focused);border-color:var(--ids-comp-tag-outlined-color-border-success-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-outlined.ids-tag-success:active{color:var(--ids-comp-tag-outlined-color-fg-label-success-pressed);background:var(--ids-comp-tag-outlined-color-bg-success-pressed);border-color:var(--ids-comp-tag-outlined-color-border-success-pressed)}a.ids-tag.ids-tag-outlined.ids-tag-warning{color:var(--ids-comp-tag-outlined-color-fg-label-warning-default);background:var(--ids-comp-tag-outlined-color-bg-warning-default);border-color:var(--ids-comp-tag-outlined-color-border-warning-default)}a.ids-tag.ids-tag-outlined.ids-tag-warning:hover{color:var(--ids-comp-tag-outlined-color-fg-label-warning-hovered);background:var(--ids-comp-tag-outlined-color-bg-warning-hovered);border-color:var(--ids-comp-tag-outlined-color-border-warning-hovered)}a.ids-tag.ids-tag-outlined.ids-tag-warning:focus,a.ids-tag.ids-tag-outlined.ids-tag-warning:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-warning-focused);background:var(--ids-comp-tag-outlined-color-bg-warning-focused);border-color:var(--ids-comp-tag-outlined-color-border-warning-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-outlined.ids-tag-warning:active{color:var(--ids-comp-tag-outlined-color-fg-label-warning-pressed);background:var(--ids-comp-tag-outlined-color-bg-warning-pressed);border-color:var(--ids-comp-tag-outlined-color-border-warning-pressed)}a.ids-tag.ids-tag-outlined.ids-tag-light{color:var(--ids-comp-tag-outlined-color-fg-label-light-default);background:var(--ids-comp-tag-outlined-color-bg-light-default);border-color:var(--ids-comp-tag-outlined-color-border-light-default)}a.ids-tag.ids-tag-outlined.ids-tag-light:hover{color:var(--ids-comp-tag-outlined-color-fg-label-light-hovered);background:var(--ids-comp-tag-outlined-color-bg-light-hovered);border-color:var(--ids-comp-tag-outlined-color-border-light-hovered)}a.ids-tag.ids-tag-outlined.ids-tag-light:focus,a.ids-tag.ids-tag-outlined.ids-tag-light:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-light-focused);background:var(--ids-comp-tag-outlined-color-bg-light-focused);border-color:var(--ids-comp-tag-outlined-color-border-light-focused);outline-color:var(--ids-comp-tag-focused-outline-color-light-focused)}a.ids-tag.ids-tag-outlined.ids-tag-light:active{color:var(--ids-comp-tag-outlined-color-fg-label-light-pressed);background:var(--ids-comp-tag-outlined-color-bg-light-pressed);border-color:var(--ids-comp-tag-outlined-color-border-light-pressed)}a.ids-tag.ids-tag-outlined.ids-tag-dark{color:var(--ids-comp-tag-outlined-color-fg-label-dark-default);background:var(--ids-comp-tag-outlined-color-bg-dark-default);border-color:var(--ids-comp-tag-outlined-color-border-dark-default)}a.ids-tag.ids-tag-outlined.ids-tag-dark:hover{color:var(--ids-comp-tag-outlined-color-fg-label-dark-hovered);background:var(--ids-comp-tag-outlined-color-bg-dark-hovered);border-color:var(--ids-comp-tag-outlined-color-border-dark-hovered)}a.ids-tag.ids-tag-outlined.ids-tag-dark:focus,a.ids-tag.ids-tag-outlined.ids-tag-dark:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-dark-focused);background:var(--ids-comp-tag-outlined-color-bg-dark-focused);border-color:var(--ids-comp-tag-outlined-color-border-dark-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-outlined.ids-tag-dark:active{color:var(--ids-comp-tag-outlined-color-fg-label-dark-pressed);background:var(--ids-comp-tag-outlined-color-bg-dark-pressed);border-color:var(--ids-comp-tag-outlined-color-border-dark-pressed)}a.ids-tag.ids-tag-outlined.ids-tag-surface{color:var(--ids-comp-tag-outlined-color-fg-label-surface-default);background:var(--ids-comp-tag-outlined-color-bg-surface-default);border-color:var(--ids-comp-tag-outlined-color-border-surface-default)}a.ids-tag.ids-tag-outlined.ids-tag-surface:hover{color:var(--ids-comp-tag-outlined-color-fg-label-surface-hovered);background:var(--ids-comp-tag-outlined-color-bg-surface-hovered);border-color:var(--ids-comp-tag-outlined-color-border-surface-hovered)}a.ids-tag.ids-tag-outlined.ids-tag-surface:focus,a.ids-tag.ids-tag-outlined.ids-tag-surface:focus-visible{color:var(--ids-comp-tag-outlined-color-fg-label-surface-focused);background:var(--ids-comp-tag-outlined-color-bg-surface-focused);border-color:var(--ids-comp-tag-outlined-color-border-surface-focused);outline-color:var(--ids-comp-tag-focused-outline-color-dark-focused)}a.ids-tag.ids-tag-outlined.ids-tag-surface:active{color:var(--ids-comp-tag-outlined-color-fg-label-surface-pressed);background:var(--ids-comp-tag-outlined-color-bg-surface-pressed);border-color:var(--ids-comp-tag-outlined-color-border-surface-pressed)}.ids-tag-group{display:inline-flex;flex-wrap:wrap;align-items:center;align-content:center}.ids-tag-group.ids-tag-group-compact{gap:var(--ids-comp-tag-group-size-row-gap-compact) var(--ids-comp-tag-group-size-column-gap-compact);padding:var(--ids-comp-tag-group-size-padding-y-compact) var(--ids-comp-tag-group-size-padding-x-compact)}.ids-tag-group.ids-tag-group-comfortable{gap:var(--ids-comp-tag-group-size-row-gap-comfortable) var(--ids-comp-tag-group-size-column-gap-comfortable);padding:var(--ids-comp-tag-group-size-padding-y-comfortable) var(--ids-comp-tag-group-size-padding-x-comfortable)}.ids-tag-group.ids-tag-group-spacious{gap:var(--ids-comp-tag-group-size-row-gap-spacious) var(--ids-comp-tag-group-size-column-gap-spacious);padding:var(--ids-comp-tag-group-size-padding-y-spacious) var(--ids-comp-tag-group-size-padding-x-spacious)}.ids-tag-group.ids-tag-group-dense{gap:var(--ids-comp-tag-group-size-row-gap-dense) var(--ids-comp-tag-group-size-column-gap-dense);padding:var(--ids-comp-tag-group-size-padding-y-dense) var(--ids-comp-tag-group-size-padding-x-dense)}
|