@spectrum-web-components/tags 0.6.16-lit-next.0 → 0.6.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +4 -4
- package/package.json +5 -5
- package/src/spectrum-config.js +12 -0
- package/src/spectrum-tag.css.js +179 -1
- package/src/spectrum-tag.css.js.map +1 -1
- package/src/spectrum-tags.css.js +13 -1
- package/src/spectrum-tags.css.js.map +1 -1
- package/src/tag.css.js +197 -1
- package/src/tag.css.js.map +1 -1
- package/src/tags.css.js +13 -1
- package/src/tags.css.js.map +1 -1
- package/test/tag.test.js +0 -117
- package/test/tag.test.js.map +0 -1
- package/test/tags.test-vrt.js +0 -15
- package/test/tags.test-vrt.js.map +0 -1
- package/test/tags.test.js +0 -237
- package/test/tags.test.js.map +0 -1
package/custom-elements.json
CHANGED
|
@@ -295,7 +295,7 @@
|
|
|
295
295
|
{
|
|
296
296
|
"kind": "variable",
|
|
297
297
|
"name": "styles",
|
|
298
|
-
"default": "css`\n:host([dir=ltr]){padding-left:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-right:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=ltr]){padding-right:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-left:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host{display:inline-flex;align-items:center;box-sizing:border-box;margin:calc(var(--spectrum-taggroup-tag-gap-y)/2) calc(var(--spectrum-taggroup-tag-gap-x)/2);padding-top:0;padding-bottom:0;height:var(--spectrum-tag-height);max-width:100%;border-width:var(--spectrum-tag-border-size);border-style:solid;border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));outline:none;-webkit-user-select:none;user-select:none;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([disabled]){pointer-events:none}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-right:var(--spectrum-tag-icon-gap)}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-left:var(--spectrum-tag-icon-gap)}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=ltr])>slot[name=avatar]~.label,:host([dir=ltr])>slot[name=icon]~.label{margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=rtl])>slot[name=avatar]~.label,:host([dir=rtl])>slot[name=icon]~.label{margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=ltr]) .clear-button{margin-right:calc(-1*var(--spectrum-tag-padding-right))}:host([dir=rtl]) .clear-button{margin-left:calc(-1*var(--spectrum-tag-padding-right))}.label{height:100%;line-height:calc(var(--spectrum-tag-height) - var(--spectrum-tag-border-size)*2);flex:1 1 auto;font-size:var(--spectrum-tag-text-size);cursor:default;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host{color:var(--spectrum-tag-m-text-color,var(--spectrum-alias-label-text-color));background-color:var(--spectrum-tag-m-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-tag-m-border-color,var(--spectrum-alias-border-color-darker-default))}.clear-button{color:var(--spectrum-tag-m-removable-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-tag-m-background-color-hover,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-text-color-hover,var(--spectrum-alias-text-color-hover));border-color:var(--spectrum-tag-m-border-color-hover,var(--spectrum-alias-border-color-darker-hover))}:host(:hover) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible) .clear-button,:host(.focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) .clear-button,:host(:focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([selected]){background-color:var(--spectrum-tag-m-background-color-selected,var(--spectrum-global-color-gray-700));color:var(--spectrum-tag-m-text-color-selected,var(--spectrum-alias-text-color-over-background));border-color:var(--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700))}:host([selected]) .itemIcon{color:var(--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background))}:host([selected]:hover){background-color:var(--spectrum-tag-m-background-color-selected-hover,var(--spectrum-global-color-gray-800))}:host([selected].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected]:focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid]){border-color:var(--spectrum-tag-m-border-color-error-selected,var(--spectrum-semantic-negative-background-color-default));background-color:var(--spectrum-tag-m-background-color-error-selected,var(--spectrum-semantic-negative-background-color-default))}:host([selected][invalid]) .itemIcon,:host([selected][invalid]) .label,:host([selected][invalid]) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-text-color-error-selected,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid]:focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid]:hover){border-color:var(--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700));background-color:var(--spectrum-tag-m-background-color-error-selected-hover,var(--spectrum-semantic-negative-background-color-hover))}:host([selected][invalid]:hover) .itemIcon{color:var(--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background))}:host([invalid]){color:var(--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-error,var(--spectrum-semantic-negative-color-default))}:host([invalid]:hover){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}:host([invalid]:hover) .itemIcon,:host([invalid]:hover) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon))}:host([invalid].focus-visible){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([invalid].focus-visible){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([invalid]:focus-visible){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([invalid]) .itemIcon,:host([invalid]) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon))}:host([disabled]){color:var(--spectrum-tag-m-text-color-disabled,var(--spectrum-alias-text-color-disabled));background-color:var(--spectrum-tag-m-background-color-disabled,var(--spectrum-alias-background-color-disabled));border-color:var(--spectrum-tag-m-border-color-disabled,var(--spectrum-alias-border-color-disabled))}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--spectrum-avatar-size-100-opacity-disabled,.3)}:host([disabled]) .itemIcon{color:var(--spectrum-tag-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([removable]:hover){color:var(--spectrum-tag-m-removable-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([removable]:hover) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([removable]:active){color:var(--spectrum-tag-m-removable-text-color-down,var(--spectrum-alias-text-color-down))}:host([removable]:active) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-down,var(--spectrum-alias-icon-color-down))}:host([removable][invalid]:hover){border-color:var(--spectrum-tag-m-removable-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover));color:var(--spectrum-tag-m-removable-text-color-error-hover,var(--spectrum-semantic-negative-color-state-down))}:host([removable][invalid]:hover) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon))}:host([removable][invalid]:active){border-color:var(--spectrum-tag-m-removable-border-color-error-down,var(--spectrum-semantic-negative-color-state-down));color:var(--spectrum-tag-m-removable-text-color-error-down,var(--spectrum-semantic-negative-color-state-down))}:host([removable][invalid]:active) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-error-down,var(--spectrum-semantic-negative-color-icon))}:host([removable].focus-visible){color:var(--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([removable].focus-visible){color:var(--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([removable]:focus-visible){color:var(--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([removable].focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable].focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable]:focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable][selected]){color:var(--spectrum-tag-m-removable-text-color-selected,var(--spectrum-alias-text-color-over-background))}:host([removable][selected]) .is-focused{color:var(--spectrum-tag-m-removable-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([removable][selected]) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-removable-button-icon-color-selected,var(--spectrum-alias-icon-color-over-background))}:host([removable][selected]) .spectrum-Tags-itemClearButton:hover{color:var(--spectrum-tag-m-removable-button-icon-color-selected-hover,var(--spectrum-alias-icon-color-over-background))}:host([removable][selected][invalid]){color:var(--spectrum-tag-m-removable-text-color-error-key-focus,var(--spectrum-semantic-negative-color-state-down))}:host([removable]) .spectrum-Tags-itemClearButton.is-focused{border-color:var(--spectrum-tag-m-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus));background-color:var(--spectrum-tag-m-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-removable-button-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable]) .spectrum-Tags-itemClearButton:hover{color:var(--spectrum-tag-m-removable-button-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([removable]) .spectrum-Tags-itemClearButton:active{background-color:var(--spectrum-tag-m-removable-button-background-color-hover,var(--spectrum-global-color-gray-75))}\n`"
|
|
298
|
+
"default": "css`\n:host([dir=ltr]){padding-left:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-right:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=ltr]){padding-right:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-left:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host{align-items:center;border-radius:var(\n--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)\n);border-style:solid;border-width:var(--spectrum-tag-border-size);box-sizing:border-box;display:inline-flex;height:var(--spectrum-tag-height);margin:calc(var(--spectrum-taggroup-tag-gap-y)/2) calc(var(--spectrum-taggroup-tag-gap-x)/2);max-width:100%;outline:none;padding-bottom:0;padding-top:0;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-right:var(\n--spectrum-tag-icon-gap\n)}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-left:var(\n--spectrum-tag-icon-gap\n)}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=ltr])>slot[name=avatar]~.label,:host([dir=ltr])>slot[name=icon]~.label{margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=rtl])>slot[name=avatar]~.label,:host([dir=rtl])>slot[name=icon]~.label{margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=ltr]) .clear-button{margin-right:calc(-1*var(--spectrum-tag-padding-right))}:host([dir=rtl]) .clear-button{margin-left:calc(-1*var(--spectrum-tag-padding-right))}.label{cursor:default;flex:1 1 auto;font-size:var(--spectrum-tag-text-size);height:100%;line-height:calc(var(--spectrum-tag-height) - var(--spectrum-tag-border-size)*2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host{background-color:var(\n--spectrum-tag-m-background-color,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-border-color,var(--spectrum-alias-border-color-darker-default)\n);color:var(\n--spectrum-tag-m-text-color,var(--spectrum-alias-label-text-color)\n)}.clear-button{color:var(\n--spectrum-tag-m-removable-icon-color,var(--spectrum-alias-icon-color)\n)}:host(:hover){background-color:var(\n--spectrum-tag-m-background-color-hover,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-border-color-hover,var(--spectrum-alias-border-color-darker-hover)\n);color:var(\n--spectrum-tag-m-text-color-hover,var(--spectrum-alias-text-color-hover)\n)}:host(:hover) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover)\n)}:host(.focus-visible){background-color:var(\n--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host(:focus-visible){background-color:var(\n--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host(.focus-visible) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host(:focus-visible) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host([selected]){background-color:var(\n--spectrum-tag-m-background-color-selected,var(--spectrum-global-color-gray-700)\n);border-color:var(\n--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700)\n);color:var(\n--spectrum-tag-m-text-color-selected,var(--spectrum-alias-text-color-over-background)\n)}:host([selected]) .itemIcon{color:var(\n--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background)\n)}:host([selected]:hover){background-color:var(\n--spectrum-tag-m-background-color-selected-hover,var(--spectrum-global-color-gray-800)\n)}:host([selected].focus-visible){border-color:var(\n--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800)\n)}:host([selected]:focus-visible){border-color:var(\n--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800)\n)}:host([selected][invalid]){background-color:var(\n--spectrum-tag-m-background-color-error-selected,var(--spectrum-semantic-negative-background-color-default)\n);border-color:var(\n--spectrum-tag-m-border-color-error-selected,var(--spectrum-semantic-negative-background-color-default)\n)}:host([selected][invalid]) .itemIcon,:host([selected][invalid]) .label,:host([selected][invalid]) .spectrum-Tags-itemClearButton{color:var(\n--spectrum-tag-m-text-color-error-selected,var(--spectrum-alias-text-color-over-background)\n)}:host([selected][invalid].focus-visible){border-color:var(\n--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus)\n)}:host([selected][invalid]:focus-visible){border-color:var(\n--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus)\n)}:host([selected][invalid]:hover){background-color:var(\n--spectrum-tag-m-background-color-error-selected-hover,var(--spectrum-semantic-negative-background-color-hover)\n);border-color:var(\n--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700)\n)}:host([selected][invalid]:hover) .itemIcon{color:var(\n--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background)\n)}:host([invalid]){border-color:var(\n--spectrum-tag-m-border-color-error,var(--spectrum-semantic-negative-color-default)\n);color:var(\n--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid]:hover){border-color:var(\n--spectrum-tag-m-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover)\n);color:var(\n--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid]:hover) .itemIcon,:host([invalid]:hover) .spectrum-Tags-itemClearButton{color:var(\n--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid].focus-visible){border-color:var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid]:focus-visible){border-color:var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid]) .itemIcon,:host([invalid]) .spectrum-Tags-itemClearButton{color:var(\n--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon)\n)}:host([disabled]){background-color:var(\n--spectrum-tag-m-background-color-disabled,var(--spectrum-alias-background-color-disabled)\n);border-color:var(\n--spectrum-tag-m-border-color-disabled,var(--spectrum-alias-border-color-disabled)\n);color:var(\n--spectrum-tag-m-text-color-disabled,var(--spectrum-alias-text-color-disabled)\n)}:host([disabled]) ::slotted([slot=avatar]){opacity:var(\n--spectrum-avatar-size-100-opacity-disabled,.3\n)}:host([disabled]) .itemIcon{color:var(\n--spectrum-tag-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)\n)}:host([removable]:hover){color:var(\n--spectrum-tag-m-removable-text-color-hover,var(--spectrum-alias-text-color-hover)\n)}:host([removable]:hover) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover)\n)}:host([removable]:active){color:var(\n--spectrum-tag-m-removable-text-color-down,var(--spectrum-alias-text-color-down)\n)}:host([removable]:active) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-down,var(--spectrum-alias-icon-color-down)\n)}:host([removable][invalid]:hover){border-color:var(\n--spectrum-tag-m-removable-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover)\n);color:var(\n--spectrum-tag-m-removable-text-color-error-hover,var(--spectrum-semantic-negative-color-state-down)\n)}:host([removable][invalid]:hover) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([removable][invalid]:active){border-color:var(\n--spectrum-tag-m-removable-border-color-error-down,var(--spectrum-semantic-negative-color-state-down)\n);color:var(\n--spectrum-tag-m-removable-text-color-error-down,var(--spectrum-semantic-negative-color-state-down)\n)}:host([removable][invalid]:active) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-error-down,var(--spectrum-semantic-negative-color-icon)\n)}:host([removable].focus-visible){color:var(\n--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host([removable]:focus-visible){color:var(\n--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host([removable].focus-visible) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host([removable]:focus-visible) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host([removable][selected]){color:var(\n--spectrum-tag-m-removable-text-color-selected,var(--spectrum-alias-text-color-over-background)\n)}:host([removable][selected]) .is-focused{color:var(\n--spectrum-tag-m-removable-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n)}:host([removable][selected]) .spectrum-Tags-itemClearButton{color:var(\n--spectrum-tag-m-removable-button-icon-color-selected,var(--spectrum-alias-icon-color-over-background)\n)}:host([removable][selected]) .spectrum-Tags-itemClearButton:hover{color:var(\n--spectrum-tag-m-removable-button-icon-color-selected-hover,var(--spectrum-alias-icon-color-over-background)\n)}:host([removable][selected][invalid]){color:var(\n--spectrum-tag-m-removable-text-color-error-key-focus,var(--spectrum-semantic-negative-color-state-down)\n)}:host([removable]) .spectrum-Tags-itemClearButton.is-focused{background-color:var(\n--spectrum-tag-m-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-removable-button-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host([removable]) .spectrum-Tags-itemClearButton:hover{color:var(\n--spectrum-tag-m-removable-button-icon-color-hover,var(--spectrum-alias-icon-color-hover)\n)}:host([removable]) .spectrum-Tags-itemClearButton:active{background-color:var(\n--spectrum-tag-m-removable-button-background-color-hover,var(--spectrum-global-color-gray-75)\n)}\n`"
|
|
299
299
|
}
|
|
300
300
|
],
|
|
301
301
|
"exports": [
|
|
@@ -316,7 +316,7 @@
|
|
|
316
316
|
{
|
|
317
317
|
"kind": "variable",
|
|
318
318
|
"name": "styles",
|
|
319
|
-
"default": "css`\n:host{--spectrum-tag-border-size:var(--spectrum-tag-s-border-size,var(--spectrum-alias-border-size-thin));--spectrum-tag-icon-gap:var(--spectrum-tag-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s));--spectrum-tag-text-size:var(--spectrum-tag-s-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-tag-height:var(--spectrum-tag-s-height,var(--spectrum-alias-item-height-s));--spectrum-tag-padding-left:var(--spectrum-tag-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s));--spectrum-tag-padding-right:var(--spectrum-tag-s-padding-right,var(--spectrum-alias-item-padding-s));--spectrum-tag-avatar-padding-x:var(--spectrum-tag-icon-gap);--spectrum-taggroup-tag-gap-x:var(--spectrum-global-dimension-size-100);--spectrum-taggroup-tag-gap-y:var(--spectrum-global-dimension-size-100)
|
|
319
|
+
"default": "css`\n:host{--spectrum-tag-border-size:var(\n--spectrum-tag-s-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-tag-icon-gap:var(\n--spectrum-tag-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s)\n);--spectrum-tag-text-size:var(\n--spectrum-tag-s-text-size,var(--spectrum-alias-item-text-size-s)\n);--spectrum-tag-height:var(\n--spectrum-tag-s-height,var(--spectrum-alias-item-height-s)\n);--spectrum-tag-padding-left:var(\n--spectrum-tag-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s)\n);--spectrum-tag-padding-right:var(\n--spectrum-tag-s-padding-right,var(--spectrum-alias-item-padding-s)\n);--spectrum-tag-avatar-padding-x:var(--spectrum-tag-icon-gap);--spectrum-taggroup-tag-gap-x:var(--spectrum-global-dimension-size-100);--spectrum-taggroup-tag-gap-y:var(--spectrum-global-dimension-size-100)}:host{display:inline-block;list-style:none;margin:0;padding:0}\n`"
|
|
320
320
|
}
|
|
321
321
|
],
|
|
322
322
|
"exports": [
|
|
@@ -337,7 +337,7 @@
|
|
|
337
337
|
{
|
|
338
338
|
"kind": "variable",
|
|
339
339
|
"name": "styles",
|
|
340
|
-
"default": "css`\n:host([dir=ltr]){padding-left:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-right:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=ltr]){padding-right:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-left:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host{display:inline-flex;align-items:center;box-sizing:border-box;margin:calc(var(--spectrum-taggroup-tag-gap-y)/2) calc(var(--spectrum-taggroup-tag-gap-x)/2);padding-top:0;padding-bottom:0;height:var(--spectrum-tag-height);max-width:100%;border-width:var(--spectrum-tag-border-size);border-style:solid;border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));outline:none;-webkit-user-select:none;user-select:none;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([disabled]){pointer-events:none}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-right:var(--spectrum-tag-icon-gap)}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-left:var(--spectrum-tag-icon-gap)}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=ltr])>slot[name=avatar]~.label,:host([dir=ltr])>slot[name=icon]~.label{margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=rtl])>slot[name=avatar]~.label,:host([dir=rtl])>slot[name=icon]~.label{margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=ltr]) .clear-button{margin-right:calc(-1*var(--spectrum-tag-padding-right))}:host([dir=rtl]) .clear-button{margin-left:calc(-1*var(--spectrum-tag-padding-right))}.label{height:100%;line-height:calc(var(--spectrum-tag-height) - var(--spectrum-tag-border-size)*2);flex:1 1 auto;font-size:var(--spectrum-tag-text-size);cursor:default;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host{color:var(--spectrum-tag-m-text-color,var(--spectrum-alias-label-text-color));background-color:var(--spectrum-tag-m-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-tag-m-border-color,var(--spectrum-alias-border-color-darker-default))}.clear-button{color:var(--spectrum-tag-m-removable-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-tag-m-background-color-hover,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-text-color-hover,var(--spectrum-alias-text-color-hover));border-color:var(--spectrum-tag-m-border-color-hover,var(--spectrum-alias-border-color-darker-hover))}:host(:hover) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible) .clear-button,:host(.focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) .clear-button,:host(:focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([selected]){background-color:var(--spectrum-tag-m-background-color-selected,var(--spectrum-global-color-gray-700));color:var(--spectrum-tag-m-text-color-selected,var(--spectrum-alias-text-color-over-background));border-color:var(--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700))}:host([selected]) .itemIcon{color:var(--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background))}:host([selected]:hover){background-color:var(--spectrum-tag-m-background-color-selected-hover,var(--spectrum-global-color-gray-800))}:host([selected].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected]:focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid]){border-color:var(--spectrum-tag-m-border-color-error-selected,var(--spectrum-semantic-negative-background-color-default));background-color:var(--spectrum-tag-m-background-color-error-selected,var(--spectrum-semantic-negative-background-color-default))}:host([selected][invalid]) .itemIcon,:host([selected][invalid]) .label,:host([selected][invalid]) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-text-color-error-selected,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid]:focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid]:hover){border-color:var(--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700));background-color:var(--spectrum-tag-m-background-color-error-selected-hover,var(--spectrum-semantic-negative-background-color-hover))}:host([selected][invalid]:hover) .itemIcon{color:var(--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background))}:host([invalid]){color:var(--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-error,var(--spectrum-semantic-negative-color-default))}:host([invalid]:hover){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}:host([invalid]:hover) .itemIcon,:host([invalid]:hover) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon))}:host([invalid].focus-visible){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([invalid].focus-visible){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([invalid]:focus-visible){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([invalid]) .itemIcon,:host([invalid]) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon))}:host([disabled]){color:var(--spectrum-tag-m-text-color-disabled,var(--spectrum-alias-text-color-disabled));background-color:var(--spectrum-tag-m-background-color-disabled,var(--spectrum-alias-background-color-disabled));border-color:var(--spectrum-tag-m-border-color-disabled,var(--spectrum-alias-border-color-disabled))}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--spectrum-avatar-size-100-opacity-disabled,.3)}:host([disabled]) .itemIcon{color:var(--spectrum-tag-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([removable]:hover){color:var(--spectrum-tag-m-removable-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([removable]:hover) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([removable]:active){color:var(--spectrum-tag-m-removable-text-color-down,var(--spectrum-alias-text-color-down))}:host([removable]:active) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-down,var(--spectrum-alias-icon-color-down))}:host([removable][invalid]:hover){border-color:var(--spectrum-tag-m-removable-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover));color:var(--spectrum-tag-m-removable-text-color-error-hover,var(--spectrum-semantic-negative-color-state-down))}:host([removable][invalid]:hover) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon))}:host([removable][invalid]:active){border-color:var(--spectrum-tag-m-removable-border-color-error-down,var(--spectrum-semantic-negative-color-state-down));color:var(--spectrum-tag-m-removable-text-color-error-down,var(--spectrum-semantic-negative-color-state-down))}:host([removable][invalid]:active) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-error-down,var(--spectrum-semantic-negative-color-icon))}:host([removable].focus-visible){color:var(--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([removable].focus-visible){color:var(--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([removable]:focus-visible){color:var(--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([removable].focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable].focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable]:focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable][selected]){color:var(--spectrum-tag-m-removable-text-color-selected,var(--spectrum-alias-text-color-over-background))}:host([removable][selected]) .is-focused{color:var(--spectrum-tag-m-removable-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([removable][selected]) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-removable-button-icon-color-selected,var(--spectrum-alias-icon-color-over-background))}:host([removable][selected]) .spectrum-Tags-itemClearButton:hover{color:var(--spectrum-tag-m-removable-button-icon-color-selected-hover,var(--spectrum-alias-icon-color-over-background))}:host([removable][selected][invalid]){color:var(--spectrum-tag-m-removable-text-color-error-key-focus,var(--spectrum-semantic-negative-color-state-down))}:host([removable]) .spectrum-Tags-itemClearButton.is-focused{border-color:var(--spectrum-tag-m-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus));background-color:var(--spectrum-tag-m-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-removable-button-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable]) .spectrum-Tags-itemClearButton:hover{color:var(--spectrum-tag-m-removable-button-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([removable]) .spectrum-Tags-itemClearButton:active{background-color:var(--spectrum-tag-m-removable-button-background-color-hover,var(--spectrum-global-color-gray-75))}:host([invalid]) .clear-button{--spectrum-clearbutton-medium-icon-color:var(--spectrum-tag-icon-color-error-key-focus,var(--spectrum-global-color-red-600));--spectrum-clearbutton-medium-icon-color-hover:var(--spectrum-clearbutton-medium-icon-color);--spectrum-clearbutton-medium-icon-color-down:var(--spectrum-tag-deletable-icon-color-error-down,var(--spectrum-global-color-red-700))}:host([invalid]):hover .clear-button{--spectrum-clearbutton-medium-icon-color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600));--spectrum-clearbutton-medium-icon-color-hover:var(--spectrum-clearbutton-medium-icon-color);--spectrum-clearbutton-medium-icon-color-down:var(--spectrum-tag-deletable-icon-color-error-down,var(--spectrum-global-color-red-700))}:host([invalid]):active .clear-button{--spectrum-clearbutton-medium-icon-color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600));--spectrum-clearbutton-medium-icon-color-hover:var(--spectrum-clearbutton-medium-icon-color);--spectrum-clearbutton-medium-icon-color-down:var(--spectrum-tag-deletable-icon-color-error-down,var(--spectrum-global-color-red-700))}\n`"
|
|
340
|
+
"default": "css`\n:host([dir=ltr]){padding-left:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-right:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=ltr]){padding-right:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-left:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host{align-items:center;border-radius:var(\n--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)\n);border-style:solid;border-width:var(--spectrum-tag-border-size);box-sizing:border-box;display:inline-flex;height:var(--spectrum-tag-height);margin:calc(var(--spectrum-taggroup-tag-gap-y)/2) calc(var(--spectrum-taggroup-tag-gap-x)/2);max-width:100%;outline:none;padding-bottom:0;padding-top:0;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-right:var(\n--spectrum-tag-icon-gap\n)}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-left:var(\n--spectrum-tag-icon-gap\n)}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=ltr])>slot[name=avatar]~.label,:host([dir=ltr])>slot[name=icon]~.label{margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=rtl])>slot[name=avatar]~.label,:host([dir=rtl])>slot[name=icon]~.label{margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=ltr]) .clear-button{margin-right:calc(-1*var(--spectrum-tag-padding-right))}:host([dir=rtl]) .clear-button{margin-left:calc(-1*var(--spectrum-tag-padding-right))}.label{cursor:default;flex:1 1 auto;font-size:var(--spectrum-tag-text-size);height:100%;line-height:calc(var(--spectrum-tag-height) - var(--spectrum-tag-border-size)*2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host{background-color:var(\n--spectrum-tag-m-background-color,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-border-color,var(--spectrum-alias-border-color-darker-default)\n);color:var(\n--spectrum-tag-m-text-color,var(--spectrum-alias-label-text-color)\n)}.clear-button{color:var(\n--spectrum-tag-m-removable-icon-color,var(--spectrum-alias-icon-color)\n)}:host(:hover){background-color:var(\n--spectrum-tag-m-background-color-hover,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-border-color-hover,var(--spectrum-alias-border-color-darker-hover)\n);color:var(\n--spectrum-tag-m-text-color-hover,var(--spectrum-alias-text-color-hover)\n)}:host(:hover) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover)\n)}:host(.focus-visible){background-color:var(\n--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host(:focus-visible){background-color:var(\n--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host(.focus-visible) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host(:focus-visible) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host([selected]){background-color:var(\n--spectrum-tag-m-background-color-selected,var(--spectrum-global-color-gray-700)\n);border-color:var(\n--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700)\n);color:var(\n--spectrum-tag-m-text-color-selected,var(--spectrum-alias-text-color-over-background)\n)}:host([selected]) .itemIcon{color:var(\n--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background)\n)}:host([selected]:hover){background-color:var(\n--spectrum-tag-m-background-color-selected-hover,var(--spectrum-global-color-gray-800)\n)}:host([selected].focus-visible){border-color:var(\n--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800)\n)}:host([selected]:focus-visible){border-color:var(\n--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800)\n)}:host([selected][invalid]){background-color:var(\n--spectrum-tag-m-background-color-error-selected,var(--spectrum-semantic-negative-background-color-default)\n);border-color:var(\n--spectrum-tag-m-border-color-error-selected,var(--spectrum-semantic-negative-background-color-default)\n)}:host([selected][invalid]) .itemIcon,:host([selected][invalid]) .label,:host([selected][invalid]) .spectrum-Tags-itemClearButton{color:var(\n--spectrum-tag-m-text-color-error-selected,var(--spectrum-alias-text-color-over-background)\n)}:host([selected][invalid].focus-visible){border-color:var(\n--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus)\n)}:host([selected][invalid]:focus-visible){border-color:var(\n--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus)\n)}:host([selected][invalid]:hover){background-color:var(\n--spectrum-tag-m-background-color-error-selected-hover,var(--spectrum-semantic-negative-background-color-hover)\n);border-color:var(\n--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700)\n)}:host([selected][invalid]:hover) .itemIcon{color:var(\n--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background)\n)}:host([invalid]){border-color:var(\n--spectrum-tag-m-border-color-error,var(--spectrum-semantic-negative-color-default)\n);color:var(\n--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid]:hover){border-color:var(\n--spectrum-tag-m-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover)\n);color:var(\n--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid]:hover) .itemIcon,:host([invalid]:hover) .spectrum-Tags-itemClearButton{color:var(\n--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid].focus-visible){border-color:var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid]:focus-visible){border-color:var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid]) .itemIcon,:host([invalid]) .spectrum-Tags-itemClearButton{color:var(\n--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon)\n)}:host([disabled]){background-color:var(\n--spectrum-tag-m-background-color-disabled,var(--spectrum-alias-background-color-disabled)\n);border-color:var(\n--spectrum-tag-m-border-color-disabled,var(--spectrum-alias-border-color-disabled)\n);color:var(\n--spectrum-tag-m-text-color-disabled,var(--spectrum-alias-text-color-disabled)\n)}:host([disabled]) ::slotted([slot=avatar]){opacity:var(\n--spectrum-avatar-size-100-opacity-disabled,.3\n)}:host([disabled]) .itemIcon{color:var(\n--spectrum-tag-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)\n)}:host([removable]:hover){color:var(\n--spectrum-tag-m-removable-text-color-hover,var(--spectrum-alias-text-color-hover)\n)}:host([removable]:hover) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover)\n)}:host([removable]:active){color:var(\n--spectrum-tag-m-removable-text-color-down,var(--spectrum-alias-text-color-down)\n)}:host([removable]:active) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-down,var(--spectrum-alias-icon-color-down)\n)}:host([removable][invalid]:hover){border-color:var(\n--spectrum-tag-m-removable-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover)\n);color:var(\n--spectrum-tag-m-removable-text-color-error-hover,var(--spectrum-semantic-negative-color-state-down)\n)}:host([removable][invalid]:hover) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([removable][invalid]:active){border-color:var(\n--spectrum-tag-m-removable-border-color-error-down,var(--spectrum-semantic-negative-color-state-down)\n);color:var(\n--spectrum-tag-m-removable-text-color-error-down,var(--spectrum-semantic-negative-color-state-down)\n)}:host([removable][invalid]:active) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-error-down,var(--spectrum-semantic-negative-color-icon)\n)}:host([removable].focus-visible){color:var(\n--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host([removable]:focus-visible){color:var(\n--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host([removable].focus-visible) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host([removable]:focus-visible) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host([removable][selected]){color:var(\n--spectrum-tag-m-removable-text-color-selected,var(--spectrum-alias-text-color-over-background)\n)}:host([removable][selected]) .is-focused{color:var(\n--spectrum-tag-m-removable-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n)}:host([removable][selected]) .spectrum-Tags-itemClearButton{color:var(\n--spectrum-tag-m-removable-button-icon-color-selected,var(--spectrum-alias-icon-color-over-background)\n)}:host([removable][selected]) .spectrum-Tags-itemClearButton:hover{color:var(\n--spectrum-tag-m-removable-button-icon-color-selected-hover,var(--spectrum-alias-icon-color-over-background)\n)}:host([removable][selected][invalid]){color:var(\n--spectrum-tag-m-removable-text-color-error-key-focus,var(--spectrum-semantic-negative-color-state-down)\n)}:host([removable]) .spectrum-Tags-itemClearButton.is-focused{background-color:var(\n--spectrum-tag-m-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-removable-button-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host([removable]) .spectrum-Tags-itemClearButton:hover{color:var(\n--spectrum-tag-m-removable-button-icon-color-hover,var(--spectrum-alias-icon-color-hover)\n)}:host([removable]) .spectrum-Tags-itemClearButton:active{background-color:var(\n--spectrum-tag-m-removable-button-background-color-hover,var(--spectrum-global-color-gray-75)\n)}:host([invalid]) .clear-button{--spectrum-clearbutton-medium-icon-color:var(\n--spectrum-tag-icon-color-error-key-focus,var(--spectrum-global-color-red-600)\n);--spectrum-clearbutton-medium-icon-color-hover:var(\n--spectrum-clearbutton-medium-icon-color\n);--spectrum-clearbutton-medium-icon-color-down:var(\n--spectrum-tag-deletable-icon-color-error-down,var(--spectrum-global-color-red-700)\n)}:host([invalid]):hover .clear-button{--spectrum-clearbutton-medium-icon-color:var(\n--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600)\n);--spectrum-clearbutton-medium-icon-color-hover:var(\n--spectrum-clearbutton-medium-icon-color\n);--spectrum-clearbutton-medium-icon-color-down:var(\n--spectrum-tag-deletable-icon-color-error-down,var(--spectrum-global-color-red-700)\n)}:host([invalid]):active .clear-button{--spectrum-clearbutton-medium-icon-color:var(\n--spectrum-tag-icon-color-error-hover,var(--spectrum-global-color-red-600)\n);--spectrum-clearbutton-medium-icon-color-hover:var(\n--spectrum-clearbutton-medium-icon-color\n);--spectrum-clearbutton-medium-icon-color-down:var(\n--spectrum-tag-deletable-icon-color-error-down,var(--spectrum-global-color-red-700)\n)}\n`"
|
|
341
341
|
}
|
|
342
342
|
],
|
|
343
343
|
"exports": [
|
|
@@ -358,7 +358,7 @@
|
|
|
358
358
|
{
|
|
359
359
|
"kind": "variable",
|
|
360
360
|
"name": "styles",
|
|
361
|
-
"default": "css`\n:host{--spectrum-tag-border-size:var(--spectrum-tag-s-border-size,var(--spectrum-alias-border-size-thin));--spectrum-tag-icon-gap:var(--spectrum-tag-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s));--spectrum-tag-text-size:var(--spectrum-tag-s-text-size,var(--spectrum-alias-item-text-size-s));--spectrum-tag-height:var(--spectrum-tag-s-height,var(--spectrum-alias-item-height-s));--spectrum-tag-padding-left:var(--spectrum-tag-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s));--spectrum-tag-padding-right:var(--spectrum-tag-s-padding-right,var(--spectrum-alias-item-padding-s));--spectrum-tag-avatar-padding-x:var(--spectrum-tag-icon-gap);--spectrum-taggroup-tag-gap-x:var(--spectrum-global-dimension-size-100);--spectrum-taggroup-tag-gap-y:var(--spectrum-global-dimension-size-100)
|
|
361
|
+
"default": "css`\n:host{--spectrum-tag-border-size:var(\n--spectrum-tag-s-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-tag-icon-gap:var(\n--spectrum-tag-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s)\n);--spectrum-tag-text-size:var(\n--spectrum-tag-s-text-size,var(--spectrum-alias-item-text-size-s)\n);--spectrum-tag-height:var(\n--spectrum-tag-s-height,var(--spectrum-alias-item-height-s)\n);--spectrum-tag-padding-left:var(\n--spectrum-tag-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s)\n);--spectrum-tag-padding-right:var(\n--spectrum-tag-s-padding-right,var(--spectrum-alias-item-padding-s)\n);--spectrum-tag-avatar-padding-x:var(--spectrum-tag-icon-gap);--spectrum-taggroup-tag-gap-x:var(--spectrum-global-dimension-size-100);--spectrum-taggroup-tag-gap-y:var(--spectrum-global-dimension-size-100)}:host{display:inline-block;list-style:none;margin:0;padding:0}\n`"
|
|
362
362
|
}
|
|
363
363
|
],
|
|
364
364
|
"exports": [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/tags",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.17",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -46,9 +46,9 @@
|
|
|
46
46
|
"lit-html"
|
|
47
47
|
],
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@spectrum-web-components/base": "^0.4.
|
|
50
|
-
"@spectrum-web-components/button": "^0.14.
|
|
51
|
-
"@spectrum-web-components/shared": "^0.12.9
|
|
49
|
+
"@spectrum-web-components/base": "^0.4.5",
|
|
50
|
+
"@spectrum-web-components/button": "^0.14.9",
|
|
51
|
+
"@spectrum-web-components/shared": "^0.12.9",
|
|
52
52
|
"tslib": "^2.0.0"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"sideEffects": [
|
|
60
60
|
"./sp-*.js"
|
|
61
61
|
],
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "e05c867a446189df8cfbceb201ec18cd502cfe26"
|
|
63
63
|
}
|
package/src/spectrum-config.js
CHANGED
|
@@ -76,6 +76,18 @@ const config = {
|
|
|
76
76
|
name: 'icon',
|
|
77
77
|
},
|
|
78
78
|
],
|
|
79
|
+
complexSelectors: [
|
|
80
|
+
{
|
|
81
|
+
replacement: ' > .spectrum-Avatar',
|
|
82
|
+
selector:
|
|
83
|
+
/\s+\.spectrum-Tags-item\s?\>\s?\.spectrum-Avatar/,
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
replacement: " > slot[name='avatar'] ~ .label",
|
|
87
|
+
selector:
|
|
88
|
+
/\s+\>\s?\.spectrum-Avatar\s?\~\s?\.spectrum-Tags-itemLabel/,
|
|
89
|
+
},
|
|
90
|
+
],
|
|
79
91
|
exclude: [
|
|
80
92
|
/\.spectrum-Tags /,
|
|
81
93
|
/\.spectrum-ClearButton \.spectrum-Icon/,
|
package/src/spectrum-tag.css.js
CHANGED
|
@@ -11,7 +11,185 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
:host([dir=ltr]){padding-left:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-right:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=ltr]){padding-right:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-left:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host{display:inline-flex;align-items:center;box-sizing:border-box;margin:calc(var(--spectrum-taggroup-tag-gap-y)/2) calc(var(--spectrum-taggroup-tag-gap-x)/2);padding-top:0;padding-bottom:0;height:var(--spectrum-tag-height);max-width:100%;border-width:var(--spectrum-tag-border-size);border-style:solid;border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));outline:none;-webkit-user-select:none;user-select:none;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([disabled]){pointer-events:none}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-right:var(--spectrum-tag-icon-gap)}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-left:var(--spectrum-tag-icon-gap)}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=ltr])>slot[name=avatar]~.label,:host([dir=ltr])>slot[name=icon]~.label{margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=rtl])>slot[name=avatar]~.label,:host([dir=rtl])>slot[name=icon]~.label{margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=ltr]) .clear-button{margin-right:calc(-1*var(--spectrum-tag-padding-right))}:host([dir=rtl]) .clear-button{margin-left:calc(-1*var(--spectrum-tag-padding-right))}.label{height:100%;line-height:calc(var(--spectrum-tag-height) - var(--spectrum-tag-border-size)*2);flex:1 1 auto;font-size:var(--spectrum-tag-text-size);cursor:default;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host{color:var(--spectrum-tag-m-text-color,var(--spectrum-alias-label-text-color));background-color:var(--spectrum-tag-m-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-tag-m-border-color,var(--spectrum-alias-border-color-darker-default))}.clear-button{color:var(--spectrum-tag-m-removable-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-tag-m-background-color-hover,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-text-color-hover,var(--spectrum-alias-text-color-hover));border-color:var(--spectrum-tag-m-border-color-hover,var(--spectrum-alias-border-color-darker-hover))}:host(:hover) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible) .clear-button,:host(.focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) .clear-button,:host(:focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([selected]){background-color:var(--spectrum-tag-m-background-color-selected,var(--spectrum-global-color-gray-700));color:var(--spectrum-tag-m-text-color-selected,var(--spectrum-alias-text-color-over-background));border-color:var(--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700))}:host([selected]) .itemIcon{color:var(--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background))}:host([selected]:hover){background-color:var(--spectrum-tag-m-background-color-selected-hover,var(--spectrum-global-color-gray-800))}:host([selected].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected]:focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid]){border-color:var(--spectrum-tag-m-border-color-error-selected,var(--spectrum-semantic-negative-background-color-default));background-color:var(--spectrum-tag-m-background-color-error-selected,var(--spectrum-semantic-negative-background-color-default))}:host([selected][invalid]) .itemIcon,:host([selected][invalid]) .label,:host([selected][invalid]) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-text-color-error-selected,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid]:focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid]:hover){border-color:var(--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700));background-color:var(--spectrum-tag-m-background-color-error-selected-hover,var(--spectrum-semantic-negative-background-color-hover))}:host([selected][invalid]:hover) .itemIcon{color:var(--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background))}:host([invalid]){color:var(--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-error,var(--spectrum-semantic-negative-color-default))}:host([invalid]:hover){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}:host([invalid]:hover) .itemIcon,:host([invalid]:hover) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon))}:host([invalid].focus-visible){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([invalid].focus-visible){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([invalid]:focus-visible){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([invalid]) .itemIcon,:host([invalid]) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon))}:host([disabled]){color:var(--spectrum-tag-m-text-color-disabled,var(--spectrum-alias-text-color-disabled));background-color:var(--spectrum-tag-m-background-color-disabled,var(--spectrum-alias-background-color-disabled));border-color:var(--spectrum-tag-m-border-color-disabled,var(--spectrum-alias-border-color-disabled))}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--spectrum-avatar-size-100-opacity-disabled,.3)}:host([disabled]) .itemIcon{color:var(--spectrum-tag-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([removable]:hover){color:var(--spectrum-tag-m-removable-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([removable]:hover) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([removable]:active){color:var(--spectrum-tag-m-removable-text-color-down,var(--spectrum-alias-text-color-down))}:host([removable]:active) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-down,var(--spectrum-alias-icon-color-down))}:host([removable][invalid]:hover){border-color:var(--spectrum-tag-m-removable-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover));color:var(--spectrum-tag-m-removable-text-color-error-hover,var(--spectrum-semantic-negative-color-state-down))}:host([removable][invalid]:hover) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon))}:host([removable][invalid]:active){border-color:var(--spectrum-tag-m-removable-border-color-error-down,var(--spectrum-semantic-negative-color-state-down));color:var(--spectrum-tag-m-removable-text-color-error-down,var(--spectrum-semantic-negative-color-state-down))}:host([removable][invalid]:active) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-error-down,var(--spectrum-semantic-negative-color-icon))}:host([removable].focus-visible){color:var(--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([removable].focus-visible){color:var(--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([removable]:focus-visible){color:var(--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([removable].focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable].focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable]:focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable][selected]){color:var(--spectrum-tag-m-removable-text-color-selected,var(--spectrum-alias-text-color-over-background))}:host([removable][selected]) .is-focused{color:var(--spectrum-tag-m-removable-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([removable][selected]) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-removable-button-icon-color-selected,var(--spectrum-alias-icon-color-over-background))}:host([removable][selected]) .spectrum-Tags-itemClearButton:hover{color:var(--spectrum-tag-m-removable-button-icon-color-selected-hover,var(--spectrum-alias-icon-color-over-background))}:host([removable][selected][invalid]){color:var(--spectrum-tag-m-removable-text-color-error-key-focus,var(--spectrum-semantic-negative-color-state-down))}:host([removable]) .spectrum-Tags-itemClearButton.is-focused{border-color:var(--spectrum-tag-m-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus));background-color:var(--spectrum-tag-m-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-removable-button-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable]) .spectrum-Tags-itemClearButton:hover{color:var(--spectrum-tag-m-removable-button-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([removable]) .spectrum-Tags-itemClearButton:active{background-color:var(--spectrum-tag-m-removable-button-background-color-hover,var(--spectrum-global-color-gray-75))}
|
|
14
|
+
:host([dir=ltr]){padding-left:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-right:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=ltr]){padding-right:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-left:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host{align-items:center;border-radius:var(
|
|
15
|
+
--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)
|
|
16
|
+
);border-style:solid;border-width:var(--spectrum-tag-border-size);box-sizing:border-box;display:inline-flex;height:var(--spectrum-tag-height);margin:calc(var(--spectrum-taggroup-tag-gap-y)/2) calc(var(--spectrum-taggroup-tag-gap-x)/2);max-width:100%;outline:none;padding-bottom:0;padding-top:0;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-right:var(
|
|
17
|
+
--spectrum-tag-icon-gap
|
|
18
|
+
)}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-left:var(
|
|
19
|
+
--spectrum-tag-icon-gap
|
|
20
|
+
)}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=ltr])>slot[name=avatar]~.label,:host([dir=ltr])>slot[name=icon]~.label{margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=rtl])>slot[name=avatar]~.label,:host([dir=rtl])>slot[name=icon]~.label{margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=ltr]) .clear-button{margin-right:calc(-1*var(--spectrum-tag-padding-right))}:host([dir=rtl]) .clear-button{margin-left:calc(-1*var(--spectrum-tag-padding-right))}.label{cursor:default;flex:1 1 auto;font-size:var(--spectrum-tag-text-size);height:100%;line-height:calc(var(--spectrum-tag-height) - var(--spectrum-tag-border-size)*2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host{background-color:var(
|
|
21
|
+
--spectrum-tag-m-background-color,var(--spectrum-global-color-gray-75)
|
|
22
|
+
);border-color:var(
|
|
23
|
+
--spectrum-tag-m-border-color,var(--spectrum-alias-border-color-darker-default)
|
|
24
|
+
);color:var(
|
|
25
|
+
--spectrum-tag-m-text-color,var(--spectrum-alias-label-text-color)
|
|
26
|
+
)}.clear-button{color:var(
|
|
27
|
+
--spectrum-tag-m-removable-icon-color,var(--spectrum-alias-icon-color)
|
|
28
|
+
)}:host(:hover){background-color:var(
|
|
29
|
+
--spectrum-tag-m-background-color-hover,var(--spectrum-global-color-gray-75)
|
|
30
|
+
);border-color:var(
|
|
31
|
+
--spectrum-tag-m-border-color-hover,var(--spectrum-alias-border-color-darker-hover)
|
|
32
|
+
);color:var(
|
|
33
|
+
--spectrum-tag-m-text-color-hover,var(--spectrum-alias-text-color-hover)
|
|
34
|
+
)}:host(:hover) .clear-button{color:var(
|
|
35
|
+
--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover)
|
|
36
|
+
)}:host(.focus-visible){background-color:var(
|
|
37
|
+
--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75)
|
|
38
|
+
);border-color:var(
|
|
39
|
+
--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
|
|
40
|
+
);box-shadow:0 0 0 var(
|
|
41
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
42
|
+
) var(
|
|
43
|
+
--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
|
|
44
|
+
);color:var(
|
|
45
|
+
--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover)
|
|
46
|
+
)}:host(:focus-visible){background-color:var(
|
|
47
|
+
--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75)
|
|
48
|
+
);border-color:var(
|
|
49
|
+
--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
|
|
50
|
+
);box-shadow:0 0 0 var(
|
|
51
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
52
|
+
) var(
|
|
53
|
+
--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
|
|
54
|
+
);color:var(
|
|
55
|
+
--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover)
|
|
56
|
+
)}:host(.focus-visible) .clear-button{color:var(
|
|
57
|
+
--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
|
|
58
|
+
)}:host(:focus-visible) .clear-button{color:var(
|
|
59
|
+
--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
|
|
60
|
+
)}:host([selected]){background-color:var(
|
|
61
|
+
--spectrum-tag-m-background-color-selected,var(--spectrum-global-color-gray-700)
|
|
62
|
+
);border-color:var(
|
|
63
|
+
--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700)
|
|
64
|
+
);color:var(
|
|
65
|
+
--spectrum-tag-m-text-color-selected,var(--spectrum-alias-text-color-over-background)
|
|
66
|
+
)}:host([selected]) .itemIcon{color:var(
|
|
67
|
+
--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background)
|
|
68
|
+
)}:host([selected]:hover){background-color:var(
|
|
69
|
+
--spectrum-tag-m-background-color-selected-hover,var(--spectrum-global-color-gray-800)
|
|
70
|
+
)}:host([selected].focus-visible){border-color:var(
|
|
71
|
+
--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)
|
|
72
|
+
);box-shadow:0 0 0 var(
|
|
73
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
74
|
+
) var(
|
|
75
|
+
--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800)
|
|
76
|
+
)}:host([selected]:focus-visible){border-color:var(
|
|
77
|
+
--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)
|
|
78
|
+
);box-shadow:0 0 0 var(
|
|
79
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
80
|
+
) var(
|
|
81
|
+
--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800)
|
|
82
|
+
)}:host([selected][invalid]){background-color:var(
|
|
83
|
+
--spectrum-tag-m-background-color-error-selected,var(--spectrum-semantic-negative-background-color-default)
|
|
84
|
+
);border-color:var(
|
|
85
|
+
--spectrum-tag-m-border-color-error-selected,var(--spectrum-semantic-negative-background-color-default)
|
|
86
|
+
)}:host([selected][invalid]) .itemIcon,:host([selected][invalid]) .label,:host([selected][invalid]) .spectrum-Tags-itemClearButton{color:var(
|
|
87
|
+
--spectrum-tag-m-text-color-error-selected,var(--spectrum-alias-text-color-over-background)
|
|
88
|
+
)}:host([selected][invalid].focus-visible){border-color:var(
|
|
89
|
+
--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)
|
|
90
|
+
);box-shadow:0 0 0 var(
|
|
91
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
92
|
+
) var(
|
|
93
|
+
--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus)
|
|
94
|
+
)}:host([selected][invalid]:focus-visible){border-color:var(
|
|
95
|
+
--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)
|
|
96
|
+
);box-shadow:0 0 0 var(
|
|
97
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
98
|
+
) var(
|
|
99
|
+
--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus)
|
|
100
|
+
)}:host([selected][invalid]:hover){background-color:var(
|
|
101
|
+
--spectrum-tag-m-background-color-error-selected-hover,var(--spectrum-semantic-negative-background-color-hover)
|
|
102
|
+
);border-color:var(
|
|
103
|
+
--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700)
|
|
104
|
+
)}:host([selected][invalid]:hover) .itemIcon{color:var(
|
|
105
|
+
--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background)
|
|
106
|
+
)}:host([invalid]){border-color:var(
|
|
107
|
+
--spectrum-tag-m-border-color-error,var(--spectrum-semantic-negative-color-default)
|
|
108
|
+
);color:var(
|
|
109
|
+
--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon)
|
|
110
|
+
)}:host([invalid]:hover){border-color:var(
|
|
111
|
+
--spectrum-tag-m-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover)
|
|
112
|
+
);color:var(
|
|
113
|
+
--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)
|
|
114
|
+
)}:host([invalid]:hover) .itemIcon,:host([invalid]:hover) .spectrum-Tags-itemClearButton{color:var(
|
|
115
|
+
--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)
|
|
116
|
+
)}:host([invalid].focus-visible){border-color:var(
|
|
117
|
+
--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
|
|
118
|
+
);box-shadow:0 0 0 var(
|
|
119
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
120
|
+
) var(
|
|
121
|
+
--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
|
|
122
|
+
);color:var(
|
|
123
|
+
--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)
|
|
124
|
+
)}:host([invalid]:focus-visible){border-color:var(
|
|
125
|
+
--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
|
|
126
|
+
);box-shadow:0 0 0 var(
|
|
127
|
+
--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
|
|
128
|
+
) var(
|
|
129
|
+
--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)
|
|
130
|
+
);color:var(
|
|
131
|
+
--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)
|
|
132
|
+
)}:host([invalid]) .itemIcon,:host([invalid]) .spectrum-Tags-itemClearButton{color:var(
|
|
133
|
+
--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon)
|
|
134
|
+
)}:host([disabled]){background-color:var(
|
|
135
|
+
--spectrum-tag-m-background-color-disabled,var(--spectrum-alias-background-color-disabled)
|
|
136
|
+
);border-color:var(
|
|
137
|
+
--spectrum-tag-m-border-color-disabled,var(--spectrum-alias-border-color-disabled)
|
|
138
|
+
);color:var(
|
|
139
|
+
--spectrum-tag-m-text-color-disabled,var(--spectrum-alias-text-color-disabled)
|
|
140
|
+
)}:host([disabled]) ::slotted([slot=avatar]){opacity:var(
|
|
141
|
+
--spectrum-avatar-size-100-opacity-disabled,.3
|
|
142
|
+
)}:host([disabled]) .itemIcon{color:var(
|
|
143
|
+
--spectrum-tag-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)
|
|
144
|
+
)}:host([removable]:hover){color:var(
|
|
145
|
+
--spectrum-tag-m-removable-text-color-hover,var(--spectrum-alias-text-color-hover)
|
|
146
|
+
)}:host([removable]:hover) .clear-button{color:var(
|
|
147
|
+
--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover)
|
|
148
|
+
)}:host([removable]:active){color:var(
|
|
149
|
+
--spectrum-tag-m-removable-text-color-down,var(--spectrum-alias-text-color-down)
|
|
150
|
+
)}:host([removable]:active) .clear-button{color:var(
|
|
151
|
+
--spectrum-tag-m-removable-icon-color-down,var(--spectrum-alias-icon-color-down)
|
|
152
|
+
)}:host([removable][invalid]:hover){border-color:var(
|
|
153
|
+
--spectrum-tag-m-removable-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover)
|
|
154
|
+
);color:var(
|
|
155
|
+
--spectrum-tag-m-removable-text-color-error-hover,var(--spectrum-semantic-negative-color-state-down)
|
|
156
|
+
)}:host([removable][invalid]:hover) .clear-button{color:var(
|
|
157
|
+
--spectrum-tag-m-removable-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)
|
|
158
|
+
)}:host([removable][invalid]:active){border-color:var(
|
|
159
|
+
--spectrum-tag-m-removable-border-color-error-down,var(--spectrum-semantic-negative-color-state-down)
|
|
160
|
+
);color:var(
|
|
161
|
+
--spectrum-tag-m-removable-text-color-error-down,var(--spectrum-semantic-negative-color-state-down)
|
|
162
|
+
)}:host([removable][invalid]:active) .clear-button{color:var(
|
|
163
|
+
--spectrum-tag-m-removable-icon-color-error-down,var(--spectrum-semantic-negative-color-icon)
|
|
164
|
+
)}:host([removable].focus-visible){color:var(
|
|
165
|
+
--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover)
|
|
166
|
+
)}:host([removable]:focus-visible){color:var(
|
|
167
|
+
--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover)
|
|
168
|
+
)}:host([removable].focus-visible) .clear-button{color:var(
|
|
169
|
+
--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
|
|
170
|
+
)}:host([removable]:focus-visible) .clear-button{color:var(
|
|
171
|
+
--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
|
|
172
|
+
)}:host([removable][selected]){color:var(
|
|
173
|
+
--spectrum-tag-m-removable-text-color-selected,var(--spectrum-alias-text-color-over-background)
|
|
174
|
+
)}:host([removable][selected]) .is-focused{color:var(
|
|
175
|
+
--spectrum-tag-m-removable-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)
|
|
176
|
+
)}:host([removable][selected]) .spectrum-Tags-itemClearButton{color:var(
|
|
177
|
+
--spectrum-tag-m-removable-button-icon-color-selected,var(--spectrum-alias-icon-color-over-background)
|
|
178
|
+
)}:host([removable][selected]) .spectrum-Tags-itemClearButton:hover{color:var(
|
|
179
|
+
--spectrum-tag-m-removable-button-icon-color-selected-hover,var(--spectrum-alias-icon-color-over-background)
|
|
180
|
+
)}:host([removable][selected][invalid]){color:var(
|
|
181
|
+
--spectrum-tag-m-removable-text-color-error-key-focus,var(--spectrum-semantic-negative-color-state-down)
|
|
182
|
+
)}:host([removable]) .spectrum-Tags-itemClearButton.is-focused{background-color:var(
|
|
183
|
+
--spectrum-tag-m-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-75)
|
|
184
|
+
);border-color:var(
|
|
185
|
+
--spectrum-tag-m-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus)
|
|
186
|
+
);color:var(
|
|
187
|
+
--spectrum-tag-m-removable-button-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)
|
|
188
|
+
)}:host([removable]) .spectrum-Tags-itemClearButton:hover{color:var(
|
|
189
|
+
--spectrum-tag-m-removable-button-icon-color-hover,var(--spectrum-alias-icon-color-hover)
|
|
190
|
+
)}:host([removable]) .spectrum-Tags-itemClearButton:active{background-color:var(
|
|
191
|
+
--spectrum-tag-m-removable-button-background-color-hover,var(--spectrum-global-color-gray-75)
|
|
192
|
+
)}
|
|
15
193
|
`;
|
|
16
194
|
export default styles;
|
|
17
195
|
//# sourceMappingURL=spectrum-tag.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-tag.css.js","sourceRoot":"","sources":["spectrum-tag.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;CAEjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir=ltr]){padding-left:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-right:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=ltr]){padding-right:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-left:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host{display:inline-flex;align-items:center;box-sizing:border-box;margin:calc(var(--spectrum-taggroup-tag-gap-y)/2) calc(var(--spectrum-taggroup-tag-gap-x)/2);padding-top:0;padding-bottom:0;height:var(--spectrum-tag-height);max-width:100%;border-width:var(--spectrum-tag-border-size);border-style:solid;border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));outline:none;-webkit-user-select:none;user-select:none;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([disabled]){pointer-events:none}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-right:var(--spectrum-tag-icon-gap)}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-left:var(--spectrum-tag-icon-gap)}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=ltr])>slot[name=avatar]~.label,:host([dir=ltr])>slot[name=icon]~.label{margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=rtl])>slot[name=avatar]~.label,:host([dir=rtl])>slot[name=icon]~.label{margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=ltr]) .clear-button{margin-right:calc(-1*var(--spectrum-tag-padding-right))}:host([dir=rtl]) .clear-button{margin-left:calc(-1*var(--spectrum-tag-padding-right))}.label{height:100%;line-height:calc(var(--spectrum-tag-height) - var(--spectrum-tag-border-size)*2);flex:1 1 auto;font-size:var(--spectrum-tag-text-size);cursor:default;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host{color:var(--spectrum-tag-m-text-color,var(--spectrum-alias-label-text-color));background-color:var(--spectrum-tag-m-background-color,var(--spectrum-global-color-gray-75));border-color:var(--spectrum-tag-m-border-color,var(--spectrum-alias-border-color-darker-default))}.clear-button{color:var(--spectrum-tag-m-removable-icon-color,var(--spectrum-alias-icon-color))}:host(:hover){background-color:var(--spectrum-tag-m-background-color-hover,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-text-color-hover,var(--spectrum-alias-text-color-hover));border-color:var(--spectrum-tag-m-border-color-hover,var(--spectrum-alias-border-color-darker-hover))}:host(:hover) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host(.focus-visible),:host(.focus-visible){background-color:var(--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible),:host(:focus-visible){background-color:var(--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host(.focus-visible) .clear-button,:host(.focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host(.focus-visible) .clear-button,:host(:focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([selected]){background-color:var(--spectrum-tag-m-background-color-selected,var(--spectrum-global-color-gray-700));color:var(--spectrum-tag-m-text-color-selected,var(--spectrum-alias-text-color-over-background));border-color:var(--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700))}:host([selected]) .itemIcon{color:var(--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background))}:host([selected]:hover){background-color:var(--spectrum-tag-m-background-color-selected-hover,var(--spectrum-global-color-gray-800))}:host([selected].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected]:focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid]){border-color:var(--spectrum-tag-m-border-color-error-selected,var(--spectrum-semantic-negative-background-color-default));background-color:var(--spectrum-tag-m-background-color-error-selected,var(--spectrum-semantic-negative-background-color-default))}:host([selected][invalid]) .itemIcon,:host([selected][invalid]) .label,:host([selected][invalid]) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-text-color-error-selected,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid].focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid]:focus-visible){box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus));border-color:var(--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([selected][invalid]:hover){border-color:var(--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700));background-color:var(--spectrum-tag-m-background-color-error-selected-hover,var(--spectrum-semantic-negative-background-color-hover))}:host([selected][invalid]:hover) .itemIcon{color:var(--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background))}:host([invalid]){color:var(--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-error,var(--spectrum-semantic-negative-color-default))}:host([invalid]:hover){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}:host([invalid]:hover) .itemIcon,:host([invalid]:hover) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon))}:host([invalid].focus-visible){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([invalid].focus-visible){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([invalid]:focus-visible){color:var(--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon));border-color:var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus))}:host([invalid]) .itemIcon,:host([invalid]) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon))}:host([disabled]){color:var(--spectrum-tag-m-text-color-disabled,var(--spectrum-alias-text-color-disabled));background-color:var(--spectrum-tag-m-background-color-disabled,var(--spectrum-alias-background-color-disabled));border-color:var(--spectrum-tag-m-border-color-disabled,var(--spectrum-alias-border-color-disabled))}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--spectrum-avatar-size-100-opacity-disabled,.3)}:host([disabled]) .itemIcon{color:var(--spectrum-tag-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}:host([removable]:hover){color:var(--spectrum-tag-m-removable-text-color-hover,var(--spectrum-alias-text-color-hover))}:host([removable]:hover) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([removable]:active){color:var(--spectrum-tag-m-removable-text-color-down,var(--spectrum-alias-text-color-down))}:host([removable]:active) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-down,var(--spectrum-alias-icon-color-down))}:host([removable][invalid]:hover){border-color:var(--spectrum-tag-m-removable-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover));color:var(--spectrum-tag-m-removable-text-color-error-hover,var(--spectrum-semantic-negative-color-state-down))}:host([removable][invalid]:hover) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon))}:host([removable][invalid]:active){border-color:var(--spectrum-tag-m-removable-border-color-error-down,var(--spectrum-semantic-negative-color-state-down));color:var(--spectrum-tag-m-removable-text-color-error-down,var(--spectrum-semantic-negative-color-state-down))}:host([removable][invalid]:active) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-error-down,var(--spectrum-semantic-negative-color-icon))}:host([removable].focus-visible){color:var(--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([removable].focus-visible){color:var(--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([removable]:focus-visible){color:var(--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover))}:host([removable].focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable].focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable]:focus-visible) .clear-button{color:var(--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable][selected]){color:var(--spectrum-tag-m-removable-text-color-selected,var(--spectrum-alias-text-color-over-background))}:host([removable][selected]) .is-focused{color:var(--spectrum-tag-m-removable-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background))}:host([removable][selected]) .spectrum-Tags-itemClearButton{color:var(--spectrum-tag-m-removable-button-icon-color-selected,var(--spectrum-alias-icon-color-over-background))}:host([removable][selected]) .spectrum-Tags-itemClearButton:hover{color:var(--spectrum-tag-m-removable-button-icon-color-selected-hover,var(--spectrum-alias-icon-color-over-background))}:host([removable][selected][invalid]){color:var(--spectrum-tag-m-removable-text-color-error-key-focus,var(--spectrum-semantic-negative-color-state-down))}:host([removable]) .spectrum-Tags-itemClearButton.is-focused{border-color:var(--spectrum-tag-m-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus));background-color:var(--spectrum-tag-m-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-75));color:var(--spectrum-tag-m-removable-button-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}:host([removable]) .spectrum-Tags-itemClearButton:hover{color:var(--spectrum-tag-m-removable-button-icon-color-hover,var(--spectrum-alias-icon-color-hover))}:host([removable]) .spectrum-Tags-itemClearButton:active{background-color:var(--spectrum-tag-m-removable-button-background-color-hover,var(--spectrum-global-color-gray-75))}\n`;\nexport default styles;"]}
|
|
1
|
+
{"version":3,"file":"spectrum-tag.css.js","sourceRoot":"","sources":["spectrum-tag.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoLjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir=ltr]){padding-left:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-right:calc(var(--spectrum-tag-padding-left) - var(--spectrum-tag-border-size))}:host([dir=ltr]){padding-right:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host([dir=rtl]){padding-left:calc(var(--spectrum-tag-padding-right) - var(--spectrum-tag-border-size))}:host{align-items:center;border-radius:var(\n--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)\n);border-style:solid;border-width:var(--spectrum-tag-border-size);box-sizing:border-box;display:inline-flex;height:var(--spectrum-tag-height);margin:calc(var(--spectrum-taggroup-tag-gap-y)/2) calc(var(--spectrum-taggroup-tag-gap-x)/2);max-width:100%;outline:none;padding-bottom:0;padding-top:0;transition:border-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,color var(--spectrum-global-animation-duration-100,.13s) ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-in-out,background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out;-webkit-user-select:none;user-select:none}:host([disabled]){pointer-events:none}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-right:var(\n--spectrum-tag-icon-gap\n)}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-left:var(\n--spectrum-tag-icon-gap\n)}:host([dir=ltr])>::slotted([slot=avatar]),:host([dir=ltr])>::slotted([slot=icon]){margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=rtl])>::slotted([slot=avatar]),:host([dir=rtl])>::slotted([slot=icon]){margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-left))}:host([dir=ltr])>slot[name=avatar]~.label,:host([dir=ltr])>slot[name=icon]~.label{margin-right:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=rtl])>slot[name=avatar]~.label,:host([dir=rtl])>slot[name=icon]~.label{margin-left:calc(var(--spectrum-tag-avatar-padding-x) - var(--spectrum-tag-padding-right))}:host([dir=ltr]) .clear-button{margin-right:calc(-1*var(--spectrum-tag-padding-right))}:host([dir=rtl]) .clear-button{margin-left:calc(-1*var(--spectrum-tag-padding-right))}.label{cursor:default;flex:1 1 auto;font-size:var(--spectrum-tag-text-size);height:100%;line-height:calc(var(--spectrum-tag-height) - var(--spectrum-tag-border-size)*2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host{background-color:var(\n--spectrum-tag-m-background-color,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-border-color,var(--spectrum-alias-border-color-darker-default)\n);color:var(\n--spectrum-tag-m-text-color,var(--spectrum-alias-label-text-color)\n)}.clear-button{color:var(\n--spectrum-tag-m-removable-icon-color,var(--spectrum-alias-icon-color)\n)}:host(:hover){background-color:var(\n--spectrum-tag-m-background-color-hover,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-border-color-hover,var(--spectrum-alias-border-color-darker-hover)\n);color:var(\n--spectrum-tag-m-text-color-hover,var(--spectrum-alias-text-color-hover)\n)}:host(:hover) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover)\n)}:host(.focus-visible){background-color:var(\n--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host(:focus-visible){background-color:var(\n--spectrum-tag-m-background-color-key-focus,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host(.focus-visible) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host(:focus-visible) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host([selected]){background-color:var(\n--spectrum-tag-m-background-color-selected,var(--spectrum-global-color-gray-700)\n);border-color:var(\n--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700)\n);color:var(\n--spectrum-tag-m-text-color-selected,var(--spectrum-alias-text-color-over-background)\n)}:host([selected]) .itemIcon{color:var(\n--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background)\n)}:host([selected]:hover){background-color:var(\n--spectrum-tag-m-background-color-selected-hover,var(--spectrum-global-color-gray-800)\n)}:host([selected].focus-visible){border-color:var(\n--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800)\n)}:host([selected]:focus-visible){border-color:var(\n--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-selected-key-focus,var(--spectrum-global-color-gray-800)\n)}:host([selected][invalid]){background-color:var(\n--spectrum-tag-m-background-color-error-selected,var(--spectrum-semantic-negative-background-color-default)\n);border-color:var(\n--spectrum-tag-m-border-color-error-selected,var(--spectrum-semantic-negative-background-color-default)\n)}:host([selected][invalid]) .itemIcon,:host([selected][invalid]) .label,:host([selected][invalid]) .spectrum-Tags-itemClearButton{color:var(\n--spectrum-tag-m-text-color-error-selected,var(--spectrum-alias-text-color-over-background)\n)}:host([selected][invalid].focus-visible){border-color:var(\n--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus)\n)}:host([selected][invalid]:focus-visible){border-color:var(\n--spectrum-tag-m-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-error-selected-key-focus,var(--spectrum-semantic-negative-background-color-key-focus)\n)}:host([selected][invalid]:hover){background-color:var(\n--spectrum-tag-m-background-color-error-selected-hover,var(--spectrum-semantic-negative-background-color-hover)\n);border-color:var(\n--spectrum-tag-m-border-color-selected,var(--spectrum-global-color-gray-700)\n)}:host([selected][invalid]:hover) .itemIcon{color:var(\n--spectrum-tag-m-icon-color-selected,var(--spectrum-alias-icon-color-over-background)\n)}:host([invalid]){border-color:var(\n--spectrum-tag-m-border-color-error,var(--spectrum-semantic-negative-color-default)\n);color:var(\n--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid]:hover){border-color:var(\n--spectrum-tag-m-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover)\n);color:var(\n--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid]:hover) .itemIcon,:host([invalid]:hover) .spectrum-Tags-itemClearButton{color:var(\n--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid].focus-visible){border-color:var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid]:focus-visible){border-color:var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);box-shadow:0 0 0 var(\n--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)\n) var(\n--spectrum-tag-m-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([invalid]) .itemIcon,:host([invalid]) .spectrum-Tags-itemClearButton{color:var(\n--spectrum-tag-m-icon-color-error,var(--spectrum-semantic-negative-color-icon)\n)}:host([disabled]){background-color:var(\n--spectrum-tag-m-background-color-disabled,var(--spectrum-alias-background-color-disabled)\n);border-color:var(\n--spectrum-tag-m-border-color-disabled,var(--spectrum-alias-border-color-disabled)\n);color:var(\n--spectrum-tag-m-text-color-disabled,var(--spectrum-alias-text-color-disabled)\n)}:host([disabled]) ::slotted([slot=avatar]){opacity:var(\n--spectrum-avatar-size-100-opacity-disabled,.3\n)}:host([disabled]) .itemIcon{color:var(\n--spectrum-tag-m-icon-color-disabled,var(--spectrum-alias-icon-color-disabled)\n)}:host([removable]:hover){color:var(\n--spectrum-tag-m-removable-text-color-hover,var(--spectrum-alias-text-color-hover)\n)}:host([removable]:hover) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-hover,var(--spectrum-alias-icon-color-hover)\n)}:host([removable]:active){color:var(\n--spectrum-tag-m-removable-text-color-down,var(--spectrum-alias-text-color-down)\n)}:host([removable]:active) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-down,var(--spectrum-alias-icon-color-down)\n)}:host([removable][invalid]:hover){border-color:var(\n--spectrum-tag-m-removable-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover)\n);color:var(\n--spectrum-tag-m-removable-text-color-error-hover,var(--spectrum-semantic-negative-color-state-down)\n)}:host([removable][invalid]:hover) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-error-hover,var(--spectrum-semantic-negative-color-icon)\n)}:host([removable][invalid]:active){border-color:var(\n--spectrum-tag-m-removable-border-color-error-down,var(--spectrum-semantic-negative-color-state-down)\n);color:var(\n--spectrum-tag-m-removable-text-color-error-down,var(--spectrum-semantic-negative-color-state-down)\n)}:host([removable][invalid]:active) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-error-down,var(--spectrum-semantic-negative-color-icon)\n)}:host([removable].focus-visible){color:var(\n--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host([removable]:focus-visible){color:var(\n--spectrum-tag-m-removable-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host([removable].focus-visible) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host([removable]:focus-visible) .clear-button{color:var(\n--spectrum-tag-m-removable-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host([removable][selected]){color:var(\n--spectrum-tag-m-removable-text-color-selected,var(--spectrum-alias-text-color-over-background)\n)}:host([removable][selected]) .is-focused{color:var(\n--spectrum-tag-m-removable-text-color-selected-key-focus,var(--spectrum-alias-text-color-over-background)\n)}:host([removable][selected]) .spectrum-Tags-itemClearButton{color:var(\n--spectrum-tag-m-removable-button-icon-color-selected,var(--spectrum-alias-icon-color-over-background)\n)}:host([removable][selected]) .spectrum-Tags-itemClearButton:hover{color:var(\n--spectrum-tag-m-removable-button-icon-color-selected-hover,var(--spectrum-alias-icon-color-over-background)\n)}:host([removable][selected][invalid]){color:var(\n--spectrum-tag-m-removable-text-color-error-key-focus,var(--spectrum-semantic-negative-color-state-down)\n)}:host([removable]) .spectrum-Tags-itemClearButton.is-focused{background-color:var(\n--spectrum-tag-m-removable-button-background-color-key-focus,var(--spectrum-global-color-gray-75)\n);border-color:var(\n--spectrum-tag-m-removable-border-color-key-focus,var(--spectrum-alias-border-color-focus)\n);color:var(\n--spectrum-tag-m-removable-button-icon-color-key-focus,var(--spectrum-alias-icon-color-focus)\n)}:host([removable]) .spectrum-Tags-itemClearButton:hover{color:var(\n--spectrum-tag-m-removable-button-icon-color-hover,var(--spectrum-alias-icon-color-hover)\n)}:host([removable]) .spectrum-Tags-itemClearButton:active{background-color:var(\n--spectrum-tag-m-removable-button-background-color-hover,var(--spectrum-global-color-gray-75)\n)}\n`;\nexport default styles;"]}
|
package/src/spectrum-tags.css.js
CHANGED
|
@@ -11,7 +11,19 @@ governing permissions and limitations under the License.
|
|
|
11
11
|
*/
|
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
|
13
13
|
const styles = css `
|
|
14
|
-
:host{--spectrum-tag-border-size:var(
|
|
14
|
+
:host{--spectrum-tag-border-size:var(
|
|
15
|
+
--spectrum-tag-s-border-size,var(--spectrum-alias-border-size-thin)
|
|
16
|
+
);--spectrum-tag-icon-gap:var(
|
|
17
|
+
--spectrum-tag-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s)
|
|
18
|
+
);--spectrum-tag-text-size:var(
|
|
19
|
+
--spectrum-tag-s-text-size,var(--spectrum-alias-item-text-size-s)
|
|
20
|
+
);--spectrum-tag-height:var(
|
|
21
|
+
--spectrum-tag-s-height,var(--spectrum-alias-item-height-s)
|
|
22
|
+
);--spectrum-tag-padding-left:var(
|
|
23
|
+
--spectrum-tag-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s)
|
|
24
|
+
);--spectrum-tag-padding-right:var(
|
|
25
|
+
--spectrum-tag-s-padding-right,var(--spectrum-alias-item-padding-s)
|
|
26
|
+
);--spectrum-tag-avatar-padding-x:var(--spectrum-tag-icon-gap);--spectrum-taggroup-tag-gap-x:var(--spectrum-global-dimension-size-100);--spectrum-taggroup-tag-gap-y:var(--spectrum-global-dimension-size-100)}:host{display:inline-block;list-style:none;margin:0;padding:0}
|
|
15
27
|
`;
|
|
16
28
|
export default styles;
|
|
17
29
|
//# sourceMappingURL=spectrum-tags.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spectrum-tags.css.js","sourceRoot":"","sources":["spectrum-tags.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"spectrum-tags.css.js","sourceRoot":"","sources":["spectrum-tags.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--spectrum-tag-border-size:var(\n--spectrum-tag-s-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-tag-icon-gap:var(\n--spectrum-tag-s-icon-gap,var(--spectrum-alias-item-workflow-icon-gap-s)\n);--spectrum-tag-text-size:var(\n--spectrum-tag-s-text-size,var(--spectrum-alias-item-text-size-s)\n);--spectrum-tag-height:var(\n--spectrum-tag-s-height,var(--spectrum-alias-item-height-s)\n);--spectrum-tag-padding-left:var(\n--spectrum-tag-s-padding-left,var(--spectrum-alias-item-workflow-padding-left-s)\n);--spectrum-tag-padding-right:var(\n--spectrum-tag-s-padding-right,var(--spectrum-alias-item-padding-s)\n);--spectrum-tag-avatar-padding-x:var(--spectrum-tag-icon-gap);--spectrum-taggroup-tag-gap-x:var(--spectrum-global-dimension-size-100);--spectrum-taggroup-tag-gap-y:var(--spectrum-global-dimension-size-100)}:host{display:inline-block;list-style:none;margin:0;padding:0}\n`;\nexport default styles;"]}
|