@apolitical/component-library 1.14.14 → 1.15.0-beta.2

package/styles/base/_fonts.scss

@@ -1,4 +1,4 @@
-$font-path: 'fonts/';
+$font-path: 'https://apolitical.co/fonts/Web/';
 $font-name: 'Moderat';
 
 @mixin font-styling($weight: 400, $style: normal) {

package/styles/base/_layout.scss

@@ -2,6 +2,8 @@
   './../variables';
 
 @layer base {
+  [hidden] {  display: none;}
+
   .content-slim {
     max-width: px-to-rem($content-slim-width);
     margin-left: auto;

package/styles/base/_overlays.scss

@@ -37,8 +37,7 @@ $overlay: ('padding': 48);
         height: 100vh;
         margin-top: auto;
         margin-bottom: auto;
-        overflow-x: hidden;
-        overflow-y: auto;
+        overflow: hidden auto;
       }
 
   }

package/styles/base/buttons/_button-wrapper.scss

@@ -12,8 +12,7 @@ $button-wrapper-button: ('margin': 12);
     padding: 0;
     display: flex;
     flex-flow: row wrap;
-    justify-content: center;
-    align-content: center;
+    place-content: center;
 
       li, > button, > .button {
         margin: 0 px-to-rem(map.get($button-wrapper-button, 'margin')) px-to-rem(map.get($button-wrapper-button, 'margin')) px-to-rem(map.get($button-wrapper-button, 'margin'));

package/styles/base/buttons/_buttons.scss

@@ -176,8 +176,7 @@
     &.icon {
       display: inline-flex;
       flex-flow: row;
-      align-content: center;
-      justify-content: center;
+      place-content: center;
 
         &::before {
           content: '';

package/styles/variables/colors/_theme.scss

@@ -243,6 +243,11 @@ $theme: (
   navigation-menu_profile-picture_border: map.get($c, 'n700'),
   share-links: map.get($c, 'n800'),
   share-links_muted: map.get($c, 'n600'),
+  tabs: map.get($c, 'n700'),
+  tabs_selected: map.get($c, 'b700'),
+  tabs_bg: map.get($c, 'white'),
+  tabs_selected_bg: map.get($c, 'b100'),
+  tabs_border: map.get($c, 'n100'),
   tags: map.get($c, 'b700'),
   tags_light: map.get($c, 'p500'),
   // Text

package/testing/helpers.d.ts

@@ -1,3 +1,3 @@
 export declare const defineHtmlElementWidth: (width: number) => void;
 export declare const defineViewportWidth: (width: number) => void;
-export declare const setWindowLocation: (path: string) => void;
+export declare const setWindowLocation: (type: string, value: string) => void;