@sebgroup/green-core 1.60.1 → 1.61.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 (146) hide show
  1. package/chunks/{chunk.MRBX5PXE.js → chunk.27SYD4ZG.js} +6 -8
  2. package/chunks/{chunk.BRHKDNFD.js → chunk.3HGZ5B5Q.js} +1 -1
  3. package/chunks/{chunk.TVJYFYLU.js → chunk.43JUKB53.js} +33 -11
  4. package/chunks/chunk.5HUS6CAH.js +0 -0
  5. package/chunks/{chunk.SHITJ27X.js → chunk.5L6LO6VX.js} +1 -1
  6. package/chunks/{chunk.RXOV7ZV4.js → chunk.77RJTA43.js} +1 -1
  7. package/chunks/{chunk.IGE2PH6T.js → chunk.A2VYZXDP.js} +14 -6
  8. package/chunks/{chunk.3YTTW5RI.js → chunk.B7X4UWIN.js} +1 -1
  9. package/chunks/{chunk.VV4IKVAK.js → chunk.BHWBJIPJ.js} +75 -57
  10. package/chunks/chunk.BYYROY6X.js +382 -0
  11. package/chunks/{chunk.HALKUGTF.js → chunk.C3ZGNKY3.js} +2 -2
  12. package/chunks/{chunk.MIOFI52O.js → chunk.DBFF5KCR.js} +1 -1
  13. package/chunks/{chunk.5CPWW5KU.js → chunk.FCB5VT3N.js} +8 -4
  14. package/chunks/{chunk.QYSGJ5CP.js → chunk.GYV7S25D.js} +6 -13
  15. package/chunks/{chunk.ZG76HOCS.js → chunk.H26SOC3M.js} +2 -2
  16. package/chunks/{chunk.V4QLU4WW.js → chunk.HJBA7FLT.js} +47 -17
  17. package/chunks/{chunk.WMYX5PV4.js → chunk.HOH7FXB5.js} +20 -8
  18. package/chunks/{chunk.AER44Y4F.js → chunk.IS6GBDKU.js} +1 -1
  19. package/chunks/{chunk.4ZHTAQDZ.js → chunk.KEPXMMGX.js} +3 -3
  20. package/chunks/{chunk.VRRDZBIH.js → chunk.KMMI2BYQ.js} +1 -1
  21. package/chunks/{chunk.C3TU53VJ.js → chunk.KTCN5HJV.js} +25 -3
  22. package/chunks/{chunk.EQK24GA7.js → chunk.M6S3B5GI.js} +1 -1
  23. package/chunks/chunk.MLXMQIEV.js +1 -1
  24. package/chunks/{chunk.3NKIMO26.js → chunk.MSDETVDW.js} +1 -1
  25. package/chunks/{chunk.S4YT6LUT.js → chunk.NCZAYYNU.js} +1 -1
  26. package/chunks/{chunk.UIVK7CMU.js → chunk.OSIUU4NF.js} +20 -6
  27. package/chunks/{chunk.2QH66UQK.js → chunk.P2BOEVHE.js} +2 -2
  28. package/chunks/{chunk.QHIYGBWM.js → chunk.PBUUPCPL.js} +1 -1
  29. package/chunks/{chunk.STX4NWC2.js → chunk.QIE6QJ5O.js} +2 -2
  30. package/chunks/{chunk.6YX75PNT.js → chunk.QN5HFZCH.js} +1 -1
  31. package/chunks/{chunk.E5WWCN6L.js → chunk.RL2KSWKV.js} +1 -1
  32. package/chunks/{chunk.QKJCCX2Y.js → chunk.RTE75ZOU.js} +13 -7
  33. package/chunks/{chunk.JLZ2K3ZW.js → chunk.S4DOMLSN.js} +2 -2
  34. package/chunks/{chunk.OGD6Z42O.js → chunk.SGFAP56K.js} +1 -1
  35. package/chunks/{chunk.2RPIXTTF.js → chunk.U44LH2CF.js} +1 -1
  36. package/chunks/{chunk.OY54R5D4.js → chunk.W6E54X7P.js} +1 -1
  37. package/chunks/{chunk.Y666F4RC.js → chunk.WV7BXKV6.js} +2 -2
  38. package/chunks/{chunk.55XSUTOR.js → chunk.WXBRUX3Q.js} +12 -12
  39. package/chunks/{chunk.7HVXPWQU.js → chunk.YAPDYZK6.js} +1 -1
  40. package/chunks/{chunk.RMKD7K5Q.js → chunk.YRHYEHLO.js} +1 -1
  41. package/chunks/{chunk.3HJXEV5P.js → chunk.Z334YLO4.js} +1 -1
  42. package/chunks/{chunk.JYQY43ZR.js → chunk.Z3MHP5MN.js} +8 -1
  43. package/chunks/{chunk.UDVIBJU2.js → chunk.ZTRXED5A.js} +1 -1
  44. package/components/badge/badge.js +4 -4
  45. package/components/badge/index.js +4 -4
  46. package/components/button/button.js +5 -5
  47. package/components/button/button.trans.styles.js +1 -1
  48. package/components/button/index.js +5 -5
  49. package/components/calendar/calendar.js +3 -3
  50. package/components/calendar/calendar.trans.styles.js +1 -1
  51. package/components/calendar/index.js +3 -3
  52. package/components/card/card.js +3 -3
  53. package/components/card/index.js +3 -3
  54. package/components/container/container.js +2 -2
  55. package/components/container/index.js +2 -2
  56. package/components/context-menu/context-menu.js +6 -6
  57. package/components/context-menu/context-menu.trans.styles.js +1 -1
  58. package/components/context-menu/index.js +7 -7
  59. package/components/datepicker/datepicker.js +13 -13
  60. package/components/datepicker/datepicker.trans.styles.js +1 -1
  61. package/components/datepicker/index.js +13 -13
  62. package/components/dialog/dialog.js +8 -8
  63. package/components/dialog/index.js +8 -8
  64. package/components/divider/divider.js +2 -2
  65. package/components/divider/index.js +2 -2
  66. package/components/dropdown/dropdown.js +10 -10
  67. package/components/dropdown/dropdown.trans.styles.js +1 -1
  68. package/components/dropdown/index.js +11 -11
  69. package/components/fab/fab.js +6 -6
  70. package/components/fab/index.js +6 -6
  71. package/components/filter-chips/filter-chip/filter-chip.js +6 -6
  72. package/components/filter-chips/filter-chip/filter-chip.trans.styles.js +1 -1
  73. package/components/filter-chips/filter-chip/index.js +6 -6
  74. package/components/filter-chips/filter-chips.js +7 -7
  75. package/components/filter-chips/filter-chips.trans.styles.js +1 -1
  76. package/components/filter-chips/index.js +7 -7
  77. package/components/flex/flex.js +3 -3
  78. package/components/flex/index.js +3 -3
  79. package/components/form/form-control.d.ts +8 -0
  80. package/components/form/form-control.js +1 -1
  81. package/components/form/index.js +8 -7
  82. package/components/form/summary/index.js +8 -7
  83. package/components/form/summary/summary.d.ts +1 -1
  84. package/components/form/summary/summary.js +8 -7
  85. package/components/grid/grid.js +3 -3
  86. package/components/grid/index.js +3 -3
  87. package/components/grouped-list/grouped-list.js +2 -2
  88. package/components/grouped-list/grouped-list.trans.styles.js +1 -1
  89. package/components/grouped-list/index.js +2 -2
  90. package/components/icon/icons/index.js +3 -3
  91. package/components/img/img.js +2 -2
  92. package/components/img/index.js +2 -2
  93. package/components/index.js +44 -43
  94. package/components/input/index.js +11 -11
  95. package/components/input/input.d.ts +1 -1
  96. package/components/input/input.js +11 -11
  97. package/components/link/index.js +2 -2
  98. package/components/link/link.js +2 -2
  99. package/components/mask/index.js +4 -4
  100. package/components/mask/mask.js +4 -4
  101. package/components/menu-button/index.js +2 -2
  102. package/components/menu-button/menu-button.js +2 -2
  103. package/components/popover/index.js +2 -2
  104. package/components/popover/popover.js +2 -2
  105. package/components/popover/popover.trans.styles.js +1 -1
  106. package/components/rich-text/index.js +2 -2
  107. package/components/rich-text/rich-text.d.ts +15 -1
  108. package/components/rich-text/rich-text.js +2 -2
  109. package/components/segmented-control/index.js +4 -4
  110. package/components/segmented-control/segment/index.js +3 -3
  111. package/components/segmented-control/segment/segment.js +3 -3
  112. package/components/segmented-control/segment/segment.trans.styles.js +1 -1
  113. package/components/segmented-control/segmented-control.js +4 -4
  114. package/components/segmented-control/segmented-control.trans.styles.js +1 -1
  115. package/components/signal/index.js +2 -2
  116. package/components/signal/signal.js +2 -2
  117. package/components/spacer/index.js +2 -2
  118. package/components/spacer/spacer.js +2 -2
  119. package/components/text/index.js +3 -2
  120. package/components/text/text.js +2 -2
  121. package/components/textarea/index.js +11 -11
  122. package/components/textarea/textarea.d.ts +2 -1
  123. package/components/textarea/textarea.js +11 -11
  124. package/components/theme/index.js +3 -3
  125. package/components/theme/theme.js +3 -3
  126. package/components/theme/theme.trans.styles.js +1 -1
  127. package/components/video/index.js +2 -2
  128. package/components/video/video.js +2 -2
  129. package/index.js +44 -43
  130. package/package.json +1 -1
  131. package/primitives/form-control-footer/form-control-footer.js +4 -4
  132. package/primitives/form-control-footer/index.js +4 -4
  133. package/primitives/form-control-header/form-control-header.js +7 -7
  134. package/primitives/form-control-header/index.js +7 -7
  135. package/primitives/listbox/index.js +5 -5
  136. package/primitives/listbox/listbox.js +5 -5
  137. package/primitives/listbox/option.js +4 -4
  138. package/primitives/menu/index.js +4 -4
  139. package/primitives/menu/menu-heading.js +2 -2
  140. package/primitives/menu/menu-item.js +3 -3
  141. package/primitives/menu/menu.js +4 -4
  142. package/primitives/ripple/index.js +2 -2
  143. package/primitives/ripple/ripple.js +2 -2
  144. package/tokens.style.d.ts +3 -3
  145. package/transitional-styles.js +1 -1
  146. package/chunks/chunk.LOIMPU3C.js +0 -797
@@ -3,10 +3,10 @@ import {
3
3
  } from "./chunk.H2KG3F2S.js";
4
4
  import {
5
5
  TransitionalStyles
6
- } from "./chunk.2RPIXTTF.js";
6
+ } from "./chunk.U44LH2CF.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.LOIMPU3C.js";
9
+ } from "./chunk.BYYROY6X.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.LQSWYCMZ.js";
@@ -34,9 +34,9 @@ var segment_style_default = `@layer base {
34
34
  -moz-appearance: none;
35
35
  appearance: none;
36
36
  background: transparent;
37
- border-radius: calc(infinity * 1px);
37
+ border-radius: var(--gds-space-max);
38
38
  border-width: 0;
39
- color: var(--gds-sys-color-content-content);
39
+ color: var(--gds-color-l3-content-tertiary);
40
40
  cursor: pointer;
41
41
  flex-grow: 1;
42
42
  flex-shrink: 0;
@@ -48,7 +48,16 @@ var segment_style_default = `@layer base {
48
48
  text-overflow: ellipsis;
49
49
  white-space: nowrap;
50
50
  width: 100%;
51
- transition: 0.1s;
51
+ transition:
52
+ background-color 0.2s,
53
+ border-color 0.2s,
54
+ color 0.2s,
55
+ outline-color 422ms;
56
+
57
+ outline-width: var(--gds-size-3xs);
58
+ outline-style: solid;
59
+ outline-offset: -2px;
60
+ outline-color: transparent;
52
61
 
53
62
  &:disabled {
54
63
  cursor: not-allowed;
@@ -60,7 +69,7 @@ var segment_style_default = `@layer base {
60
69
  :host(:not([selected])) button:hover {
61
70
  background-color: color-mix(
62
71
  in srgb,
63
- var(--gds-sys-color-state-layers-state-black-dim1),
72
+ var(--gds-color-l3-states-light-hover),
64
73
  transparent
65
74
  );
66
75
 
@@ -71,8 +80,11 @@ var segment_style_default = `@layer base {
71
80
  }
72
81
 
73
82
  button:focus-visible {
74
- outline: 2px solid #000;
75
- outline-offset: -2px;
83
+ outline-color: color-mix(
84
+ in srgb,
85
+ transparent,
86
+ var(--gds-color-l3-content-tertiary) 100%
87
+ );
76
88
  }
77
89
  }
78
90
  `;
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.H2KG3F2S.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.LOIMPU3C.js";
6
+ } from "./chunk.BYYROY6X.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.LQSWYCMZ.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  TransitionalStyles
3
- } from "./chunk.2RPIXTTF.js";
3
+ } from "./chunk.U44LH2CF.js";
4
4
  import {
5
5
  GdsElement
6
6
  } from "./chunk.LQSWYCMZ.js";
@@ -21,8 +21,8 @@ var style = css`
21
21
  @layer base {
22
22
  :host {
23
23
  cursor: pointer;
24
- color: var(--gds-sys-color-primary-text);
25
- background-color: var(--gds-sys-color-container-container-dim1);
24
+ color: var(--gds-color-l3-content-secondary);
25
+ background-color: var(--gds-color-l3-background-secondary);
26
26
  font-size: var(--gds-text-size-label-input-medium);
27
27
  line-height: var(--gds-text-line-height-label-input-medium);
28
28
  padding-inline: var(--gds-space-m);
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.H2KG3F2S.js";
4
4
  import {
5
5
  GdsButton
6
- } from "./chunk.VV4IKVAK.js";
6
+ } from "./chunk.BHWBJIPJ.js";
7
7
  import {
8
8
  gdsCustomElement
9
9
  } from "./chunk.MLXMQIEV.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.WM7HBMMV.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.LOIMPU3C.js";
9
+ } from "./chunk.BYYROY6X.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.LQSWYCMZ.js";
@@ -17,6 +17,9 @@ import {
17
17
  __decorateClass
18
18
  } from "./chunk.SEHSDSX2.js";
19
19
 
20
+ // libs/core/src/components/rich-text/rich-text.ts
21
+ import { property } from "lit/decorators.js";
22
+
20
23
  // libs/core/src/components/rich-text/rich-text.styles.ts
21
24
  import { css } from "lit";
22
25
  var styles = css`
@@ -197,6 +200,10 @@ var styles = css`
197
200
 
198
201
  // libs/core/src/components/rich-text/rich-text.ts
199
202
  var GdsRichText = class extends GdsElement {
203
+ constructor() {
204
+ super(...arguments);
205
+ this.captureMode = "clone";
206
+ }
200
207
  /**
201
208
  * Forwards the selector to the corresponding function on the inner shadowRoot.
202
209
  */
@@ -232,12 +239,27 @@ var GdsRichText = class extends GdsElement {
232
239
  _captureDOM() {
233
240
  if (!this.shadowRoot || this.childNodes.length === 0)
234
241
  return;
235
- this.shadowRoot.replaceChildren(...Array.from(this.childNodes));
242
+ if (this.captureMode === "move") {
243
+ this.shadowRoot.replaceChildren(...Array.from(this.childNodes));
244
+ return;
245
+ }
246
+ const cloned = Array.from(this.childNodes).map(
247
+ (node) => node.cloneNode(true)
248
+ );
249
+ this.shadowRoot.replaceChildren(...cloned);
236
250
  }
237
251
  };
238
252
  GdsRichText.styles = [tokens, defaultStyles, styles];
239
253
  __decorateClass([
240
- observeLightDOM()
254
+ property()
255
+ ], GdsRichText.prototype, "captureMode", 2);
256
+ __decorateClass([
257
+ observeLightDOM({
258
+ childList: true,
259
+ subtree: true,
260
+ attributes: true,
261
+ characterData: true
262
+ })
241
263
  ], GdsRichText.prototype, "_captureDOM", 1);
242
264
  GdsRichText = __decorateClass([
243
265
  gdsCustomElement("gds-rich-text")
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  TransitionalStyles
3
- } from "./chunk.2RPIXTTF.js";
3
+ } from "./chunk.U44LH2CF.js";
4
4
  import {
5
5
  GdsElement
6
6
  } from "./chunk.LQSWYCMZ.js";
@@ -6,7 +6,7 @@ import {
6
6
  // libs/core/src/utils/helpers/custom-element-scoping.ts
7
7
  import { html as litHtml } from "lit";
8
8
  import { customElement } from "lit/decorators.js";
9
- var VER_SUFFIX = "-f38ff2";
9
+ var VER_SUFFIX = "-82d2f1";
10
10
  var ScopedElementRegistry = class {
11
11
  static get instance() {
12
12
  var _a;
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tokens
3
- } from "./chunk.LOIMPU3C.js";
3
+ } from "./chunk.BYYROY6X.js";
4
4
  import {
5
5
  gdsCustomElement
6
6
  } from "./chunk.MLXMQIEV.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.H2KG3F2S.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.LOIMPU3C.js";
6
+ } from "./chunk.BYYROY6X.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.LQSWYCMZ.js";
@@ -3,16 +3,16 @@ import {
3
3
  } from "./chunk.H2KG3F2S.js";
4
4
  import {
5
5
  forwardAttributes
6
- } from "./chunk.VV4IKVAK.js";
6
+ } from "./chunk.BHWBJIPJ.js";
7
7
  import {
8
8
  GdsFormControlElement
9
- } from "./chunk.JYQY43ZR.js";
9
+ } from "./chunk.Z3MHP5MN.js";
10
10
  import {
11
11
  watch
12
12
  } from "./chunk.TYGMNHNO.js";
13
13
  import {
14
14
  tokens
15
- } from "./chunk.LOIMPU3C.js";
15
+ } from "./chunk.BYYROY6X.js";
16
16
  import {
17
17
  gdsCustomElement,
18
18
  html
@@ -231,6 +231,18 @@ var GdsTextarea = class extends GdsFormControlElement {
231
231
  });
232
232
  __privateAdd(this, _handleClearBtnClick, () => {
233
233
  this.value = "";
234
+ this.dispatchEvent(
235
+ new Event("gds-input-cleared", {
236
+ bubbles: true,
237
+ composed: true
238
+ })
239
+ );
240
+ this.dispatchEvent(
241
+ new Event("input", {
242
+ bubbles: true,
243
+ composed: true
244
+ })
245
+ );
234
246
  });
235
247
  this.lines = 0;
236
248
  this.resize = "auto";
@@ -262,6 +274,7 @@ var GdsTextarea = class extends GdsFormControlElement {
262
274
  };
263
275
  _renderDefault = new WeakSet();
264
276
  renderDefault_fn = function() {
277
+ var _a;
265
278
  return html`
266
279
  <gds-form-control-header>
267
280
  <label for="input" slot="label">${this.label}</label>
@@ -301,8 +314,8 @@ renderDefault_fn = function() {
301
314
  </gds-flex>
302
315
 
303
316
  <gds-form-control-footer
304
- .charCounter=${__privateGet(this, _shouldShowRemainingChars, shouldShowRemainingChars_get) && this.maxlength - this.value.length}
305
- .validationMessage=${this.invalid && this.validationMessage}
317
+ .charCounter=${__privateGet(this, _shouldShowRemainingChars, shouldShowRemainingChars_get) && this.maxlength - (((_a = this.value) == null ? void 0 : _a.length) || 0)}
318
+ .validationMessage=${this.invalid && (this.errorMessage || this.validationMessage)}
306
319
  ></gds-form-control-footer>
307
320
  `;
308
321
  };
@@ -409,7 +422,8 @@ renderNativeTextarea_fn = function() {
409
422
  };
410
423
  _renderClearButton = new WeakSet();
411
424
  renderClearButton_fn = function() {
412
- if (this.clearable && this.value.length > 0)
425
+ var _a;
426
+ if (this.clearable && (((_a = this.value) == null ? void 0 : _a.length) || 0) > 0)
413
427
  return html`
414
428
  <gds-button
415
429
  size="small"
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  Focusable,
3
3
  option_styles_default
4
- } from "./chunk.TVJYFYLU.js";
4
+ } from "./chunk.43JUKB53.js";
5
5
  import {
6
6
  TransitionalStyles
7
- } from "./chunk.2RPIXTTF.js";
7
+ } from "./chunk.U44LH2CF.js";
8
8
  import {
9
9
  GdsElement
10
10
  } from "./chunk.LQSWYCMZ.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tokens
3
- } from "./chunk.LOIMPU3C.js";
3
+ } from "./chunk.BYYROY6X.js";
4
4
  import {
5
5
  GdsElement
6
6
  } from "./chunk.LQSWYCMZ.js";
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  GdsContainer
3
- } from "./chunk.OY54R5D4.js";
3
+ } from "./chunk.W6E54X7P.js";
4
4
  import {
5
5
  styleExpressionProperty
6
6
  } from "./chunk.H2KG3F2S.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.LOIMPU3C.js";
9
+ } from "./chunk.BYYROY6X.js";
10
10
  import {
11
11
  gdsCustomElement,
12
12
  html
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk.E62NOHQC.js";
5
5
  import {
6
6
  TransitionalStyles
7
- } from "./chunk.2RPIXTTF.js";
7
+ } from "./chunk.U44LH2CF.js";
8
8
  import {
9
9
  watch
10
10
  } from "./chunk.TYGMNHNO.js";
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk.E62NOHQC.js";
5
5
  import {
6
6
  TransitionalStyles
7
- } from "./chunk.2RPIXTTF.js";
7
+ } from "./chunk.U44LH2CF.js";
8
8
  import {
9
9
  GdsElement
10
10
  } from "./chunk.LQSWYCMZ.js";
@@ -4,16 +4,16 @@ import {
4
4
  } from "./chunk.C3ECHGX7.js";
5
5
  import {
6
6
  GdsFormControlElement
7
- } from "./chunk.JYQY43ZR.js";
7
+ } from "./chunk.Z3MHP5MN.js";
8
8
  import {
9
9
  TransitionalStyles
10
- } from "./chunk.2RPIXTTF.js";
10
+ } from "./chunk.U44LH2CF.js";
11
11
  import {
12
12
  watch
13
13
  } from "./chunk.TYGMNHNO.js";
14
14
  import {
15
15
  tokens
16
- } from "./chunk.LOIMPU3C.js";
16
+ } from "./chunk.BYYROY6X.js";
17
17
  import {
18
18
  gdsCustomElement,
19
19
  html
@@ -289,6 +289,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
289
289
  this.value = e.detail;
290
290
  this.open = false;
291
291
  __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
292
+ __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
292
293
  });
293
294
  __privateAdd(this, _handleMonthChange, (e) => {
294
295
  var _a;
@@ -301,15 +302,17 @@ var GdsDatepicker = class extends GdsFormControlElement {
301
302
  this._focusedYear = (_a = e.target) == null ? void 0 : _a.value;
302
303
  });
303
304
  __privateAdd(this, _handleIncrementFocusedMonth, (_e) => {
304
- this._focusedMonth++;
305
- if (this._focusedMonth > 11) {
305
+ if (this._focusedMonth < 11) {
306
+ this._focusedMonth++;
307
+ } else if (this._focusedMonth == 11 && this._focusedYear != this.max.getFullYear()) {
306
308
  this._focusedMonth = 0;
307
309
  this._focusedYear++;
308
310
  }
309
311
  });
310
312
  __privateAdd(this, _handleDecrementFocusedMonth, (_e) => {
311
- this._focusedMonth--;
312
- if (this._focusedMonth < 0) {
313
+ if (this._focusedMonth > 0) {
314
+ this._focusedMonth--;
315
+ } else if (this._focusedMonth == 0 && this._focusedYear != this.min.getFullYear()) {
313
316
  this._focusedMonth = 11;
314
317
  this._focusedYear--;
315
318
  }
@@ -370,6 +373,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
370
373
  return;
371
374
  this.value = newDate;
372
375
  __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
376
+ __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
373
377
  });
374
378
  /**
375
379
  * The spinner state keeps track of the spinner values regardless of wheter a complete date has been enter yet.
@@ -595,6 +599,8 @@ var GdsDatepicker = class extends GdsFormControlElement {
595
599
  return this._elSpinners[0];
596
600
  }
597
601
  _handleValueChange() {
602
+ if (this.value === "")
603
+ this.value = void 0;
598
604
  if (!this.value) {
599
605
  __privateSet(this, _spinnerState, {
600
606
  year: "yyyy",
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  GdsFlex
3
- } from "./chunk.Y666F4RC.js";
3
+ } from "./chunk.WV7BXKV6.js";
4
4
  import {
5
5
  styleExpressionProperty
6
6
  } from "./chunk.H2KG3F2S.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.LOIMPU3C.js";
9
+ } from "./chunk.BYYROY6X.js";
10
10
  import {
11
11
  gdsCustomElement
12
12
  } from "./chunk.MLXMQIEV.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tokens
3
- } from "./chunk.LOIMPU3C.js";
3
+ } from "./chunk.BYYROY6X.js";
4
4
  import {
5
5
  GdsElement
6
6
  } from "./chunk.LQSWYCMZ.js";
@@ -1541,7 +1541,7 @@ var segment_trans_styles_default = `/* stylelint-disable max-nesting-depth */
1541
1541
  appearance: none;
1542
1542
  background: transparent;
1543
1543
  border-width: 0;
1544
- color: var(--gds-sys-color-content-content);
1544
+ color: var(--text-primary-color);
1545
1545
  cursor: pointer;
1546
1546
  flex-grow: 1;
1547
1547
  flex-shrink: 0;
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.H2KG3F2S.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.LOIMPU3C.js";
6
+ } from "./chunk.BYYROY6X.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.LQSWYCMZ.js";
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  GdsContainer
3
- } from "./chunk.OY54R5D4.js";
3
+ } from "./chunk.W6E54X7P.js";
4
4
  import {
5
5
  styleExpressionProperty
6
6
  } from "./chunk.H2KG3F2S.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.LOIMPU3C.js";
9
+ } from "./chunk.BYYROY6X.js";
10
10
  import {
11
11
  gdsCustomElement,
12
12
  html
@@ -3,13 +3,13 @@ import {
3
3
  } from "./chunk.VHN4JEZC.js";
4
4
  import {
5
5
  TransitionalStyles
6
- } from "./chunk.2RPIXTTF.js";
6
+ } from "./chunk.U44LH2CF.js";
7
7
  import {
8
8
  watch
9
9
  } from "./chunk.TYGMNHNO.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.LOIMPU3C.js";
12
+ } from "./chunk.BYYROY6X.js";
13
13
  import {
14
14
  GdsElement
15
15
  } from "./chunk.LQSWYCMZ.js";
@@ -33,9 +33,9 @@ import { property, query, state } from "lit/decorators.js";
33
33
  // libs/core/src/components/segmented-control/segmented-control.style.css?inline
34
34
  var segmented_control_style_default = `@layer base {
35
35
  :host {
36
- background-color: var(--gds-sys-color-container-container-dim1);
37
- border: 0.25rem solid var(--gds-sys-color-container-container-dim1);
38
- border-radius: calc(infinity * 1px);
36
+ background-color: var(--gds-color-l3-background-secondary);
37
+ border: 0.25rem solid transparent;
38
+ border-radius: var(--gds-space-max);
39
39
  box-sizing: border-box;
40
40
  contain: layout;
41
41
  display: inline-flex;
@@ -74,10 +74,10 @@ var segmented_control_style_default = `@layer base {
74
74
  -moz-appearance: none;
75
75
  appearance: none;
76
76
  aspect-ratio: 1;
77
- background-color: var(--gds-sys-color-container-container-dim1);
78
- border-radius: calc(infinity * 1px);
77
+ border-radius: var(--gds-space-max);
79
78
  border-width: 0;
80
- color: var(--gds-sys-color-content-content);
79
+ background-color: var(--gds-color-l3-background-secondary);
80
+ color: var(--gds-color-l3-content-tertiary);
81
81
  cursor: pointer;
82
82
  display: flex;
83
83
  font-size: 1rem;
@@ -92,8 +92,8 @@ var segmented_control_style_default = `@layer base {
92
92
  &:hover {
93
93
  background-color: color-mix(
94
94
  in srgb,
95
- var(--gds-sys-color-state-layers-state-black-dim1),
96
- var(--gds-sys-color-container-container-dim1)
95
+ var(--gds-color-l3-background-secondary),
96
+ var(--gds-color-l3-states-light-hover)
97
97
  );
98
98
  }
99
99
  }
@@ -128,8 +128,8 @@ var segmented_control_style_default = `@layer base {
128
128
  }
129
129
 
130
130
  #indicator {
131
- background-color: var(--gds-sys-color-container-container-bright);
132
- border-radius: calc(infinity * 1px);
131
+ background-color: var(--gds-color-l3-background-quarternary);
132
+ border-radius: var(--gds-space-max);
133
133
  height: 100%;
134
134
  left: 0;
135
135
  position: absolute;
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.H2KG3F2S.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.LOIMPU3C.js";
6
+ } from "./chunk.BYYROY6X.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.LQSWYCMZ.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.H2KG3F2S.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.LOIMPU3C.js";
6
+ } from "./chunk.BYYROY6X.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.LQSWYCMZ.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.H2KG3F2S.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.LOIMPU3C.js";
6
+ } from "./chunk.BYYROY6X.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.LQSWYCMZ.js";
@@ -22,6 +22,7 @@ var GdsFormControlElement = class extends GdsElement {
22
22
  super();
23
23
  __privateAdd(this, _internals, void 0);
24
24
  this.required = false;
25
+ this.errorMessage = "";
25
26
  this.label = "";
26
27
  this.name = "";
27
28
  try {
@@ -113,7 +114,10 @@ var GdsFormControlElement = class extends GdsElement {
113
114
  this.checkValidity();
114
115
  }
115
116
  formResetCallback() {
116
- this.value = void 0;
117
+ if (typeof this.value === "string")
118
+ this.value = "";
119
+ else
120
+ this.value = void 0;
117
121
  }
118
122
  formAssociatedCallback(form) {
119
123
  form == null ? void 0 : form.addEventListener("submit", this._handleFormSubmit.bind(this));
@@ -135,6 +139,9 @@ __decorateClass([
135
139
  __decorateClass([
136
140
  property({ type: Boolean })
137
141
  ], GdsFormControlElement.prototype, "required", 2);
142
+ __decorateClass([
143
+ property()
144
+ ], GdsFormControlElement.prototype, "errorMessage", 2);
138
145
  __decorateClass([
139
146
  property({
140
147
  type: Boolean,
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  TransitionalStyles
3
- } from "./chunk.2RPIXTTF.js";
3
+ } from "./chunk.U44LH2CF.js";
4
4
  import {
5
5
  GdsElement
6
6
  } from "./chunk.LQSWYCMZ.js";
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  GdsBadge
3
- } from "../../chunks/chunk.OGD6Z42O.js";
3
+ } from "../../chunks/chunk.SGFAP56K.js";
4
4
  import "../../chunks/chunk.3M4XRCEF.js";
5
- import "../../chunks/chunk.Y666F4RC.js";
5
+ import "../../chunks/chunk.WV7BXKV6.js";
6
6
  import "../../chunks/chunk.WFKUYHQY.js";
7
- import "../../chunks/chunk.OY54R5D4.js";
7
+ import "../../chunks/chunk.W6E54X7P.js";
8
8
  import "../../chunks/chunk.H2KG3F2S.js";
9
- import "../../chunks/chunk.LOIMPU3C.js";
9
+ import "../../chunks/chunk.BYYROY6X.js";
10
10
  import "../../chunks/chunk.IYBYOHJ2.js";
11
11
  import "../../chunks/chunk.YO24ZYAD.js";
12
12
  import "../../chunks/chunk.LQSWYCMZ.js";
@@ -1,13 +1,13 @@
1
1
  import "../../chunks/chunk.CK2UGCPG.js";
2
2
  import {
3
3
  GdsBadge
4
- } from "../../chunks/chunk.OGD6Z42O.js";
4
+ } from "../../chunks/chunk.SGFAP56K.js";
5
5
  import "../../chunks/chunk.3M4XRCEF.js";
6
- import "../../chunks/chunk.Y666F4RC.js";
6
+ import "../../chunks/chunk.WV7BXKV6.js";
7
7
  import "../../chunks/chunk.WFKUYHQY.js";
8
- import "../../chunks/chunk.OY54R5D4.js";
8
+ import "../../chunks/chunk.W6E54X7P.js";
9
9
  import "../../chunks/chunk.H2KG3F2S.js";
10
- import "../../chunks/chunk.LOIMPU3C.js";
10
+ import "../../chunks/chunk.BYYROY6X.js";
11
11
  import "../../chunks/chunk.IYBYOHJ2.js";
12
12
  import "../../chunks/chunk.YO24ZYAD.js";
13
13
  import "../../chunks/chunk.LQSWYCMZ.js";
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  GdsButton
3
- } from "../../chunks/chunk.VV4IKVAK.js";
3
+ } from "../../chunks/chunk.BHWBJIPJ.js";
4
4
  import "../../chunks/chunk.TX64TTBN.js";
5
- import "../../chunks/chunk.3NKIMO26.js";
6
- import "../../chunks/chunk.JYQY43ZR.js";
5
+ import "../../chunks/chunk.MSDETVDW.js";
6
+ import "../../chunks/chunk.Z3MHP5MN.js";
7
7
  import "../../chunks/chunk.WM7HBMMV.js";
8
- import "../../chunks/chunk.2RPIXTTF.js";
8
+ import "../../chunks/chunk.U44LH2CF.js";
9
9
  import "../../chunks/chunk.TYGMNHNO.js";
10
- import "../../chunks/chunk.LOIMPU3C.js";
10
+ import "../../chunks/chunk.BYYROY6X.js";
11
11
  import "../../chunks/chunk.IYBYOHJ2.js";
12
12
  import "../../chunks/chunk.YO24ZYAD.js";
13
13
  import "../../chunks/chunk.LQSWYCMZ.js";
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  button_trans_styles_default,
3
3
  register
4
- } from "../../chunks/chunk.2RPIXTTF.js";
4
+ } from "../../chunks/chunk.U44LH2CF.js";
5
5
  import "../../chunks/chunk.MLXMQIEV.js";
6
6
  import "../../chunks/chunk.WVKINQII.js";
7
7
  import "../../chunks/chunk.SEHSDSX2.js";