@gostudent/shared-ui-library 1.2.1-DT-16721.1 → 1.3.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 (31) hide show
  1. package/README.md +4 -3
  2. package/dist/index.js +20 -20
  3. package/dist/src/tokens/output/base/font/tokens.d.ts +28 -0
  4. package/dist/src/tokens/output/base/font/tokens.d.ts.map +1 -0
  5. package/dist/src/tokens/output/base/semantic-font-desktop/tokens.d.ts +67 -0
  6. package/dist/src/tokens/output/base/semantic-font-desktop/tokens.d.ts.map +1 -0
  7. package/dist/src/tokens/output/base/semantic-font-mobile/tokens.d.ts +26 -0
  8. package/dist/src/tokens/output/base/semantic-font-mobile/tokens.d.ts.map +1 -0
  9. package/dist/src/tokens/output/base/tokens.d.ts +24 -52
  10. package/dist/src/tokens/output/base/tokens.d.ts.map +1 -1
  11. package/dist/style.css +1 -1
  12. package/dist/themes/theme-gs.css +132 -61
  13. package/dist/themes/theme-sk.css +132 -61
  14. package/package.json +3 -2
  15. package/src/tokens/output/base/font/tokens.d.ts +29 -0
  16. package/src/tokens/output/base/font/tokens.js +27 -0
  17. package/src/tokens/output/base/font/tokens.ts +29 -0
  18. package/src/tokens/output/base/font/variables.css +30 -0
  19. package/src/tokens/output/base/semantic-font-desktop/tokens.d.ts +68 -0
  20. package/src/tokens/output/base/semantic-font-desktop/tokens.js +66 -0
  21. package/src/tokens/output/base/semantic-font-desktop/tokens.ts +68 -0
  22. package/src/tokens/output/base/semantic-font-desktop/variables.css +69 -0
  23. package/src/tokens/output/base/semantic-font-mobile/tokens.d.ts +27 -0
  24. package/src/tokens/output/base/semantic-font-mobile/tokens.js +25 -0
  25. package/src/tokens/output/base/semantic-font-mobile/tokens.ts +27 -0
  26. package/src/tokens/output/base/semantic-font-mobile/variables.css +28 -0
  27. package/src/tokens/output/base/semantic-texts/variables.css +9 -9
  28. package/src/tokens/output/base/tokens.d.ts +25 -53
  29. package/src/tokens/output/base/tokens.js +25 -53
  30. package/src/tokens/output/base/tokens.ts +25 -53
  31. package/src/tokens/output/base/variables.css +24 -52
package/README.md CHANGED
@@ -83,8 +83,9 @@ Each output directory contains:
83
83
  | Global Colours | `base` | `--grey-700`, `--functional-white` |
84
84
  | Spacing | `base` | `--spacing-xxs`, `--spacing-xl` |
85
85
  | Radius | `base` | `--radius-sm`, `--radius-lg` |
86
- | Font (desktop) | `base` | `--font-desktop-size-sm`, `--font-desktop-line-height-md` |
87
- | Font (mobile) | `base` | `--font-mobile-size-sm` |
86
+ | Font (primitive) | `base` | `--font-family-worksans`, `--font-size-sm`, `--font-weight-medium` |
87
+ | Semantic Font (desktop) | `base` | `--font-desktop-heading-font-size-h1`, `--font-desktop-button-primary-secondary-font-size-md` |
88
+ | Semantic Font (mobile) | `base` | `--font-mobile-heading-font-size-h1` |
88
89
  | Breakpoints | `base` | `--breakpoint-desktop-full-screen`, `--breakpoint-tablet-layout-grid-width` |
89
90
  | Brand colours | `gs` | `--blue-500`, `--pink-50`, `--purple-500` |
90
91
  | Brand colours | `sk` | `--blue-500`, `--red-500`, `--green-300` |
@@ -104,7 +105,7 @@ import { t } from '@gostudent/shared-ui-library/tokens/gs';
104
105
  ### Syncing from Figma
105
106
 
106
107
  1. In Figma: **Plugins > Development > Export Design Tokens** — downloads `figma-tokens.zip`
107
- 2. Extract into `figma-tokens/` (preserve `$themes.json` and `$metadata.json` — never overwrite these)
108
+ 2. Extract into `figma-tokens/` (clean up any stale files no longer in the export)
108
109
  3. Run `npm run build:tokens`
109
110
 
110
111
  ## Development
package/dist/index.js CHANGED
@@ -1,9 +1,9 @@
1
- import { jsx as e, jsxs as x, Fragment as u } from "react/jsx-runtime";
2
- const f = "_root_9vmy3_9", b = "_icon_9vmy3_28", M = "_label_9vmy3_34", g = "_primary_9vmy3_40", N = "_secondary_9vmy3_67", k = "_link_9vmy3_99", L = "_sizeXl_9vmy3_128", S = "_sizeLg_9vmy3_135", j = "_sizeMd_9vmy3_142", h = "_sizeSm_9vmy3_149", B = "_sizeXs_9vmy3_156", C = "_sizeXxs_9vmy3_163", F = "_pressed_9vmy3_172", q = "_focused_9vmy3_176", s = {
3
- root: f,
4
- icon: b,
5
- label: M,
6
- primary: g,
1
+ import { jsx as e, jsxs as X, Fragment as x } from "react/jsx-runtime";
2
+ const u = "_root_10ygv_9", f = "_icon_10ygv_28", b = "_label_10ygv_34", M = "_primary_10ygv_40", N = "_secondary_10ygv_67", k = "_link_10ygv_99", L = "_sizeXl_10ygv_128", S = "_sizeLg_10ygv_135", j = "_sizeMd_10ygv_142", h = "_sizeSm_10ygv_149", B = "_sizeXs_10ygv_156", C = "_sizeXxs_10ygv_163", F = "_pressed_10ygv_177", q = "_focused_10ygv_181", s = {
3
+ root: u,
4
+ icon: f,
5
+ label: b,
6
+ primary: M,
7
7
  secondary: N,
8
8
  link: k,
9
9
  sizeXl: L,
@@ -28,33 +28,33 @@ const f = "_root_9vmy3_9", b = "_icon_9vmy3_28", M = "_label_9vmy3_34", g = "_pr
28
28
  };
29
29
  function E({
30
30
  variant: r = "primary",
31
- size: m = "md",
31
+ size: l = "md",
32
32
  children: n,
33
- disabled: l = !1,
33
+ disabled: y = !1,
34
34
  leftIcon: i,
35
35
  rightIcon: o,
36
- className: y,
36
+ className: z,
37
37
  onClick: c,
38
- type: z = "button",
38
+ type: d = "button",
39
39
  href: _,
40
- target: d,
41
- rel: p,
42
- forceFocus: v,
43
- forceActive: X
40
+ target: m,
41
+ rel: g,
42
+ forceFocus: p,
43
+ forceActive: v
44
44
  }) {
45
45
  const a = [
46
46
  s.root,
47
47
  A[r],
48
- w[m],
49
- v && s.focused,
50
- X && s.pressed,
51
- y
52
- ].filter(Boolean).join(" "), t = /* @__PURE__ */ x(u, { children: [
48
+ w[l],
49
+ p && s.focused,
50
+ v && s.pressed,
51
+ z
52
+ ].filter(Boolean).join(" "), t = /* @__PURE__ */ X(x, { children: [
53
53
  i && /* @__PURE__ */ e("span", { className: s.icon, children: i }),
54
54
  n && /* @__PURE__ */ e("span", { className: s.label, children: n }),
55
55
  o && /* @__PURE__ */ e("span", { className: s.icon, children: o })
56
56
  ] });
57
- return _ ? /* @__PURE__ */ e("a", { href: _, target: d, rel: p, onClick: c, className: a, children: t }) : /* @__PURE__ */ e("button", { type: z, disabled: l, onClick: c, className: a, children: t });
57
+ return _ ? /* @__PURE__ */ e("a", { href: _, target: m, rel: g, onClick: c, className: a, children: t }) : /* @__PURE__ */ e("button", { type: d, disabled: y, onClick: c, className: a, children: t });
58
58
  }
59
59
  export {
60
60
  E as Button
package/dist/src/tokens/output/base/font/tokens.d.ts ADDED
@@ -0,0 +1,28 @@
1
+ export declare const t: {
2
+ readonly fontFamilyWorksans: "var(--font-family-worksans)";
3
+ readonly fontWeightRegular: "var(--font-weight-regular)";
4
+ readonly fontWeightMedium: "var(--font-weight-medium)";
5
+ readonly fontWeightSemiBold: "var(--font-weight-semi-bold)";
6
+ readonly fontWeightBold: "var(--font-weight-bold)";
7
+ readonly fontWeightExtraBold: "var(--font-weight-extra-bold)";
8
+ readonly fontSizeXxs: "var(--font-size-xxs)";
9
+ readonly fontSizeXs: "var(--font-size-xs)";
10
+ readonly fontSizeMd: "var(--font-size-md)";
11
+ readonly fontSizeLg: "var(--font-size-lg)";
12
+ readonly fontSizeXl: "var(--font-size-xl)";
13
+ readonly fontSize2xl: "var(--font-size-2xl)";
14
+ readonly fontSize3xl: "var(--font-size-3xl)";
15
+ readonly fontSize4xl: "var(--font-size-4xl)";
16
+ readonly fontSizeSm: "var(--font-size-sm)";
17
+ readonly fontLineHeightXxs: "var(--font-line-height-xxs)";
18
+ readonly fontLineHeightXs: "var(--font-line-height-xs)";
19
+ readonly fontLineHeightMd: "var(--font-line-height-md)";
20
+ readonly fontLineHeightLg: "var(--font-line-height-lg)";
21
+ readonly fontLineHeightXl: "var(--font-line-height-xl)";
22
+ readonly fontLineHeight2xl: "var(--font-line-height-2xl)";
23
+ readonly fontLineHeight3xl: "var(--font-line-height-3xl)";
24
+ readonly fontLineHeight4xl: "var(--font-line-height-4xl)";
25
+ readonly fontLineHeightSm: "var(--font-line-height-sm)";
26
+ };
27
+ export type TokenKey = keyof typeof t;
28
+ //# sourceMappingURL=tokens.d.ts.map
package/dist/src/tokens/output/base/font/tokens.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/font/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CAyBJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
package/dist/src/tokens/output/base/semantic-font-desktop/tokens.d.ts ADDED
@@ -0,0 +1,67 @@
1
+ export declare const t: {
2
+ readonly fontDesktopHeadingFontSizeH1: "var(--font-desktop-heading-font-size-h1)";
3
+ readonly fontDesktopHeadingFontSizeH2: "var(--font-desktop-heading-font-size-h2)";
4
+ readonly fontDesktopHeadingFontSizeH3: "var(--font-desktop-heading-font-size-h3)";
5
+ readonly fontDesktopHeadingFontSizeH4: "var(--font-desktop-heading-font-size-h4)";
6
+ readonly fontDesktopHeadingFontSizeH5: "var(--font-desktop-heading-font-size-h5)";
7
+ readonly fontDesktopHeadingFontSizeH6: "var(--font-desktop-heading-font-size-h6)";
8
+ readonly fontDesktopHeadingFontWeightH1: "var(--font-desktop-heading-font-weight-h1)";
9
+ readonly fontDesktopHeadingFontWeightH2: "var(--font-desktop-heading-font-weight-h2)";
10
+ readonly fontDesktopHeadingFontWeightH3: "var(--font-desktop-heading-font-weight-h3)";
11
+ readonly fontDesktopHeadingFontWeightH4: "var(--font-desktop-heading-font-weight-h4)";
12
+ readonly fontDesktopHeadingFontWeightH5: "var(--font-desktop-heading-font-weight-h5)";
13
+ readonly fontDesktopHeadingFontWeightH6: "var(--font-desktop-heading-font-weight-h6)";
14
+ readonly fontDesktopHeadingLineHeightH1: "var(--font-desktop-heading-line-height-h1)";
15
+ readonly fontDesktopHeadingLineHeightH2: "var(--font-desktop-heading-line-height-h2)";
16
+ readonly fontDesktopHeadingLineHeightH3: "var(--font-desktop-heading-line-height-h3)";
17
+ readonly fontDesktopHeadingLineHeightH4: "var(--font-desktop-heading-line-height-h4)";
18
+ readonly fontDesktopHeadingLineHeightH5: "var(--font-desktop-heading-line-height-h5)";
19
+ readonly fontDesktopHeadingLineHeightH6: "var(--font-desktop-heading-line-height-h6)";
20
+ readonly fontDesktopSubtitleFontSizeXl: "var(--font-desktop-subtitle-font-size-xl)";
21
+ readonly fontDesktopSubtitleFontSizeMd: "var(--font-desktop-subtitle-font-size-md)";
22
+ readonly fontDesktopSubtitleFontWeightMd: "var(--font-desktop-subtitle-font-weight-md)";
23
+ readonly fontDesktopSubtitleFontWeightSm: "var(--font-desktop-subtitle-font-weight-sm)";
24
+ readonly fontDesktopSubtitleLineHeightLg: "var(--font-desktop-subtitle-line-height-lg)";
25
+ readonly fontDesktopSubtitleLineHeightMd: "var(--font-desktop-subtitle-line-height-md)";
26
+ readonly fontDesktopBodyFontWeightMd: "var(--font-desktop-body-font-weight-md)";
27
+ readonly fontDesktopBodyFontWeightSm: "var(--font-desktop-body-font-weight-sm)";
28
+ readonly fontDesktopBodyFontSizeMd: "var(--font-desktop-body-font-size-md)";
29
+ readonly fontDesktopBodyFontSizeSm: "var(--font-desktop-body-font-size-sm)";
30
+ readonly fontDesktopLabelFontSize: "var(--font-desktop-label-font-size)";
31
+ readonly fontDesktopLabelFontWeightBold: "var(--font-desktop-label-font-weight-bold)";
32
+ readonly fontDesktopLabelFontWeightSemiBold: "var(--font-desktop-label-font-weight-semi-bold)";
33
+ readonly fontDesktopLabelFontWeightMedium: "var(--font-desktop-label-font-weight-medium)";
34
+ readonly fontDesktopLabelFontWeightRegular: "var(--font-desktop-label-font-weight-regular)";
35
+ readonly fontDesktopLabelLineHeight: "var(--font-desktop-label-line-height)";
36
+ readonly fontDesktopTooltipFontSize: "var(--font-desktop-tooltip-font-size)";
37
+ readonly fontDesktopTooltipFontWeight: "var(--font-desktop-tooltip-font-weight)";
38
+ readonly fontDesktopTooltipLineHeight: "var(--font-desktop-tooltip-line-height)";
39
+ readonly fontDesktopButtonPrimarySecondaryFontSizeXxs: "var(--font-desktop-button-primary-secondary-font-size-xxs)";
40
+ readonly fontDesktopButtonPrimarySecondaryFontSizeXs: "var(--font-desktop-button-primary-secondary-font-size-xs)";
41
+ readonly fontDesktopButtonPrimarySecondaryFontSizeSm: "var(--font-desktop-button-primary-secondary-font-size-sm)";
42
+ readonly fontDesktopButtonPrimarySecondaryFontSizeMd: "var(--font-desktop-button-primary-secondary-font-size-md)";
43
+ readonly fontDesktopButtonPrimarySecondaryFontSizeLg: "var(--font-desktop-button-primary-secondary-font-size-lg)";
44
+ readonly fontDesktopButtonPrimarySecondaryFontSizeXl: "var(--font-desktop-button-primary-secondary-font-size-xl)";
45
+ readonly fontDesktopButtonPrimarySecondaryLineHeightXxs: "var(--font-desktop-button-primary-secondary-line-height-xxs)";
46
+ readonly fontDesktopButtonPrimarySecondaryLineHeightXs: "var(--font-desktop-button-primary-secondary-line-height-xs)";
47
+ readonly fontDesktopButtonPrimarySecondaryLineHeightSm: "var(--font-desktop-button-primary-secondary-line-height-sm)";
48
+ readonly fontDesktopButtonPrimarySecondaryLineHeightMd: "var(--font-desktop-button-primary-secondary-line-height-md)";
49
+ readonly fontDesktopButtonPrimarySecondaryLineHeightLg: "var(--font-desktop-button-primary-secondary-line-height-lg)";
50
+ readonly fontDesktopButtonPrimarySecondaryLineHeightXl: "var(--font-desktop-button-primary-secondary-line-height-xl)";
51
+ readonly fontDesktopButtonPrimarySecondaryFontWeight: "var(--font-desktop-button-primary-secondary-font-weight)";
52
+ readonly fontDesktopButtonLinkFontSizeXxs: "var(--font-desktop-button-link-font-size-xxs)";
53
+ readonly fontDesktopButtonLinkFontSizeXs: "var(--font-desktop-button-link-font-size-xs)";
54
+ readonly fontDesktopButtonLinkFontSizeSm: "var(--font-desktop-button-link-font-size-sm)";
55
+ readonly fontDesktopButtonLinkFontSizeMd: "var(--font-desktop-button-link-font-size-md)";
56
+ readonly fontDesktopButtonLinkFontSizeLg: "var(--font-desktop-button-link-font-size-lg)";
57
+ readonly fontDesktopButtonLinkFontSizeXl: "var(--font-desktop-button-link-font-size-xl)";
58
+ readonly fontDesktopButtonLinkFontWeight: "var(--font-desktop-button-link-font-weight)";
59
+ readonly fontDesktopButtonLinkLineHeightXxs: "var(--font-desktop-button-link-line-height-xxs)";
60
+ readonly fontDesktopButtonLinkLineHeightXs: "var(--font-desktop-button-link-line-height-xs)";
61
+ readonly fontDesktopButtonLinkLineHeightSm: "var(--font-desktop-button-link-line-height-sm)";
62
+ readonly fontDesktopButtonLinkLineHeightMd: "var(--font-desktop-button-link-line-height-md)";
63
+ readonly fontDesktopButtonLinkLineHeightLg: "var(--font-desktop-button-link-line-height-lg)";
64
+ readonly fontDesktopButtonLinkLineHeightXl: "var(--font-desktop-button-link-line-height-xl)";
65
+ };
66
+ export type TokenKey = keyof typeof t;
67
+ //# sourceMappingURL=tokens.d.ts.map
package/dist/src/tokens/output/base/semantic-font-desktop/tokens.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/semantic-font-desktop/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
package/dist/src/tokens/output/base/semantic-font-mobile/tokens.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ export declare const t: {
2
+ readonly fontMobileHeadingFontSizeH1: "var(--font-mobile-heading-font-size-h1)";
3
+ readonly fontMobileHeadingFontSizeH2: "var(--font-mobile-heading-font-size-h2)";
4
+ readonly fontMobileHeadingFontSizeH3: "var(--font-mobile-heading-font-size-h3)";
5
+ readonly fontMobileHeadingFontSizeH4: "var(--font-mobile-heading-font-size-h4)";
6
+ readonly fontMobileHeadingLineHeightH1: "var(--font-mobile-heading-line-height-h1)";
7
+ readonly fontMobileHeadingLineHeightH2: "var(--font-mobile-heading-line-height-h2)";
8
+ readonly fontMobileHeadingLineHeightH3: "var(--font-mobile-heading-line-height-h3)";
9
+ readonly fontMobileHeadingLineHeightH4: "var(--font-mobile-heading-line-height-h4)";
10
+ readonly fontMobileHeadingFontWeightH1: "var(--font-mobile-heading-font-weight-h1)";
11
+ readonly fontMobileHeadingFontWeightH2: "var(--font-mobile-heading-font-weight-h2)";
12
+ readonly fontMobileHeadingFontWeightH3: "var(--font-mobile-heading-font-weight-h3)";
13
+ readonly fontMobileHeadingFontWeightH4: "var(--font-mobile-heading-font-weight-h4)";
14
+ readonly fontMobileSubtitleFontSizeMd: "var(--font-mobile-subtitle-font-size-md)";
15
+ readonly fontMobileSubtitleFontSizeSm: "var(--font-mobile-subtitle-font-size-sm)";
16
+ readonly fontMobileSubtitleLineHeightMd: "var(--font-mobile-subtitle-line-height-md)";
17
+ readonly fontMobileSubtitleLineHeightSm: "var(--font-mobile-subtitle-line-height-sm)";
18
+ readonly fontMobileSubtitleFontWeightMd: "var(--font-mobile-subtitle-font-weight-md)";
19
+ readonly fontMobileSubtitleFontWeightSm: "var(--font-mobile-subtitle-font-weight-sm)";
20
+ readonly fontMobileBodyFontWeightMd: "var(--font-mobile-body-font-weight-md)";
21
+ readonly fontMobileBodyFontWeightSm: "var(--font-mobile-body-font-weight-sm)";
22
+ readonly fontMobileBodyFontSizeMd: "var(--font-mobile-body-font-size-md)";
23
+ readonly fontMobileBodyFontSizeSm: "var(--font-mobile-body-font-size-sm)";
24
+ };
25
+ export type TokenKey = keyof typeof t;
26
+ //# sourceMappingURL=tokens.d.ts.map
package/dist/src/tokens/output/base/semantic-font-mobile/tokens.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/semantic-font-mobile/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;CAuBJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
package/dist/src/tokens/output/base/tokens.d.ts CHANGED
@@ -1,52 +1,4 @@
1
1
  export declare const t: {
2
- readonly fontDesktopFamilyWorksans: "var(--font-desktop-family-worksans)";
3
- readonly fontDesktopWeightRegular: "var(--font-desktop-weight-regular)";
4
- readonly fontDesktopWeightMedium: "var(--font-desktop-weight-medium)";
5
- readonly fontDesktopWeightSemiBold: "var(--font-desktop-weight-semi-bold)";
6
- readonly fontDesktopWeightBold: "var(--font-desktop-weight-bold)";
7
- readonly fontDesktopWeightExtraBold: "var(--font-desktop-weight-extra-bold)";
8
- readonly fontDesktopSizeXxs: "var(--font-desktop-size-xxs)";
9
- readonly fontDesktopSizeXs: "var(--font-desktop-size-xs)";
10
- readonly fontDesktopSizeSm: "var(--font-desktop-size-sm)";
11
- readonly fontDesktopSizeMd: "var(--font-desktop-size-md)";
12
- readonly fontDesktopSizeLg: "var(--font-desktop-size-lg)";
13
- readonly fontDesktopSizeXl: "var(--font-desktop-size-xl)";
14
- readonly fontDesktopSize2xl: "var(--font-desktop-size-2xl)";
15
- readonly fontDesktopSize3xl: "var(--font-desktop-size-3xl)";
16
- readonly fontDesktopSize4xl: "var(--font-desktop-size-4xl)";
17
- readonly fontDesktopLineHeightXxs: "var(--font-desktop-line-height-xxs)";
18
- readonly fontDesktopLineHeightXs: "var(--font-desktop-line-height-xs)";
19
- readonly fontDesktopLineHeightSm: "var(--font-desktop-line-height-sm)";
20
- readonly fontDesktopLineHeightMd: "var(--font-desktop-line-height-md)";
21
- readonly fontDesktopLineHeightLg: "var(--font-desktop-line-height-lg)";
22
- readonly fontDesktopLineHeightXl: "var(--font-desktop-line-height-xl)";
23
- readonly fontDesktopLineHeight2xl: "var(--font-desktop-line-height-2xl)";
24
- readonly fontDesktopLineHeight3xl: "var(--font-desktop-line-height-3xl)";
25
- readonly fontDesktopLineHeight4xl: "var(--font-desktop-line-height-4xl)";
26
- readonly fontMobileFamilyWorksans: "var(--font-mobile-family-worksans)";
27
- readonly fontMobileWeightRegular: "var(--font-mobile-weight-regular)";
28
- readonly fontMobileWeightMedium: "var(--font-mobile-weight-medium)";
29
- readonly fontMobileWeightSemiBold: "var(--font-mobile-weight-semi-bold)";
30
- readonly fontMobileWeightBold: "var(--font-mobile-weight-bold)";
31
- readonly fontMobileWeightExtraBold: "var(--font-mobile-weight-extra-bold)";
32
- readonly fontMobileSizeXxs: "var(--font-mobile-size-xxs)";
33
- readonly fontMobileSizeXs: "var(--font-mobile-size-xs)";
34
- readonly fontMobileSizeSm: "var(--font-mobile-size-sm)";
35
- readonly fontMobileSizeMd: "var(--font-mobile-size-md)";
36
- readonly fontMobileSizeLg: "var(--font-mobile-size-lg)";
37
- readonly fontMobileSizeXl: "var(--font-mobile-size-xl)";
38
- readonly fontMobileSize2xl: "var(--font-mobile-size-2xl)";
39
- readonly fontMobileSize3xl: "var(--font-mobile-size-3xl)";
40
- readonly fontMobileSize4xl: "var(--font-mobile-size-4xl)";
41
- readonly fontMobileLineHeightXxs: "var(--font-mobile-line-height-xxs)";
42
- readonly fontMobileLineHeightXs: "var(--font-mobile-line-height-xs)";
43
- readonly fontMobileLineHeightSm: "var(--font-mobile-line-height-sm)";
44
- readonly fontMobileLineHeightMd: "var(--font-mobile-line-height-md)";
45
- readonly fontMobileLineHeightLg: "var(--font-mobile-line-height-lg)";
46
- readonly fontMobileLineHeightXl: "var(--font-mobile-line-height-xl)";
47
- readonly fontMobileLineHeight2xl: "var(--font-mobile-line-height-2xl)";
48
- readonly fontMobileLineHeight3xl: "var(--font-mobile-line-height-3xl)";
49
- readonly fontMobileLineHeight4xl: "var(--font-mobile-line-height-4xl)";
50
2
  readonly breakpointDesktopLayoutGridWidth: "var(--breakpoint-desktop-layout-grid-width)";
51
3
  readonly breakpointDesktopFullScreen: "var(--breakpoint-desktop-full-screen)";
52
4
  readonly breakpointTabletLayoutGridWidth: "var(--breakpoint-tablet-layout-grid-width)";
@@ -99,14 +51,34 @@ export declare const t: {
99
51
  readonly radiusLg: "var(--radius-lg)";
100
52
  readonly radiusXl: "var(--radius-xl)";
101
53
  readonly radiusFull: "var(--radius-full)";
102
- readonly sm: "var(--sm)";
103
- readonly md: "var(--md)";
104
- readonly lg: "var(--lg)";
105
- readonly xs: "var(--xs)";
106
54
  readonly borderSm: "var(--border-sm)";
107
55
  readonly borderMd: "var(--border-md)";
108
56
  readonly borderLg: "var(--border-lg)";
109
57
  readonly borderXs: "var(--border-xs)";
58
+ readonly fontFamilyWorksans: "var(--font-family-worksans)";
59
+ readonly fontWeightRegular: "var(--font-weight-regular)";
60
+ readonly fontWeightMedium: "var(--font-weight-medium)";
61
+ readonly fontWeightSemiBold: "var(--font-weight-semi-bold)";
62
+ readonly fontWeightBold: "var(--font-weight-bold)";
63
+ readonly fontWeightExtraBold: "var(--font-weight-extra-bold)";
64
+ readonly fontSizeXxs: "var(--font-size-xxs)";
65
+ readonly fontSizeXs: "var(--font-size-xs)";
66
+ readonly fontSizeMd: "var(--font-size-md)";
67
+ readonly fontSizeLg: "var(--font-size-lg)";
68
+ readonly fontSizeXl: "var(--font-size-xl)";
69
+ readonly fontSize2xl: "var(--font-size-2xl)";
70
+ readonly fontSize3xl: "var(--font-size-3xl)";
71
+ readonly fontSize4xl: "var(--font-size-4xl)";
72
+ readonly fontSizeSm: "var(--font-size-sm)";
73
+ readonly fontLineHeightXxs: "var(--font-line-height-xxs)";
74
+ readonly fontLineHeightXs: "var(--font-line-height-xs)";
75
+ readonly fontLineHeightMd: "var(--font-line-height-md)";
76
+ readonly fontLineHeightLg: "var(--font-line-height-lg)";
77
+ readonly fontLineHeightXl: "var(--font-line-height-xl)";
78
+ readonly fontLineHeight2xl: "var(--font-line-height-2xl)";
79
+ readonly fontLineHeight3xl: "var(--font-line-height-3xl)";
80
+ readonly fontLineHeight4xl: "var(--font-line-height-4xl)";
81
+ readonly fontLineHeightSm: "var(--font-line-height-sm)";
110
82
  };
111
83
  export type TokenKey = keyof typeof t;
112
84
  //# sourceMappingURL=tokens.d.ts.map
package/dist/src/tokens/output/base/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/output/base/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/output/base/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiFJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- ._root_9vmy3_9{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xxs);border:var(--border-default) solid transparent;border-radius:var(--radius-xs);cursor:pointer;font-family:var(--font-desktop-family-worksans);font-weight:var(--font-desktop-weight-medium);white-space:nowrap;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}._root_9vmy3_9:disabled{cursor:not-allowed}._icon_9vmy3_28{display:inline-flex;align-items:center;flex-shrink:0}._label_9vmy3_34{display:inline-block}._primary_9vmy3_40{background-color:var(--color-button-primary-background-default);color:var(--color-button-primary-text-default)}._primary_9vmy3_40:hover:not(:disabled){background-color:var(--color-button-primary-background-hover)}._primary_9vmy3_40:active:not(:disabled){background-color:var(--color-button-primary-background-pressed)}._primary_9vmy3_40:focus-visible{background-color:var(--color-button-primary-background-focus);outline:var(--border-default) solid var(--color-button-primary-border-focus-outside);outline-offset:var(--border-default)}._primary_9vmy3_40:disabled{background-color:var(--color-button-primary-background-disabled);color:var(--color-button-primary-text-disabled);border-color:var(--color-button-primary-border-disabled)}._secondary_9vmy3_67{background-color:var(--color-button-secondary-background-default);color:var(--color-button-secondary-text-default-focus);border-color:var(--color-button-secondary-border-default)}._secondary_9vmy3_67:hover:not(:disabled){background-color:var(--color-button-secondary-background-hover);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-hover)}._secondary_9vmy3_67:active:not(:disabled){background-color:var(--color-button-secondary-background-pressed);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-pressed)}._secondary_9vmy3_67:focus-visible{background-color:var(--color-button-secondary-background-focus);outline:var(--border-default) solid var(--color-button-secondary-border-focus-outside);outline-offset:var(--border-default)}._secondary_9vmy3_67:disabled{background-color:var(--color-button-secondary-background-disabled);color:var(--color-button-secondary-text-disabled);border-color:var(--color-button-secondary-border-disabled)}._link_9vmy3_99{background-color:var(--color-button-link-background-default);color:var(--color-button-link-text-default)}._link_9vmy3_99:hover:not(:disabled){background-color:var(--color-button-link-background-hover);color:var(--color-button-link-text-hover)}._link_9vmy3_99:active:not(:disabled){background-color:var(--color-button-link-background-pressed);color:var(--color-button-link-text-pressed)}._link_9vmy3_99:focus-visible{background-color:var(--color-button-link-background-focus);color:var(--color-button-link-text-focus);outline:var(--border-default) solid var(--color-button-link-border-focus);outline-offset:var(--border-default)}._link_9vmy3_99:disabled{background-color:var(--color-button-link-background-disabled);color:var(--color-button-link-text-disabled)}._sizeXl_9vmy3_128{height:var(--spacing-3xl);padding:0 var(--spacing-md);font-size:var(--text-button-font-size-xl);line-height:var(--text-button-line-height-xl)}._sizeLg_9vmy3_135{height:var(--spacing-2xl);padding:0 var(--spacing-sm);font-size:var(--text-button-font-size-lg);line-height:var(--text-button-line-height-lg)}._sizeMd_9vmy3_142{height:var(--spacing-xl);padding:0 var(--spacing-sm);font-size:var(--text-button-font-size-md);line-height:var(--text-button-line-height-md)}._sizeSm_9vmy3_149{height:2.75rem;padding:0 var(--spacing-xs);font-size:var(--text-button-font-size-sm);line-height:var(--text-button-line-height-sm)}._sizeXs_9vmy3_156{height:var(--spacing-md);padding:0 var(--spacing-xs);font-size:var(--text-button-font-size-xs);line-height:var(--text-button-line-height-xs)}._sizeXxs_9vmy3_163{height:var(--spacing-sm);padding:0 var(--spacing-xxs);font-size:var(--text-button-font-size-xxs);line-height:var(--text-button-line-height-xxs)}._primary_9vmy3_40._pressed_9vmy3_172:not(:disabled){background-color:var(--color-button-primary-background-pressed)}._primary_9vmy3_40._focused_9vmy3_176:not(:disabled){background-color:var(--color-button-primary-background-focus);outline:var(--border-default) solid var(--color-button-primary-border-focus-outside);outline-offset:var(--border-default)}._secondary_9vmy3_67._pressed_9vmy3_172:not(:disabled){background-color:var(--color-button-secondary-background-pressed);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-pressed)}._secondary_9vmy3_67._focused_9vmy3_176:not(:disabled){background-color:var(--color-button-secondary-background-focus);outline:var(--border-default) solid var(--color-button-secondary-border-focus-outside);outline-offset:var(--border-default)}._link_9vmy3_99._pressed_9vmy3_172:not(:disabled){background-color:var(--color-button-link-background-pressed);color:var(--color-button-link-text-pressed)}._link_9vmy3_99._focused_9vmy3_176:not(:disabled){background-color:var(--color-button-link-background-focus);color:var(--color-button-link-text-focus);outline:var(--border-default) solid var(--color-button-link-border-focus);outline-offset:var(--border-default)}
1
+ ._root_10ygv_9{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xxs);border:var(--border-default) solid transparent;border-radius:var(--radius-xs);cursor:pointer;font-family:var(--font-family-worksans);font-weight:var(--font-weight-medium);white-space:nowrap;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}._root_10ygv_9:disabled{cursor:not-allowed}._icon_10ygv_28{display:inline-flex;align-items:center;flex-shrink:0}._label_10ygv_34{display:inline-block}._primary_10ygv_40{background-color:var(--color-button-primary-background-default);color:var(--color-button-primary-text-default)}._primary_10ygv_40:hover:not(:disabled){background-color:var(--color-button-primary-background-hover)}._primary_10ygv_40:active:not(:disabled){background-color:var(--color-button-primary-background-pressed)}._primary_10ygv_40:focus-visible{background-color:var(--color-button-primary-background-focus);outline:var(--border-default) solid var(--color-button-primary-border-focus-outside);outline-offset:var(--border-default)}._primary_10ygv_40:disabled{background-color:var(--color-button-primary-background-disabled);color:var(--color-button-primary-text-disabled);border-color:var(--color-button-primary-border-disabled)}._secondary_10ygv_67{background-color:var(--color-button-secondary-background-default);color:var(--color-button-secondary-text-default-focus);border-color:var(--color-button-secondary-border-default)}._secondary_10ygv_67:hover:not(:disabled){background-color:var(--color-button-secondary-background-hover);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-hover)}._secondary_10ygv_67:active:not(:disabled){background-color:var(--color-button-secondary-background-pressed);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-pressed)}._secondary_10ygv_67:focus-visible{background-color:var(--color-button-secondary-background-focus);outline:var(--border-default) solid var(--color-button-secondary-border-focus-outside);outline-offset:var(--border-default)}._secondary_10ygv_67:disabled{background-color:var(--color-button-secondary-background-disabled);color:var(--color-button-secondary-text-disabled);border-color:var(--color-button-secondary-border-disabled)}._link_10ygv_99{background-color:var(--color-button-link-background-default);color:var(--color-button-link-text-default)}._link_10ygv_99:hover:not(:disabled){background-color:var(--color-button-link-background-hover);color:var(--color-button-link-text-hover)}._link_10ygv_99:active:not(:disabled){background-color:var(--color-button-link-background-pressed);color:var(--color-button-link-text-pressed)}._link_10ygv_99:focus-visible{background-color:var(--color-button-link-background-focus);color:var(--color-button-link-text-focus);outline:var(--border-default) solid var(--color-button-link-border-focus);outline-offset:var(--border-default)}._link_10ygv_99:disabled{background-color:var(--color-button-link-background-disabled);color:var(--color-button-link-text-disabled)}._sizeXl_10ygv_128{height:var(--spacing-3xl);padding:0 var(--spacing-md);font-size:var(--font-desktop-button-primary-secondary-font-size-xl);line-height:var(--font-desktop-button-primary-secondary-line-height-xl)}._sizeLg_10ygv_135{height:var(--spacing-2xl);padding:0 var(--spacing-sm);font-size:var(--font-desktop-button-primary-secondary-font-size-lg);line-height:var(--font-desktop-button-primary-secondary-line-height-lg)}._sizeMd_10ygv_142{height:var(--spacing-xl);padding:0 var(--spacing-sm);font-size:var(--font-desktop-button-primary-secondary-font-size-md);line-height:var(--font-desktop-button-primary-secondary-line-height-md)}._sizeSm_10ygv_149{height:2.75rem;padding:0 var(--spacing-xs);font-size:var(--font-desktop-button-primary-secondary-font-size-sm);line-height:var(--font-desktop-button-primary-secondary-line-height-sm)}._sizeXs_10ygv_156{height:var(--spacing-md);padding:0 var(--spacing-xs);font-size:var(--font-desktop-button-primary-secondary-font-size-xs);line-height:var(--font-desktop-button-primary-secondary-line-height-xs)}._sizeXxs_10ygv_163{height:var(--spacing-sm);padding:0 var(--spacing-xxs);font-size:var(--font-desktop-button-primary-secondary-font-size-xxs);line-height:var(--font-desktop-button-primary-secondary-line-height-xxs)}._link_10ygv_99._sizeXxs_10ygv_163{font-size:var(--font-desktop-button-link-font-size-xxs)}._primary_10ygv_40._pressed_10ygv_177:not(:disabled){background-color:var(--color-button-primary-background-pressed)}._primary_10ygv_40._focused_10ygv_181:not(:disabled){background-color:var(--color-button-primary-background-focus);outline:var(--border-default) solid var(--color-button-primary-border-focus-outside);outline-offset:var(--border-default)}._secondary_10ygv_67._pressed_10ygv_177:not(:disabled){background-color:var(--color-button-secondary-background-pressed);color:var(--color-button-secondary-text-hover-pressed);border-color:var(--color-button-secondary-border-pressed)}._secondary_10ygv_67._focused_10ygv_181:not(:disabled){background-color:var(--color-button-secondary-background-focus);outline:var(--border-default) solid var(--color-button-secondary-border-focus-outside);outline-offset:var(--border-default)}._link_10ygv_99._pressed_10ygv_177:not(:disabled){background-color:var(--color-button-link-background-pressed);color:var(--color-button-link-text-pressed)}._link_10ygv_99._focused_10ygv_181:not(:disabled){background-color:var(--color-button-link-background-focus);color:var(--color-button-link-text-focus);outline:var(--border-default) solid var(--color-button-link-border-focus);outline-offset:var(--border-default)}
package/dist/themes/theme-gs.css CHANGED
@@ -4,54 +4,6 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --font-desktop-family-worksans: "Work Sans";
8
- --font-desktop-weight-regular: 400;
9
- --font-desktop-weight-medium: 500;
10
- --font-desktop-weight-semi-bold: 600;
11
- --font-desktop-weight-bold: 700;
12
- --font-desktop-weight-extra-bold: 800;
13
- --font-desktop-size-xxs: 0.625rem;
14
- --font-desktop-size-xs: 0.75rem;
15
- --font-desktop-size-sm: 1rem;
16
- --font-desktop-size-md: 1.125rem;
17
- --font-desktop-size-lg: 1.25rem;
18
- --font-desktop-size-xl: 1.5rem;
19
- --font-desktop-size-2xl: 1.75rem;
20
- --font-desktop-size-3xl: 2rem;
21
- --font-desktop-size-4xl: 2.5rem;
22
- --font-desktop-line-height-xxs: 1rem;
23
- --font-desktop-line-height-xs: 1.125rem;
24
- --font-desktop-line-height-sm: 1.5rem;
25
- --font-desktop-line-height-md: 1.75rem;
26
- --font-desktop-line-height-lg: 2rem;
27
- --font-desktop-line-height-xl: 2rem;
28
- --font-desktop-line-height-2xl: 2.5rem;
29
- --font-desktop-line-height-3xl: 3rem;
30
- --font-desktop-line-height-4xl: 4rem;
31
- --font-mobile-family-worksans: "Work Sans";
32
- --font-mobile-weight-regular: 400;
33
- --font-mobile-weight-medium: 500;
34
- --font-mobile-weight-semi-bold: 600;
35
- --font-mobile-weight-bold: 700;
36
- --font-mobile-weight-extra-bold: 800;
37
- --font-mobile-size-xxs: 0.625rem;
38
- --font-mobile-size-xs: 0.75rem;
39
- --font-mobile-size-sm: 0.875rem;
40
- --font-mobile-size-md: 1rem;
41
- --font-mobile-size-lg: 1.125rem;
42
- --font-mobile-size-xl: 1.25rem;
43
- --font-mobile-size-2xl: 1.5rem;
44
- --font-mobile-size-3xl: 1.75rem;
45
- --font-mobile-size-4xl: 2rem;
46
- --font-mobile-line-height-xxs: 1rem;
47
- --font-mobile-line-height-xs: 1rem;
48
- --font-mobile-line-height-sm: 1.25rem;
49
- --font-mobile-line-height-md: 1.5rem;
50
- --font-mobile-line-height-lg: 1.75rem;
51
- --font-mobile-line-height-xl: 1.75rem;
52
- --font-mobile-line-height-2xl: 2rem;
53
- --font-mobile-line-height-3xl: 2.5rem;
54
- --font-mobile-line-height-4xl: 3rem;
55
7
  --breakpoint-desktop-layout-grid-width: 1134px;
56
8
  --breakpoint-desktop-full-screen: 1440px;
57
9
  --breakpoint-tablet-layout-grid-width: 802px;
@@ -104,14 +56,34 @@
104
56
  --radius-lg: 1rem;
105
57
  --radius-xl: 1.5rem;
106
58
  --radius-full: 62.5rem;
107
- --sm: 0.125rem;
108
- --md: 0.1875rem;
109
- --lg: 0.25rem;
110
- --xs: 0.0625rem;
111
59
  --border-sm: 0.125rem;
112
60
  --border-md: 0.1875rem;
113
61
  --border-lg: 0.25rem;
114
62
  --border-xs: 0.0625rem;
63
+ --font-family-worksans: "Work Sans";
64
+ --font-weight-regular: 400;
65
+ --font-weight-medium: 500;
66
+ --font-weight-semi-bold: 600;
67
+ --font-weight-bold: 700;
68
+ --font-weight-extra-bold: 800;
69
+ --font-size-xxs: 0.625rem;
70
+ --font-size-xs: 0.75rem;
71
+ --font-size-md: 1rem;
72
+ --font-size-lg: 1.125rem;
73
+ --font-size-xl: 1.25rem;
74
+ --font-size-2xl: 1.5rem;
75
+ --font-size-3xl: 1.75rem;
76
+ --font-size-4xl: 2rem;
77
+ --font-size-sm: 0.875rem;
78
+ --font-line-height-xxs: 1rem;
79
+ --font-line-height-xs: 1rem;
80
+ --font-line-height-md: 1.5rem;
81
+ --font-line-height-lg: 1.75rem;
82
+ --font-line-height-xl: 1.75rem;
83
+ --font-line-height-2xl: 2rem;
84
+ --font-line-height-3xl: 2.5rem;
85
+ --font-line-height-4xl: 3rem;
86
+ --font-line-height-sm: 1.25rem;
115
87
  }
116
88
 
117
89
  /**
@@ -241,16 +213,16 @@
241
213
  --text-content-h1: String value;
242
214
  --text-button-font-size-xxs: 0.625rem;
243
215
  --text-button-font-size-xs: 0.75rem;
244
- --text-button-font-size-sm: 1rem;
245
- --text-button-font-size-md: 1.125rem;
246
- --text-button-font-size-lg: 1.25rem;
247
- --text-button-font-size-xl: 1.5rem;
216
+ --text-button-font-size-sm: 0.875rem;
217
+ --text-button-font-size-md: 1rem;
218
+ --text-button-font-size-lg: 1.125rem;
219
+ --text-button-font-size-xl: 1.25rem;
248
220
  --text-button-line-height-xxs: 1rem;
249
- --text-button-line-height-xs: 1.125rem;
250
- --text-button-line-height-sm: 1.5rem;
251
- --text-button-line-height-md: 1.75rem;
252
- --text-button-line-height-lg: 2rem;
253
- --text-button-line-height-xl: 2rem;
221
+ --text-button-line-height-xs: 1rem;
222
+ --text-button-line-height-sm: 1.25rem;
223
+ --text-button-line-height-md: 1.5rem;
224
+ --text-button-line-height-lg: 1.75rem;
225
+ --text-button-line-height-xl: 1.75rem;
254
226
  }
255
227
 
256
228
  /**
@@ -264,6 +236,105 @@
264
236
  --border-thin: 0.0625rem;
265
237
  }
266
238
 
239
+ /**
240
+ * Do not edit directly, this file was auto-generated.
241
+ */
242
+
243
+ :root {
244
+ --font-desktop-heading-font-size-h1: 2rem;
245
+ --font-desktop-heading-font-size-h2: 1.5rem;
246
+ --font-desktop-heading-font-size-h3: 1.25rem;
247
+ --font-desktop-heading-font-size-h4: 1.125rem;
248
+ --font-desktop-heading-font-size-h5: 1rem;
249
+ --font-desktop-heading-font-size-h6: 0.875rem;
250
+ --font-desktop-heading-font-weight-h1: 600;
251
+ --font-desktop-heading-font-weight-h2: 600;
252
+ --font-desktop-heading-font-weight-h3: 600;
253
+ --font-desktop-heading-font-weight-h4: 600;
254
+ --font-desktop-heading-font-weight-h5: 600;
255
+ --font-desktop-heading-font-weight-h6: 600;
256
+ --font-desktop-heading-line-height-h1: 3rem;
257
+ --font-desktop-heading-line-height-h2: 2rem;
258
+ --font-desktop-heading-line-height-h3: 1.75rem;
259
+ --font-desktop-heading-line-height-h4: 1.75rem;
260
+ --font-desktop-heading-line-height-h5: 1.5rem;
261
+ --font-desktop-heading-line-height-h6: 1.25rem;
262
+ --font-desktop-subtitle-font-size-xl: 1.5rem;
263
+ --font-desktop-subtitle-font-size-md: 1.125rem;
264
+ --font-desktop-subtitle-font-weight-md: 500;
265
+ --font-desktop-subtitle-font-weight-sm: 500;
266
+ --font-desktop-subtitle-line-height-lg: 1.75rem;
267
+ --font-desktop-subtitle-line-height-md: 1.5rem;
268
+ --font-desktop-body-font-weight-md: 400;
269
+ --font-desktop-body-font-weight-sm: 400;
270
+ --font-desktop-body-font-size-md: 1rem;
271
+ --font-desktop-body-font-size-sm: 0.875rem;
272
+ --font-desktop-label-font-size: 0.75rem;
273
+ --font-desktop-label-font-weight-bold: 700;
274
+ --font-desktop-label-font-weight-semi-bold: 600;
275
+ --font-desktop-label-font-weight-medium: 500;
276
+ --font-desktop-label-font-weight-regular: 400;
277
+ --font-desktop-label-line-height: 1rem;
278
+ --font-desktop-tooltip-font-size: 0.75rem;
279
+ --font-desktop-tooltip-font-weight: 500;
280
+ --font-desktop-tooltip-line-height: 1rem;
281
+ --font-desktop-button-primary-secondary-font-size-xxs: 0.75rem;
282
+ --font-desktop-button-primary-secondary-font-size-xs: 0.75rem;
283
+ --font-desktop-button-primary-secondary-font-size-sm: 0.875rem;
284
+ --font-desktop-button-primary-secondary-font-size-md: 1rem;
285
+ --font-desktop-button-primary-secondary-font-size-lg: 1.125rem;
286
+ --font-desktop-button-primary-secondary-font-size-xl: 1.25rem;
287
+ --font-desktop-button-primary-secondary-line-height-xxs: 1rem;
288
+ --font-desktop-button-primary-secondary-line-height-xs: 1rem;
289
+ --font-desktop-button-primary-secondary-line-height-sm: 1.25rem;
290
+ --font-desktop-button-primary-secondary-line-height-md: 1.5rem;
291
+ --font-desktop-button-primary-secondary-line-height-lg: 1.75rem;
292
+ --font-desktop-button-primary-secondary-line-height-xl: 1.75rem;
293
+ --font-desktop-button-primary-secondary-font-weight: 500;
294
+ --font-desktop-button-link-font-size-xxs: 0.625rem;
295
+ --font-desktop-button-link-font-size-xs: 0.75rem;
296
+ --font-desktop-button-link-font-size-sm: 0.875rem;
297
+ --font-desktop-button-link-font-size-md: 1rem;
298
+ --font-desktop-button-link-font-size-lg: 1.125rem;
299
+ --font-desktop-button-link-font-size-xl: 1.25rem;
300
+ --font-desktop-button-link-font-weight: 500;
301
+ --font-desktop-button-link-line-height-xxs: 1rem;
302
+ --font-desktop-button-link-line-height-xs: 1rem;
303
+ --font-desktop-button-link-line-height-sm: 1.25rem;
304
+ --font-desktop-button-link-line-height-md: 1.5rem;
305
+ --font-desktop-button-link-line-height-lg: 1.75rem;
306
+ --font-desktop-button-link-line-height-xl: 1.75rem;
307
+ }
308
+
309
+ /**
310
+ * Do not edit directly, this file was auto-generated.
311
+ */
312
+
313
+ :root {
314
+ --font-mobile-heading-font-size-h1: 1.5rem;
315
+ --font-mobile-heading-font-size-h2: 1.25rem;
316
+ --font-mobile-heading-font-size-h3: 1.125rem;
317
+ --font-mobile-heading-font-size-h4: 1rem;
318
+ --font-mobile-heading-line-height-h1: 2rem;
319
+ --font-mobile-heading-line-height-h2: 1.75rem;
320
+ --font-mobile-heading-line-height-h3: 1.75rem;
321
+ --font-mobile-heading-line-height-h4: 1.5rem;
322
+ --font-mobile-heading-font-weight-h1: 600;
323
+ --font-mobile-heading-font-weight-h2: 700;
324
+ --font-mobile-heading-font-weight-h3: 600;
325
+ --font-mobile-heading-font-weight-h4: 700;
326
+ --font-mobile-subtitle-font-size-md: 1rem;
327
+ --font-mobile-subtitle-font-size-sm: 0.875rem;
328
+ --font-mobile-subtitle-line-height-md: 1.5rem;
329
+ --font-mobile-subtitle-line-height-sm: 1.25rem;
330
+ --font-mobile-subtitle-font-weight-md: 600;
331
+ --font-mobile-subtitle-font-weight-sm: 600;
332
+ --font-mobile-body-font-weight-md: 400;
333
+ --font-mobile-body-font-weight-sm: 400;
334
+ --font-mobile-body-font-size-md: 1rem;
335
+ --font-mobile-body-font-size-sm: 0.875rem;
336
+ }
337
+
267
338
 
268
339
  * {
269
340
  -webkit-font-smoothing: antialiased;