@spectrum-web-components/tags 0.40.3 → 0.40.4
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 +1 -59
- package/package.json +8 -8
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
## Description
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
`<sp-tags>` elements contain a collection of `<sp-tag>` elements and allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request.
|
|
4
4
|
|
|
5
5
|
### Usage
|
|
6
6
|
|
|
@@ -83,61 +83,3 @@ import {
|
|
|
83
83
|
</sp-tag>
|
|
84
84
|
</sp-tags>
|
|
85
85
|
```
|
|
86
|
-
|
|
87
|
-
### Deletable
|
|
88
|
-
|
|
89
|
-
Use the `deletable` attribute to signify `sp-tags` elements that can be removed. The tags will only be focusable and deletable when they have the `deletable` and non-disabled attribute.
|
|
90
|
-
|
|
91
|
-
```html-live
|
|
92
|
-
<sp-tags>
|
|
93
|
-
<sp-tag deletable>Tag 1</sp-tag>
|
|
94
|
-
<sp-tag invalid deletable>Tag 2</sp-tag>
|
|
95
|
-
<sp-tag disabled deletable>Tag 3</sp-tag>
|
|
96
|
-
</sp-tags>
|
|
97
|
-
```
|
|
98
|
-
|
|
99
|
-
```html-live
|
|
100
|
-
<sp-tags>
|
|
101
|
-
<sp-tag deletable>
|
|
102
|
-
Tag 1
|
|
103
|
-
<sp-avatar
|
|
104
|
-
slot="avatar"
|
|
105
|
-
label="Tag 1"
|
|
106
|
-
src=https://picsum.photos/500/500
|
|
107
|
-
></sp-avatar>
|
|
108
|
-
</sp-tag>
|
|
109
|
-
<sp-tag invalid deletable>
|
|
110
|
-
Tag 2
|
|
111
|
-
<sp-avatar
|
|
112
|
-
slot="avatar"
|
|
113
|
-
label="Tag 1"
|
|
114
|
-
src=https://picsum.photos/500/500
|
|
115
|
-
></sp-avatar>
|
|
116
|
-
</sp-tag>
|
|
117
|
-
<sp-tag disabled deletable>
|
|
118
|
-
Tag 3
|
|
119
|
-
<sp-avatar
|
|
120
|
-
slot="avatar"
|
|
121
|
-
label="Tag 1"
|
|
122
|
-
src=https://picsum.photos/500/500
|
|
123
|
-
></sp-avatar>
|
|
124
|
-
</sp-tag>
|
|
125
|
-
</sp-tags>
|
|
126
|
-
```
|
|
127
|
-
|
|
128
|
-
```html-live
|
|
129
|
-
<sp-tags>
|
|
130
|
-
<sp-tag deletable>
|
|
131
|
-
Tag 1
|
|
132
|
-
<sp-icon-magnify slot="icon" size="s"></sp-icon-magnify>
|
|
133
|
-
</sp-tag>
|
|
134
|
-
<sp-tag invalid deletable>
|
|
135
|
-
Tag 2
|
|
136
|
-
<sp-icon-magnify slot="icon" size="s"></sp-icon-magnify>
|
|
137
|
-
</sp-tag>
|
|
138
|
-
<sp-tag disabled deletable>
|
|
139
|
-
Tag 3
|
|
140
|
-
<sp-icon-magnify slot="icon" size="s"></sp-icon-magnify>
|
|
141
|
-
</sp-tag>
|
|
142
|
-
</sp-tags>
|
|
143
|
-
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/tags",
|
|
3
|
-
"version": "0.40.
|
|
3
|
+
"version": "0.40.4",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -66,14 +66,14 @@
|
|
|
66
66
|
"lit-html"
|
|
67
67
|
],
|
|
68
68
|
"dependencies": {
|
|
69
|
-
"@spectrum-web-components/base": "^0.40.
|
|
70
|
-
"@spectrum-web-components/button": "^0.40.
|
|
71
|
-
"@spectrum-web-components/reactive-controllers": "^0.40.
|
|
72
|
-
"@spectrum-web-components/shared": "^0.40.
|
|
69
|
+
"@spectrum-web-components/base": "^0.40.4",
|
|
70
|
+
"@spectrum-web-components/button": "^0.40.4",
|
|
71
|
+
"@spectrum-web-components/reactive-controllers": "^0.40.4",
|
|
72
|
+
"@spectrum-web-components/shared": "^0.40.4"
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
75
|
-
"@spectrum-css/tag": "^8.0.
|
|
76
|
-
"@spectrum-css/taggroup": "^4.0
|
|
75
|
+
"@spectrum-css/tag": "^8.0.17",
|
|
76
|
+
"@spectrum-css/taggroup": "^4.1.0"
|
|
77
77
|
},
|
|
78
78
|
"types": "./src/index.d.ts",
|
|
79
79
|
"customElements": "custom-elements.json",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"./sp-*.js",
|
|
82
82
|
"./**/*.dev.js"
|
|
83
83
|
],
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "e7bca020d0da71c4d92e95044bf58780d2e8e603"
|
|
85
85
|
}
|