@telia/teddy 0.6.15 → 0.6.16

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 (4) hide show
  1. package/dist/components/dashboard-card/dashboard-card-root.cjs +15 -15
  2. package/dist/components/dashboard-card/dashboard-card-root.js +15 -15
  3. package/dist/style.css +38 -36
  4. package/package.json +1 -1
package/dist/components/dashboard-card/dashboard-card-root.cjs CHANGED
@@ -7,21 +7,21 @@ const reactSlot = require("@radix-ui/react-slot");
7
7
  require("../../assets/sprite.c7653d19-teddy.svg");
8
8
  const components_icon_icon = require("../icon/icon.cjs");
9
9
  const styles = {
10
- "teddy-dashboard-card": "_teddy-dashboard-card_mczi8_3",
11
- "teddy-dashboard-card__content": "_teddy-dashboard-card__content_mczi8_19",
12
- "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_mczi8_20",
13
- "teddy-dashboard-card--white": "_teddy-dashboard-card--white_mczi8_23",
14
- "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_mczi8_27",
15
- "teddy-dashboard-card--border": "_teddy-dashboard-card--border_mczi8_36",
16
- "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_mczi8_48",
17
- "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_mczi8_61",
18
- "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_mczi8_74",
19
- "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_mczi8_87",
20
- "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_mczi8_97",
21
- "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_mczi8_100",
22
- "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_mczi8_103",
23
- "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_mczi8_107",
24
- "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_mczi8_111"
10
+ "teddy-dashboard-card": "_teddy-dashboard-card_5b7hf_3",
11
+ "teddy-dashboard-card__content": "_teddy-dashboard-card__content_5b7hf_20",
12
+ "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_5b7hf_21",
13
+ "teddy-dashboard-card--white": "_teddy-dashboard-card--white_5b7hf_24",
14
+ "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_5b7hf_28",
15
+ "teddy-dashboard-card--border": "_teddy-dashboard-card--border_5b7hf_37",
16
+ "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_5b7hf_49",
17
+ "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_5b7hf_62",
18
+ "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_5b7hf_75",
19
+ "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_5b7hf_88",
20
+ "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_5b7hf_98",
21
+ "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_5b7hf_101",
22
+ "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_5b7hf_104",
23
+ "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_5b7hf_108",
24
+ "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_5b7hf_112"
25
25
  };
26
26
  const rootClassName = "teddy-dashboard-card";
27
27
  const RootContext = React.createContext(void 0);
package/dist/components/dashboard-card/dashboard-card-root.js CHANGED
@@ -5,21 +5,21 @@ import { Slottable, Slot } from "@radix-ui/react-slot";
5
5
  import "../../assets/sprite.c7653d19-teddy.svg";
6
6
  import { Icon } from "../icon/icon.js";
7
7
  const styles = {
8
- "teddy-dashboard-card": "_teddy-dashboard-card_mczi8_3",
9
- "teddy-dashboard-card__content": "_teddy-dashboard-card__content_mczi8_19",
10
- "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_mczi8_20",
11
- "teddy-dashboard-card--white": "_teddy-dashboard-card--white_mczi8_23",
12
- "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_mczi8_27",
13
- "teddy-dashboard-card--border": "_teddy-dashboard-card--border_mczi8_36",
14
- "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_mczi8_48",
15
- "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_mczi8_61",
16
- "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_mczi8_74",
17
- "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_mczi8_87",
18
- "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_mczi8_97",
19
- "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_mczi8_100",
20
- "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_mczi8_103",
21
- "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_mczi8_107",
22
- "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_mczi8_111"
8
+ "teddy-dashboard-card": "_teddy-dashboard-card_5b7hf_3",
9
+ "teddy-dashboard-card__content": "_teddy-dashboard-card__content_5b7hf_20",
10
+ "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_5b7hf_21",
11
+ "teddy-dashboard-card--white": "_teddy-dashboard-card--white_5b7hf_24",
12
+ "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_5b7hf_28",
13
+ "teddy-dashboard-card--border": "_teddy-dashboard-card--border_5b7hf_37",
14
+ "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_5b7hf_49",
15
+ "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_5b7hf_62",
16
+ "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_5b7hf_75",
17
+ "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_5b7hf_88",
18
+ "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_5b7hf_98",
19
+ "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_5b7hf_101",
20
+ "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_5b7hf_104",
21
+ "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_5b7hf_108",
22
+ "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_5b7hf_112"
23
23
  };
24
24
  const rootClassName = "teddy-dashboard-card";
25
25
  const RootContext = React__default.createContext(void 0);
package/dist/style.css CHANGED
@@ -282,7 +282,7 @@
282
282
  background-color: var(--teddy-color-green-50);
283
283
  }@layer heading, badge, flex, grid, dashboard-card;
284
284
  @layer dashboard-card {
285
- ._teddy-dashboard-card_mczi8_3 {
285
+ ._teddy-dashboard-card_5b7hf_3 {
286
286
  outline: none;
287
287
  background: none;
288
288
  border: none;
@@ -297,76 +297,77 @@
297
297
  border: var(--teddy-border-width-xs) solid transparent;
298
298
  border-radius: var(--teddy-border-radius-md);
299
299
  width: 100%;
300
+ cursor: pointer;
300
301
  }
301
- ._teddy-dashboard-card_mczi8_3 ._teddy-dashboard-card__content_mczi8_19,
302
- ._teddy-dashboard-card_mczi8_3 ._teddy-dashboard-card__footer_mczi8_20 {
302
+ ._teddy-dashboard-card_5b7hf_3 ._teddy-dashboard-card__content_5b7hf_20,
303
+ ._teddy-dashboard-card_5b7hf_3 ._teddy-dashboard-card__footer_5b7hf_21 {
303
304
  margin-top: var(--teddy-spacing-150);
304
305
  }
305
- ._teddy-dashboard-card--white_mczi8_23 {
306
+ ._teddy-dashboard-card--white_5b7hf_24 {
306
307
  background-color: var(--teddy-color-brand-white);
307
308
  color: var(--teddy-color-text-default);
308
309
  }
309
- ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--disabled_mczi8_27 {
310
+ ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--disabled_5b7hf_28 {
310
311
  background-color: var(--teddy-color-background-interactive-disabled);
311
312
  }
312
- ._teddy-dashboard-card--white_mczi8_23:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
313
+ ._teddy-dashboard-card--white_5b7hf_24:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
313
314
  background-color: var(--teddy-color-purple-50);
314
315
  }
315
- ._teddy-dashboard-card--white_mczi8_23:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
316
+ ._teddy-dashboard-card--white_5b7hf_24:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
316
317
  background-color: var(--teddy-color-purple-100);
317
318
  }
318
- ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36 {
319
+ ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37 {
319
320
  border-color: var(--teddy-color-transparent-black-300);
320
321
  }
321
- ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36._teddy-dashboard-card--disabled_mczi8_27 {
322
+ ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37._teddy-dashboard-card--disabled_5b7hf_28 {
322
323
  border-color: var(--teddy-color-transparent-black-300);
323
324
  }
324
- ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
325
+ ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
325
326
  border-color: var(--teddy-color-transparent-black-300);
326
327
  }
327
- ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
328
+ ._teddy-dashboard-card--white_5b7hf_24._teddy-dashboard-card--border_5b7hf_37:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
328
329
  border-color: var(--teddy-color-transparent-black-300);
329
330
  }
330
- ._teddy-dashboard-card--grey_mczi8_48 {
331
+ ._teddy-dashboard-card--grey_5b7hf_49 {
331
332
  background-color: #f5f5fa;
332
333
  color: var(--teddy-color-text-default);
333
334
  }
334
- ._teddy-dashboard-card--grey_mczi8_48._teddy-dashboard-card--disabled_mczi8_27 {
335
+ ._teddy-dashboard-card--grey_5b7hf_49._teddy-dashboard-card--disabled_5b7hf_28 {
335
336
  background-color: var(--teddy-color-background-interactive-disabled);
336
337
  }
337
- ._teddy-dashboard-card--grey_mczi8_48:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
338
+ ._teddy-dashboard-card--grey_5b7hf_49:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
338
339
  background-color: var(--teddy-color-gray-100);
339
340
  }
340
- ._teddy-dashboard-card--grey_mczi8_48:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
341
+ ._teddy-dashboard-card--grey_5b7hf_49:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
341
342
  background-color: var(--teddy-color-gray-200);
342
343
  }
343
- ._teddy-dashboard-card--purple-light_mczi8_61 {
344
+ ._teddy-dashboard-card--purple-light_5b7hf_62 {
344
345
  background-color: var(--teddy-color-purple-50);
345
346
  color: var(--teddy-color-text-default);
346
347
  }
347
- ._teddy-dashboard-card--purple-light_mczi8_61._teddy-dashboard-card--disabled_mczi8_27 {
348
+ ._teddy-dashboard-card--purple-light_5b7hf_62._teddy-dashboard-card--disabled_5b7hf_28 {
348
349
  background-color: var(--teddy-color-background-interactive-disabled);
349
350
  }
350
- ._teddy-dashboard-card--purple-light_mczi8_61:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
351
+ ._teddy-dashboard-card--purple-light_5b7hf_62:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
351
352
  background-color: var(--teddy-color-purple-100);
352
353
  }
353
- ._teddy-dashboard-card--purple-light_mczi8_61:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
354
+ ._teddy-dashboard-card--purple-light_5b7hf_62:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
354
355
  background-color: var(--teddy-color-purple-200);
355
356
  }
356
- ._teddy-dashboard-card--beige-light_mczi8_74 {
357
+ ._teddy-dashboard-card--beige-light_5b7hf_75 {
357
358
  background-color: var(--teddy-color-beige-50);
358
359
  color: var(--teddy-color-text-default);
359
360
  }
360
- ._teddy-dashboard-card--beige-light_mczi8_74._teddy-dashboard-card--disabled_mczi8_27 {
361
+ ._teddy-dashboard-card--beige-light_5b7hf_75._teddy-dashboard-card--disabled_5b7hf_28 {
361
362
  background-color: var(--teddy-color-background-interactive-disabled);
362
363
  }
363
- ._teddy-dashboard-card--beige-light_mczi8_74:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
364
+ ._teddy-dashboard-card--beige-light_5b7hf_75:hover:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
364
365
  background-color: var(--teddy-color-beige-100);
365
366
  }
366
- ._teddy-dashboard-card--beige-light_mczi8_74:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
367
+ ._teddy-dashboard-card--beige-light_5b7hf_75:active:not(:has(._teddy-dashboard-card--disabled_5b7hf_28)) {
367
368
  background-color: var(--teddy-color-beige-200);
368
369
  }
369
- ._teddy-dashboard-card__layout_mczi8_87 {
370
+ ._teddy-dashboard-card__layout_5b7hf_88 {
370
371
  display: grid;
371
372
  gap: 0 var(--teddy-spacing-150);
372
373
  grid-template-columns: auto 1fr auto;
@@ -376,49 +377,50 @@
376
377
  align-items: center;
377
378
  grid-template-areas: "media heading chevron" "media subtitle chevron" "content content content" "footer footer footer";
378
379
  }
379
- ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__avatar_mczi8_97 {
380
+ ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__avatar_5b7hf_98 {
380
381
  grid-area: media;
381
382
  }
382
- ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__illustration_mczi8_100 {
383
+ ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__illustration_5b7hf_101 {
383
384
  grid-area: media;
384
385
  }
385
- ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__heading_mczi8_103 {
386
+ ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__heading_5b7hf_104 {
386
387
  grid-area: heading;
387
388
  align-self: end;
388
389
  }
389
- ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__subtitle_mczi8_107 {
390
+ ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__subtitle_5b7hf_108 {
390
391
  grid-area: subtitle;
391
392
  align-self: start;
392
393
  }
393
- ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__chevron_mczi8_111 {
394
+ ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__chevron_5b7hf_112 {
394
395
  grid-area: chevron;
395
396
  }
396
- ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__content_mczi8_19 {
397
+ ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__content_5b7hf_20 {
397
398
  grid-area: content;
398
399
  align-self: start;
399
400
  }
400
- ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__footer_mczi8_20 {
401
+ ._teddy-dashboard-card__layout_5b7hf_88 ._teddy-dashboard-card__footer_5b7hf_21 {
401
402
  grid-area: footer;
402
403
  align-self: end;
403
404
  }
404
- ._teddy-dashboard-card__layout_mczi8_87:not(:has(._teddy-dashboard-card__subtitle_mczi8_107)) {
405
+ ._teddy-dashboard-card__layout_5b7hf_88:not(:has(._teddy-dashboard-card__subtitle_5b7hf_108)) {
405
406
  grid-template-areas: "media heading chevron" "media heading chevron" "content content content" "footer footer footer";
406
407
  }
407
- ._teddy-dashboard-card__layout_mczi8_87:not(:has(._teddy-dashboard-card__subtitle_mczi8_107)) ._teddy-dashboard-card__heading_mczi8_103 {
408
+ ._teddy-dashboard-card__layout_5b7hf_88:not(:has(._teddy-dashboard-card__subtitle_5b7hf_108)) ._teddy-dashboard-card__heading_5b7hf_104 {
408
409
  align-self: center;
409
410
  }
410
- ._teddy-dashboard-card__illustration_mczi8_100 {
411
+ ._teddy-dashboard-card__illustration_5b7hf_101 {
411
412
  display: flex;
412
413
  align-items: center;
413
414
  justify-content: center;
414
415
  width: 40px;
415
416
  }
416
- ._teddy-dashboard-card_mczi8_3:focus-visible {
417
+ ._teddy-dashboard-card_5b7hf_3:focus-visible {
417
418
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
418
419
  outline-offset: var(--teddy-spacing-25);
419
420
  }
420
- ._teddy-dashboard-card--disabled_mczi8_27 {
421
+ ._teddy-dashboard-card--disabled_5b7hf_28 {
421
422
  pointer-events: none;
423
+ cursor: not-allowed;
422
424
  }
423
425
  }@layer heading {
424
426
  ._teddy-heading_r8os0_2 {
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=9"
21
21
  },
22
22
  "private": false,
23
- "version": "0.6.15",
23
+ "version": "0.6.16",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"