Merge pull request #5732 from HSLdevcom/AB#509

AB#509 design system with digitransit themes to V3

Author: sharhio

digitransit-component/packages/digitransit-component-autosuggest-panel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitransit-component/digitransit-component-autosuggest-panel",
-  "version": "8.2.2",
+  "version": "8.2.3",
   "description": "digitransit-component autosuggest-panel module",
   "main": "index.js",
   "files": [
@@ -28,7 +28,7 @@
   "author": "Digitransit Authors",
   "license": "(AGPL-3.0 OR EUPL-1.2)",
   "peerDependencies": {
-    "@digitransit-component/digitransit-component-autosuggest": "^7.1.2",
+    "@digitransit-component/digitransit-component-autosuggest": "^7.1.4",
     "@digitransit-component/digitransit-component-icon": "^2.0.1",
     "@hsl-fi/sass": "1.0.0",
     "classnames": "2.5.1",

digitransit-component/packages/digitransit-component-autosuggest/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitransit-component/digitransit-component-autosuggest",
-  "version": "7.1.3",
+  "version": "7.1.4",
   "description": "digitransit-component autosuggest module",
   "main": "index.js",
   "files": [
@@ -35,9 +35,9 @@
     "@hsl-fi/hooks": "^1.2.4"
   },
   "peerDependencies": {
-    "@digitransit-component/digitransit-component-dialog-modal": "^3.0.1",
+    "@digitransit-component/digitransit-component-dialog-modal": "^3.0.2",
     "@digitransit-component/digitransit-component-icon": "^2.0.1",
-    "@digitransit-component/digitransit-component-suggestion-item": "^3.0.1",
+    "@digitransit-component/digitransit-component-suggestion-item": "^3.0.2",
     "@hsl-fi/sass": "1.0.0",
     "classnames": "2.5.1",
     "downshift": "9.0.10",

digitransit-component/packages/digitransit-component-autosuggest/src/components/MobileSearch.scss

@@ -72,8 +72,7 @@ input[type='text'] {
   width: 100%;
 
   .input {
-    font-family: 'Gotham Rounded A', 'Gotham Rounded B', Roboto, Arial, Georgia,
-      serif;
+    font-family: var(--font-family);
     width: 100%;
     position: relative;
     padding-bottom: 7px;
@@ -180,8 +179,7 @@ button.clear-input {
 
 .clear-search-history {
   display: flex;
-  font-family: 'Gotham Rounded A', 'Gotham Rounded B', Roboto, Arial, Georgia,
-    serif;
+  font-family: var(--font-family);
   margin-top: auto;
   align-items: center;
   justify-content: center;

digitransit-component/packages/digitransit-component-autosuggest/src/components/styles.scss

@@ -36,8 +36,7 @@ input[type='text'] {
     }
 
     font-size: 16px;
-    font-family: 'Gotham Rounded A', 'Gotham Rounded B', Roboto, Arial, Georgia,
-      serif;
+    font-family: var(--font-family);
     display: flex;
     width: 100%;
     height: 44px;

digitransit-component/packages/digitransit-component-control-panel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitransit-component/digitransit-component-control-panel",
-  "version": "7.1.1",
+  "version": "7.1.2",
   "description": "digitransit-component control-panel module",
   "main": "index.js",
   "files": [

digitransit-component/packages/digitransit-component-control-panel/src/helpers/styles.scss

@@ -119,8 +119,7 @@
   }
 
   .near-you-title {
-    font-family: 'Gotham Rounded A', 'Gotham Rounded B', Roboto, Arial, Georgia,
-      serif;
+    font-family: var(--font-family);
     font-weight: var(--font-weight);
     line-height: normal;
     letter-spacing: -0.67px;

digitransit-component/packages/digitransit-component-datetimepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitransit-component/digitransit-component-datetimepicker",
-  "version": "6.0.2",
+  "version": "6.0.3",
   "description": "digitransit-component datetimepicker module",
   "main": "index.js",
   "files": [

digitransit-component/packages/digitransit-component-datetimepicker/src/helpers/styles.scss

@@ -41,8 +41,7 @@ $zindex: base, map-container, map-gradient, map-fullscreen-toggle, map-buttons,
 
   label button {
     cursor: pointer;
-    font-family: 'Gotham Rounded A', 'Gotham Rounded B', Roboto, Arial, Georgia,
-      serif;
+    font-family: var(--font-family);
   }
 
   .hidden {
@@ -378,8 +377,7 @@ $zindex: base, map-container, map-gradient, map-fullscreen-toggle, map-buttons,
 }
 
 .mobile-modal-content {
-  font-family: 'Gotham Rounded A', 'Gotham Rounded B', Roboto, Arial, Georgia,
-    serif;
+  font-family: var(--font-family);
   background: white;
   width: 89%;
   position: absolute;

digitransit-component/packages/digitransit-component-dialog-modal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitransit-component/digitransit-component-dialog-modal",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "digitransit-component dialog-modal module",
   "main": "index.js",
   "files": [

digitransit-component/packages/digitransit-component-dialog-modal/src/helpers/styles.scss

@@ -40,8 +40,7 @@
     width: 100%;
     height: 50px;
     font-size: 18px;
-    font-family: 'Gotham Rounded A', 'Gotham Rounded B', Roboto, Arial, Georgia,
-      serif;
+    font-family: var(--font-family);
     font-weight: var(--font-weight-medium);
     letter-spacing: -0.5px;
     background: var(--color);