q2-tecton-elements 1.44.0 → 1.44.1

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.
Files changed (48) hide show
  1. package/dist/cjs/{index-c385e32f.js → index-9272f57a.js} +1 -1
  2. package/dist/cjs/{index-c385e32f.js.map → index-9272f57a.js.map} +1 -1
  3. package/dist/cjs/q2-calendar.cjs.entry.js +1 -1
  4. package/dist/cjs/q2-icon.cjs.entry.js +121 -117
  5. package/dist/cjs/q2-icon.cjs.entry.js.map +1 -1
  6. package/dist/cjs/q2-relative-time.cjs.entry.js +1 -1
  7. package/dist/collection/components/q2-data-table/q2-data-table.js +6 -6
  8. package/dist/collection/components/q2-icon/assets/cards.symbol.svg +1 -1
  9. package/dist/collection/components/q2-icon/assets/icon-list.json +1 -1
  10. package/dist/collection/components/q2-icon/assets/icon-map.json +1 -1
  11. package/dist/collection/components/q2-icon/assets/legacy.symbol.svg +1 -1
  12. package/dist/collection/components/q2-icon/assets/standard.symbol.svg +1 -1
  13. package/dist/collection/components/q2-icon/q2-icon.css +0 -2
  14. package/dist/collection/components/q2-icon/q2-icon.js +5 -1
  15. package/dist/collection/components/q2-icon/q2-icon.js.map +1 -1
  16. package/dist/collection/components/q2-input/q2-input.js +1 -1
  17. package/dist/collection/components/q2-option-list/q2-option-list.js +2 -2
  18. package/dist/collection/components/q2-stepper-pane/q2-stepper-pane.js +2 -2
  19. package/dist/components/q2-icon2.js +121 -117
  20. package/dist/components/q2-icon2.js.map +1 -1
  21. package/dist/esm/{index-f0dfb099.js → index-113a38d1.js} +1 -1
  22. package/dist/esm/{index-f0dfb099.js.map → index-113a38d1.js.map} +1 -1
  23. package/dist/esm/q2-calendar.entry.js +1 -1
  24. package/dist/esm/q2-icon.entry.js +121 -117
  25. package/dist/esm/q2-icon.entry.js.map +1 -1
  26. package/dist/esm/q2-relative-time.entry.js +1 -1
  27. package/dist/q2-tecton-elements/assets/cards.symbol.svg +1 -1
  28. package/dist/q2-tecton-elements/assets/icon-list.json +1 -1
  29. package/dist/q2-tecton-elements/assets/icon-map.json +1 -1
  30. package/dist/q2-tecton-elements/assets/legacy.symbol.svg +1 -1
  31. package/dist/q2-tecton-elements/assets/standard.symbol.svg +1 -1
  32. package/dist/q2-tecton-elements/{p-c13ce2d3.entry.js → p-081b779e.entry.js} +2 -2
  33. package/dist/q2-tecton-elements/{p-b52eb7ce.entry.js → p-79cd6ab5.entry.js} +2 -2
  34. package/dist/q2-tecton-elements/p-8dc573f5.entry.js +2 -0
  35. package/dist/q2-tecton-elements/p-8dc573f5.entry.js.map +1 -0
  36. package/dist/q2-tecton-elements/{p-3c42c90f.js → p-be430cd5.js} +1 -1
  37. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  38. package/dist/test/elements/q2-icon-test.e2e.js +3 -3
  39. package/dist/test/elements/q2-icon-test.e2e.js.map +1 -1
  40. package/dist/types/components/q2-icon/q2-icon.d.ts +1 -0
  41. package/package.json +3 -3
  42. package/dist/q2-tecton-elements/p-562d598b.entry.js +0 -2
  43. package/dist/q2-tecton-elements/p-562d598b.entry.js.map +0 -1
  44. /package/dist/q2-tecton-elements/{p-c13ce2d3.entry.js.map → p-081b779e.entry.js.map} +0 -0
  45. /package/dist/q2-tecton-elements/{p-b52eb7ce.entry.js.map → p-79cd6ab5.entry.js.map} +0 -0
  46. /package/dist/q2-tecton-elements/{p-3c42c90f.js.map → p-be430cd5.js.map} +0 -0
  47. /package/dist/types/workspace/workspace/{_Gitlab_tecton-production_master → tecton-production_release_1.44.x}/packages/q2-tecton-elements/.stencil/test/elements/q2-detail/slot-component.d.ts +0 -0
  48. /package/dist/types/workspace/workspace/{_Gitlab_tecton-production_master → tecton-production_release_1.44.x}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +0 -0
package/dist/cjs/q2-calendar.cjs.entry.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index$2 = require('./index-14c3693c.js');
6
- const index$1 = require('./index-c385e32f.js');
6
+ const index$1 = require('./index-9272f57a.js');
7
7
  const index = require('./index-1deac3ee.js');
8
8
 
9
9
  function formatDateISO(value) {
package/dist/cjs/q2-icon.cjs.entry.js CHANGED
@@ -6,18 +6,18 @@ const index = require('./index-14c3693c.js');
6
6
  const index$1 = require('./index-1deac3ee.js');
7
7
  const icons = require('./icons-04e4f595.js');
8
8
 
9
- const android = "legacy";
10
9
  const desktop = "system";
10
+ const android = "legacy";
11
11
  const a11y = "standard";
12
12
  const error = "status";
13
13
  const laptop = "system";
14
14
  const add = "standard";
15
15
  const airplane = "standard";
16
- const info = "status";
17
16
  const chat = "communication";
17
+ const info = "status";
18
18
  const ambulance = "standard";
19
- const success = "status";
20
19
  const apple = "standard";
20
+ const success = "status";
21
21
  const warning = "status";
22
22
  const arts = "standard";
23
23
  const phone = "mobile";
@@ -44,18 +44,18 @@ const cash = "standard";
44
44
  const certificate = "standard";
45
45
  const check = "standard";
46
46
  const checkmark = "standard";
47
- const ios = "legacy";
48
47
  const clipboard = "standard";
49
48
  const close = "standard";
49
+ const ios = "legacy";
50
50
  const coins = "standard";
51
51
  const compass = "standard";
52
52
  const conversation = "standard";
53
53
  const copy = "standard";
54
54
  const coupon = "standard";
55
55
  const dashboard = "standard";
56
- const revert = "legacy";
57
56
  const diploma = "standard";
58
57
  const divider = "standard";
58
+ const revert = "legacy";
59
59
  const document$1 = "standard";
60
60
  const download = "standard";
61
61
  const edit = "standard";
@@ -153,154 +153,154 @@ const wallet = "standard";
153
153
  const watch = "standard";
154
154
  const world = "standard";
155
155
  const iconMap = {
156
- "card-add": "cards",
157
- "filetype-csv": "filetypes",
158
156
  "chat-bubbles": "communication",
157
+ "card-add": "cards",
159
158
  "currency-dollar-circle": "currencies",
160
- "gesture-hand": "gestures",
161
- android: android,
159
+ "filetype-csv": "filetypes",
162
160
  "error-filled": "status",
161
+ "gesture-hand": "gestures",
163
162
  desktop: desktop,
164
- a11y: a11y,
165
163
  "mobile-button": "mobile",
166
- "filetype-doc": "filetypes",
164
+ android: android,
165
+ a11y: a11y,
167
166
  "currency-dollar": "currencies",
168
167
  "chat-question": "communication",
169
- "gesture-scroll-horizontal": "gestures",
168
+ "filetype-doc": "filetypes",
170
169
  error: error,
171
- "brand-autobooks-color": "legacy",
172
- "card-amazon": "cards",
173
170
  laptop: laptop,
174
- add: add,
171
+ "card-amazon": "cards",
172
+ "gesture-scroll-horizontal": "gestures",
175
173
  "mobile-edit": "mobile",
176
- "filetype-docx": "filetypes",
177
- "currency-euro": "currencies",
178
- "gesture-scroll-vertical": "gestures",
174
+ "brand-autobooks-color": "legacy",
175
+ add: add,
179
176
  "chat-round": "communication",
177
+ "currency-euro": "currencies",
178
+ "filetype-docx": "filetypes",
180
179
  "info-filled": "status",
181
- "brand-autobooks-filled": "legacy",
182
- airplane: airplane,
183
- "mobile-heart": "mobile",
184
180
  "card-amex": "cards",
185
- "filetype-generic": "filetypes",
186
- "gesture-stretch": "gestures",
187
- info: info,
181
+ "mobile-heart": "mobile",
182
+ "gesture-scroll-vertical": "gestures",
183
+ airplane: airplane,
184
+ "brand-autobooks-filled": "legacy",
188
185
  chat: chat,
189
186
  "currency-pound": "currencies",
190
- "brand-facebook-color": "legacy",
191
- "alarm-clock": "standard",
192
- "mobile-location": "mobile",
187
+ info: info,
188
+ "filetype-generic": "filetypes",
193
189
  "card-applepay": "cards",
194
- "filetype-gif": "filetypes",
195
- "success-filled": "status",
196
- "gesture-swipe-down": "gestures",
190
+ "mobile-location": "mobile",
191
+ "alarm-clock": "standard",
192
+ "gesture-stretch": "gestures",
193
+ "brand-facebook-color": "legacy",
197
194
  "currency-yen": "currencies",
198
- "brand-facebook-filled": "legacy",
199
- ambulance: ambulance,
195
+ "success-filled": "status",
196
+ "filetype-gif": "filetypes",
200
197
  "card-bitcoin": "cards",
201
198
  "mobile-lock": "mobile",
199
+ ambulance: ambulance,
200
+ "gesture-swipe-down": "gestures",
201
+ "brand-facebook-filled": "legacy",
202
202
  "filetype-iso": "filetypes",
203
- success: success,
203
+ "mobile-remove": "mobile",
204
+ apple: apple,
204
205
  "gesture-swipe-left": "gestures",
205
206
  "brand-instagram-color": "legacy",
207
+ success: success,
206
208
  "card-dinersclub": "cards",
207
- apple: apple,
208
- "mobile-remove": "mobile",
209
209
  "filetype-jpg": "filetypes",
210
+ "arrow-down": "standard",
210
211
  "gesture-swipe-right": "gestures",
211
- "brand-instagram-filled": "legacy",
212
- "card-discover": "cards",
213
212
  "mobile-rotate": "mobile",
214
- "arrow-down": "standard",
213
+ "brand-instagram-filled": "legacy",
215
214
  "warning-filled": "status",
216
- "gesture-swipe-up": "gestures",
215
+ "card-discover": "cards",
217
216
  "filetype-otf": "filetypes",
218
- "brand-linkedin-color": "legacy",
219
- "card-edit": "cards",
220
217
  "arrow-left": "standard",
218
+ "gesture-swipe-up": "gestures",
221
219
  "mobile-search": "mobile",
220
+ "brand-linkedin-color": "legacy",
221
+ "card-edit": "cards",
222
222
  warning: warning,
223
- "gesture-tap": "gestures",
224
- "brand-linkedin-filled": "legacy",
225
223
  "filetype-pdf": "filetypes",
226
- "card-gift": "cards",
224
+ "gesture-tap": "gestures",
227
225
  "arrow-right": "standard",
226
+ "brand-linkedin-filled": "legacy",
228
227
  "mobile-settings": "mobile",
229
- "brand-messenger-color": "legacy",
228
+ "card-gift": "cards",
230
229
  "filetype-png": "filetypes",
231
230
  "arrow-up": "standard",
231
+ "brand-messenger-color": "legacy",
232
232
  "mobile-time": "mobile",
233
233
  "card-googlepay": "cards",
234
234
  "filetype-ppt": "filetypes",
235
235
  arts: arts,
236
236
  "brand-messenger-filled": "legacy",
237
237
  phone: phone,
238
+ "filetype-svg": "filetypes",
238
239
  "card-heart": "cards",
239
240
  atv: atv,
240
241
  "brand-payrecs-color": "legacy",
241
- "filetype-svg": "filetypes",
242
242
  tablet: tablet,
243
+ "filetype-txt": "filetypes",
244
+ backpack: backpack,
243
245
  "card-in-hand": "cards",
244
246
  "brand-payrecs-filled": "legacy",
245
- backpack: backpack,
246
- "card-insert": "cards",
247
- "filetype-txt": "filetypes",
248
- "brand-snapchat-color": "legacy",
249
- bank: bank,
250
247
  "filetype-xls": "filetypes",
251
- "card-jcb": "cards",
248
+ bank: bank,
249
+ "brand-snapchat-color": "legacy",
250
+ "filetype-xlsx": "filetypes",
251
+ "card-insert": "cards",
252
252
  "barchart-trend": "standard",
253
253
  "brand-snapchat-filled": "legacy",
254
- "filetype-xlsx": "filetypes",
255
- "card-join": "cards",
254
+ "filetype-xml": "filetypes",
255
+ "card-jcb": "cards",
256
256
  barchart: barchart,
257
257
  "brand-twitter-color": "legacy",
258
- "filetype-xml": "filetypes",
259
- "card-locked": "cards",
258
+ "card-join": "cards",
260
259
  bed: bed,
261
260
  "brand-twitter-filled": "legacy",
262
- "card-maestro": "cards",
261
+ "card-locked": "cards",
263
262
  bell: bell,
264
263
  "brand-vimeo-color": "legacy",
265
- "card-mastercard": "cards",
266
- "brand-vimeo-filled": "legacy",
264
+ "card-maestro": "cards",
267
265
  bicycle: bicycle,
268
- "card-more": "cards",
266
+ "brand-vimeo-filled": "legacy",
267
+ "card-mastercard": "cards",
269
268
  boat: boat,
270
269
  "brand-x-color": "legacy",
270
+ "card-more": "cards",
271
271
  box: box,
272
- "card-paypal": "cards",
273
272
  "brand-x-filled": "legacy",
274
- "card-prohibited": "cards",
273
+ "card-paypal": "cards",
275
274
  briefcase: briefcase,
276
275
  "brand-youtube-color": "legacy",
277
- "card-remove": "cards",
278
- "brand-youtube-filled": "legacy",
276
+ "card-prohibited": "cards",
279
277
  "bubble-graph": "standard",
280
- "card-scissors": "cards",
281
- "brand-zelle-color": "legacy",
278
+ "brand-youtube-filled": "legacy",
279
+ "card-remove": "cards",
282
280
  bug: bug,
283
- "card-star": "cards",
284
- "brand-zelle-filled": "legacy",
281
+ "brand-zelle-color": "legacy",
282
+ "card-scissors": "cards",
285
283
  "buildings-2": "standard",
286
- "card-stripe": "cards",
287
- "browser-chrome-color": "legacy",
284
+ "brand-zelle-filled": "legacy",
285
+ "card-star": "cards",
288
286
  buildings: buildings,
289
- "card-success": "cards",
290
- "browser-chrome-filled": "legacy",
287
+ "browser-chrome-color": "legacy",
288
+ "card-stripe": "cards",
291
289
  calculator: calculator,
292
- "card-unknown": "cards",
293
- "browser-chrome": "legacy",
290
+ "browser-chrome-filled": "legacy",
291
+ "card-success": "cards",
294
292
  "calendar-create": "standard",
295
- "card-update": "cards",
296
- "browser-edge-color": "legacy",
293
+ "browser-chrome": "legacy",
294
+ "card-unknown": "cards",
297
295
  "calendar-pay": "standard",
298
- "card-visa": "cards",
299
- "browser-edge-filled": "legacy",
296
+ "browser-edge-color": "legacy",
297
+ "card-update": "cards",
300
298
  "calendar-remove": "standard",
301
- card: card,
302
- "browser-edge": "legacy",
299
+ "browser-edge-filled": "legacy",
300
+ "card-visa": "cards",
303
301
  "calendar-repeat": "standard",
302
+ "browser-edge": "legacy",
303
+ card: card,
304
304
  "calendar-skip": "standard",
305
305
  "browser-firefox-color": "legacy",
306
306
  "calendar-time": "standard",
@@ -311,8 +311,8 @@ const iconMap = {
311
311
  "browser-ie-color": "legacy",
312
312
  "car-front": "standard",
313
313
  "browser-ie-filled": "legacy",
314
- "browser-ie": "legacy",
315
314
  car: car,
315
+ "browser-ie": "legacy",
316
316
  "cart-moving": "standard",
317
317
  "browser-opera-color": "legacy",
318
318
  cart: cart,
@@ -322,75 +322,75 @@ const iconMap = {
322
322
  "cash-coins": "standard",
323
323
  "browser-safari-color": "legacy",
324
324
  "cash-in-hand": "standard",
325
- "browser-safari-filled": "legacy",
326
325
  "cash-register": "standard",
327
- "browser-safari": "legacy",
326
+ "browser-safari-filled": "legacy",
328
327
  cash: cash,
329
- "calendar-confirm": "legacy",
328
+ "browser-safari": "legacy",
330
329
  certificate: certificate,
331
- "call-color": "legacy",
330
+ "calendar-confirm": "legacy",
332
331
  "check-add": "standard",
333
- "call-filled": "legacy",
332
+ "call-color": "legacy",
334
333
  "check-dollar": "standard",
335
- "card-amazon-color": "legacy",
334
+ "call-filled": "legacy",
336
335
  "check-edit": "standard",
337
- "card-amex-color": "legacy",
336
+ "card-amazon-color": "legacy",
338
337
  "check-remove": "standard",
338
+ "card-amex-color": "legacy",
339
+ "check-shield": "standard",
339
340
  "card-applepay-color": "legacy",
341
+ check: check,
340
342
  "card-bitcoin-color": "legacy",
341
- "check-shield": "standard",
343
+ "checkmark-outline": "standard",
342
344
  "card-dinersclub-color": "legacy",
343
- check: check,
345
+ checkmark: checkmark,
346
+ "chevron-double-left": "standard",
344
347
  "card-discover-color": "legacy",
345
- "checkmark-outline": "standard",
348
+ "chevron-double-right": "standard",
346
349
  "card-googlepay-color": "legacy",
347
- checkmark: checkmark,
350
+ "chevron-down": "standard",
348
351
  "card-jcb-color": "legacy",
349
- "chevron-double-left": "standard",
352
+ "chevron-left": "standard",
350
353
  "card-maestro-color": "legacy",
351
- "chevron-double-right": "standard",
354
+ "chevron-right": "standard",
352
355
  "card-mastercard-color": "legacy",
353
- "chevron-down": "standard",
356
+ "chevron-up": "standard",
354
357
  "card-paypal-color": "legacy",
355
- "chevron-left": "standard",
356
358
  "card-stripe-color": "legacy",
357
- "chevron-right": "standard",
359
+ clipboard: clipboard,
358
360
  "card-visa-color": "legacy",
359
- "chevron-up": "standard",
361
+ close: close,
360
362
  ios: ios,
361
- clipboard: clipboard,
363
+ coins: coins,
362
364
  "os-android-color": "legacy",
363
- close: close,
365
+ compass: compass,
364
366
  "os-android-filled": "legacy",
365
- coins: coins,
367
+ conversation: conversation,
366
368
  "os-android": "legacy",
367
- compass: compass,
369
+ copy: copy,
368
370
  "os-apple-color": "legacy",
369
- conversation: conversation,
371
+ coupon: coupon,
370
372
  "os-apple-filled": "legacy",
371
- copy: copy,
373
+ "credit-score": "standard",
372
374
  "os-apple": "legacy",
373
- coupon: coupon,
375
+ dashboard: dashboard,
376
+ "delivery-truck": "standard",
374
377
  "os-windows-color": "legacy",
375
- "credit-score": "standard",
378
+ diploma: diploma,
376
379
  "os-windows-filled": "legacy",
377
- dashboard: dashboard,
380
+ divider: divider,
378
381
  "os-windows": "legacy",
379
- "delivery-truck": "standard",
382
+ "document-add": "standard",
380
383
  revert: revert,
381
- diploma: diploma,
384
+ "document-checklist": "standard",
382
385
  "rss-color": "legacy",
383
- divider: divider,
386
+ "document-remove": "standard",
384
387
  "rss-filled": "legacy",
385
- "document-add": "standard",
388
+ document: document$1,
386
389
  "sms-color": "legacy",
387
- "document-checklist": "standard",
390
+ download: download,
388
391
  "sms-filled": "legacy",
389
- "document-remove": "standard",
390
392
  "venmo-colored": "legacy",
391
- document: document$1,
392
393
  "venmo-filled": "legacy",
393
- download: download,
394
394
  "drag-handle": "standard",
395
395
  edit: edit,
396
396
  ellipsis: ellipsis,
@@ -548,7 +548,7 @@ const iconMap = {
548
548
  "zoom-out": "standard"
549
549
  };
550
550
 
551
- const q2IconCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}:host([inline]){height:1em;width:1em}svg{height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, 1.5));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round));transition:var(--tct-icon-transition, none)}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.fill-secondary{fill:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.filled{fill:var(--tct-icon-fill, var(--comp-icon-fill, var(--t-icon-fill, none)));transition:var(--tct-icon-fill-transition, none)}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentcolor));transition:var(--tct-icon-stroke-primary-transition, none)}:host([type=info]),:host([type=info-filled]){--tct-icon-stroke-primary:transparent;--comp-icon-fill:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]),:host([type=success-filled]){--tct-icon-stroke-primary:transparent;--comp-icon-fill:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]),:host([type=warning-filled]){--tct-icon-stroke-primary:transparent;--comp-icon-fill:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]),:host([type=error-filled]){--tct-icon-stroke-primary:transparent;--comp-icon-fill:var(--tct-stoplight-alert, var(--const-stoplight-alert, #d20a0a))}";
551
+ const q2IconCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}:host([inline]){height:1em;width:1em}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, 1.5));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round));transition:var(--tct-icon-transition, none)}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.fill-secondary{fill:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.filled{fill:var(--tct-icon-fill, var(--comp-icon-fill, var(--t-icon-fill, none)));transition:var(--tct-icon-fill-transition, none)}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentcolor));transition:var(--tct-icon-stroke-primary-transition, none)}:host([type=info]),:host([type=info-filled]){--tct-icon-stroke-primary:transparent;--comp-icon-fill:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]),:host([type=success-filled]){--tct-icon-stroke-primary:transparent;--comp-icon-fill:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]),:host([type=warning-filled]){--tct-icon-stroke-primary:transparent;--comp-icon-fill:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]),:host([type=error-filled]){--tct-icon-stroke-primary:transparent;--comp-icon-fill:var(--tct-stoplight-alert, var(--const-stoplight-alert, #d20a0a))}";
552
552
  const Q2IconStyle0 = q2IconCss;
553
553
 
554
554
  const Q2Icon = class {
@@ -615,6 +615,10 @@ const Q2Icon = class {
615
615
  get iconMarkup() {
616
616
  return (icons.icons[this.type] && icons.icons[this.type].markup()) || '';
617
617
  }
618
+ get iconCloneViewBox() {
619
+ var _a, _b;
620
+ return (_b = (_a = this.iconClone) === null || _a === void 0 ? void 0 : _a.getAttribute('viewBox')) !== null && _b !== void 0 ? _b : '0 0 24 24';
621
+ }
618
622
  /**
619
623
  * Checks for the sprite container element in the global DOM
620
624
  * If it does not exist, it creates and appends it to the body
@@ -708,7 +712,7 @@ const Q2Icon = class {
708
712
  }
709
713
  render() {
710
714
  const { label } = this;
711
- return this.isCustom ? (index.h("slot", null)) : (index.h("svg", { "aria-hidden": this.label ? undefined : 'true', role: "img", "aria-labelledby": label ? 'label' : undefined, viewBox: this.beta ? undefined : '0 0 26 26', xmlns: "http://www.w3.org/2000/svg" }, label && index.h("title", { id: "label" }, label), this.beta ? (index.h(index.Fragment, null, !!this.type && index.h("use", { href: `#tct-${this.type}` }), index.h("g", { ref: el => (this.spriteGroup = el) }))) : (this.iconMarkup)));
715
+ return this.isCustom ? (index.h("slot", null)) : (index.h("svg", { "aria-hidden": this.label ? undefined : 'true', role: "img", "aria-labelledby": label ? 'label' : undefined, viewBox: this.beta ? this.iconCloneViewBox : '0 0 26 26', xmlns: "http://www.w3.org/2000/svg" }, label && index.h("title", { id: "label" }, label), this.beta ? (index.h(index.Fragment, null, !!this.type && index.h("use", { href: `#tct-${this.type}` }), index.h("g", { ref: el => (this.spriteGroup = el) }))) : (this.iconMarkup)));
712
716
  }
713
717
  static get assetsDirs() { return ["assets"]; }
714
718
  get hostElement() { return index.getElement(this); }
package/dist/cjs/q2-icon.cjs.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"q2-icon.entry.cjs.js","mappings":"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","names":["icons","getAssetPath","createGuid","h","Fragment"],"sources":["src/components/q2-icon/q2-icon.scss?tag=q2-icon&encapsulation=shadow","src/components/q2-icon/q2-icon.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n display: inline-block;\n height: var(--tct-icon-size, 24px);\n width: var(--tct-icon-size, 24px);\n position: relative;\n fill: none;\n}\n\n:host([inline]) {\n height: 1em;\n width: 1em;\n}\n\nsvg {\n height: var(--tct-icon-size, 24px);\n width: var(--tct-icon-size, 24px);\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n stroke-width: var-list(--tct-icon-stroke-width, --t-icon-stroke-width, 1.5);\n stroke-linecap: var-list(--tct-icon-cap, --t-icon-cap, round);\n stroke-linejoin: var-list(--tct-icon-cap, --t-icon-cap, round);\n transition: var(--tct-icon-transition, none);\n}\n\n.stroke-primary {\n stroke: var-list(--tct-icon-stroke-primary, --t-icon-stroke-primary, --t-text, currentcolor);\n transition: var(--tct-icon-stroke-primary-transition, none);\n}\n\n.stroke-secondary {\n stroke: var-list(--tct-icon-stroke-secondary, --t-icon-stroke-secondary, --t-text, currentcolor);\n transition: var(--tct-icon-stroke-secondary-transition, none);\n}\n\n.fill-primary {\n fill: var-list(--tct-icon-stroke-primary, --t-icon-stroke-primary, --t-text, currentcolor);\n transition: var(--tct-icon-stroke-primary-transition, none);\n}\n\n.fill-secondary {\n fill: var-list(--tct-icon-stroke-secondary, --t-icon-stroke-secondary, --t-text, currentcolor);\n transition: var(--tct-icon-stroke-secondary-transition, none);\n}\n\n.filled {\n fill: var-list(--tct-icon-fill, --comp-icon-fill, --t-icon-fill, none);\n transition: var(--tct-icon-fill-transition, none);\n}\n\n.uniform {\n fill: var-list(--tct-icon-stroke-primary, --t-icon-stroke-primary, currentcolor);\n transition: var(--tct-icon-stroke-primary-transition, none);\n}\n\n:host([type='info']),\n:host([type='info-filled']) {\n --tct-icon-stroke-primary: transparent;\n --comp-icon-fill: #{var-list(--tct-stoplight-info, --const-stoplight-info, #0079c1)};\n}\n\n:host([type='success']),\n:host([type='success-filled']) {\n --tct-icon-stroke-primary: transparent;\n --comp-icon-fill: #{var-list(--tct-stoplight-success, --const-stoplight-success, #0e8a00)};\n}\n\n:host([type='warning']),\n:host([type='warning-filled']) {\n --tct-icon-stroke-primary: transparent;\n --comp-icon-fill: #{var-list(--tct-stoplight-warning, --const-stoplight-warning, #c35500)};\n}\n\n:host([type='error']),\n:host([type='error-filled']) {\n --tct-icon-stroke-primary: transparent;\n --comp-icon-fill: #{var-list(--tct-stoplight-alert, --const-stoplight-alert, #d20a0a)};\n}\n","import { Component, ComponentInterface, Prop, h, Element, Watch, getAssetPath, State, Fragment } from '@stencil/core';\nimport { createGuid } from 'src/utils';\nimport iconMap from './assets/icon-map.json';\nimport icons from './icons';\n\n@Component({ tag: 'q2-icon', shadow: true, styleUrl: 'q2-icon.scss', assetsDirs: ['assets'] })\nexport class Q2Icon implements ComponentInterface {\n /** Styles the component to have a `height` and `width` of `1em`, making it easy to place alongside text. */\n @Prop({ reflect: true }) inline: boolean;\n\n /** The text that is presented by screen-readers when they encounter the icon. */\n @Prop({ reflect: true }) label: string;\n\n /** The name of the icon to be displayed. */\n @Prop({ reflect: true }) type: string;\n\n /**\n * @private\n */\n @Prop({ reflect: true, mutable: true }) beta: boolean = window.TectonElements?.beta || false;\n\n @Element() hostElement: HTMLElement;\n\n @State() iconClone: SVGSymbolElement;\n\n spriteGroup: SVGElement;\n\n componentWillLoad() {\n this.handleIcon();\n }\n\n componentDidRender(): void {\n if (!this.beta) return;\n if (!this.iconClone) return;\n this.spriteGroup?.firstElementChild?.remove();\n this.spriteGroup?.appendChild(this.iconClone);\n }\n\n @Watch('beta')\n @Watch('type')\n handleIcon() {\n if (this.isCustom) {\n this.setCustomSVGAttrs();\n } else if (this.type && this.beta) {\n this.fetchSprite();\n } else {\n this.iconClone = null;\n this.spriteGroup?.firstElementChild?.remove();\n }\n }\n\n get isCustom() {\n return this.type === 'custom';\n }\n\n get spriteFileName() {\n if (this.isCustom) return;\n return iconMap[this.type];\n }\n\n get spriteId() {\n const { spriteFileName } = this;\n if (!spriteFileName) return;\n return `tecton-sprite-${spriteFileName}`;\n }\n\n get spriteElement() {\n const { spriteId } = this;\n if (!spriteId) return;\n return document.querySelector<HTMLElement>(`#${spriteId}`);\n }\n\n get spriteEventName() {\n const { spriteFileName } = this;\n if (!spriteFileName) return;\n return `tct-loaded-${spriteFileName}`;\n }\n\n get iconMarkup() {\n return (icons[this.type] && icons[this.type].markup()) || '';\n }\n\n /**\n * Checks for the sprite container element in the global DOM\n * If it does not exist, it creates and appends it to the body\n */\n getOrCreateSpriteContainer() {\n const spriteContainerId = 'tecton-sprites';\n let spriteContainer: HTMLDivElement = document.querySelector(`#${spriteContainerId}`);\n\n if (spriteContainer) return spriteContainer;\n spriteContainer = document.createElement('div');\n spriteContainer.id = spriteContainerId;\n spriteContainer.style.display = 'none';\n document.body.appendChild(spriteContainer);\n return spriteContainer;\n }\n\n checkForSprite() {\n const { spriteId, spriteEventName } = this;\n const spriteContainer = this.getOrCreateSpriteContainer();\n let spriteElement: HTMLElement = document.querySelector(`#${spriteId}`);\n\n // If the sprite element exists and has the `data-loaded` attribute, we know we have everything we need\n if (spriteElement?.hasAttribute('data-loaded') ?? false) {\n this.cloneSpriteNode();\n return true;\n }\n\n // If the sprite element exists but does not have the `data-loaded` attribute, we know it's being loaded\n // We'll listen for the event that will be dispatched when the sprite is loaded\n spriteContainer.addEventListener(\n spriteEventName,\n () => {\n this.cloneSpriteNode();\n },\n { once: true }\n );\n\n // If the sprite element exists, we know it's being loaded and will be handled by the event listener\n if (spriteElement) return true;\n\n // If sprite element does not exist, create a placeholder\n // This will let other icons to know the sprite is being loaded\n spriteElement = document.createElement('div');\n spriteElement.id = spriteId;\n spriteContainer.appendChild(spriteElement);\n return false;\n }\n\n async fetchSprite() {\n const { spriteFileName, spriteId, spriteEventName } = this;\n\n const spriteExists = this.checkForSprite();\n if (spriteExists) return;\n\n if (!spriteFileName) return;\n const spritePath = getAssetPath(`assets/${spriteFileName}.symbol.svg`);\n const response = await fetch(spritePath);\n const data = await response.text();\n const wrappingDiv = document.createElement('div');\n wrappingDiv.innerHTML = data;\n const svg = wrappingDiv.querySelector('svg');\n\n svg.id = spriteId;\n svg.setAttribute('data-loaded', '');\n\n let { spriteElement } = this;\n if (spriteElement?.tagName === 'SVG') return;\n\n if (typeof spriteElement.replaceWith === 'function') {\n spriteElement.replaceWith(svg);\n } else {\n spriteElement.parentNode.replaceChild(svg, spriteElement);\n }\n\n spriteElement = document.querySelector(`#${spriteId}`);\n spriteElement.dispatchEvent(new CustomEvent(spriteEventName, { bubbles: true }));\n }\n\n cloneSpriteNode() {\n const spriteContainer = this.getOrCreateSpriteContainer();\n const spriteNode = spriteContainer.querySelector<HTMLElement>(`#tct-${this.type}`);\n this.iconClone = spriteNode ? (spriteNode.cloneNode(true) as SVGSymbolElement) : undefined;\n }\n\n setCustomSVGAttrs() {\n const innerSVG = this.hostElement.querySelector('svg');\n\n if (!innerSVG) return;\n\n innerSVG.setAttribute('role', 'img');\n innerSVG.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\n const { label } = this;\n if (label) {\n const title = document.createElement('title');\n const labelId = `label-${createGuid()}`;\n title.id = labelId;\n title.textContent = label;\n innerSVG.appendChild(title);\n innerSVG.setAttribute('aria-labelledby', labelId);\n } else {\n innerSVG.setAttribute('aria-hidden', 'true');\n }\n }\n\n render() {\n const { label } = this;\n return this.isCustom ? (\n <slot />\n ) : (\n <svg\n aria-hidden={this.label ? undefined : 'true'}\n role=\"img\"\n aria-labelledby={label ? 'label' : undefined}\n viewBox={this.beta ? undefined : '0 0 26 26'}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {label && <title id=\"label\">{label}</title>}\n {this.beta ? (\n <Fragment>\n {!!this.type && <use href={`#tct-${this.type}`} />}\n <g ref={el => (this.spriteGroup = el)}></g>\n </Fragment>\n ) : (\n this.iconMarkup\n )}\n </svg>\n );\n }\n}\n"],"version":3}
1
+ {"file":"q2-icon.entry.cjs.js","mappings":"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","names":["icons","getAssetPath","createGuid","h","Fragment"],"sources":["src/components/q2-icon/q2-icon.scss?tag=q2-icon&encapsulation=shadow","src/components/q2-icon/q2-icon.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n display: inline-block;\n height: var(--tct-icon-size, 24px);\n width: var(--tct-icon-size, 24px);\n position: relative;\n fill: none;\n}\n\n:host([inline]) {\n height: 1em;\n width: 1em;\n}\n\nsvg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n stroke-width: var-list(--tct-icon-stroke-width, --t-icon-stroke-width, 1.5);\n stroke-linecap: var-list(--tct-icon-cap, --t-icon-cap, round);\n stroke-linejoin: var-list(--tct-icon-cap, --t-icon-cap, round);\n transition: var(--tct-icon-transition, none);\n}\n\n.stroke-primary {\n stroke: var-list(--tct-icon-stroke-primary, --t-icon-stroke-primary, --t-text, currentcolor);\n transition: var(--tct-icon-stroke-primary-transition, none);\n}\n\n.stroke-secondary {\n stroke: var-list(--tct-icon-stroke-secondary, --t-icon-stroke-secondary, --t-text, currentcolor);\n transition: var(--tct-icon-stroke-secondary-transition, none);\n}\n\n.fill-primary {\n fill: var-list(--tct-icon-stroke-primary, --t-icon-stroke-primary, --t-text, currentcolor);\n transition: var(--tct-icon-stroke-primary-transition, none);\n}\n\n.fill-secondary {\n fill: var-list(--tct-icon-stroke-secondary, --t-icon-stroke-secondary, --t-text, currentcolor);\n transition: var(--tct-icon-stroke-secondary-transition, none);\n}\n\n.filled {\n fill: var-list(--tct-icon-fill, --comp-icon-fill, --t-icon-fill, none);\n transition: var(--tct-icon-fill-transition, none);\n}\n\n.uniform {\n fill: var-list(--tct-icon-stroke-primary, --t-icon-stroke-primary, currentcolor);\n transition: var(--tct-icon-stroke-primary-transition, none);\n}\n\n:host([type='info']),\n:host([type='info-filled']) {\n --tct-icon-stroke-primary: transparent;\n --comp-icon-fill: #{var-list(--tct-stoplight-info, --const-stoplight-info, #0079c1)};\n}\n\n:host([type='success']),\n:host([type='success-filled']) {\n --tct-icon-stroke-primary: transparent;\n --comp-icon-fill: #{var-list(--tct-stoplight-success, --const-stoplight-success, #0e8a00)};\n}\n\n:host([type='warning']),\n:host([type='warning-filled']) {\n --tct-icon-stroke-primary: transparent;\n --comp-icon-fill: #{var-list(--tct-stoplight-warning, --const-stoplight-warning, #c35500)};\n}\n\n:host([type='error']),\n:host([type='error-filled']) {\n --tct-icon-stroke-primary: transparent;\n --comp-icon-fill: #{var-list(--tct-stoplight-alert, --const-stoplight-alert, #d20a0a)};\n}\n","import { Component, ComponentInterface, Prop, h, Element, Watch, getAssetPath, State, Fragment } from '@stencil/core';\nimport { createGuid } from 'src/utils';\nimport iconMap from './assets/icon-map.json';\nimport icons from './icons';\n\n@Component({ tag: 'q2-icon', shadow: true, styleUrl: 'q2-icon.scss', assetsDirs: ['assets'] })\nexport class Q2Icon implements ComponentInterface {\n /** Styles the component to have a `height` and `width` of `1em`, making it easy to place alongside text. */\n @Prop({ reflect: true }) inline: boolean;\n\n /** The text that is presented by screen-readers when they encounter the icon. */\n @Prop({ reflect: true }) label: string;\n\n /** The name of the icon to be displayed. */\n @Prop({ reflect: true }) type: string;\n\n /**\n * @private\n */\n @Prop({ reflect: true, mutable: true }) beta: boolean = window.TectonElements?.beta || false;\n\n @Element() hostElement: HTMLElement;\n\n @State() iconClone: SVGSymbolElement;\n\n spriteGroup: SVGElement;\n\n componentWillLoad() {\n this.handleIcon();\n }\n\n componentDidRender(): void {\n if (!this.beta) return;\n if (!this.iconClone) return;\n this.spriteGroup?.firstElementChild?.remove();\n this.spriteGroup?.appendChild(this.iconClone);\n }\n\n @Watch('beta')\n @Watch('type')\n handleIcon() {\n if (this.isCustom) {\n this.setCustomSVGAttrs();\n } else if (this.type && this.beta) {\n this.fetchSprite();\n } else {\n this.iconClone = null;\n this.spriteGroup?.firstElementChild?.remove();\n }\n }\n\n get isCustom() {\n return this.type === 'custom';\n }\n\n get spriteFileName() {\n if (this.isCustom) return;\n return iconMap[this.type];\n }\n\n get spriteId() {\n const { spriteFileName } = this;\n if (!spriteFileName) return;\n return `tecton-sprite-${spriteFileName}`;\n }\n\n get spriteElement() {\n const { spriteId } = this;\n if (!spriteId) return;\n return document.querySelector<HTMLElement>(`#${spriteId}`);\n }\n\n get spriteEventName() {\n const { spriteFileName } = this;\n if (!spriteFileName) return;\n return `tct-loaded-${spriteFileName}`;\n }\n\n get iconMarkup() {\n return (icons[this.type] && icons[this.type].markup()) || '';\n }\n\n get iconCloneViewBox() {\n return this.iconClone?.getAttribute('viewBox') ?? '0 0 24 24';\n }\n\n /**\n * Checks for the sprite container element in the global DOM\n * If it does not exist, it creates and appends it to the body\n */\n getOrCreateSpriteContainer() {\n const spriteContainerId = 'tecton-sprites';\n let spriteContainer: HTMLDivElement = document.querySelector(`#${spriteContainerId}`);\n\n if (spriteContainer) return spriteContainer;\n spriteContainer = document.createElement('div');\n spriteContainer.id = spriteContainerId;\n spriteContainer.style.display = 'none';\n document.body.appendChild(spriteContainer);\n return spriteContainer;\n }\n\n checkForSprite() {\n const { spriteId, spriteEventName } = this;\n const spriteContainer = this.getOrCreateSpriteContainer();\n let spriteElement: HTMLElement = document.querySelector(`#${spriteId}`);\n\n // If the sprite element exists and has the `data-loaded` attribute, we know we have everything we need\n if (spriteElement?.hasAttribute('data-loaded') ?? false) {\n this.cloneSpriteNode();\n return true;\n }\n\n // If the sprite element exists but does not have the `data-loaded` attribute, we know it's being loaded\n // We'll listen for the event that will be dispatched when the sprite is loaded\n spriteContainer.addEventListener(\n spriteEventName,\n () => {\n this.cloneSpriteNode();\n },\n { once: true }\n );\n\n // If the sprite element exists, we know it's being loaded and will be handled by the event listener\n if (spriteElement) return true;\n\n // If sprite element does not exist, create a placeholder\n // This will let other icons to know the sprite is being loaded\n spriteElement = document.createElement('div');\n spriteElement.id = spriteId;\n spriteContainer.appendChild(spriteElement);\n return false;\n }\n\n async fetchSprite() {\n const { spriteFileName, spriteId, spriteEventName } = this;\n\n const spriteExists = this.checkForSprite();\n if (spriteExists) return;\n\n if (!spriteFileName) return;\n const spritePath = getAssetPath(`assets/${spriteFileName}.symbol.svg`);\n const response = await fetch(spritePath);\n const data = await response.text();\n const wrappingDiv = document.createElement('div');\n wrappingDiv.innerHTML = data;\n const svg = wrappingDiv.querySelector('svg');\n\n svg.id = spriteId;\n svg.setAttribute('data-loaded', '');\n\n let { spriteElement } = this;\n if (spriteElement?.tagName === 'SVG') return;\n\n if (typeof spriteElement.replaceWith === 'function') {\n spriteElement.replaceWith(svg);\n } else {\n spriteElement.parentNode.replaceChild(svg, spriteElement);\n }\n\n spriteElement = document.querySelector(`#${spriteId}`);\n spriteElement.dispatchEvent(new CustomEvent(spriteEventName, { bubbles: true }));\n }\n\n cloneSpriteNode() {\n const spriteContainer = this.getOrCreateSpriteContainer();\n const spriteNode = spriteContainer.querySelector<HTMLElement>(`#tct-${this.type}`);\n this.iconClone = spriteNode ? (spriteNode.cloneNode(true) as SVGSymbolElement) : undefined;\n }\n\n setCustomSVGAttrs() {\n const innerSVG = this.hostElement.querySelector('svg');\n\n if (!innerSVG) return;\n\n innerSVG.setAttribute('role', 'img');\n innerSVG.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\n const { label } = this;\n if (label) {\n const title = document.createElement('title');\n const labelId = `label-${createGuid()}`;\n title.id = labelId;\n title.textContent = label;\n innerSVG.appendChild(title);\n innerSVG.setAttribute('aria-labelledby', labelId);\n } else {\n innerSVG.setAttribute('aria-hidden', 'true');\n }\n }\n\n render() {\n const { label } = this;\n return this.isCustom ? (\n <slot />\n ) : (\n <svg\n aria-hidden={this.label ? undefined : 'true'}\n role=\"img\"\n aria-labelledby={label ? 'label' : undefined}\n viewBox={this.beta ? this.iconCloneViewBox : '0 0 26 26'}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {label && <title id=\"label\">{label}</title>}\n {this.beta ? (\n <Fragment>\n {!!this.type && <use href={`#tct-${this.type}`} />}\n <g ref={el => (this.spriteGroup = el)}></g>\n </Fragment>\n ) : (\n this.iconMarkup\n )}\n </svg>\n );\n }\n}\n"],"version":3}
package/dist/cjs/q2-relative-time.cjs.entry.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-14c3693c.js');
6
- const index$1 = require('./index-c385e32f.js');
6
+ const index$1 = require('./index-9272f57a.js');
7
7
 
8
8
  const q2RelativeTimeCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline}";
9
9
  const Q2RelativeTimeStyle0 = q2RelativeTimeCss;
package/dist/collection/components/q2-data-table/q2-data-table.js CHANGED
@@ -499,7 +499,7 @@ export class Q2DataTable {
499
499
  "references": {
500
500
  "Q2DataTableHeader": {
501
501
  "location": "local",
502
- "path": "/workspace/workspace/_Gitlab_tecton-production_master/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
502
+ "path": "/workspace/workspace/tecton-production_release_1.44.x/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
503
503
  "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
504
504
  }
505
505
  }
@@ -577,7 +577,7 @@ export class Q2DataTable {
577
577
  "references": {
578
578
  "Q2DataTableRow": {
579
579
  "location": "local",
580
- "path": "/workspace/workspace/_Gitlab_tecton-production_master/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
580
+ "path": "/workspace/workspace/tecton-production_release_1.44.x/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
581
581
  "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableRow"
582
582
  }
583
583
  }
@@ -678,7 +678,7 @@ export class Q2DataTable {
678
678
  "references": {
679
679
  "Q2DataTableSerializedRow": {
680
680
  "location": "local",
681
- "path": "/workspace/workspace/_Gitlab_tecton-production_master/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
681
+ "path": "/workspace/workspace/tecton-production_release_1.44.x/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
682
682
  "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
683
683
  }
684
684
  }
@@ -699,7 +699,7 @@ export class Q2DataTable {
699
699
  "references": {
700
700
  "Q2DataTableSerializedRow": {
701
701
  "location": "local",
702
- "path": "/workspace/workspace/_Gitlab_tecton-production_master/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
702
+ "path": "/workspace/workspace/tecton-production_release_1.44.x/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
703
703
  "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
704
704
  }
705
705
  }
@@ -720,7 +720,7 @@ export class Q2DataTable {
720
720
  "references": {
721
721
  "Q2DataTableSerializedRow": {
722
722
  "location": "local",
723
- "path": "/workspace/workspace/_Gitlab_tecton-production_master/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
723
+ "path": "/workspace/workspace/tecton-production_release_1.44.x/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
724
724
  "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableSerializedRow"
725
725
  }
726
726
  }
@@ -741,7 +741,7 @@ export class Q2DataTable {
741
741
  "references": {
742
742
  "Q2DataTableHeader": {
743
743
  "location": "local",
744
- "path": "/workspace/workspace/_Gitlab_tecton-production_master/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
744
+ "path": "/workspace/workspace/tecton-production_release_1.44.x/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
745
745
  "id": "src/components/q2-data-table/q2-data-table.tsx::Q2DataTableHeader"
746
746
  }
747
747
  }