@entur/typography 2.0.0-beta.3 → 2.0.1

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 (9) hide show
  1. package/dist/beta/cjs/components/Text.cjs +1 -1
  2. package/dist/beta/cjs/components/Text.cjs.map +1 -1
  3. package/dist/beta/esm/components/Text.mjs +1 -1
  4. package/dist/beta/esm/components/Text.mjs.map +1 -1
  5. package/dist/beta/styles/components/heading.css +53 -15
  6. package/dist/beta/styles/components/text.css +53 -15
  7. package/dist/styles.css +2 -2
  8. package/package.json +5 -6
  9. /package/scripts/{migrate-typography.js → migrate-typography.mjs} +0 -0
package/dist/beta/cjs/components/Text.cjs CHANGED
@@ -9,7 +9,7 @@ const TypographyText = ({
9
9
  as,
10
10
  size,
11
11
  variant,
12
- weight = "medium",
12
+ weight,
13
13
  spacing,
14
14
  className,
15
15
  ...rest
package/dist/beta/cjs/components/Text.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Text.cjs","sources":["../../../../src/beta/components/Text.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nimport {\n getSpacingClasses,\n getSemanticTypeFromTextVariant,\n} from '../utils/utils';\n\nimport {\n TypographySize,\n TypographyTextVariant,\n TypographyWeight,\n TypographySpacing,\n} from '../types';\n\nimport './text.scss';\n\ntype TextBaseProps = {\n /** Visuell tekststørrelse (typografi-token) */\n size?: TypographySize;\n /** Fontvekt */\n weight?: TypographyWeight;\n /** Variant (kan brukes til spesielle typer tekst som for eksempel caption) */\n variant?: TypographyTextVariant;\n /** Innhold */\n children: React.ReactNode;\n /** Spacing around the component */\n spacing?: TypographySpacing;\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type TextProps<C extends React.ElementType> = PolymorphicComponentProps<\n C,\n TextBaseProps\n>;\n\nconst TypographyText = <C extends React.ElementType = 'p'>({\n children,\n as,\n size,\n variant,\n weight = 'medium',\n spacing,\n className,\n ...rest\n}: TextProps<C>) => {\n const BodyElement = as || getSemanticTypeFromTextVariant(variant);\n\n return (\n <BodyElement\n className={classNames(\n 'eds-text',\n variant && `eds-text--${variant}`,\n size && `eds-text--${size}`,\n weight && `eds-text--weight-${weight}`,\n getSpacingClasses(spacing, 'eds-text'),\n className,\n )}\n {...rest}\n >\n {children}\n </BodyElement>\n );\n};\n\n// Export as Text to avoid DOM conflicts\nexport const Text = TypographyText;\n"],"names":["getSemanticTypeFromTextVariant","jsx","getSpacingClasses"],"mappings":";;;;;;AAwCA,MAAM,iBAAiB,CAAoC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AAClB,QAAM,cAAc,MAAMA,MAAAA,+BAA+B,OAAO;AAEhE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,aAAa,OAAO;AAAA,QAC/B,QAAQ,aAAa,IAAI;AAAA,QACzB,UAAU,oBAAoB,MAAM;AAAA,QACpCC,MAAAA,kBAAkB,SAAS,UAAU;AAAA,QACrC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,OAAO;;"}
1
+ {"version":3,"file":"Text.cjs","sources":["../../../../src/beta/components/Text.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nimport {\n getSpacingClasses,\n getSemanticTypeFromTextVariant,\n} from '../utils/utils';\n\nimport {\n TypographySize,\n TypographyTextVariant,\n TypographyWeight,\n TypographySpacing,\n} from '../types';\n\nimport './text.scss';\n\ntype TextBaseProps = {\n /** Visuell tekststørrelse (typografi-token) */\n size?: TypographySize;\n /** Fontvekt */\n weight?: TypographyWeight;\n /** Variant (kan brukes til spesielle typer tekst som for eksempel caption) */\n variant?: TypographyTextVariant;\n /** Innhold */\n children: React.ReactNode;\n /** Spacing around the component */\n spacing?: TypographySpacing;\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type TextProps<C extends React.ElementType> = PolymorphicComponentProps<\n C,\n TextBaseProps\n>;\n\nconst TypographyText = <C extends React.ElementType = 'p'>({\n children,\n as,\n size,\n variant,\n weight,\n spacing,\n className,\n ...rest\n}: TextProps<C>) => {\n const BodyElement = as || getSemanticTypeFromTextVariant(variant);\n\n return (\n <BodyElement\n className={classNames(\n 'eds-text',\n variant && `eds-text--${variant}`,\n size && `eds-text--${size}`,\n weight && `eds-text--weight-${weight}`,\n getSpacingClasses(spacing, 'eds-text'),\n className,\n )}\n {...rest}\n >\n {children}\n </BodyElement>\n );\n};\n\n// Export as Text to avoid DOM conflicts\nexport const Text = TypographyText;\n"],"names":["getSemanticTypeFromTextVariant","jsx","getSpacingClasses"],"mappings":";;;;;;AAwCA,MAAM,iBAAiB,CAAoC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AAClB,QAAM,cAAc,MAAMA,MAAAA,+BAA+B,OAAO;AAEhE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,aAAa,OAAO;AAAA,QAC/B,QAAQ,aAAa,IAAI;AAAA,QACzB,UAAU,oBAAoB,MAAM;AAAA,QACpCC,MAAAA,kBAAkB,SAAS,UAAU;AAAA,QACrC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,OAAO;;"}
package/dist/beta/esm/components/Text.mjs CHANGED
@@ -7,7 +7,7 @@ const TypographyText = ({
7
7
  as,
8
8
  size,
9
9
  variant,
10
- weight = "medium",
10
+ weight,
11
11
  spacing,
12
12
  className,
13
13
  ...rest
package/dist/beta/esm/components/Text.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Text.mjs","sources":["../../../../src/beta/components/Text.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nimport {\n getSpacingClasses,\n getSemanticTypeFromTextVariant,\n} from '../utils/utils';\n\nimport {\n TypographySize,\n TypographyTextVariant,\n TypographyWeight,\n TypographySpacing,\n} from '../types';\n\nimport './text.scss';\n\ntype TextBaseProps = {\n /** Visuell tekststørrelse (typografi-token) */\n size?: TypographySize;\n /** Fontvekt */\n weight?: TypographyWeight;\n /** Variant (kan brukes til spesielle typer tekst som for eksempel caption) */\n variant?: TypographyTextVariant;\n /** Innhold */\n children: React.ReactNode;\n /** Spacing around the component */\n spacing?: TypographySpacing;\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type TextProps<C extends React.ElementType> = PolymorphicComponentProps<\n C,\n TextBaseProps\n>;\n\nconst TypographyText = <C extends React.ElementType = 'p'>({\n children,\n as,\n size,\n variant,\n weight = 'medium',\n spacing,\n className,\n ...rest\n}: TextProps<C>) => {\n const BodyElement = as || getSemanticTypeFromTextVariant(variant);\n\n return (\n <BodyElement\n className={classNames(\n 'eds-text',\n variant && `eds-text--${variant}`,\n size && `eds-text--${size}`,\n weight && `eds-text--weight-${weight}`,\n getSpacingClasses(spacing, 'eds-text'),\n className,\n )}\n {...rest}\n >\n {children}\n </BodyElement>\n );\n};\n\n// Export as Text to avoid DOM conflicts\nexport const Text = TypographyText;\n"],"names":[],"mappings":";;;;AAwCA,MAAM,iBAAiB,CAAoC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AAClB,QAAM,cAAc,MAAM,+BAA+B,OAAO;AAEhE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,aAAa,OAAO;AAAA,QAC/B,QAAQ,aAAa,IAAI;AAAA,QACzB,UAAU,oBAAoB,MAAM;AAAA,QACpC,kBAAkB,SAAS,UAAU;AAAA,QACrC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,OAAO;"}
1
+ {"version":3,"file":"Text.mjs","sources":["../../../../src/beta/components/Text.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { PolymorphicComponentProps } from '@entur/utils';\n\nimport {\n getSpacingClasses,\n getSemanticTypeFromTextVariant,\n} from '../utils/utils';\n\nimport {\n TypographySize,\n TypographyTextVariant,\n TypographyWeight,\n TypographySpacing,\n} from '../types';\n\nimport './text.scss';\n\ntype TextBaseProps = {\n /** Visuell tekststørrelse (typografi-token) */\n size?: TypographySize;\n /** Fontvekt */\n weight?: TypographyWeight;\n /** Variant (kan brukes til spesielle typer tekst som for eksempel caption) */\n variant?: TypographyTextVariant;\n /** Innhold */\n children: React.ReactNode;\n /** Spacing around the component */\n spacing?: TypographySpacing;\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type TextProps<C extends React.ElementType> = PolymorphicComponentProps<\n C,\n TextBaseProps\n>;\n\nconst TypographyText = <C extends React.ElementType = 'p'>({\n children,\n as,\n size,\n variant,\n weight,\n spacing,\n className,\n ...rest\n}: TextProps<C>) => {\n const BodyElement = as || getSemanticTypeFromTextVariant(variant);\n\n return (\n <BodyElement\n className={classNames(\n 'eds-text',\n variant && `eds-text--${variant}`,\n size && `eds-text--${size}`,\n weight && `eds-text--weight-${weight}`,\n getSpacingClasses(spacing, 'eds-text'),\n className,\n )}\n {...rest}\n >\n {children}\n </BodyElement>\n );\n};\n\n// Export as Text to avoid DOM conflicts\nexport const Text = TypographyText;\n"],"names":[],"mappings":";;;;AAwCA,MAAM,iBAAiB,CAAoC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AAClB,QAAM,cAAc,MAAM,+BAA+B,OAAO;AAEhE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,aAAa,OAAO;AAAA,QAC/B,QAAQ,aAAa,IAAI;AAAA,QACzB,UAAU,oBAAoB,MAAM;AAAA,QACpC,kBAAkB,SAAS,UAAU;AAAA,QACrC;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,OAAO;"}
package/dist/beta/styles/components/heading.css CHANGED
@@ -20,7 +20,7 @@
20
20
  --basecolors-frame-tint: #f6f6f9;
21
21
  --basecolors-shape-accent: #181c56;
22
22
  --basecolors-shape-bicycle-contrast: #00db9b;
23
- --basecolors-shape-bicycle-default: #388f76;
23
+ --basecolors-shape-bicycle-default: #33826b;
24
24
  --basecolors-shape-bus-contrast: #ff6392;
25
25
  --basecolors-shape-bus-default: #c5044e;
26
26
  --basecolors-shape-cableway-contrast: #b482fb;
@@ -40,7 +40,7 @@
40
40
  --basecolors-shape-metro-contrast: #f08901;
41
41
  --basecolors-shape-metro-default: #bf5826;
42
42
  --basecolors-shape-mobility-contrast: #00db9b;
43
- --basecolors-shape-mobility-default: #388f76;
43
+ --basecolors-shape-mobility-default: #33826b;
44
44
  --basecolors-shape-plane-contrast: #fbafea;
45
45
  --basecolors-shape-plane-default: #800664;
46
46
  --basecolors-shape-subdued: #626493;
@@ -144,20 +144,19 @@
144
144
  /*
145
145
  * Typography Display Modes
146
146
  *
147
- * This system allows you to control typography scaling based on display size.
148
- * Use the display-mode attribute to switch between different typography scales:
147
+ * This system allows you to control typography scaling based on view size.
148
+ * Use the vie-mode attribute to switch between different typography scales:
149
149
  *
150
- * - Default/Mobile: [display-mode='mobile'] or no attribute (responsive)
151
- * - Large Display: [display-mode='large'] for big screens, kiosks, etc.
150
+ * - Compact: [view-mode='compact'] or no attribute (responsive)
151
+ * - Display: [view-mode='display'] for big screens, kiosks, etc.
152
152
  *
153
153
  * Usage:
154
- * <html display-mode="large"> or <div display-mode="large">
154
+ * <html view-mode="display"> or <div view-mode="display">
155
155
  *
156
156
  * The system automatically handles responsive behavior within each mode.
157
157
  */
158
158
  /* Primitive size */
159
159
  :root {
160
- /* Mode 1 */
161
160
  /* number */
162
161
  --size-0: 0rem;
163
162
  --size-1: 0.0625rem;
@@ -194,8 +193,8 @@
194
193
  }
195
194
 
196
195
  :root,
197
- [display-mode=mobile] {
198
- /* Mobile/Default mode - number */
196
+ [view-mode=standard] {
197
+ /* Standard - number */
199
198
  --font-line-height-body-xs: var(--size-7);
200
199
  --font-line-height-body-s: var(--size-8);
201
200
  --font-line-height-body-lg: var(--size-9);
@@ -236,9 +235,7 @@
236
235
  }
237
236
  @media screen and (min-width: 50rem) {
238
237
  :root,
239
- [display-mode=mobile] {
240
- /* Desktop override for mobile mode - number */
241
- /* number */
238
+ [view-mode=standard] {
242
239
  --font-line-height-body-xs: var(--size-7);
243
240
  --font-line-height-body-s: var(--size-8);
244
241
  --font-line-height-body-m: var(--size-9);
@@ -279,8 +276,49 @@
279
276
  }
280
277
  }
281
278
 
282
- [display-mode=large] {
283
- /* number */
279
+ [view-mode=compact] {
280
+ /* Compact - number */
281
+ --font-line-height-body-xs: var(--size-7);
282
+ --font-line-height-body-s: var(--size-8);
283
+ --font-line-height-body-lg: var(--size-9);
284
+ --font-line-height-body-m: var(--size-9);
285
+ --font-line-height-body-xl: var(--size-10);
286
+ --font-line-height-heading-s: var(--size-7);
287
+ --font-line-height-heading-xs: var(--size-7);
288
+ --font-line-height-heading-m: var(--size-8);
289
+ --font-line-height-heading-lg: var(--size-9);
290
+ --font-line-height-heading-xl: var(--size-10);
291
+ --font-line-height-heading-2xl: var(--size-11);
292
+ --font-paragraph-spacing-body-xs: var(--size-4);
293
+ --font-paragraph-spacing-body-s: var(--size-5);
294
+ --font-paragraph-spacing-body-m: var(--size-7);
295
+ --font-paragraph-spacing-body-lg: var(--size-8);
296
+ --font-paragraph-spacing-body-xl: var(--size-8);
297
+ --font-paragraph-spacing-heading-s: var(--size-4);
298
+ --font-paragraph-spacing-heading-xs: var(--size-4);
299
+ --font-paragraph-spacing-heading-lg: var(--size-5);
300
+ --font-paragraph-spacing-heading-m: var(--size-5);
301
+ --font-paragraph-spacing-heading-2xl: var(--size-7);
302
+ --font-paragraph-spacing-heading-xl: var(--size-7);
303
+ --font-size-body-xs: var(--size-5);
304
+ --font-size-body-s: var(--size-6);
305
+ --font-size-body-lg: var(--size-7);
306
+ --font-size-body-m: var(--size-7);
307
+ --font-size-body-xl: var(--size-8);
308
+ --font-size-heading-xs: var(--size-5);
309
+ --font-size-heading-s: var(--size-6);
310
+ --font-size-heading-m: var(--size-7);
311
+ --font-size-heading-lg: var(--size-8);
312
+ --font-size-heading-xl: var(--size-9);
313
+ --font-size-heading-2xl: var(--size-10);
314
+ /* string */
315
+ --font-family-nationale: Nationale;
316
+ --font-weight-body: 500;
317
+ --font-weight-heading: 600;
318
+ }
319
+
320
+ [view-mode=display] {
321
+ /* Display - number */
284
322
  --font-line-height-body-xs: var(--size-10);
285
323
  --font-line-height-body-s: var(--size-11);
286
324
  --font-line-height-body-m: var(--size-14);
package/dist/beta/styles/components/text.css CHANGED
@@ -244,7 +244,7 @@ summary {
244
244
  --basecolors-frame-tint: #f6f6f9;
245
245
  --basecolors-shape-accent: #181c56;
246
246
  --basecolors-shape-bicycle-contrast: #00db9b;
247
- --basecolors-shape-bicycle-default: #388f76;
247
+ --basecolors-shape-bicycle-default: #33826b;
248
248
  --basecolors-shape-bus-contrast: #ff6392;
249
249
  --basecolors-shape-bus-default: #c5044e;
250
250
  --basecolors-shape-cableway-contrast: #b482fb;
@@ -264,7 +264,7 @@ summary {
264
264
  --basecolors-shape-metro-contrast: #f08901;
265
265
  --basecolors-shape-metro-default: #bf5826;
266
266
  --basecolors-shape-mobility-contrast: #00db9b;
267
- --basecolors-shape-mobility-default: #388f76;
267
+ --basecolors-shape-mobility-default: #33826b;
268
268
  --basecolors-shape-plane-contrast: #fbafea;
269
269
  --basecolors-shape-plane-default: #800664;
270
270
  --basecolors-shape-subdued: #626493;
@@ -368,14 +368,14 @@ summary {
368
368
  /*
369
369
  * Typography Display Modes
370
370
  *
371
- * This system allows you to control typography scaling based on display size.
372
- * Use the display-mode attribute to switch between different typography scales:
371
+ * This system allows you to control typography scaling based on view size.
372
+ * Use the vie-mode attribute to switch between different typography scales:
373
373
  *
374
- * - Default/Mobile: [display-mode='mobile'] or no attribute (responsive)
375
- * - Large Display: [display-mode='large'] for big screens, kiosks, etc.
374
+ * - Compact: [view-mode='compact'] or no attribute (responsive)
375
+ * - Display: [view-mode='display'] for big screens, kiosks, etc.
376
376
  *
377
377
  * Usage:
378
- * <html display-mode="large"> or <div display-mode="large">
378
+ * <html view-mode="display"> or <div view-mode="display">
379
379
  *
380
380
  * The system automatically handles responsive behavior within each mode.
381
381
  */
@@ -383,7 +383,6 @@ summary {
383
383
  /* Primitive size */
384
384
 
385
385
  :root {
386
- /* Mode 1 */
387
386
  /* number */
388
387
  --size-0: 0rem;
389
388
  --size-1: 0.0625rem;
@@ -420,8 +419,8 @@ summary {
420
419
  }
421
420
 
422
421
  :root,
423
- [display-mode=mobile] {
424
- /* Mobile/Default mode - number */
422
+ [view-mode=standard] {
423
+ /* Standard - number */
425
424
  --font-line-height-body-xs: var(--size-7);
426
425
  --font-line-height-body-s: var(--size-8);
427
426
  --font-line-height-body-lg: var(--size-9);
@@ -463,9 +462,7 @@ summary {
463
462
 
464
463
  @media screen and (min-width: 50rem) {
465
464
  :root,
466
- [display-mode=mobile] {
467
- /* Desktop override for mobile mode - number */
468
- /* number */
465
+ [view-mode=standard] {
469
466
  --font-line-height-body-xs: var(--size-7);
470
467
  --font-line-height-body-s: var(--size-8);
471
468
  --font-line-height-body-m: var(--size-9);
@@ -506,8 +503,49 @@ summary {
506
503
  }
507
504
  }
508
505
 
509
- [display-mode=large] {
510
- /* number */
506
+ [view-mode=compact] {
507
+ /* Compact - number */
508
+ --font-line-height-body-xs: var(--size-7);
509
+ --font-line-height-body-s: var(--size-8);
510
+ --font-line-height-body-lg: var(--size-9);
511
+ --font-line-height-body-m: var(--size-9);
512
+ --font-line-height-body-xl: var(--size-10);
513
+ --font-line-height-heading-s: var(--size-7);
514
+ --font-line-height-heading-xs: var(--size-7);
515
+ --font-line-height-heading-m: var(--size-8);
516
+ --font-line-height-heading-lg: var(--size-9);
517
+ --font-line-height-heading-xl: var(--size-10);
518
+ --font-line-height-heading-2xl: var(--size-11);
519
+ --font-paragraph-spacing-body-xs: var(--size-4);
520
+ --font-paragraph-spacing-body-s: var(--size-5);
521
+ --font-paragraph-spacing-body-m: var(--size-7);
522
+ --font-paragraph-spacing-body-lg: var(--size-8);
523
+ --font-paragraph-spacing-body-xl: var(--size-8);
524
+ --font-paragraph-spacing-heading-s: var(--size-4);
525
+ --font-paragraph-spacing-heading-xs: var(--size-4);
526
+ --font-paragraph-spacing-heading-lg: var(--size-5);
527
+ --font-paragraph-spacing-heading-m: var(--size-5);
528
+ --font-paragraph-spacing-heading-2xl: var(--size-7);
529
+ --font-paragraph-spacing-heading-xl: var(--size-7);
530
+ --font-size-body-xs: var(--size-5);
531
+ --font-size-body-s: var(--size-6);
532
+ --font-size-body-lg: var(--size-7);
533
+ --font-size-body-m: var(--size-7);
534
+ --font-size-body-xl: var(--size-8);
535
+ --font-size-heading-xs: var(--size-5);
536
+ --font-size-heading-s: var(--size-6);
537
+ --font-size-heading-m: var(--size-7);
538
+ --font-size-heading-lg: var(--size-8);
539
+ --font-size-heading-xl: var(--size-9);
540
+ --font-size-heading-2xl: var(--size-10);
541
+ /* string */
542
+ --font-family-nationale: Nationale;
543
+ --font-weight-body: 500;
544
+ --font-weight-heading: 600;
545
+ }
546
+
547
+ [view-mode=display] {
548
+ /* Display - number */
511
549
  --font-line-height-body-xs: var(--size-10);
512
550
  --font-line-height-body-s: var(--size-11);
513
551
  --font-line-height-body-m: var(--size-14);
package/dist/styles.css CHANGED
@@ -198,7 +198,7 @@ summary {
198
198
  --basecolors-frame-tint: #f6f6f9;
199
199
  --basecolors-shape-accent: #181c56;
200
200
  --basecolors-shape-bicycle-contrast: #00db9b;
201
- --basecolors-shape-bicycle-default: #388f76;
201
+ --basecolors-shape-bicycle-default: #33826b;
202
202
  --basecolors-shape-bus-contrast: #ff6392;
203
203
  --basecolors-shape-bus-default: #c5044e;
204
204
  --basecolors-shape-cableway-contrast: #b482fb;
@@ -218,7 +218,7 @@ summary {
218
218
  --basecolors-shape-metro-contrast: #f08901;
219
219
  --basecolors-shape-metro-default: #bf5826;
220
220
  --basecolors-shape-mobility-contrast: #00db9b;
221
- --basecolors-shape-mobility-default: #388f76;
221
+ --basecolors-shape-mobility-default: #33826b;
222
222
  --basecolors-shape-plane-contrast: #fbafea;
223
223
  --basecolors-shape-plane-default: #800664;
224
224
  --basecolors-shape-subdued: #626493;
package/package.json CHANGED
@@ -1,8 +1,7 @@
1
1
  {
2
2
  "name": "@entur/typography",
3
- "version": "2.0.0-beta.3",
3
+ "version": "2.0.1",
4
4
  "license": "SEE LICENSE IN README.md",
5
- "type": "module",
6
5
  "main": "./dist/typography.cjs.js",
7
6
  "module": "./dist/typography.esm.js",
8
7
  "types": "./dist/index.d.ts",
@@ -55,15 +54,15 @@
55
54
  "lint": "eslint src",
56
55
  "start": "vite build --config vite.config.main.ts --watch",
57
56
  "start:beta": "vite build --config vite.config.beta.ts --watch",
58
- "migrate": "./scripts/migrate-typography.js"
57
+ "migrate": "./scripts/migrate-typography.mjs"
59
58
  },
60
59
  "peerDependencies": {
61
60
  "react": ">=16.8.0",
62
61
  "react-dom": ">=16.8.0"
63
62
  },
64
63
  "dependencies": {
65
- "@entur/icons": "^8.0.2",
66
- "@entur/tokens": "^3.19.3",
64
+ "@entur/icons": "^8.1.0",
65
+ "@entur/tokens": "^3.20.0",
67
66
  "@entur/utils": "^0.12.5",
68
67
  "classnames": "^2.5.1",
69
68
  "modern-normalize": "^3.0.1"
@@ -84,5 +83,5 @@
84
83
  "vite": "^7.1.3",
85
84
  "vite-plugin-dts": "^4.5.4"
86
85
  },
87
- "gitHead": "c975e3a16aa66dd5413cc2ac10a3ab96a8211cf1"
86
+ "gitHead": "121225eb41428c01d02eeaa81669651cb9499456"
88
87
  }