@i-cell/ids-styles 0.0.1

package/dist/tag/tag.min.css

@@ -0,0 +1 @@
+.ids-tag{flex-shrink:0;width:fit-content;display:inline-flex;align-items:center;justify-content:center}.ids-tag.ids-tag-compact{line-height:16px;font-size:12px;font-style:normal;font-weight:500;letter-spacing:.5px}.ids-tag.ids-tag-comfortable{line-height:20px;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.1px}.ids-tag:focus{outline-offset:2px;outline:var(--ids-comp-tag-focused-outline-size-outline) solid var(--ids-comp-tag-focused-outline-color-dark-focused)}.ids-tag:focus.ids-tag-light{outline-color:var(--ids-comp-tag-focused-outline-color-light-focused)}.ids-tag:active{outline:none}.ids-tag *[icon-leading],.ids-tag *[icon-trailing]{gap:10px;display:flex;align-items:center;justify-content:center}.ids-tag.ids-tag-compact{gap:var(--ids-comp-size-tag-size-gap-compact, 4px);height:var(--ids-comp-size-tag-size-height-compact, 32px);padding:var(--ids-comp-size-tag-size-padding-y-compact, 8px) var(--ids-comp-size-tag-size-padding-x-compact, 8px);border-radius:var(--ids-comp-size-tag-size-border-radius-compact, 1000px);border:var(--ids-comp-size-tag-size-border-compact, 1px) solid}.ids-tag.ids-tag-compact *[icon-leading],.ids-tag.ids-tag-compact *[icon-trailing]{width:var(--ids-comp-size-tag-size-icon-compact);height:var(--ids-comp-size-tag-size-icon-compact)}.ids-tag.ids-tag-comfortable{gap:var(--ids-comp-size-tag-size-gap-comfortable, 4px);height:var(--ids-comp-size-tag-size-height-comfortable, 32px);padding:var(--ids-comp-size-tag-size-padding-y-comfortable, 8px) var(--ids-comp-size-tag-size-padding-x-comfortable, 8px);border-radius:var(--ids-comp-size-tag-size-border-radius-comfortable, 1000px);border:var(--ids-comp-size-tag-size-border-comfortable, 1px) solid}.ids-tag.ids-tag-comfortable *[icon-leading],.ids-tag.ids-tag-comfortable *[icon-trailing]{width:var(--ids-comp-size-tag-size-icon-comfortable);height:var(--ids-comp-size-tag-size-icon-comfortable)}.ids-tag.ids-tag-spacious{gap:var(--ids-comp-size-tag-size-gap-spacious, 4px);height:var(--ids-comp-size-tag-size-height-spacious, 32px);padding:var(--ids-comp-size-tag-size-padding-y-spacious, 8px) var(--ids-comp-size-tag-size-padding-x-spacious, 8px);border-radius:var(--ids-comp-size-tag-size-border-radius-spacious, 1000px);border:var(--ids-comp-size-tag-size-border-spacious, 1px) solid}.ids-tag.ids-tag-spacious *[icon-leading],.ids-tag.ids-tag-spacious *[icon-trailing]{width:var(--ids-comp-size-tag-size-icon-spacious);height:var(--ids-comp-size-tag-size-icon-spacious)}.ids-tag.ids-tag-dense{gap:var(--ids-comp-size-tag-size-gap-dense, 4px);height:var(--ids-comp-size-tag-size-height-dense, 32px);padding:var(--ids-comp-size-tag-size-padding-y-dense, 8px) var(--ids-comp-size-tag-size-padding-x-dense, 8px);border-radius:var(--ids-comp-size-tag-size-border-radius-dense, 1000px);border:var(--ids-comp-size-tag-size-border-dense, 1px) solid}.ids-tag.ids-tag-dense *[icon-leading],.ids-tag.ids-tag-dense *[icon-trailing]{width:var(--ids-comp-size-tag-size-icon-dense);height:var(--ids-comp-size-tag-size-icon-dense)}.ids-tag.ids-tag-filled.ids-tag-primary{color:var(--ids-comp-tag-filled-color-fg-label-primary-enabled);background:var(--ids-comp-tag-filled-color-bg-primary-enabled);border-color:var(--ids-comp-tag-filled-color-border-primary-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-primary:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-primary:disabled{color:var(--ids-comp-tag-filled-color-fg-label-primary-disabled);background:var(--ids-comp-tag-filled-color-bg-primary-disabled);border-color:var(--ids-comp-tag-filled-color-border-primary-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-secondary{color:var(--ids-comp-tag-filled-color-fg-label-secondary-enabled);background:var(--ids-comp-tag-filled-color-bg-secondary-enabled);border-color:var(--ids-comp-tag-filled-color-border-secondary-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-secondary:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-secondary:disabled{color:var(--ids-comp-tag-filled-color-fg-label-secondary-disabled);background:var(--ids-comp-tag-filled-color-bg-secondary-disabled);border-color:var(--ids-comp-tag-filled-color-border-secondary-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-brand{color:var(--ids-comp-tag-filled-color-fg-label-brand-enabled);background:var(--ids-comp-tag-filled-color-bg-brand-enabled);border-color:var(--ids-comp-tag-filled-color-border-brand-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-brand:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-brand:disabled{color:var(--ids-comp-tag-filled-color-fg-label-brand-disabled);background:var(--ids-comp-tag-filled-color-bg-brand-disabled);border-color:var(--ids-comp-tag-filled-color-border-brand-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-error{color:var(--ids-comp-tag-filled-color-fg-label-error-enabled);background:var(--ids-comp-tag-filled-color-bg-error-enabled);border-color:var(--ids-comp-tag-filled-color-border-error-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-error:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-error:disabled{color:var(--ids-comp-tag-filled-color-fg-label-error-disabled);background:var(--ids-comp-tag-filled-color-bg-error-disabled);border-color:var(--ids-comp-tag-filled-color-border-error-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-success{color:var(--ids-comp-tag-filled-color-fg-label-success-enabled);background:var(--ids-comp-tag-filled-color-bg-success-enabled);border-color:var(--ids-comp-tag-filled-color-border-success-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-success:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-success:disabled{color:var(--ids-comp-tag-filled-color-fg-label-success-disabled);background:var(--ids-comp-tag-filled-color-bg-success-disabled);border-color:var(--ids-comp-tag-filled-color-border-success-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-warning{color:var(--ids-comp-tag-filled-color-fg-label-warning-enabled);background:var(--ids-comp-tag-filled-color-bg-warning-enabled);border-color:var(--ids-comp-tag-filled-color-border-warning-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-warning:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-warning:disabled{color:var(--ids-comp-tag-filled-color-fg-label-warning-disabled);background:var(--ids-comp-tag-filled-color-bg-warning-disabled);border-color:var(--ids-comp-tag-filled-color-border-warning-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-light{color:var(--ids-comp-tag-filled-color-fg-label-light-enabled);background:var(--ids-comp-tag-filled-color-bg-light-enabled);border-color:var(--ids-comp-tag-filled-color-border-light-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-light:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-light:disabled{color:var(--ids-comp-tag-filled-color-fg-label-light-disabled);background:var(--ids-comp-tag-filled-color-bg-light-disabled);border-color:var(--ids-comp-tag-filled-color-border-light-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-dark{color:var(--ids-comp-tag-filled-color-fg-label-dark-enabled);background:var(--ids-comp-tag-filled-color-bg-dark-enabled);border-color:var(--ids-comp-tag-filled-color-border-dark-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-dark:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-dark:disabled{color:var(--ids-comp-tag-filled-color-fg-label-dark-disabled);background:var(--ids-comp-tag-filled-color-bg-dark-disabled);border-color:var(--ids-comp-tag-filled-color-border-dark-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-surface{color:var(--ids-comp-tag-filled-color-fg-label-surface-enabled);background:var(--ids-comp-tag-filled-color-bg-surface-enabled);border-color:var(--ids-comp-tag-filled-color-border-surface-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-surface:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-filled.ids-tag-surface:disabled{color:var(--ids-comp-tag-filled-color-fg-label-surface-disabled);background:var(--ids-comp-tag-filled-color-bg-surface-disabled);border-color:var(--ids-comp-tag-filled-color-border-surface-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-primary{color:var(--ids-comp-tag-outlined-color-fg-label-primary-enabled);background:var(--ids-comp-tag-outlined-color-bg-primary-enabled);border-color:var(--ids-comp-tag-outlined-color-border-primary-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-primary:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-primary:disabled{color:var(--ids-comp-tag-outlined-color-fg-label-primary-disabled);background:var(--ids-comp-tag-outlined-color-bg-primary-disabled);border-color:var(--ids-comp-tag-outlined-color-border-primary-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-secondary{color:var(--ids-comp-tag-outlined-color-fg-label-secondary-enabled);background:var(--ids-comp-tag-outlined-color-bg-secondary-enabled);border-color:var(--ids-comp-tag-outlined-color-border-secondary-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-secondary:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-secondary:disabled{color:var(--ids-comp-tag-outlined-color-fg-label-secondary-disabled);background:var(--ids-comp-tag-outlined-color-bg-secondary-disabled);border-color:var(--ids-comp-tag-outlined-color-border-secondary-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-brand{color:var(--ids-comp-tag-outlined-color-fg-label-brand-enabled);background:var(--ids-comp-tag-outlined-color-bg-brand-enabled);border-color:var(--ids-comp-tag-outlined-color-border-brand-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-brand:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-brand:disabled{color:var(--ids-comp-tag-outlined-color-fg-label-brand-disabled);background:var(--ids-comp-tag-outlined-color-bg-brand-disabled);border-color:var(--ids-comp-tag-outlined-color-border-brand-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-error{color:var(--ids-comp-tag-outlined-color-fg-label-error-enabled);background:var(--ids-comp-tag-outlined-color-bg-error-enabled);border-color:var(--ids-comp-tag-outlined-color-border-error-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-error:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-error:disabled{color:var(--ids-comp-tag-outlined-color-fg-label-error-disabled);background:var(--ids-comp-tag-outlined-color-bg-error-disabled);border-color:var(--ids-comp-tag-outlined-color-border-error-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-success{color:var(--ids-comp-tag-outlined-color-fg-label-success-enabled);background:var(--ids-comp-tag-outlined-color-bg-success-enabled);border-color:var(--ids-comp-tag-outlined-color-border-success-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-success:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-success:disabled{color:var(--ids-comp-tag-outlined-color-fg-label-success-disabled);background:var(--ids-comp-tag-outlined-color-bg-success-disabled);border-color:var(--ids-comp-tag-outlined-color-border-success-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-warning{color:var(--ids-comp-tag-outlined-color-fg-label-warning-enabled);background:var(--ids-comp-tag-outlined-color-bg-warning-enabled);border-color:var(--ids-comp-tag-outlined-color-border-warning-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-warning:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-warning:disabled{color:var(--ids-comp-tag-outlined-color-fg-label-warning-disabled);background:var(--ids-comp-tag-outlined-color-bg-warning-disabled);border-color:var(--ids-comp-tag-outlined-color-border-warning-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-light{color:var(--ids-comp-tag-outlined-color-fg-label-light-enabled);background:var(--ids-comp-tag-outlined-color-bg-light-enabled);border-color:var(--ids-comp-tag-outlined-color-border-light-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-light:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-light:disabled{color:var(--ids-comp-tag-outlined-color-fg-label-light-disabled);background:var(--ids-comp-tag-outlined-color-bg-light-disabled);border-color:var(--ids-comp-tag-outlined-color-border-light-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-dark{color:var(--ids-comp-tag-outlined-color-fg-label-dark-enabled);background:var(--ids-comp-tag-outlined-color-bg-dark-enabled);border-color:var(--ids-comp-tag-outlined-color-border-dark-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-dark:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-dark:disabled{color:var(--ids-comp-tag-outlined-color-fg-label-dark-disabled);background:var(--ids-comp-tag-outlined-color-bg-dark-disabled);border-color:var(--ids-comp-tag-outlined-color-border-dark-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-surface{color:var(--ids-comp-tag-outlined-color-fg-label-surface-enabled);background:var(--ids-comp-tag-outlined-color-bg-surface-enabled);border-color:var(--ids-comp-tag-outlined-color-border-surface-enabled, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-surface:focus{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, rgba(255, 255, 255, 0))}.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, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-outlined.ids-tag-surface:disabled{color:var(--ids-comp-tag-outlined-color-fg-label-surface-disabled);background:var(--ids-comp-tag-outlined-color-bg-surface-disabled);border-color:var(--ids-comp-tag-outlined-color-border-surface-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-primary{color:var(--ids-comp-tag-text-color-fg-label-primary-enabled);background:var(--ids-comp-tag-text-color-bg-primary-enabled);border-color:var(--ids-comp-tag-text-color-border-primary-enabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-primary:hover{color:var(--ids-comp-tag-text-color-fg-label-primary-hovered);background:var(--ids-comp-tag-text-color-bg-primary-hovered);border-color:var(--ids-comp-tag-text-color-border-primary-hovered, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-primary:focus{color:var(--ids-comp-tag-text-color-fg-label-primary-focused);background:var(--ids-comp-tag-text-color-bg-primary-focused);border-color:var(--ids-comp-tag-text-color-border-primary-focused, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-primary:active{color:var(--ids-comp-tag-text-color-fg-label-primary-pressed);background:var(--ids-comp-tag-text-color-bg-primary-pressed);border-color:var(--ids-comp-tag-text-color-border-primary-pressed, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-primary:disabled{color:var(--ids-comp-tag-text-color-fg-label-primary-disabled);background:var(--ids-comp-tag-text-color-bg-primary-disabled);border-color:var(--ids-comp-tag-text-color-border-primary-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-secondary{color:var(--ids-comp-tag-text-color-fg-label-secondary-enabled);background:var(--ids-comp-tag-text-color-bg-secondary-enabled);border-color:var(--ids-comp-tag-text-color-border-secondary-enabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-secondary:hover{color:var(--ids-comp-tag-text-color-fg-label-secondary-hovered);background:var(--ids-comp-tag-text-color-bg-secondary-hovered);border-color:var(--ids-comp-tag-text-color-border-secondary-hovered, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-secondary:focus{color:var(--ids-comp-tag-text-color-fg-label-secondary-focused);background:var(--ids-comp-tag-text-color-bg-secondary-focused);border-color:var(--ids-comp-tag-text-color-border-secondary-focused, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-secondary:active{color:var(--ids-comp-tag-text-color-fg-label-secondary-pressed);background:var(--ids-comp-tag-text-color-bg-secondary-pressed);border-color:var(--ids-comp-tag-text-color-border-secondary-pressed, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-secondary:disabled{color:var(--ids-comp-tag-text-color-fg-label-secondary-disabled);background:var(--ids-comp-tag-text-color-bg-secondary-disabled);border-color:var(--ids-comp-tag-text-color-border-secondary-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-brand{color:var(--ids-comp-tag-text-color-fg-label-brand-enabled);background:var(--ids-comp-tag-text-color-bg-brand-enabled);border-color:var(--ids-comp-tag-text-color-border-brand-enabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-brand:hover{color:var(--ids-comp-tag-text-color-fg-label-brand-hovered);background:var(--ids-comp-tag-text-color-bg-brand-hovered);border-color:var(--ids-comp-tag-text-color-border-brand-hovered, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-brand:focus{color:var(--ids-comp-tag-text-color-fg-label-brand-focused);background:var(--ids-comp-tag-text-color-bg-brand-focused);border-color:var(--ids-comp-tag-text-color-border-brand-focused, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-brand:active{color:var(--ids-comp-tag-text-color-fg-label-brand-pressed);background:var(--ids-comp-tag-text-color-bg-brand-pressed);border-color:var(--ids-comp-tag-text-color-border-brand-pressed, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-brand:disabled{color:var(--ids-comp-tag-text-color-fg-label-brand-disabled);background:var(--ids-comp-tag-text-color-bg-brand-disabled);border-color:var(--ids-comp-tag-text-color-border-brand-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-error{color:var(--ids-comp-tag-text-color-fg-label-error-enabled);background:var(--ids-comp-tag-text-color-bg-error-enabled);border-color:var(--ids-comp-tag-text-color-border-error-enabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-error:hover{color:var(--ids-comp-tag-text-color-fg-label-error-hovered);background:var(--ids-comp-tag-text-color-bg-error-hovered);border-color:var(--ids-comp-tag-text-color-border-error-hovered, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-error:focus{color:var(--ids-comp-tag-text-color-fg-label-error-focused);background:var(--ids-comp-tag-text-color-bg-error-focused);border-color:var(--ids-comp-tag-text-color-border-error-focused, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-error:active{color:var(--ids-comp-tag-text-color-fg-label-error-pressed);background:var(--ids-comp-tag-text-color-bg-error-pressed);border-color:var(--ids-comp-tag-text-color-border-error-pressed, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-error:disabled{color:var(--ids-comp-tag-text-color-fg-label-error-disabled);background:var(--ids-comp-tag-text-color-bg-error-disabled);border-color:var(--ids-comp-tag-text-color-border-error-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-success{color:var(--ids-comp-tag-text-color-fg-label-success-enabled);background:var(--ids-comp-tag-text-color-bg-success-enabled);border-color:var(--ids-comp-tag-text-color-border-success-enabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-success:hover{color:var(--ids-comp-tag-text-color-fg-label-success-hovered);background:var(--ids-comp-tag-text-color-bg-success-hovered);border-color:var(--ids-comp-tag-text-color-border-success-hovered, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-success:focus{color:var(--ids-comp-tag-text-color-fg-label-success-focused);background:var(--ids-comp-tag-text-color-bg-success-focused);border-color:var(--ids-comp-tag-text-color-border-success-focused, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-success:active{color:var(--ids-comp-tag-text-color-fg-label-success-pressed);background:var(--ids-comp-tag-text-color-bg-success-pressed);border-color:var(--ids-comp-tag-text-color-border-success-pressed, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-success:disabled{color:var(--ids-comp-tag-text-color-fg-label-success-disabled);background:var(--ids-comp-tag-text-color-bg-success-disabled);border-color:var(--ids-comp-tag-text-color-border-success-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-warning{color:var(--ids-comp-tag-text-color-fg-label-warning-enabled);background:var(--ids-comp-tag-text-color-bg-warning-enabled);border-color:var(--ids-comp-tag-text-color-border-warning-enabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-warning:hover{color:var(--ids-comp-tag-text-color-fg-label-warning-hovered);background:var(--ids-comp-tag-text-color-bg-warning-hovered);border-color:var(--ids-comp-tag-text-color-border-warning-hovered, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-warning:focus{color:var(--ids-comp-tag-text-color-fg-label-warning-focused);background:var(--ids-comp-tag-text-color-bg-warning-focused);border-color:var(--ids-comp-tag-text-color-border-warning-focused, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-warning:active{color:var(--ids-comp-tag-text-color-fg-label-warning-pressed);background:var(--ids-comp-tag-text-color-bg-warning-pressed);border-color:var(--ids-comp-tag-text-color-border-warning-pressed, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-warning:disabled{color:var(--ids-comp-tag-text-color-fg-label-warning-disabled);background:var(--ids-comp-tag-text-color-bg-warning-disabled);border-color:var(--ids-comp-tag-text-color-border-warning-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-light{color:var(--ids-comp-tag-text-color-fg-label-light-enabled);background:var(--ids-comp-tag-text-color-bg-light-enabled);border-color:var(--ids-comp-tag-text-color-border-light-enabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-light:hover{color:var(--ids-comp-tag-text-color-fg-label-light-hovered);background:var(--ids-comp-tag-text-color-bg-light-hovered);border-color:var(--ids-comp-tag-text-color-border-light-hovered, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-light:focus{color:var(--ids-comp-tag-text-color-fg-label-light-focused);background:var(--ids-comp-tag-text-color-bg-light-focused);border-color:var(--ids-comp-tag-text-color-border-light-focused, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-light:active{color:var(--ids-comp-tag-text-color-fg-label-light-pressed);background:var(--ids-comp-tag-text-color-bg-light-pressed);border-color:var(--ids-comp-tag-text-color-border-light-pressed, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-light:disabled{color:var(--ids-comp-tag-text-color-fg-label-light-disabled);background:var(--ids-comp-tag-text-color-bg-light-disabled);border-color:var(--ids-comp-tag-text-color-border-light-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-dark{color:var(--ids-comp-tag-text-color-fg-label-dark-enabled);background:var(--ids-comp-tag-text-color-bg-dark-enabled);border-color:var(--ids-comp-tag-text-color-border-dark-enabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-dark:hover{color:var(--ids-comp-tag-text-color-fg-label-dark-hovered);background:var(--ids-comp-tag-text-color-bg-dark-hovered);border-color:var(--ids-comp-tag-text-color-border-dark-hovered, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-dark:focus{color:var(--ids-comp-tag-text-color-fg-label-dark-focused);background:var(--ids-comp-tag-text-color-bg-dark-focused);border-color:var(--ids-comp-tag-text-color-border-dark-focused, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-dark:active{color:var(--ids-comp-tag-text-color-fg-label-dark-pressed);background:var(--ids-comp-tag-text-color-bg-dark-pressed);border-color:var(--ids-comp-tag-text-color-border-dark-pressed, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-dark:disabled{color:var(--ids-comp-tag-text-color-fg-label-dark-disabled);background:var(--ids-comp-tag-text-color-bg-dark-disabled);border-color:var(--ids-comp-tag-text-color-border-dark-disabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-surface{color:var(--ids-comp-tag-text-color-fg-label-surface-enabled);background:var(--ids-comp-tag-text-color-bg-surface-enabled);border-color:var(--ids-comp-tag-text-color-border-surface-enabled, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-surface:hover{color:var(--ids-comp-tag-text-color-fg-label-surface-hovered);background:var(--ids-comp-tag-text-color-bg-surface-hovered);border-color:var(--ids-comp-tag-text-color-border-surface-hovered, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-surface:focus{color:var(--ids-comp-tag-text-color-fg-label-surface-focused);background:var(--ids-comp-tag-text-color-bg-surface-focused);border-color:var(--ids-comp-tag-text-color-border-surface-focused, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-surface:active{color:var(--ids-comp-tag-text-color-fg-label-surface-pressed);background:var(--ids-comp-tag-text-color-bg-surface-pressed);border-color:var(--ids-comp-tag-text-color-border-surface-pressed, rgba(255, 255, 255, 0))}.ids-tag.ids-tag-text.ids-tag-surface:disabled{color:var(--ids-comp-tag-text-color-fg-label-surface-disabled);background:var(--ids-comp-tag-text-color-bg-surface-disabled);border-color:var(--ids-comp-tag-text-color-border-surface-disabled, rgba(255, 255, 255, 0))}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@i-cell/ids-styles",
+  "version": "0.0.1",
+  "private": false,
+  "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
+  "scripts": {
+    "build": "gulp",
+    "watch": "gulp watch",
+    "prepack": "npm run build",
+    "prepublish": "npm run build"
+  },
+  "files": ["dist"],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/i-Cell-Mobilsoft-Open-Source/ids-styles.git"
+  },
+  "contributors": [
+    "Barsi Balázs",
+    "Bátori László",
+    "Nagy Gábor",
+    "Soós Árpád"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/i-Cell-Mobilsoft-Open-Source/ids-styles/issues"
+  },
+  "homepage": "https://github.com/i-Cell-Mobilsoft-Open-Source/ids-styles#readme",
+  "devDependencies": {
+    "gulp": "^5.0.0",
+    "gulp-rename": "^2.0.0",
+    "gulp-sass": "^5.1.0",
+    "sass": "^1.77.4"
+  }
+}