@orangesk/orange-design-system 2.0.0-beta.42 → 2.0.0-beta.44

package/build/components/Tag/style.css

@@ -1,2 +1,2 @@
-@layer components{.tag{border-radius:9999px;box-decoration-break:clone;display:inline-flex;font-size:.875rem!important;font-weight:700;line-height:1rem!important;padding:.4375rem .75rem;vertical-align:baseline}.tag--small{font-size:.75rem!important;font-weight:400;line-height:.875rem!important;padding:.125rem .5rem}.tag--large{font-size:1rem!important;font-weight:700;line-height:1.125rem!important;padding:.6875rem .9375rem}.tag{background-color:var(--color-fill-subtle);color:var(--color-text-default)}.tag--orange{background-color:var(--tag-orange);color:var(--tag-text-dark)}.tag--black{background-color:var(--tag-black);color:var(--tag-text-light)}.tag--yellow{background-color:var(--tag-yellow)}.tag--green,.tag--yellow{color:var(--tag-text-dark)}.tag--green{background-color:var(--tag-green)}.tag--blue{background-color:var(--tag-blue);color:var(--tag-text-dark)}.tag--success{background-color:var(--tag-success)}.tag--danger,.tag--success{color:var(--tag-text-light)}.tag--danger{background-color:var(--tag-danger)}.tag--info{background-color:var(--tag-info);color:var(--tag-text-light)}.tag--warning{background-color:var(--tag-warning);color:var(--tag-text-dark)}.tag--transparent{background-color:transparent;color:var(--color-text-default)}.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]){background-color:var(--color-surface-moderate)}.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a),.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button){background-color:var(--color-surface-moderate)}.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a):not([disabled]):not([aria-disabled=true]):focus-visible,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a):not([disabled]):not([aria-disabled=true]):hover,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button):not([disabled]):not([aria-disabled=true]):focus-visible,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button):not([disabled]):not([aria-disabled=true]):hover{background-color:#999}.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a):not([disabled]):not([aria-disabled=true]).is-active,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a):not([disabled]):not([aria-disabled=true]):active,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button):not([disabled]):not([aria-disabled=true]).is-active,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button):not([disabled]):not([aria-disabled=true]):active{background-color:var(--color-background-contrast);color:var(--color-text-inverse)}.background-secondary .tag--transparent{background-color:var(--color-surface-primary)}.tag--transparent{border:1px solid var(--color-border-strong)}.tag--transparent:where(button){background-color:transparent;color:var(--color-text-default);cursor:pointer;outline-offset:2px}@media (hover:hover){.tag--transparent:where(button):hover{border-color:var(--color-fill-secondary)}}.tag--transparent:where(button):focus-visible{background-color:transparent;border-color:transparent;color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag--transparent:where(button).is-active,.tag--transparent:where(button):active{background-color:var(--color-fill-secondary);border-color:var(--color-fill-secondary);color:var(--color-text-inverse);z-index:2}.tag--transparent:where(button){z-index:2}.tag--transparent:where(a){background-color:transparent;color:var(--color-text-default);cursor:pointer;outline-offset:2px}@media (hover:hover){.tag--transparent:where(a):hover{border-color:var(--color-fill-secondary)}}.tag--transparent:where(a):focus-visible{background-color:transparent;border-color:transparent;color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag--transparent:where(a).is-active,.tag--transparent:where(a):active{background-color:var(--color-fill-secondary);border-color:var(--color-fill-secondary);color:var(--color-text-inverse);z-index:2}.tag--transparent:where(a){text-decoration:none;z-index:2}.tag--transparent[aria-disabled=true],.tag--transparent[disabled]{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-text-disabled);cursor:not-allowed}.tag:not(.tag--transparent):where(button){background-color:var(--color-fill-subtle);color:var(--color-text-default);cursor:pointer;outline-offset:2px}@media (hover:hover){.tag:not(.tag--transparent):where(button):hover{background-color:var(--color-fill-disabled);color:var(--color-text-default)}}.tag:not(.tag--transparent):where(button):focus-visible{background-color:var(--color-fill-subtle);color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag:not(.tag--transparent):where(button).is-active,.tag:not(.tag--transparent):where(button):active{background-color:var(--color-background-contrast);color:var(--color-text-inverse);z-index:2}.tag:not(.tag--transparent):where(button){z-index:2}.tag:not(.tag--transparent):where(a){background-color:var(--color-fill-subtle);color:var(--color-text-default);cursor:pointer;outline-offset:2px}@media (hover:hover){.tag:not(.tag--transparent):where(a):hover{background-color:var(--color-fill-disabled);color:var(--color-text-default)}}.tag:not(.tag--transparent):where(a):focus-visible{background-color:var(--color-fill-subtle);color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag:not(.tag--transparent):where(a).is-active,.tag:not(.tag--transparent):where(a):active{background-color:var(--color-background-contrast);color:var(--color-text-inverse);z-index:2}.tag:not(.tag--transparent):where(a){text-decoration:none;z-index:2}.tag:not(.tag--transparent)[aria-disabled=true],.tag:not(.tag--transparent)[disabled]{background-color:var(--color-fill-subtle);color:var(--color-text-disabled);cursor:not-allowed}.tag__wrapper{align-items:center;display:inline-flex;position:relative}.tag__wrapper .tag{margin-right:.5rem;padding-right:2.375rem!important}.tag__wrapper .tag--large{margin-right:.5rem;padding-right:2.6875rem!important}.tag__action{background-color:var(--color-fill-moderate);box-decoration-break:clone;color:var(--color-text-default);cursor:pointer;display:inline-flex;outline-offset:2px;vertical-align:baseline}@media (hover:hover){.tag__action:hover{background-color:var(--color-fill-disabled);color:var(--color-text-default)}}.tag__action:focus-visible{background-color:var(--color-fill-subtle);color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag__action.is-active,.tag__action:active{background-color:var(--color-background-contrast);color:var(--color-text-inverse);z-index:2}.tag__action[aria-disabled=true],.tag__action[disabled]{background-color:var(--color-fill-moderate);color:var(--color-fill-subtle);cursor:not-allowed}.tag__action{align-items:center;aspect-ratio:1;border-radius:9999px;display:flex;margin-left:-2.375rem!important;padding:.4375rem;z-index:2}.tag__action--large{margin-left:-2.6875rem!important;padding:.59375rem}}
+@layer components{.tag{border-radius:9999px;border-width:1px;box-decoration-break:clone;display:inline-flex;font-size:.875rem!important;font-weight:700;line-height:1rem!important;padding:.4375rem .75rem;vertical-align:baseline}.tag--small{border-width:2px;font-size:.75rem!important;font-weight:400;line-height:.875rem!important;padding:.125rem .5rem}.tag--large{border-width:2px;font-size:1rem!important;font-weight:700;line-height:1.125rem!important;padding:.6875rem .9375rem}.tag{background-color:var(--color-fill-subtle);color:var(--color-text-default)}.tag--orange{background-color:var(--tag-orange);color:var(--tag-text-dark)}.tag--black{background-color:var(--tag-black);color:var(--tag-text-light)}.tag--yellow{background-color:var(--tag-yellow)}.tag--green,.tag--yellow{color:var(--tag-text-dark)}.tag--green{background-color:var(--tag-green)}.tag--blue{background-color:var(--tag-blue);color:var(--tag-text-dark)}.tag--success{background-color:var(--tag-success)}.tag--danger,.tag--success{color:var(--tag-text-light)}.tag--danger{background-color:var(--tag-danger)}.tag--info{background-color:var(--tag-info);color:var(--tag-text-light)}.tag--warning{background-color:var(--tag-warning);color:var(--tag-text-dark)}.tag--transparent{background-color:transparent;color:var(--color-text-default)}.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]){background-color:var(--color-surface-moderate)}.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a),.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button){background-color:var(--color-surface-moderate)}.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a):not([disabled]):not([aria-disabled=true]):focus-visible,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a):not([disabled]):not([aria-disabled=true]):hover,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button):not([disabled]):not([aria-disabled=true]):focus-visible,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button):not([disabled]):not([aria-disabled=true]):hover{background-color:#999}.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a):not([disabled]):not([aria-disabled=true]).is-active,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a):not([disabled]):not([aria-disabled=true]):active,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button):not([disabled]):not([aria-disabled=true]).is-active,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button):not([disabled]):not([aria-disabled=true]):active{background-color:var(--color-background-contrast);color:var(--color-text-inverse)}.background-secondary .tag--transparent{background-color:var(--color-surface-primary)}.tag--transparent{border-color:var(--color-border-strong);border-style:solid}.tag--transparent:where(button){background-color:transparent;color:var(--color-text-default);cursor:pointer;outline-offset:2px}@media (hover:hover){.tag--transparent:where(button):hover{border-color:var(--color-fill-secondary)}}.tag--transparent:where(button):focus-visible{background-color:transparent;border-color:transparent;color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag--transparent:where(button).is-active,.tag--transparent:where(button):active{background-color:var(--color-fill-secondary);border-color:var(--color-fill-secondary);color:var(--color-text-inverse);z-index:2}.tag--transparent:where(button){z-index:2}.tag--transparent:where(a){background-color:transparent;color:var(--color-text-default);cursor:pointer;outline-offset:2px}@media (hover:hover){.tag--transparent:where(a):hover{border-color:var(--color-fill-secondary)}}.tag--transparent:where(a):focus-visible{background-color:transparent;border-color:transparent;color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag--transparent:where(a).is-active,.tag--transparent:where(a):active{background-color:var(--color-fill-secondary);border-color:var(--color-fill-secondary);color:var(--color-text-inverse);z-index:2}.tag--transparent:where(a){text-decoration:none;z-index:2}.tag--transparent[aria-disabled=true],.tag--transparent[disabled]{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-text-disabled);cursor:not-allowed}.tag:not(.tag--transparent):where(button){background-color:var(--color-fill-subtle);color:var(--color-text-default);cursor:pointer;outline-offset:2px}@media (hover:hover){.tag:not(.tag--transparent):where(button):hover{background-color:var(--color-fill-disabled);color:var(--color-text-default)}}.tag:not(.tag--transparent):where(button):focus-visible{background-color:var(--color-fill-subtle);color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag:not(.tag--transparent):where(button).is-active,.tag:not(.tag--transparent):where(button):active{background-color:var(--color-background-contrast);color:var(--color-text-inverse);z-index:2}.tag:not(.tag--transparent):where(button){z-index:2}.tag:not(.tag--transparent):where(a){background-color:var(--color-fill-subtle);color:var(--color-text-default);cursor:pointer;outline-offset:2px}@media (hover:hover){.tag:not(.tag--transparent):where(a):hover{background-color:var(--color-fill-disabled);color:var(--color-text-default)}}.tag:not(.tag--transparent):where(a):focus-visible{background-color:var(--color-fill-subtle);color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag:not(.tag--transparent):where(a).is-active,.tag:not(.tag--transparent):where(a):active{background-color:var(--color-background-contrast);color:var(--color-text-inverse);z-index:2}.tag:not(.tag--transparent):where(a){text-decoration:none;z-index:2}.tag:not(.tag--transparent)[aria-disabled=true],.tag:not(.tag--transparent)[disabled]{background-color:var(--color-fill-subtle);color:var(--color-text-disabled);cursor:not-allowed}.tag__wrapper{align-items:center;display:inline-flex;position:relative}.tag__wrapper .tag{margin-right:.5rem;padding-right:2.375rem!important}.tag__wrapper .tag--large{margin-right:.5rem;padding-right:2.6875rem!important}.tag__action{background-color:var(--color-fill-moderate);box-decoration-break:clone;color:var(--color-text-default);cursor:pointer;display:inline-flex;outline-offset:2px;vertical-align:baseline}@media (hover:hover){.tag__action:hover{background-color:var(--color-fill-disabled);color:var(--color-text-default)}}.tag__action:focus-visible{background-color:var(--color-fill-subtle);color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag__action.is-active,.tag__action:active{background-color:var(--color-background-contrast);color:var(--color-text-inverse);z-index:2}.tag__action[aria-disabled=true],.tag__action[disabled]{background-color:var(--color-fill-moderate);color:var(--color-fill-subtle);cursor:not-allowed}.tag__action{align-items:center;aspect-ratio:1;border-radius:9999px;display:flex;margin-left:-2.375rem!important;padding:.4375rem;z-index:2}.tag__action--large{margin-left:-2.6875rem!important;padding:.59375rem}}
 /*# sourceMappingURL=style.css.map */

package/build/components/Tag/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["@layer components {\n  .tag {\n    display: inline-flex;\n    vertical-align: baseline;\n    border-radius: 9999px;\n    box-decoration-break: clone;\n  }\n  .tag {\n    padding: 0.4375rem 0.75rem;\n    font-size: 0.875rem !important;\n    line-height: 1rem !important;\n    font-weight: 700;\n  }\n  .tag--small {\n    padding: 0.125rem 0.5rem;\n    font-size: 0.75rem !important;\n    line-height: 0.875rem !important;\n    font-weight: 400;\n  }\n  .tag--large {\n    padding: 0.6875rem 0.9375rem;\n    font-size: 1rem !important;\n    line-height: 1.125rem !important;\n    font-weight: 700;\n  }\n  .tag {\n    color: var(--color-text-default);\n    background-color: var(--color-fill-subtle);\n  }\n  .tag--orange {\n    color: var(--tag-text-dark);\n    background-color: var(--tag-orange);\n  }\n  .tag--black {\n    color: var(--tag-text-light);\n    background-color: var(--tag-black);\n  }\n  .tag--yellow {\n    color: var(--tag-text-dark);\n    background-color: var(--tag-yellow);\n  }\n  .tag--green {\n    color: var(--tag-text-dark);\n    background-color: var(--tag-green);\n  }\n  .tag--blue {\n    color: var(--tag-text-dark);\n    background-color: var(--tag-blue);\n  }\n  .tag--success {\n    color: var(--tag-text-light);\n    background-color: var(--tag-success);\n  }\n  .tag--danger {\n    color: var(--tag-text-light);\n    background-color: var(--tag-danger);\n  }\n  .tag--info {\n    color: var(--tag-text-light);\n    background-color: var(--tag-info);\n  }\n  .tag--warning {\n    color: var(--tag-text-dark);\n    background-color: var(--tag-warning);\n  }\n  .tag--transparent {\n    color: var(--color-text-default);\n    background-color: transparent;\n  }\n  .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]) {\n    background-color: var(--color-surface-moderate);\n  }\n  .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button), .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a) {\n    background-color: var(--color-surface-moderate);\n  }\n  .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button):not([disabled]):not([aria-disabled=true]):focus-visible, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button):not([disabled]):not([aria-disabled=true]):hover, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a):not([disabled]):not([aria-disabled=true]):focus-visible, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a):not([disabled]):not([aria-disabled=true]):hover {\n    background-color: #999;\n  }\n  .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button):not([disabled]):not([aria-disabled=true]):active, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button):not([disabled]):not([aria-disabled=true]).is-active, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a):not([disabled]):not([aria-disabled=true]):active, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a):not([disabled]):not([aria-disabled=true]).is-active {\n    color: var(--color-text-inverse);\n    background-color: var(--color-background-contrast);\n  }\n  .background-secondary .tag--transparent {\n    background-color: var(--color-surface-primary);\n  }\n  .tag--transparent {\n    border: 1px solid var(--color-border-strong);\n  }\n  .tag--transparent:where(button) {\n    background-color: transparent;\n    color: var(--color-text-default);\n    cursor: pointer;\n    outline-offset: 2px;\n  }\n  @media (hover: hover) {\n    .tag--transparent:where(button):hover {\n      border-color: var(--color-fill-secondary);\n    }\n  }\n  .tag--transparent:where(button):focus-visible {\n    background-color: transparent;\n    color: var(--color-text-default);\n    outline: 2px solid var(--color-background-contrast) !important;\n    border-color: transparent;\n  }\n  .tag--transparent:where(button):active, .tag--transparent:where(button).is-active {\n    color: var(--color-text-inverse);\n    background-color: var(--color-fill-secondary);\n    border-color: var(--color-fill-secondary);\n    z-index: 2;\n  }\n  .tag--transparent:where(button) {\n    z-index: 2;\n  }\n  .tag--transparent:where(a) {\n    background-color: transparent;\n    color: var(--color-text-default);\n    cursor: pointer;\n    outline-offset: 2px;\n  }\n  @media (hover: hover) {\n    .tag--transparent:where(a):hover {\n      border-color: var(--color-fill-secondary);\n    }\n  }\n  .tag--transparent:where(a):focus-visible {\n    background-color: transparent;\n    color: var(--color-text-default);\n    outline: 2px solid var(--color-background-contrast) !important;\n    border-color: transparent;\n  }\n  .tag--transparent:where(a):active, .tag--transparent:where(a).is-active {\n    color: var(--color-text-inverse);\n    background-color: var(--color-fill-secondary);\n    border-color: var(--color-fill-secondary);\n    z-index: 2;\n  }\n  .tag--transparent:where(a) {\n    z-index: 2;\n    text-decoration: none;\n  }\n  .tag--transparent[aria-disabled=true], .tag--transparent[disabled] {\n    color: var(--color-text-disabled);\n    background-color: transparent;\n    border-color: var(--color-border-strong);\n    cursor: not-allowed;\n  }\n  .tag:not(.tag--transparent):where(button) {\n    background-color: var(--color-fill-subtle);\n    color: var(--color-text-default);\n    cursor: pointer;\n    outline-offset: 2px;\n  }\n  @media (hover: hover) {\n    .tag:not(.tag--transparent):where(button):hover {\n      color: var(--color-text-default);\n      background-color: var(--color-fill-disabled);\n    }\n  }\n  .tag:not(.tag--transparent):where(button):focus-visible {\n    color: var(--color-text-default);\n    background-color: var(--color-fill-subtle);\n    outline: 2px solid var(--color-background-contrast) !important;\n  }\n  .tag:not(.tag--transparent):where(button):active, .tag:not(.tag--transparent):where(button).is-active {\n    color: var(--color-text-inverse);\n    background-color: var(--color-background-contrast);\n    z-index: 2;\n  }\n  .tag:not(.tag--transparent):where(button) {\n    z-index: 2;\n  }\n  .tag:not(.tag--transparent):where(a) {\n    background-color: var(--color-fill-subtle);\n    color: var(--color-text-default);\n    cursor: pointer;\n    outline-offset: 2px;\n  }\n  @media (hover: hover) {\n    .tag:not(.tag--transparent):where(a):hover {\n      color: var(--color-text-default);\n      background-color: var(--color-fill-disabled);\n    }\n  }\n  .tag:not(.tag--transparent):where(a):focus-visible {\n    color: var(--color-text-default);\n    background-color: var(--color-fill-subtle);\n    outline: 2px solid var(--color-background-contrast) !important;\n  }\n  .tag:not(.tag--transparent):where(a):active, .tag:not(.tag--transparent):where(a).is-active {\n    color: var(--color-text-inverse);\n    background-color: var(--color-background-contrast);\n    z-index: 2;\n  }\n  .tag:not(.tag--transparent):where(a) {\n    z-index: 2;\n    text-decoration: none;\n  }\n  .tag:not(.tag--transparent)[aria-disabled=true], .tag:not(.tag--transparent)[disabled] {\n    color: var(--color-text-disabled);\n    background-color: var(--color-fill-subtle);\n    cursor: not-allowed;\n  }\n  .tag__wrapper {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n  }\n  .tag__wrapper .tag {\n    padding-right: calc(2.375rem) !important;\n    margin-right: 0.5rem;\n  }\n  .tag__wrapper .tag--large {\n    padding-right: calc(2.6875rem) !important;\n    margin-right: 0.5rem;\n  }\n  .tag__action {\n    display: inline-flex;\n    vertical-align: baseline;\n    border-radius: 9999px;\n    box-decoration-break: clone;\n    color: var(--color-text-default);\n    background-color: var(--color-fill-moderate);\n    cursor: pointer;\n    outline-offset: 2px;\n  }\n  @media (hover: hover) {\n    .tag__action:hover {\n      color: var(--color-text-default);\n      background-color: var(--color-fill-disabled);\n    }\n  }\n  .tag__action:focus-visible {\n    color: var(--color-text-default);\n    background-color: var(--color-fill-subtle);\n    outline: 2px solid var(--color-background-contrast) !important;\n  }\n  .tag__action:active, .tag__action.is-active {\n    color: var(--color-text-inverse);\n    background-color: var(--color-background-contrast);\n    z-index: 2;\n  }\n  .tag__action[aria-disabled=true], .tag__action[disabled] {\n    color: var(--color-fill-subtle);\n    background-color: var(--color-fill-moderate);\n    cursor: not-allowed;\n  }\n  .tag__action {\n    aspect-ratio: 1;\n    display: flex;\n    align-items: center;\n    border-radius: 9999px;\n    z-index: 2;\n  }\n  .tag__action {\n    margin-left: calc(-2.375rem) !important;\n    padding: 0.4375rem;\n  }\n  .tag__action--large {\n    margin-left: calc(-2.6875rem) !important;\n    padding: 0.59375rem;\n  }\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["@layer components {\n  .tag {\n    display: inline-flex;\n    vertical-align: baseline;\n    border-radius: 9999px;\n    box-decoration-break: clone;\n  }\n  .tag {\n    padding: 0.4375rem 0.75rem;\n    font-size: 0.875rem !important;\n    line-height: 1rem !important;\n    font-weight: 700;\n    border-width: 1px;\n  }\n  .tag--small {\n    padding: 0.125rem 0.5rem;\n    font-size: 0.75rem !important;\n    line-height: 0.875rem !important;\n    font-weight: 400;\n    border-width: 2px;\n  }\n  .tag--large {\n    padding: 0.6875rem 0.9375rem;\n    font-size: 1rem !important;\n    line-height: 1.125rem !important;\n    font-weight: 700;\n    border-width: 2px;\n  }\n  .tag {\n    color: var(--color-text-default);\n    background-color: var(--color-fill-subtle);\n  }\n  .tag--orange {\n    color: var(--tag-text-dark);\n    background-color: var(--tag-orange);\n  }\n  .tag--black {\n    color: var(--tag-text-light);\n    background-color: var(--tag-black);\n  }\n  .tag--yellow {\n    color: var(--tag-text-dark);\n    background-color: var(--tag-yellow);\n  }\n  .tag--green {\n    color: var(--tag-text-dark);\n    background-color: var(--tag-green);\n  }\n  .tag--blue {\n    color: var(--tag-text-dark);\n    background-color: var(--tag-blue);\n  }\n  .tag--success {\n    color: var(--tag-text-light);\n    background-color: var(--tag-success);\n  }\n  .tag--danger {\n    color: var(--tag-text-light);\n    background-color: var(--tag-danger);\n  }\n  .tag--info {\n    color: var(--tag-text-light);\n    background-color: var(--tag-info);\n  }\n  .tag--warning {\n    color: var(--tag-text-dark);\n    background-color: var(--tag-warning);\n  }\n  .tag--transparent {\n    color: var(--color-text-default);\n    background-color: transparent;\n  }\n  .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]) {\n    background-color: var(--color-surface-moderate);\n  }\n  .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button), .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a) {\n    background-color: var(--color-surface-moderate);\n  }\n  .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button):not([disabled]):not([aria-disabled=true]):focus-visible, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button):not([disabled]):not([aria-disabled=true]):hover, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a):not([disabled]):not([aria-disabled=true]):focus-visible, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a):not([disabled]):not([aria-disabled=true]):hover {\n    background-color: #999;\n  }\n  .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button):not([disabled]):not([aria-disabled=true]):active, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button):not([disabled]):not([aria-disabled=true]).is-active, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a):not([disabled]):not([aria-disabled=true]):active, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a):not([disabled]):not([aria-disabled=true]).is-active {\n    color: var(--color-text-inverse);\n    background-color: var(--color-background-contrast);\n  }\n  .background-secondary .tag--transparent {\n    background-color: var(--color-surface-primary);\n  }\n  .tag--transparent {\n    border-color: var(--color-border-strong);\n    border-style: solid;\n  }\n  .tag--transparent:where(button) {\n    background-color: transparent;\n    color: var(--color-text-default);\n    cursor: pointer;\n    outline-offset: 2px;\n  }\n  @media (hover: hover) {\n    .tag--transparent:where(button):hover {\n      border-color: var(--color-fill-secondary);\n    }\n  }\n  .tag--transparent:where(button):focus-visible {\n    background-color: transparent;\n    color: var(--color-text-default);\n    outline: 2px solid var(--color-background-contrast) !important;\n    border-color: transparent;\n  }\n  .tag--transparent:where(button):active, .tag--transparent:where(button).is-active {\n    color: var(--color-text-inverse);\n    background-color: var(--color-fill-secondary);\n    border-color: var(--color-fill-secondary);\n    z-index: 2;\n  }\n  .tag--transparent:where(button) {\n    z-index: 2;\n  }\n  .tag--transparent:where(a) {\n    background-color: transparent;\n    color: var(--color-text-default);\n    cursor: pointer;\n    outline-offset: 2px;\n  }\n  @media (hover: hover) {\n    .tag--transparent:where(a):hover {\n      border-color: var(--color-fill-secondary);\n    }\n  }\n  .tag--transparent:where(a):focus-visible {\n    background-color: transparent;\n    color: var(--color-text-default);\n    outline: 2px solid var(--color-background-contrast) !important;\n    border-color: transparent;\n  }\n  .tag--transparent:where(a):active, .tag--transparent:where(a).is-active {\n    color: var(--color-text-inverse);\n    background-color: var(--color-fill-secondary);\n    border-color: var(--color-fill-secondary);\n    z-index: 2;\n  }\n  .tag--transparent:where(a) {\n    z-index: 2;\n    text-decoration: none;\n  }\n  .tag--transparent[aria-disabled=true], .tag--transparent[disabled] {\n    color: var(--color-text-disabled);\n    background-color: transparent;\n    border-color: var(--color-border-strong);\n    cursor: not-allowed;\n  }\n  .tag:not(.tag--transparent):where(button) {\n    background-color: var(--color-fill-subtle);\n    color: var(--color-text-default);\n    cursor: pointer;\n    outline-offset: 2px;\n  }\n  @media (hover: hover) {\n    .tag:not(.tag--transparent):where(button):hover {\n      color: var(--color-text-default);\n      background-color: var(--color-fill-disabled);\n    }\n  }\n  .tag:not(.tag--transparent):where(button):focus-visible {\n    color: var(--color-text-default);\n    background-color: var(--color-fill-subtle);\n    outline: 2px solid var(--color-background-contrast) !important;\n  }\n  .tag:not(.tag--transparent):where(button):active, .tag:not(.tag--transparent):where(button).is-active {\n    color: var(--color-text-inverse);\n    background-color: var(--color-background-contrast);\n    z-index: 2;\n  }\n  .tag:not(.tag--transparent):where(button) {\n    z-index: 2;\n  }\n  .tag:not(.tag--transparent):where(a) {\n    background-color: var(--color-fill-subtle);\n    color: var(--color-text-default);\n    cursor: pointer;\n    outline-offset: 2px;\n  }\n  @media (hover: hover) {\n    .tag:not(.tag--transparent):where(a):hover {\n      color: var(--color-text-default);\n      background-color: var(--color-fill-disabled);\n    }\n  }\n  .tag:not(.tag--transparent):where(a):focus-visible {\n    color: var(--color-text-default);\n    background-color: var(--color-fill-subtle);\n    outline: 2px solid var(--color-background-contrast) !important;\n  }\n  .tag:not(.tag--transparent):where(a):active, .tag:not(.tag--transparent):where(a).is-active {\n    color: var(--color-text-inverse);\n    background-color: var(--color-background-contrast);\n    z-index: 2;\n  }\n  .tag:not(.tag--transparent):where(a) {\n    z-index: 2;\n    text-decoration: none;\n  }\n  .tag:not(.tag--transparent)[aria-disabled=true], .tag:not(.tag--transparent)[disabled] {\n    color: var(--color-text-disabled);\n    background-color: var(--color-fill-subtle);\n    cursor: not-allowed;\n  }\n  .tag__wrapper {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n  }\n  .tag__wrapper .tag {\n    padding-right: calc(2.375rem) !important;\n    margin-right: 0.5rem;\n  }\n  .tag__wrapper .tag--large {\n    padding-right: calc(2.6875rem) !important;\n    margin-right: 0.5rem;\n  }\n  .tag__action {\n    display: inline-flex;\n    vertical-align: baseline;\n    border-radius: 9999px;\n    box-decoration-break: clone;\n    color: var(--color-text-default);\n    background-color: var(--color-fill-moderate);\n    cursor: pointer;\n    outline-offset: 2px;\n  }\n  @media (hover: hover) {\n    .tag__action:hover {\n      color: var(--color-text-default);\n      background-color: var(--color-fill-disabled);\n    }\n  }\n  .tag__action:focus-visible {\n    color: var(--color-text-default);\n    background-color: var(--color-fill-subtle);\n    outline: 2px solid var(--color-background-contrast) !important;\n  }\n  .tag__action:active, .tag__action.is-active {\n    color: var(--color-text-inverse);\n    background-color: var(--color-background-contrast);\n    z-index: 2;\n  }\n  .tag__action[aria-disabled=true], .tag__action[disabled] {\n    color: var(--color-fill-subtle);\n    background-color: var(--color-fill-moderate);\n    cursor: not-allowed;\n  }\n  .tag__action {\n    aspect-ratio: 1;\n    display: flex;\n    align-items: center;\n    border-radius: 9999px;\n    z-index: 2;\n  }\n  .tag__action {\n    margin-left: calc(-2.375rem) !important;\n    padding: 0.4375rem;\n  }\n  .tag__action--large {\n    margin-left: calc(-2.6875rem) !important;\n    padding: 0.59375rem;\n  }\n}"]}