@sebgroup/green-core 2.15.0 → 2.16.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 (13) hide show
  1. package/components/formatted-text/date/date-time-formatter.d.ts +3 -0
  2. package/components/formatted-text/date/date-time-formatter.js +19 -1
  3. package/gds-element.js +1 -1
  4. package/generated/react/card-pattern-01/index.d.ts +4 -0
  5. package/generated/react/formatted-date/index.d.ts +1 -1
  6. package/generated/react/index.d.ts +2 -2
  7. package/generated/react/index.js +2 -2
  8. package/generated/react/sensitive-date/index.d.ts +1 -1
  9. package/package.json +1 -1
  10. package/patterns/card-pattern-01/card-pattern-01.component.d.ts +13 -0
  11. package/patterns/card-pattern-01/card-pattern-01.component.js +51 -1
  12. package/tokens/variables.base.css.js +1 -1
  13. package/utils/helpers/custom-element-scoping.js +1 -1
package/components/formatted-text/date/date-time-formatter.d.ts CHANGED
@@ -7,4 +7,7 @@ export declare const dateTimeFormats: {
7
7
  dateShortWithWeekday: (value: string | Date | undefined, locale: string | undefined) => string;
8
8
  timeShort: (value: string | Date | undefined, locale: string | undefined) => string;
9
9
  timeLong: (value: string | Date | undefined, locale: string | undefined) => string;
10
+ dateTimeLong: (value: string | Date | undefined, locale: string | undefined) => string;
11
+ dateTimeLongWithWeekday: (value: string | Date | undefined, locale: string | undefined) => string;
12
+ dateTimeShort: (value: string | Date | undefined, locale: string | undefined) => string;
10
13
  };
package/components/formatted-text/date/date-time-formatter.js CHANGED
@@ -42,7 +42,25 @@ const dateTimeFormats = {
42
42
  ),
43
43
  timeLong: (value, locale) => new Intl.DateTimeFormat(locale, { timeStyle: "medium" }).format(
44
44
  convertValueToDate(value)
45
- )
45
+ ),
46
+ dateTimeLong: (value, locale) => {
47
+ return new Intl.DateTimeFormat(locale, {
48
+ dateStyle: "long",
49
+ timeStyle: "short"
50
+ }).format(convertValueToDate(value));
51
+ },
52
+ dateTimeLongWithWeekday: (value, locale) => {
53
+ return new Intl.DateTimeFormat(locale, {
54
+ dateStyle: "full",
55
+ timeStyle: "short"
56
+ }).format(convertValueToDate(value));
57
+ },
58
+ dateTimeShort: (value, locale) => {
59
+ return new Intl.DateTimeFormat(locale, {
60
+ dateStyle: "medium",
61
+ timeStyle: "short"
62
+ }).format(convertValueToDate(value));
63
+ }
46
64
  };
47
65
  export {
48
66
  dateTimeFormats
package/gds-element.js CHANGED
@@ -14,7 +14,7 @@ class GdsElement extends LitElement {
14
14
  /**
15
15
  * The semantic version of this element. Can be used for troubleshooting to verify the version being used.
16
16
  */
17
- this.semanticVersion = "2.15.0";
17
+ this.semanticVersion = "2.16.0";
18
18
  this._isUsingTransitionalStyles = false;
19
19
  this._dynamicStylesController = new DynamicStylesController(this);
20
20
  }
package/generated/react/card-pattern-01/index.d.ts CHANGED
@@ -8,6 +8,10 @@ export declare const GdsCardPattern01: (props: React.ComponentProps<ReturnType<t
8
8
  outlined?: boolean | undefined;
9
9
  tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
10
10
  ratio?: "landscape" | "square" | undefined;
11
+ category?: string | undefined;
12
+ date?: string | undefined;
13
+ dateFormat?: "dateOnlyNumbers" | "dateLong" | "dateLongWithWeekday" | "dateShort" | "dateShortWithWeekday" | "timeShort" | "timeLong" | "dateTimeLong" | "dateTimeLongWithWeekday" | "dateTimeShort" | undefined;
14
+ locale?: string | undefined;
11
15
  render?: (() => any) | undefined;
12
16
  width?: string | undefined;
13
17
  'min-width'?: string | undefined;
package/generated/react/formatted-date/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import { getReactComponent } from "../../../utils/react";
2
2
  import { GdsFormattedDate as GdsFormattedDateClass } from "../../../components/formatted-text/date/formatted-date.component";
3
3
  export declare const GdsFormattedDate: (props: React.ComponentProps<ReturnType<typeof getReactComponent<GdsFormattedDateClass>>>) => import("react").ReactElement<Omit<{
4
4
  value?: (Date | string) | undefined;
5
- format?: "dateOnlyNumbers" | "dateLong" | "dateLongWithWeekday" | "dateShort" | "dateShortWithWeekday" | "timeShort" | "timeLong" | undefined;
5
+ format?: "dateOnlyNumbers" | "dateLong" | "dateLongWithWeekday" | "dateShort" | "dateShortWithWeekday" | "timeShort" | "timeLong" | "dateTimeLong" | "dateTimeLongWithWeekday" | "dateTimeShort" | undefined;
6
6
  locale?: string | undefined;
7
7
  readonly formattedValue?: string | undefined;
8
8
  tag?: string | undefined;
package/generated/react/index.d.ts CHANGED
@@ -56,8 +56,6 @@ export * from './formatted-number/index.js';
56
56
  export * from './radio-group/index.js';
57
57
  export * from './segment/index.js';
58
58
  export * from './sensitive-account/index.js';
59
- export * from './sensitive-date/index.js';
60
- export * from './sensitive-number/index.js';
61
59
  export * from './icons/icon-ai/index.js';
62
60
  export * from './icons/icon-airplane-up/index.js';
63
61
  export * from './icons/icon-archive/index.js';
@@ -391,3 +389,5 @@ export * from './icons/icon-youtube/index.js';
391
389
  export * from './icons/icon-zap/index.js';
392
390
  export * from './icons/icon-zoom-in/index.js';
393
391
  export * from './icons/icon-zoom-out/index.js';
392
+ export * from './sensitive-date/index.js';
393
+ export * from './sensitive-number/index.js';
package/generated/react/index.js CHANGED
@@ -56,8 +56,6 @@ export * from "./formatted-number/index.js";
56
56
  export * from "./radio-group/index.js";
57
57
  export * from "./segment/index.js";
58
58
  export * from "./sensitive-account/index.js";
59
- export * from "./sensitive-date/index.js";
60
- export * from "./sensitive-number/index.js";
61
59
  export * from "./icons/icon-ai/index.js";
62
60
  export * from "./icons/icon-airplane-up/index.js";
63
61
  export * from "./icons/icon-archive/index.js";
@@ -391,3 +389,5 @@ export * from "./icons/icon-youtube/index.js";
391
389
  export * from "./icons/icon-zap/index.js";
392
390
  export * from "./icons/icon-zoom-in/index.js";
393
391
  export * from "./icons/icon-zoom-out/index.js";
392
+ export * from "./sensitive-date/index.js";
393
+ export * from "./sensitive-number/index.js";
package/generated/react/sensitive-date/index.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const GdsSensitiveDate: (props: React.ComponentProps<ReturnType<t
4
4
  hide?: boolean | undefined;
5
5
  render?: (() => any) | undefined;
6
6
  value?: (Date | string) | undefined;
7
- format?: "dateOnlyNumbers" | "dateLong" | "dateLongWithWeekday" | "dateShort" | "dateShortWithWeekday" | "timeShort" | "timeLong" | undefined;
7
+ format?: "dateOnlyNumbers" | "dateLong" | "dateLongWithWeekday" | "dateShort" | "dateShortWithWeekday" | "timeShort" | "timeLong" | "dateTimeLong" | "dateTimeLongWithWeekday" | "dateTimeShort" | undefined;
8
8
  locale?: string | undefined;
9
9
  readonly formattedValue?: string | undefined;
10
10
  tag?: string | undefined;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sebgroup/green-core",
3
3
  "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
4
- "version": "2.15.0",
4
+ "version": "2.16.0",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
7
7
  "type": "module",
package/patterns/card-pattern-01/card-pattern-01.component.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { GdsElement } from '../../gds-element';
2
+ import type { DateTimeFormat } from '../../components/formatted-text/date/date-time-formatter';
2
3
  declare const GdsCardPattern01_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) & (new (...args: any[]) => import("../../utils/mixins/props-link").LinkProps) & (new (...args: any[]) => import("../../utils/mixins/props-image").ImageProps) & typeof GdsElement;
3
4
  /**
4
5
  * @element gds-card-pattern-01
@@ -43,6 +44,18 @@ export declare class GdsCardPattern01 extends GdsCardPattern01_base {
43
44
  * - square: 1:1 square format
44
45
  */
45
46
  ratio: 'landscape' | 'square';
47
+ /** Category */
48
+ category: string;
49
+ /** Date */
50
+ date: string;
51
+ /**
52
+ * Date format to use for displaying the date. Check the GdsFormattedDate component for more details on accepted formats.
53
+ */
54
+ dateFormat: DateTimeFormat;
55
+ /**
56
+ * Locale for date formatting (e.g., 'sv-SE', 'en-GB', 'en-US')
57
+ */
58
+ locale: string;
46
59
  render(): any;
47
60
  }
48
61
  export {};
package/patterns/card-pattern-01/card-pattern-01.component.js CHANGED
@@ -11,6 +11,7 @@ import { when } from "lit/directives/when.js";
11
11
  import { GdsCardLinked } from "../../components/card-linked/card-linked.component.js";
12
12
  import { GdsCard } from "../../components/card/card.component.js";
13
13
  import { GdsFlex } from "../../components/flex/flex.component.js";
14
+ import { GdsFormattedDate } from "../../components/formatted-text/date/formatted-date.component.js";
14
15
  import { IconChainLink } from "../../components/icon/icons/chain-link.js";
15
16
  import { GdsImg } from "../../components/img/img.component.js";
16
17
  import { GdsText } from "../../components/text/text.component.js";
@@ -43,6 +44,10 @@ let GdsCardPattern01 = class extends withSizeXProps(
43
44
  this.outlined = false;
44
45
  this.tag = "h2";
45
46
  this.ratio = "landscape";
47
+ this.category = "";
48
+ this.date = "";
49
+ this.dateFormat = "dateTimeLong";
50
+ this.locale = "en-GB";
46
51
  }
47
52
  render() {
48
53
  return when(
@@ -200,6 +205,31 @@ renderCardContent_fn = function() {
200
205
  () => html`
201
206
  <gds-flex flex-direction="column" gap="xs">
202
207
  ${when(
208
+ this.category || this.date,
209
+ () => html`
210
+ <gds-flex gap="s" align-items="center" flex-wrap="wrap">
211
+ ${when(
212
+ this.category,
213
+ () => html` <gds-text tag="p" font="detail-book-s">
214
+ ${this.category}
215
+ </gds-text>`
216
+ )}
217
+ ${when(
218
+ this.date,
219
+ () => html`
220
+ <gds-formatted-date
221
+ .value=${this.date}
222
+ .locale=${this.locale}
223
+ .format=${this.dateFormat}
224
+ font="detail-book-s"
225
+ color="neutral-02"
226
+ ></gds-formatted-date>
227
+ `
228
+ )}
229
+ </gds-flex>
230
+ `
231
+ )}
232
+ ${when(
203
233
  this.title,
204
234
  () => html`
205
235
  <gds-text tag=${ifDefined(this.tag)} font="heading-s">
@@ -248,9 +278,29 @@ __decorateClass([
248
278
  __decorateClass([
249
279
  property({ reflect: false, attribute: "aspect-ratio" })
250
280
  ], GdsCardPattern01.prototype, "ratio", 2);
281
+ __decorateClass([
282
+ property({ reflect: false })
283
+ ], GdsCardPattern01.prototype, "category", 2);
284
+ __decorateClass([
285
+ property({ reflect: false })
286
+ ], GdsCardPattern01.prototype, "date", 2);
287
+ __decorateClass([
288
+ property({ reflect: false, attribute: "date-format" })
289
+ ], GdsCardPattern01.prototype, "dateFormat", 2);
290
+ __decorateClass([
291
+ property({ reflect: false })
292
+ ], GdsCardPattern01.prototype, "locale", 2);
251
293
  GdsCardPattern01 = __decorateClass([
252
294
  gdsCustomElement("gds-card-pattern-01", {
253
- dependsOn: [GdsCard, GdsCardLinked, GdsImg, GdsText, GdsFlex, IconChainLink]
295
+ dependsOn: [
296
+ GdsCard,
297
+ GdsCardLinked,
298
+ GdsImg,
299
+ GdsText,
300
+ GdsFlex,
301
+ GdsFormattedDate,
302
+ IconChainLink
303
+ ]
254
304
  })
255
305
  ], GdsCardPattern01);
256
306
  export {
package/tokens/variables.base.css.js CHANGED
@@ -1,2 +1,2 @@
1
- const styles = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n --gds-sys-state-hover-state-layer-opacity: 0.1;\n --gds-sys-motion-easing-ease-in: 0.64, 0, 0.78, 0;\n --gds-sys-motion-easing-ease-in-out: 0.83, 0, 0.17, 1;\n --gds-sys-motion-easing-ease-out: 0.22, 1, 0.36, 1;\n --gds-sys-motion-easing-linear: 0, 0, 1, 1;\n --gds-sys-motion-duration-fastest: .2s;\n --gds-sys-motion-duration-fast: .4s;\n --gds-sys-motion-duration-default: .5s;\n --gds-sys-motion-duration-slow: 1s;\n --gds-sys-motion-duration-slowest: 1.5s;\n --gds-sys-viewport-0: 0;\n --gds-sys-viewport-2xs: 320;\n --gds-sys-viewport-xs: 425;\n --gds-sys-viewport-s: 768;\n --gds-sys-viewport-m: 1024;\n --gds-sys-viewport-l: 1280;\n --gds-sys-viewport-xl: 1440;\n --gds-sys-viewport-2xl: 2560;\n --gds-sys-viewport-3xl: 3840;\n --gds-sys-viewport-4xl: 4320;\n --gds-sys-viewport-5xl: 6016;\n --gds-sys-viewport-6xl: 7680;\n --gds-sys-text-family: SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-weight-light: 300;\n --gds-sys-text-weight-regular: 400;\n --gds-sys-text-weight-book: 450;\n --gds-sys-text-weight-medium: 500;\n --gds-sys-text-weight-bold: 700;\n --gds-sys-text-display-2xl: 450 5.125rem/5.625rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-display-xl: 450 4rem/4.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-display-l: 450 3rem/3.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-display-m: 450 2.25rem/2.75rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-display-s: 450 2rem/2.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-heading-xl: 450 2rem/2.75rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-heading-l: 450 1.75rem/2.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-heading-m: 450 1.5rem/2rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-heading-s: 450 1.25rem/1.75rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-heading-xs: 450 1rem/1.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-heading-2xs: 450 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-preamble-2xl: 450 2rem/2.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-preamble-xl: 450 1.75rem/2.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-preamble-l: 450 1.5rem/2rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-preamble-m: 450 1.25rem/1.75rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-preamble-s: 450 1.125rem/1.625rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-preamble-xs: 450 1rem/1.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-detail-book-m: 450 1rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-detail-book-s: 450 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-detail-book-xs: 450 0.75rem/1rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-detail-regular-m: 400 1rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-detail-regular-s: 400 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-detail-regular-xs: 400 0.75rem/1rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-medium-m: 500 1rem/1.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-medium-s: 500 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-book-m: 450 1rem/1.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-book-s: 450 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-regular-l: 400 1.25rem/1.625rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-regular-m: 400 1rem/1.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-italic-m: italic 400 1rem/1.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-italic-s: italic 400 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-space-0: 0px;\n --gds-sys-space-5xs: 1px;\n --gds-sys-space-4xs: 2px;\n --gds-sys-space-3xs: 4px;\n --gds-sys-space-2xs: 6px;\n --gds-sys-space-xs: 8px;\n --gds-sys-space-s: 12px;\n --gds-sys-space-m: 16px;\n --gds-sys-space-l: 20px;\n --gds-sys-space-xl: 24px;\n --gds-sys-space-2xl: 32px;\n --gds-sys-space-3xl: 40px;\n --gds-sys-space-4xl: 48px;\n --gds-sys-space-5xl: 64px;\n --gds-sys-space-6xl: 80px;\n --gds-sys-space-7xl: 96px;\n --gds-sys-space-8xl: 112px;\n --gds-sys-space-9xl: 120px;\n --gds-sys-space-max: 999px;\n --gds-sys-radius-0: 0px;\n --gds-sys-radius-none: 0px;\n --gds-sys-radius-5xs: 1px;\n --gds-sys-radius-4xs: 2px;\n --gds-sys-radius-3xs: 4px;\n --gds-sys-radius-2xs: 6px;\n --gds-sys-radius-xs: 8px;\n --gds-sys-radius-s: 12px;\n --gds-sys-radius-m: 16px;\n --gds-sys-radius-l: 20px;\n --gds-sys-radius-xl: 24px;\n --gds-sys-radius-2xl: 32px;\n --gds-sys-radius-3xl: 40px;\n --gds-sys-radius-4xl: 48px;\n --gds-sys-radius-5xl: 64px;\n --gds-sys-radius-max: 999px;";
1
+ const styles = "/**\n * Do not edit directly, this file was auto-generated.\n */\n\n --gds-sys-state-hover-state-layer-opacity: 0.1;\n --gds-sys-motion-easing-ease-in: 0.64, 0, 0.78, 0;\n --gds-sys-motion-easing-ease-in-out: 0.83, 0, 0.17, 1;\n --gds-sys-motion-easing-ease-out: 0.22, 1, 0.36, 1;\n --gds-sys-motion-easing-linear: 0, 0, 1, 1;\n --gds-sys-motion-duration-fastest: .2s;\n --gds-sys-motion-duration-fast: .4s;\n --gds-sys-motion-duration-default: .5s;\n --gds-sys-motion-duration-slow: 1s;\n --gds-sys-motion-duration-slowest: 1.5s;\n --gds-sys-viewport-0: 0;\n --gds-sys-viewport-2xs: 320;\n --gds-sys-viewport-xs: 425;\n --gds-sys-viewport-s: 768;\n --gds-sys-viewport-m: 1024;\n --gds-sys-viewport-l: 1280;\n --gds-sys-viewport-xl: 1440;\n --gds-sys-viewport-2xl: 2560;\n --gds-sys-viewport-3xl: 3840;\n --gds-sys-viewport-4xl: 4320;\n --gds-sys-viewport-5xl: 6016;\n --gds-sys-viewport-6xl: 7680;\n --gds-sys-text-family: SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-weight-light: 300;\n --gds-sys-text-weight-regular: 400;\n --gds-sys-text-weight-book: 450;\n --gds-sys-text-weight-medium: 500;\n --gds-sys-text-weight-bold: 700;\n --gds-sys-text-display-2xl: 450 5.125rem/5.625rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-display-xl: 450 4rem/4.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-display-l: 450 3rem/3.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-display-m: 450 2.25rem/2.75rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-display-s: 450 2rem/2.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-heading-xl: 450 2rem/2.75rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-heading-l: 450 1.75rem/2.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-heading-m: 450 1.5rem/2rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-heading-s: 450 1.25rem/1.75rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-heading-xs: 450 1rem/1.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-heading-2xs: 450 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-preamble-2xl: 450 2rem/2.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-preamble-xl: 450 1.75rem/2.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-preamble-l: 450 1.5rem/2rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-preamble-m: 450 1.25rem/1.75rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-preamble-s: 450 1.125rem/1.625rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-preamble-xs: 450 1rem/1.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-detail-book-m: 450 1rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-detail-book-s: 450 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-detail-book-xs: 450 0.75rem/1rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-detail-regular-m: 400 1rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-detail-regular-s: 400 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-detail-regular-xs: 400 0.75rem/1rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-medium-m: 500 1rem/1.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-medium-s: 500 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-book-m: 450 1rem/1.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-book-s: 450 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-regular-l: 400 1.25rem/1.625rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-regular-m: 400 1rem/1.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-regular-s: 400 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-italic-m: italic 400 1rem/1.5rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-text-body-italic-s: italic 400 0.875rem/1.25rem SEB SansSerif, SEB SansSerif GDS, SEBSansSerif;\n --gds-sys-space-0: 0px;\n --gds-sys-space-5xs: 1px;\n --gds-sys-space-4xs: 2px;\n --gds-sys-space-3xs: 4px;\n --gds-sys-space-2xs: 6px;\n --gds-sys-space-xs: 8px;\n --gds-sys-space-s: 12px;\n --gds-sys-space-m: 16px;\n --gds-sys-space-l: 20px;\n --gds-sys-space-xl: 24px;\n --gds-sys-space-2xl: 32px;\n --gds-sys-space-3xl: 40px;\n --gds-sys-space-4xl: 48px;\n --gds-sys-space-5xl: 64px;\n --gds-sys-space-6xl: 80px;\n --gds-sys-space-7xl: 96px;\n --gds-sys-space-8xl: 112px;\n --gds-sys-space-9xl: 120px;\n --gds-sys-space-max: 999px;\n --gds-sys-radius-0: 0px;\n --gds-sys-radius-none: 0px;\n --gds-sys-radius-5xs: 1px;\n --gds-sys-radius-4xs: 2px;\n --gds-sys-radius-3xs: 4px;\n --gds-sys-radius-2xs: 6px;\n --gds-sys-radius-xs: 8px;\n --gds-sys-radius-s: 12px;\n --gds-sys-radius-m: 16px;\n --gds-sys-radius-l: 20px;\n --gds-sys-radius-xl: 24px;\n --gds-sys-radius-2xl: 32px;\n --gds-sys-radius-3xl: 40px;\n --gds-sys-radius-4xl: 48px;\n --gds-sys-radius-5xl: 64px;\n --gds-sys-radius-max: 999px;";
2
2
  export default styles;
package/utils/helpers/custom-element-scoping.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "../../chunks/chunk.QU3DSPNU.js";
2
2
  import { html as litHtml } from "lit";
3
- const VER_SUFFIX = "-f62893";
3
+ const VER_SUFFIX = "-7e01fd";
4
4
  class ScopedElementRegistry {
5
5
  static get instance() {
6
6
  if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])