@ucalgary-design-system/icon 1.0.5 → 1.0.7
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/CHANGELOG.md +17 -0
- package/QuotationMarkClosing-Cfs8w3O-.js +7 -0
- package/QuotationMarkOpening-Cvgi540b.js +7 -0
- package/index.js +45 -41
- package/package.json +9 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @ucalgary-design-system/icon
|
|
2
2
|
|
|
3
|
+
## 1.0.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- a50dc9b: Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 1.0.6
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- 9054c5c: Added Quote icons
|
|
14
|
+
- Updated dependencies [d691ffc]
|
|
15
|
+
- Updated dependencies [ebe84b3]
|
|
16
|
+
- Updated dependencies [89ef05b]
|
|
17
|
+
- @ucalgary-design-system/tokens@1.0.6
|
|
18
|
+
- @ucalgary-design-system/core@1.0.9
|
|
19
|
+
|
|
3
20
|
## 1.0.5
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
const C = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.9951 9.33864C21.9951 13.7271 19.4771 17.7559 16.1678 20.13L13.5059 17.9717C15.8081 16.4609 17.8944 13.5832 18.1102 11.2811C18.0383 11.2811 17.5347 11.353 17.175 11.353C15.1606 11.353 13.7217 9.84224 13.7217 7.68397C13.7217 5.59764 15.3764 3.87102 17.5347 3.87102C19.9088 3.87102 21.9951 5.81347 21.9951 9.33864ZM10.4843 9.33864C10.4843 13.7271 7.96633 17.7559 4.65698 20.13L1.99511 17.9717C4.29727 16.4609 6.31165 13.5832 6.59942 11.2811C6.52748 11.2811 6.02389 11.353 5.66417 11.353C3.64979 11.353 2.13899 9.84224 2.13899 7.68397C2.13899 5.59764 3.86561 3.87102 6.02388 3.87102C8.39798 3.87102 10.4843 5.81347 10.4843 9.33864Z"/>
|
|
3
|
+
</svg>
|
|
4
|
+
`;
|
|
5
|
+
export {
|
|
6
|
+
C as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
const e = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.00488 14.6614C2.00488 10.2729 4.52287 6.24409 7.83222 3.87L10.4941 6.02827C8.19193 7.53906 6.1056 10.4168 5.88977 12.7189C5.96172 12.7189 6.46531 12.647 6.82502 12.647C8.83941 12.647 10.2783 14.1578 10.2783 16.316C10.2783 18.4024 8.62358 20.129 6.46531 20.129C4.09121 20.129 2.00488 18.1865 2.00488 14.6614ZM13.5157 14.6614C13.5157 10.2729 16.0337 6.24409 19.343 3.87L22.0049 6.02827C19.7027 7.53906 17.6883 10.4168 17.4006 12.7189C17.4725 12.7189 17.9761 12.647 18.3358 12.647C20.3502 12.647 21.861 14.1578 21.861 16.316C21.861 18.4024 20.1344 20.129 17.9761 20.129C15.602 20.129 13.5157 18.1865 13.5157 14.6614Z"/>
|
|
3
|
+
</svg>
|
|
4
|
+
`;
|
|
5
|
+
export {
|
|
6
|
+
e as default
|
|
7
|
+
};
|
package/index.js
CHANGED
|
@@ -42,7 +42,7 @@ const x = (t) => new R(typeof t == "string" ? t : t + "", void 0, U), L = (t, e)
|
|
|
42
42
|
const r = document.createElement("style"), o = g.litNonce;
|
|
43
43
|
o !== void 0 && r.setAttribute("nonce", o), r.textContent = i.cssText, t.appendChild(r);
|
|
44
44
|
}
|
|
45
|
-
},
|
|
45
|
+
}, C = v ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
|
|
46
46
|
let i = "";
|
|
47
47
|
for (const r of e.cssRules) i += r.cssText;
|
|
48
48
|
return x(i);
|
|
@@ -52,7 +52,7 @@ const x = (t) => new R(typeof t == "string" ? t : t + "", void 0, U), L = (t, e)
|
|
|
52
52
|
* Copyright 2017 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
54
54
|
*/
|
|
55
|
-
const { is: D, defineProperty: q, getOwnPropertyDescriptor: T, getOwnPropertyNames: j, getOwnPropertySymbols: I, getPrototypeOf: N } = Object, c = globalThis,
|
|
55
|
+
const { is: D, defineProperty: q, getOwnPropertyDescriptor: T, getOwnPropertyNames: j, getOwnPropertySymbols: I, getPrototypeOf: N } = Object, c = globalThis, E = c.trustedTypes, V = E ? E.emptyScript : "", w = c.reactiveElementPolyfillSupport, f = (t, e) => t, y = { toAttribute(t, e) {
|
|
56
56
|
switch (e) {
|
|
57
57
|
case Boolean:
|
|
58
58
|
t = t ? V : null;
|
|
@@ -96,14 +96,14 @@ class u extends HTMLElement {
|
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
static getPropertyDescriptor(e, i, r) {
|
|
99
|
-
const { get: o, set:
|
|
99
|
+
const { get: o, set: n } = T(this.prototype, e) ?? { get() {
|
|
100
100
|
return this[i];
|
|
101
|
-
}, set(
|
|
102
|
-
this[i] =
|
|
101
|
+
}, set(s) {
|
|
102
|
+
this[i] = s;
|
|
103
103
|
} };
|
|
104
|
-
return { get: o, set(
|
|
104
|
+
return { get: o, set(s) {
|
|
105
105
|
const l = o == null ? void 0 : o.call(this);
|
|
106
|
-
|
|
106
|
+
n == null || n.call(this, s), this.requestUpdate(e, l, r);
|
|
107
107
|
}, configurable: !0, enumerable: !0 };
|
|
108
108
|
}
|
|
109
109
|
static getPropertyOptions(e) {
|
|
@@ -136,8 +136,8 @@ class u extends HTMLElement {
|
|
|
136
136
|
const i = [];
|
|
137
137
|
if (Array.isArray(e)) {
|
|
138
138
|
const r = new Set(e.flat(1 / 0).reverse());
|
|
139
|
-
for (const o of r) i.unshift(
|
|
140
|
-
} else e !== void 0 && i.push(
|
|
139
|
+
for (const o of r) i.unshift(C(o));
|
|
140
|
+
} else e !== void 0 && i.push(C(e));
|
|
141
141
|
return i;
|
|
142
142
|
}
|
|
143
143
|
static _$Eu(e, i) {
|
|
@@ -188,34 +188,34 @@ class u extends HTMLElement {
|
|
|
188
188
|
this._$AK(e, r);
|
|
189
189
|
}
|
|
190
190
|
_$ET(e, i) {
|
|
191
|
-
var
|
|
191
|
+
var n;
|
|
192
192
|
const r = this.constructor.elementProperties.get(e), o = this.constructor._$Eu(e, r);
|
|
193
193
|
if (o !== void 0 && r.reflect === !0) {
|
|
194
|
-
const
|
|
195
|
-
this._$Em = e,
|
|
194
|
+
const s = (((n = r.converter) == null ? void 0 : n.toAttribute) !== void 0 ? r.converter : y).toAttribute(i, r.type);
|
|
195
|
+
this._$Em = e, s == null ? this.removeAttribute(o) : this.setAttribute(o, s), this._$Em = null;
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
_$AK(e, i) {
|
|
199
|
-
var
|
|
199
|
+
var n, s;
|
|
200
200
|
const r = this.constructor, o = r._$Eh.get(e);
|
|
201
201
|
if (o !== void 0 && this._$Em !== o) {
|
|
202
|
-
const l = r.getPropertyOptions(o), h = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((
|
|
202
|
+
const l = r.getPropertyOptions(o), h = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((n = l.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? l.converter : y;
|
|
203
203
|
this._$Em = o;
|
|
204
204
|
const b = h.fromAttribute(i, l.type);
|
|
205
|
-
this[o] = b ?? ((
|
|
205
|
+
this[o] = b ?? ((s = this._$Ej) == null ? void 0 : s.get(o)) ?? b, this._$Em = null;
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
|
-
requestUpdate(e, i, r) {
|
|
209
|
-
var
|
|
208
|
+
requestUpdate(e, i, r, o = !1, n) {
|
|
209
|
+
var s;
|
|
210
210
|
if (e !== void 0) {
|
|
211
|
-
const
|
|
212
|
-
if (r ?? (r =
|
|
211
|
+
const l = this.constructor;
|
|
212
|
+
if (o === !1 && (n = this[e]), r ?? (r = l.getPropertyOptions(e)), !((r.hasChanged ?? $)(n, i) || r.useDefault && r.reflect && n === ((s = this._$Ej) == null ? void 0 : s.get(e)) && !this.hasAttribute(l._$Eu(e, r)))) return;
|
|
213
213
|
this.C(e, i, r);
|
|
214
214
|
}
|
|
215
215
|
this.isUpdatePending === !1 && (this._$ES = this._$EP());
|
|
216
216
|
}
|
|
217
|
-
C(e, i, { useDefault: r, reflect: o, wrapped:
|
|
218
|
-
r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e,
|
|
217
|
+
C(e, i, { useDefault: r, reflect: o, wrapped: n }, s) {
|
|
218
|
+
r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, s ?? i ?? this[e]), n !== !0 || s !== void 0) || (this._$AL.has(e) || (this.hasUpdated || r || (i = void 0), this._$AL.set(e, i)), o === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
|
|
219
219
|
}
|
|
220
220
|
async _$EP() {
|
|
221
221
|
this.isUpdatePending = !0;
|
|
@@ -235,21 +235,21 @@ class u extends HTMLElement {
|
|
|
235
235
|
if (!this.isUpdatePending) return;
|
|
236
236
|
if (!this.hasUpdated) {
|
|
237
237
|
if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
|
|
238
|
-
for (const [
|
|
238
|
+
for (const [n, s] of this._$Ep) this[n] = s;
|
|
239
239
|
this._$Ep = void 0;
|
|
240
240
|
}
|
|
241
241
|
const o = this.constructor.elementProperties;
|
|
242
|
-
if (o.size > 0) for (const [
|
|
243
|
-
const { wrapped: l } =
|
|
244
|
-
l !== !0 || this._$AL.has(
|
|
242
|
+
if (o.size > 0) for (const [n, s] of o) {
|
|
243
|
+
const { wrapped: l } = s, h = this[n];
|
|
244
|
+
l !== !0 || this._$AL.has(n) || h === void 0 || this.C(n, void 0, s, h);
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
247
|
let e = !1;
|
|
248
248
|
const i = this._$AL;
|
|
249
249
|
try {
|
|
250
250
|
e = this.shouldUpdate(i), e ? (this.willUpdate(i), (r = this._$EO) == null || r.forEach((o) => {
|
|
251
|
-
var
|
|
252
|
-
return (
|
|
251
|
+
var n;
|
|
252
|
+
return (n = o.hostUpdate) == null ? void 0 : n.call(o);
|
|
253
253
|
}), this.update(i)) : this._$EM();
|
|
254
254
|
} catch (o) {
|
|
255
255
|
throw e = !1, this._$EM(), o;
|
|
@@ -285,7 +285,7 @@ class u extends HTMLElement {
|
|
|
285
285
|
firstUpdated(e) {
|
|
286
286
|
}
|
|
287
287
|
}
|
|
288
|
-
u.elementStyles = [], u.shadowRootOptions = { mode: "open" }, u[f("elementProperties")] = /* @__PURE__ */ new Map(), u[f("finalized")] = /* @__PURE__ */ new Map(), w == null || w({ ReactiveElement: u }), (c.reactiveElementVersions ?? (c.reactiveElementVersions = [])).push("2.1.
|
|
288
|
+
u.elementStyles = [], u.shadowRootOptions = { mode: "open" }, u[f("elementProperties")] = /* @__PURE__ */ new Map(), u[f("finalized")] = /* @__PURE__ */ new Map(), w == null || w({ ReactiveElement: u }), (c.reactiveElementVersions ?? (c.reactiveElementVersions = [])).push("2.1.2");
|
|
289
289
|
/**
|
|
290
290
|
* @license
|
|
291
291
|
* Copyright 2017 Google LLC
|
|
@@ -293,29 +293,29 @@ u.elementStyles = [], u.shadowRootOptions = { mode: "open" }, u[f("elementProper
|
|
|
293
293
|
*/
|
|
294
294
|
const B = { attribute: !0, type: String, converter: y, reflect: !1, hasChanged: $ }, G = (t = B, e, i) => {
|
|
295
295
|
const { kind: r, metadata: o } = i;
|
|
296
|
-
let
|
|
297
|
-
if (
|
|
298
|
-
const { name:
|
|
296
|
+
let n = globalThis.litPropertyMetadata.get(o);
|
|
297
|
+
if (n === void 0 && globalThis.litPropertyMetadata.set(o, n = /* @__PURE__ */ new Map()), r === "setter" && ((t = Object.create(t)).wrapped = !0), n.set(i.name, t), r === "accessor") {
|
|
298
|
+
const { name: s } = i;
|
|
299
299
|
return { set(l) {
|
|
300
300
|
const h = e.get.call(this);
|
|
301
|
-
e.set.call(this, l), this.requestUpdate(
|
|
301
|
+
e.set.call(this, l), this.requestUpdate(s, h, t, !0, l);
|
|
302
302
|
}, init(l) {
|
|
303
|
-
return l !== void 0 && this.C(
|
|
303
|
+
return l !== void 0 && this.C(s, void 0, t, l), l;
|
|
304
304
|
} };
|
|
305
305
|
}
|
|
306
306
|
if (r === "setter") {
|
|
307
|
-
const { name:
|
|
307
|
+
const { name: s } = i;
|
|
308
308
|
return function(l) {
|
|
309
|
-
const h = this[
|
|
310
|
-
e.call(this, l), this.requestUpdate(
|
|
309
|
+
const h = this[s];
|
|
310
|
+
e.call(this, l), this.requestUpdate(s, h, t, !0, l);
|
|
311
311
|
};
|
|
312
312
|
}
|
|
313
313
|
throw Error("Unsupported decorator location: " + r);
|
|
314
314
|
};
|
|
315
315
|
function d(t) {
|
|
316
|
-
return (e, i) => typeof i == "object" ? G(t, e, i) : ((r, o,
|
|
317
|
-
const
|
|
318
|
-
return o.constructor.createProperty(
|
|
316
|
+
return (e, i) => typeof i == "object" ? G(t, e, i) : ((r, o, n) => {
|
|
317
|
+
const s = o.hasOwnProperty(n);
|
|
318
|
+
return o.constructor.createProperty(n, r), s ? Object.getOwnPropertyDescriptor(o, n) : void 0;
|
|
319
319
|
})(t, e, i);
|
|
320
320
|
}
|
|
321
321
|
/**
|
|
@@ -400,6 +400,8 @@ const it = [
|
|
|
400
400
|
"plusCircleFilled",
|
|
401
401
|
"questionMark",
|
|
402
402
|
"questionMarkFilled",
|
|
403
|
+
"quotationMarkClosing",
|
|
404
|
+
"quotationMarkOpening",
|
|
403
405
|
"reload",
|
|
404
406
|
"search",
|
|
405
407
|
"send",
|
|
@@ -495,6 +497,8 @@ const it = [
|
|
|
495
497
|
plusCircleFilled: () => import("./PlusCircleFilled-DfOMIUx7.js").then((t) => t.default),
|
|
496
498
|
questionMark: () => import("./QuestionMark-DOiTgLQi.js").then((t) => t.default),
|
|
497
499
|
questionMarkFilled: () => import("./QuestionMarkFilled-BBfYnj6K.js").then((t) => t.default),
|
|
500
|
+
quotationMarkClosing: () => import("./QuotationMarkClosing-Cfs8w3O-.js").then((t) => t.default),
|
|
501
|
+
quotationMarkOpening: () => import("./QuotationMarkOpening-Cvgi540b.js").then((t) => t.default),
|
|
498
502
|
reload: () => import("./Reload-_znxvsCW.js").then((t) => t.default),
|
|
499
503
|
search: () => import("./Search-BFX6nBPy.js").then((t) => t.default),
|
|
500
504
|
send: () => import("./Send-kLNJhN0M.js").then((t) => t.default),
|
|
@@ -526,8 +530,8 @@ async function K(t) {
|
|
|
526
530
|
}
|
|
527
531
|
const W = ":host{display:inline-flex;align-items:center;justify-content:center;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.icon{display:inline-flex;width:24px;height:24px;color:currentColor}.icon svg{width:100%;height:100%;fill:currentColor}.icon--color-primary{color:var(--ucds-color-icon-primary)}.icon--color-primary-inverse{color:var(--ucds-color-icon-primary-inverse)}.icon--color-action-rest{color:var(--ucds-color-action-rest)}.icon--color-berry{color:var(--ucds-color-palette-berry-600)}.icon--color-disabled{color:var(--ucds-color-forms-input-element-disabled)}.icon--size-16{width:16px;height:16px}.icon--size-20{width:20px;height:20px}.icon--size-24{width:24px;height:24px}.icon--size-32{width:32px;height:32px}";
|
|
528
532
|
var H = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, p = (t, e, i, r) => {
|
|
529
|
-
for (var o = r > 1 ? void 0 : r ? Q(e, i) : e,
|
|
530
|
-
(
|
|
533
|
+
for (var o = r > 1 ? void 0 : r ? Q(e, i) : e, n = t.length - 1, s; n >= 0; n--)
|
|
534
|
+
(s = t[n]) && (o = (r ? s(e, i, o) : s(o)) || o);
|
|
531
535
|
return r && o && H(e, i, o), o;
|
|
532
536
|
};
|
|
533
537
|
let a = class extends P {
|
package/package.json
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ucalgary-design-system/icon",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.7",
|
|
4
|
+
"description": "A web component for Icon",
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"access": "public"
|
|
7
|
+
},
|
|
4
8
|
"type": "module",
|
|
5
9
|
"main": "index.js",
|
|
6
10
|
"module": "index.js",
|
|
@@ -11,12 +15,11 @@
|
|
|
11
15
|
}
|
|
12
16
|
},
|
|
13
17
|
"peerDependencies": {
|
|
14
|
-
"@ucalgary-design-system/core": "^1.0.
|
|
15
|
-
"@ucalgary-design-system/tokens": "^1.0.
|
|
18
|
+
"@ucalgary-design-system/core": "^1.0.9",
|
|
19
|
+
"@ucalgary-design-system/tokens": "^1.0.6",
|
|
16
20
|
"lit": "^3.2.1"
|
|
17
21
|
},
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
"access": "public"
|
|
22
|
+
"dependencies": {
|
|
23
|
+
"lerna": "^9.0.3"
|
|
21
24
|
}
|
|
22
25
|
}
|