@sebgroup/green-core 1.37.0 → 1.38.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.
Files changed (113) hide show
  1. package/chunks/{chunk.BAZ2K3MF.js → chunk.2JSLJWZC.js} +1 -1
  2. package/chunks/{chunk.JZ4GS2C7.js → chunk.3TWIY2GW.js} +1 -1
  3. package/chunks/{chunk.BPXTBSVX.js → chunk.4HKTKDQP.js} +2 -5
  4. package/chunks/{chunk.SSPUZ2VD.js → chunk.4YC6LR4Q.js} +68 -46
  5. package/chunks/{chunk.RLAVFYDO.js → chunk.5UVOHC6Z.js} +9 -7
  6. package/chunks/chunk.6OEWQFQM.js +87 -0
  7. package/chunks/{chunk.6DBPCGXS.js → chunk.7W75CKEW.js} +1 -1
  8. package/chunks/{chunk.H4P3EWBR.js → chunk.D7LJ2ZGC.js} +31 -14
  9. package/chunks/{chunk.4PS22YJM.js → chunk.EF6MCM6B.js} +1 -1
  10. package/chunks/{chunk.A5V2F4AU.js → chunk.ESRWRNGU.js} +3 -3
  11. package/chunks/{chunk.PUOGDEIA.js → chunk.F3YYPLHY.js} +1 -1
  12. package/chunks/{chunk.RFEAEQMF.js → chunk.FMBKEA7K.js} +2 -2
  13. package/chunks/{chunk.TXHTGHDD.js → chunk.GJMD5IBX.js} +10 -9
  14. package/chunks/{chunk.O2YOZNIY.js → chunk.I6VJOH2I.js} +2 -2
  15. package/chunks/{chunk.QFC4NLKE.js → chunk.IYFOMPYU.js} +1 -1
  16. package/chunks/{chunk.4HJFU3YD.js → chunk.JDV2W4WD.js} +1 -1
  17. package/chunks/chunk.JTFG2VCZ.js +12 -0
  18. package/chunks/{chunk.EYNJ2JFT.js → chunk.LEPJMOW2.js} +2 -2
  19. package/chunks/{chunk.5EWITJDS.js → chunk.LX3D7JJM.js} +2 -2
  20. package/chunks/{chunk.CLNWU4WA.js → chunk.MZCDXMEJ.js} +1 -1
  21. package/chunks/{chunk.TWVCL2KD.js → chunk.PK7DWRFG.js} +1 -1
  22. package/chunks/{chunk.I2Z2K4RE.js → chunk.PRDX3WNY.js} +1 -1
  23. package/chunks/{chunk.ZRTOIGOM.js → chunk.S7DYDS4E.js} +3 -0
  24. package/chunks/{chunk.2KV2AUKL.js → chunk.TENYDU6V.js} +1 -1
  25. package/chunks/{chunk.KM5DUBMX.js → chunk.TNU7WX4X.js} +1 -1
  26. package/chunks/{chunk.ZJWFRZQV.js → chunk.UC4KVLIX.js} +1 -1
  27. package/chunks/{chunk.62OIT6HX.js → chunk.UDJBUPXW.js} +3 -3
  28. package/chunks/{chunk.VX5XEAYM.js → chunk.VJBREBFI.js} +1 -1
  29. package/chunks/chunk.VOYMQ322.js +1 -1
  30. package/chunks/{chunk.OL4YES6C.js → chunk.VVQC7MTN.js} +1 -1
  31. package/chunks/{chunk.ZRAEE3ZD.js → chunk.W3N3OYH3.js} +2 -2
  32. package/chunks/{chunk.YGSSPWQI.js → chunk.WH4TR3M6.js} +2 -2
  33. package/chunks/{chunk.Z4AMYCM6.js → chunk.YSZ7S3OB.js} +1 -1
  34. package/components/button/button.js +4 -4
  35. package/components/button/button.trans.styles.js +1 -1
  36. package/components/button/fab/fab.js +5 -5
  37. package/components/button/fab/index.js +5 -5
  38. package/components/button/index.js +4 -4
  39. package/components/calendar/calendar.js +3 -3
  40. package/components/calendar/calendar.trans.styles.js +1 -1
  41. package/components/calendar/index.js +3 -3
  42. package/components/content/divider/divider.js +2 -2
  43. package/components/content/divider/index.js +2 -2
  44. package/components/content/spacer/index.js +2 -2
  45. package/components/content/spacer/spacer.js +2 -2
  46. package/components/content/text/index.js +3 -3
  47. package/components/content/text/text.d.ts +32 -23
  48. package/components/content/text/text.js +3 -3
  49. package/components/content/text/text.style.css.js +1 -1
  50. package/components/context-menu/context-menu.js +5 -5
  51. package/components/context-menu/context-menu.trans.styles.js +1 -1
  52. package/components/context-menu/index.js +6 -6
  53. package/components/datepicker/datepicker.js +11 -11
  54. package/components/datepicker/datepicker.trans.styles.js +1 -1
  55. package/components/datepicker/index.js +11 -11
  56. package/components/dropdown/dropdown.js +8 -8
  57. package/components/dropdown/dropdown.trans.styles.js +1 -1
  58. package/components/dropdown/index.js +9 -9
  59. package/components/filter-chips/filter-chip/filter-chip.js +5 -5
  60. package/components/filter-chips/filter-chip/filter-chip.trans.styles.js +1 -1
  61. package/components/filter-chips/filter-chip/index.js +5 -5
  62. package/components/filter-chips/filter-chips.js +5 -5
  63. package/components/filter-chips/filter-chips.trans.styles.js +1 -1
  64. package/components/filter-chips/index.js +5 -5
  65. package/components/form/index.js +5 -5
  66. package/components/form/summary/index.js +5 -5
  67. package/components/form/summary/summary.js +5 -5
  68. package/components/grouped-list/grouped-list.js +2 -2
  69. package/components/grouped-list/grouped-list.trans.styles.js +1 -1
  70. package/components/grouped-list/index.js +2 -2
  71. package/components/index.js +31 -31
  72. package/components/layout/card/card.js +4 -4
  73. package/components/layout/card/card.style.css.js +1 -1
  74. package/components/layout/card/index.js +4 -4
  75. package/components/layout/container/container.js +2 -2
  76. package/components/layout/container/index.js +2 -2
  77. package/components/layout/flex/flex.js +3 -3
  78. package/components/layout/flex/index.js +3 -3
  79. package/components/layout/grid/grid.js +2 -2
  80. package/components/layout/grid/index.js +2 -2
  81. package/components/media/img/img.js +2 -2
  82. package/components/media/img/index.js +2 -2
  83. package/components/media/video/index.js +2 -2
  84. package/components/media/video/video.js +2 -2
  85. package/components/menu-button/index.js +2 -2
  86. package/components/menu-button/menu-button.d.ts +2 -0
  87. package/components/menu-button/menu-button.js +2 -2
  88. package/components/popover/index.js +2 -2
  89. package/components/popover/popover.js +2 -2
  90. package/components/popover/popover.trans.styles.js +1 -1
  91. package/components/segmented-control/index.js +4 -4
  92. package/components/segmented-control/segment/index.js +3 -3
  93. package/components/segmented-control/segment/segment.js +3 -3
  94. package/components/segmented-control/segment/segment.trans.styles.js +1 -1
  95. package/components/segmented-control/segmented-control.js +4 -4
  96. package/components/segmented-control/segmented-control.trans.styles.js +1 -1
  97. package/components/theme/index.js +2 -2
  98. package/components/theme/theme.js +2 -2
  99. package/components/theme/theme.trans.styles.js +1 -1
  100. package/index.js +31 -31
  101. package/package.json +1 -1
  102. package/primitives/listbox/index.js +4 -4
  103. package/primitives/listbox/listbox.js +4 -4
  104. package/primitives/listbox/option.js +3 -3
  105. package/primitives/menu/index.js +3 -3
  106. package/primitives/menu/menu-heading.js +2 -2
  107. package/primitives/menu/menu-item.js +2 -2
  108. package/primitives/menu/menu.js +3 -3
  109. package/primitives/ripple/index.js +2 -2
  110. package/primitives/ripple/ripple.js +2 -2
  111. package/transitional-styles.js +1 -1
  112. package/chunks/chunk.3ULLOORV.js +0 -22
  113. package/chunks/chunk.KK4QVD34.js +0 -29
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tokens
3
- } from "./chunk.SSPUZ2VD.js";
3
+ } from "./chunk.4YC6LR4Q.js";
4
4
  import {
5
5
  gdsCustomElement
6
6
  } from "./chunk.VOYMQ322.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.SSPUZ2VD.js";
9
+ } from "./chunk.4YC6LR4Q.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.ADPMTWTS.js";
4
4
  import {
5
5
  GdsButton
6
- } from "./chunk.5EWITJDS.js";
6
+ } from "./chunk.LX3D7JJM.js";
7
7
  import {
8
8
  gdsCustomElement
9
9
  } from "./chunk.VOYMQ322.js";
@@ -20,10 +20,7 @@ var style = css`
20
20
  }
21
21
 
22
22
  .button {
23
- /* TODO: Tokens! */
24
- box-shadow:
25
- 0px 8px 12px 0px rgba(27, 27, 24, 0.15),
26
- 0px 0px 1px 0px rgba(13, 13, 12, 0.3);
23
+ box-shadow: var(--gds-shadow-m);
27
24
  height: calc(var(--_size) + 0.5rem);
28
25
  }
29
26
  `;
@@ -4,7 +4,7 @@ import { unsafeCSS } from "lit";
4
4
  // dist/libs/tokens/internal/pallet.css?inline
5
5
  var pallet_default = `/**
6
6
  * Do not edit directly
7
- * Generated on Mon, 02 Sep 2024 08:04:23 GMT
7
+ * Generated on Wed, 04 Sep 2024 09:46:30 GMT
8
8
  */
9
9
 
10
10
  :host {
@@ -165,7 +165,7 @@ var pallet_default = `/**
165
165
  // dist/libs/tokens/internal/theme/light.css?inline
166
166
  var light_default = `/**
167
167
  * Do not edit directly
168
- * Generated on Mon, 02 Sep 2024 08:04:23 GMT
168
+ * Generated on Wed, 04 Sep 2024 09:46:30 GMT
169
169
  */
170
170
 
171
171
  :host {
@@ -286,7 +286,7 @@ var light_default = `/**
286
286
  // dist/libs/tokens/internal/size.css?inline
287
287
  var size_default = `/**
288
288
  * Do not edit directly
289
- * Generated on Mon, 02 Sep 2024 08:04:23 GMT
289
+ * Generated on Wed, 04 Sep 2024 09:46:30 GMT
290
290
  */
291
291
 
292
292
  :host {
@@ -313,7 +313,7 @@ var size_default = `/**
313
313
  // dist/libs/tokens/internal/text.css?inline
314
314
  var text_default = `/**
315
315
  * Do not edit directly
316
- * Generated on Mon, 02 Sep 2024 08:04:23 GMT
316
+ * Generated on Wed, 04 Sep 2024 09:46:30 GMT
317
317
  */
318
318
 
319
319
  :host {
@@ -322,53 +322,59 @@ var text_default = `/**
322
322
  --gds-text-weight-book: 450;
323
323
  --gds-text-weight-regular: 400;
324
324
  --gds-text-weight-light: 300;
325
- --gds-text-size-label-overline: 14px;
326
- --gds-text-size-label-input-medium: 14px;
327
- --gds-text-size-label-input-large: 16px;
328
- --gds-text-size-label-information-medium: 14px;
329
- --gds-text-size-label-information-large: 16px;
330
- --gds-text-size-label-small: 12px;
331
- --gds-text-size-label-medium: 14px;
332
- --gds-text-size-label-large: 16px;
333
- --gds-text-size-body-small: 12px;
334
- --gds-text-size-body-medium: 14px;
335
- --gds-text-size-body-large: 16px;
336
- --gds-text-size-title-small: 14px;
337
- --gds-text-size-title-medium: 16px;
338
- --gds-text-size-title-large: 22px;
339
- --gds-text-size-headline-small: 24px;
340
- --gds-text-size-headline-medium: 28px;
341
- --gds-text-size-headline-large: 32px;
342
- --gds-text-size-display-small: 40px;
343
- --gds-text-size-display-medium: 64px;
344
- --gds-text-size-display-large: 82px;
345
- --gds-text-line-height-label-overline: 18px;
346
- --gds-text-line-height-label-input-medium: 20px;
347
- --gds-text-line-height-label-input-large: 20px;
348
- --gds-text-line-height-label-information-medium: 20px;
349
- --gds-text-line-height-label-information-large: 20px;
350
- --gds-text-line-height-label-small: 16px;
351
- --gds-text-line-height-label-medium: 20px;
352
- --gds-text-line-height-label-large: 20px;
353
- --gds-text-line-height-body-small: 16px;
354
- --gds-text-line-height-body-medium: 20px;
355
- --gds-text-line-height-body-large: 20px;
356
- --gds-text-line-height-title-small: 20px;
357
- --gds-text-line-height-title-medium: 24px;
358
- --gds-text-line-height-title-large: 28px;
359
- --gds-text-line-height-headline-small: 30px;
360
- --gds-text-line-height-headline-medium: 36px;
361
- --gds-text-line-height-headline-large: 40px;
362
- --gds-text-line-height-display-small: 52px;
363
- --gds-text-line-height-display-medium: 80px;
364
- --gds-text-line-height-display-large: 98px;
325
+ --gds-text-size-preamble-xs: 16px;
326
+ --gds-text-size-preamble-s: 18px;
327
+ --gds-text-size-preamble-m: 20px;
328
+ --gds-text-size-preamble-l: 24px;
329
+ --gds-text-size-preamble-xl: 28px;
330
+ --gds-text-size-preamble-2xl: 32px;
331
+ --gds-text-size-display-s: 32px;
332
+ --gds-text-size-display-m: 36px;
333
+ --gds-text-size-display-l: 48px;
334
+ --gds-text-size-display-xl: 64px;
335
+ --gds-text-size-display-2xl: 82px;
336
+ --gds-text-size-body-s: 14px;
337
+ --gds-text-size-body-m: 16px;
338
+ --gds-text-size-body-l: 20px;
339
+ --gds-text-size-detail-xs: 12px;
340
+ --gds-text-size-detail-s: 14px;
341
+ --gds-text-size-detail-m: 16px;
342
+ --gds-text-size-heading-2xl: 14px;
343
+ --gds-text-size-heading-xs: 16px;
344
+ --gds-text-size-heading-s: 20px;
345
+ --gds-text-size-heading-m: 24px;
346
+ --gds-text-size-heading-l: 28px;
347
+ --gds-text-size-heading-xl: 32px;
348
+ --gds-text-line-height-preamble-xs: 24px;
349
+ --gds-text-line-height-preamble-s: 26px;
350
+ --gds-text-line-height-preamble-m: 28px;
351
+ --gds-text-line-height-preamble-l: 32px;
352
+ --gds-text-line-height-preamble-xl: 36px;
353
+ --gds-text-line-height-preamble-2xl: 40px;
354
+ --gds-text-line-height-display-s: 40px;
355
+ --gds-text-line-height-display-m: 44px;
356
+ --gds-text-line-height-display-l: 56px;
357
+ --gds-text-line-height-display-xl: 72px;
358
+ --gds-text-line-height-display-2xl: 90px;
359
+ --gds-text-line-height-body-s: 20px;
360
+ --gds-text-line-height-body-m: 24px;
361
+ --gds-text-line-height-body-l: 26px;
362
+ --gds-text-line-height-detail-xs: 16px;
363
+ --gds-text-line-height-detail-s: 18px;
364
+ --gds-text-line-height-detail-m: 20px;
365
+ --gds-text-line-height-heading-2xs: 20px;
366
+ --gds-text-line-height-heading-xs: 24px;
367
+ --gds-text-line-height-heading-s: 28px;
368
+ --gds-text-line-height-heading-m: 32px;
369
+ --gds-text-line-height-heading-l: 40px;
370
+ --gds-text-line-height-heading-xl: 44px;
365
371
  }
366
372
  `;
367
373
 
368
374
  // dist/libs/tokens/internal/motion.css?inline
369
375
  var motion_default = `/**
370
376
  * Do not edit directly
371
- * Generated on Mon, 02 Sep 2024 08:04:23 GMT
377
+ * Generated on Wed, 04 Sep 2024 09:46:30 GMT
372
378
  */
373
379
 
374
380
  :host {
@@ -383,13 +389,29 @@ var motion_default = `/**
383
389
  }
384
390
  `;
385
391
 
392
+ // dist/libs/tokens/internal/shadow.css?inline
393
+ var shadow_default = `/**
394
+ * Do not edit directly
395
+ * Generated on Wed, 04 Sep 2024 09:46:30 GMT
396
+ */
397
+
398
+ :host {
399
+ --gds-shadow-xs: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
400
+ --gds-shadow-s: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
401
+ --gds-shadow-m: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06);
402
+ --gds-shadow-l: 0px 12px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.03);
403
+ --gds-shadow-xl: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);
404
+ }
405
+ `;
406
+
386
407
  // libs/core/src/tokens.style.ts
387
408
  var tokens = [
388
409
  unsafeCSS(pallet_default),
389
410
  unsafeCSS(light_default),
390
411
  unsafeCSS(size_default),
391
412
  unsafeCSS(text_default),
392
- unsafeCSS(motion_default)
413
+ unsafeCSS(motion_default),
414
+ unsafeCSS(shadow_default)
393
415
  ];
394
416
 
395
417
  export {
@@ -9,10 +9,10 @@ import {
9
9
  } from "./chunk.WM7HBMMV.js";
10
10
  import {
11
11
  TransitionalStyles
12
- } from "./chunk.ZRTOIGOM.js";
12
+ } from "./chunk.S7DYDS4E.js";
13
13
  import {
14
14
  tokens
15
- } from "./chunk.SSPUZ2VD.js";
15
+ } from "./chunk.4YC6LR4Q.js";
16
16
  import {
17
17
  watch
18
18
  } from "./chunk.2WO4NHJ2.js";
@@ -62,6 +62,7 @@ var style = css`
62
62
  cursor: pointer;
63
63
  box-sizing: border-box;
64
64
  font-size: var(--gds-space-m);
65
+ font-family: inherit;
65
66
 
66
67
  // TODO: Update colors to use tokens
67
68
  border-color: #6f6f6f;
@@ -106,9 +107,9 @@ var style = css`
106
107
  }
107
108
 
108
109
  label {
109
- font-weight: var(--gds-text-weight-regular);
110
- line-height: var(--gds-text-line-height-label-input-large);
111
- font-size: var(--gds-text-size-label-input-large);
110
+ font-size: var(--gds-text-size-detail-m);
111
+ line-height: var(--gds-text-line-height-detail-m);
112
+ font-weight: var(--gds-text-weight-book);
112
113
  padding-block: var(--gds-space-2xs);
113
114
  font-family: inherit;
114
115
  }
@@ -125,9 +126,10 @@ var style = css`
125
126
  border-bottom: 1px solid var(--gds-sys-color-base400);
126
127
  width: 100%;
127
128
  padding: var(--gds-space-m);
128
- font-weight: var(--gds-text-weight-regular);
129
+ font-weight: var(--gds-text-weight-book);
129
130
  flex: 1;
130
131
  box-sizing: border-box;
132
+ font-family: inherit;
131
133
 
132
134
  &:focus {
133
135
  border-color: var(--gds-sys-color-base800);
@@ -136,7 +138,7 @@ var style = css`
136
138
  &::placeholder {
137
139
  color: currrentColor;
138
140
  font-family: inherit;
139
- font-weight: var(--gds-text-weight-regular);
141
+ font-weight: var(--gds-text-weight-book);
140
142
  color: var(--gds-sys-color-base800);
141
143
  }
142
144
  }
@@ -0,0 +1,87 @@
1
+ // libs/core/src/components/content/text/text.style.css.ts
2
+ import { css } from "lit";
3
+ var style = css`
4
+ :host {
5
+ display: contents;
6
+ }
7
+
8
+ * {
9
+ margin: unset;
10
+ font-weight: inherit;
11
+ font-size: inherit;
12
+ line-height: inherit;
13
+ text-wrap: inherit;
14
+ }
15
+
16
+ :host(:not([size])) {
17
+ h1 {
18
+ font-size: var(--gds-text-size-heading-xl);
19
+ line-height: var(--gds-text-line-height-heading-xl);
20
+ font-weight: var(--gds-text-weight-regular);
21
+ }
22
+
23
+ h2 {
24
+ font-size: var(--gds-text-size-heading-l);
25
+ line-height: var(--gds-text-line-height-heading-l);
26
+ font-weight: var(--gds-text-weight-regular);
27
+ }
28
+
29
+ h3 {
30
+ font-size: var(--gds-text-size-heading-m);
31
+ line-height: var(--gds-text-line-height-heading-m);
32
+ font-weight: var(--gds-text-weight-regular);
33
+ }
34
+
35
+ h4 {
36
+ font-size: var(--gds-text-size-heading-s);
37
+ line-height: var(--gds-text-line-height-heading-s);
38
+ font-weight: var(--gds-text-weight-regular);
39
+ }
40
+
41
+ h5 {
42
+ font-size: var(--gds-text-size-heading-xs);
43
+ line-height: var(--gds-text-line-height-heading-xs);
44
+ font-weight: var(--gds-text-weight-regular);
45
+ }
46
+
47
+ h6 {
48
+ font-size: var(--gds-text-size-heading-2xs);
49
+ line-height: var(--gds-text-line-height-heading-2xs);
50
+ font-weight: var(--gds-text-weight-regular);
51
+ }
52
+
53
+ p,
54
+ span,
55
+ em,
56
+ strong,
57
+ mark {
58
+ font-size: var(--gds-text-size-body-m);
59
+ line-height: var(--gds-text-line-height-body-m);
60
+ }
61
+
62
+ small {
63
+ font-size: var(--gds-text-size-detail-xs);
64
+ line-height: var(--gds-text-line-height-detail-xs);
65
+ }
66
+ }
67
+
68
+ :host(:not([weight])) {
69
+ strong {
70
+ font-weight: var(--gds-text-weight-book);
71
+ }
72
+ }
73
+
74
+ :host([lines]) {
75
+ * {
76
+ display: -webkit-box;
77
+ -webkit-box-orient: vertical;
78
+ overflow: hidden;
79
+ -webkit-line-clamp: var(--_lines);
80
+ }
81
+ }
82
+ `;
83
+ var text_style_css_default = style;
84
+
85
+ export {
86
+ text_style_css_default
87
+ };
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.ADPMTWTS.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.SSPUZ2VD.js";
6
+ } from "./chunk.4YC6LR4Q.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,40 +1,36 @@
1
1
  import {
2
2
  text_style_css_default
3
- } from "./chunk.KK4QVD34.js";
3
+ } from "./chunk.6OEWQFQM.js";
4
4
  import {
5
5
  styleExpressionProperty
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.SSPUZ2VD.js";
9
+ } from "./chunk.4YC6LR4Q.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
13
13
  import {
14
- gdsCustomElement,
15
- html
14
+ gdsCustomElement
16
15
  } from "./chunk.VOYMQ322.js";
17
16
  import {
18
17
  __decorateClass
19
18
  } from "./chunk.5VURDMKE.js";
20
19
 
21
20
  // libs/core/src/components/content/text/text.ts
21
+ import { html, unsafeStatic } from "lit/static-html.js";
22
22
  import { property } from "lit/decorators.js";
23
23
  var GdsText = class extends GdsElement {
24
24
  constructor() {
25
25
  super(...arguments);
26
- this.tag = "p";
27
- }
28
- createTag() {
29
- const tag = document.createElement(this.tag);
30
- tag.appendChild(document.createElement("slot"));
31
- return tag;
26
+ this.tag = "span";
32
27
  }
33
28
  render() {
34
- return html`${this.createTag()}`;
29
+ const TAG_ENCODE = encodeURI(this.tag);
30
+ const TAG = unsafeStatic(TAG_ENCODE);
31
+ return html`<${TAG} tag><slot></slot></${TAG}>`;
35
32
  }
36
33
  };
37
- // static styles = [tokens, TextCSS, ]
38
34
  GdsText.styles = [tokens, text_style_css_default];
39
35
  __decorateClass([
40
36
  property({ type: String })
@@ -42,54 +38,75 @@ __decorateClass([
42
38
  __decorateClass([
43
39
  styleExpressionProperty({
44
40
  valueTemplate: (v) => `${v}`,
41
+ selector: "[tag]",
45
42
  styleTemplate: (prop, values) => {
46
43
  const size = values[0];
47
- return `font-size: var(--gds-text-size-${size}); line-height: var(--gds-text-line-height-${size});`;
44
+ const styleSize = `font-size: var(--gds-text-size-${size});`;
45
+ const styleLine = `line-height: var(--gds-text-line-height-${size});`;
46
+ return styleSize + styleLine;
48
47
  }
49
48
  })
50
49
  ], GdsText.prototype, "size", 2);
51
50
  __decorateClass([
52
- styleExpressionProperty()
51
+ styleExpressionProperty({
52
+ property: "font-weight",
53
+ selector: "[tag]",
54
+ valueTemplate: (v) => `var(--gds-text-weight-${v})`
55
+ })
56
+ ], GdsText.prototype, "weight", 2);
57
+ __decorateClass([
58
+ styleExpressionProperty({
59
+ property: "margin",
60
+ selector: "[tag]",
61
+ valueTemplate: (v) => v
62
+ })
53
63
  ], GdsText.prototype, "margin", 2);
54
64
  __decorateClass([
55
65
  styleExpressionProperty({
56
66
  property: "text-wrap",
67
+ selector: "[tag]",
57
68
  valueTemplate: (v) => v
58
69
  })
59
70
  ], GdsText.prototype, "wrap", 2);
60
71
  __decorateClass([
61
72
  styleExpressionProperty({
62
73
  property: "text-transform",
74
+ selector: "[tag]",
63
75
  valueTemplate: (v) => v
64
76
  })
65
77
  ], GdsText.prototype, "transform", 2);
66
78
  __decorateClass([
67
79
  styleExpressionProperty({
68
80
  property: "max-width",
81
+ selector: "[tag]",
69
82
  valueTemplate: (v) => `${v}ch`
70
83
  })
71
84
  ], GdsText.prototype, "length", 2);
72
85
  __decorateClass([
73
86
  styleExpressionProperty({
74
87
  property: "min-width",
88
+ selector: "[tag]",
75
89
  valueTemplate: (v) => `${v}ch`
76
90
  })
77
91
  ], GdsText.prototype, "min", 2);
78
92
  __decorateClass([
79
93
  styleExpressionProperty({
80
94
  property: "text-align",
95
+ selector: "[tag]",
81
96
  valueTemplate: (v) => v
82
97
  })
83
98
  ], GdsText.prototype, "align", 2);
84
99
  __decorateClass([
85
100
  styleExpressionProperty({
86
101
  property: "--_lines",
102
+ selector: "[tag]",
87
103
  valueTemplate: (v) => v
88
104
  })
89
105
  ], GdsText.prototype, "lines", 2);
90
106
  __decorateClass([
91
107
  styleExpressionProperty({
92
108
  property: "color",
109
+ selector: "[tag]",
93
110
  valueTemplate: (v) => {
94
111
  const [colorName, transparency] = v.split("/");
95
112
  if (transparency) {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  TransitionalStyles
3
- } from "./chunk.ZRTOIGOM.js";
3
+ } from "./chunk.S7DYDS4E.js";
4
4
  import {
5
5
  GdsElement
6
6
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  card_style_css_default
3
- } from "./chunk.3ULLOORV.js";
3
+ } from "./chunk.JTFG2VCZ.js";
4
4
  import {
5
5
  GdsContainer
6
- } from "./chunk.JZ4GS2C7.js";
6
+ } from "./chunk.3TWIY2GW.js";
7
7
  import {
8
8
  styleExpressionProperty
9
9
  } from "./chunk.ADPMTWTS.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.SSPUZ2VD.js";
12
+ } from "./chunk.4YC6LR4Q.js";
13
13
  import {
14
14
  gdsCustomElement,
15
15
  html
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.KBYQYDL3.js";
4
4
  import {
5
5
  TransitionalStyles
6
- } from "./chunk.ZRTOIGOM.js";
6
+ } from "./chunk.S7DYDS4E.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  TransitionalStyles
3
- } from "./chunk.ZRTOIGOM.js";
3
+ } from "./chunk.S7DYDS4E.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.SSPUZ2VD.js";
6
+ } from "./chunk.4YC6LR4Q.js";
7
7
  import {
8
8
  watch
9
9
  } from "./chunk.2WO4NHJ2.js";
@@ -7,10 +7,10 @@ import {
7
7
  } from "./chunk.2BMJPIND.js";
8
8
  import {
9
9
  TransitionalStyles
10
- } from "./chunk.ZRTOIGOM.js";
10
+ } from "./chunk.S7DYDS4E.js";
11
11
  import {
12
12
  tokens
13
- } from "./chunk.SSPUZ2VD.js";
13
+ } from "./chunk.4YC6LR4Q.js";
14
14
  import {
15
15
  watch
16
16
  } from "./chunk.2WO4NHJ2.js";
@@ -78,16 +78,16 @@ var styles = css`
78
78
  }
79
79
 
80
80
  label {
81
- font-size: var(--gds-text-size-label-input-large);
81
+ font-size: var(--gds-text-size-detail-m);
82
+ line-height: var(--gds-text-line-height-detail-m);
82
83
  font-weight: var(--gds-text-weight-book);
83
- line-height: var(--gds-text-line-height-label-input-large);
84
84
  font-family: inherit;
85
85
  }
86
86
 
87
87
  .form-info {
88
- font-size: var(--gds-text-size-label-information-medium);
88
+ font-size: var(--gds-text-size-detail-s);
89
+ line-height: var(--gds-text-line-height-detail-s);
89
90
  font-weight: var(--gds-text-weight-regular);
90
- line-height: var(--gds-text-line-height-label-information-medium);
91
91
  }
92
92
 
93
93
  .field {
@@ -96,8 +96,8 @@ var styles = css`
96
96
  gap: var(--gds-space-2xs);
97
97
  padding: var(--gds-space-2xs);
98
98
  border-radius: var(--gds-space-xs);
99
- font-size: var(--gds-text-size-label-medium);
100
- line-height: var(--gds-text-line-height-label-medium);
99
+ font-size: var(--gds-text-size-detail-m);
100
+ line-height: var(--gds-text-line-height-detail-m);
101
101
  font-weight: var(--gds-text-weight-regular);
102
102
  font-family: inherit;
103
103
  overflow: hidden;
@@ -165,6 +165,7 @@ var styles = css`
165
165
  outline-offset: -4px;
166
166
  border-radius: var(--gds-space-xs);
167
167
  padding-top: var(--gds-space-3xs);
168
+ font-family: inherit;
168
169
 
169
170
  &:focus-visible,
170
171
  &:hover {
@@ -174,7 +175,7 @@ var styles = css`
174
175
 
175
176
  &.small {
176
177
  height: var(--gds-space-xl);
177
- font-size: var(--gds-text-size-label-small);
178
+ font-size: var(--gds-text-size-detail-s);
178
179
  padding: 0;
179
180
 
180
181
  button {
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  TransitionalStyles
3
- } from "./chunk.ZRTOIGOM.js";
3
+ } from "./chunk.S7DYDS4E.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.SSPUZ2VD.js";
6
+ } from "./chunk.4YC6LR4Q.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  TransitionalStyles
3
- } from "./chunk.ZRTOIGOM.js";
3
+ } from "./chunk.S7DYDS4E.js";
4
4
  import {
5
5
  GdsElement
6
6
  } from "./chunk.ZQ4D5K7J.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.SSPUZ2VD.js";
9
+ } from "./chunk.4YC6LR4Q.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -0,0 +1,12 @@
1
+ // libs/core/src/components/layout/card/card.style.css.ts
2
+ import { css } from "lit";
3
+ var style = css`
4
+ :host {
5
+ display: block;
6
+ }
7
+ `;
8
+ var card_style_css_default = style;
9
+
10
+ export {
11
+ card_style_css_default
12
+ };
@@ -3,13 +3,13 @@ import {
3
3
  } from "./chunk.54252E4T.js";
4
4
  import {
5
5
  GdsContainer
6
- } from "./chunk.JZ4GS2C7.js";
6
+ } from "./chunk.3TWIY2GW.js";
7
7
  import {
8
8
  styleExpressionProperty
9
9
  } from "./chunk.ADPMTWTS.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.SSPUZ2VD.js";
12
+ } from "./chunk.4YC6LR4Q.js";
13
13
  import {
14
14
  gdsCustomElement,
15
15
  html
@@ -6,10 +6,10 @@ import {
6
6
  } from "./chunk.KBYQYDL3.js";
7
7
  import {
8
8
  TransitionalStyles
9
- } from "./chunk.ZRTOIGOM.js";
9
+ } from "./chunk.S7DYDS4E.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.SSPUZ2VD.js";
12
+ } from "./chunk.4YC6LR4Q.js";
13
13
  import {
14
14
  gdsCustomElement,
15
15
  html