@spectrum-web-components/tags 0.0.0-20241209155954
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/README.md +85 -0
- package/package.json +86 -0
- package/sp-tag.d.ts +6 -0
- package/sp-tag.dev.js +5 -0
- package/sp-tag.dev.js.map +7 -0
- package/sp-tag.js +2 -0
- package/sp-tag.js.map +7 -0
- package/sp-tags.d.ts +6 -0
- package/sp-tags.dev.js +5 -0
- package/sp-tags.dev.js.map +7 -0
- package/sp-tags.js +2 -0
- package/sp-tags.js.map +7 -0
- package/src/Tag.d.ts +28 -0
- package/src/Tag.dev.js +119 -0
- package/src/Tag.dev.js.map +7 -0
- package/src/Tag.js +16 -0
- package/src/Tag.js.map +7 -0
- package/src/Tags.d.ts +24 -0
- package/src/Tags.dev.js +97 -0
- package/src/Tags.dev.js.map +7 -0
- package/src/Tags.js +4 -0
- package/src/Tags.js.map +7 -0
- package/src/index.d.ts +2 -0
- package/src/index.dev.js +4 -0
- package/src/index.dev.js.map +7 -0
- package/src/index.js +2 -0
- package/src/index.js.map +7 -0
- package/src/spectrum-config.js +112 -0
- package/src/spectrum-tag.css.d.ts +2 -0
- package/src/spectrum-tag.css.dev.js +7 -0
- package/src/spectrum-tag.css.dev.js.map +7 -0
- package/src/spectrum-tag.css.js +4 -0
- package/src/spectrum-tag.css.js.map +7 -0
- package/src/spectrum-tags.css.d.ts +2 -0
- package/src/spectrum-tags.css.dev.js +7 -0
- package/src/spectrum-tags.css.dev.js.map +7 -0
- package/src/spectrum-tags.css.js +4 -0
- package/src/spectrum-tags.css.js.map +7 -0
- package/src/tag-overrides.css.d.ts +2 -0
- package/src/tag-overrides.css.dev.js +7 -0
- package/src/tag-overrides.css.dev.js.map +7 -0
- package/src/tag-overrides.css.js +4 -0
- package/src/tag-overrides.css.js.map +7 -0
- package/src/tag.css.d.ts +2 -0
- package/src/tag.css.dev.js +7 -0
- package/src/tag.css.dev.js.map +7 -0
- package/src/tag.css.js +4 -0
- package/src/tag.css.js.map +7 -0
- package/src/tags-overrides.css.d.ts +2 -0
- package/src/tags-overrides.css.dev.js +7 -0
- package/src/tags-overrides.css.dev.js.map +7 -0
- package/src/tags-overrides.css.js +4 -0
- package/src/tags-overrides.css.js.map +7 -0
- package/src/tags.css.d.ts +2 -0
- package/src/tags.css.dev.js +7 -0
- package/src/tags.css.dev.js.map +7 -0
- package/src/tags.css.js +4 -0
- package/src/tags.css.js.map +7 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["index.ts"],
|
|
4
|
+
"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*/\n\nexport * from './Tags.dev.js'\nexport * from './Tag.dev.js'\n"],
|
|
5
|
+
"mappings": ";AAYA,cAAc;AACd,cAAc;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/src/index.js
ADDED
package/src/index.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["index.ts"],
|
|
4
|
+
"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*/\n\nexport * from './Tags.js';\nexport * from './Tag.js';\n"],
|
|
5
|
+
"mappings": "aAYA,WAAc,YACd,WAAc",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
// @ts-check
|
|
2
|
+
/*
|
|
3
|
+
Copyright 2023 Adobe. All rights reserved.
|
|
4
|
+
This file is licensed to you under the Apache License, Version 2.0 (the 'License');
|
|
5
|
+
you may not use this file except in compliance with the License. You may obtain a copy
|
|
6
|
+
of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
7
|
+
|
|
8
|
+
Unless required by applicable law or agreed to in writing, software distributed under
|
|
9
|
+
the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
10
|
+
OF ANY KIND, either express or implied. See the License for the specific language
|
|
11
|
+
governing permissions and limitations under the License.
|
|
12
|
+
*/
|
|
13
|
+
|
|
14
|
+
import {
|
|
15
|
+
builder,
|
|
16
|
+
converterFor,
|
|
17
|
+
} from '../../../tasks/process-spectrum-utils.js';
|
|
18
|
+
|
|
19
|
+
const converter = converterFor('spectrum-Tag');
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
|
|
23
|
+
*/
|
|
24
|
+
const config = {
|
|
25
|
+
conversions: [
|
|
26
|
+
{
|
|
27
|
+
inPackage: '@spectrum-css/taggroup',
|
|
28
|
+
outPackage: 'tags',
|
|
29
|
+
fileName: 'tags',
|
|
30
|
+
components: [
|
|
31
|
+
converter.classToHost('spectrum-TagGroup'),
|
|
32
|
+
{
|
|
33
|
+
find: builder.class('spectrum-TagGroup-item'),
|
|
34
|
+
replace: {
|
|
35
|
+
type: 'pseudo-element',
|
|
36
|
+
kind: 'slotted',
|
|
37
|
+
selector: [
|
|
38
|
+
{
|
|
39
|
+
type: 'universal',
|
|
40
|
+
},
|
|
41
|
+
],
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
],
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
inPackage: '@spectrum-css/tag',
|
|
48
|
+
outPackage: 'tags',
|
|
49
|
+
fileName: 'tag',
|
|
50
|
+
components: [
|
|
51
|
+
{
|
|
52
|
+
find: {
|
|
53
|
+
type: 'pseudo-class',
|
|
54
|
+
kind: 'active',
|
|
55
|
+
},
|
|
56
|
+
replace: {
|
|
57
|
+
type: 'pseudo-class',
|
|
58
|
+
kind: 'is',
|
|
59
|
+
selectors: [
|
|
60
|
+
[
|
|
61
|
+
{
|
|
62
|
+
type: 'pseudo-class',
|
|
63
|
+
kind: 'active',
|
|
64
|
+
},
|
|
65
|
+
],
|
|
66
|
+
[
|
|
67
|
+
{
|
|
68
|
+
type: 'attribute',
|
|
69
|
+
name: 'active',
|
|
70
|
+
},
|
|
71
|
+
],
|
|
72
|
+
],
|
|
73
|
+
},
|
|
74
|
+
hoist: true,
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
find: builder.pseudoClass('focus-visible'),
|
|
78
|
+
hoist: true,
|
|
79
|
+
},
|
|
80
|
+
converter.classToHost(),
|
|
81
|
+
converter.classToAttribute('is-emphasized', 'emphasized'),
|
|
82
|
+
converter.classToAttribute('is-focused', 'focused'),
|
|
83
|
+
converter.classToAttribute('is-disabled', 'disabled'),
|
|
84
|
+
converter.classToAttribute('is-invalid', 'invalid'),
|
|
85
|
+
converter.classToAttribute('is-selected', 'selected'),
|
|
86
|
+
converter.classToAttribute(
|
|
87
|
+
'spectrum-Tag--removable',
|
|
88
|
+
'deletable'
|
|
89
|
+
),
|
|
90
|
+
// Default to `size='m'` without needing the attribute
|
|
91
|
+
converter.classToHost('spectrum-Tag--sizeM'),
|
|
92
|
+
...converter.enumerateAttributes(
|
|
93
|
+
[
|
|
94
|
+
['spectrum-Tag--sizeS', 's'],
|
|
95
|
+
['spectrum-Tag--sizeL', 'l'],
|
|
96
|
+
],
|
|
97
|
+
'size'
|
|
98
|
+
),
|
|
99
|
+
converter.classToClass(
|
|
100
|
+
'spectrum-Tag-clearButton',
|
|
101
|
+
'clear-button'
|
|
102
|
+
),
|
|
103
|
+
converter.classToClass('spectrum-ClearButton', 'clear-button'),
|
|
104
|
+
converter.classToClass('spectrum-Tag-itemLabel', 'label'),
|
|
105
|
+
converter.classToSlotted('spectrum-Avatar', 'avatar'),
|
|
106
|
+
converter.classToSlotted('spectrum-Tag-itemIcon', 'icon'),
|
|
107
|
+
],
|
|
108
|
+
},
|
|
109
|
+
],
|
|
110
|
+
};
|
|
111
|
+
|
|
112
|
+
export default config;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
:host{border-color:var(--highcontrast-tag-border-color,var(--mod-tag-border-color,var(--spectrum-tag-border-color)));background-color:var(--highcontrast-tag-background-color,var(--mod-tag-background-color,var(--spectrum-tag-background-color)));color:var(--highcontrast-tag-content-color,var(--mod-tag-content-color,var(--spectrum-tag-content-color)));border-radius:var(--mod-tag-corner-radius,var(--spectrum-tag-corner-radius));border-width:var(--mod-tag-border-width,var(--spectrum-tag-border-width));block-size:var(--mod-tag-height,var(--spectrum-tag-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:100%;-webkit-user-select:none;user-select:none;transition:border-color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,box-shadow var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,background-color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out;border-style:solid;outline:none;align-items:center;padding-inline-start:calc(var(--mod-tag-spacing-inline-start,var(--spectrum-tag-spacing-inline-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-inline-end:0;display:inline-flex;position:relative}::slotted([slot=icon]){block-size:var(--mod-tag-icon-size,var(--spectrum-tag-icon-size));inline-size:var(--mod-tag-icon-size,var(--spectrum-tag-icon-size));flex-shrink:0;margin-block-start:calc(var(--mod-tag-icon-spacing-block-start,var(--spectrum-tag-icon-spacing-block-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-block-end:calc(var(--mod-tag-icon-spacing-block-end,var(--spectrum-tag-icon-spacing-block-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-inline-end:var(--mod-tag-icon-spacing-inline-end,var(--spectrum-tag-icon-spacing-inline-end))}::slotted([slot=avatar]){margin-block-start:calc(var(--mod-tag-avatar-spacing-block-start,var(--spectrum-tag-avatar-spacing-block-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-block-end:calc(var(--mod-tag-avatar-spacing-block-end,var(--spectrum-tag-avatar-spacing-block-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-inline-end:var(--mod-tag-avatar-spacing-inline-end,var(--spectrum-tag-avatar-spacing-inline-end))}.clear-button{--mod-clear-button-width:fit-content;--spectrum-clearbutton-fill-size:fit-content;--spectrum-clearbutton-fill-background-color:transparent;box-sizing:border-box;color:currentColor;margin-inline-start:calc(var(--mod-tag-clear-button-spacing-inline-start,var(--spectrum-tag-clear-button-spacing-inline-start)) + var(--mod-tag-label-spacing-inline-end,var(--spectrum-tag-label-spacing-inline-end))*-1);margin-inline-end:calc(var(--mod-tag-clear-button-spacing-inline-end,var(--spectrum-tag-clear-button-spacing-inline-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-start:calc(var(--mod-tag-clear-button-spacing-block,var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-end:calc(var(--mod-tag-clear-button-spacing-block,var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)))}.clear-button .spectrum-ClearButton-fill{background-color:var(--mod-clearbutton-fill-background-color,var(--spectrum-clearbutton-fill-background-color));inline-size:var(--mod-clearbutton-fill-size,var(--spectrum-clearbutton-fill-size));block-size:var(--mod-clearbutton-fill-size,var(--spectrum-clearbutton-fill-size))}.label{block-size:100%;box-sizing:border-box;line-height:var(--mod-tag-label-line-height,var(--spectrum-tag-label-line-height));font-weight:var(--mod-tag-label-font-weight,var(--spectrum-tag-label-font-weight));font-size:var(--mod-tag-font-size,var(--spectrum-tag-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;flex:auto;margin-inline-end:calc(var(--mod-tag-label-spacing-inline-end,var(--spectrum-tag-label-spacing-inline-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-start:calc(var(--mod-tag-label-spacing-block,var(--spectrum-tag-label-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));overflow:hidden}:host(:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-active,var(--mod-tag-border-color-active,var(--spectrum-tag-border-color-active)));background-color:var(--highcontrast-tag-background-color-active,var(--mod-tag-background-color-active,var(--spectrum-tag-background-color-active)));color:var(--highcontrast-tag-content-color-active,var(--mod-tag-content-color-active,var(--spectrum-tag-content-color-active)))}:host([focused]),:host(:focus-visible){border-color:var(--highcontrast-tag-border-color-focus,var(--mod-tag-border-color-focus,var(--spectrum-tag-border-color-focus)));background-color:var(--highcontrast-tag-background-color-focus,var(--mod-tag-background-color-focus,var(--spectrum-tag-background-color-focus)));color:var(--highcontrast-tag-content-color-focus,var(--mod-tag-content-color-focus,var(--spectrum-tag-content-color-focus)))}:host([focused]):after,:host(:focus-visible):after{content:"";border-color:var(--highcontrast-tag-focus-ring-color,var(--mod-tag-focus-ring-color,var(--spectrum-tag-focus-ring-color)));border-radius:calc(var(--mod-tag-corner-radius,var(--spectrum-tag-corner-radius)) + var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap)) + var(--mod-tag-border-width,var(--spectrum-tag-border-width)));border-width:var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness));pointer-events:none;border-style:solid;display:inline-block;position:absolute;inset-block-start:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-block-end:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-inline-start:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-inline-end:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)))}:host([selected]){border-color:var(--highcontrast-tag-border-color-selected,var(--mod-tag-border-color-selected,var(--spectrum-tag-border-color-selected)));background-color:var(--highcontrast-tag-background-color-selected,var(--mod-tag-background-color-selected,var(--spectrum-tag-background-color-selected)));color:var(--highcontrast-tag-content-color-selected,var(--mod-tag-content-color-selected,var(--spectrum-tag-content-color-selected)))}:host([selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-selected-active,var(--mod-tag-border-color-selected-active,var(--spectrum-tag-border-color-selected-active)));background-color:var(--highcontrast-tag-background-color-selected-active,var(--mod-tag-background-color-selected-active,var(--spectrum-tag-background-color-selected-active)))}:host([selected][focused]),:host([selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-selected-focus,var(--mod-tag-border-color-selected-focus,var(--spectrum-tag-border-color-selected-focus)));background-color:var(--highcontrast-tag-background-color-selected-focus,var(--mod-tag-background-color-selected-focus,var(--spectrum-tag-background-color-selected-focus)))}:host([invalid]){border-color:var(--highcontrast-tag-border-color-invalid,var(--mod-tag-border-color-invalid,var(--spectrum-tag-border-color-invalid)));color:var(--highcontrast-tag-content-color-invalid,var(--mod-tag-content-color-invalid,var(--spectrum-tag-content-color-invalid)))}:host([invalid]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-active,var(--mod-tag-border-color-invalid-active,var(--spectrum-tag-border-color-invalid-active)));color:var(--highcontrast-tag-content-color-invalid-active,var(--mod-tag-content-color-invalid-active,var(--spectrum-tag-content-color-invalid-active)))}:host([invalid][focused]),:host([invalid]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-focus,var(--mod-tag-border-color-invalid-focus,var(--spectrum-tag-border-color-invalid-focus)));color:var(--highcontrast-tag-content-color-invalid-focus,var(--mod-tag-content-color-invalid-focus,var(--spectrum-tag-content-color-invalid-focus)))}:host([invalid][selected]){border-color:var(--highcontrast-tag-border-color-invalid-selected,var(--mod-tag-border-color-invalid-selected,var(--spectrum-tag-border-color-invalid-selected)));background-color:var(--highcontrast-tag-background-color-invalid-selected,var(--mod-tag-background-color-invalid-selected,var(--spectrum-tag-background-color-invalid-selected)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--mod-tag-content-color-invalid-selected,var(--spectrum-tag-content-color-invalid-selected)))}:host([invalid][selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-selected-active,var(--mod-tag-border-color-invalid-selected-active,var(--spectrum-tag-border-color-invalid-selected-active)));background-color:var(--highcontrast-tag-background-color-invalid-selected-active,var(--mod-tag-background-color-invalid-selected-active,var(--spectrum-tag-background-color-invalid-selected-active)))}:host([invalid][selected][focused]),:host([invalid][selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-selected-focus,var(--mod-tag-border-color-invalid-selected-focus,var(--spectrum-tag-border-color-invalid-selected-focus)));background-color:var(--highcontrast-tag-background-color-invalid-selected-focus,var(--mod-tag-background-color-invalid-selected-focus,var(--spectrum-tag-background-color-invalid-selected-focus)))}:host([emphasized]){border-color:var(--highcontrast-tag-border-color-emphasized,var(--mod-tag-border-color-emphasized,var(--spectrum-tag-border-color-emphasized)));background-color:var(--highcontrast-tag-background-color-emphasized,var(--mod-tag-background-color-emphasized,var(--spectrum-tag-background-color-emphasized)));color:var(--highcontrast-tag-content-color-emphasized,var(--mod-tag-content-color-emphasized,var(--spectrum-tag-content-color-emphasized)))}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-tag-border-color-hover,var(--mod-tag-border-color-hover,var(--spectrum-tag-border-color-hover)));background-color:var(--highcontrast-tag-background-color-hover,var(--mod-tag-background-color-hover,var(--spectrum-tag-background-color-hover)));color:var(--highcontrast-tag-content-color-hover,var(--mod-tag-content-color-hover,var(--spectrum-tag-content-color-hover)))}:host([selected]:hover){border-color:var(--highcontrast-tag-border-color-selected-hover,var(--mod-tag-border-color-selected-hover,var(--spectrum-tag-border-color-selected-hover)));background-color:var(--highcontrast-tag-background-color-selected-hover,var(--mod-tag-background-color-selected-hover,var(--spectrum-tag-background-color-selected-hover)));color:var(--highcontrast-tag-content-color-selected,var(--mod-tag-content-color-selected,var(--spectrum-tag-content-color-selected)))}:host([invalid]:hover){border-color:var(--highcontrast-tag-border-color-invalid-hover,var(--mod-tag-border-color-invalid-hover,var(--spectrum-tag-border-color-invalid-hover)));color:var(--highcontrast-tag-content-color-invalid-hover,var(--mod-tag-content-color-invalid-hover,var(--spectrum-tag-content-color-invalid-hover)))}:host([invalid][selected]:hover){border-color:var(--highcontrast-tag-border-color-invalid-selected-hover,var(--mod-tag-border-color-invalid-selected-hover,var(--spectrum-tag-border-color-invalid-selected-hover)));background-color:var(--highcontrast-tag-background-color-invalid-selected-hover,var(--mod-tag-background-color-invalid-selected-hover,var(--spectrum-tag-background-color-invalid-selected-hover)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--mod-tag-content-color-invalid-selected,var(--spectrum-tag-content-color-invalid-selected)))}:host([emphasized]:hover){border-color:var(--highcontrast-tag-border-color-emphasized-hover,var(--mod-tag-border-color-emphasized-hover,var(--spectrum-tag-border-color-emphasized-hover)));background-color:var(--highcontrast-tag-background-color-emphasized-hover,var(--mod-tag-background-color-emphasized-hover,var(--spectrum-tag-background-color-emphasized-hover)));color:var(--highcontrast-tag-content-color-emphasized,var(--mod-tag-content-color-emphasized,var(--spectrum-tag-content-color-emphasized)))}}:host([emphasized]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-emphasized-active,var(--mod-tag-border-color-emphasized-active,var(--spectrum-tag-border-color-emphasized-active)));background-color:var(--highcontrast-tag-background-color-emphasized-active,var(--mod-tag-background-color-emphasized-active,var(--spectrum-tag-background-color-emphasized-active)))}:host([emphasized][focused]),:host([emphasized]:focus-visible){border-color:var(--highcontrast-tag-border-color-emphasized-focus,var(--mod-tag-border-color-emphasized-focus,var(--spectrum-tag-border-color-emphasized-focus)));background-color:var(--highcontrast-tag-background-color-emphasized-focus,var(--mod-tag-background-color-emphasized-focus,var(--spectrum-tag-background-color-emphasized-focus)))}:host([disabled]){border-color:var(--highcontrast-tag-border-color-disabled,var(--mod-tag-border-color-disabled,var(--spectrum-tag-border-color-disabled)));background-color:var(--highcontrast-tag-background-color-disabled,var(--mod-tag-background-color-disabled,var(--spectrum-tag-background-color-disabled)));color:var(--highcontrast-tag-content-color-disabled,var(--mod-tag-content-color-disabled,var(--spectrum-tag-content-color-disabled)));pointer-events:none}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--mod-avatar-opacity-disabled,var(--spectrum-avatar-opacity-disabled))}@media (forced-colors:active){:host{--highcontrast-tag-border-color:ButtonText;--highcontrast-tag-border-color-hover:ButtonText;--highcontrast-tag-border-color-active:ButtonText;--highcontrast-tag-border-color-focus:Highlight;--highcontrast-tag-background-color:ButtonFace;--highcontrast-tag-background-color-hover:ButtonFace;--highcontrast-tag-background-color-active:ButtonFace;--highcontrast-tag-background-color-focus:ButtonFace;--highcontrast-tag-content-color:ButtonText;--highcontrast-tag-content-color-hover:ButtonText;--highcontrast-tag-content-color-active:ButtonText;--highcontrast-tag-content-color-focus:ButtonText;--highcontrast-tag-focus-ring-color:Highlight;forced-color-adjust:none}:host([selected]){--highcontrast-tag-border-color-selected:Highlight;--highcontrast-tag-border-color-selected-hover:Highlight;--highcontrast-tag-border-color-selected-active:Highlight;--highcontrast-tag-border-color-selected-focus:Highlight;--highcontrast-tag-background-color-selected:Highlight;--highcontrast-tag-background-color-selected-hover:Highlight;--highcontrast-tag-background-color-selected-active:Highlight;--highcontrast-tag-background-color-selected-focus:Highlight;--highcontrast-tag-content-color-selected:HighlightText}:host([disabled]){--highcontrast-tag-border-color-disabled:GrayText;--highcontrast-tag-background-color-disabled:ButtonFace;--highcontrast-tag-content-color-disabled:GrayText}:host([invalid]){--highcontrast-tag-border-color-invalid:Highlight;--highcontrast-tag-border-color-invalid-hover:Highlight;--highcontrast-tag-border-color-invalid-active:Highlight;--highcontrast-tag-border-color-invalid-focus:Highlight;--highcontrast-tag-content-color-invalid:CanvasText;--highcontrast-tag-content-color-invalid-hover:CanvasText;--highcontrast-tag-content-color-invalid-active:CanvasText;--highcontrast-tag-content-color-invalid-focus:CanvasText}:host([invalid][selected]){--highcontrast-tag-border-color-invalid-selected:Highlight;--highcontrast-tag-border-color-invalid-selected-hover:Highlight;--highcontrast-tag-border-color-invalid-selected-focus:Highlight;--highcontrast-tag-border-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected:Highlight;--highcontrast-tag-background-color-invalid-selected-hover:Highlight;--highcontrast-tag-background-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected-focus:Highlight;--highcontrast-tag-content-color-invalid-selected:HighlightText}:host([emphasized]){--highcontrast-tag-border-color-emphasized:Highlight;--highcontrast-tag-border-color-emphasized-hover:Highlight;--highcontrast-tag-border-color-emphasized-active:Highlight;--highcontrast-tag-border-color-emphasized-focus:Highlight;--highcontrast-tag-background-color-emphasized:ButtonFace;--highcontrast-tag-background-color-emphasized-hover:ButtonFace;--highcontrast-tag-background-color-emphasized-active:ButtonFace;--highcontrast-tag-background-color-emphasized-focus:ButtonFace;--highcontrast-tag-content-color-emphasized:CanvasText}}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=spectrum-tag.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["spectrum-tag.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 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{border-color:var(--highcontrast-tag-border-color,var(--mod-tag-border-color,var(--spectrum-tag-border-color)));background-color:var(--highcontrast-tag-background-color,var(--mod-tag-background-color,var(--spectrum-tag-background-color)));color:var(--highcontrast-tag-content-color,var(--mod-tag-content-color,var(--spectrum-tag-content-color)));border-radius:var(--mod-tag-corner-radius,var(--spectrum-tag-corner-radius));border-width:var(--mod-tag-border-width,var(--spectrum-tag-border-width));block-size:var(--mod-tag-height,var(--spectrum-tag-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:100%;-webkit-user-select:none;user-select:none;transition:border-color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,box-shadow var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,background-color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out;border-style:solid;outline:none;align-items:center;padding-inline-start:calc(var(--mod-tag-spacing-inline-start,var(--spectrum-tag-spacing-inline-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-inline-end:0;display:inline-flex;position:relative}::slotted([slot=icon]){block-size:var(--mod-tag-icon-size,var(--spectrum-tag-icon-size));inline-size:var(--mod-tag-icon-size,var(--spectrum-tag-icon-size));flex-shrink:0;margin-block-start:calc(var(--mod-tag-icon-spacing-block-start,var(--spectrum-tag-icon-spacing-block-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-block-end:calc(var(--mod-tag-icon-spacing-block-end,var(--spectrum-tag-icon-spacing-block-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-inline-end:var(--mod-tag-icon-spacing-inline-end,var(--spectrum-tag-icon-spacing-inline-end))}::slotted([slot=avatar]){margin-block-start:calc(var(--mod-tag-avatar-spacing-block-start,var(--spectrum-tag-avatar-spacing-block-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-block-end:calc(var(--mod-tag-avatar-spacing-block-end,var(--spectrum-tag-avatar-spacing-block-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-inline-end:var(--mod-tag-avatar-spacing-inline-end,var(--spectrum-tag-avatar-spacing-inline-end))}.clear-button{--mod-clear-button-width:fit-content;--spectrum-clearbutton-fill-size:fit-content;--spectrum-clearbutton-fill-background-color:transparent;box-sizing:border-box;color:currentColor;margin-inline-start:calc(var(--mod-tag-clear-button-spacing-inline-start,var(--spectrum-tag-clear-button-spacing-inline-start)) + var(--mod-tag-label-spacing-inline-end,var(--spectrum-tag-label-spacing-inline-end))*-1);margin-inline-end:calc(var(--mod-tag-clear-button-spacing-inline-end,var(--spectrum-tag-clear-button-spacing-inline-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-start:calc(var(--mod-tag-clear-button-spacing-block,var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-end:calc(var(--mod-tag-clear-button-spacing-block,var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)))}.clear-button .spectrum-ClearButton-fill{background-color:var(--mod-clearbutton-fill-background-color,var(--spectrum-clearbutton-fill-background-color));inline-size:var(--mod-clearbutton-fill-size,var(--spectrum-clearbutton-fill-size));block-size:var(--mod-clearbutton-fill-size,var(--spectrum-clearbutton-fill-size))}.label{block-size:100%;box-sizing:border-box;line-height:var(--mod-tag-label-line-height,var(--spectrum-tag-label-line-height));font-weight:var(--mod-tag-label-font-weight,var(--spectrum-tag-label-font-weight));font-size:var(--mod-tag-font-size,var(--spectrum-tag-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;flex:auto;margin-inline-end:calc(var(--mod-tag-label-spacing-inline-end,var(--spectrum-tag-label-spacing-inline-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-start:calc(var(--mod-tag-label-spacing-block,var(--spectrum-tag-label-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));overflow:hidden}:host(:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-active,var(--mod-tag-border-color-active,var(--spectrum-tag-border-color-active)));background-color:var(--highcontrast-tag-background-color-active,var(--mod-tag-background-color-active,var(--spectrum-tag-background-color-active)));color:var(--highcontrast-tag-content-color-active,var(--mod-tag-content-color-active,var(--spectrum-tag-content-color-active)))}:host([focused]),:host(:focus-visible){border-color:var(--highcontrast-tag-border-color-focus,var(--mod-tag-border-color-focus,var(--spectrum-tag-border-color-focus)));background-color:var(--highcontrast-tag-background-color-focus,var(--mod-tag-background-color-focus,var(--spectrum-tag-background-color-focus)));color:var(--highcontrast-tag-content-color-focus,var(--mod-tag-content-color-focus,var(--spectrum-tag-content-color-focus)))}:host([focused]):after,:host(:focus-visible):after{content:\"\";border-color:var(--highcontrast-tag-focus-ring-color,var(--mod-tag-focus-ring-color,var(--spectrum-tag-focus-ring-color)));border-radius:calc(var(--mod-tag-corner-radius,var(--spectrum-tag-corner-radius)) + var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap)) + var(--mod-tag-border-width,var(--spectrum-tag-border-width)));border-width:var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness));pointer-events:none;border-style:solid;display:inline-block;position:absolute;inset-block-start:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-block-end:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-inline-start:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-inline-end:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)))}:host([selected]){border-color:var(--highcontrast-tag-border-color-selected,var(--mod-tag-border-color-selected,var(--spectrum-tag-border-color-selected)));background-color:var(--highcontrast-tag-background-color-selected,var(--mod-tag-background-color-selected,var(--spectrum-tag-background-color-selected)));color:var(--highcontrast-tag-content-color-selected,var(--mod-tag-content-color-selected,var(--spectrum-tag-content-color-selected)))}:host([selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-selected-active,var(--mod-tag-border-color-selected-active,var(--spectrum-tag-border-color-selected-active)));background-color:var(--highcontrast-tag-background-color-selected-active,var(--mod-tag-background-color-selected-active,var(--spectrum-tag-background-color-selected-active)))}:host([selected][focused]),:host([selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-selected-focus,var(--mod-tag-border-color-selected-focus,var(--spectrum-tag-border-color-selected-focus)));background-color:var(--highcontrast-tag-background-color-selected-focus,var(--mod-tag-background-color-selected-focus,var(--spectrum-tag-background-color-selected-focus)))}:host([invalid]){border-color:var(--highcontrast-tag-border-color-invalid,var(--mod-tag-border-color-invalid,var(--spectrum-tag-border-color-invalid)));color:var(--highcontrast-tag-content-color-invalid,var(--mod-tag-content-color-invalid,var(--spectrum-tag-content-color-invalid)))}:host([invalid]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-active,var(--mod-tag-border-color-invalid-active,var(--spectrum-tag-border-color-invalid-active)));color:var(--highcontrast-tag-content-color-invalid-active,var(--mod-tag-content-color-invalid-active,var(--spectrum-tag-content-color-invalid-active)))}:host([invalid][focused]),:host([invalid]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-focus,var(--mod-tag-border-color-invalid-focus,var(--spectrum-tag-border-color-invalid-focus)));color:var(--highcontrast-tag-content-color-invalid-focus,var(--mod-tag-content-color-invalid-focus,var(--spectrum-tag-content-color-invalid-focus)))}:host([invalid][selected]){border-color:var(--highcontrast-tag-border-color-invalid-selected,var(--mod-tag-border-color-invalid-selected,var(--spectrum-tag-border-color-invalid-selected)));background-color:var(--highcontrast-tag-background-color-invalid-selected,var(--mod-tag-background-color-invalid-selected,var(--spectrum-tag-background-color-invalid-selected)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--mod-tag-content-color-invalid-selected,var(--spectrum-tag-content-color-invalid-selected)))}:host([invalid][selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-selected-active,var(--mod-tag-border-color-invalid-selected-active,var(--spectrum-tag-border-color-invalid-selected-active)));background-color:var(--highcontrast-tag-background-color-invalid-selected-active,var(--mod-tag-background-color-invalid-selected-active,var(--spectrum-tag-background-color-invalid-selected-active)))}:host([invalid][selected][focused]),:host([invalid][selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-selected-focus,var(--mod-tag-border-color-invalid-selected-focus,var(--spectrum-tag-border-color-invalid-selected-focus)));background-color:var(--highcontrast-tag-background-color-invalid-selected-focus,var(--mod-tag-background-color-invalid-selected-focus,var(--spectrum-tag-background-color-invalid-selected-focus)))}:host([emphasized]){border-color:var(--highcontrast-tag-border-color-emphasized,var(--mod-tag-border-color-emphasized,var(--spectrum-tag-border-color-emphasized)));background-color:var(--highcontrast-tag-background-color-emphasized,var(--mod-tag-background-color-emphasized,var(--spectrum-tag-background-color-emphasized)));color:var(--highcontrast-tag-content-color-emphasized,var(--mod-tag-content-color-emphasized,var(--spectrum-tag-content-color-emphasized)))}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-tag-border-color-hover,var(--mod-tag-border-color-hover,var(--spectrum-tag-border-color-hover)));background-color:var(--highcontrast-tag-background-color-hover,var(--mod-tag-background-color-hover,var(--spectrum-tag-background-color-hover)));color:var(--highcontrast-tag-content-color-hover,var(--mod-tag-content-color-hover,var(--spectrum-tag-content-color-hover)))}:host([selected]:hover){border-color:var(--highcontrast-tag-border-color-selected-hover,var(--mod-tag-border-color-selected-hover,var(--spectrum-tag-border-color-selected-hover)));background-color:var(--highcontrast-tag-background-color-selected-hover,var(--mod-tag-background-color-selected-hover,var(--spectrum-tag-background-color-selected-hover)));color:var(--highcontrast-tag-content-color-selected,var(--mod-tag-content-color-selected,var(--spectrum-tag-content-color-selected)))}:host([invalid]:hover){border-color:var(--highcontrast-tag-border-color-invalid-hover,var(--mod-tag-border-color-invalid-hover,var(--spectrum-tag-border-color-invalid-hover)));color:var(--highcontrast-tag-content-color-invalid-hover,var(--mod-tag-content-color-invalid-hover,var(--spectrum-tag-content-color-invalid-hover)))}:host([invalid][selected]:hover){border-color:var(--highcontrast-tag-border-color-invalid-selected-hover,var(--mod-tag-border-color-invalid-selected-hover,var(--spectrum-tag-border-color-invalid-selected-hover)));background-color:var(--highcontrast-tag-background-color-invalid-selected-hover,var(--mod-tag-background-color-invalid-selected-hover,var(--spectrum-tag-background-color-invalid-selected-hover)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--mod-tag-content-color-invalid-selected,var(--spectrum-tag-content-color-invalid-selected)))}:host([emphasized]:hover){border-color:var(--highcontrast-tag-border-color-emphasized-hover,var(--mod-tag-border-color-emphasized-hover,var(--spectrum-tag-border-color-emphasized-hover)));background-color:var(--highcontrast-tag-background-color-emphasized-hover,var(--mod-tag-background-color-emphasized-hover,var(--spectrum-tag-background-color-emphasized-hover)));color:var(--highcontrast-tag-content-color-emphasized,var(--mod-tag-content-color-emphasized,var(--spectrum-tag-content-color-emphasized)))}}:host([emphasized]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-emphasized-active,var(--mod-tag-border-color-emphasized-active,var(--spectrum-tag-border-color-emphasized-active)));background-color:var(--highcontrast-tag-background-color-emphasized-active,var(--mod-tag-background-color-emphasized-active,var(--spectrum-tag-background-color-emphasized-active)))}:host([emphasized][focused]),:host([emphasized]:focus-visible){border-color:var(--highcontrast-tag-border-color-emphasized-focus,var(--mod-tag-border-color-emphasized-focus,var(--spectrum-tag-border-color-emphasized-focus)));background-color:var(--highcontrast-tag-background-color-emphasized-focus,var(--mod-tag-background-color-emphasized-focus,var(--spectrum-tag-background-color-emphasized-focus)))}:host([disabled]){border-color:var(--highcontrast-tag-border-color-disabled,var(--mod-tag-border-color-disabled,var(--spectrum-tag-border-color-disabled)));background-color:var(--highcontrast-tag-background-color-disabled,var(--mod-tag-background-color-disabled,var(--spectrum-tag-background-color-disabled)));color:var(--highcontrast-tag-content-color-disabled,var(--mod-tag-content-color-disabled,var(--spectrum-tag-content-color-disabled)));pointer-events:none}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--mod-avatar-opacity-disabled,var(--spectrum-avatar-opacity-disabled))}@media (forced-colors:active){:host{--highcontrast-tag-border-color:ButtonText;--highcontrast-tag-border-color-hover:ButtonText;--highcontrast-tag-border-color-active:ButtonText;--highcontrast-tag-border-color-focus:Highlight;--highcontrast-tag-background-color:ButtonFace;--highcontrast-tag-background-color-hover:ButtonFace;--highcontrast-tag-background-color-active:ButtonFace;--highcontrast-tag-background-color-focus:ButtonFace;--highcontrast-tag-content-color:ButtonText;--highcontrast-tag-content-color-hover:ButtonText;--highcontrast-tag-content-color-active:ButtonText;--highcontrast-tag-content-color-focus:ButtonText;--highcontrast-tag-focus-ring-color:Highlight;forced-color-adjust:none}:host([selected]){--highcontrast-tag-border-color-selected:Highlight;--highcontrast-tag-border-color-selected-hover:Highlight;--highcontrast-tag-border-color-selected-active:Highlight;--highcontrast-tag-border-color-selected-focus:Highlight;--highcontrast-tag-background-color-selected:Highlight;--highcontrast-tag-background-color-selected-hover:Highlight;--highcontrast-tag-background-color-selected-active:Highlight;--highcontrast-tag-background-color-selected-focus:Highlight;--highcontrast-tag-content-color-selected:HighlightText}:host([disabled]){--highcontrast-tag-border-color-disabled:GrayText;--highcontrast-tag-background-color-disabled:ButtonFace;--highcontrast-tag-content-color-disabled:GrayText}:host([invalid]){--highcontrast-tag-border-color-invalid:Highlight;--highcontrast-tag-border-color-invalid-hover:Highlight;--highcontrast-tag-border-color-invalid-active:Highlight;--highcontrast-tag-border-color-invalid-focus:Highlight;--highcontrast-tag-content-color-invalid:CanvasText;--highcontrast-tag-content-color-invalid-hover:CanvasText;--highcontrast-tag-content-color-invalid-active:CanvasText;--highcontrast-tag-content-color-invalid-focus:CanvasText}:host([invalid][selected]){--highcontrast-tag-border-color-invalid-selected:Highlight;--highcontrast-tag-border-color-invalid-selected-hover:Highlight;--highcontrast-tag-border-color-invalid-selected-focus:Highlight;--highcontrast-tag-border-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected:Highlight;--highcontrast-tag-background-color-invalid-selected-hover:Highlight;--highcontrast-tag-background-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected-focus:Highlight;--highcontrast-tag-content-color-invalid-selected:HighlightText}:host([emphasized]){--highcontrast-tag-border-color-emphasized:Highlight;--highcontrast-tag-border-color-emphasized-hover:Highlight;--highcontrast-tag-border-color-emphasized-active:Highlight;--highcontrast-tag-border-color-emphasized-focus:Highlight;--highcontrast-tag-background-color-emphasized:ButtonFace;--highcontrast-tag-background-color-emphasized-hover:ButtonFace;--highcontrast-tag-background-color-emphasized-active:ButtonFace;--highcontrast-tag-background-color-emphasized-focus:ButtonFace;--highcontrast-tag-content-color-emphasized:CanvasText}}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as o}from"@spectrum-web-components/base";const r=o`
|
|
2
|
+
:host{border-color:var(--highcontrast-tag-border-color,var(--mod-tag-border-color,var(--spectrum-tag-border-color)));background-color:var(--highcontrast-tag-background-color,var(--mod-tag-background-color,var(--spectrum-tag-background-color)));color:var(--highcontrast-tag-content-color,var(--mod-tag-content-color,var(--spectrum-tag-content-color)));border-radius:var(--mod-tag-corner-radius,var(--spectrum-tag-corner-radius));border-width:var(--mod-tag-border-width,var(--spectrum-tag-border-width));block-size:var(--mod-tag-height,var(--spectrum-tag-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:100%;-webkit-user-select:none;user-select:none;transition:border-color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,box-shadow var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,background-color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out;border-style:solid;outline:none;align-items:center;padding-inline-start:calc(var(--mod-tag-spacing-inline-start,var(--spectrum-tag-spacing-inline-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-inline-end:0;display:inline-flex;position:relative}::slotted([slot=icon]){block-size:var(--mod-tag-icon-size,var(--spectrum-tag-icon-size));inline-size:var(--mod-tag-icon-size,var(--spectrum-tag-icon-size));flex-shrink:0;margin-block-start:calc(var(--mod-tag-icon-spacing-block-start,var(--spectrum-tag-icon-spacing-block-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-block-end:calc(var(--mod-tag-icon-spacing-block-end,var(--spectrum-tag-icon-spacing-block-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-inline-end:var(--mod-tag-icon-spacing-inline-end,var(--spectrum-tag-icon-spacing-inline-end))}::slotted([slot=avatar]){margin-block-start:calc(var(--mod-tag-avatar-spacing-block-start,var(--spectrum-tag-avatar-spacing-block-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-block-end:calc(var(--mod-tag-avatar-spacing-block-end,var(--spectrum-tag-avatar-spacing-block-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-inline-end:var(--mod-tag-avatar-spacing-inline-end,var(--spectrum-tag-avatar-spacing-inline-end))}.clear-button{--mod-clear-button-width:fit-content;--spectrum-clearbutton-fill-size:fit-content;--spectrum-clearbutton-fill-background-color:transparent;box-sizing:border-box;color:currentColor;margin-inline-start:calc(var(--mod-tag-clear-button-spacing-inline-start,var(--spectrum-tag-clear-button-spacing-inline-start)) + var(--mod-tag-label-spacing-inline-end,var(--spectrum-tag-label-spacing-inline-end))*-1);margin-inline-end:calc(var(--mod-tag-clear-button-spacing-inline-end,var(--spectrum-tag-clear-button-spacing-inline-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-start:calc(var(--mod-tag-clear-button-spacing-block,var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-end:calc(var(--mod-tag-clear-button-spacing-block,var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)))}.clear-button .spectrum-ClearButton-fill{background-color:var(--mod-clearbutton-fill-background-color,var(--spectrum-clearbutton-fill-background-color));inline-size:var(--mod-clearbutton-fill-size,var(--spectrum-clearbutton-fill-size));block-size:var(--mod-clearbutton-fill-size,var(--spectrum-clearbutton-fill-size))}.label{block-size:100%;box-sizing:border-box;line-height:var(--mod-tag-label-line-height,var(--spectrum-tag-label-line-height));font-weight:var(--mod-tag-label-font-weight,var(--spectrum-tag-label-font-weight));font-size:var(--mod-tag-font-size,var(--spectrum-tag-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;flex:auto;margin-inline-end:calc(var(--mod-tag-label-spacing-inline-end,var(--spectrum-tag-label-spacing-inline-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-start:calc(var(--mod-tag-label-spacing-block,var(--spectrum-tag-label-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));overflow:hidden}:host(:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-active,var(--mod-tag-border-color-active,var(--spectrum-tag-border-color-active)));background-color:var(--highcontrast-tag-background-color-active,var(--mod-tag-background-color-active,var(--spectrum-tag-background-color-active)));color:var(--highcontrast-tag-content-color-active,var(--mod-tag-content-color-active,var(--spectrum-tag-content-color-active)))}:host([focused]),:host(:focus-visible){border-color:var(--highcontrast-tag-border-color-focus,var(--mod-tag-border-color-focus,var(--spectrum-tag-border-color-focus)));background-color:var(--highcontrast-tag-background-color-focus,var(--mod-tag-background-color-focus,var(--spectrum-tag-background-color-focus)));color:var(--highcontrast-tag-content-color-focus,var(--mod-tag-content-color-focus,var(--spectrum-tag-content-color-focus)))}:host([focused]):after,:host(:focus-visible):after{content:"";border-color:var(--highcontrast-tag-focus-ring-color,var(--mod-tag-focus-ring-color,var(--spectrum-tag-focus-ring-color)));border-radius:calc(var(--mod-tag-corner-radius,var(--spectrum-tag-corner-radius)) + var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap)) + var(--mod-tag-border-width,var(--spectrum-tag-border-width)));border-width:var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness));pointer-events:none;border-style:solid;display:inline-block;position:absolute;inset-block-start:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-block-end:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-inline-start:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-inline-end:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)))}:host([selected]){border-color:var(--highcontrast-tag-border-color-selected,var(--mod-tag-border-color-selected,var(--spectrum-tag-border-color-selected)));background-color:var(--highcontrast-tag-background-color-selected,var(--mod-tag-background-color-selected,var(--spectrum-tag-background-color-selected)));color:var(--highcontrast-tag-content-color-selected,var(--mod-tag-content-color-selected,var(--spectrum-tag-content-color-selected)))}:host([selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-selected-active,var(--mod-tag-border-color-selected-active,var(--spectrum-tag-border-color-selected-active)));background-color:var(--highcontrast-tag-background-color-selected-active,var(--mod-tag-background-color-selected-active,var(--spectrum-tag-background-color-selected-active)))}:host([selected][focused]),:host([selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-selected-focus,var(--mod-tag-border-color-selected-focus,var(--spectrum-tag-border-color-selected-focus)));background-color:var(--highcontrast-tag-background-color-selected-focus,var(--mod-tag-background-color-selected-focus,var(--spectrum-tag-background-color-selected-focus)))}:host([invalid]){border-color:var(--highcontrast-tag-border-color-invalid,var(--mod-tag-border-color-invalid,var(--spectrum-tag-border-color-invalid)));color:var(--highcontrast-tag-content-color-invalid,var(--mod-tag-content-color-invalid,var(--spectrum-tag-content-color-invalid)))}:host([invalid]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-active,var(--mod-tag-border-color-invalid-active,var(--spectrum-tag-border-color-invalid-active)));color:var(--highcontrast-tag-content-color-invalid-active,var(--mod-tag-content-color-invalid-active,var(--spectrum-tag-content-color-invalid-active)))}:host([invalid][focused]),:host([invalid]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-focus,var(--mod-tag-border-color-invalid-focus,var(--spectrum-tag-border-color-invalid-focus)));color:var(--highcontrast-tag-content-color-invalid-focus,var(--mod-tag-content-color-invalid-focus,var(--spectrum-tag-content-color-invalid-focus)))}:host([invalid][selected]){border-color:var(--highcontrast-tag-border-color-invalid-selected,var(--mod-tag-border-color-invalid-selected,var(--spectrum-tag-border-color-invalid-selected)));background-color:var(--highcontrast-tag-background-color-invalid-selected,var(--mod-tag-background-color-invalid-selected,var(--spectrum-tag-background-color-invalid-selected)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--mod-tag-content-color-invalid-selected,var(--spectrum-tag-content-color-invalid-selected)))}:host([invalid][selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-selected-active,var(--mod-tag-border-color-invalid-selected-active,var(--spectrum-tag-border-color-invalid-selected-active)));background-color:var(--highcontrast-tag-background-color-invalid-selected-active,var(--mod-tag-background-color-invalid-selected-active,var(--spectrum-tag-background-color-invalid-selected-active)))}:host([invalid][selected][focused]),:host([invalid][selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-selected-focus,var(--mod-tag-border-color-invalid-selected-focus,var(--spectrum-tag-border-color-invalid-selected-focus)));background-color:var(--highcontrast-tag-background-color-invalid-selected-focus,var(--mod-tag-background-color-invalid-selected-focus,var(--spectrum-tag-background-color-invalid-selected-focus)))}:host([emphasized]){border-color:var(--highcontrast-tag-border-color-emphasized,var(--mod-tag-border-color-emphasized,var(--spectrum-tag-border-color-emphasized)));background-color:var(--highcontrast-tag-background-color-emphasized,var(--mod-tag-background-color-emphasized,var(--spectrum-tag-background-color-emphasized)));color:var(--highcontrast-tag-content-color-emphasized,var(--mod-tag-content-color-emphasized,var(--spectrum-tag-content-color-emphasized)))}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-tag-border-color-hover,var(--mod-tag-border-color-hover,var(--spectrum-tag-border-color-hover)));background-color:var(--highcontrast-tag-background-color-hover,var(--mod-tag-background-color-hover,var(--spectrum-tag-background-color-hover)));color:var(--highcontrast-tag-content-color-hover,var(--mod-tag-content-color-hover,var(--spectrum-tag-content-color-hover)))}:host([selected]:hover){border-color:var(--highcontrast-tag-border-color-selected-hover,var(--mod-tag-border-color-selected-hover,var(--spectrum-tag-border-color-selected-hover)));background-color:var(--highcontrast-tag-background-color-selected-hover,var(--mod-tag-background-color-selected-hover,var(--spectrum-tag-background-color-selected-hover)));color:var(--highcontrast-tag-content-color-selected,var(--mod-tag-content-color-selected,var(--spectrum-tag-content-color-selected)))}:host([invalid]:hover){border-color:var(--highcontrast-tag-border-color-invalid-hover,var(--mod-tag-border-color-invalid-hover,var(--spectrum-tag-border-color-invalid-hover)));color:var(--highcontrast-tag-content-color-invalid-hover,var(--mod-tag-content-color-invalid-hover,var(--spectrum-tag-content-color-invalid-hover)))}:host([invalid][selected]:hover){border-color:var(--highcontrast-tag-border-color-invalid-selected-hover,var(--mod-tag-border-color-invalid-selected-hover,var(--spectrum-tag-border-color-invalid-selected-hover)));background-color:var(--highcontrast-tag-background-color-invalid-selected-hover,var(--mod-tag-background-color-invalid-selected-hover,var(--spectrum-tag-background-color-invalid-selected-hover)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--mod-tag-content-color-invalid-selected,var(--spectrum-tag-content-color-invalid-selected)))}:host([emphasized]:hover){border-color:var(--highcontrast-tag-border-color-emphasized-hover,var(--mod-tag-border-color-emphasized-hover,var(--spectrum-tag-border-color-emphasized-hover)));background-color:var(--highcontrast-tag-background-color-emphasized-hover,var(--mod-tag-background-color-emphasized-hover,var(--spectrum-tag-background-color-emphasized-hover)));color:var(--highcontrast-tag-content-color-emphasized,var(--mod-tag-content-color-emphasized,var(--spectrum-tag-content-color-emphasized)))}}:host([emphasized]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-emphasized-active,var(--mod-tag-border-color-emphasized-active,var(--spectrum-tag-border-color-emphasized-active)));background-color:var(--highcontrast-tag-background-color-emphasized-active,var(--mod-tag-background-color-emphasized-active,var(--spectrum-tag-background-color-emphasized-active)))}:host([emphasized][focused]),:host([emphasized]:focus-visible){border-color:var(--highcontrast-tag-border-color-emphasized-focus,var(--mod-tag-border-color-emphasized-focus,var(--spectrum-tag-border-color-emphasized-focus)));background-color:var(--highcontrast-tag-background-color-emphasized-focus,var(--mod-tag-background-color-emphasized-focus,var(--spectrum-tag-background-color-emphasized-focus)))}:host([disabled]){border-color:var(--highcontrast-tag-border-color-disabled,var(--mod-tag-border-color-disabled,var(--spectrum-tag-border-color-disabled)));background-color:var(--highcontrast-tag-background-color-disabled,var(--mod-tag-background-color-disabled,var(--spectrum-tag-background-color-disabled)));color:var(--highcontrast-tag-content-color-disabled,var(--mod-tag-content-color-disabled,var(--spectrum-tag-content-color-disabled)));pointer-events:none}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--mod-avatar-opacity-disabled,var(--spectrum-avatar-opacity-disabled))}@media (forced-colors:active){:host{--highcontrast-tag-border-color:ButtonText;--highcontrast-tag-border-color-hover:ButtonText;--highcontrast-tag-border-color-active:ButtonText;--highcontrast-tag-border-color-focus:Highlight;--highcontrast-tag-background-color:ButtonFace;--highcontrast-tag-background-color-hover:ButtonFace;--highcontrast-tag-background-color-active:ButtonFace;--highcontrast-tag-background-color-focus:ButtonFace;--highcontrast-tag-content-color:ButtonText;--highcontrast-tag-content-color-hover:ButtonText;--highcontrast-tag-content-color-active:ButtonText;--highcontrast-tag-content-color-focus:ButtonText;--highcontrast-tag-focus-ring-color:Highlight;forced-color-adjust:none}:host([selected]){--highcontrast-tag-border-color-selected:Highlight;--highcontrast-tag-border-color-selected-hover:Highlight;--highcontrast-tag-border-color-selected-active:Highlight;--highcontrast-tag-border-color-selected-focus:Highlight;--highcontrast-tag-background-color-selected:Highlight;--highcontrast-tag-background-color-selected-hover:Highlight;--highcontrast-tag-background-color-selected-active:Highlight;--highcontrast-tag-background-color-selected-focus:Highlight;--highcontrast-tag-content-color-selected:HighlightText}:host([disabled]){--highcontrast-tag-border-color-disabled:GrayText;--highcontrast-tag-background-color-disabled:ButtonFace;--highcontrast-tag-content-color-disabled:GrayText}:host([invalid]){--highcontrast-tag-border-color-invalid:Highlight;--highcontrast-tag-border-color-invalid-hover:Highlight;--highcontrast-tag-border-color-invalid-active:Highlight;--highcontrast-tag-border-color-invalid-focus:Highlight;--highcontrast-tag-content-color-invalid:CanvasText;--highcontrast-tag-content-color-invalid-hover:CanvasText;--highcontrast-tag-content-color-invalid-active:CanvasText;--highcontrast-tag-content-color-invalid-focus:CanvasText}:host([invalid][selected]){--highcontrast-tag-border-color-invalid-selected:Highlight;--highcontrast-tag-border-color-invalid-selected-hover:Highlight;--highcontrast-tag-border-color-invalid-selected-focus:Highlight;--highcontrast-tag-border-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected:Highlight;--highcontrast-tag-background-color-invalid-selected-hover:Highlight;--highcontrast-tag-background-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected-focus:Highlight;--highcontrast-tag-content-color-invalid-selected:HighlightText}:host([emphasized]){--highcontrast-tag-border-color-emphasized:Highlight;--highcontrast-tag-border-color-emphasized-hover:Highlight;--highcontrast-tag-border-color-emphasized-active:Highlight;--highcontrast-tag-border-color-emphasized-focus:Highlight;--highcontrast-tag-background-color-emphasized:ButtonFace;--highcontrast-tag-background-color-emphasized-hover:ButtonFace;--highcontrast-tag-background-color-emphasized-active:ButtonFace;--highcontrast-tag-background-color-emphasized-focus:ButtonFace;--highcontrast-tag-content-color-emphasized:CanvasText}}
|
|
3
|
+
`;export default r;
|
|
4
|
+
//# sourceMappingURL=spectrum-tag.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["spectrum-tag.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 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{border-color:var(--highcontrast-tag-border-color,var(--mod-tag-border-color,var(--spectrum-tag-border-color)));background-color:var(--highcontrast-tag-background-color,var(--mod-tag-background-color,var(--spectrum-tag-background-color)));color:var(--highcontrast-tag-content-color,var(--mod-tag-content-color,var(--spectrum-tag-content-color)));border-radius:var(--mod-tag-corner-radius,var(--spectrum-tag-corner-radius));border-width:var(--mod-tag-border-width,var(--spectrum-tag-border-width));block-size:var(--mod-tag-height,var(--spectrum-tag-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:100%;-webkit-user-select:none;user-select:none;transition:border-color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,box-shadow var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,background-color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out;border-style:solid;outline:none;align-items:center;padding-inline-start:calc(var(--mod-tag-spacing-inline-start,var(--spectrum-tag-spacing-inline-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-inline-end:0;display:inline-flex;position:relative}::slotted([slot=icon]){block-size:var(--mod-tag-icon-size,var(--spectrum-tag-icon-size));inline-size:var(--mod-tag-icon-size,var(--spectrum-tag-icon-size));flex-shrink:0;margin-block-start:calc(var(--mod-tag-icon-spacing-block-start,var(--spectrum-tag-icon-spacing-block-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-block-end:calc(var(--mod-tag-icon-spacing-block-end,var(--spectrum-tag-icon-spacing-block-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-inline-end:var(--mod-tag-icon-spacing-inline-end,var(--spectrum-tag-icon-spacing-inline-end))}::slotted([slot=avatar]){margin-block-start:calc(var(--mod-tag-avatar-spacing-block-start,var(--spectrum-tag-avatar-spacing-block-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-block-end:calc(var(--mod-tag-avatar-spacing-block-end,var(--spectrum-tag-avatar-spacing-block-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-inline-end:var(--mod-tag-avatar-spacing-inline-end,var(--spectrum-tag-avatar-spacing-inline-end))}.clear-button{--mod-clear-button-width:fit-content;--spectrum-clearbutton-fill-size:fit-content;--spectrum-clearbutton-fill-background-color:transparent;box-sizing:border-box;color:currentColor;margin-inline-start:calc(var(--mod-tag-clear-button-spacing-inline-start,var(--spectrum-tag-clear-button-spacing-inline-start)) + var(--mod-tag-label-spacing-inline-end,var(--spectrum-tag-label-spacing-inline-end))*-1);margin-inline-end:calc(var(--mod-tag-clear-button-spacing-inline-end,var(--spectrum-tag-clear-button-spacing-inline-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-start:calc(var(--mod-tag-clear-button-spacing-block,var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-end:calc(var(--mod-tag-clear-button-spacing-block,var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)))}.clear-button .spectrum-ClearButton-fill{background-color:var(--mod-clearbutton-fill-background-color,var(--spectrum-clearbutton-fill-background-color));inline-size:var(--mod-clearbutton-fill-size,var(--spectrum-clearbutton-fill-size));block-size:var(--mod-clearbutton-fill-size,var(--spectrum-clearbutton-fill-size))}.label{block-size:100%;box-sizing:border-box;line-height:var(--mod-tag-label-line-height,var(--spectrum-tag-label-line-height));font-weight:var(--mod-tag-label-font-weight,var(--spectrum-tag-label-font-weight));font-size:var(--mod-tag-font-size,var(--spectrum-tag-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;flex:auto;margin-inline-end:calc(var(--mod-tag-label-spacing-inline-end,var(--spectrum-tag-label-spacing-inline-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-start:calc(var(--mod-tag-label-spacing-block,var(--spectrum-tag-label-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));overflow:hidden}:host(:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-active,var(--mod-tag-border-color-active,var(--spectrum-tag-border-color-active)));background-color:var(--highcontrast-tag-background-color-active,var(--mod-tag-background-color-active,var(--spectrum-tag-background-color-active)));color:var(--highcontrast-tag-content-color-active,var(--mod-tag-content-color-active,var(--spectrum-tag-content-color-active)))}:host([focused]),:host(:focus-visible){border-color:var(--highcontrast-tag-border-color-focus,var(--mod-tag-border-color-focus,var(--spectrum-tag-border-color-focus)));background-color:var(--highcontrast-tag-background-color-focus,var(--mod-tag-background-color-focus,var(--spectrum-tag-background-color-focus)));color:var(--highcontrast-tag-content-color-focus,var(--mod-tag-content-color-focus,var(--spectrum-tag-content-color-focus)))}:host([focused]):after,:host(:focus-visible):after{content:\"\";border-color:var(--highcontrast-tag-focus-ring-color,var(--mod-tag-focus-ring-color,var(--spectrum-tag-focus-ring-color)));border-radius:calc(var(--mod-tag-corner-radius,var(--spectrum-tag-corner-radius)) + var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap)) + var(--mod-tag-border-width,var(--spectrum-tag-border-width)));border-width:var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness));pointer-events:none;border-style:solid;display:inline-block;position:absolute;inset-block-start:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-block-end:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-inline-start:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-inline-end:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)))}:host([selected]){border-color:var(--highcontrast-tag-border-color-selected,var(--mod-tag-border-color-selected,var(--spectrum-tag-border-color-selected)));background-color:var(--highcontrast-tag-background-color-selected,var(--mod-tag-background-color-selected,var(--spectrum-tag-background-color-selected)));color:var(--highcontrast-tag-content-color-selected,var(--mod-tag-content-color-selected,var(--spectrum-tag-content-color-selected)))}:host([selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-selected-active,var(--mod-tag-border-color-selected-active,var(--spectrum-tag-border-color-selected-active)));background-color:var(--highcontrast-tag-background-color-selected-active,var(--mod-tag-background-color-selected-active,var(--spectrum-tag-background-color-selected-active)))}:host([selected][focused]),:host([selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-selected-focus,var(--mod-tag-border-color-selected-focus,var(--spectrum-tag-border-color-selected-focus)));background-color:var(--highcontrast-tag-background-color-selected-focus,var(--mod-tag-background-color-selected-focus,var(--spectrum-tag-background-color-selected-focus)))}:host([invalid]){border-color:var(--highcontrast-tag-border-color-invalid,var(--mod-tag-border-color-invalid,var(--spectrum-tag-border-color-invalid)));color:var(--highcontrast-tag-content-color-invalid,var(--mod-tag-content-color-invalid,var(--spectrum-tag-content-color-invalid)))}:host([invalid]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-active,var(--mod-tag-border-color-invalid-active,var(--spectrum-tag-border-color-invalid-active)));color:var(--highcontrast-tag-content-color-invalid-active,var(--mod-tag-content-color-invalid-active,var(--spectrum-tag-content-color-invalid-active)))}:host([invalid][focused]),:host([invalid]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-focus,var(--mod-tag-border-color-invalid-focus,var(--spectrum-tag-border-color-invalid-focus)));color:var(--highcontrast-tag-content-color-invalid-focus,var(--mod-tag-content-color-invalid-focus,var(--spectrum-tag-content-color-invalid-focus)))}:host([invalid][selected]){border-color:var(--highcontrast-tag-border-color-invalid-selected,var(--mod-tag-border-color-invalid-selected,var(--spectrum-tag-border-color-invalid-selected)));background-color:var(--highcontrast-tag-background-color-invalid-selected,var(--mod-tag-background-color-invalid-selected,var(--spectrum-tag-background-color-invalid-selected)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--mod-tag-content-color-invalid-selected,var(--spectrum-tag-content-color-invalid-selected)))}:host([invalid][selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-selected-active,var(--mod-tag-border-color-invalid-selected-active,var(--spectrum-tag-border-color-invalid-selected-active)));background-color:var(--highcontrast-tag-background-color-invalid-selected-active,var(--mod-tag-background-color-invalid-selected-active,var(--spectrum-tag-background-color-invalid-selected-active)))}:host([invalid][selected][focused]),:host([invalid][selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-selected-focus,var(--mod-tag-border-color-invalid-selected-focus,var(--spectrum-tag-border-color-invalid-selected-focus)));background-color:var(--highcontrast-tag-background-color-invalid-selected-focus,var(--mod-tag-background-color-invalid-selected-focus,var(--spectrum-tag-background-color-invalid-selected-focus)))}:host([emphasized]){border-color:var(--highcontrast-tag-border-color-emphasized,var(--mod-tag-border-color-emphasized,var(--spectrum-tag-border-color-emphasized)));background-color:var(--highcontrast-tag-background-color-emphasized,var(--mod-tag-background-color-emphasized,var(--spectrum-tag-background-color-emphasized)));color:var(--highcontrast-tag-content-color-emphasized,var(--mod-tag-content-color-emphasized,var(--spectrum-tag-content-color-emphasized)))}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-tag-border-color-hover,var(--mod-tag-border-color-hover,var(--spectrum-tag-border-color-hover)));background-color:var(--highcontrast-tag-background-color-hover,var(--mod-tag-background-color-hover,var(--spectrum-tag-background-color-hover)));color:var(--highcontrast-tag-content-color-hover,var(--mod-tag-content-color-hover,var(--spectrum-tag-content-color-hover)))}:host([selected]:hover){border-color:var(--highcontrast-tag-border-color-selected-hover,var(--mod-tag-border-color-selected-hover,var(--spectrum-tag-border-color-selected-hover)));background-color:var(--highcontrast-tag-background-color-selected-hover,var(--mod-tag-background-color-selected-hover,var(--spectrum-tag-background-color-selected-hover)));color:var(--highcontrast-tag-content-color-selected,var(--mod-tag-content-color-selected,var(--spectrum-tag-content-color-selected)))}:host([invalid]:hover){border-color:var(--highcontrast-tag-border-color-invalid-hover,var(--mod-tag-border-color-invalid-hover,var(--spectrum-tag-border-color-invalid-hover)));color:var(--highcontrast-tag-content-color-invalid-hover,var(--mod-tag-content-color-invalid-hover,var(--spectrum-tag-content-color-invalid-hover)))}:host([invalid][selected]:hover){border-color:var(--highcontrast-tag-border-color-invalid-selected-hover,var(--mod-tag-border-color-invalid-selected-hover,var(--spectrum-tag-border-color-invalid-selected-hover)));background-color:var(--highcontrast-tag-background-color-invalid-selected-hover,var(--mod-tag-background-color-invalid-selected-hover,var(--spectrum-tag-background-color-invalid-selected-hover)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--mod-tag-content-color-invalid-selected,var(--spectrum-tag-content-color-invalid-selected)))}:host([emphasized]:hover){border-color:var(--highcontrast-tag-border-color-emphasized-hover,var(--mod-tag-border-color-emphasized-hover,var(--spectrum-tag-border-color-emphasized-hover)));background-color:var(--highcontrast-tag-background-color-emphasized-hover,var(--mod-tag-background-color-emphasized-hover,var(--spectrum-tag-background-color-emphasized-hover)));color:var(--highcontrast-tag-content-color-emphasized,var(--mod-tag-content-color-emphasized,var(--spectrum-tag-content-color-emphasized)))}}:host([emphasized]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-emphasized-active,var(--mod-tag-border-color-emphasized-active,var(--spectrum-tag-border-color-emphasized-active)));background-color:var(--highcontrast-tag-background-color-emphasized-active,var(--mod-tag-background-color-emphasized-active,var(--spectrum-tag-background-color-emphasized-active)))}:host([emphasized][focused]),:host([emphasized]:focus-visible){border-color:var(--highcontrast-tag-border-color-emphasized-focus,var(--mod-tag-border-color-emphasized-focus,var(--spectrum-tag-border-color-emphasized-focus)));background-color:var(--highcontrast-tag-background-color-emphasized-focus,var(--mod-tag-background-color-emphasized-focus,var(--spectrum-tag-background-color-emphasized-focus)))}:host([disabled]){border-color:var(--highcontrast-tag-border-color-disabled,var(--mod-tag-border-color-disabled,var(--spectrum-tag-border-color-disabled)));background-color:var(--highcontrast-tag-background-color-disabled,var(--mod-tag-background-color-disabled,var(--spectrum-tag-background-color-disabled)));color:var(--highcontrast-tag-content-color-disabled,var(--mod-tag-content-color-disabled,var(--spectrum-tag-content-color-disabled)));pointer-events:none}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--mod-avatar-opacity-disabled,var(--spectrum-avatar-opacity-disabled))}@media (forced-colors:active){:host{--highcontrast-tag-border-color:ButtonText;--highcontrast-tag-border-color-hover:ButtonText;--highcontrast-tag-border-color-active:ButtonText;--highcontrast-tag-border-color-focus:Highlight;--highcontrast-tag-background-color:ButtonFace;--highcontrast-tag-background-color-hover:ButtonFace;--highcontrast-tag-background-color-active:ButtonFace;--highcontrast-tag-background-color-focus:ButtonFace;--highcontrast-tag-content-color:ButtonText;--highcontrast-tag-content-color-hover:ButtonText;--highcontrast-tag-content-color-active:ButtonText;--highcontrast-tag-content-color-focus:ButtonText;--highcontrast-tag-focus-ring-color:Highlight;forced-color-adjust:none}:host([selected]){--highcontrast-tag-border-color-selected:Highlight;--highcontrast-tag-border-color-selected-hover:Highlight;--highcontrast-tag-border-color-selected-active:Highlight;--highcontrast-tag-border-color-selected-focus:Highlight;--highcontrast-tag-background-color-selected:Highlight;--highcontrast-tag-background-color-selected-hover:Highlight;--highcontrast-tag-background-color-selected-active:Highlight;--highcontrast-tag-background-color-selected-focus:Highlight;--highcontrast-tag-content-color-selected:HighlightText}:host([disabled]){--highcontrast-tag-border-color-disabled:GrayText;--highcontrast-tag-background-color-disabled:ButtonFace;--highcontrast-tag-content-color-disabled:GrayText}:host([invalid]){--highcontrast-tag-border-color-invalid:Highlight;--highcontrast-tag-border-color-invalid-hover:Highlight;--highcontrast-tag-border-color-invalid-active:Highlight;--highcontrast-tag-border-color-invalid-focus:Highlight;--highcontrast-tag-content-color-invalid:CanvasText;--highcontrast-tag-content-color-invalid-hover:CanvasText;--highcontrast-tag-content-color-invalid-active:CanvasText;--highcontrast-tag-content-color-invalid-focus:CanvasText}:host([invalid][selected]){--highcontrast-tag-border-color-invalid-selected:Highlight;--highcontrast-tag-border-color-invalid-selected-hover:Highlight;--highcontrast-tag-border-color-invalid-selected-focus:Highlight;--highcontrast-tag-border-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected:Highlight;--highcontrast-tag-background-color-invalid-selected-hover:Highlight;--highcontrast-tag-background-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected-focus:Highlight;--highcontrast-tag-content-color-invalid-selected:HighlightText}:host([emphasized]){--highcontrast-tag-border-color-emphasized:Highlight;--highcontrast-tag-border-color-emphasized-hover:Highlight;--highcontrast-tag-border-color-emphasized-active:Highlight;--highcontrast-tag-border-color-emphasized-focus:Highlight;--highcontrast-tag-background-color-emphasized:ButtonFace;--highcontrast-tag-background-color-emphasized-hover:ButtonFace;--highcontrast-tag-background-color-emphasized-active:ButtonFace;--highcontrast-tag-background-color-emphasized-focus:ButtonFace;--highcontrast-tag-content-color-emphasized:CanvasText}}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
:host{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:inline-flex}::slotted(*){margin-block:var(--mod-tag-group-item-margin-block,var(--spectrum-tag-group-item-margin-block));margin-inline:var(--mod-tag-group-item-margin-inline,var(--spectrum-tag-group-item-margin-inline))}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=spectrum-tags.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["spectrum-tags.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 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{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:inline-flex}::slotted(*){margin-block:var(--mod-tag-group-item-margin-block,var(--spectrum-tag-group-item-margin-block));margin-inline:var(--mod-tag-group-item-margin-inline,var(--spectrum-tag-group-item-margin-inline))}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as i}from"@spectrum-web-components/base";const r=i`
|
|
2
|
+
:host{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:inline-flex}::slotted(*){margin-block:var(--mod-tag-group-item-margin-block,var(--spectrum-tag-group-item-margin-block));margin-inline:var(--mod-tag-group-item-margin-inline,var(--spectrum-tag-group-item-margin-inline))}
|
|
3
|
+
`;export default r;
|
|
4
|
+
//# sourceMappingURL=spectrum-tags.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["spectrum-tags.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 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{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:inline-flex}::slotted(*){margin-block:var(--mod-tag-group-item-margin-block,var(--spectrum-tag-group-item-margin-block));margin-inline:var(--mod-tag-group-item-margin-inline,var(--spectrum-tag-group-item-margin-inline))}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
:host{--spectrum-tag-border-color:var(--system-tag-border-color);--spectrum-tag-border-color-hover:var(--system-tag-border-color-hover);--spectrum-tag-border-color-active:var(--system-tag-border-color-active);--spectrum-tag-border-color-focus:var(--system-tag-border-color-focus);--spectrum-tag-size-small-corner-radius:var(--system-tag-size-small-corner-radius);--spectrum-tag-size-medium-corner-radius:var(--system-tag-size-medium-corner-radius);--spectrum-tag-size-large-corner-radius:var(--system-tag-size-large-corner-radius);--spectrum-tag-background-color:var(--system-tag-background-color);--spectrum-tag-background-color-hover:var(--system-tag-background-color-hover);--spectrum-tag-background-color-active:var(--system-tag-background-color-active);--spectrum-tag-background-color-focus:var(--system-tag-background-color-focus);--spectrum-tag-content-color:var(--system-tag-content-color);--spectrum-tag-content-color-hover:var(--system-tag-content-color-hover);--spectrum-tag-content-color-active:var(--system-tag-content-color-active);--spectrum-tag-content-color-focus:var(--system-tag-content-color-focus);--spectrum-tag-border-color-selected:var(--system-tag-border-color-selected);--spectrum-tag-border-color-selected-hover:var(--system-tag-border-color-selected-hover);--spectrum-tag-border-color-selected-active:var(--system-tag-border-color-selected-active);--spectrum-tag-border-color-selected-focus:var(--system-tag-border-color-selected-focus);--spectrum-tag-border-color-disabled:var(--system-tag-border-color-disabled);--spectrum-tag-background-color-disabled:var(--system-tag-background-color-disabled);--spectrum-tag-size-small-spacing-inline-start:var(--system-tag-size-small-spacing-inline-start);--spectrum-tag-size-small-label-spacing-inline-end:var(--system-tag-size-small-label-spacing-inline-end);--spectrum-tag-size-small-clear-button-spacing-inline-end:var(--system-tag-size-small-clear-button-spacing-inline-end);--spectrum-tag-size-medium-spacing-inline-start:var(--system-tag-size-medium-spacing-inline-start);--spectrum-tag-size-medium-label-spacing-inline-end:var(--system-tag-size-medium-label-spacing-inline-end);--spectrum-tag-size-medium-clear-button-spacing-inline-end:var(--system-tag-size-medium-clear-button-spacing-inline-end);--spectrum-tag-size-large-spacing-inline-start:var(--system-tag-size-large-spacing-inline-start);--spectrum-tag-size-large-label-spacing-inline-end:var(--system-tag-size-large-label-spacing-inline-end);--spectrum-tag-size-large-clear-button-spacing-inline-end:var(--system-tag-size-large-clear-button-spacing-inline-end);--spectrum-avatar-opacity-disabled:var(--system-tag-avatar-opacity-disabled);--spectrum-tag-animation-duration:var(--system-tag-animation-duration);--spectrum-tag-border-width:var(--system-tag-border-width);--spectrum-tag-focus-ring-thickness:var(--system-tag-focus-ring-thickness);--spectrum-tag-focus-ring-gap:var(--system-tag-focus-ring-gap);--spectrum-tag-focus-ring-color:var(--system-tag-focus-ring-color);--spectrum-tag-label-line-height:var(--system-tag-label-line-height);--spectrum-tag-label-font-weight:var(--system-tag-label-font-weight);--spectrum-tag-content-color-selected:var(--system-tag-content-color-selected);--spectrum-tag-background-color-selected:var(--system-tag-background-color-selected);--spectrum-tag-background-color-selected-hover:var(--system-tag-background-color-selected-hover);--spectrum-tag-background-color-selected-active:var(--system-tag-background-color-selected-active);--spectrum-tag-background-color-selected-focus:var(--system-tag-background-color-selected-focus);--spectrum-tag-border-color-invalid:var(--system-tag-border-color-invalid);--spectrum-tag-border-color-invalid-hover:var(--system-tag-border-color-invalid-hover);--spectrum-tag-border-color-invalid-active:var(--system-tag-border-color-invalid-active);--spectrum-tag-border-color-invalid-focus:var(--system-tag-border-color-invalid-focus);--spectrum-tag-content-color-invalid:var(--system-tag-content-color-invalid);--spectrum-tag-content-color-invalid-hover:var(--system-tag-content-color-invalid-hover);--spectrum-tag-content-color-invalid-active:var(--system-tag-content-color-invalid-active);--spectrum-tag-content-color-invalid-focus:var(--system-tag-content-color-invalid-focus);--spectrum-tag-border-color-invalid-selected:var(--system-tag-border-color-invalid-selected);--spectrum-tag-border-color-invalid-selected-hover:var(--system-tag-border-color-invalid-selected-hover);--spectrum-tag-border-color-invalid-selected-focus:var(--system-tag-border-color-invalid-selected-focus);--spectrum-tag-border-color-invalid-selected-active:var(--system-tag-border-color-invalid-selected-active);--spectrum-tag-background-color-invalid-selected:var(--system-tag-background-color-invalid-selected);--spectrum-tag-background-color-invalid-selected-hover:var(--system-tag-background-color-invalid-selected-hover);--spectrum-tag-background-color-invalid-selected-active:var(--system-tag-background-color-invalid-selected-active);--spectrum-tag-background-color-invalid-selected-focus:var(--system-tag-background-color-invalid-selected-focus);--spectrum-tag-content-color-invalid-selected:var(--system-tag-content-color-invalid-selected);--spectrum-tag-border-color-emphasized:var(--system-tag-border-color-emphasized);--spectrum-tag-border-color-emphasized-hover:var(--system-tag-border-color-emphasized-hover);--spectrum-tag-border-color-emphasized-active:var(--system-tag-border-color-emphasized-active);--spectrum-tag-border-color-emphasized-focus:var(--system-tag-border-color-emphasized-focus);--spectrum-tag-background-color-emphasized:var(--system-tag-background-color-emphasized);--spectrum-tag-background-color-emphasized-hover:var(--system-tag-background-color-emphasized-hover);--spectrum-tag-background-color-emphasized-active:var(--system-tag-background-color-emphasized-active);--spectrum-tag-background-color-emphasized-focus:var(--system-tag-background-color-emphasized-focus);--spectrum-tag-content-color-emphasized:var(--system-tag-content-color-emphasized);--spectrum-tag-content-color-disabled:var(--system-tag-content-color-disabled);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-icon-spacing-inline-end);--spectrum-tag-icon-size:var(--system-tag-icon-size);--spectrum-tag-icon-spacing-block-start:var(--system-tag-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-icon-spacing-block-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-label-spacing-block);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-clear-button-spacing-inline-start);--spectrum-tag-height:var(--system-tag-height);--spectrum-tag-font-size:var(--system-tag-font-size);--spectrum-tag-clear-button-spacing-block:var(--system-tag-clear-button-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-clear-button-spacing-inline-end)}:host([size=s]){--spectrum-tag-height:var(--system-tag-size-s-height);--spectrum-tag-font-size:var(--system-tag-size-s-font-size);--spectrum-tag-icon-size:var(--system-tag-size-s-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-s-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-s-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-s-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-s-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-s-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-s-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-s-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-s-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-s-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-s-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-s-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-s-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-s-clear-button-spacing-inline-end)}:host{--spectrum-tag-height:var(--system-tag-size-m-height);--spectrum-tag-font-size:var(--system-tag-size-m-font-size);--spectrum-tag-icon-size:var(--system-tag-size-m-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-m-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-m-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-m-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-m-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-m-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-m-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-m-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-m-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-m-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-m-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-m-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-m-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-m-clear-button-spacing-inline-end)}:host([size=l]){--spectrum-tag-height:var(--system-tag-size-l-height);--spectrum-tag-font-size:var(--system-tag-size-l-font-size);--spectrum-tag-icon-size:var(--system-tag-size-l-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-l-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-l-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-l-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-l-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-l-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-l-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-l-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-l-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-l-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-l-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-l-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-l-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-l-clear-button-spacing-inline-end)}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=tag-overrides.css.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["tag-overrides.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 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-color:var(--system-tag-border-color);--spectrum-tag-border-color-hover:var(--system-tag-border-color-hover);--spectrum-tag-border-color-active:var(--system-tag-border-color-active);--spectrum-tag-border-color-focus:var(--system-tag-border-color-focus);--spectrum-tag-size-small-corner-radius:var(--system-tag-size-small-corner-radius);--spectrum-tag-size-medium-corner-radius:var(--system-tag-size-medium-corner-radius);--spectrum-tag-size-large-corner-radius:var(--system-tag-size-large-corner-radius);--spectrum-tag-background-color:var(--system-tag-background-color);--spectrum-tag-background-color-hover:var(--system-tag-background-color-hover);--spectrum-tag-background-color-active:var(--system-tag-background-color-active);--spectrum-tag-background-color-focus:var(--system-tag-background-color-focus);--spectrum-tag-content-color:var(--system-tag-content-color);--spectrum-tag-content-color-hover:var(--system-tag-content-color-hover);--spectrum-tag-content-color-active:var(--system-tag-content-color-active);--spectrum-tag-content-color-focus:var(--system-tag-content-color-focus);--spectrum-tag-border-color-selected:var(--system-tag-border-color-selected);--spectrum-tag-border-color-selected-hover:var(--system-tag-border-color-selected-hover);--spectrum-tag-border-color-selected-active:var(--system-tag-border-color-selected-active);--spectrum-tag-border-color-selected-focus:var(--system-tag-border-color-selected-focus);--spectrum-tag-border-color-disabled:var(--system-tag-border-color-disabled);--spectrum-tag-background-color-disabled:var(--system-tag-background-color-disabled);--spectrum-tag-size-small-spacing-inline-start:var(--system-tag-size-small-spacing-inline-start);--spectrum-tag-size-small-label-spacing-inline-end:var(--system-tag-size-small-label-spacing-inline-end);--spectrum-tag-size-small-clear-button-spacing-inline-end:var(--system-tag-size-small-clear-button-spacing-inline-end);--spectrum-tag-size-medium-spacing-inline-start:var(--system-tag-size-medium-spacing-inline-start);--spectrum-tag-size-medium-label-spacing-inline-end:var(--system-tag-size-medium-label-spacing-inline-end);--spectrum-tag-size-medium-clear-button-spacing-inline-end:var(--system-tag-size-medium-clear-button-spacing-inline-end);--spectrum-tag-size-large-spacing-inline-start:var(--system-tag-size-large-spacing-inline-start);--spectrum-tag-size-large-label-spacing-inline-end:var(--system-tag-size-large-label-spacing-inline-end);--spectrum-tag-size-large-clear-button-spacing-inline-end:var(--system-tag-size-large-clear-button-spacing-inline-end);--spectrum-avatar-opacity-disabled:var(--system-tag-avatar-opacity-disabled);--spectrum-tag-animation-duration:var(--system-tag-animation-duration);--spectrum-tag-border-width:var(--system-tag-border-width);--spectrum-tag-focus-ring-thickness:var(--system-tag-focus-ring-thickness);--spectrum-tag-focus-ring-gap:var(--system-tag-focus-ring-gap);--spectrum-tag-focus-ring-color:var(--system-tag-focus-ring-color);--spectrum-tag-label-line-height:var(--system-tag-label-line-height);--spectrum-tag-label-font-weight:var(--system-tag-label-font-weight);--spectrum-tag-content-color-selected:var(--system-tag-content-color-selected);--spectrum-tag-background-color-selected:var(--system-tag-background-color-selected);--spectrum-tag-background-color-selected-hover:var(--system-tag-background-color-selected-hover);--spectrum-tag-background-color-selected-active:var(--system-tag-background-color-selected-active);--spectrum-tag-background-color-selected-focus:var(--system-tag-background-color-selected-focus);--spectrum-tag-border-color-invalid:var(--system-tag-border-color-invalid);--spectrum-tag-border-color-invalid-hover:var(--system-tag-border-color-invalid-hover);--spectrum-tag-border-color-invalid-active:var(--system-tag-border-color-invalid-active);--spectrum-tag-border-color-invalid-focus:var(--system-tag-border-color-invalid-focus);--spectrum-tag-content-color-invalid:var(--system-tag-content-color-invalid);--spectrum-tag-content-color-invalid-hover:var(--system-tag-content-color-invalid-hover);--spectrum-tag-content-color-invalid-active:var(--system-tag-content-color-invalid-active);--spectrum-tag-content-color-invalid-focus:var(--system-tag-content-color-invalid-focus);--spectrum-tag-border-color-invalid-selected:var(--system-tag-border-color-invalid-selected);--spectrum-tag-border-color-invalid-selected-hover:var(--system-tag-border-color-invalid-selected-hover);--spectrum-tag-border-color-invalid-selected-focus:var(--system-tag-border-color-invalid-selected-focus);--spectrum-tag-border-color-invalid-selected-active:var(--system-tag-border-color-invalid-selected-active);--spectrum-tag-background-color-invalid-selected:var(--system-tag-background-color-invalid-selected);--spectrum-tag-background-color-invalid-selected-hover:var(--system-tag-background-color-invalid-selected-hover);--spectrum-tag-background-color-invalid-selected-active:var(--system-tag-background-color-invalid-selected-active);--spectrum-tag-background-color-invalid-selected-focus:var(--system-tag-background-color-invalid-selected-focus);--spectrum-tag-content-color-invalid-selected:var(--system-tag-content-color-invalid-selected);--spectrum-tag-border-color-emphasized:var(--system-tag-border-color-emphasized);--spectrum-tag-border-color-emphasized-hover:var(--system-tag-border-color-emphasized-hover);--spectrum-tag-border-color-emphasized-active:var(--system-tag-border-color-emphasized-active);--spectrum-tag-border-color-emphasized-focus:var(--system-tag-border-color-emphasized-focus);--spectrum-tag-background-color-emphasized:var(--system-tag-background-color-emphasized);--spectrum-tag-background-color-emphasized-hover:var(--system-tag-background-color-emphasized-hover);--spectrum-tag-background-color-emphasized-active:var(--system-tag-background-color-emphasized-active);--spectrum-tag-background-color-emphasized-focus:var(--system-tag-background-color-emphasized-focus);--spectrum-tag-content-color-emphasized:var(--system-tag-content-color-emphasized);--spectrum-tag-content-color-disabled:var(--system-tag-content-color-disabled);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-icon-spacing-inline-end);--spectrum-tag-icon-size:var(--system-tag-icon-size);--spectrum-tag-icon-spacing-block-start:var(--system-tag-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-icon-spacing-block-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-label-spacing-block);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-clear-button-spacing-inline-start);--spectrum-tag-height:var(--system-tag-height);--spectrum-tag-font-size:var(--system-tag-font-size);--spectrum-tag-clear-button-spacing-block:var(--system-tag-clear-button-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-clear-button-spacing-inline-end)}:host([size=s]){--spectrum-tag-height:var(--system-tag-size-s-height);--spectrum-tag-font-size:var(--system-tag-size-s-font-size);--spectrum-tag-icon-size:var(--system-tag-size-s-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-s-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-s-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-s-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-s-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-s-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-s-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-s-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-s-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-s-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-s-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-s-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-s-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-s-clear-button-spacing-inline-end)}:host{--spectrum-tag-height:var(--system-tag-size-m-height);--spectrum-tag-font-size:var(--system-tag-size-m-font-size);--spectrum-tag-icon-size:var(--system-tag-size-m-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-m-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-m-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-m-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-m-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-m-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-m-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-m-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-m-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-m-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-m-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-m-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-m-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-m-clear-button-spacing-inline-end)}:host([size=l]){--spectrum-tag-height:var(--system-tag-size-l-height);--spectrum-tag-font-size:var(--system-tag-size-l-font-size);--spectrum-tag-icon-size:var(--system-tag-size-l-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-l-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-l-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-l-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-l-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-l-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-l-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-l-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-l-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-l-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-l-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-l-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-l-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-l-clear-button-spacing-inline-end)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";import{css as e}from"@spectrum-web-components/base";const a=e`
|
|
2
|
+
:host{--spectrum-tag-border-color:var(--system-tag-border-color);--spectrum-tag-border-color-hover:var(--system-tag-border-color-hover);--spectrum-tag-border-color-active:var(--system-tag-border-color-active);--spectrum-tag-border-color-focus:var(--system-tag-border-color-focus);--spectrum-tag-size-small-corner-radius:var(--system-tag-size-small-corner-radius);--spectrum-tag-size-medium-corner-radius:var(--system-tag-size-medium-corner-radius);--spectrum-tag-size-large-corner-radius:var(--system-tag-size-large-corner-radius);--spectrum-tag-background-color:var(--system-tag-background-color);--spectrum-tag-background-color-hover:var(--system-tag-background-color-hover);--spectrum-tag-background-color-active:var(--system-tag-background-color-active);--spectrum-tag-background-color-focus:var(--system-tag-background-color-focus);--spectrum-tag-content-color:var(--system-tag-content-color);--spectrum-tag-content-color-hover:var(--system-tag-content-color-hover);--spectrum-tag-content-color-active:var(--system-tag-content-color-active);--spectrum-tag-content-color-focus:var(--system-tag-content-color-focus);--spectrum-tag-border-color-selected:var(--system-tag-border-color-selected);--spectrum-tag-border-color-selected-hover:var(--system-tag-border-color-selected-hover);--spectrum-tag-border-color-selected-active:var(--system-tag-border-color-selected-active);--spectrum-tag-border-color-selected-focus:var(--system-tag-border-color-selected-focus);--spectrum-tag-border-color-disabled:var(--system-tag-border-color-disabled);--spectrum-tag-background-color-disabled:var(--system-tag-background-color-disabled);--spectrum-tag-size-small-spacing-inline-start:var(--system-tag-size-small-spacing-inline-start);--spectrum-tag-size-small-label-spacing-inline-end:var(--system-tag-size-small-label-spacing-inline-end);--spectrum-tag-size-small-clear-button-spacing-inline-end:var(--system-tag-size-small-clear-button-spacing-inline-end);--spectrum-tag-size-medium-spacing-inline-start:var(--system-tag-size-medium-spacing-inline-start);--spectrum-tag-size-medium-label-spacing-inline-end:var(--system-tag-size-medium-label-spacing-inline-end);--spectrum-tag-size-medium-clear-button-spacing-inline-end:var(--system-tag-size-medium-clear-button-spacing-inline-end);--spectrum-tag-size-large-spacing-inline-start:var(--system-tag-size-large-spacing-inline-start);--spectrum-tag-size-large-label-spacing-inline-end:var(--system-tag-size-large-label-spacing-inline-end);--spectrum-tag-size-large-clear-button-spacing-inline-end:var(--system-tag-size-large-clear-button-spacing-inline-end);--spectrum-avatar-opacity-disabled:var(--system-tag-avatar-opacity-disabled);--spectrum-tag-animation-duration:var(--system-tag-animation-duration);--spectrum-tag-border-width:var(--system-tag-border-width);--spectrum-tag-focus-ring-thickness:var(--system-tag-focus-ring-thickness);--spectrum-tag-focus-ring-gap:var(--system-tag-focus-ring-gap);--spectrum-tag-focus-ring-color:var(--system-tag-focus-ring-color);--spectrum-tag-label-line-height:var(--system-tag-label-line-height);--spectrum-tag-label-font-weight:var(--system-tag-label-font-weight);--spectrum-tag-content-color-selected:var(--system-tag-content-color-selected);--spectrum-tag-background-color-selected:var(--system-tag-background-color-selected);--spectrum-tag-background-color-selected-hover:var(--system-tag-background-color-selected-hover);--spectrum-tag-background-color-selected-active:var(--system-tag-background-color-selected-active);--spectrum-tag-background-color-selected-focus:var(--system-tag-background-color-selected-focus);--spectrum-tag-border-color-invalid:var(--system-tag-border-color-invalid);--spectrum-tag-border-color-invalid-hover:var(--system-tag-border-color-invalid-hover);--spectrum-tag-border-color-invalid-active:var(--system-tag-border-color-invalid-active);--spectrum-tag-border-color-invalid-focus:var(--system-tag-border-color-invalid-focus);--spectrum-tag-content-color-invalid:var(--system-tag-content-color-invalid);--spectrum-tag-content-color-invalid-hover:var(--system-tag-content-color-invalid-hover);--spectrum-tag-content-color-invalid-active:var(--system-tag-content-color-invalid-active);--spectrum-tag-content-color-invalid-focus:var(--system-tag-content-color-invalid-focus);--spectrum-tag-border-color-invalid-selected:var(--system-tag-border-color-invalid-selected);--spectrum-tag-border-color-invalid-selected-hover:var(--system-tag-border-color-invalid-selected-hover);--spectrum-tag-border-color-invalid-selected-focus:var(--system-tag-border-color-invalid-selected-focus);--spectrum-tag-border-color-invalid-selected-active:var(--system-tag-border-color-invalid-selected-active);--spectrum-tag-background-color-invalid-selected:var(--system-tag-background-color-invalid-selected);--spectrum-tag-background-color-invalid-selected-hover:var(--system-tag-background-color-invalid-selected-hover);--spectrum-tag-background-color-invalid-selected-active:var(--system-tag-background-color-invalid-selected-active);--spectrum-tag-background-color-invalid-selected-focus:var(--system-tag-background-color-invalid-selected-focus);--spectrum-tag-content-color-invalid-selected:var(--system-tag-content-color-invalid-selected);--spectrum-tag-border-color-emphasized:var(--system-tag-border-color-emphasized);--spectrum-tag-border-color-emphasized-hover:var(--system-tag-border-color-emphasized-hover);--spectrum-tag-border-color-emphasized-active:var(--system-tag-border-color-emphasized-active);--spectrum-tag-border-color-emphasized-focus:var(--system-tag-border-color-emphasized-focus);--spectrum-tag-background-color-emphasized:var(--system-tag-background-color-emphasized);--spectrum-tag-background-color-emphasized-hover:var(--system-tag-background-color-emphasized-hover);--spectrum-tag-background-color-emphasized-active:var(--system-tag-background-color-emphasized-active);--spectrum-tag-background-color-emphasized-focus:var(--system-tag-background-color-emphasized-focus);--spectrum-tag-content-color-emphasized:var(--system-tag-content-color-emphasized);--spectrum-tag-content-color-disabled:var(--system-tag-content-color-disabled);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-icon-spacing-inline-end);--spectrum-tag-icon-size:var(--system-tag-icon-size);--spectrum-tag-icon-spacing-block-start:var(--system-tag-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-icon-spacing-block-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-label-spacing-block);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-clear-button-spacing-inline-start);--spectrum-tag-height:var(--system-tag-height);--spectrum-tag-font-size:var(--system-tag-font-size);--spectrum-tag-clear-button-spacing-block:var(--system-tag-clear-button-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-clear-button-spacing-inline-end)}:host([size=s]){--spectrum-tag-height:var(--system-tag-size-s-height);--spectrum-tag-font-size:var(--system-tag-size-s-font-size);--spectrum-tag-icon-size:var(--system-tag-size-s-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-s-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-s-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-s-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-s-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-s-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-s-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-s-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-s-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-s-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-s-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-s-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-s-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-s-clear-button-spacing-inline-end)}:host{--spectrum-tag-height:var(--system-tag-size-m-height);--spectrum-tag-font-size:var(--system-tag-size-m-font-size);--spectrum-tag-icon-size:var(--system-tag-size-m-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-m-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-m-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-m-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-m-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-m-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-m-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-m-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-m-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-m-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-m-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-m-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-m-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-m-clear-button-spacing-inline-end)}:host([size=l]){--spectrum-tag-height:var(--system-tag-size-l-height);--spectrum-tag-font-size:var(--system-tag-size-l-font-size);--spectrum-tag-icon-size:var(--system-tag-size-l-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-l-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-l-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-l-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-l-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-l-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-l-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-l-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-l-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-l-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-l-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-l-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-l-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-l-clear-button-spacing-inline-end)}
|
|
3
|
+
`;export default a;
|
|
4
|
+
//# sourceMappingURL=tag-overrides.css.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["tag-overrides.css.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2024 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-color:var(--system-tag-border-color);--spectrum-tag-border-color-hover:var(--system-tag-border-color-hover);--spectrum-tag-border-color-active:var(--system-tag-border-color-active);--spectrum-tag-border-color-focus:var(--system-tag-border-color-focus);--spectrum-tag-size-small-corner-radius:var(--system-tag-size-small-corner-radius);--spectrum-tag-size-medium-corner-radius:var(--system-tag-size-medium-corner-radius);--spectrum-tag-size-large-corner-radius:var(--system-tag-size-large-corner-radius);--spectrum-tag-background-color:var(--system-tag-background-color);--spectrum-tag-background-color-hover:var(--system-tag-background-color-hover);--spectrum-tag-background-color-active:var(--system-tag-background-color-active);--spectrum-tag-background-color-focus:var(--system-tag-background-color-focus);--spectrum-tag-content-color:var(--system-tag-content-color);--spectrum-tag-content-color-hover:var(--system-tag-content-color-hover);--spectrum-tag-content-color-active:var(--system-tag-content-color-active);--spectrum-tag-content-color-focus:var(--system-tag-content-color-focus);--spectrum-tag-border-color-selected:var(--system-tag-border-color-selected);--spectrum-tag-border-color-selected-hover:var(--system-tag-border-color-selected-hover);--spectrum-tag-border-color-selected-active:var(--system-tag-border-color-selected-active);--spectrum-tag-border-color-selected-focus:var(--system-tag-border-color-selected-focus);--spectrum-tag-border-color-disabled:var(--system-tag-border-color-disabled);--spectrum-tag-background-color-disabled:var(--system-tag-background-color-disabled);--spectrum-tag-size-small-spacing-inline-start:var(--system-tag-size-small-spacing-inline-start);--spectrum-tag-size-small-label-spacing-inline-end:var(--system-tag-size-small-label-spacing-inline-end);--spectrum-tag-size-small-clear-button-spacing-inline-end:var(--system-tag-size-small-clear-button-spacing-inline-end);--spectrum-tag-size-medium-spacing-inline-start:var(--system-tag-size-medium-spacing-inline-start);--spectrum-tag-size-medium-label-spacing-inline-end:var(--system-tag-size-medium-label-spacing-inline-end);--spectrum-tag-size-medium-clear-button-spacing-inline-end:var(--system-tag-size-medium-clear-button-spacing-inline-end);--spectrum-tag-size-large-spacing-inline-start:var(--system-tag-size-large-spacing-inline-start);--spectrum-tag-size-large-label-spacing-inline-end:var(--system-tag-size-large-label-spacing-inline-end);--spectrum-tag-size-large-clear-button-spacing-inline-end:var(--system-tag-size-large-clear-button-spacing-inline-end);--spectrum-avatar-opacity-disabled:var(--system-tag-avatar-opacity-disabled);--spectrum-tag-animation-duration:var(--system-tag-animation-duration);--spectrum-tag-border-width:var(--system-tag-border-width);--spectrum-tag-focus-ring-thickness:var(--system-tag-focus-ring-thickness);--spectrum-tag-focus-ring-gap:var(--system-tag-focus-ring-gap);--spectrum-tag-focus-ring-color:var(--system-tag-focus-ring-color);--spectrum-tag-label-line-height:var(--system-tag-label-line-height);--spectrum-tag-label-font-weight:var(--system-tag-label-font-weight);--spectrum-tag-content-color-selected:var(--system-tag-content-color-selected);--spectrum-tag-background-color-selected:var(--system-tag-background-color-selected);--spectrum-tag-background-color-selected-hover:var(--system-tag-background-color-selected-hover);--spectrum-tag-background-color-selected-active:var(--system-tag-background-color-selected-active);--spectrum-tag-background-color-selected-focus:var(--system-tag-background-color-selected-focus);--spectrum-tag-border-color-invalid:var(--system-tag-border-color-invalid);--spectrum-tag-border-color-invalid-hover:var(--system-tag-border-color-invalid-hover);--spectrum-tag-border-color-invalid-active:var(--system-tag-border-color-invalid-active);--spectrum-tag-border-color-invalid-focus:var(--system-tag-border-color-invalid-focus);--spectrum-tag-content-color-invalid:var(--system-tag-content-color-invalid);--spectrum-tag-content-color-invalid-hover:var(--system-tag-content-color-invalid-hover);--spectrum-tag-content-color-invalid-active:var(--system-tag-content-color-invalid-active);--spectrum-tag-content-color-invalid-focus:var(--system-tag-content-color-invalid-focus);--spectrum-tag-border-color-invalid-selected:var(--system-tag-border-color-invalid-selected);--spectrum-tag-border-color-invalid-selected-hover:var(--system-tag-border-color-invalid-selected-hover);--spectrum-tag-border-color-invalid-selected-focus:var(--system-tag-border-color-invalid-selected-focus);--spectrum-tag-border-color-invalid-selected-active:var(--system-tag-border-color-invalid-selected-active);--spectrum-tag-background-color-invalid-selected:var(--system-tag-background-color-invalid-selected);--spectrum-tag-background-color-invalid-selected-hover:var(--system-tag-background-color-invalid-selected-hover);--spectrum-tag-background-color-invalid-selected-active:var(--system-tag-background-color-invalid-selected-active);--spectrum-tag-background-color-invalid-selected-focus:var(--system-tag-background-color-invalid-selected-focus);--spectrum-tag-content-color-invalid-selected:var(--system-tag-content-color-invalid-selected);--spectrum-tag-border-color-emphasized:var(--system-tag-border-color-emphasized);--spectrum-tag-border-color-emphasized-hover:var(--system-tag-border-color-emphasized-hover);--spectrum-tag-border-color-emphasized-active:var(--system-tag-border-color-emphasized-active);--spectrum-tag-border-color-emphasized-focus:var(--system-tag-border-color-emphasized-focus);--spectrum-tag-background-color-emphasized:var(--system-tag-background-color-emphasized);--spectrum-tag-background-color-emphasized-hover:var(--system-tag-background-color-emphasized-hover);--spectrum-tag-background-color-emphasized-active:var(--system-tag-background-color-emphasized-active);--spectrum-tag-background-color-emphasized-focus:var(--system-tag-background-color-emphasized-focus);--spectrum-tag-content-color-emphasized:var(--system-tag-content-color-emphasized);--spectrum-tag-content-color-disabled:var(--system-tag-content-color-disabled);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-icon-spacing-inline-end);--spectrum-tag-icon-size:var(--system-tag-icon-size);--spectrum-tag-icon-spacing-block-start:var(--system-tag-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-icon-spacing-block-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-label-spacing-block);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-clear-button-spacing-inline-start);--spectrum-tag-height:var(--system-tag-height);--spectrum-tag-font-size:var(--system-tag-font-size);--spectrum-tag-clear-button-spacing-block:var(--system-tag-clear-button-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-clear-button-spacing-inline-end)}:host([size=s]){--spectrum-tag-height:var(--system-tag-size-s-height);--spectrum-tag-font-size:var(--system-tag-size-s-font-size);--spectrum-tag-icon-size:var(--system-tag-size-s-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-s-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-s-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-s-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-s-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-s-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-s-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-s-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-s-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-s-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-s-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-s-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-s-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-s-clear-button-spacing-inline-end)}:host{--spectrum-tag-height:var(--system-tag-size-m-height);--spectrum-tag-font-size:var(--system-tag-size-m-font-size);--spectrum-tag-icon-size:var(--system-tag-size-m-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-m-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-m-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-m-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-m-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-m-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-m-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-m-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-m-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-m-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-m-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-m-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-m-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-m-clear-button-spacing-inline-end)}:host([size=l]){--spectrum-tag-height:var(--system-tag-size-l-height);--spectrum-tag-font-size:var(--system-tag-size-l-font-size);--spectrum-tag-icon-size:var(--system-tag-size-l-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-l-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-l-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-l-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-l-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-l-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-l-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-l-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-l-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-l-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-l-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-l-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-l-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-l-clear-button-spacing-inline-end)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
|
+
}
|
package/src/tag.css.d.ts
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
|
3
|
+
const styles = css`
|
|
4
|
+
:host{border-color:var(--highcontrast-tag-border-color,var(--mod-tag-border-color,var(--spectrum-tag-border-color)));background-color:var(--highcontrast-tag-background-color,var(--mod-tag-background-color,var(--spectrum-tag-background-color)));color:var(--highcontrast-tag-content-color,var(--mod-tag-content-color,var(--spectrum-tag-content-color)));border-radius:var(--mod-tag-corner-radius,var(--spectrum-tag-corner-radius));border-width:var(--mod-tag-border-width,var(--spectrum-tag-border-width));block-size:var(--mod-tag-height,var(--spectrum-tag-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:100%;-webkit-user-select:none;user-select:none;transition:border-color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,box-shadow var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,background-color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out;border-style:solid;outline:none;align-items:center;padding-inline-start:calc(var(--mod-tag-spacing-inline-start,var(--spectrum-tag-spacing-inline-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-inline-end:0;display:inline-flex;position:relative}::slotted([slot=icon]){block-size:var(--mod-tag-icon-size,var(--spectrum-tag-icon-size));inline-size:var(--mod-tag-icon-size,var(--spectrum-tag-icon-size));flex-shrink:0;margin-block-start:calc(var(--mod-tag-icon-spacing-block-start,var(--spectrum-tag-icon-spacing-block-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-block-end:calc(var(--mod-tag-icon-spacing-block-end,var(--spectrum-tag-icon-spacing-block-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-inline-end:var(--mod-tag-icon-spacing-inline-end,var(--spectrum-tag-icon-spacing-inline-end))}::slotted([slot=avatar]){margin-block-start:calc(var(--mod-tag-avatar-spacing-block-start,var(--spectrum-tag-avatar-spacing-block-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-block-end:calc(var(--mod-tag-avatar-spacing-block-end,var(--spectrum-tag-avatar-spacing-block-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-inline-end:var(--mod-tag-avatar-spacing-inline-end,var(--spectrum-tag-avatar-spacing-inline-end))}.clear-button{--mod-clear-button-width:fit-content;--spectrum-clearbutton-fill-size:fit-content;--spectrum-clearbutton-fill-background-color:transparent;box-sizing:border-box;color:currentColor;margin-inline-start:calc(var(--mod-tag-clear-button-spacing-inline-start,var(--spectrum-tag-clear-button-spacing-inline-start)) + var(--mod-tag-label-spacing-inline-end,var(--spectrum-tag-label-spacing-inline-end))*-1);margin-inline-end:calc(var(--mod-tag-clear-button-spacing-inline-end,var(--spectrum-tag-clear-button-spacing-inline-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-start:calc(var(--mod-tag-clear-button-spacing-block,var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-end:calc(var(--mod-tag-clear-button-spacing-block,var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)))}.clear-button .spectrum-ClearButton-fill{background-color:var(--mod-clearbutton-fill-background-color,var(--spectrum-clearbutton-fill-background-color));inline-size:var(--mod-clearbutton-fill-size,var(--spectrum-clearbutton-fill-size));block-size:var(--mod-clearbutton-fill-size,var(--spectrum-clearbutton-fill-size))}.label{block-size:100%;box-sizing:border-box;line-height:var(--mod-tag-label-line-height,var(--spectrum-tag-label-line-height));font-weight:var(--mod-tag-label-font-weight,var(--spectrum-tag-label-font-weight));font-size:var(--mod-tag-font-size,var(--spectrum-tag-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;flex:auto;margin-inline-end:calc(var(--mod-tag-label-spacing-inline-end,var(--spectrum-tag-label-spacing-inline-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-start:calc(var(--mod-tag-label-spacing-block,var(--spectrum-tag-label-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));overflow:hidden}:host(:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-active,var(--mod-tag-border-color-active,var(--spectrum-tag-border-color-active)));background-color:var(--highcontrast-tag-background-color-active,var(--mod-tag-background-color-active,var(--spectrum-tag-background-color-active)));color:var(--highcontrast-tag-content-color-active,var(--mod-tag-content-color-active,var(--spectrum-tag-content-color-active)))}:host([focused]),:host(:focus-visible){border-color:var(--highcontrast-tag-border-color-focus,var(--mod-tag-border-color-focus,var(--spectrum-tag-border-color-focus)));background-color:var(--highcontrast-tag-background-color-focus,var(--mod-tag-background-color-focus,var(--spectrum-tag-background-color-focus)));color:var(--highcontrast-tag-content-color-focus,var(--mod-tag-content-color-focus,var(--spectrum-tag-content-color-focus)))}:host([focused]):after,:host(:focus-visible):after{content:"";border-color:var(--highcontrast-tag-focus-ring-color,var(--mod-tag-focus-ring-color,var(--spectrum-tag-focus-ring-color)));border-radius:calc(var(--mod-tag-corner-radius,var(--spectrum-tag-corner-radius)) + var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap)) + var(--mod-tag-border-width,var(--spectrum-tag-border-width)));border-width:var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness));pointer-events:none;border-style:solid;display:inline-block;position:absolute;inset-block-start:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-block-end:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-inline-start:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-inline-end:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)))}:host([selected]){border-color:var(--highcontrast-tag-border-color-selected,var(--mod-tag-border-color-selected,var(--spectrum-tag-border-color-selected)));background-color:var(--highcontrast-tag-background-color-selected,var(--mod-tag-background-color-selected,var(--spectrum-tag-background-color-selected)));color:var(--highcontrast-tag-content-color-selected,var(--mod-tag-content-color-selected,var(--spectrum-tag-content-color-selected)))}:host([selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-selected-active,var(--mod-tag-border-color-selected-active,var(--spectrum-tag-border-color-selected-active)));background-color:var(--highcontrast-tag-background-color-selected-active,var(--mod-tag-background-color-selected-active,var(--spectrum-tag-background-color-selected-active)))}:host([selected][focused]),:host([selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-selected-focus,var(--mod-tag-border-color-selected-focus,var(--spectrum-tag-border-color-selected-focus)));background-color:var(--highcontrast-tag-background-color-selected-focus,var(--mod-tag-background-color-selected-focus,var(--spectrum-tag-background-color-selected-focus)))}:host([invalid]){border-color:var(--highcontrast-tag-border-color-invalid,var(--mod-tag-border-color-invalid,var(--spectrum-tag-border-color-invalid)));color:var(--highcontrast-tag-content-color-invalid,var(--mod-tag-content-color-invalid,var(--spectrum-tag-content-color-invalid)))}:host([invalid]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-active,var(--mod-tag-border-color-invalid-active,var(--spectrum-tag-border-color-invalid-active)));color:var(--highcontrast-tag-content-color-invalid-active,var(--mod-tag-content-color-invalid-active,var(--spectrum-tag-content-color-invalid-active)))}:host([invalid][focused]),:host([invalid]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-focus,var(--mod-tag-border-color-invalid-focus,var(--spectrum-tag-border-color-invalid-focus)));color:var(--highcontrast-tag-content-color-invalid-focus,var(--mod-tag-content-color-invalid-focus,var(--spectrum-tag-content-color-invalid-focus)))}:host([invalid][selected]){border-color:var(--highcontrast-tag-border-color-invalid-selected,var(--mod-tag-border-color-invalid-selected,var(--spectrum-tag-border-color-invalid-selected)));background-color:var(--highcontrast-tag-background-color-invalid-selected,var(--mod-tag-background-color-invalid-selected,var(--spectrum-tag-background-color-invalid-selected)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--mod-tag-content-color-invalid-selected,var(--spectrum-tag-content-color-invalid-selected)))}:host([invalid][selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-selected-active,var(--mod-tag-border-color-invalid-selected-active,var(--spectrum-tag-border-color-invalid-selected-active)));background-color:var(--highcontrast-tag-background-color-invalid-selected-active,var(--mod-tag-background-color-invalid-selected-active,var(--spectrum-tag-background-color-invalid-selected-active)))}:host([invalid][selected][focused]),:host([invalid][selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-selected-focus,var(--mod-tag-border-color-invalid-selected-focus,var(--spectrum-tag-border-color-invalid-selected-focus)));background-color:var(--highcontrast-tag-background-color-invalid-selected-focus,var(--mod-tag-background-color-invalid-selected-focus,var(--spectrum-tag-background-color-invalid-selected-focus)))}:host([emphasized]){border-color:var(--highcontrast-tag-border-color-emphasized,var(--mod-tag-border-color-emphasized,var(--spectrum-tag-border-color-emphasized)));background-color:var(--highcontrast-tag-background-color-emphasized,var(--mod-tag-background-color-emphasized,var(--spectrum-tag-background-color-emphasized)));color:var(--highcontrast-tag-content-color-emphasized,var(--mod-tag-content-color-emphasized,var(--spectrum-tag-content-color-emphasized)))}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-tag-border-color-hover,var(--mod-tag-border-color-hover,var(--spectrum-tag-border-color-hover)));background-color:var(--highcontrast-tag-background-color-hover,var(--mod-tag-background-color-hover,var(--spectrum-tag-background-color-hover)));color:var(--highcontrast-tag-content-color-hover,var(--mod-tag-content-color-hover,var(--spectrum-tag-content-color-hover)))}:host([selected]:hover){border-color:var(--highcontrast-tag-border-color-selected-hover,var(--mod-tag-border-color-selected-hover,var(--spectrum-tag-border-color-selected-hover)));background-color:var(--highcontrast-tag-background-color-selected-hover,var(--mod-tag-background-color-selected-hover,var(--spectrum-tag-background-color-selected-hover)));color:var(--highcontrast-tag-content-color-selected,var(--mod-tag-content-color-selected,var(--spectrum-tag-content-color-selected)))}:host([invalid]:hover){border-color:var(--highcontrast-tag-border-color-invalid-hover,var(--mod-tag-border-color-invalid-hover,var(--spectrum-tag-border-color-invalid-hover)));color:var(--highcontrast-tag-content-color-invalid-hover,var(--mod-tag-content-color-invalid-hover,var(--spectrum-tag-content-color-invalid-hover)))}:host([invalid][selected]:hover){border-color:var(--highcontrast-tag-border-color-invalid-selected-hover,var(--mod-tag-border-color-invalid-selected-hover,var(--spectrum-tag-border-color-invalid-selected-hover)));background-color:var(--highcontrast-tag-background-color-invalid-selected-hover,var(--mod-tag-background-color-invalid-selected-hover,var(--spectrum-tag-background-color-invalid-selected-hover)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--mod-tag-content-color-invalid-selected,var(--spectrum-tag-content-color-invalid-selected)))}:host([emphasized]:hover){border-color:var(--highcontrast-tag-border-color-emphasized-hover,var(--mod-tag-border-color-emphasized-hover,var(--spectrum-tag-border-color-emphasized-hover)));background-color:var(--highcontrast-tag-background-color-emphasized-hover,var(--mod-tag-background-color-emphasized-hover,var(--spectrum-tag-background-color-emphasized-hover)));color:var(--highcontrast-tag-content-color-emphasized,var(--mod-tag-content-color-emphasized,var(--spectrum-tag-content-color-emphasized)))}}:host([emphasized]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-emphasized-active,var(--mod-tag-border-color-emphasized-active,var(--spectrum-tag-border-color-emphasized-active)));background-color:var(--highcontrast-tag-background-color-emphasized-active,var(--mod-tag-background-color-emphasized-active,var(--spectrum-tag-background-color-emphasized-active)))}:host([emphasized][focused]),:host([emphasized]:focus-visible){border-color:var(--highcontrast-tag-border-color-emphasized-focus,var(--mod-tag-border-color-emphasized-focus,var(--spectrum-tag-border-color-emphasized-focus)));background-color:var(--highcontrast-tag-background-color-emphasized-focus,var(--mod-tag-background-color-emphasized-focus,var(--spectrum-tag-background-color-emphasized-focus)))}:host([disabled]){border-color:var(--highcontrast-tag-border-color-disabled,var(--mod-tag-border-color-disabled,var(--spectrum-tag-border-color-disabled)));background-color:var(--highcontrast-tag-background-color-disabled,var(--mod-tag-background-color-disabled,var(--spectrum-tag-background-color-disabled)));color:var(--highcontrast-tag-content-color-disabled,var(--mod-tag-content-color-disabled,var(--spectrum-tag-content-color-disabled)));pointer-events:none}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--mod-avatar-opacity-disabled,var(--spectrum-avatar-opacity-disabled))}@media (forced-colors:active){:host{--highcontrast-tag-border-color:ButtonText;--highcontrast-tag-border-color-hover:ButtonText;--highcontrast-tag-border-color-active:ButtonText;--highcontrast-tag-border-color-focus:Highlight;--highcontrast-tag-background-color:ButtonFace;--highcontrast-tag-background-color-hover:ButtonFace;--highcontrast-tag-background-color-active:ButtonFace;--highcontrast-tag-background-color-focus:ButtonFace;--highcontrast-tag-content-color:ButtonText;--highcontrast-tag-content-color-hover:ButtonText;--highcontrast-tag-content-color-active:ButtonText;--highcontrast-tag-content-color-focus:ButtonText;--highcontrast-tag-focus-ring-color:Highlight;forced-color-adjust:none}:host([selected]){--highcontrast-tag-border-color-selected:Highlight;--highcontrast-tag-border-color-selected-hover:Highlight;--highcontrast-tag-border-color-selected-active:Highlight;--highcontrast-tag-border-color-selected-focus:Highlight;--highcontrast-tag-background-color-selected:Highlight;--highcontrast-tag-background-color-selected-hover:Highlight;--highcontrast-tag-background-color-selected-active:Highlight;--highcontrast-tag-background-color-selected-focus:Highlight;--highcontrast-tag-content-color-selected:HighlightText}:host([disabled]){--highcontrast-tag-border-color-disabled:GrayText;--highcontrast-tag-background-color-disabled:ButtonFace;--highcontrast-tag-content-color-disabled:GrayText}:host([invalid]){--highcontrast-tag-border-color-invalid:Highlight;--highcontrast-tag-border-color-invalid-hover:Highlight;--highcontrast-tag-border-color-invalid-active:Highlight;--highcontrast-tag-border-color-invalid-focus:Highlight;--highcontrast-tag-content-color-invalid:CanvasText;--highcontrast-tag-content-color-invalid-hover:CanvasText;--highcontrast-tag-content-color-invalid-active:CanvasText;--highcontrast-tag-content-color-invalid-focus:CanvasText}:host([invalid][selected]){--highcontrast-tag-border-color-invalid-selected:Highlight;--highcontrast-tag-border-color-invalid-selected-hover:Highlight;--highcontrast-tag-border-color-invalid-selected-focus:Highlight;--highcontrast-tag-border-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected:Highlight;--highcontrast-tag-background-color-invalid-selected-hover:Highlight;--highcontrast-tag-background-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected-focus:Highlight;--highcontrast-tag-content-color-invalid-selected:HighlightText}:host([emphasized]){--highcontrast-tag-border-color-emphasized:Highlight;--highcontrast-tag-border-color-emphasized-hover:Highlight;--highcontrast-tag-border-color-emphasized-active:Highlight;--highcontrast-tag-border-color-emphasized-focus:Highlight;--highcontrast-tag-background-color-emphasized:ButtonFace;--highcontrast-tag-background-color-emphasized-hover:ButtonFace;--highcontrast-tag-background-color-emphasized-active:ButtonFace;--highcontrast-tag-background-color-emphasized-focus:ButtonFace;--highcontrast-tag-content-color-emphasized:CanvasText}}:host{--spectrum-tag-border-color:var(--system-tag-border-color);--spectrum-tag-border-color-hover:var(--system-tag-border-color-hover);--spectrum-tag-border-color-active:var(--system-tag-border-color-active);--spectrum-tag-border-color-focus:var(--system-tag-border-color-focus);--spectrum-tag-size-small-corner-radius:var(--system-tag-size-small-corner-radius);--spectrum-tag-size-medium-corner-radius:var(--system-tag-size-medium-corner-radius);--spectrum-tag-size-large-corner-radius:var(--system-tag-size-large-corner-radius);--spectrum-tag-background-color:var(--system-tag-background-color);--spectrum-tag-background-color-hover:var(--system-tag-background-color-hover);--spectrum-tag-background-color-active:var(--system-tag-background-color-active);--spectrum-tag-background-color-focus:var(--system-tag-background-color-focus);--spectrum-tag-content-color:var(--system-tag-content-color);--spectrum-tag-content-color-hover:var(--system-tag-content-color-hover);--spectrum-tag-content-color-active:var(--system-tag-content-color-active);--spectrum-tag-content-color-focus:var(--system-tag-content-color-focus);--spectrum-tag-border-color-selected:var(--system-tag-border-color-selected);--spectrum-tag-border-color-selected-hover:var(--system-tag-border-color-selected-hover);--spectrum-tag-border-color-selected-active:var(--system-tag-border-color-selected-active);--spectrum-tag-border-color-selected-focus:var(--system-tag-border-color-selected-focus);--spectrum-tag-border-color-disabled:var(--system-tag-border-color-disabled);--spectrum-tag-background-color-disabled:var(--system-tag-background-color-disabled);--spectrum-tag-size-small-spacing-inline-start:var(--system-tag-size-small-spacing-inline-start);--spectrum-tag-size-small-label-spacing-inline-end:var(--system-tag-size-small-label-spacing-inline-end);--spectrum-tag-size-small-clear-button-spacing-inline-end:var(--system-tag-size-small-clear-button-spacing-inline-end);--spectrum-tag-size-medium-spacing-inline-start:var(--system-tag-size-medium-spacing-inline-start);--spectrum-tag-size-medium-label-spacing-inline-end:var(--system-tag-size-medium-label-spacing-inline-end);--spectrum-tag-size-medium-clear-button-spacing-inline-end:var(--system-tag-size-medium-clear-button-spacing-inline-end);--spectrum-tag-size-large-spacing-inline-start:var(--system-tag-size-large-spacing-inline-start);--spectrum-tag-size-large-label-spacing-inline-end:var(--system-tag-size-large-label-spacing-inline-end);--spectrum-tag-size-large-clear-button-spacing-inline-end:var(--system-tag-size-large-clear-button-spacing-inline-end);--spectrum-avatar-opacity-disabled:var(--system-tag-avatar-opacity-disabled);--spectrum-tag-animation-duration:var(--system-tag-animation-duration);--spectrum-tag-border-width:var(--system-tag-border-width);--spectrum-tag-focus-ring-thickness:var(--system-tag-focus-ring-thickness);--spectrum-tag-focus-ring-gap:var(--system-tag-focus-ring-gap);--spectrum-tag-focus-ring-color:var(--system-tag-focus-ring-color);--spectrum-tag-label-line-height:var(--system-tag-label-line-height);--spectrum-tag-label-font-weight:var(--system-tag-label-font-weight);--spectrum-tag-content-color-selected:var(--system-tag-content-color-selected);--spectrum-tag-background-color-selected:var(--system-tag-background-color-selected);--spectrum-tag-background-color-selected-hover:var(--system-tag-background-color-selected-hover);--spectrum-tag-background-color-selected-active:var(--system-tag-background-color-selected-active);--spectrum-tag-background-color-selected-focus:var(--system-tag-background-color-selected-focus);--spectrum-tag-border-color-invalid:var(--system-tag-border-color-invalid);--spectrum-tag-border-color-invalid-hover:var(--system-tag-border-color-invalid-hover);--spectrum-tag-border-color-invalid-active:var(--system-tag-border-color-invalid-active);--spectrum-tag-border-color-invalid-focus:var(--system-tag-border-color-invalid-focus);--spectrum-tag-content-color-invalid:var(--system-tag-content-color-invalid);--spectrum-tag-content-color-invalid-hover:var(--system-tag-content-color-invalid-hover);--spectrum-tag-content-color-invalid-active:var(--system-tag-content-color-invalid-active);--spectrum-tag-content-color-invalid-focus:var(--system-tag-content-color-invalid-focus);--spectrum-tag-border-color-invalid-selected:var(--system-tag-border-color-invalid-selected);--spectrum-tag-border-color-invalid-selected-hover:var(--system-tag-border-color-invalid-selected-hover);--spectrum-tag-border-color-invalid-selected-focus:var(--system-tag-border-color-invalid-selected-focus);--spectrum-tag-border-color-invalid-selected-active:var(--system-tag-border-color-invalid-selected-active);--spectrum-tag-background-color-invalid-selected:var(--system-tag-background-color-invalid-selected);--spectrum-tag-background-color-invalid-selected-hover:var(--system-tag-background-color-invalid-selected-hover);--spectrum-tag-background-color-invalid-selected-active:var(--system-tag-background-color-invalid-selected-active);--spectrum-tag-background-color-invalid-selected-focus:var(--system-tag-background-color-invalid-selected-focus);--spectrum-tag-content-color-invalid-selected:var(--system-tag-content-color-invalid-selected);--spectrum-tag-border-color-emphasized:var(--system-tag-border-color-emphasized);--spectrum-tag-border-color-emphasized-hover:var(--system-tag-border-color-emphasized-hover);--spectrum-tag-border-color-emphasized-active:var(--system-tag-border-color-emphasized-active);--spectrum-tag-border-color-emphasized-focus:var(--system-tag-border-color-emphasized-focus);--spectrum-tag-background-color-emphasized:var(--system-tag-background-color-emphasized);--spectrum-tag-background-color-emphasized-hover:var(--system-tag-background-color-emphasized-hover);--spectrum-tag-background-color-emphasized-active:var(--system-tag-background-color-emphasized-active);--spectrum-tag-background-color-emphasized-focus:var(--system-tag-background-color-emphasized-focus);--spectrum-tag-content-color-emphasized:var(--system-tag-content-color-emphasized);--spectrum-tag-content-color-disabled:var(--system-tag-content-color-disabled);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-icon-spacing-inline-end);--spectrum-tag-icon-size:var(--system-tag-icon-size);--spectrum-tag-icon-spacing-block-start:var(--system-tag-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-icon-spacing-block-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-label-spacing-block);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-clear-button-spacing-inline-start);--spectrum-tag-height:var(--system-tag-height);--spectrum-tag-font-size:var(--system-tag-font-size);--spectrum-tag-clear-button-spacing-block:var(--system-tag-clear-button-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-clear-button-spacing-inline-end)}:host([size=s]){--spectrum-tag-height:var(--system-tag-size-s-height);--spectrum-tag-font-size:var(--system-tag-size-s-font-size);--spectrum-tag-icon-size:var(--system-tag-size-s-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-s-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-s-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-s-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-s-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-s-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-s-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-s-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-s-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-s-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-s-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-s-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-s-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-s-clear-button-spacing-inline-end)}:host{--spectrum-tag-height:var(--system-tag-size-m-height);--spectrum-tag-font-size:var(--system-tag-size-m-font-size);--spectrum-tag-icon-size:var(--system-tag-size-m-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-m-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-m-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-m-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-m-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-m-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-m-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-m-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-m-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-m-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-m-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-m-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-m-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-m-clear-button-spacing-inline-end)}:host([size=l]){--spectrum-tag-height:var(--system-tag-size-l-height);--spectrum-tag-font-size:var(--system-tag-size-l-font-size);--spectrum-tag-icon-size:var(--system-tag-size-l-icon-size);--spectrum-tag-clear-button-spacing-inline-start:var(--system-tag-size-l-clear-button-spacing-inline-start);--spectrum-tag-clear-button-spacing-block:var(--system-tag-size-l-clear-button-spacing-block);--spectrum-tag-icon-spacing-block-start:var(--system-tag-size-l-icon-spacing-block-start);--spectrum-tag-icon-spacing-block-end:var(--system-tag-size-l-icon-spacing-block-end);--spectrum-tag-icon-spacing-inline-end:var(--system-tag-size-l-icon-spacing-inline-end);--spectrum-tag-avatar-spacing-block-start:var(--system-tag-size-l-avatar-spacing-block-start);--spectrum-tag-avatar-spacing-block-end:var(--system-tag-size-l-avatar-spacing-block-end);--spectrum-tag-avatar-spacing-inline-end:var(--system-tag-size-l-avatar-spacing-inline-end);--spectrum-tag-label-spacing-block:var(--system-tag-size-l-label-spacing-block);--spectrum-tag-corner-radius:var(--system-tag-size-l-corner-radius);--spectrum-tag-spacing-inline-start:var(--system-tag-size-l-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--system-tag-size-l-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--system-tag-size-l-clear-button-spacing-inline-end)}:host([invalid]) .clear-button{--spectrum-clearbutton-medium-icon-color:var(--spectrum-tag-icon-color-error-key-focus,var(--spectrum-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-red-700))}:host([invalid]):hover .clear-button,:host([invalid]:is(:active,[active])) .clear-button{--spectrum-clearbutton-medium-icon-color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-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-red-700))}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}
|
|
5
|
+
`;
|
|
6
|
+
export default styles;
|
|
7
|
+
//# sourceMappingURL=tag.css.dev.js.map
|