@spectrum-css/tag

{ "sourceFile": "index.css", "selectors": [ ".spectrum-Tag", ".spectrum-Tag .spectrum-Avatar", ".spectrum-Tag .spectrum-Tag-clearButton", ".spectrum-Tag .spectrum-Tag-clearButton .spectrum-ClearButton-fill", ".spectrum-Tag .spectrum-Tag-itemIcon", ".spectrum-Tag .spectrum-Tag-itemLabel", ".spectrum-Tag--sizeL", ".spectrum-Tag--sizeM", ".spectrum-Tag--sizeS", ".spectrum-Tag.is-disabled", ".spectrum-Tag.is-disabled .spectrum-Avatar", ".spectrum-Tag.is-emphasized", ".spectrum-Tag.is-emphasized.is-focused", ".spectrum-Tag.is-emphasized:active", ".spectrum-Tag.is-emphasized:focus-visible", ".spectrum-Tag.is-emphasized:hover", ".spectrum-Tag.is-focused", ".spectrum-Tag.is-focused:after", ".spectrum-Tag.is-invalid", ".spectrum-Tag.is-invalid.is-focused", ".spectrum-Tag.is-invalid.is-selected", ".spectrum-Tag.is-invalid.is-selected.is-focused", ".spectrum-Tag.is-invalid.is-selected:active", ".spectrum-Tag.is-invalid.is-selected:focus-visible", ".spectrum-Tag.is-invalid.is-selected:hover", ".spectrum-Tag.is-invalid:active", ".spectrum-Tag.is-invalid:focus-visible", ".spectrum-Tag.is-invalid:hover", ".spectrum-Tag.is-selected", ".spectrum-Tag.is-selected.is-focused", ".spectrum-Tag.is-selected:active", ".spectrum-Tag.is-selected:focus-visible", ".spectrum-Tag.is-selected:hover", ".spectrum-Tag:active", ".spectrum-Tag:focus-visible", ".spectrum-Tag:focus-visible:after", ".spectrum-Tag:hover" ], "modifiers": [ "--mod-tag-animation-duration", "--mod-tag-avatar-spacing-block-end", "--mod-tag-avatar-spacing-block-start", "--mod-tag-avatar-spacing-inline-end", "--mod-tag-background-color", "--mod-tag-background-color-active", "--mod-tag-background-color-disabled", "--mod-tag-background-color-emphasized", "--mod-tag-background-color-emphasized-active", "--mod-tag-background-color-emphasized-focus", "--mod-tag-background-color-emphasized-hover", "--mod-tag-background-color-focus", "--mod-tag-background-color-hover", "--mod-tag-background-color-invalid-selected", "--mod-tag-background-color-invalid-selected-active", "--mod-tag-background-color-invalid-selected-focus", "--mod-tag-background-color-invalid-selected-hover", "--mod-tag-background-color-selected", "--mod-tag-background-color-selected-active", "--mod-tag-background-color-selected-focus", "--mod-tag-background-color-selected-hover", "--mod-tag-border-color", "--mod-tag-border-color-active", "--mod-tag-border-color-disabled", "--mod-tag-border-color-emphasized", "--mod-tag-border-color-emphasized-active", "--mod-tag-border-color-emphasized-focus", "--mod-tag-border-color-emphasized-hover", "--mod-tag-border-color-focus", "--mod-tag-border-color-hover", "--mod-tag-border-color-invalid", "--mod-tag-border-color-invalid-active", "--mod-tag-border-color-invalid-focus", "--mod-tag-border-color-invalid-hover", "--mod-tag-border-color-invalid-selected", "--mod-tag-border-color-invalid-selected-active", "--mod-tag-border-color-invalid-selected-focus", "--mod-tag-border-color-invalid-selected-hover", "--mod-tag-border-color-selected", "--mod-tag-border-color-selected-active", "--mod-tag-border-color-selected-focus", "--mod-tag-border-color-selected-hover", "--mod-tag-border-width", "--mod-tag-clear-button-spacing-block", "--mod-tag-clear-button-spacing-inline-end", "--mod-tag-clear-button-spacing-inline-start", "--mod-tag-content-color", "--mod-tag-content-color-active", "--mod-tag-content-color-disabled", "--mod-tag-content-color-emphasized", "--mod-tag-content-color-focus", "--mod-tag-content-color-hover", "--mod-tag-content-color-invalid", "--mod-tag-content-color-invalid-active", "--mod-tag-content-color-invalid-focus", "--mod-tag-content-color-invalid-hover", "--mod-tag-content-color-invalid-selected", "--mod-tag-content-color-selected", "--mod-tag-corner-radius", "--mod-tag-focus-ring-color", "--mod-tag-focus-ring-gap", "--mod-tag-focus-ring-thickness", "--mod-tag-font-size", "--mod-tag-height", "--mod-tag-icon-size", "--mod-tag-icon-spacing-block-end", "--mod-tag-icon-spacing-block-start", "--mod-tag-icon-spacing-inline-end", "--mod-tag-label-font-weight", "--mod-tag-label-line-height", "--mod-tag-label-spacing-block", "--mod-tag-label-spacing-inline-end", "--mod-tag-spacing-inline-start" ], "component": [ "--spectrum-tag-animation-duration", "--spectrum-tag-avatar-spacing-block-end", "--spectrum-tag-avatar-spacing-block-start", "--spectrum-tag-avatar-spacing-inline-end", "--spectrum-tag-background-color", "--spectrum-tag-background-color-active", "--spectrum-tag-background-color-disabled", "--spectrum-tag-background-color-emphasized", "--spectrum-tag-background-color-emphasized-active", "--spectrum-tag-background-color-emphasized-focus", "--spectrum-tag-background-color-emphasized-hover", "--spectrum-tag-background-color-focus", "--spectrum-tag-background-color-hover", "--spectrum-tag-background-color-invalid-selected", "--spectrum-tag-background-color-invalid-selected-active", "--spectrum-tag-background-color-invalid-selected-focus", "--spectrum-tag-background-color-invalid-selected-hover", "--spectrum-tag-background-color-selected", "--spectrum-tag-background-color-selected-active", "--spectrum-tag-background-color-selected-focus", "--spectrum-tag-background-color-selected-hover", "--spectrum-tag-border-color", "--spectrum-tag-border-color-active", "--spectrum-tag-border-color-disabled", "--spectrum-tag-border-color-emphasized", "--spectrum-tag-border-color-emphasized-active", "--spectrum-tag-border-color-emphasized-focus", "--spectrum-tag-border-color-emphasized-hover", "--spectrum-tag-border-color-focus", "--spectrum-tag-border-color-hover", "--spectrum-tag-border-color-invalid", "--spectrum-tag-border-color-invalid-active", "--spectrum-tag-border-color-invalid-focus", "--spectrum-tag-border-color-invalid-hover", "--spectrum-tag-border-color-invalid-selected", "--spectrum-tag-border-color-invalid-selected-active", "--spectrum-tag-border-color-invalid-selected-focus", "--spectrum-tag-border-color-invalid-selected-hover", "--spectrum-tag-border-color-selected", "--spectrum-tag-border-color-selected-active", "--spectrum-tag-border-color-selected-focus", "--spectrum-tag-border-color-selected-hover", "--spectrum-tag-border-width", "--spectrum-tag-clear-button-spacing-block", "--spectrum-tag-clear-button-spacing-inline-end", "--spectrum-tag-clear-button-spacing-inline-start", "--spectrum-tag-content-color", "--spectrum-tag-content-color-active", "--spectrum-tag-content-color-disabled", "--spectrum-tag-content-color-emphasized", "--spectrum-tag-content-color-focus", "--spectrum-tag-content-color-hover", "--spectrum-tag-content-color-invalid", "--spectrum-tag-content-color-invalid-active", "--spectrum-tag-content-color-invalid-focus", "--spectrum-tag-content-color-invalid-hover", "--spectrum-tag-content-color-invalid-selected", "--spectrum-tag-content-color-selected", "--spectrum-tag-corner-radius", "--spectrum-tag-focus-ring-color", "--spectrum-tag-focus-ring-gap", "--spectrum-tag-focus-ring-thickness", "--spectrum-tag-font-size", "--spectrum-tag-height", "--spectrum-tag-icon-size", "--spectrum-tag-icon-spacing-block-end", "--spectrum-tag-icon-spacing-block-start", "--spectrum-tag-icon-spacing-inline-end", "--spectrum-tag-label-font-weight", "--spectrum-tag-label-line-height", "--spectrum-tag-label-spacing-block", "--spectrum-tag-label-spacing-inline-end", "--spectrum-tag-size-large-clear-button-spacing-inline-end", "--spectrum-tag-size-large-corner-radius", "--spectrum-tag-size-large-label-spacing-inline-end", "--spectrum-tag-size-large-spacing-inline-start", "--spectrum-tag-size-medium-clear-button-spacing-inline-end", "--spectrum-tag-size-medium-corner-radius", "--spectrum-tag-size-medium-label-spacing-inline-end", "--spectrum-tag-size-medium-spacing-inline-start", "--spectrum-tag-size-small-clear-button-spacing-inline-end", "--spectrum-tag-size-small-corner-radius", "--spectrum-tag-size-small-label-spacing-inline-end", "--spectrum-tag-size-small-spacing-inline-start", "--spectrum-tag-spacing-inline-start", "--spectrum-tag-top-to-avatar-large", "--spectrum-tag-top-to-avatar-medium", "--spectrum-tag-top-to-avatar-small", "--spectrum-tag-top-to-cross-icon-large", "--spectrum-tag-top-to-cross-icon-medium", "--spectrum-tag-top-to-cross-icon-small" ], "global": [ "--spectrum-accent-background-color-default", "--spectrum-accent-background-color-down", "--spectrum-accent-background-color-hover", "--spectrum-accent-background-color-key-focus", "--spectrum-animation-duration-100", "--spectrum-avatar-opacity-disabled", "--spectrum-border-width-100", "--spectrum-clearbutton-fill-background-color", "--spectrum-clearbutton-fill-size", "--spectrum-component-edge-to-text-100", "--spectrum-component-edge-to-text-200", "--spectrum-component-edge-to-text-75", "--spectrum-component-edge-to-visual-100", "--spectrum-component-edge-to-visual-200", "--spectrum-component-edge-to-visual-75", "--spectrum-component-height-100", "--spectrum-component-height-200", "--spectrum-component-height-75", "--spectrum-component-top-to-text-100", "--spectrum-component-top-to-text-200", "--spectrum-component-top-to-text-75", "--spectrum-component-top-to-workflow-icon-100", "--spectrum-component-top-to-workflow-icon-200", "--spectrum-component-top-to-workflow-icon-75", "--spectrum-corner-radius-100", "--spectrum-disabled-background-color", "--spectrum-disabled-content-color", "--spectrum-focus-indicator-color", "--spectrum-focus-indicator-gap", "--spectrum-focus-indicator-thickness", "--spectrum-font-size-100", "--spectrum-font-size-200", "--spectrum-font-size-75", "--spectrum-gray-100", "--spectrum-gray-25", "--spectrum-gray-50", "--spectrum-gray-700", "--spectrum-gray-800", "--spectrum-gray-900", "--spectrum-line-height-100", "--spectrum-negative-background-color-default", "--spectrum-negative-background-color-down", "--spectrum-negative-background-color-hover", "--spectrum-negative-background-color-key-focus", "--spectrum-negative-color-1000", "--spectrum-negative-color-1100", "--spectrum-negative-color-900", "--spectrum-negative-content-color-default", "--spectrum-negative-content-color-down", "--spectrum-negative-content-color-hover", "--spectrum-negative-content-color-key-focus", "--spectrum-neutral-background-color-selected-default", "--spectrum-neutral-background-color-selected-down", "--spectrum-neutral-background-color-selected-hover", "--spectrum-neutral-background-color-selected-key-focus", "--spectrum-neutral-subdued-background-color-default", "--spectrum-neutral-subdued-background-color-down", "--spectrum-neutral-subdued-background-color-hover", "--spectrum-neutral-subdued-background-color-key-focus", "--spectrum-neutral-subdued-content-color-default", "--spectrum-neutral-subdued-content-color-down", "--spectrum-neutral-subdued-content-color-hover", "--spectrum-neutral-subdued-content-color-key-focus", "--spectrum-regular-font-weight", "--spectrum-text-to-visual-100", "--spectrum-text-to-visual-200", "--spectrum-text-to-visual-75", "--spectrum-white", "--spectrum-workflow-icon-size-100", "--spectrum-workflow-icon-size-200", "--spectrum-workflow-icon-size-75" ], "system-theme": [ "--system-tag-background-color", "--system-tag-background-color-active", "--system-tag-background-color-disabled", "--system-tag-background-color-focus", "--system-tag-background-color-hover", "--system-tag-border-color", "--system-tag-border-color-active", "--system-tag-border-color-disabled", "--system-tag-border-color-focus", "--system-tag-border-color-hover", "--system-tag-border-color-selected", "--system-tag-border-color-selected-active", "--system-tag-border-color-selected-focus", "--system-tag-border-color-selected-hover", "--system-tag-content-color", "--system-tag-content-color-active", "--system-tag-content-color-focus", "--system-tag-content-color-hover", "--system-tag-content-color-selected", "--system-tag-size-large-clear-button-spacing-inline-end", "--system-tag-size-large-corner-radius", "--system-tag-size-large-label-spacing-inline-end", "--system-tag-size-large-spacing-inline-start", "--system-tag-size-medium-clear-button-spacing-inline-end", "--system-tag-size-medium-corner-radius", "--system-tag-size-medium-label-spacing-inline-end", "--system-tag-size-medium-spacing-inline-start", "--system-tag-size-small-clear-button-spacing-inline-end", "--system-tag-size-small-corner-radius", "--system-tag-size-small-label-spacing-inline-end", "--system-tag-size-small-spacing-inline-start" ], "passthroughs": [ "--mod-avatar-opacity-disabled", "--mod-clear-button-width", "--mod-clearbutton-fill-background-color", "--mod-clearbutton-fill-size" ], "high-contrast": [ "--highcontrast-tag-background-color", "--highcontrast-tag-background-color-active", "--highcontrast-tag-background-color-disabled", "--highcontrast-tag-background-color-emphasized", "--highcontrast-tag-background-color-emphasized-active", "--highcontrast-tag-background-color-emphasized-focus", "--highcontrast-tag-background-color-emphasized-hover", "--highcontrast-tag-background-color-focus", "--highcontrast-tag-background-color-hover", "--highcontrast-tag-background-color-invalid-selected", "--highcontrast-tag-background-color-invalid-selected-active", "--highcontrast-tag-background-color-invalid-selected-focus", "--highcontrast-tag-background-color-invalid-selected-hover", "--highcontrast-tag-background-color-selected", "--highcontrast-tag-background-color-selected-active", "--highcontrast-tag-background-color-selected-focus", "--highcontrast-tag-background-color-selected-hover", "--highcontrast-tag-border-color", "--highcontrast-tag-border-color-active", "--highcontrast-tag-border-color-disabled", "--highcontrast-tag-border-color-emphasized", "--highcontrast-tag-border-color-emphasized-active", "--highcontrast-tag-border-color-emphasized-focus", "--highcontrast-tag-border-color-emphasized-hover", "--highcontrast-tag-border-color-focus", "--highcontrast-tag-border-color-hover", "--highcontrast-tag-border-color-invalid", "--highcontrast-tag-border-color-invalid-active", "--highcontrast-tag-border-color-invalid-focus", "--highcontrast-tag-border-color-invalid-hover", "--highcontrast-tag-border-color-invalid-selected", "--highcontrast-tag-border-color-invalid-selected-active", "--highcontrast-tag-border-color-invalid-selected-focus", "--highcontrast-tag-border-color-invalid-selected-hover", "--highcontrast-tag-border-color-selected", "--highcontrast-tag-border-color-selected-active", "--highcontrast-tag-border-color-selected-focus", "--highcontrast-tag-border-color-selected-hover", "--highcontrast-tag-content-color", "--highcontrast-tag-content-color-active", "--highcontrast-tag-content-color-disabled", "--highcontrast-tag-content-color-emphasized", "--highcontrast-tag-content-color-focus", "--highcontrast-tag-content-color-hover", "--highcontrast-tag-content-color-invalid", "--highcontrast-tag-content-color-invalid-active", "--highcontrast-tag-content-color-invalid-focus", "--highcontrast-tag-content-color-invalid-hover", "--highcontrast-tag-content-color-invalid-selected", "--highcontrast-tag-content-color-selected", "--highcontrast-tag-focus-ring-color" ] }