@gooddata/sdk-ui-kit 10.25.0-alpha.47 → 10.25.0-alpha.49

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 (25) hide show
  1. package/esm/Dialog/DialogBase.js +1 -1
  2. package/esm/Dialog/DialogBase.js.map +1 -1
  3. package/package.json +8 -8
  4. package/styles/css/bubble.css +1 -1
  5. package/styles/css/button.css +2 -2
  6. package/styles/css/datepicker.css +6 -6
  7. package/styles/css/descriptionPanel.css +1 -1
  8. package/styles/css/dialog.css +3 -3
  9. package/styles/css/dialogList.css +2 -2
  10. package/styles/css/form.css +2 -2
  11. package/styles/css/header.css +9 -9
  12. package/styles/css/hyperlink.css +1 -1
  13. package/styles/css/invertableSelect.css +1 -1
  14. package/styles/css/list.css +4 -4
  15. package/styles/css/main.css +57 -57
  16. package/styles/css/menu.css +4 -4
  17. package/styles/css/messages.css +1 -1
  18. package/styles/css/overlay.css +3 -3
  19. package/styles/css/settingWidget.css +1 -1
  20. package/styles/css/shareDialog.css +4 -4
  21. package/styles/css/shareDialogSelectControl.css +3 -3
  22. package/styles/css/stylingEditorDialog.css +1 -1
  23. package/styles/css/tabs.css +1 -1
  24. package/styles/css/typo.css +11 -11
  25. package/styles/scss/variables.scss +1 -1
package/esm/Dialog/DialogBase.js CHANGED
@@ -4,7 +4,7 @@ import cx from "classnames";
4
4
  import { DialogCloseButton } from "./DialogCloseButton.js";
5
5
  import { UiFocusTrap } from "../@ui/UiFocusTrap/UiFocusTrap.js";
6
6
  const checkKeyHandler = (event, key, handler) => {
7
- if (event.key !== key) {
7
+ if (event.key !== key || !handler) {
8
8
  return;
9
9
  }
10
10
  event.preventDefault();
package/esm/Dialog/DialogBase.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DialogBase.js","sourceRoot":"","sources":["../../src/Dialog/DialogBase.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,MAAM,eAAe,GAAG,CAAC,KAA0B,EAAE,GAAW,EAAE,OAAmB,EAAQ,EAAE;IAC3F,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QACpB,OAAO;IACX,CAAC;IAED,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,eAAe,EAAE,CAAC;IAExB,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAuB,EAAW,EAAE;IACnE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,MAA0B,CAAC;IAErD,MAAM,kBAAkB,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IACjD,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvD,OAAO,CACH,kBAAkB,KAAK,UAAU;QACjC,CAAC,kBAAkB,KAAK,OAAO,IAAI,CAAC,eAAe,KAAK,MAAM,IAAI,eAAe,KAAK,QAAQ,CAAC,CAAC,CACnG,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAmB,SAAS,UAAU,CAAC,EACvE,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,OAAO,EACP,mBAAmB,EACnB,SAAS,EACT,eAAe,GAAG,IAAI,EACtB,QAAQ,EACR,WAAW,GAAG,iBAAiB,GAClC;IACG,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,KAAK,EAAE,EAAE;QACN,8DAA8D;QAC9D,MAAM,0BAA0B,GAAG,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACrF,IAAI,gBAAgB,KAAK,KAAK,IAAI,0BAA0B,EAAE,CAAC;YAC3D,OAAO;QACX,CAAC;QAED,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;QAC1C,eAAe,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CACzC,CAAC;IAEF,MAAM,aAAa,GAAG,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACH,oBAAC,WAAW,IAAC,eAAe,EAAE,eAAe;QACzC,6BACI,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,QAAQ,qBACG,mBAAmB,EAAE,cAAc,sBAClC,mBAAmB,EAAE,oBAAoB;YAE3D,6BAAK,SAAS,EAAE,aAAa;gBACxB,kBAAkB,CAAC,CAAC,CAAC,CAClB,oBAAC,WAAW,IACR,OAAO,EAAE,OAAO,IAAI,QAAQ,EAC5B,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CAAC,CAAC,CAAC,IAAI;gBAEP,QAAQ,CACP,CACJ,CACI,CACjB,CAAC;AACN,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"DialogBase.js","sourceRoot":"","sources":["../../src/Dialog/DialogBase.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,MAAM,eAAe,GAAG,CAAC,KAA0B,EAAE,GAAW,EAAE,OAAoB,EAAQ,EAAE;IAC5F,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAChC,OAAO;IACX,CAAC;IAED,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,eAAe,EAAE,CAAC;IAExB,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAuB,EAAW,EAAE;IACnE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,MAA0B,CAAC;IAErD,MAAM,kBAAkB,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IACjD,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvD,OAAO,CACH,kBAAkB,KAAK,UAAU;QACjC,CAAC,kBAAkB,KAAK,OAAO,IAAI,CAAC,eAAe,KAAK,MAAM,IAAI,eAAe,KAAK,QAAQ,CAAC,CAAC,CACnG,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAmB,SAAS,UAAU,CAAC,EACvE,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,OAAO,EACP,mBAAmB,EACnB,SAAS,EACT,eAAe,GAAG,IAAI,EACtB,QAAQ,EACR,WAAW,GAAG,iBAAiB,GAClC;IACG,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,KAAK,EAAE,EAAE;QACN,8DAA8D;QAC9D,MAAM,0BAA0B,GAAG,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACrF,IAAI,gBAAgB,KAAK,KAAK,IAAI,0BAA0B,EAAE,CAAC;YAC3D,OAAO;QACX,CAAC;QAED,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;QAC1C,eAAe,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CACzC,CAAC;IAEF,MAAM,aAAa,GAAG,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACH,oBAAC,WAAW,IAAC,eAAe,EAAE,eAAe;QACzC,6BACI,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,QAAQ,qBACG,mBAAmB,EAAE,cAAc,sBAClC,mBAAmB,EAAE,oBAAoB;YAE3D,6BAAK,SAAS,EAAE,aAAa;gBACxB,kBAAkB,CAAC,CAAC,CAAC,CAClB,oBAAC,WAAW,IACR,OAAO,EAAE,OAAO,IAAI,QAAQ,EAC5B,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CAAC,CAAC,CAAC,IAAI;gBAEP,QAAQ,CACP,CACJ,CACI,CACjB,CAAC;AACN,CAAC,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gooddata/sdk-ui-kit",
3
- "version": "10.25.0-alpha.47",
3
+ "version": "10.25.0-alpha.49",
4
4
  "description": "GoodData SDK - UI Building Components",
5
5
  "repository": {
6
6
  "type": "git",
@@ -68,11 +68,11 @@
68
68
  "tslib": "^2.5.0",
69
69
  "uuid": "^8.3.2",
70
70
  "unified": "^11.0.5",
71
- "@gooddata/sdk-backend-spi": "10.25.0-alpha.47",
72
- "@gooddata/sdk-model": "10.25.0-alpha.47",
73
- "@gooddata/sdk-ui": "10.25.0-alpha.47",
74
- "@gooddata/sdk-ui-theme-provider": "10.25.0-alpha.47",
75
- "@gooddata/util": "10.25.0-alpha.47"
71
+ "@gooddata/sdk-backend-spi": "10.25.0-alpha.49",
72
+ "@gooddata/sdk-model": "10.25.0-alpha.49",
73
+ "@gooddata/sdk-ui-theme-provider": "10.25.0-alpha.49",
74
+ "@gooddata/sdk-ui": "10.25.0-alpha.49",
75
+ "@gooddata/util": "10.25.0-alpha.49"
76
76
  },
77
77
  "peerDependencies": {
78
78
  "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -131,8 +131,8 @@
131
131
  "typescript": "5.3.3",
132
132
  "vitest": "3.0.8",
133
133
  "vitest-dom": "0.1.1",
134
- "@gooddata/sdk-backend-mockingbird": "10.25.0-alpha.47",
135
- "@gooddata/reference-workspace": "10.25.0-alpha.47"
134
+ "@gooddata/reference-workspace": "10.25.0-alpha.49",
135
+ "@gooddata/sdk-backend-mockingbird": "10.25.0-alpha.49"
136
136
  },
137
137
  "scripts": {
138
138
  "clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",
package/styles/css/bubble.css CHANGED
@@ -90,7 +90,7 @@
90
90
  .bubble .bubble-content .content,
91
91
  .bubble .bubble-content .content p,
92
92
  .bubble .bubble-content .content a {
93
- font: 400 12px/18px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
93
+ font: 400 12px/18px var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
94
94
  }
95
95
  .bubble .bubble-content .content p {
96
96
  margin: 0;
package/styles/css/button.css CHANGED
@@ -14,7 +14,7 @@
14
14
  align-items: center;
15
15
  padding: 5px 14px;
16
16
  border: 1px solid transparent;
17
- font: 400 14px/20px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
17
+ font: 400 14px/20px var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
18
18
  white-space: nowrap;
19
19
  vertical-align: middle;
20
20
  cursor: pointer;
@@ -359,7 +359,7 @@
359
359
  display: inline-flex;
360
360
  padding: 0 6px;
361
361
  border: 1px solid transparent;
362
- font: 400 14px/30px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
362
+ font: 400 14px/30px var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
363
363
  vertical-align: middle;
364
364
  color: var(--gd-palette-primary-base, #14b2e2);
365
365
  background: none;
package/styles/css/datepicker.css CHANGED
@@ -443,7 +443,7 @@
443
443
  margin-bottom: 0.6em;
444
444
  }
445
445
  .gd-datepicker-picker .rdp-caption_label {
446
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
446
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
447
447
  font-size: 17px;
448
448
  text-align: center;
449
449
  font-weight: normal;
@@ -456,7 +456,7 @@
456
456
  display: table-cell;
457
457
  color: var(--gd-palette-complementary-8-from-theme, #94a1ad);
458
458
  cursor: help;
459
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
459
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
460
460
  font-weight: 400;
461
461
  font-size: 13px;
462
462
  text-transform: none;
@@ -469,7 +469,7 @@
469
469
  .gd-datepicker-picker .rdp-day {
470
470
  padding: 0.3125em 0.55em;
471
471
  color: var(--gd-palette-complementary-8, #464e56);
472
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
472
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
473
473
  font-size: 14px;
474
474
  font-weight: 700;
475
475
  text-align: center;
@@ -566,7 +566,7 @@
566
566
  margin-left: 0.25em;
567
567
  margin-right: 0.25em;
568
568
  margin-bottom: 1em;
569
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
569
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
570
570
  font-size: 17px;
571
571
  text-align: center;
572
572
  }
@@ -581,7 +581,7 @@
581
581
  color: var(--gd-palette-complementary-8-from-theme, #94a1ad);
582
582
  cursor: help;
583
583
  padding-bottom: 0.5em;
584
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
584
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
585
585
  font-weight: 400;
586
586
  font-size: 13px;
587
587
  text-align: center;
@@ -600,7 +600,7 @@
600
600
  display: table-cell;
601
601
  padding: 0.3125em 0.55em;
602
602
  color: var(--gd-palette-complementary-8, #464e56);
603
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
603
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
604
604
  font-size: 14px;
605
605
  font-weight: 700;
606
606
  text-align: center;
package/styles/css/descriptionPanel.css CHANGED
@@ -31,7 +31,7 @@
31
31
  flex-direction: column;
32
32
  gap: 10px;
33
33
  background-color: var(--gd-palette-complementary-0, #fff);
34
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
34
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
35
35
  max-height: 510px;
36
36
  overflow: hidden;
37
37
  padding: 15px 0;
package/styles/css/dialog.css CHANGED
@@ -121,7 +121,7 @@
121
121
  }
122
122
  .gd-dialog-header h2 {
123
123
  color: var(--gd-palette-complementary-8, #464e56);
124
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
124
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
125
125
  font-weight: 400;
126
126
  font-weight: 700;
127
127
  line-height: 26px;
@@ -129,7 +129,7 @@
129
129
  }
130
130
  .gd-dialog-header h3 {
131
131
  color: var(--gd-palette-complementary-8, #464e56);
132
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
132
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
133
133
  font-weight: 400;
134
134
  font-weight: 700;
135
135
  line-height: 23px;
@@ -142,7 +142,7 @@
142
142
 
143
143
  .gd-dialog-icon {
144
144
  color: var(--gd-palette-complementary-8, #464e56);
145
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
145
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
146
146
  font-weight: 400;
147
147
  font-weight: 700;
148
148
  line-height: 30px;
package/styles/css/dialogList.css CHANGED
@@ -6,7 +6,7 @@
6
6
  min-height: 50px;
7
7
  padding-bottom: 5px;
8
8
  font-weight: normal;
9
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
9
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
10
10
  font-size: 14px;
11
11
  line-height: 20px;
12
12
  color: var(--gd-palette-complementary-6, #94a1ad);
@@ -20,7 +20,7 @@
20
20
  padding-top: 10px;
21
21
  text-align: center;
22
22
  font-weight: normal;
23
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
23
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
24
24
  font-size: 14px;
25
25
  line-height: 20px;
26
26
  color: var(--gd-palette-complementary-6, #94a1ad);
package/styles/css/form.css CHANGED
@@ -33,7 +33,7 @@
33
33
  color: var(--gd-palette-complementary-8, #464e56);
34
34
  background: var(--gd-palette-complementary-0, #fff);
35
35
  font-size: 14px;
36
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
36
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
37
37
  font-weight: 200;
38
38
  border-radius: 3px;
39
39
  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
@@ -413,7 +413,7 @@ textarea.gd-input, textarea.input-text {
413
413
  color: var(--gd-palette-complementary-8, #464e56);
414
414
  background: var(--gd-palette-complementary-0, #fff);
415
415
  font-size: 14px;
416
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
416
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
417
417
  font-weight: 200;
418
418
  color: var(--gd-palette-complementary-6-from-theme, #b0beca);
419
419
  min-width: 30px;
package/styles/css/header.css CHANGED
@@ -10,7 +10,7 @@
10
10
  padding: 0 0 0 20px;
11
11
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
12
12
  color: #fff;
13
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
13
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
14
14
  background: #000;
15
15
  }
16
16
  .gd-header.is-not-loaded {
@@ -393,7 +393,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
393
393
  min-width: 210px;
394
394
  }
395
395
  .gd-header-search-dropdown .gd-list .gd-list-item {
396
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
396
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
397
397
  font-weight: 400;
398
398
  }
399
399
 
@@ -449,7 +449,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
449
449
  min-width: 210px;
450
450
  }
451
451
  .gd-header-notifications-dropdown .gd-list .gd-list-item {
452
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
452
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
453
453
  font-weight: 400;
454
454
  }
455
455
 
@@ -562,7 +562,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
562
562
  margin: -1px 0 0 5px;
563
563
  font-size: 14px;
564
564
  line-height: 44px;
565
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
565
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
566
566
  }
567
567
  .gd-header-invite .gd-header-invite-icon {
568
568
  display: inline-block;
@@ -782,7 +782,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
782
782
  border: none;
783
783
  justify-content: flex-start;
784
784
  font-size: 14px;
785
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
785
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
786
786
  font-weight: 400;
787
787
  padding: 0 15px;
788
788
  }
@@ -819,7 +819,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
819
819
  min-width: 210px;
820
820
  }
821
821
  .gd-header-account-dropdown .gd-list .gd-list-item {
822
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
822
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
823
823
  font-weight: 400;
824
824
  }
825
825
  .gd-header-account-dropdown .gd-list a.gd-list-item:focus-visible {
@@ -840,7 +840,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
840
840
  .gd-header-help-dropdown .gd-list .gd-list-item {
841
841
  padding-top: 5px;
842
842
  padding-bottom: 5px;
843
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
843
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
844
844
  font-weight: 400;
845
845
  white-space: unset;
846
846
  }
@@ -1027,7 +1027,7 @@ button.gd-button-primary.gd-upsell-button {
1027
1027
  border-radius: 3px;
1028
1028
  color: #fff;
1029
1029
  background: #8351a4;
1030
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
1030
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1031
1031
  }
1032
1032
  button.gd-button-primary.gd-upsell-button .gd-upgrade-button-text {
1033
1033
  margin-right: 11px;
@@ -1104,7 +1104,7 @@ button.gd-button-primary.gd-upsell-button:active {
1104
1104
  font: inherit;
1105
1105
  background: none !important;
1106
1106
  cursor: pointer;
1107
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
1107
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1108
1108
  border-style: none;
1109
1109
  perspective-origin: 0 0;
1110
1110
  text-align: start;
package/styles/css/hyperlink.css CHANGED
@@ -6,7 +6,7 @@
6
6
  line-height: 20px;
7
7
  white-space: nowrap;
8
8
  color: var(--gd-palette-complementary-7-from-theme, #687581);
9
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
9
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
10
10
  font-size: 14px;
11
11
  text-decoration: none;
12
12
  gap: 10px;
package/styles/css/invertableSelect.css CHANGED
@@ -67,7 +67,7 @@ input[type=search]::-webkit-search-cancel-button {
67
67
  font-size: 12px;
68
68
  padding-top: 5px;
69
69
  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
70
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
70
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
71
71
  }
72
72
  .gd-invertable-select-selection-status span,
73
73
  .gd-invertable-select-selection-status b {
package/styles/css/list.css CHANGED
@@ -1074,7 +1074,7 @@
1074
1074
  padding: 15px;
1075
1075
  color: var(--gd-palette-complementary-6, #94a1ad);
1076
1076
  font-size: 14px;
1077
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
1077
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1078
1078
  text-align: center;
1079
1079
  }
1080
1080
 
@@ -1093,7 +1093,7 @@
1093
1093
  font-size: 12px;
1094
1094
  padding-top: 5px;
1095
1095
  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
1096
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
1096
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1097
1097
  }
1098
1098
  .gd-list-status-bar span {
1099
1099
  flex: 0 0 auto;
@@ -1119,7 +1119,7 @@
1119
1119
  }
1120
1120
 
1121
1121
  .gd-list-actions {
1122
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
1122
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1123
1123
  margin: 0 10px 10px;
1124
1124
  line-height: 1;
1125
1125
  font-size: 12px;
@@ -1174,7 +1174,7 @@
1174
1174
  padding: 0 10px;
1175
1175
  color: var(--gd-palette-complementary-8, #464e56);
1176
1176
  cursor: pointer;
1177
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
1177
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1178
1178
  font-size: 12px;
1179
1179
  text-decoration: none;
1180
1180
  overflow: hidden;
package/styles/css/main.css CHANGED
@@ -817,7 +817,7 @@
817
817
 
818
818
  .gd-heading-1 {
819
819
  color: var(--gd-palette-complementary-8, #464e56);
820
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
820
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
821
821
  font-weight: 400;
822
822
  font-weight: 700;
823
823
  line-height: 30px;
@@ -826,7 +826,7 @@
826
826
 
827
827
  .gd-heading-2 {
828
828
  color: var(--gd-palette-complementary-8, #464e56);
829
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
829
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
830
830
  font-weight: 400;
831
831
  font-weight: 700;
832
832
  line-height: 26px;
@@ -835,7 +835,7 @@
835
835
 
836
836
  .gd-heading-3 {
837
837
  color: var(--gd-palette-complementary-8, #464e56);
838
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
838
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
839
839
  font-weight: 400;
840
840
  font-weight: 700;
841
841
  line-height: 23px;
@@ -843,7 +843,7 @@
843
843
  }
844
844
 
845
845
  .gd-paragraph {
846
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
846
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
847
847
  font-weight: 400;
848
848
  line-height: 1.4rem;
849
849
  color: var(--gd-palette-complementary-8, #464e56);
@@ -851,7 +851,7 @@
851
851
  }
852
852
 
853
853
  .gd-label-top {
854
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
854
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
855
855
  font-weight: 400;
856
856
  line-height: 1.8rem;
857
857
  color: var(--gd-palette-complementary-7, #6d7680);
@@ -860,7 +860,7 @@
860
860
  }
861
861
 
862
862
  .gd-label {
863
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
863
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
864
864
  font-weight: 400;
865
865
  line-height: 1.8rem;
866
866
  color: var(--gd-palette-complementary-7, #6d7680);
@@ -868,7 +868,7 @@
868
868
  }
869
869
 
870
870
  .gd-label-small {
871
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
871
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
872
872
  font-weight: 400;
873
873
  line-height: 1.8rem;
874
874
  color: var(--gd-palette-complementary-7, #6d7680);
@@ -880,7 +880,7 @@
880
880
  }
881
881
  .gd-typography--h1 {
882
882
  color: var(--gd-palette-complementary-8, #464e56);
883
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
883
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
884
884
  font-weight: 400;
885
885
  font-weight: 700;
886
886
  line-height: 30px;
@@ -888,7 +888,7 @@
888
888
  }
889
889
  .gd-typography--h2 {
890
890
  color: var(--gd-palette-complementary-8, #464e56);
891
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
891
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
892
892
  font-weight: 400;
893
893
  font-weight: 700;
894
894
  line-height: 26px;
@@ -896,14 +896,14 @@
896
896
  }
897
897
  .gd-typography--h3 {
898
898
  color: var(--gd-palette-complementary-8, #464e56);
899
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
899
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
900
900
  font-weight: 400;
901
901
  font-weight: 700;
902
902
  line-height: 23px;
903
903
  font-size: 17px;
904
904
  }
905
905
  .gd-typography--p {
906
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
906
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
907
907
  font-weight: 400;
908
908
  line-height: 1.4rem;
909
909
  color: var(--gd-palette-complementary-8, #464e56);
@@ -1372,7 +1372,7 @@
1372
1372
  .bubble .bubble-content .content,
1373
1373
  .bubble .bubble-content .content p,
1374
1374
  .bubble .bubble-content .content a {
1375
- font: 400 12px/18px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
1375
+ font: 400 12px/18px var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1376
1376
  }
1377
1377
  .bubble .bubble-content .content p {
1378
1378
  margin: 0;
@@ -1791,7 +1791,7 @@
1791
1791
  align-items: center;
1792
1792
  padding: 5px 14px;
1793
1793
  border: 1px solid transparent;
1794
- font: 400 14px/20px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
1794
+ font: 400 14px/20px var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1795
1795
  white-space: nowrap;
1796
1796
  vertical-align: middle;
1797
1797
  cursor: pointer;
@@ -2136,7 +2136,7 @@
2136
2136
  display: inline-flex;
2137
2137
  padding: 0 6px;
2138
2138
  border: 1px solid transparent;
2139
- font: 400 14px/30px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
2139
+ font: 400 14px/30px var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
2140
2140
  vertical-align: middle;
2141
2141
  color: var(--gd-palette-primary-base, #14b2e2);
2142
2142
  background: none;
@@ -2963,7 +2963,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
2963
2963
  margin-bottom: 0.6em;
2964
2964
  }
2965
2965
  .gd-datepicker-picker .rdp-caption_label {
2966
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
2966
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
2967
2967
  font-size: 17px;
2968
2968
  text-align: center;
2969
2969
  font-weight: normal;
@@ -2976,7 +2976,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
2976
2976
  display: table-cell;
2977
2977
  color: var(--gd-palette-complementary-8-from-theme, #94a1ad);
2978
2978
  cursor: help;
2979
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
2979
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
2980
2980
  font-weight: 400;
2981
2981
  font-size: 13px;
2982
2982
  text-transform: none;
@@ -2989,7 +2989,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
2989
2989
  .gd-datepicker-picker .rdp-day {
2990
2990
  padding: 0.3125em 0.55em;
2991
2991
  color: var(--gd-palette-complementary-8, #464e56);
2992
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
2992
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
2993
2993
  font-size: 14px;
2994
2994
  font-weight: 700;
2995
2995
  text-align: center;
@@ -3086,7 +3086,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
3086
3086
  margin-left: 0.25em;
3087
3087
  margin-right: 0.25em;
3088
3088
  margin-bottom: 1em;
3089
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
3089
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
3090
3090
  font-size: 17px;
3091
3091
  text-align: center;
3092
3092
  }
@@ -3101,7 +3101,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
3101
3101
  color: var(--gd-palette-complementary-8-from-theme, #94a1ad);
3102
3102
  cursor: help;
3103
3103
  padding-bottom: 0.5em;
3104
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
3104
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
3105
3105
  font-weight: 400;
3106
3106
  font-size: 13px;
3107
3107
  text-align: center;
@@ -3120,7 +3120,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
3120
3120
  display: table-cell;
3121
3121
  padding: 0.3125em 0.55em;
3122
3122
  color: var(--gd-palette-complementary-8, #464e56);
3123
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
3123
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
3124
3124
  font-size: 14px;
3125
3125
  font-weight: 700;
3126
3126
  text-align: center;
@@ -3268,7 +3268,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
3268
3268
  }
3269
3269
  .gd-dialog-header h2 {
3270
3270
  color: var(--gd-palette-complementary-8, #464e56);
3271
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
3271
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
3272
3272
  font-weight: 400;
3273
3273
  font-weight: 700;
3274
3274
  line-height: 26px;
@@ -3276,7 +3276,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
3276
3276
  }
3277
3277
  .gd-dialog-header h3 {
3278
3278
  color: var(--gd-palette-complementary-8, #464e56);
3279
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
3279
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
3280
3280
  font-weight: 400;
3281
3281
  font-weight: 700;
3282
3282
  line-height: 23px;
@@ -3289,7 +3289,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
3289
3289
 
3290
3290
  .gd-dialog-icon {
3291
3291
  color: var(--gd-palette-complementary-8, #464e56);
3292
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
3292
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
3293
3293
  font-weight: 400;
3294
3294
  font-weight: 700;
3295
3295
  line-height: 30px;
@@ -3588,7 +3588,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
3588
3588
  color: var(--gd-palette-complementary-8, #464e56);
3589
3589
  background: var(--gd-palette-complementary-0, #fff);
3590
3590
  font-size: 14px;
3591
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
3591
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
3592
3592
  font-weight: 200;
3593
3593
  border-radius: 3px;
3594
3594
  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
@@ -3968,7 +3968,7 @@ textarea.gd-input, textarea.input-text {
3968
3968
  color: var(--gd-palette-complementary-8, #464e56);
3969
3969
  background: var(--gd-palette-complementary-0, #fff);
3970
3970
  font-size: 14px;
3971
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
3971
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
3972
3972
  font-weight: 200;
3973
3973
  color: var(--gd-palette-complementary-6-from-theme, #b0beca);
3974
3974
  min-width: 30px;
@@ -5728,7 +5728,7 @@ span.CodeMirror-selectedtext {
5728
5728
  padding: 15px;
5729
5729
  color: var(--gd-palette-complementary-6, #94a1ad);
5730
5730
  font-size: 14px;
5731
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
5731
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
5732
5732
  text-align: center;
5733
5733
  }
5734
5734
 
@@ -5747,7 +5747,7 @@ span.CodeMirror-selectedtext {
5747
5747
  font-size: 12px;
5748
5748
  padding-top: 5px;
5749
5749
  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
5750
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
5750
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
5751
5751
  }
5752
5752
  .gd-list-status-bar span {
5753
5753
  flex: 0 0 auto;
@@ -5773,7 +5773,7 @@ span.CodeMirror-selectedtext {
5773
5773
  }
5774
5774
 
5775
5775
  .gd-list-actions {
5776
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
5776
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
5777
5777
  margin: 0 10px 10px;
5778
5778
  line-height: 1;
5779
5779
  font-size: 12px;
@@ -5828,7 +5828,7 @@ span.CodeMirror-selectedtext {
5828
5828
  padding: 0 10px;
5829
5829
  color: var(--gd-palette-complementary-8, #464e56);
5830
5830
  cursor: pointer;
5831
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
5831
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
5832
5832
  font-size: 12px;
5833
5833
  text-decoration: none;
5834
5834
  overflow: hidden;
@@ -6368,7 +6368,7 @@ span.CodeMirror-selectedtext {
6368
6368
  align-items: flex-end;
6369
6369
  margin: 0 20px -1px 0;
6370
6370
  padding: 3px 0;
6371
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
6371
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
6372
6372
  font-weight: 400;
6373
6373
  line-height: 16px;
6374
6374
  color: var(--gd-palette-complementary-7, #6d7680);
@@ -6403,7 +6403,7 @@ span.CodeMirror-selectedtext {
6403
6403
  padding: 0 0 0 20px;
6404
6404
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
6405
6405
  color: #fff;
6406
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
6406
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
6407
6407
  background: #000;
6408
6408
  }
6409
6409
  .gd-header.is-not-loaded {
@@ -6786,7 +6786,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
6786
6786
  min-width: 210px;
6787
6787
  }
6788
6788
  .gd-header-search-dropdown .gd-list .gd-list-item {
6789
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
6789
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
6790
6790
  font-weight: 400;
6791
6791
  }
6792
6792
 
@@ -6842,7 +6842,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
6842
6842
  min-width: 210px;
6843
6843
  }
6844
6844
  .gd-header-notifications-dropdown .gd-list .gd-list-item {
6845
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
6845
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
6846
6846
  font-weight: 400;
6847
6847
  }
6848
6848
 
@@ -6955,7 +6955,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
6955
6955
  margin: -1px 0 0 5px;
6956
6956
  font-size: 14px;
6957
6957
  line-height: 44px;
6958
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
6958
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
6959
6959
  }
6960
6960
  .gd-header-invite .gd-header-invite-icon {
6961
6961
  display: inline-block;
@@ -7175,7 +7175,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
7175
7175
  border: none;
7176
7176
  justify-content: flex-start;
7177
7177
  font-size: 14px;
7178
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
7178
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
7179
7179
  font-weight: 400;
7180
7180
  padding: 0 15px;
7181
7181
  }
@@ -7212,7 +7212,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
7212
7212
  min-width: 210px;
7213
7213
  }
7214
7214
  .gd-header-account-dropdown .gd-list .gd-list-item {
7215
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
7215
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
7216
7216
  font-weight: 400;
7217
7217
  }
7218
7218
  .gd-header-account-dropdown .gd-list a.gd-list-item:focus-visible {
@@ -7233,7 +7233,7 @@ a.gd-list-help-menu-item.gd-list-item:focus {
7233
7233
  .gd-header-help-dropdown .gd-list .gd-list-item {
7234
7234
  padding-top: 5px;
7235
7235
  padding-bottom: 5px;
7236
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
7236
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
7237
7237
  font-weight: 400;
7238
7238
  white-space: unset;
7239
7239
  }
@@ -7420,7 +7420,7 @@ button.gd-button-primary.gd-upsell-button {
7420
7420
  border-radius: 3px;
7421
7421
  color: #fff;
7422
7422
  background: #8351a4;
7423
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
7423
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
7424
7424
  }
7425
7425
  button.gd-button-primary.gd-upsell-button .gd-upgrade-button-text {
7426
7426
  margin-right: 11px;
@@ -7497,7 +7497,7 @@ button.gd-button-primary.gd-upsell-button:active {
7497
7497
  font: inherit;
7498
7498
  background: none !important;
7499
7499
  cursor: pointer;
7500
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
7500
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
7501
7501
  border-style: none;
7502
7502
  perspective-origin: 0 0;
7503
7503
  text-align: start;
@@ -7683,7 +7683,7 @@ button.gd-button-primary.gd-upsell-button:active {
7683
7683
  pointer-events: all;
7684
7684
  max-width: 100%;
7685
7685
  border-radius: 3px;
7686
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
7686
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
7687
7687
  font-size: 14px;
7688
7688
  text-align: left;
7689
7689
  }
@@ -7844,7 +7844,7 @@ button.gd-button-primary.gd-upsell-button:active {
7844
7844
  }
7845
7845
 
7846
7846
  .overlay {
7847
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
7847
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
7848
7848
  font-weight: 400;
7849
7849
  line-height: 1.4rem;
7850
7850
  color: var(--gd-palette-complementary-8, #464e56);
@@ -7852,7 +7852,7 @@ button.gd-button-primary.gd-upsell-button:active {
7852
7852
  position: relative;
7853
7853
  padding: 0.1px;
7854
7854
  border-radius: 3px;
7855
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
7855
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
7856
7856
  background-color: var(--gd-palette-complementary-0, #fff);
7857
7857
  box-shadow: 0 1px 20px var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.2));
7858
7858
  }
@@ -7863,7 +7863,7 @@ button.gd-button-primary.gd-upsell-button:active {
7863
7863
  }
7864
7864
 
7865
7865
  .gd-overlay-content {
7866
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
7866
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
7867
7867
  line-height: 1.5;
7868
7868
  }
7869
7869
  .gd-overlay-content *,
@@ -9095,7 +9095,7 @@ button.gd-button-primary.gd-upsell-button:active {
9095
9095
  align-items: center;
9096
9096
  height: 50px;
9097
9097
  font-weight: normal;
9098
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
9098
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
9099
9099
  font-size: 14px;
9100
9100
  line-height: 20px;
9101
9101
  color: var(--gd-palette-complementary-6, #94a1ad);
@@ -9149,7 +9149,7 @@ button.gd-button-primary.gd-upsell-button:active {
9149
9149
  }
9150
9150
  .gd-share-dialog-grantee-item .gd-grantee-content-label {
9151
9151
  overflow: hidden;
9152
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
9152
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
9153
9153
  font-size: 14px;
9154
9154
  line-height: 1.3rem;
9155
9155
  white-space: nowrap;
@@ -9160,7 +9160,7 @@ button.gd-button-primary.gd-upsell-button:active {
9160
9160
  }
9161
9161
  .gd-share-dialog-grantee-item .gd-grantee-content-label-inactive {
9162
9162
  overflow: hidden;
9163
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
9163
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
9164
9164
  font-size: 14px;
9165
9165
  line-height: 1.3rem;
9166
9166
  white-space: nowrap;
@@ -9319,7 +9319,7 @@ button.gd-button-primary.gd-upsell-button:active {
9319
9319
  padding: 0 8px;
9320
9320
  margin-left: 4px;
9321
9321
  border: 1px solid transparent;
9322
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
9322
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
9323
9323
  }
9324
9324
  .gd-share-dialog-grantee-item .gd-granular-permission-button.disabled {
9325
9325
  color: var(--gd-palette-complementary-5, #b0beca);
@@ -9358,7 +9358,7 @@ button.gd-button-primary.gd-upsell-button:active {
9358
9358
  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
9359
9359
  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
9360
9360
  font-size: 14px;
9361
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
9361
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
9362
9362
  font-weight: 200;
9363
9363
  line-height: normal;
9364
9364
  vertical-align: middle;
@@ -9398,7 +9398,7 @@ button.gd-button-primary.gd-upsell-button:active {
9398
9398
  }
9399
9399
  .gd-share-dialog-content-select .gd-share-dialog-input .gd-share-dialog__input input {
9400
9400
  width: 100% !important;
9401
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
9401
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
9402
9402
  }
9403
9403
  .gd-share-dialog-content-select .gd-share-dialog__placeholder {
9404
9404
  position: absolute;
@@ -9450,7 +9450,7 @@ button.gd-button-primary.gd-upsell-button:active {
9450
9450
  margin: 4px;
9451
9451
  padding: 4px;
9452
9452
  font-size: 14px;
9453
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
9453
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
9454
9454
  font-weight: 200;
9455
9455
  line-height: normal;
9456
9456
  vertical-align: middle;
@@ -9872,7 +9872,7 @@ button.gd-button-primary.gd-upsell-button:active {
9872
9872
  min-height: 50px;
9873
9873
  padding-bottom: 5px;
9874
9874
  font-weight: normal;
9875
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
9875
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
9876
9876
  font-size: 14px;
9877
9877
  line-height: 20px;
9878
9878
  color: var(--gd-palette-complementary-6, #94a1ad);
@@ -9886,7 +9886,7 @@ button.gd-button-primary.gd-upsell-button:active {
9886
9886
  padding-top: 10px;
9887
9887
  text-align: center;
9888
9888
  font-weight: normal;
9889
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
9889
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
9890
9890
  font-size: 14px;
9891
9891
  line-height: 20px;
9892
9892
  color: var(--gd-palette-complementary-6, #94a1ad);
@@ -10151,7 +10151,7 @@ button.gd-button-primary.gd-upsell-button:active {
10151
10151
 
10152
10152
  .gd-styling-editor-dialog {
10153
10153
  display: flex;
10154
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
10154
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
10155
10155
  max-height: 560px;
10156
10156
  width: 100vw;
10157
10157
  height: 100vh;
@@ -10415,7 +10415,7 @@ input[type=search]::-webkit-search-cancel-button {
10415
10415
  font-size: 12px;
10416
10416
  padding-top: 5px;
10417
10417
  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
10418
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
10418
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
10419
10419
  }
10420
10420
  .gd-invertable-select-selection-status span,
10421
10421
  .gd-invertable-select-selection-status b {
@@ -10475,7 +10475,7 @@ input[type=search]::-webkit-search-cancel-button {
10475
10475
  flex-direction: row;
10476
10476
  align-items: center;
10477
10477
  flex-wrap: nowrap;
10478
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
10478
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
10479
10479
  margin: 20px;
10480
10480
  color: var(--gd-palette-complementary-8, #464e56);
10481
10481
  gap: 10px;
@@ -10550,7 +10550,7 @@ input[type=search]::-webkit-search-cancel-button {
10550
10550
  line-height: 20px;
10551
10551
  white-space: nowrap;
10552
10552
  color: var(--gd-palette-complementary-7-from-theme, #687581);
10553
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
10553
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
10554
10554
  font-size: 14px;
10555
10555
  text-decoration: none;
10556
10556
  gap: 10px;
@@ -10606,7 +10606,7 @@ input[type=search]::-webkit-search-cancel-button {
10606
10606
  flex-direction: column;
10607
10607
  gap: 10px;
10608
10608
  background-color: var(--gd-palette-complementary-0, #fff);
10609
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
10609
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
10610
10610
  max-height: 510px;
10611
10611
  overflow: hidden;
10612
10612
  padding: 15px 0;
package/styles/css/menu.css CHANGED
@@ -1074,7 +1074,7 @@
1074
1074
  padding: 15px;
1075
1075
  color: var(--gd-palette-complementary-6, #94a1ad);
1076
1076
  font-size: 14px;
1077
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
1077
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1078
1078
  text-align: center;
1079
1079
  }
1080
1080
 
@@ -1093,7 +1093,7 @@
1093
1093
  font-size: 12px;
1094
1094
  padding-top: 5px;
1095
1095
  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
1096
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
1096
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1097
1097
  }
1098
1098
  .gd-list-status-bar span {
1099
1099
  flex: 0 0 auto;
@@ -1119,7 +1119,7 @@
1119
1119
  }
1120
1120
 
1121
1121
  .gd-list-actions {
1122
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
1122
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1123
1123
  margin: 0 10px 10px;
1124
1124
  line-height: 1;
1125
1125
  font-size: 12px;
@@ -1174,7 +1174,7 @@
1174
1174
  padding: 0 10px;
1175
1175
  color: var(--gd-palette-complementary-8, #464e56);
1176
1176
  cursor: pointer;
1177
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
1177
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
1178
1178
  font-size: 12px;
1179
1179
  text-decoration: none;
1180
1180
  overflow: hidden;
package/styles/css/messages.css CHANGED
@@ -154,7 +154,7 @@
154
154
  pointer-events: all;
155
155
  max-width: 100%;
156
156
  border-radius: 3px;
157
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
157
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
158
158
  font-size: 14px;
159
159
  text-align: left;
160
160
  }
package/styles/css/overlay.css CHANGED
@@ -9,7 +9,7 @@
9
9
  }
10
10
 
11
11
  .overlay {
12
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
12
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
13
13
  font-weight: 400;
14
14
  line-height: 1.4rem;
15
15
  color: var(--gd-palette-complementary-8, #464e56);
@@ -17,7 +17,7 @@
17
17
  position: relative;
18
18
  padding: 0.1px;
19
19
  border-radius: 3px;
20
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
20
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
21
21
  background-color: var(--gd-palette-complementary-0, #fff);
22
22
  box-shadow: 0 1px 20px var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.2));
23
23
  }
@@ -28,7 +28,7 @@
28
28
  }
29
29
 
30
30
  .gd-overlay-content {
31
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
31
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
32
32
  line-height: 1.5;
33
33
  }
34
34
  .gd-overlay-content *,
package/styles/css/settingWidget.css CHANGED
@@ -14,7 +14,7 @@
14
14
  flex-direction: row;
15
15
  align-items: center;
16
16
  flex-wrap: nowrap;
17
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
17
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
18
18
  margin: 20px;
19
19
  color: var(--gd-palette-complementary-8, #464e56);
20
20
  gap: 10px;
package/styles/css/shareDialog.css CHANGED
@@ -45,7 +45,7 @@
45
45
  align-items: center;
46
46
  height: 50px;
47
47
  font-weight: normal;
48
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
48
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
49
49
  font-size: 14px;
50
50
  line-height: 20px;
51
51
  color: var(--gd-palette-complementary-6, #94a1ad);
@@ -99,7 +99,7 @@
99
99
  }
100
100
  .gd-share-dialog-grantee-item .gd-grantee-content-label {
101
101
  overflow: hidden;
102
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
102
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
103
103
  font-size: 14px;
104
104
  line-height: 1.3rem;
105
105
  white-space: nowrap;
@@ -110,7 +110,7 @@
110
110
  }
111
111
  .gd-share-dialog-grantee-item .gd-grantee-content-label-inactive {
112
112
  overflow: hidden;
113
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
113
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
114
114
  font-size: 14px;
115
115
  line-height: 1.3rem;
116
116
  white-space: nowrap;
@@ -269,7 +269,7 @@
269
269
  padding: 0 8px;
270
270
  margin-left: 4px;
271
271
  border: 1px solid transparent;
272
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
272
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
273
273
  }
274
274
  .gd-share-dialog-grantee-item .gd-granular-permission-button.disabled {
275
275
  color: var(--gd-palette-complementary-5, #b0beca);
package/styles/css/shareDialogSelectControl.css CHANGED
@@ -14,7 +14,7 @@
14
14
  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
15
15
  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
16
16
  font-size: 14px;
17
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
17
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
18
18
  font-weight: 200;
19
19
  line-height: normal;
20
20
  vertical-align: middle;
@@ -54,7 +54,7 @@
54
54
  }
55
55
  .gd-share-dialog-content-select .gd-share-dialog-input .gd-share-dialog__input input {
56
56
  width: 100% !important;
57
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
57
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
58
58
  }
59
59
  .gd-share-dialog-content-select .gd-share-dialog__placeholder {
60
60
  position: absolute;
@@ -106,7 +106,7 @@
106
106
  margin: 4px;
107
107
  padding: 4px;
108
108
  font-size: 14px;
109
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
109
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
110
110
  font-weight: 200;
111
111
  line-height: normal;
112
112
  vertical-align: middle;
package/styles/css/stylingEditorDialog.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .gd-styling-editor-dialog {
2
2
  display: flex;
3
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
3
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
4
4
  max-height: 560px;
5
5
  width: 100vw;
6
6
  height: 100vh;
package/styles/css/tabs.css CHANGED
@@ -15,7 +15,7 @@
15
15
  align-items: flex-end;
16
16
  margin: 0 20px -1px 0;
17
17
  padding: 3px 0;
18
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
18
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
19
19
  font-weight: 400;
20
20
  line-height: 16px;
21
21
  color: var(--gd-palette-complementary-7, #6d7680);
package/styles/css/typo.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .gd-heading-1 {
2
2
  color: var(--gd-palette-complementary-8, #464e56);
3
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
3
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
4
4
  font-weight: 400;
5
5
  font-weight: 700;
6
6
  line-height: 30px;
@@ -9,7 +9,7 @@
9
9
 
10
10
  .gd-heading-2 {
11
11
  color: var(--gd-palette-complementary-8, #464e56);
12
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
12
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
13
13
  font-weight: 400;
14
14
  font-weight: 700;
15
15
  line-height: 26px;
@@ -18,7 +18,7 @@
18
18
 
19
19
  .gd-heading-3 {
20
20
  color: var(--gd-palette-complementary-8, #464e56);
21
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
21
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
22
22
  font-weight: 400;
23
23
  font-weight: 700;
24
24
  line-height: 23px;
@@ -26,7 +26,7 @@
26
26
  }
27
27
 
28
28
  .gd-paragraph {
29
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
29
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
30
30
  font-weight: 400;
31
31
  line-height: 1.4rem;
32
32
  color: var(--gd-palette-complementary-8, #464e56);
@@ -34,7 +34,7 @@
34
34
  }
35
35
 
36
36
  .gd-label-top {
37
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
37
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
38
38
  font-weight: 400;
39
39
  line-height: 1.8rem;
40
40
  color: var(--gd-palette-complementary-7, #6d7680);
@@ -43,7 +43,7 @@
43
43
  }
44
44
 
45
45
  .gd-label {
46
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
46
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
47
47
  font-weight: 400;
48
48
  line-height: 1.8rem;
49
49
  color: var(--gd-palette-complementary-7, #6d7680);
@@ -51,7 +51,7 @@
51
51
  }
52
52
 
53
53
  .gd-label-small {
54
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
54
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
55
55
  font-weight: 400;
56
56
  line-height: 1.8rem;
57
57
  color: var(--gd-palette-complementary-7, #6d7680);
@@ -63,7 +63,7 @@
63
63
  }
64
64
  .gd-typography--h1 {
65
65
  color: var(--gd-palette-complementary-8, #464e56);
66
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
66
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
67
67
  font-weight: 400;
68
68
  font-weight: 700;
69
69
  line-height: 30px;
@@ -71,7 +71,7 @@
71
71
  }
72
72
  .gd-typography--h2 {
73
73
  color: var(--gd-palette-complementary-8, #464e56);
74
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
74
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
75
75
  font-weight: 400;
76
76
  font-weight: 700;
77
77
  line-height: 26px;
@@ -79,14 +79,14 @@
79
79
  }
80
80
  .gd-typography--h3 {
81
81
  color: var(--gd-palette-complementary-8, #464e56);
82
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
82
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
83
83
  font-weight: 400;
84
84
  font-weight: 700;
85
85
  line-height: 23px;
86
86
  font-size: 17px;
87
87
  }
88
88
  .gd-typography--p {
89
- font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
89
+ font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
90
90
  font-weight: 400;
91
91
  line-height: 1.4rem;
92
92
  color: var(--gd-palette-complementary-8, #464e56);
package/styles/scss/variables.scss CHANGED
@@ -92,7 +92,7 @@ $gd-color-warning-label-dimmed: var(
92
92
  );
93
93
 
94
94
  // font and typo
95
- $gd-font-primary: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
95
+ $gd-font-primary: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
96
96
  $gd-font-indigo: "Indigo", sans-serif;
97
97
 
98
98
  $gd-typo: (