@sebgroup/green-core 3.6.3 → 3.8.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/assets/icons/regular/arrows-repeat-right.svg +1 -0
  2. package/assets/icons/regular/asterisk.svg +1 -1
  3. package/assets/icons/regular/calendar-repeat.svg +3 -0
  4. package/assets/icons/solid/arrows-repeat-right.svg +2 -0
  5. package/assets/icons/solid/calendar-repeat.svg +3 -0
  6. package/assets/icons/solid/credit-card-add.svg +2 -2
  7. package/components/avatar/avatar-group/avatar-group.component.d.ts +21 -0
  8. package/components/avatar/avatar-group/avatar-group.component.js +32 -0
  9. package/components/avatar/avatar-group/avatar-group.d.ts +2 -0
  10. package/components/avatar/avatar-group/avatar-group.js +6 -0
  11. package/components/avatar/avatar-group/avatar-group.styles.d.ts +2 -0
  12. package/components/avatar/avatar-group/avatar-group.styles.js +21 -0
  13. package/components/avatar/avatar-group/index.d.ts +1 -0
  14. package/components/avatar/avatar-group/index.js +1 -0
  15. package/components/avatar/avatar.component.d.ts +51 -0
  16. package/components/avatar/avatar.component.js +100 -0
  17. package/components/avatar/avatar.d.ts +2 -0
  18. package/components/avatar/avatar.js +6 -0
  19. package/components/avatar/avatar.styles.d.ts +2 -0
  20. package/components/avatar/avatar.styles.js +124 -0
  21. package/components/avatar/index.d.ts +2 -0
  22. package/components/avatar/index.js +2 -0
  23. package/components/details/details.styles.js +0 -1
  24. package/components/icon/icons/arrows-repeat-right.component.d.ts +18 -0
  25. package/components/icon/icons/arrows-repeat-right.component.js +25 -0
  26. package/components/icon/icons/arrows-repeat-right.d.ts +2 -0
  27. package/components/icon/icons/arrows-repeat-right.js +6 -0
  28. package/components/icon/icons/asterisk.component.js +1 -1
  29. package/components/icon/icons/calendar-repeat.component.d.ts +18 -0
  30. package/components/icon/icons/calendar-repeat.component.js +25 -0
  31. package/components/icon/icons/calendar-repeat.d.ts +2 -0
  32. package/components/icon/icons/calendar-repeat.js +6 -0
  33. package/components/icon/icons/credit-card-add.component.js +1 -1
  34. package/components/icon/icons/index.d.ts +2 -0
  35. package/components/icon/icons/index.js +2 -0
  36. package/components/icon/icons/pure.d.ts +2 -0
  37. package/components/icon/icons/pure.js +2 -0
  38. package/components/index.d.ts +1 -0
  39. package/components/index.js +1 -0
  40. package/custom-elements.json +12273 -9763
  41. package/gds-element.js +1 -1
  42. package/generated/mcp/avatar/angular.md +17 -0
  43. package/generated/mcp/avatar/api.md +49 -0
  44. package/generated/mcp/avatar/guidelines.md +40 -0
  45. package/generated/mcp/avatar/index.json +9 -0
  46. package/generated/mcp/avatar/react.md +17 -0
  47. package/generated/mcp/avatar-group/angular.md +17 -0
  48. package/generated/mcp/avatar-group/api.md +38 -0
  49. package/generated/mcp/avatar-group/index.json +8 -0
  50. package/generated/mcp/avatar-group/react.md +17 -0
  51. package/generated/mcp/components.json +26 -1
  52. package/generated/mcp/concepts/architecture.md +40 -5
  53. package/generated/mcp/guides/installing.md +10 -69
  54. package/generated/mcp/icon-arrows-repeat-right/angular.md +15 -0
  55. package/generated/mcp/icon-arrows-repeat-right/api.md +31 -0
  56. package/generated/mcp/icon-arrows-repeat-right/index.json +8 -0
  57. package/generated/mcp/icon-arrows-repeat-right/react.md +15 -0
  58. package/generated/mcp/icon-calendar-repeat/angular.md +15 -0
  59. package/generated/mcp/icon-calendar-repeat/api.md +31 -0
  60. package/generated/mcp/icon-calendar-repeat/index.json +8 -0
  61. package/generated/mcp/icon-calendar-repeat/react.md +15 -0
  62. package/generated/mcp/icons.json +25 -1
  63. package/generated/mcp/index.json +1 -1
  64. package/generated/mcp/switch/guidelines.md +2 -2
  65. package/generated/mcp/tokens.json +1 -1
  66. package/generated/react/avatar/index.d.ts +681 -0
  67. package/generated/react/avatar/index.js +14 -0
  68. package/generated/react/avatar-group/index.d.ts +671 -0
  69. package/generated/react/avatar-group/index.js +14 -0
  70. package/generated/react/card-pattern-01/index.d.ts +1 -1
  71. package/generated/react/icons/icon-arrows-repeat-right/index.d.ts +672 -0
  72. package/generated/react/icons/icon-arrows-repeat-right/index.js +16 -0
  73. package/generated/react/icons/icon-calendar-repeat/index.d.ts +672 -0
  74. package/generated/react/icons/icon-calendar-repeat/index.js +16 -0
  75. package/generated/react/index.d.ts +11 -7
  76. package/generated/react/index.js +11 -7
  77. package/package.json +7 -1
  78. package/patterns/card-pattern-01/card-pattern-01.component.js +0 -1
  79. package/pure.d.ts +2 -0
  80. package/pure.js +2 -0
  81. package/utils/helpers/custom-element-scoping.js +1 -1
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="24" height="24" viewBox="0 0 24 24"><path d="M17.25 2.75L20.25 5.75L17.25 8.75M6.75 21.25L3.75 18.25L6.75 15.25M5.25 18.25H20.25V13.25M3.75 10.25V5.75H18.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="24" height="24" viewBox="0 0 24 24"><path d="M12.001 2.75V21.25M3.99023 7.375L20.0117 16.625M3.9912 16.625L20.0127 7.375" stroke="black" stroke-width="1.5" stroke-linecap="round"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="24" height="24" viewBox="0 0 24 24"><path d="M12.001 2.75V21.25M3.99023 7.375L20.0117 16.625M3.9912 16.625L20.0127 7.375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="24" height="24" viewBox="0 0 24 24"><path d="M7.75 4.75H3.75V9.25M7.75 4.75H16.25M7.75 4.75V2.75M16.25 4.75H20.25V9.25H3.75M16.25 4.75V2.75M10.25 20.25H3.75V9.25M20.3398 20.1875C19.5795 20.8488 18.5779 21.25 17.5 21.25C15.5197 21.25 13.8557 19.8956 13.3839 18.0625M14.4195 14.0388C15.2021 13.2439 16.3042 12.75 17.5 12.75C19.4803 12.75 21.1443 14.1044 21.6161 15.9375" stroke="currentColor" stroke-width="1.59375" stroke-linecap="round" stroke-linejoin="round"/>
2
+ <path d="M22.2812 19.125V21.5612C22.2812 22.0345 21.709 22.2715 21.3743 21.9369L18.4069 18.9694C18.0722 18.6347 18.3093 18.0625 18.7826 18.0625H21.2188C21.8056 18.0625 22.2812 18.5382 22.2812 19.125Z" fill="currentColor"/>
3
+ <path d="M12.7188 14.875V12.4388C12.7188 11.9655 13.291 11.7285 13.6257 12.0632L16.5931 15.0306C16.9278 15.3653 16.6907 15.9375 16.2174 15.9375H13.7812C13.1944 15.9375 12.7188 15.4618 12.7188 14.875Z" fill="currentColor"/></svg>
@@ -0,0 +1,2 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="24" height="24" viewBox="0 0 24 24"><path d="M17.7803 2.21967C17.4874 1.92678 17.0126 1.92678 16.7197 2.21967C16.4268 2.51256 16.4268 2.98744 16.7197 3.28033L18.4393 5H3.75C3.33579 5 3 5.33579 3 5.75V10.25C3 10.6642 3.33579 11 3.75 11C4.16421 11 4.5 10.6642 4.5 10.25V6.5H18.4393L16.7197 8.21967C16.4268 8.51256 16.4268 8.98744 16.7197 9.28033C17.0126 9.57322 17.4874 9.57322 17.7803 9.28033L20.7803 6.28033C21.0732 5.98744 21.0732 5.51256 20.7803 5.21967L17.7803 2.21967Z" fill="currentColor"/>
2
+ <path d="M7.28033 15.7803C7.57322 15.4874 7.57322 15.0126 7.28033 14.7197C6.98744 14.4268 6.51256 14.4268 6.21967 14.7197L3.21967 17.7197C2.92678 18.0126 2.92678 18.4874 3.21967 18.7803L6.21967 21.7803C6.51256 22.0732 6.98744 22.0732 7.28033 21.7803C7.57322 21.4874 7.57322 21.0126 7.28033 20.7197L5.56066 19H20.25C20.6642 19 21 18.6642 21 18.25V13.25C21 12.8358 20.6642 12.5 20.25 12.5C19.8358 12.5 19.5 12.8358 19.5 13.25V17.5H5.56066L7.28033 15.7803Z" fill="currentColor"/></svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="24" height="24" viewBox="0 0 24 24"><path d="M7.75 2C8.16421 2 8.5 2.33579 8.5 2.75V4H15.5V2.75C15.5 2.33579 15.8358 2 16.25 2C16.6642 2 17 2.33579 17 2.75V4H20.25C20.6642 4 21 4.33579 21 4.75V9.25C21 9.66421 20.6642 10 20.25 10H4.5V19.5H10.25C10.6642 19.5 11 19.8358 11 20.25C11 20.6642 10.6642 21 10.25 21H3.75C3.33579 21 3 20.6642 3 20.25V4.75C3 4.33579 3.33579 4 3.75 4H7V2.75C7 2.33579 7.33579 2 7.75 2Z" fill="currentColor"/>
2
+ <path d="M15.6397 14.0772C16.1818 13.7413 16.8227 13.5469 17.5 13.5469C19.1079 13.5469 20.461 14.6466 20.8444 16.1361C20.9541 16.5623 21.3885 16.8189 21.8147 16.7092C22.2409 16.5995 22.4975 16.1651 22.3878 15.7389C21.8276 13.5623 19.8527 11.9531 17.5 11.9531C16.3847 11.9531 15.3389 12.3156 14.4919 12.9294L13.6257 12.0632C13.291 11.7285 12.7188 11.9655 12.7188 12.4388V14.875C12.7188 15.4618 13.1944 15.9375 13.7812 15.9375H16.2174C16.6907 15.9375 16.9278 15.3653 16.5931 15.0306L15.6397 14.0772Z" fill="currentColor"/>
3
+ <path d="M14.1556 17.8639C14.0459 17.4377 13.6115 17.1811 13.1853 17.2908C12.759 17.4005 12.5025 17.8349 12.6122 18.2611C13.1724 20.4377 15.1473 22.0469 17.5 22.0469C18.6155 22.0469 19.6614 21.6842 20.5081 21.0706L21.3743 21.9368C21.709 22.2715 22.2812 22.0345 22.2812 21.5612V19.125C22.2812 18.5382 21.8056 18.0625 21.2188 18.0625H18.7826C18.3093 18.0625 18.0722 18.6347 18.4069 18.9694L19.3602 19.9227C18.818 20.2588 18.1771 20.4531 17.5 20.4531C15.8921 20.4531 14.539 19.3534 14.1556 17.8639Z" fill="currentColor"/></svg>
@@ -1,2 +1,2 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="24" height="24" viewBox="0 0 24 24"><path d="M2 4.75293C2 4.33872 2.33579 4.00293 2.75 4.00293H21.2422C21.6556 4.00293 21.991 4.33739 21.9922 4.75075C21.9964 6.18525 21.9962 7.61979 21.9961 9.05303L21.9961 12L19.25 12C18.0074 12 17 13.0074 17 14.25V15H16.25C15.0074 15 14 16.0074 14 17.25L14.0001 19.9961H2.75C2.33579 19.9961 2 19.6604 2 19.2461V10.5H21.9961V9H2V4.75293Z" fill="black"/>
2
- <path d="M20 14.25C20 13.8358 19.6642 13.5 19.25 13.5C18.8358 13.5 18.5 13.8358 18.5 14.25V16.5H16.25C15.8358 16.5 15.5 16.8358 15.5 17.25C15.5 17.6642 15.8358 18 16.25 18H18.5V20.25C18.5 20.6642 18.8358 21 19.25 21C19.6642 21 20 20.6642 20 20.25V18H22.25C22.6642 18 23 17.6642 23 17.25C23 16.8358 22.6642 16.5 22.25 16.5H20V14.25Z" fill="black"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="24" height="24" viewBox="0 0 24 24"><path d="M2 4.75293C2 4.33872 2.33579 4.00293 2.75 4.00293H21.2422C21.6556 4.00293 21.991 4.33739 21.9922 4.75075C21.9964 6.18525 21.9962 7.61979 21.9961 9.05303L21.9961 12L19.25 12C18.0074 12 17 13.0074 17 14.25V15H16.25C15.0074 15 14 16.0074 14 17.25L14.0001 19.9961H2.75C2.33579 19.9961 2 19.6604 2 19.2461V10.5H21.9961V9H2V4.75293Z" fill="currentColor"/>
2
+ <path d="M20 14.25C20 13.8358 19.6642 13.5 19.25 13.5C18.8358 13.5 18.5 13.8358 18.5 14.25V16.5H16.25C15.8358 16.5 15.5 16.8358 15.5 17.25C15.5 17.6642 15.8358 18 16.25 18H18.5V20.25C18.5 20.6642 18.8358 21 19.25 21C19.6642 21 20 20.6642 20 20.25V18H22.25C22.6642 18 23 17.6642 23 17.25C23 16.8358 22.6642 16.5 22.25 16.5H20V14.25Z" fill="currentColor"/></svg>
@@ -0,0 +1,21 @@
1
+ import { GdsElement } from '../../../gds-element';
2
+ declare const GdsAvatarGroup_base: (new (...args: any[]) => import("../../../utils/mixins/declarative-layout-mixins").MarginProps) & (new (...args: any[]) => import("../../../utils/mixins/declarative-layout-mixins").LayoutChildProps) & typeof GdsElement;
3
+ /**
4
+ * `gds-avatar-group` stacks multiple avatars with an overlapping ring cutout effect.
5
+ *
6
+ * Accessibility:
7
+ * - Exposes `role="group"` by default.
8
+ * - Provide an `aria-label` (for example `aria-label="Authors"`) to describe the group context.
9
+ *
10
+ * @element gds-avatar-group
11
+ * @status beta
12
+ *
13
+ * @slot - Slot for `gds-avatar` elements
14
+ *
15
+ */
16
+ export declare class GdsAvatarGroup extends GdsAvatarGroup_base {
17
+ static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
18
+ connectedCallback(): void;
19
+ render(): any;
20
+ }
21
+ export {};
@@ -0,0 +1,32 @@
1
+ import {
2
+ __decorateClass
3
+ } from "../../../chunks/chunk.CAV4X6PU.js";
4
+ import { GdsElement } from "../../../gds-element.js";
5
+ import { html } from "../../../scoping.js";
6
+ import { tokens } from "../../../tokens.style.js";
7
+ import { gdsCustomElement } from "../../../utils/helpers/custom-element-scoping.js";
8
+ import {
9
+ withLayoutChildProps,
10
+ withMarginProps
11
+ } from "../../../utils/mixins/declarative-layout-mixins.js";
12
+ import AvatarGroupStyles from "./avatar-group.styles.js";
13
+ let GdsAvatarGroup = class extends withMarginProps(
14
+ withLayoutChildProps(GdsElement)
15
+ ) {
16
+ connectedCallback() {
17
+ super.connectedCallback();
18
+ if (!this.hasAttribute("role")) {
19
+ this.setAttribute("role", "group");
20
+ }
21
+ }
22
+ render() {
23
+ return html`<slot></slot>`;
24
+ }
25
+ };
26
+ GdsAvatarGroup.styles = [tokens, AvatarGroupStyles];
27
+ GdsAvatarGroup = __decorateClass([
28
+ gdsCustomElement("gds-avatar-group")
29
+ ], GdsAvatarGroup);
30
+ export {
31
+ GdsAvatarGroup
32
+ };
@@ -0,0 +1,2 @@
1
+ import { GdsAvatarGroup } from './avatar-group.component';
2
+ export { GdsAvatarGroup };
@@ -0,0 +1,6 @@
1
+ import "../../../chunks/chunk.CAV4X6PU.js";
2
+ import { GdsAvatarGroup } from "./avatar-group.component.js";
3
+ GdsAvatarGroup.define();
4
+ export {
5
+ GdsAvatarGroup
6
+ };
@@ -0,0 +1,2 @@
1
+ declare const style: import("lit").CSSResult;
2
+ export default style;
@@ -0,0 +1,21 @@
1
+ import "../../../chunks/chunk.CAV4X6PU.js";
2
+ import { css } from "lit";
3
+ const style = css`
4
+ @layer tokens, core, sizes, shapes;
5
+
6
+ @layer core {
7
+ :host {
8
+ display: inline-flex;
9
+ flex-direction: row;
10
+ align-items: center;
11
+ }
12
+
13
+ ::slotted([gds-element='gds-avatar']) {
14
+ --gds-avatar-grouped: 1;
15
+ }
16
+ }
17
+ `;
18
+ var avatar_group_styles_default = style;
19
+ export {
20
+ avatar_group_styles_default as default
21
+ };
@@ -0,0 +1 @@
1
+ export * from './avatar-group';
@@ -0,0 +1 @@
1
+ export * from "./avatar-group.js";
@@ -0,0 +1,51 @@
1
+ import { GdsElement } from '../../gds-element';
2
+ import { GdsColorLevel } from '../../utils/helpers';
3
+ declare const GdsAvatar_base: (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").SizeXProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").MarginProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").LayoutChildProps) & typeof GdsElement;
4
+ /**
5
+ * `gds-avatar` is a visual element used to represent a user or entity.
6
+ * It supports displaying an image, slotted text content, or a fallback icon.
7
+ *
8
+ * @element gds-avatar
9
+ * @status beta
10
+ *
11
+ * @slot - Default slot for avatar content (`<img>` or short text)
12
+ * @slot badge - Optional slot rendered in the top-right corner. Use a `gds-badge` here.
13
+ *
14
+ */
15
+ export declare class GdsAvatar extends GdsAvatar_base {
16
+ #private;
17
+ static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
18
+ /**
19
+ * Image URL to display inside the avatar.
20
+ * When set, an `<img>` is rendered directly in the shadow DOM.
21
+ */
22
+ src: string;
23
+ /**
24
+ * Alt text for the image when using the `src` property.
25
+ */
26
+ alt: string;
27
+ /**
28
+ * The size of the avatar.
29
+ */
30
+ size: 'xs' | 's' | 'm' | 'l';
31
+ /**
32
+ * The shape of the avatar.
33
+ */
34
+ shape: 'circular' | 'square';
35
+ /**
36
+ * The color level used when resolving color tokens for style expression properties.
37
+ */
38
+ level: GdsColorLevel;
39
+ /**
40
+ * Style Expression Property that controls the `background` color of the avatar shape.
41
+ * Only accepts color tokens and optional transparency values.
42
+ */
43
+ background?: string;
44
+ /**
45
+ * Style Expression Property that controls the text/icon `color` of the avatar.
46
+ * Accepts content color tokens and optional transparency values.
47
+ */
48
+ color?: string;
49
+ render(): any;
50
+ }
51
+ export {};
@@ -0,0 +1,100 @@
1
+ import {
2
+ __decorateClass,
3
+ __privateAdd,
4
+ __privateMethod
5
+ } from "../../chunks/chunk.CAV4X6PU.js";
6
+ var _renderIcon, renderIcon_fn, _renderMainContent, renderMainContent_fn, _renderBadgeSlot, renderBadgeSlot_fn;
7
+ import { property } from "lit/decorators.js";
8
+ import { classMap } from "lit/directives/class-map.js";
9
+ import { ifDefined } from "lit/directives/if-defined.js";
10
+ import { GdsElement } from "../../gds-element.js";
11
+ import { html } from "../../scoping.js";
12
+ import { tokens } from "../../tokens.style.js";
13
+ import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
14
+ import { forColorTokens } from "../../utils/helpers/index.js";
15
+ import { gdsCustomElement } from "../../utils/helpers/custom-element-scoping.js";
16
+ import {
17
+ withLayoutChildProps,
18
+ withMarginProps,
19
+ withSizeXProps
20
+ } from "../../utils/mixins/declarative-layout-mixins.js";
21
+ import { IconPeopleProfile } from "../icon/icons/people-profile.component.js";
22
+ import AvatarStyles from "./avatar.styles.js";
23
+ let GdsAvatar = class extends withSizeXProps(
24
+ withMarginProps(withLayoutChildProps(GdsElement))
25
+ ) {
26
+ constructor() {
27
+ super(...arguments);
28
+ __privateAdd(this, _renderIcon);
29
+ __privateAdd(this, _renderMainContent);
30
+ __privateAdd(this, _renderBadgeSlot);
31
+ this.src = "";
32
+ this.alt = "";
33
+ this.size = "m";
34
+ this.shape = "circular";
35
+ this.level = "2";
36
+ }
37
+ render() {
38
+ const classes = classMap({
39
+ avatar: true,
40
+ [this.size]: true,
41
+ [this.shape]: true,
42
+ "has-image": !!this.src
43
+ });
44
+ return html`
45
+ <div class="${classes}">${__privateMethod(this, _renderMainContent, renderMainContent_fn).call(this)}</div>
46
+ ${__privateMethod(this, _renderBadgeSlot, renderBadgeSlot_fn).call(this)}
47
+ `;
48
+ }
49
+ };
50
+ _renderIcon = new WeakSet();
51
+ renderIcon_fn = function() {
52
+ return html`<gds-icon-people-profile></gds-icon-people-profile>`;
53
+ };
54
+ _renderMainContent = new WeakSet();
55
+ renderMainContent_fn = function() {
56
+ if (this.src) {
57
+ return html`
58
+ <img src="${this.src}" alt="${ifDefined(this.alt || void 0)}" />
59
+ `;
60
+ }
61
+ return html`<slot>${__privateMethod(this, _renderIcon, renderIcon_fn).call(this)}</slot>`;
62
+ };
63
+ _renderBadgeSlot = new WeakSet();
64
+ renderBadgeSlot_fn = function() {
65
+ return html`<slot name="badge"></slot>`;
66
+ };
67
+ GdsAvatar.styles = [tokens, AvatarStyles];
68
+ __decorateClass([
69
+ property({ type: String })
70
+ ], GdsAvatar.prototype, "src", 2);
71
+ __decorateClass([
72
+ property({ type: String })
73
+ ], GdsAvatar.prototype, "alt", 2);
74
+ __decorateClass([
75
+ property({ type: String, reflect: true })
76
+ ], GdsAvatar.prototype, "size", 2);
77
+ __decorateClass([
78
+ property({ type: String, reflect: true })
79
+ ], GdsAvatar.prototype, "shape", 2);
80
+ __decorateClass([
81
+ property()
82
+ ], GdsAvatar.prototype, "level", 2);
83
+ __decorateClass([
84
+ styleExpressionProperty({
85
+ ...forColorTokens("background"),
86
+ selector: ".avatar"
87
+ })
88
+ ], GdsAvatar.prototype, "background", 2);
89
+ __decorateClass([
90
+ styleExpressionProperty({
91
+ ...forColorTokens("content"),
92
+ selector: ".avatar"
93
+ })
94
+ ], GdsAvatar.prototype, "color", 2);
95
+ GdsAvatar = __decorateClass([
96
+ gdsCustomElement("gds-avatar", { dependsOn: [IconPeopleProfile] })
97
+ ], GdsAvatar);
98
+ export {
99
+ GdsAvatar
100
+ };
@@ -0,0 +1,2 @@
1
+ import { GdsAvatar } from './avatar.component';
2
+ export { GdsAvatar };
@@ -0,0 +1,6 @@
1
+ import "../../chunks/chunk.CAV4X6PU.js";
2
+ import { GdsAvatar } from "./avatar.component.js";
3
+ GdsAvatar.define();
4
+ export {
5
+ GdsAvatar
6
+ };
@@ -0,0 +1,2 @@
1
+ declare const style: import("lit").CSSResult;
2
+ export default style;
@@ -0,0 +1,124 @@
1
+ import "../../chunks/chunk.CAV4X6PU.js";
2
+ import { css } from "lit";
3
+ const style = css`
4
+ @layer tokens, core, sizes, shapes;
5
+
6
+ @layer core {
7
+ :host {
8
+ display: inline-flex;
9
+ position: relative;
10
+ align-items: center;
11
+ justify-content: center;
12
+ font-family: inherit;
13
+ --_size: var(--gds-sys-space-3xl);
14
+ --_radius: var(--gds-sys-space-max);
15
+ --_font: var(--gds-sys-text-detail-m-book);
16
+ --_overlap: -10px;
17
+ --_cutout-extra: 6px;
18
+
19
+ /* Cutout */
20
+ --_cutout-size: calc(var(--_size) + var(--_cutout-extra));
21
+ --_cutout-radius: calc(var(--_cutout-size) / 2);
22
+ --_grouped-enabled: var(
23
+ --gds-avatar-grouped,
24
+ var(--gds-avatar-cutout-enabled, 0)
25
+ );
26
+ --_effective-overlap: calc(var(--_overlap) * var(--_grouped-enabled));
27
+ --_effective-cutout-radius: calc(
28
+ var(--_cutout-radius) * var(--_grouped-enabled)
29
+ );
30
+ --_cutout-right-offset: calc(
31
+ var(--_size) / 2 + var(--_effective-overlap)
32
+ );
33
+ }
34
+
35
+ .avatar {
36
+ display: flex;
37
+ align-items: center;
38
+ justify-content: center;
39
+ font: var(--_font);
40
+ letter-spacing: 0.02em;
41
+ user-select: none;
42
+ box-sizing: border-box;
43
+ overflow: hidden;
44
+ background: var(--gds-sys-color-l3-neutral-01-2);
45
+ color: var(--gds-sys-color-content-neutral-01);
46
+ width: var(--_size);
47
+ height: var(--_size);
48
+ border-radius: var(--_radius);
49
+ flex-shrink: 0;
50
+
51
+ img {
52
+ width: 100%;
53
+ height: 100%;
54
+ object-fit: cover;
55
+ display: block;
56
+ }
57
+ }
58
+
59
+ slot[name='badge'] {
60
+ display: block;
61
+ position: absolute;
62
+ top: 0;
63
+ right: 0;
64
+ transform: translate(33%, -33%);
65
+ }
66
+ }
67
+
68
+ @layer sizes {
69
+ :host([size='xs']) {
70
+ --_size: var(--gds-sys-space-xl);
71
+ --_font: var(--gds-sys-text-detail-2xs-book);
72
+ --_overlap: -6px;
73
+ --_cutout-extra: 4px;
74
+ }
75
+
76
+ :host([size='s']) {
77
+ --_size: var(--gds-sys-space-2xl);
78
+ --_font: var(--gds-sys-text-detail-xs-book);
79
+ --_overlap: -8px;
80
+ --_cutout-extra: 5px;
81
+ }
82
+
83
+ :host([size='m']) {
84
+ --_size: var(--gds-sys-space-3xl);
85
+ --_font: var(--gds-sys-text-detail-s-book);
86
+ --_overlap: -10px;
87
+ --_cutout-extra: 6px;
88
+ }
89
+
90
+ :host([size='l']) {
91
+ --_size: var(--gds-sys-space-4xl);
92
+ --_font: var(--gds-sys-text-detail-m-book);
93
+ --_overlap: -12px;
94
+ --_cutout-extra: 8px;
95
+ }
96
+ }
97
+
98
+ @layer shapes {
99
+ :host {
100
+ margin-inline-start: var(--_effective-overlap);
101
+ }
102
+
103
+ :host(:first-child) {
104
+ margin-inline-start: 0;
105
+ }
106
+
107
+ :host(:not(:last-child)) .avatar {
108
+ mask-image: radial-gradient(
109
+ circle var(--_effective-cutout-radius) at
110
+ calc(100% + var(--_cutout-right-offset)) 50%,
111
+ #0000 calc(var(--_effective-cutout-radius) - 0.1px),
112
+ #000 var(--_effective-cutout-radius)
113
+ );
114
+ }
115
+
116
+ .avatar.square {
117
+ --_radius: var(--gds-sys-space-2xs);
118
+ }
119
+ }
120
+ `;
121
+ var avatar_styles_default = style;
122
+ export {
123
+ avatar_styles_default as default
124
+ };
@@ -0,0 +1,2 @@
1
+ export * from './avatar-group';
2
+ export * from './avatar';
@@ -0,0 +1,2 @@
1
+ export * from "./avatar-group/index.js";
2
+ export * from "./avatar.js";
@@ -114,7 +114,6 @@ const style = css`
114
114
  .content.open {
115
115
  overflow: auto;
116
116
  height: max-content;
117
- max-height: 100vh;
118
117
  }
119
118
  }
120
119
  `;
@@ -0,0 +1,18 @@
1
+ import { GdsIcon } from '../icon';
2
+ /**
3
+ * @element gds-icon-arrows-repeat-right
4
+ */
5
+ export declare class IconArrowsRepeatRight extends GdsIcon {
6
+ /** @private */
7
+ static _regularSVG: string;
8
+ /** @private */
9
+ static _solidSVG: string;
10
+ /** @private */
11
+ static _name: string;
12
+ /** @private */
13
+ static _width: number;
14
+ /** @private */
15
+ static _height: number;
16
+ /** @private */
17
+ static _viewBox: string;
18
+ }
@@ -0,0 +1,25 @@
1
+ import {
2
+ __decorateClass
3
+ } from "../../../chunks/chunk.CAV4X6PU.js";
4
+ import { gdsCustomElement } from "../../../scoping.js";
5
+ import { GdsIcon } from "../icon.js";
6
+ let IconArrowsRepeatRight = class extends GdsIcon {
7
+ };
8
+ /** @private */
9
+ IconArrowsRepeatRight._regularSVG = `<path d="M17.25 2.75L20.25 5.75L17.25 8.75M6.75 21.25L3.75 18.25L6.75 15.25M5.25 18.25H20.25V13.25M3.75 10.25V5.75H18.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
10
+ /** @private */
11
+ IconArrowsRepeatRight._solidSVG = `<path d="M17.7803 2.21967C17.4874 1.92678 17.0126 1.92678 16.7197 2.21967C16.4268 2.51256 16.4268 2.98744 16.7197 3.28033L18.4393 5H3.75C3.33579 5 3 5.33579 3 5.75V10.25C3 10.6642 3.33579 11 3.75 11C4.16421 11 4.5 10.6642 4.5 10.25V6.5H18.4393L16.7197 8.21967C16.4268 8.51256 16.4268 8.98744 16.7197 9.28033C17.0126 9.57322 17.4874 9.57322 17.7803 9.28033L20.7803 6.28033C21.0732 5.98744 21.0732 5.51256 20.7803 5.21967L17.7803 2.21967Z" fill="currentColor"/><path d="M7.28033 15.7803C7.57322 15.4874 7.57322 15.0126 7.28033 14.7197C6.98744 14.4268 6.51256 14.4268 6.21967 14.7197L3.21967 17.7197C2.92678 18.0126 2.92678 18.4874 3.21967 18.7803L6.21967 21.7803C6.51256 22.0732 6.98744 22.0732 7.28033 21.7803C7.57322 21.4874 7.57322 21.0126 7.28033 20.7197L5.56066 19H20.25C20.6642 19 21 18.6642 21 18.25V13.25C21 12.8358 20.6642 12.5 20.25 12.5C19.8358 12.5 19.5 12.8358 19.5 13.25V17.5H5.56066L7.28033 15.7803Z" fill="currentColor"/>`;
12
+ /** @private */
13
+ IconArrowsRepeatRight._name = "arrows-repeat-right";
14
+ /** @private */
15
+ IconArrowsRepeatRight._width = 24;
16
+ /** @private */
17
+ IconArrowsRepeatRight._height = 24;
18
+ /** @private */
19
+ IconArrowsRepeatRight._viewBox = "0 0 24 24";
20
+ IconArrowsRepeatRight = __decorateClass([
21
+ gdsCustomElement("gds-icon-arrows-repeat-right")
22
+ ], IconArrowsRepeatRight);
23
+ export {
24
+ IconArrowsRepeatRight
25
+ };
@@ -0,0 +1,2 @@
1
+ import { IconArrowsRepeatRight } from './arrows-repeat-right.component';
2
+ export { IconArrowsRepeatRight };
@@ -0,0 +1,6 @@
1
+ import "../../../chunks/chunk.CAV4X6PU.js";
2
+ import { IconArrowsRepeatRight } from "./arrows-repeat-right.component.js";
3
+ IconArrowsRepeatRight.define();
4
+ export {
5
+ IconArrowsRepeatRight
6
+ };
@@ -6,7 +6,7 @@ import { GdsIcon } from "../icon.js";
6
6
  let IconAsterisk = class extends GdsIcon {
7
7
  };
8
8
  /** @private */
9
- IconAsterisk._regularSVG = `<path d="M12.001 2.75V21.25M3.99023 7.375L20.0117 16.625M3.9912 16.625L20.0127 7.375" stroke="black" stroke-width="1.5" stroke-linecap="round"/>`;
9
+ IconAsterisk._regularSVG = `<path d="M12.001 2.75V21.25M3.99023 7.375L20.0117 16.625M3.9912 16.625L20.0127 7.375" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>`;
10
10
  /** @private */
11
11
  IconAsterisk._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0029 2C12.4171 2 12.7529 2.33579 12.7529 2.75V10.7015L19.6396 6.72548C19.9984 6.51837 20.457 6.64128 20.6642 7C20.8713 7.35872 20.7484 7.81741 20.3896 8.02452L13.5034 12.0003L20.3887 15.9755C20.7474 16.1826 20.8703 16.6413 20.6632 17C20.4561 17.3587 19.9974 17.4816 19.6387 17.2745L12.7529 13.299V21.25C12.7529 21.6642 12.4171 22 12.0029 22C11.5887 22 11.2529 21.6642 11.2529 21.25V13.2996L4.36816 17.2745C4.00944 17.4816 3.55075 17.3587 3.34364 17C3.13653 16.6413 3.25944 16.1826 3.61816 15.9755L10.5034 12.0003L3.61719 8.02452C3.25847 7.81741 3.13556 7.35872 3.34267 7C3.54978 6.64128 4.00847 6.51837 4.36719 6.72548L11.2529 10.701V2.75C11.2529 2.33579 11.5887 2 12.0029 2Z" fill="currentColor"/>`;
12
12
  /** @private */
@@ -0,0 +1,18 @@
1
+ import { GdsIcon } from '../icon';
2
+ /**
3
+ * @element gds-icon-calendar-repeat
4
+ */
5
+ export declare class IconCalendarRepeat extends GdsIcon {
6
+ /** @private */
7
+ static _regularSVG: string;
8
+ /** @private */
9
+ static _solidSVG: string;
10
+ /** @private */
11
+ static _name: string;
12
+ /** @private */
13
+ static _width: number;
14
+ /** @private */
15
+ static _height: number;
16
+ /** @private */
17
+ static _viewBox: string;
18
+ }
@@ -0,0 +1,25 @@
1
+ import {
2
+ __decorateClass
3
+ } from "../../../chunks/chunk.CAV4X6PU.js";
4
+ import { gdsCustomElement } from "../../../scoping.js";
5
+ import { GdsIcon } from "../icon.js";
6
+ let IconCalendarRepeat = class extends GdsIcon {
7
+ };
8
+ /** @private */
9
+ IconCalendarRepeat._regularSVG = `<path d="M7.75 4.75H3.75V9.25M7.75 4.75H16.25M7.75 4.75V2.75M16.25 4.75H20.25V9.25H3.75M16.25 4.75V2.75M10.25 20.25H3.75V9.25M20.3398 20.1875C19.5795 20.8488 18.5779 21.25 17.5 21.25C15.5197 21.25 13.8557 19.8956 13.3839 18.0625M14.4195 14.0388C15.2021 13.2439 16.3042 12.75 17.5 12.75C19.4803 12.75 21.1443 14.1044 21.6161 15.9375" stroke="currentColor" stroke-width="1.59375" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.2812 19.125V21.5612C22.2812 22.0345 21.709 22.2715 21.3743 21.9369L18.4069 18.9694C18.0722 18.6347 18.3093 18.0625 18.7826 18.0625H21.2188C21.8056 18.0625 22.2812 18.5382 22.2812 19.125Z" fill="currentColor"/><path d="M12.7188 14.875V12.4388C12.7188 11.9655 13.291 11.7285 13.6257 12.0632L16.5931 15.0306C16.9278 15.3653 16.6907 15.9375 16.2174 15.9375H13.7812C13.1944 15.9375 12.7188 15.4618 12.7188 14.875Z" fill="currentColor"/>`;
10
+ /** @private */
11
+ IconCalendarRepeat._solidSVG = `<path d="M7.75 2C8.16421 2 8.5 2.33579 8.5 2.75V4H15.5V2.75C15.5 2.33579 15.8358 2 16.25 2C16.6642 2 17 2.33579 17 2.75V4H20.25C20.6642 4 21 4.33579 21 4.75V9.25C21 9.66421 20.6642 10 20.25 10H4.5V19.5H10.25C10.6642 19.5 11 19.8358 11 20.25C11 20.6642 10.6642 21 10.25 21H3.75C3.33579 21 3 20.6642 3 20.25V4.75C3 4.33579 3.33579 4 3.75 4H7V2.75C7 2.33579 7.33579 2 7.75 2Z" fill="currentColor"/><path d="M15.6397 14.0772C16.1818 13.7413 16.8227 13.5469 17.5 13.5469C19.1079 13.5469 20.461 14.6466 20.8444 16.1361C20.9541 16.5623 21.3885 16.8189 21.8147 16.7092C22.2409 16.5995 22.4975 16.1651 22.3878 15.7389C21.8276 13.5623 19.8527 11.9531 17.5 11.9531C16.3847 11.9531 15.3389 12.3156 14.4919 12.9294L13.6257 12.0632C13.291 11.7285 12.7188 11.9655 12.7188 12.4388V14.875C12.7188 15.4618 13.1944 15.9375 13.7812 15.9375H16.2174C16.6907 15.9375 16.9278 15.3653 16.5931 15.0306L15.6397 14.0772Z" fill="currentColor"/><path d="M14.1556 17.8639C14.0459 17.4377 13.6115 17.1811 13.1853 17.2908C12.759 17.4005 12.5025 17.8349 12.6122 18.2611C13.1724 20.4377 15.1473 22.0469 17.5 22.0469C18.6155 22.0469 19.6614 21.6842 20.5081 21.0706L21.3743 21.9368C21.709 22.2715 22.2812 22.0345 22.2812 21.5612V19.125C22.2812 18.5382 21.8056 18.0625 21.2188 18.0625H18.7826C18.3093 18.0625 18.0722 18.6347 18.4069 18.9694L19.3602 19.9227C18.818 20.2588 18.1771 20.4531 17.5 20.4531C15.8921 20.4531 14.539 19.3534 14.1556 17.8639Z" fill="currentColor"/>`;
12
+ /** @private */
13
+ IconCalendarRepeat._name = "calendar-repeat";
14
+ /** @private */
15
+ IconCalendarRepeat._width = 24;
16
+ /** @private */
17
+ IconCalendarRepeat._height = 24;
18
+ /** @private */
19
+ IconCalendarRepeat._viewBox = "0 0 24 24";
20
+ IconCalendarRepeat = __decorateClass([
21
+ gdsCustomElement("gds-icon-calendar-repeat")
22
+ ], IconCalendarRepeat);
23
+ export {
24
+ IconCalendarRepeat
25
+ };
@@ -0,0 +1,2 @@
1
+ import { IconCalendarRepeat } from './calendar-repeat.component';
2
+ export { IconCalendarRepeat };
@@ -0,0 +1,6 @@
1
+ import "../../../chunks/chunk.CAV4X6PU.js";
2
+ import { IconCalendarRepeat } from "./calendar-repeat.component.js";
3
+ IconCalendarRepeat.define();
4
+ export {
5
+ IconCalendarRepeat
6
+ };
@@ -8,7 +8,7 @@ let IconCreditCardAdd = class extends GdsIcon {
8
8
  /** @private */
9
9
  IconCreditCardAdd._regularSVG = `<path d="M2.75 9.75005V19.2461H13.4961M2.75 9.75005V4.75293H21.2422C21.247 6.41863 21.2461 8.08434 21.2461 9.75005M2.75 9.75005H21.2461M21.2461 9.75005V11.2481M19.25 14.25V17.25M19.25 17.25V20.25M19.25 17.25H16.25M19.25 17.25H22.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>`;
10
10
  /** @private */
11
- IconCreditCardAdd._solidSVG = `<path d="M2 4.75293C2 4.33872 2.33579 4.00293 2.75 4.00293H21.2422C21.6556 4.00293 21.991 4.33739 21.9922 4.75075C21.9964 6.18525 21.9962 7.61979 21.9961 9.05303L21.9961 12L19.25 12C18.0074 12 17 13.0074 17 14.25V15H16.25C15.0074 15 14 16.0074 14 17.25L14.0001 19.9961H2.75C2.33579 19.9961 2 19.6604 2 19.2461V10.5H21.9961V9H2V4.75293Z" fill="black"/><path d="M20 14.25C20 13.8358 19.6642 13.5 19.25 13.5C18.8358 13.5 18.5 13.8358 18.5 14.25V16.5H16.25C15.8358 16.5 15.5 16.8358 15.5 17.25C15.5 17.6642 15.8358 18 16.25 18H18.5V20.25C18.5 20.6642 18.8358 21 19.25 21C19.6642 21 20 20.6642 20 20.25V18H22.25C22.6642 18 23 17.6642 23 17.25C23 16.8358 22.6642 16.5 22.25 16.5H20V14.25Z" fill="black"/>`;
11
+ IconCreditCardAdd._solidSVG = `<path d="M2 4.75293C2 4.33872 2.33579 4.00293 2.75 4.00293H21.2422C21.6556 4.00293 21.991 4.33739 21.9922 4.75075C21.9964 6.18525 21.9962 7.61979 21.9961 9.05303L21.9961 12L19.25 12C18.0074 12 17 13.0074 17 14.25V15H16.25C15.0074 15 14 16.0074 14 17.25L14.0001 19.9961H2.75C2.33579 19.9961 2 19.6604 2 19.2461V10.5H21.9961V9H2V4.75293Z" fill="currentColor"/><path d="M20 14.25C20 13.8358 19.6642 13.5 19.25 13.5C18.8358 13.5 18.5 13.8358 18.5 14.25V16.5H16.25C15.8358 16.5 15.5 16.8358 15.5 17.25C15.5 17.6642 15.8358 18 16.25 18H18.5V20.25C18.5 20.6642 18.8358 21 19.25 21C19.6642 21 20 20.6642 20 20.25V18H22.25C22.6642 18 23 17.6642 23 17.25C23 16.8358 22.6642 16.5 22.25 16.5H20V14.25Z" fill="currentColor"/>`;
12
12
  /** @private */
13
13
  IconCreditCardAdd._name = "credit-card-add";
14
14
  /** @private */
@@ -27,6 +27,7 @@ export * from './arrow-wall-left';
27
27
  export * from './arrow-wall-right';
28
28
  export * from './arrow-wall-up';
29
29
  export * from './arrow';
30
+ export * from './arrows-repeat-right';
30
31
  export * from './asterisk';
31
32
  export * from './at';
32
33
  export * from './back';
@@ -74,6 +75,7 @@ export * from './buildings';
74
75
  export * from './bullet-list';
75
76
  export * from './calculator';
76
77
  export * from './calendar-check';
78
+ export * from './calendar-repeat';
77
79
  export * from './calendar';
78
80
  export * from './calender-add';
79
81
  export * from './call';
@@ -27,6 +27,7 @@ export * from "./arrow-wall-left.js";
27
27
  export * from "./arrow-wall-right.js";
28
28
  export * from "./arrow-wall-up.js";
29
29
  export * from "./arrow.js";
30
+ export * from "./arrows-repeat-right.js";
30
31
  export * from "./asterisk.js";
31
32
  export * from "./at.js";
32
33
  export * from "./back.js";
@@ -74,6 +75,7 @@ export * from "./buildings.js";
74
75
  export * from "./bullet-list.js";
75
76
  export * from "./calculator.js";
76
77
  export * from "./calendar-check.js";
78
+ export * from "./calendar-repeat.js";
77
79
  export * from "./calendar.js";
78
80
  export * from "./calender-add.js";
79
81
  export * from "./call.js";
@@ -27,6 +27,7 @@ export * from './arrow-wall-left.component';
27
27
  export * from './arrow-wall-right.component';
28
28
  export * from './arrow-wall-up.component';
29
29
  export * from './arrow.component';
30
+ export * from './arrows-repeat-right.component';
30
31
  export * from './asterisk.component';
31
32
  export * from './at.component';
32
33
  export * from './back.component';
@@ -74,6 +75,7 @@ export * from './buildings.component';
74
75
  export * from './bullet-list.component';
75
76
  export * from './calculator.component';
76
77
  export * from './calendar-check.component';
78
+ export * from './calendar-repeat.component';
77
79
  export * from './calendar.component';
78
80
  export * from './calender-add.component';
79
81
  export * from './call.component';