@apolitical/component-library 8.3.29 → 8.3.30

package/navigation/language-switcher/language-switcher.d.ts

@@ -1,23 +1,23 @@
-import { LanguageType } from '../../context';
+import { TLocale } from '@apolitical/contracts';
 export type UrlPartsType = {
     url: string;
     position: 'before-lang' | 'after-lang';
 }[];
 interface Props {
     /** The language the content is in */
-    currentLanguage: LanguageType;
+    currentLanguage: TLocale;
     /** Whether article is the original language or not */
     isOriginalLanguage?: boolean;
     /** Whether article has been translated by a real person or not */
     isHumanTranslation?: boolean;
     /** Which translations are available */
     translations: {
-        [key in LanguageType]?: null | {
+        [key in TLocale]?: null | {
             post_name?: string;
         };
     };
     /** The function to call when the language is changed */
-    onChange?: (language?: LanguageType, url?: string) => void;
+    onChange?: (language?: TLocale, url?: string) => void;
     /** Additional parts of the URL */
     urlParts?: UrlPartsType;
     /** The version of the language switcher to use */

package/navigation/language-switcher/language-switcher.helpers.d.ts

@@ -1,6 +1,6 @@
-import { LanguageType } from '../../context';
+import { TLocale } from '@apolitical/contracts';
 import { UrlPartsType } from './language-switcher';
-export declare const getUrl: (lang: LanguageType, slug?: string, urlParts?: UrlPartsType) => string | {
+export declare const getUrl: (lang: TLocale, slug?: string, urlParts?: UrlPartsType) => string | {
     url: string;
     urlForRouter: string;
 };

package/navigation/language-switcher/language-switcher.mock.d.ts

@@ -1,33 +1,14 @@
 declare namespace _default {
-    let currentLanguage: string;
-    let isOriginalLanguage: boolean;
-    let isHumanTranslation: boolean;
-    let urlParts: {
+    export { DEFAULT_LOCALE as currentLanguage };
+    export let isOriginalLanguage: boolean;
+    export let isHumanTranslation: boolean;
+    export let urlParts: {
         url: string;
         position: string;
     }[];
-    let translations: {
-        en: null;
-        es: {
-            canonical_url: string;
-            post_name: string;
-        };
-        fr: {
-            canonical_url: string;
-            post_name: string;
-        };
-        pt: {
-            canonical_url: string;
-            post_name: string;
-        };
-        id: {
-            canonical_url: string;
-            post_name: string;
-        };
-        'pt-BR': {
-            canonical_url: string;
-            post_name: string;
-        };
-    };
+    export namespace translations {
+        let en: null;
+    }
 }
 export default _default;
+import { DEFAULT_LOCALE } from '@apolitical/contracts';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "8.3.29",
+  "version": "8.3.30",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -14,6 +14,7 @@
     "getstream": "8.4.1"
   },
   "dependencies": {
+    "@apolitical/contracts": "3.9.0",
     "@suprsend/react-inbox": "3.6.1",
     "@tanstack/query-core": "5.8.3",
     "@tanstack/react-query": "5.8.3",

package/styles/uclasses/uclasses.scss

@@ -54,6 +54,10 @@ $font-size-md: 1rem;
   color: get-map($default-colors, 'error600');
 }
 
+.u-primary-text {
+  color: get-map($default-colors, 'b700');
+}
+
 // Background
 .u-bg-n50 {
   background-color: get-map($default-colors, 'n50');
@@ -391,6 +395,14 @@ $font-size-md: 1rem;
   margin-left: 2.5rem; /* 40px */
 }
 
+.u-ml-minus-1 {
+  margin-left: -0.25rem; /* 4px */
+}
+
+.u-ml-minus-2 {
+  margin-left: -0.5rem; /* 8px */
+}
+
 // padding
 .u-py-0 {
   padding-top: 0;
@@ -1537,6 +1549,10 @@ $font-size-md: 1rem;
   font-weight: 700;
 }
 
+.u-font-black {
+  font-weight: 900;
+}
+
 // border-radius
 .u-rounded-none {
   border-radius: 0;