@purpurds/dismissable-chip-group 7.13.1 → 8.0.0
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/dist/LICENSE.txt
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),w=require("react");function k(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var g={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/var v;function
|
|
5
|
+
*/var v;function T(){return v||(v=1,function(i){(function(){var n={}.hasOwnProperty;function t(){for(var r="",e=0;e<arguments.length;e++){var u=arguments[e];u&&(r=a(r,p(u)))}return r}function p(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var e="";for(var u in r)n.call(r,u)&&r[u]&&(e=a(e,u));return e}function a(r,e){return e?r?r+" "+e:r+e:r}i.exports?(t.default=t,i.exports=t):window.classNames=t})()}(g)),g.exports}var L=T();const P=k(L),o={"purpur-heading":"_purpur-heading_vo751_1","purpur-heading--hyphens":"_purpur-heading--hyphens_vo751_8","purpur-heading--negative":"_purpur-heading--negative_vo751_11","purpur-heading--subsection-100":"_purpur-heading--subsection-100_vo751_14","purpur-heading--title-100":"_purpur-heading--title-100_vo751_20","purpur-heading--title-200":"_purpur-heading--title-200_vo751_26","purpur-heading--title-300":"_purpur-heading--title-300_vo751_32","purpur-heading--title-400":"_purpur-heading--title-400_vo751_38","purpur-heading--title-500":"_purpur-heading--title-500_vo751_44","purpur-heading--title-600":"_purpur-heading--title-600_vo751_50","purpur-heading--title-700":"_purpur-heading--title-700_vo751_56","purpur-heading--display-5":"_purpur-heading--display-5_vo751_62","purpur-heading--display-10":"_purpur-heading--display-10_vo751_68","purpur-heading--display-15":"_purpur-heading--display-15_vo751_74","purpur-heading--display-20":"_purpur-heading--display-20_vo751_80","purpur-heading--display-25":"_purpur-heading--display-25_vo751_86","purpur-heading--display-50":"_purpur-heading--display-50_vo751_92","purpur-heading--display-100":"_purpur-heading--display-100_vo751_98","purpur-heading--display-200":"_purpur-heading--display-200_vo751_104"},A={TITLE100:"title-100"},l="purpur-heading",$=({children:i,className:n="",enableHyphenation:t=!1,negative:p=!1,tag:a,variant:r=A.TITLE100,...e})=>{const u=a,I=P([n,o[l],o[`${l}--${r}`],{[o[`${l}--hyphens`]]:t,[o[`${l}--negative`]]:p}]);return s.jsx(u,{className:I,...e,children:i})};$.displayName="Heading";function M(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var c={exports:{}};/*!
|
|
6
6
|
Copyright (c) 2018 Jed Watson.
|
|
7
7
|
Licensed under the MIT License (MIT), see
|
|
8
8
|
http://jedwatson.github.io/classnames
|
|
9
|
-
*/var f;function
|
|
9
|
+
*/var f;function E(){return f||(f=1,function(i){(function(){var n={}.hasOwnProperty;function t(){for(var r="",e=0;e<arguments.length;e++){var u=arguments[e];u&&(r=a(r,p.call(this,u)))}return r}function p(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return t.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var e="";for(var u in r)n.call(r,u)&&r[u]&&(e=a(e,this&&this[u]||u));return e}function a(r,e){return e?r?r+" "+e:r+e:r}i.exports?(t.default=t,i.exports=t):window.classNames=t})()}(c)),c.exports}var G=E();const N=M(G),S={"purpur-dismissable-chip-group":"_purpur-dismissable-chip-group_17jk4_1","purpur-dismissable-chip-group__container":"_purpur-dismissable-chip-group__container_17jk4_7","purpur-dismissable-chip-group__container--full-width":"_purpur-dismissable-chip-group__container--full-width_17jk4_14","purpur-dismissable-chip-group-item-wrapper":"_purpur-dismissable-chip-group-item-wrapper_17jk4_17","purpur-dismissable-chip-group-item":"_purpur-dismissable-chip-group-item_17jk4_17","purpur-dismissable-chip-group-item--disabled":"_purpur-dismissable-chip-group-item--disabled_17jk4_43"};function B(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var m={exports:{}};/*!
|
|
10
10
|
Copyright (c) 2018 Jed Watson.
|
|
11
11
|
Licensed under the MIT License (MIT), see
|
|
12
12
|
http://jedwatson.github.io/classnames
|
|
13
|
-
*/var y;function
|
|
13
|
+
*/var y;function D(){return y||(y=1,function(i){(function(){var n={}.hasOwnProperty;function t(){for(var r="",e=0;e<arguments.length;e++){var u=arguments[e];u&&(r=a(r,p.call(this,u)))}return r}function p(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return t.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var e="";for(var u in r)n.call(r,u)&&r[u]&&(e=a(e,this&&this[u]||u));return e}function a(r,e){return e?r?r+" "+e:r+e:r}i.exports?(t.default=t,i.exports=t):window.classNames=t})()}(m)),m.exports}var H=D();const z=B(H),R={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},F=z.bind(R),b="purpur-icon",V="md",Z=i=>i.filter(n=>Object.keys(n).length>=1).map(n=>`${n.name}="${n.value}"`).join(" "),J=({content:i="",title:n}={})=>{const t=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},n?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],p=n?`<title>${n}</title>`:"";return`<svg ${Z(t)}>${p}${i}</svg>`},K=i=>i.replace(/<(\/?)svg([^>]*)>/g,"").trim(),O=({svg:i,allyTitle:n,className:t,size:p=V,...a})=>{const r=J({content:K(i.svg),title:n}),e=F(t,b,`${b}--${p}`);return s.jsx("span",{className:e,dangerouslySetInnerHTML:{__html:r},...a})};O.displayName="Icon";const Q={name:"close",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["close"],category:"utility"},C=i=>s.jsx(O,{...i,svg:Q});C.displayName="IconClose";const x=N.bind(S),d="purpur-dismissable-chip-group-item",q=({children:i,id:n,onDismiss:t,disabled:p,...a})=>{const r=e=>{p?e.preventDefault():t==null||t(n)};return s.jsx("li",{className:x(`${d}-wrapper`),children:w.createElement("button",{...a,className:x(`${d}`,{[`${d}--disabled`]:p}),key:n,disabled:p,"aria-disabled":p,onClick:r},i,s.jsx(C,{size:"sm"}))},n)};q.displayName="DismissableChipGroupItem";const j=N.bind(S),_="purpur-dismissable-chip-group",h=({children:i,className:n,fullWidth:t=!1,title:p,titleTag:a,...r})=>{const e=w.useId(),u=j([n,_]);return s.jsxs("div",{...r,"aria-labelledby":p?`${e}-label`:void 0,className:u,role:"group",children:[p&&s.jsx($,{tag:a??"h2",variant:"subsection-100",children:p}),s.jsx("ul",{"data-testid":"dismissable-chip-group-container",className:j(`${_}__container`,{[`${_}__container--full-width`]:t}),"aria-live":"polite","aria-relevant":"additions removals",children:i})]})};h.Item=q;h.displayName="DismissableChipGroup";exports.DismissableChipGroup=h;
|
|
14
14
|
//# sourceMappingURL=dismissable-chip-group.cjs.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as s, jsxs as I } from "react/jsx-runtime";
|
|
2
|
-
import { createElement as
|
|
3
|
-
function
|
|
2
|
+
import { createElement as k, useId as L } from "react";
|
|
3
|
+
function T(i) {
|
|
4
4
|
return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
|
|
5
5
|
}
|
|
6
6
|
var h = { exports: {} };
|
|
@@ -10,14 +10,14 @@ var h = { exports: {} };
|
|
|
10
10
|
http://jedwatson.github.io/classnames
|
|
11
11
|
*/
|
|
12
12
|
var g;
|
|
13
|
-
function
|
|
13
|
+
function A() {
|
|
14
14
|
return g || (g = 1, function(i) {
|
|
15
15
|
(function() {
|
|
16
|
-
var
|
|
16
|
+
var n = {}.hasOwnProperty;
|
|
17
17
|
function t() {
|
|
18
18
|
for (var r = "", e = 0; e < arguments.length; e++) {
|
|
19
|
-
var
|
|
20
|
-
|
|
19
|
+
var u = arguments[e];
|
|
20
|
+
u && (r = a(r, p(u)));
|
|
21
21
|
}
|
|
22
22
|
return r;
|
|
23
23
|
}
|
|
@@ -31,8 +31,8 @@ function P() {
|
|
|
31
31
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
32
32
|
return r.toString();
|
|
33
33
|
var e = "";
|
|
34
|
-
for (var
|
|
35
|
-
|
|
34
|
+
for (var u in r)
|
|
35
|
+
n.call(r, u) && r[u] && (e = a(e, u));
|
|
36
36
|
return e;
|
|
37
37
|
}
|
|
38
38
|
function a(r, e) {
|
|
@@ -42,8 +42,8 @@ function P() {
|
|
|
42
42
|
})();
|
|
43
43
|
}(h)), h.exports;
|
|
44
44
|
}
|
|
45
|
-
var
|
|
46
|
-
const
|
|
45
|
+
var P = A();
|
|
46
|
+
const E = /* @__PURE__ */ T(P), o = {
|
|
47
47
|
"purpur-heading": "_purpur-heading_vo751_1",
|
|
48
48
|
"purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
|
|
49
49
|
"purpur-heading--negative": "_purpur-heading--negative_vo751_11",
|
|
@@ -63,19 +63,19 @@ const M = /* @__PURE__ */ A(E), o = {
|
|
|
63
63
|
"purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
|
|
64
64
|
"purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
|
|
65
65
|
"purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
|
|
66
|
-
},
|
|
66
|
+
}, M = {
|
|
67
67
|
TITLE100: "title-100"
|
|
68
68
|
}, l = "purpur-heading", w = ({
|
|
69
69
|
children: i,
|
|
70
|
-
className:
|
|
70
|
+
className: n = "",
|
|
71
71
|
enableHyphenation: t = !1,
|
|
72
72
|
negative: p = !1,
|
|
73
73
|
tag: a,
|
|
74
|
-
variant: r =
|
|
74
|
+
variant: r = M.TITLE100,
|
|
75
75
|
...e
|
|
76
76
|
}) => {
|
|
77
|
-
const
|
|
78
|
-
|
|
77
|
+
const u = a, q = E([
|
|
78
|
+
n,
|
|
79
79
|
o[l],
|
|
80
80
|
o[`${l}--${r}`],
|
|
81
81
|
{
|
|
@@ -83,10 +83,10 @@ const M = /* @__PURE__ */ A(E), o = {
|
|
|
83
83
|
[o[`${l}--negative`]]: p
|
|
84
84
|
}
|
|
85
85
|
]);
|
|
86
|
-
return /* @__PURE__ */ s(
|
|
86
|
+
return /* @__PURE__ */ s(u, { className: q, ...e, children: i });
|
|
87
87
|
};
|
|
88
88
|
w.displayName = "Heading";
|
|
89
|
-
function
|
|
89
|
+
function B(i) {
|
|
90
90
|
return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
|
|
91
91
|
}
|
|
92
92
|
var c = { exports: {} };
|
|
@@ -96,14 +96,14 @@ var c = { exports: {} };
|
|
|
96
96
|
http://jedwatson.github.io/classnames
|
|
97
97
|
*/
|
|
98
98
|
var f;
|
|
99
|
-
function
|
|
99
|
+
function G() {
|
|
100
100
|
return f || (f = 1, function(i) {
|
|
101
101
|
(function() {
|
|
102
|
-
var
|
|
102
|
+
var n = {}.hasOwnProperty;
|
|
103
103
|
function t() {
|
|
104
104
|
for (var r = "", e = 0; e < arguments.length; e++) {
|
|
105
|
-
var
|
|
106
|
-
|
|
105
|
+
var u = arguments[e];
|
|
106
|
+
u && (r = a(r, p.call(this, u)));
|
|
107
107
|
}
|
|
108
108
|
return r;
|
|
109
109
|
}
|
|
@@ -117,8 +117,8 @@ function H() {
|
|
|
117
117
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
118
118
|
return r.toString();
|
|
119
119
|
var e = "";
|
|
120
|
-
for (var
|
|
121
|
-
|
|
120
|
+
for (var u in r)
|
|
121
|
+
n.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
|
|
122
122
|
return e;
|
|
123
123
|
}
|
|
124
124
|
function a(r, e) {
|
|
@@ -128,14 +128,14 @@ function H() {
|
|
|
128
128
|
})();
|
|
129
129
|
}(c)), c.exports;
|
|
130
130
|
}
|
|
131
|
-
var
|
|
132
|
-
const $ = /* @__PURE__ */
|
|
133
|
-
"purpur-dismissable-chip-group": "_purpur-dismissable-chip-
|
|
134
|
-
"purpur-dismissable-chip-group__container": "_purpur-dismissable-chip-
|
|
135
|
-
"purpur-dismissable-chip-group__container--full-width": "_purpur-dismissable-chip-group__container--full-
|
|
136
|
-
"purpur-dismissable-chip-group-item-wrapper": "_purpur-dismissable-chip-group-item-
|
|
137
|
-
"purpur-dismissable-chip-group-item": "_purpur-dismissable-chip-group-
|
|
138
|
-
"purpur-dismissable-chip-group-item--disabled": "_purpur-dismissable-chip-group-item--
|
|
131
|
+
var H = G();
|
|
132
|
+
const $ = /* @__PURE__ */ B(H), j = {
|
|
133
|
+
"purpur-dismissable-chip-group": "_purpur-dismissable-chip-group_17jk4_1",
|
|
134
|
+
"purpur-dismissable-chip-group__container": "_purpur-dismissable-chip-group__container_17jk4_7",
|
|
135
|
+
"purpur-dismissable-chip-group__container--full-width": "_purpur-dismissable-chip-group__container--full-width_17jk4_14",
|
|
136
|
+
"purpur-dismissable-chip-group-item-wrapper": "_purpur-dismissable-chip-group-item-wrapper_17jk4_17",
|
|
137
|
+
"purpur-dismissable-chip-group-item": "_purpur-dismissable-chip-group-item_17jk4_17",
|
|
138
|
+
"purpur-dismissable-chip-group-item--disabled": "_purpur-dismissable-chip-group-item--disabled_17jk4_43"
|
|
139
139
|
};
|
|
140
140
|
function z(i) {
|
|
141
141
|
return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
|
|
@@ -150,11 +150,11 @@ var v;
|
|
|
150
150
|
function D() {
|
|
151
151
|
return v || (v = 1, function(i) {
|
|
152
152
|
(function() {
|
|
153
|
-
var
|
|
153
|
+
var n = {}.hasOwnProperty;
|
|
154
154
|
function t() {
|
|
155
155
|
for (var r = "", e = 0; e < arguments.length; e++) {
|
|
156
|
-
var
|
|
157
|
-
|
|
156
|
+
var u = arguments[e];
|
|
157
|
+
u && (r = a(r, p.call(this, u)));
|
|
158
158
|
}
|
|
159
159
|
return r;
|
|
160
160
|
}
|
|
@@ -168,8 +168,8 @@ function D() {
|
|
|
168
168
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
169
169
|
return r.toString();
|
|
170
170
|
var e = "";
|
|
171
|
-
for (var
|
|
172
|
-
|
|
171
|
+
for (var u in r)
|
|
172
|
+
n.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
|
|
173
173
|
return e;
|
|
174
174
|
}
|
|
175
175
|
function a(r, e) {
|
|
@@ -188,71 +188,71 @@ const R = /* @__PURE__ */ z(F), V = {
|
|
|
188
188
|
"purpur-icon--md": "_purpur-icon--md_8u1lq_16",
|
|
189
189
|
"purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
|
|
190
190
|
"purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
|
|
191
|
-
}, Z = R.bind(V), y = "purpur-icon", J = "md", K = (i) => i.filter((
|
|
191
|
+
}, Z = R.bind(V), y = "purpur-icon", J = "md", K = (i) => i.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Q = ({ content: i = "", title: n } = {}) => {
|
|
192
192
|
const t = [
|
|
193
193
|
{ name: "xmlns", value: "http://www.w3.org/2000/svg" },
|
|
194
194
|
{ name: "fill", value: "currentColor" },
|
|
195
195
|
{ name: "viewBox", value: "0 0 24 24" },
|
|
196
|
-
|
|
197
|
-
], p =
|
|
196
|
+
n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
|
|
197
|
+
], p = n ? `<title>${n}</title>` : "";
|
|
198
198
|
return `<svg ${K(t)}>${p}${i}</svg>`;
|
|
199
|
-
}, U = (i) => i.replace(/<(\/?)svg([^>]*)>/g, "").trim(),
|
|
199
|
+
}, U = (i) => i.replace(/<(\/?)svg([^>]*)>/g, "").trim(), N = ({ svg: i, allyTitle: n, className: t, size: p = J, ...a }) => {
|
|
200
200
|
const r = Q({
|
|
201
201
|
content: U(i.svg),
|
|
202
|
-
title:
|
|
202
|
+
title: n
|
|
203
203
|
}), e = Z(t, y, `${y}--${p}`);
|
|
204
204
|
return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
|
|
205
205
|
};
|
|
206
|
-
|
|
206
|
+
N.displayName = "Icon";
|
|
207
207
|
const W = {
|
|
208
208
|
name: "close",
|
|
209
209
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
|
|
210
210
|
keywords: ["close"],
|
|
211
211
|
category: "utility"
|
|
212
|
-
},
|
|
213
|
-
|
|
214
|
-
const b = $.bind(
|
|
212
|
+
}, S = (i) => /* @__PURE__ */ s(N, { ...i, svg: W });
|
|
213
|
+
S.displayName = "IconClose";
|
|
214
|
+
const b = $.bind(j), d = "purpur-dismissable-chip-group-item", O = ({
|
|
215
215
|
children: i,
|
|
216
|
-
id:
|
|
216
|
+
id: n,
|
|
217
217
|
onDismiss: t,
|
|
218
218
|
disabled: p,
|
|
219
219
|
...a
|
|
220
220
|
}) => {
|
|
221
221
|
const r = (e) => {
|
|
222
|
-
p ? e.preventDefault() : t == null || t(
|
|
222
|
+
p ? e.preventDefault() : t == null || t(n);
|
|
223
223
|
};
|
|
224
|
-
return /* @__PURE__ */ s("li", { className: b(`${d}-wrapper`), children: /* @__PURE__ */
|
|
224
|
+
return /* @__PURE__ */ s("li", { className: b(`${d}-wrapper`), children: /* @__PURE__ */ k(
|
|
225
225
|
"button",
|
|
226
226
|
{
|
|
227
227
|
...a,
|
|
228
228
|
className: b(`${d}`, {
|
|
229
229
|
[`${d}--disabled`]: p
|
|
230
230
|
}),
|
|
231
|
-
key:
|
|
231
|
+
key: n,
|
|
232
232
|
disabled: p,
|
|
233
233
|
"aria-disabled": p,
|
|
234
234
|
onClick: r
|
|
235
235
|
},
|
|
236
236
|
i,
|
|
237
|
-
/* @__PURE__ */ s(
|
|
238
|
-
) },
|
|
237
|
+
/* @__PURE__ */ s(S, { size: "sm" })
|
|
238
|
+
) }, n);
|
|
239
239
|
};
|
|
240
240
|
O.displayName = "DismissableChipGroupItem";
|
|
241
|
-
const x = $.bind(
|
|
241
|
+
const x = $.bind(j), _ = "purpur-dismissable-chip-group", C = ({
|
|
242
242
|
children: i,
|
|
243
|
-
className:
|
|
243
|
+
className: n,
|
|
244
244
|
fullWidth: t = !1,
|
|
245
245
|
title: p,
|
|
246
246
|
titleTag: a,
|
|
247
247
|
...r
|
|
248
248
|
}) => {
|
|
249
|
-
const e =
|
|
249
|
+
const e = L(), u = x([n, _]);
|
|
250
250
|
return /* @__PURE__ */ I(
|
|
251
251
|
"div",
|
|
252
252
|
{
|
|
253
253
|
...r,
|
|
254
254
|
"aria-labelledby": p ? `${e}-label` : void 0,
|
|
255
|
-
className:
|
|
255
|
+
className: u,
|
|
256
256
|
role: "group",
|
|
257
257
|
children: [
|
|
258
258
|
p && /* @__PURE__ */ s(w, { tag: a ?? "h2", variant: "subsection-100", children: p }),
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-dismissable-chip-
|
|
1
|
+
._purpur-dismissable-chip-group_17jk4_1{display:flex;flex-direction:column;gap:var(--purpur-spacing-150);align-items:flex-start}._purpur-dismissable-chip-group__container_17jk4_7{display:flex;flex-wrap:wrap;margin:0;padding:0;gap:var(--purpur-spacing-200)}._purpur-dismissable-chip-group__container--full-width_17jk4_14{width:100%}._purpur-dismissable-chip-group__container--full-width_17jk4_14 ._purpur-dismissable-chip-group-item-wrapper_17jk4_17{flex-grow:1}._purpur-dismissable-chip-group__container--full-width_17jk4_14 ._purpur-dismissable-chip-group-item_17jk4_17{width:100%}._purpur-dismissable-chip-group-item_17jk4_17{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:var(--purpur-spacing-100);padding:calc(var(--purpur-spacing-10) * 10 - var(--purpur-border-width-xs)) calc(var(--purpur-spacing-200) - var(--purpur-border-width-xs));border:var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-primary);border-radius:var(--purpur-border-radius-md);background:transparent;color:var(--purpur-color-text-interactive-primary);font-family:var(--purpur-typography-family-default);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-normal);list-style:none;cursor:pointer;transition:background var(--purpur-motion-duration-100) ease,color var(--purpur-motion-duration-100) ease,border-color var(--purpur-motion-duration-100) ease}._purpur-dismissable-chip-group-item--disabled_17jk4_43{border-color:var(--purpur-color-border-medium);color:var(--purpur-color-text-weak);cursor:not-allowed}._purpur-dismissable-chip-group-item_17jk4_17:hover:not(._purpur-dismissable-chip-group-item--disabled_17jk4_43){padding:calc(var(--purpur-spacing-10) * 10 - var(--purpur-border-width-sm)) calc(var(--purpur-spacing-200) - var(--purpur-border-width-sm));border-width:var(--purpur-border-width-sm);border-color:var(--purpur-color-border-interactive-primary-hover);background:var(--purpur-color-background-interactive-transparent-hover);color:var(--purpur-color-text-interactive-primary-hover)}._purpur-dismissable-chip-group-item_17jk4_17:active:not(._purpur-dismissable-chip-group-item--disabled_17jk4_43){border-color:var(--purpur-color-border-interactive-primary-active);background:var(--purpur-color-background-interactive-transparent-active);color:var(--purpur-color-text-interactive-primary-active)}._purpur-dismissable-chip-group-item_17jk4_17:focus{outline:0}._purpur-dismissable-chip-group-item_17jk4_17:focus:focus-visible:after{content:"";position:absolute;inset:calc(-1 * (var(--purpur-border-width-sm) * 2 + var(--purpur-border-width-xs)));border-radius:var(--purpur-spacing-150);border:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus)}._purpur-dismissable-chip-group-item-wrapper_17jk4_17{list-style:none}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/dismissable-chip-group",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "8.0.0",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/dismissable-chip-group.cjs.js",
|
|
6
6
|
"types": "./dist/dismissable-chip-group.d.ts",
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"source": "src/dismissable-chip-group.tsx",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"classnames": "~2.5.0",
|
|
19
|
-
"@purpurds/common-types": "
|
|
20
|
-
"@purpurds/heading": "
|
|
21
|
-
"@purpurds/icon": "
|
|
22
|
-
"@purpurds/tokens": "
|
|
19
|
+
"@purpurds/common-types": "8.0.0",
|
|
20
|
+
"@purpurds/heading": "8.0.0",
|
|
21
|
+
"@purpurds/icon": "8.0.0",
|
|
22
|
+
"@purpurds/tokens": "8.0.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@rushstack/eslint-patch": "~1.10.0",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"typescript": "^5.6.3",
|
|
41
41
|
"vite": "^6.2.1",
|
|
42
42
|
"vitest": "^3.1.2",
|
|
43
|
-
"@purpurds/button": "
|
|
43
|
+
"@purpurds/button": "8.0.0",
|
|
44
44
|
"@purpurds/component-rig": "1.0.0"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
&--full-width {
|
|
16
16
|
width: 100%;
|
|
17
|
-
|
|
17
|
+
|
|
18
18
|
#{$root}-item-wrapper {
|
|
19
19
|
flex-grow: 1;
|
|
20
20
|
}
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
calc(var(--purpur-spacing-200) - var(--purpur-border-width-xs));
|
|
38
38
|
border: var(--purpur-border-width-xs) solid var(--purpur-color-border-interactive-primary);
|
|
39
39
|
border-radius: var(--purpur-border-radius-md);
|
|
40
|
-
background:
|
|
40
|
+
background: transparent;
|
|
41
41
|
color: var(--purpur-color-text-interactive-primary);
|
|
42
42
|
font-family: var(--purpur-typography-family-default);
|
|
43
43
|
font-size: var(--purpur-typography-scale-100);
|