npm - @marioschmidt/design-system-tokens - Versions diffs - 1.0.65 → 1.0.66 - Mend

@marioschmidt/design-system-tokens 1.0.65 → 1.0.66

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 (1635) hide show

package/dist/js/brands/advertorial/typography.d.ts CHANGED Viewed

@@ -32,9 +32,9 @@ export declare const kicker2: TypographyStyle;
 export declare const kicker3: TypographyStyle;
 export declare const kicker4: TypographyStyle;
 export declare const title1: TypographyStyle;
-export declare const title1Uppercase: TypographyStyle;
+export declare const title1uppercase: TypographyStyle;
 export declare const title2: TypographyStyle;
-export declare const title2Uppercase: TypographyStyle;
+export declare const title2uppercase: TypographyStyle;
 export declare const callout: TypographyStyle;
 export declare const body: TypographyStyle;
 export declare const bodyItalic: TypographyStyle;
@@ -46,20 +46,20 @@ export declare const textLinkBold: TypographyStyle;
 export declare const textLinkHover: TypographyStyle;
 export declare const textLinkBoldHover: TypographyStyle;
 export declare const footnote1: TypographyStyle;
-export declare const footnote1Bold: TypographyStyle;
+export declare const footnote1bold: TypographyStyle;
 export declare const footnote2: TypographyStyle;
-export declare const footnote2Bold: TypographyStyle;
+export declare const footnote2bold: TypographyStyle;
 export declare const label1: TypographyStyle;
-export declare const label1Bold: TypographyStyle;
-export declare const label1BoldResp: TypographyStyle;
-export declare const label1UppercaseBold: TypographyStyle;
+export declare const label1bold: TypographyStyle;
+export declare const label1boldResp: TypographyStyle;
+export declare const label1uppercaseBold: TypographyStyle;
 export declare const label2: TypographyStyle;
-export declare const label2Uppercase: TypographyStyle;
-export declare const label2Bold: TypographyStyle;
-export declare const label2UppercaseBold: TypographyStyle;
+export declare const label2uppercase: TypographyStyle;
+export declare const label2bold: TypographyStyle;
+export declare const label2uppercaseBold: TypographyStyle;
 export declare const label3: TypographyStyle;
-export declare const label3Uppercase: TypographyStyle;
-export declare const label3Bold: TypographyStyle;
-export declare const label3UppercaseBold: TypographyStyle;
+export declare const label3uppercase: TypographyStyle;
+export declare const label3bold: TypographyStyle;
+export declare const label3uppercaseBold: TypographyStyle;
 export declare const label4: TypographyStyle;
 export declare const quote: TypographyStyle;

package/dist/js/brands/advertorial/typography.js CHANGED Viewed

@@ -102,7 +102,7 @@ export const typography = {
       "lineHeight": "26.4px",
       "letterSpacing": "0px"
     },
-    "title1Uppercase": {
+    "title1uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 800,
       "fontSize": "22px",
@@ -116,7 +116,7 @@ export const typography = {
       "lineHeight": "16.8px",
       "letterSpacing": "0px"
     },
-    "title2Uppercase": {
+    "title2uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 800,
       "fontSize": "14px",
@@ -200,7 +200,7 @@ export const typography = {
       "lineHeight": "16.9px",
       "letterSpacing": "0px"
     },
-    "footnote1Bold": {
+    "footnote1bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "13px",
@@ -214,7 +214,7 @@ export const typography = {
       "lineHeight": "13px",
       "letterSpacing": "0px"
     },
-    "footnote2Bold": {
+    "footnote2bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "10px",
@@ -228,21 +228,21 @@ export const typography = {
       "lineHeight": "20.4px",
       "letterSpacing": "0.25px"
     },
-    "label1Bold": {
+    "label1bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "17px",
       "lineHeight": "20.4px",
       "letterSpacing": "0.25px"
     },
-    "label1BoldResp": {
+    "label1boldResp": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "10px",
       "lineHeight": "10px",
       "letterSpacing": "0.25px"
     },
-    "label1UppercaseBold": {
+    "label1uppercaseBold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "17px",
@@ -256,21 +256,21 @@ export const typography = {
       "lineHeight": "16px",
       "letterSpacing": "0.25px"
     },
-    "label2Uppercase": {
+    "label2uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 400,
       "fontSize": "15px",
       "lineHeight": "16px",
       "letterSpacing": "0.25px"
     },
-    "label2Bold": {
+    "label2bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "15px",
       "lineHeight": "16px",
       "letterSpacing": "0.25px"
     },
-    "label2UppercaseBold": {
+    "label2uppercaseBold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "15px",
@@ -284,21 +284,21 @@ export const typography = {
       "lineHeight": "14.4px",
       "letterSpacing": "0.25px"
     },
-    "label3Uppercase": {
+    "label3uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 400,
       "fontSize": "12px",
       "lineHeight": "14.4px",
       "letterSpacing": "0.5px"
     },
-    "label3Bold": {
+    "label3bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "12px",
       "lineHeight": "14.4px",
       "letterSpacing": "0.25px"
     },
-    "label3UppercaseBold": {
+    "label3uppercaseBold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "12px",
@@ -411,7 +411,7 @@ export const typography = {
       "lineHeight": "26.4px",
       "letterSpacing": "0px"
     },
-    "title1Uppercase": {
+    "title1uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 800,
       "fontSize": "22px",
@@ -425,7 +425,7 @@ export const typography = {
       "lineHeight": "16.8px",
       "letterSpacing": "0px"
     },
-    "title2Uppercase": {
+    "title2uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 800,
       "fontSize": "14px",
@@ -509,7 +509,7 @@ export const typography = {
       "lineHeight": "16.9px",
       "letterSpacing": "0px"
     },
-    "footnote1Bold": {
+    "footnote1bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "13px",
@@ -523,7 +523,7 @@ export const typography = {
       "lineHeight": "13px",
       "letterSpacing": "0px"
     },
-    "footnote2Bold": {
+    "footnote2bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "10px",
@@ -537,21 +537,21 @@ export const typography = {
       "lineHeight": "20.4px",
       "letterSpacing": "0.25px"
     },
-    "label1Bold": {
+    "label1bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "17px",
       "lineHeight": "20.4px",
       "letterSpacing": "0.25px"
     },
-    "label1BoldResp": {
+    "label1boldResp": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "10px",
       "lineHeight": "10px",
       "letterSpacing": "0.25px"
     },
-    "label1UppercaseBold": {
+    "label1uppercaseBold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "17px",
@@ -565,21 +565,21 @@ export const typography = {
       "lineHeight": "16px",
       "letterSpacing": "0.25px"
     },
-    "label2Uppercase": {
+    "label2uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 400,
       "fontSize": "15px",
       "lineHeight": "16px",
       "letterSpacing": "0.25px"
     },
-    "label2Bold": {
+    "label2bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "15px",
       "lineHeight": "16px",
       "letterSpacing": "0.25px"
     },
-    "label2UppercaseBold": {
+    "label2uppercaseBold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "15px",
@@ -593,21 +593,21 @@ export const typography = {
       "lineHeight": "14.4px",
       "letterSpacing": "0.25px"
     },
-    "label3Uppercase": {
+    "label3uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 400,
       "fontSize": "12px",
       "lineHeight": "14.4px",
       "letterSpacing": "0.5px"
     },
-    "label3Bold": {
+    "label3bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "12px",
       "lineHeight": "14.4px",
       "letterSpacing": "0.25px"
     },
-    "label3UppercaseBold": {
+    "label3uppercaseBold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "12px",
@@ -720,7 +720,7 @@ export const typography = {
       "lineHeight": "26.4px",
       "letterSpacing": "0px"
     },
-    "title1Uppercase": {
+    "title1uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 800,
       "fontSize": "22px",
@@ -734,7 +734,7 @@ export const typography = {
       "lineHeight": "19.2px",
       "letterSpacing": "0px"
     },
-    "title2Uppercase": {
+    "title2uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 800,
       "fontSize": "16px",
@@ -818,7 +818,7 @@ export const typography = {
       "lineHeight": "16.9px",
       "letterSpacing": "0px"
     },
-    "footnote1Bold": {
+    "footnote1bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "13px",
@@ -832,7 +832,7 @@ export const typography = {
       "lineHeight": "13px",
       "letterSpacing": "0px"
     },
-    "footnote2Bold": {
+    "footnote2bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "10px",
@@ -846,21 +846,21 @@ export const typography = {
       "lineHeight": "20.4px",
       "letterSpacing": "0.25px"
     },
-    "label1Bold": {
+    "label1bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "17px",
       "lineHeight": "20.4px",
       "letterSpacing": "0.25px"
     },
-    "label1BoldResp": {
+    "label1boldResp": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "15px",
       "lineHeight": "15px",
       "letterSpacing": "0.25px"
     },
-    "label1UppercaseBold": {
+    "label1uppercaseBold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "17px",
@@ -874,21 +874,21 @@ export const typography = {
       "lineHeight": "16px",
       "letterSpacing": "0.25px"
     },
-    "label2Uppercase": {
+    "label2uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 400,
       "fontSize": "15px",
       "lineHeight": "16px",
       "letterSpacing": "0.25px"
     },
-    "label2Bold": {
+    "label2bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "15px",
       "lineHeight": "16px",
       "letterSpacing": "0.25px"
     },
-    "label2UppercaseBold": {
+    "label2uppercaseBold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "15px",
@@ -902,21 +902,21 @@ export const typography = {
       "lineHeight": "14.4px",
       "letterSpacing": "0.25px"
     },
-    "label3Uppercase": {
+    "label3uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 400,
       "fontSize": "12px",
       "lineHeight": "14.4px",
       "letterSpacing": "0.5px"
     },
-    "label3Bold": {
+    "label3bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "12px",
       "lineHeight": "14.4px",
       "letterSpacing": "0.25px"
     },
-    "label3UppercaseBold": {
+    "label3uppercaseBold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "12px",
@@ -1029,7 +1029,7 @@ export const typography = {
       "lineHeight": "33.6px",
       "letterSpacing": "0px"
     },
-    "title1Uppercase": {
+    "title1uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 800,
       "fontSize": "28px",
@@ -1043,7 +1043,7 @@ export const typography = {
       "lineHeight": "23.4px",
       "letterSpacing": "0px"
     },
-    "title2Uppercase": {
+    "title2uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 800,
       "fontSize": "18px",
@@ -1127,7 +1127,7 @@ export const typography = {
       "lineHeight": "19.5px",
       "letterSpacing": "0px"
     },
-    "footnote1Bold": {
+    "footnote1bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "15px",
@@ -1141,7 +1141,7 @@ export const typography = {
       "lineHeight": "16.9px",
       "letterSpacing": "0px"
     },
-    "footnote2Bold": {
+    "footnote2bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "13px",
@@ -1155,21 +1155,21 @@ export const typography = {
       "lineHeight": "20.4px",
       "letterSpacing": "0.25px"
     },
-    "label1Bold": {
+    "label1bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "17px",
       "lineHeight": "20.4px",
       "letterSpacing": "0.25px"
     },
-    "label1BoldResp": {
+    "label1boldResp": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "17px",
       "lineHeight": "17px",
       "letterSpacing": "0.25px"
     },
-    "label1UppercaseBold": {
+    "label1uppercaseBold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "17px",
@@ -1183,21 +1183,21 @@ export const typography = {
       "lineHeight": "16px",
       "letterSpacing": "0.25px"
     },
-    "label2Uppercase": {
+    "label2uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 400,
       "fontSize": "15px",
       "lineHeight": "16px",
       "letterSpacing": "0.25px"
     },
-    "label2Bold": {
+    "label2bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "15px",
       "lineHeight": "16px",
       "letterSpacing": "0.25px"
     },
-    "label2UppercaseBold": {
+    "label2uppercaseBold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "15px",
@@ -1211,21 +1211,21 @@ export const typography = {
       "lineHeight": "14.4px",
       "letterSpacing": "0.25px"
     },
-    "label3Uppercase": {
+    "label3uppercase": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 400,
       "fontSize": "12px",
       "lineHeight": "14.4px",
       "letterSpacing": "0.5px"
     },
-    "label3Bold": {
+    "label3bold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "12px",
       "lineHeight": "14.4px",
       "letterSpacing": "0.25px"
     },
-    "label3UppercaseBold": {
+    "label3uppercaseBold": {
       "fontFamily": "Lucida Grande",
       "fontWeight": 700,
       "fontSize": "12px",
@@ -1268,9 +1268,9 @@ export const kicker2 = typography.xs.kicker2;
 export const kicker3 = typography.xs.kicker3;
 export const kicker4 = typography.xs.kicker4;
 export const title1 = typography.xs.title1;
-export const title1Uppercase = typography.xs.title1Uppercase;
+export const title1uppercase = typography.xs.title1uppercase;
 export const title2 = typography.xs.title2;
-export const title2Uppercase = typography.xs.title2Uppercase;
+export const title2uppercase = typography.xs.title2uppercase;
 export const callout = typography.xs.callout;
 export const body = typography.xs.body;
 export const bodyItalic = typography.xs.bodyItalic;
@@ -1282,20 +1282,20 @@ export const textLinkBold = typography.xs.textLinkBold;
 export const textLinkHover = typography.xs.textLinkHover;
 export const textLinkBoldHover = typography.xs.textLinkBoldHover;
 export const footnote1 = typography.xs.footnote1;
-export const footnote1Bold = typography.xs.footnote1Bold;
+export const footnote1bold = typography.xs.footnote1bold;
 export const footnote2 = typography.xs.footnote2;
-export const footnote2Bold = typography.xs.footnote2Bold;
+export const footnote2bold = typography.xs.footnote2bold;
 export const label1 = typography.xs.label1;
-export const label1Bold = typography.xs.label1Bold;
-export const label1BoldResp = typography.xs.label1BoldResp;
-export const label1UppercaseBold = typography.xs.label1UppercaseBold;
+export const label1bold = typography.xs.label1bold;
+export const label1boldResp = typography.xs.label1boldResp;
+export const label1uppercaseBold = typography.xs.label1uppercaseBold;
 export const label2 = typography.xs.label2;
-export const label2Uppercase = typography.xs.label2Uppercase;
-export const label2Bold = typography.xs.label2Bold;
-export const label2UppercaseBold = typography.xs.label2UppercaseBold;
+export const label2uppercase = typography.xs.label2uppercase;
+export const label2bold = typography.xs.label2bold;
+export const label2uppercaseBold = typography.xs.label2uppercaseBold;
 export const label3 = typography.xs.label3;
-export const label3Uppercase = typography.xs.label3Uppercase;
-export const label3Bold = typography.xs.label3Bold;
-export const label3UppercaseBold = typography.xs.label3UppercaseBold;
+export const label3uppercase = typography.xs.label3uppercase;
+export const label3bold = typography.xs.label3bold;
+export const label3uppercaseBold = typography.xs.label3uppercaseBold;
 export const label4 = typography.xs.label4;
 export const quote = typography.xs.quote;

package/dist/js/brands/bild/components/Article.d.ts CHANGED Viewed

@@ -17,11 +17,11 @@ export declare const Article: ArticleTokens;
 export declare function getArticleTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
 // Flat exports
-export declare const aricleMobile1ColGridImageMarginSpace: string | number;
+export declare const aricleMobile1colGridImageMarginSpace: string | number;
 export declare const articleTopMarginSpace: string | number;
 export declare const articleKickerFontSize: string | number;
 export declare const articleHeadlineFontSize: string | number;
-export declare const articleGalleryATeaserWidth: string | number;
+export declare const articleGalleryAteaserWidth: string | number;
 export declare const articleImageCaptionFontSize: string | number;
 export declare const articleImageSourceFontSize: string | number;
 export declare const articleImageCaptionLineHeight: string | number;

package/dist/js/brands/bild/components/Article.js CHANGED Viewed

@@ -14,11 +14,11 @@
 export const Article = {
   "sizing": {
     "lg": {
-      "aricleMobile1ColGridImageMarginSpace": "72px",
+      "aricleMobile1colGridImageMarginSpace": "72px",
       "articleTopMarginSpace": "16px",
       "articleKickerFontSize": "30px",
       "articleHeadlineFontSize": "100px",
-      "articleGalleryATeaserWidth": "300px",
+      "articleGalleryAteaserWidth": "300px",
       "articleImageCaptionFontSize": "18px",
       "articleImageSourceFontSize": "18px",
       "articleImageCaptionLineHeight": "24.75px",
@@ -36,11 +36,11 @@ export const Article = {
       "articleInfoboxStackSpace": "32px"
     },
     "md": {
-      "aricleMobile1ColGridImageMarginSpace": "72px",
+      "aricleMobile1colGridImageMarginSpace": "72px",
       "articleTopMarginSpace": "12px",
       "articleKickerFontSize": "22px",
       "articleHeadlineFontSize": "72px",
-      "articleGalleryATeaserWidth": "260px",
+      "articleGalleryAteaserWidth": "260px",
       "articleImageCaptionFontSize": "18px",
       "articleImageSourceFontSize": "16px",
       "articleImageCaptionLineHeight": "24.75px",
@@ -58,11 +58,11 @@ export const Article = {
       "articleInfoboxStackSpace": "24px"
     },
     "sm": {
-      "aricleMobile1ColGridImageMarginSpace": "0px",
+      "aricleMobile1colGridImageMarginSpace": "0px",
       "articleTopMarginSpace": "8px",
       "articleKickerFontSize": "18px",
       "articleHeadlineFontSize": "40px",
-      "articleGalleryATeaserWidth": "145px",
+      "articleGalleryAteaserWidth": "145px",
       "articleImageCaptionFontSize": "16px",
       "articleImageSourceFontSize": "16px",
       "articleImageCaptionLineHeight": "19.5px",
@@ -80,11 +80,11 @@ export const Article = {
       "articleInfoboxStackSpace": "16px"
     },
     "xs": {
-      "aricleMobile1ColGridImageMarginSpace": "0px",
+      "aricleMobile1colGridImageMarginSpace": "0px",
       "articleTopMarginSpace": "8px",
       "articleKickerFontSize": "18px",
       "articleHeadlineFontSize": "40px",
-      "articleGalleryATeaserWidth": "145px",
+      "articleGalleryAteaserWidth": "145px",
       "articleImageCaptionFontSize": "16px",
       "articleImageSourceFontSize": "16px",
       "articleImageCaptionLineHeight": "19.5px",
@@ -243,11 +243,11 @@ export const getArticleTokens = (colorMode = 'light', breakpoint = 'md', density
 });
 // Flat exports for tree-shaking
-export const aricleMobile1ColGridImageMarginSpace = "0px";
+export const aricleMobile1colGridImageMarginSpace = "0px";
 export const articleTopMarginSpace = "8px";
 export const articleKickerFontSize = "18px";
 export const articleHeadlineFontSize = "40px";
-export const articleGalleryATeaserWidth = "145px";
+export const articleGalleryAteaserWidth = "145px";
 export const articleImageCaptionFontSize = "16px";
 export const articleImageSourceFontSize = "16px";
 export const articleImageCaptionLineHeight = "19.5px";

package/dist/js/brands/bild/components/Breadcrumb.d.ts CHANGED Viewed

@@ -19,8 +19,8 @@ export declare function getBreadcrumbTokens(colorMode?: 'light' | 'dark', breakp
 // Flat exports
 export declare const breadcrumbFontSize: string | number;
 export declare const breadcrumbFontFamily: string | number;
-export declare const breadcrumb&ArrowLeftInlineSpace1: string | number;
-export declare const breadcrumb&ArrowRightInlineSpace2: string | number;
+export declare const breadcrumb&arrowLeftInlineSpace1: string | number;
+export declare const breadcrumb&arrowRightInlineSpace2: string | number;
 export declare const breadcrumbInlineSpace: string | number;
 export declare const breadcrumbLineHeight: string | number;
 export declare const breadcrumbFontWeight: string | number;