@sebgroup/green-core 1.35.0 → 1.37.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 (81) hide show
  1. package/chunks/{chunk.QSMMFQ56.js → chunk.4HJFU3YD.js} +1 -1
  2. package/chunks/{chunk.KEQHPNB4.js → chunk.5EWITJDS.js} +4 -2
  3. package/chunks/{chunk.HIPTHCSS.js → chunk.62OIT6HX.js} +2 -2
  4. package/chunks/{chunk.QG4UHTGH.js → chunk.6DBPCGXS.js} +1 -1
  5. package/chunks/{chunk.REFPJGDN.js → chunk.A5V2F4AU.js} +2 -2
  6. package/chunks/{chunk.KNWMPJKB.js → chunk.BAZ2K3MF.js} +1 -1
  7. package/chunks/chunk.BPXTBSVX.js +60 -0
  8. package/chunks/{chunk.33MOGTNZ.js → chunk.EYNJ2JFT.js} +4 -4
  9. package/chunks/{chunk.PIBSXUAJ.js → chunk.H4P3EWBR.js} +4 -4
  10. package/chunks/{chunk.QGF3EOP3.js → chunk.JZ4GS2C7.js} +1 -1
  11. package/chunks/{chunk.GRJNB3YG.js → chunk.KM5DUBMX.js} +1 -1
  12. package/chunks/{chunk.UJOJ7BYZ.js → chunk.O2YOZNIY.js} +1 -1
  13. package/chunks/{chunk.EN4BB5CC.js → chunk.OZA4JG7D.js} +48 -35
  14. package/chunks/{chunk.N5B2YYTD.js → chunk.RFEAEQMF.js} +4 -4
  15. package/chunks/{chunk.O2KWKYRY.js → chunk.RLAVFYDO.js} +4 -4
  16. package/chunks/{chunk.3ARQKGCL.js → chunk.SSPUZ2VD.js} +5 -5
  17. package/chunks/{chunk.4DMRXSMY.js → chunk.TWVCL2KD.js} +1 -1
  18. package/chunks/{chunk.XQLXURG2.js → chunk.TXHTGHDD.js} +1 -1
  19. package/chunks/chunk.VOYMQ322.js +1 -1
  20. package/chunks/{chunk.2J5OPB5F.js → chunk.YGSSPWQI.js} +1 -1
  21. package/chunks/{chunk.BBCRU65B.js → chunk.Z4AMYCM6.js} +1 -1
  22. package/chunks/{chunk.EB5QSVQG.js → chunk.ZRAEE3ZD.js} +1 -1
  23. package/components/button/button.js +4 -4
  24. package/components/button/fab/fab.d.ts +31 -0
  25. package/components/button/fab/fab.js +21 -0
  26. package/components/button/fab/fab.styles.d.ts +2 -0
  27. package/components/button/fab/index.d.ts +1 -0
  28. package/components/button/fab/index.js +21 -0
  29. package/components/button/index.js +4 -4
  30. package/components/calendar/calendar.js +3 -3
  31. package/components/calendar/index.js +3 -3
  32. package/components/coachmark/coachmark.d.ts +20 -14
  33. package/components/coachmark/coachmark.js +1 -1
  34. package/components/coachmark/index.js +1 -1
  35. package/components/content/divider/divider.js +2 -2
  36. package/components/content/divider/index.js +2 -2
  37. package/components/content/spacer/index.js +2 -2
  38. package/components/content/spacer/spacer.js +2 -2
  39. package/components/content/text/index.js +3 -3
  40. package/components/content/text/text.js +3 -3
  41. package/components/context-menu/context-menu.js +2 -2
  42. package/components/context-menu/index.js +2 -2
  43. package/components/datepicker/datepicker.js +13 -13
  44. package/components/datepicker/index.js +13 -13
  45. package/components/dropdown/dropdown.js +8 -8
  46. package/components/dropdown/index.js +8 -8
  47. package/components/filter-chips/filter-chip/filter-chip.js +4 -4
  48. package/components/filter-chips/filter-chip/index.js +4 -4
  49. package/components/filter-chips/filter-chips.js +5 -5
  50. package/components/filter-chips/index.js +5 -5
  51. package/components/form/index.js +6 -6
  52. package/components/form/summary/index.js +6 -6
  53. package/components/form/summary/summary.js +6 -6
  54. package/components/icon/icons/index.js +128 -128
  55. package/components/index.js +40 -40
  56. package/components/layout/card/card.js +4 -4
  57. package/components/layout/card/index.js +4 -4
  58. package/components/layout/container/container.js +2 -2
  59. package/components/layout/container/index.js +2 -2
  60. package/components/layout/flex/flex.js +4 -4
  61. package/components/layout/flex/index.js +4 -4
  62. package/components/layout/grid/grid.js +2 -2
  63. package/components/layout/grid/index.js +2 -2
  64. package/components/media/img/img.js +2 -2
  65. package/components/media/img/index.js +2 -2
  66. package/components/media/video/index.js +2 -2
  67. package/components/media/video/video.js +2 -2
  68. package/components/menu-button/index.js +2 -2
  69. package/components/menu-button/menu-button.js +2 -2
  70. package/components/popover/index.js +3 -3
  71. package/components/segmented-control/index.js +3 -3
  72. package/components/segmented-control/segment/index.js +2 -2
  73. package/components/segmented-control/segment/segment.js +2 -2
  74. package/components/segmented-control/segmented-control.js +3 -3
  75. package/index.js +40 -40
  76. package/package.json +1 -1
  77. package/primitives/listbox/index.js +2 -2
  78. package/primitives/listbox/listbox.js +2 -2
  79. package/primitives/listbox/option.js +2 -2
  80. package/primitives/ripple/index.js +2 -2
  81. package/primitives/ripple/ripple.js +2 -2
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.3ARQKGCL.js";
9
+ } from "./chunk.SSPUZ2VD.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -9,7 +9,7 @@ import {
9
9
  } from "./chunk.ZRTOIGOM.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.3ARQKGCL.js";
12
+ } from "./chunk.SSPUZ2VD.js";
13
13
  import {
14
14
  gdsCustomElement,
15
15
  html
@@ -79,7 +79,6 @@ var button_style_default = `@layer tokens, a11y, core, ranks, sizes, variants, d
79
79
 
80
80
  --_color-outline-alpha: 60%;
81
81
  --_color-outline: var(--_color-border);
82
-
83
82
  /* These state layer variables can be variant to the correct state layer token in
84
83
  * the rank and variant specific styles. It will be blended with \`--_color-bg\`
85
84
  * for the \`background-color\` rule. */
@@ -232,6 +231,9 @@ var button_style_default = `@layer tokens, a11y, core, ranks, sizes, variants, d
232
231
  }
233
232
 
234
233
  @layer sizes {
234
+ :host([size='small']) {
235
+ --_size: 2rem;
236
+ }
235
237
  :host([size='small']) .button {
236
238
  --_padding-inline: var(--gds-space-l);
237
239
  --_padding-block: var(--gds-space-s);
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  GdsSegment
3
- } from "./chunk.UJOJ7BYZ.js";
3
+ } from "./chunk.O2YOZNIY.js";
4
4
  import {
5
5
  resizeObserver
6
6
  } from "./chunk.VHN4JEZC.js";
@@ -9,7 +9,7 @@ import {
9
9
  } from "./chunk.ZRTOIGOM.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.3ARQKGCL.js";
12
+ } from "./chunk.SSPUZ2VD.js";
13
13
  import {
14
14
  watch
15
15
  } from "./chunk.2WO4NHJ2.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.ADPMTWTS.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.3ARQKGCL.js";
6
+ } from "./chunk.SSPUZ2VD.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -3,13 +3,13 @@ import {
3
3
  } from "./chunk.3ULLOORV.js";
4
4
  import {
5
5
  GdsContainer
6
- } from "./chunk.QGF3EOP3.js";
6
+ } from "./chunk.JZ4GS2C7.js";
7
7
  import {
8
8
  styleExpressionProperty
9
9
  } from "./chunk.ADPMTWTS.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.3ARQKGCL.js";
12
+ } from "./chunk.SSPUZ2VD.js";
13
13
  import {
14
14
  gdsCustomElement,
15
15
  html
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tokens
3
- } from "./chunk.3ARQKGCL.js";
3
+ } from "./chunk.SSPUZ2VD.js";
4
4
  import {
5
5
  gdsCustomElement
6
6
  } from "./chunk.VOYMQ322.js";
@@ -0,0 +1,60 @@
1
+ import {
2
+ styleExpressionProperty
3
+ } from "./chunk.ADPMTWTS.js";
4
+ import {
5
+ GdsButton
6
+ } from "./chunk.5EWITJDS.js";
7
+ import {
8
+ gdsCustomElement
9
+ } from "./chunk.VOYMQ322.js";
10
+ import {
11
+ __decorateClass
12
+ } from "./chunk.5VURDMKE.js";
13
+
14
+ // libs/core/src/components/button/fab/fab.styles.ts
15
+ import { css } from "lit";
16
+ var style = css`
17
+ :host {
18
+ position: fixed;
19
+ inset: auto 2rem 2rem auto;
20
+ }
21
+
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);
27
+ height: calc(var(--_size) + 0.5rem);
28
+ }
29
+ `;
30
+ var fab_styles_default = style;
31
+
32
+ // libs/core/src/components/button/fab/fab.ts
33
+ var GdsFab = class extends GdsButton {
34
+ connectedCallback() {
35
+ super.connectedCallback();
36
+ this._dynamicStylesController.inject("FAB_styles", fab_styles_default);
37
+ }
38
+ };
39
+ __decorateClass([
40
+ styleExpressionProperty({
41
+ valueTemplate: (v) => v
42
+ })
43
+ ], GdsFab.prototype, "position", 2);
44
+ __decorateClass([
45
+ styleExpressionProperty({
46
+ valueTemplate: (v) => v
47
+ })
48
+ ], GdsFab.prototype, "transform", 2);
49
+ __decorateClass([
50
+ styleExpressionProperty({
51
+ valueTemplate: (v) => v
52
+ })
53
+ ], GdsFab.prototype, "inset", 2);
54
+ GdsFab = __decorateClass([
55
+ gdsCustomElement("gds-fab")
56
+ ], GdsFab);
57
+
58
+ export {
59
+ GdsFab
60
+ };
@@ -1,15 +1,15 @@
1
- import {
2
- GdsContainer
3
- } from "./chunk.QGF3EOP3.js";
4
1
  import {
5
2
  flex_style_css_default
6
3
  } from "./chunk.54252E4T.js";
4
+ import {
5
+ GdsContainer
6
+ } from "./chunk.JZ4GS2C7.js";
7
7
  import {
8
8
  styleExpressionProperty
9
9
  } from "./chunk.ADPMTWTS.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.3ARQKGCL.js";
12
+ } from "./chunk.SSPUZ2VD.js";
13
13
  import {
14
14
  gdsCustomElement,
15
15
  html
@@ -1,12 +1,12 @@
1
- import {
2
- styleExpressionProperty
3
- } from "./chunk.ADPMTWTS.js";
4
1
  import {
5
2
  text_style_css_default
6
3
  } from "./chunk.KK4QVD34.js";
4
+ import {
5
+ styleExpressionProperty
6
+ } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.3ARQKGCL.js";
9
+ } from "./chunk.SSPUZ2VD.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.3ARQKGCL.js";
9
+ } from "./chunk.SSPUZ2VD.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.3ARQKGCL.js";
9
+ } from "./chunk.SSPUZ2VD.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.ZRTOIGOM.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.3ARQKGCL.js";
6
+ } from "./chunk.SSPUZ2VD.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -30,7 +30,7 @@ import { ref, createRef } from "lit/directives/ref.js";
30
30
  // libs/core/src/components/coachmark/coachmark.styles.ts
31
31
  import { css } from "lit";
32
32
  var style = css`
33
- .gds-coachmark {
33
+ #body {
34
34
  visibility: hidden;
35
35
  position: absolute;
36
36
  z-index: 1060;
@@ -44,7 +44,7 @@ var style = css`
44
44
  transition: opacity 0.3s;
45
45
  }
46
46
 
47
- #gds-arrow {
47
+ #arrow {
48
48
  box-sizing: border-box;
49
49
  z-index: -1;
50
50
  position: absolute;
@@ -82,7 +82,7 @@ var coachmark_styles_default = style;
82
82
 
83
83
  // libs/core/src/components/coachmark/coachmark.ts
84
84
  import { when } from "lit/directives/when.js";
85
- var _cardRef, _arrowRef, _targetedElement, _autoUpdateCleanupFn, _closeCoachMark, closeCoachMark_fn, _findTarget, findTarget_fn, _checkBoundingRect, checkBoundingRect_fn, _checkOverlap, checkOverlap_fn, _isElementOutsideView, isElementOutsideView_fn, _computeTooltipPosition, computeTooltipPosition_fn, _shouldTooltipBeVisible, shouldTooltipBeVisible_fn, _updateCoachmarks, updateCoachmarks_fn;
85
+ var _cardRef, _arrowRef, _autoUpdateCleanupFn, _closeCoachMark, closeCoachMark_fn, _findTarget, findTarget_fn, _checkBoundingRect, checkBoundingRect_fn, _checkOverlap, checkOverlap_fn, _isElementOutsideView, isElementOutsideView_fn, _computeTooltipPosition, computeTooltipPosition_fn, _shouldTooltipBeVisible, shouldTooltipBeVisible_fn, _updateCoachmarks, updateCoachmarks_fn;
86
86
  var GdsCoachmark = class extends GdsElement {
87
87
  constructor() {
88
88
  super(...arguments);
@@ -94,15 +94,20 @@ var GdsCoachmark = class extends GdsElement {
94
94
  __privateAdd(this, _computeTooltipPosition);
95
95
  __privateAdd(this, _shouldTooltipBeVisible);
96
96
  __privateAdd(this, _updateCoachmarks);
97
- __privateAdd(this, _cardRef, createRef());
98
- __privateAdd(this, _arrowRef, createRef());
99
- __privateAdd(this, _targetedElement, void 0);
100
- __privateAdd(this, _autoUpdateCleanupFn, void 0);
101
- this._isVisible = false;
102
- this._preventClose = false;
103
97
  this.placement = "bottom";
104
98
  this.overlappedBy = [];
105
99
  this.target = [];
100
+ this.label = "Coachmark";
101
+ this.computeVisibility = (_self, _target, computedVisibility) => computedVisibility;
102
+ /**
103
+ * The resolved targeted element (readonly)
104
+ */
105
+ this.targetElement = void 0;
106
+ this._isVisible = false;
107
+ this._preventClose = false;
108
+ __privateAdd(this, _cardRef, createRef());
109
+ __privateAdd(this, _arrowRef, createRef());
110
+ __privateAdd(this, _autoUpdateCleanupFn, void 0);
106
111
  }
107
112
  connectedCallback() {
108
113
  super.connectedCallback();
@@ -129,7 +134,7 @@ var GdsCoachmark = class extends GdsElement {
129
134
  }
130
135
  firstUpdated() {
131
136
  if (this.target.length > 0) {
132
- __privateSet(this, _targetedElement, __privateMethod(this, _findTarget, findTarget_fn).call(this, this.target));
137
+ this.targetElement = __privateMethod(this, _findTarget, findTarget_fn).call(this, this.target);
133
138
  __privateMethod(this, _updateCoachmarks, updateCoachmarks_fn).call(this);
134
139
  }
135
140
  }
@@ -142,12 +147,12 @@ var GdsCoachmark = class extends GdsElement {
142
147
  () => html`
143
148
  <div
144
149
  role="dialog"
145
- class="gds-coachmark"
146
- aria-label="Coachmark"
150
+ id="body"
151
+ aria-label=${this.label}
147
152
  ${ref(__privateGet(this, _cardRef))}
148
153
  >
149
154
  <slot></slot>
150
- <div id="gds-arrow" ${ref(__privateGet(this, _arrowRef))}></div>
155
+ <div id="arrow" ${ref(__privateGet(this, _arrowRef))}></div>
151
156
  </div>
152
157
  `,
153
158
  () => html``
@@ -156,7 +161,6 @@ var GdsCoachmark = class extends GdsElement {
156
161
  };
157
162
  _cardRef = new WeakMap();
158
163
  _arrowRef = new WeakMap();
159
- _targetedElement = new WeakMap();
160
164
  _autoUpdateCleanupFn = new WeakMap();
161
165
  _closeCoachMark = new WeakSet();
162
166
  closeCoachMark_fn = function() {
@@ -166,7 +170,13 @@ closeCoachMark_fn = function() {
166
170
  this._isVisible = false;
167
171
  (_a = __privateGet(this, _cardRef).value) == null ? void 0 : _a.remove();
168
172
  (_b = __privateGet(this, _autoUpdateCleanupFn)) == null ? void 0 : _b.call(this);
169
- window.dispatchEvent(new CustomEvent("tooltipClosed"));
173
+ this.dispatchEvent(
174
+ new CustomEvent("gds-ui-state", {
175
+ detail: { open: this._isVisible, reason: "closed" },
176
+ bubbles: false,
177
+ composed: false
178
+ })
179
+ );
170
180
  };
171
181
  _findTarget = new WeakSet();
172
182
  findTarget_fn = function(selectors) {
@@ -204,7 +214,7 @@ checkOverlap_fn = function(selectors) {
204
214
  const el = document.querySelector(selector);
205
215
  if (!el || getComputedStyle(el).visibility === "hidden")
206
216
  continue;
207
- if (__privateMethod(this, _checkBoundingRect, checkBoundingRect_fn).call(this, __privateGet(this, _targetedElement), el)) {
217
+ if (__privateMethod(this, _checkBoundingRect, checkBoundingRect_fn).call(this, this.targetElement, el)) {
208
218
  return true;
209
219
  }
210
220
  }
@@ -230,7 +240,7 @@ computeTooltipPosition_fn = async function(targetedEl, componentEl, arrowEl) {
230
240
  name: "detectOverflow",
231
241
  async fn(positionState) {
232
242
  const overflow = await detectOverflow(positionState, {
233
- boundary: document.querySelector("main"),
243
+ boundary: document.body,
234
244
  rootBoundary: "document",
235
245
  altBoundary: true,
236
246
  padding: {
@@ -255,16 +265,20 @@ computeTooltipPosition_fn = async function(targetedEl, componentEl, arrowEl) {
255
265
  };
256
266
  _shouldTooltipBeVisible = new WeakSet();
257
267
  shouldTooltipBeVisible_fn = function() {
258
- if (!__privateGet(this, _targetedElement))
268
+ if (!this.targetElement)
259
269
  return false;
260
- const isOutOfBound = __privateMethod(this, _isElementOutsideView, isElementOutsideView_fn).call(this, __privateGet(this, _targetedElement));
261
- const isVisible = __privateGet(this, _targetedElement).checkVisibility();
270
+ const isOutOfBound = __privateMethod(this, _isElementOutsideView, isElementOutsideView_fn).call(this, this.targetElement);
271
+ const targetIsVisible = this.targetElement.checkVisibility();
262
272
  const isOverlapping = this.overlappedBy.length === 0 ? false : __privateMethod(this, _checkOverlap, checkOverlap_fn).call(this, this.overlappedBy);
263
- return !isOverlapping && !isOutOfBound && isVisible && window.innerWidth > 580;
273
+ return this.computeVisibility(
274
+ this,
275
+ this.targetElement,
276
+ !isOverlapping && !isOutOfBound && targetIsVisible
277
+ );
264
278
  };
265
279
  _updateCoachmarks = new WeakSet();
266
280
  updateCoachmarks_fn = async function() {
267
- const targetEl = __privateGet(this, _targetedElement);
281
+ const targetEl = this.targetElement;
268
282
  const componentEl = __privateGet(this, _cardRef).value;
269
283
  const arrowEl = __privateGet(this, _arrowRef).value;
270
284
  if (!targetEl || !componentEl || !arrowEl)
@@ -305,19 +319,6 @@ updateCoachmarks_fn = async function() {
305
319
  }
306
320
  };
307
321
  GdsCoachmark.styles = coachmark_styles_default;
308
- /**
309
- * @internal
310
- */
311
- GdsCoachmark.shadowRootOptions = {
312
- mode: "open",
313
- delegatesFocus: true
314
- };
315
- __decorateClass([
316
- state()
317
- ], GdsCoachmark.prototype, "_isVisible", 2);
318
- __decorateClass([
319
- state()
320
- ], GdsCoachmark.prototype, "_preventClose", 2);
321
322
  __decorateClass([
322
323
  property()
323
324
  ], GdsCoachmark.prototype, "placement", 2);
@@ -327,6 +328,18 @@ __decorateClass([
327
328
  __decorateClass([
328
329
  property({ attribute: false })
329
330
  ], GdsCoachmark.prototype, "target", 2);
331
+ __decorateClass([
332
+ property()
333
+ ], GdsCoachmark.prototype, "label", 2);
334
+ __decorateClass([
335
+ property({ attribute: false })
336
+ ], GdsCoachmark.prototype, "computeVisibility", 2);
337
+ __decorateClass([
338
+ state()
339
+ ], GdsCoachmark.prototype, "_isVisible", 2);
340
+ __decorateClass([
341
+ state()
342
+ ], GdsCoachmark.prototype, "_preventClose", 2);
330
343
  GdsCoachmark = __decorateClass([
331
344
  gdsCustomElement("gds-coachmark")
332
345
  ], GdsCoachmark);
@@ -3,19 +3,19 @@ import {
3
3
  } from "./chunk.ZRTOIGOM.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.3ARQKGCL.js";
6
+ } from "./chunk.SSPUZ2VD.js";
7
7
  import {
8
8
  watch
9
9
  } from "./chunk.2WO4NHJ2.js";
10
- import {
11
- renderMonthGridView
12
- } from "./chunk.RB5IEYTY.js";
13
10
  import {
14
11
  GdsElement
15
12
  } from "./chunk.ZQ4D5K7J.js";
16
13
  import {
17
14
  gdsCustomElement
18
15
  } from "./chunk.VOYMQ322.js";
16
+ import {
17
+ renderMonthGridView
18
+ } from "./chunk.RB5IEYTY.js";
19
19
  import {
20
20
  __decorateClass,
21
21
  __privateAdd,
@@ -1,18 +1,18 @@
1
1
  import {
2
2
  GdsFormControlElement
3
3
  } from "./chunk.2BMJPIND.js";
4
- import {
5
- observeLightDOM
6
- } from "./chunk.WM7HBMMV.js";
7
4
  import {
8
5
  constrainSlots
9
6
  } from "./chunk.KBYQYDL3.js";
7
+ import {
8
+ observeLightDOM
9
+ } from "./chunk.WM7HBMMV.js";
10
10
  import {
11
11
  TransitionalStyles
12
12
  } from "./chunk.ZRTOIGOM.js";
13
13
  import {
14
14
  tokens
15
- } from "./chunk.3ARQKGCL.js";
15
+ } from "./chunk.SSPUZ2VD.js";
16
16
  import {
17
17
  watch
18
18
  } from "./chunk.2WO4NHJ2.js";
@@ -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, 26 Aug 2024 10:43:04 GMT
7
+ * Generated on Mon, 02 Sep 2024 08:04:23 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, 26 Aug 2024 10:43:04 GMT
168
+ * Generated on Mon, 02 Sep 2024 08:04:23 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, 26 Aug 2024 10:43:04 GMT
289
+ * Generated on Mon, 02 Sep 2024 08:04:23 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, 26 Aug 2024 10:43:04 GMT
316
+ * Generated on Mon, 02 Sep 2024 08:04:23 GMT
317
317
  */
318
318
 
319
319
  :host {
@@ -368,7 +368,7 @@ var text_default = `/**
368
368
  // dist/libs/tokens/internal/motion.css?inline
369
369
  var motion_default = `/**
370
370
  * Do not edit directly
371
- * Generated on Mon, 26 Aug 2024 10:43:04 GMT
371
+ * Generated on Mon, 02 Sep 2024 08:04:23 GMT
372
372
  */
373
373
 
374
374
  :host {
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.3ARQKGCL.js";
9
+ } from "./chunk.SSPUZ2VD.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -10,7 +10,7 @@ import {
10
10
  } from "./chunk.ZRTOIGOM.js";
11
11
  import {
12
12
  tokens
13
- } from "./chunk.3ARQKGCL.js";
13
+ } from "./chunk.SSPUZ2VD.js";
14
14
  import {
15
15
  watch
16
16
  } from "./chunk.2WO4NHJ2.js";
@@ -1,7 +1,7 @@
1
1
  // libs/core/src/utils/helpers/custom-element-scoping.ts
2
2
  import { html as litHtml } from "lit";
3
3
  import { customElement } from "lit/decorators.js";
4
- var VER_SUFFIX = "-719376";
4
+ var VER_SUFFIX = "-7800e3";
5
5
  var elementLookupTable = /* @__PURE__ */ new Map();
6
6
  var gdsCustomElement = (tagName) => {
7
7
  if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.KBYQYDL3.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.3ARQKGCL.js";
6
+ } from "./chunk.SSPUZ2VD.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.3ARQKGCL.js";
9
+ } from "./chunk.SSPUZ2VD.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -7,7 +7,7 @@ import {
7
7
  } from "./chunk.ZRTOIGOM.js";
8
8
  import {
9
9
  tokens
10
- } from "./chunk.3ARQKGCL.js";
10
+ } from "./chunk.SSPUZ2VD.js";
11
11
  import {
12
12
  watch
13
13
  } from "./chunk.2WO4NHJ2.js";
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  GdsButton
3
- } from "../../chunks/chunk.KEQHPNB4.js";
3
+ } from "../../chunks/chunk.5EWITJDS.js";
4
4
  import "../../chunks/chunk.TX64TTBN.js";
5
- import "../../chunks/chunk.KNWMPJKB.js";
5
+ import "../../chunks/chunk.BAZ2K3MF.js";
6
6
  import "../../chunks/chunk.2BMJPIND.js";
7
- import "../../chunks/chunk.WM7HBMMV.js";
8
7
  import "../../chunks/chunk.KBYQYDL3.js";
8
+ import "../../chunks/chunk.WM7HBMMV.js";
9
9
  import "../../chunks/chunk.ZRTOIGOM.js";
10
- import "../../chunks/chunk.3ARQKGCL.js";
10
+ import "../../chunks/chunk.SSPUZ2VD.js";
11
11
  import "../../chunks/chunk.2WO4NHJ2.js";
12
12
  import "../../chunks/chunk.ZQ4D5K7J.js";
13
13
  import "../../chunks/chunk.W7CV3QYI.js";
@@ -0,0 +1,31 @@
1
+ import { GdsButton } from '../button';
2
+ /**
3
+ * @element gds-fab
4
+ *
5
+ * The Floating Action Button is used for functions central to the user experience, such as
6
+ * support and help features that needs to be accessible at all times.
7
+ *
8
+ * The button is always floating visible in the users viewport, typically in the lower right
9
+ * corner. This button can be used with an icon only.
10
+ *
11
+ * @slot - Content of the FAB
12
+ */
13
+ export declare class GdsFab extends GdsButton {
14
+ /**
15
+ * Supports all valid CSS position values.
16
+ */
17
+ position?: string;
18
+ /**
19
+ * The transform of the FAB. Use this to tweak the position of the element on the screen.
20
+ *
21
+ * Accepts any valid CSS transform value.
22
+ */
23
+ transform?: string;
24
+ /**
25
+ * The inset postion of the FAB.
26
+ *
27
+ * Accepts any valid CSS inset values.
28
+ */
29
+ inset?: string;
30
+ connectedCallback(): void;
31
+ }
@@ -0,0 +1,21 @@
1
+ import {
2
+ GdsFab
3
+ } from "../../../chunks/chunk.BPXTBSVX.js";
4
+ import "../../../chunks/chunk.ADPMTWTS.js";
5
+ import "../../../chunks/chunk.5EWITJDS.js";
6
+ import "../../../chunks/chunk.TX64TTBN.js";
7
+ import "../../../chunks/chunk.BAZ2K3MF.js";
8
+ import "../../../chunks/chunk.2BMJPIND.js";
9
+ import "../../../chunks/chunk.KBYQYDL3.js";
10
+ import "../../../chunks/chunk.WM7HBMMV.js";
11
+ import "../../../chunks/chunk.ZRTOIGOM.js";
12
+ import "../../../chunks/chunk.SSPUZ2VD.js";
13
+ import "../../../chunks/chunk.2WO4NHJ2.js";
14
+ import "../../../chunks/chunk.ZQ4D5K7J.js";
15
+ import "../../../chunks/chunk.W7CV3QYI.js";
16
+ import "../../../chunks/chunk.YO24ZYAD.js";
17
+ import "../../../chunks/chunk.VOYMQ322.js";
18
+ import "../../../chunks/chunk.5VURDMKE.js";
19
+ export {
20
+ GdsFab
21
+ };
@@ -0,0 +1,2 @@
1
+ declare const style: import("lit").CSSResult;
2
+ export default style;
@@ -0,0 +1 @@
1
+ export * from './fab';
@@ -0,0 +1,21 @@
1
+ import {
2
+ GdsFab
3
+ } from "../../../chunks/chunk.BPXTBSVX.js";
4
+ import "../../../chunks/chunk.ADPMTWTS.js";
5
+ import "../../../chunks/chunk.5EWITJDS.js";
6
+ import "../../../chunks/chunk.TX64TTBN.js";
7
+ import "../../../chunks/chunk.BAZ2K3MF.js";
8
+ import "../../../chunks/chunk.2BMJPIND.js";
9
+ import "../../../chunks/chunk.KBYQYDL3.js";
10
+ import "../../../chunks/chunk.WM7HBMMV.js";
11
+ import "../../../chunks/chunk.ZRTOIGOM.js";
12
+ import "../../../chunks/chunk.SSPUZ2VD.js";
13
+ import "../../../chunks/chunk.2WO4NHJ2.js";
14
+ import "../../../chunks/chunk.ZQ4D5K7J.js";
15
+ import "../../../chunks/chunk.W7CV3QYI.js";
16
+ import "../../../chunks/chunk.YO24ZYAD.js";
17
+ import "../../../chunks/chunk.VOYMQ322.js";
18
+ import "../../../chunks/chunk.5VURDMKE.js";
19
+ export {
20
+ GdsFab
21
+ };