@sikt/sds-tokens - npm Package Compare versions

Comparing version 4.0.0 to 4.1.0

CHANGELOG.md

@@ -5,2 +5,14 @@ # Changelog
 
+## [4.1.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-tokens@4.0.0...@sikt/sds-tokens@4.1.0) (2025-05-08)
+
+### Features
+
+- **color:** new values for interaction neutral ([0f5ec2e](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/0f5ec2e01bd1a85eab1df1a739cc7a9b68453640))
+- **space:** new padding 2px token ([07caf42](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/07caf421a5495967e258288c5b0ec2a00cce949f))
+- **typography:** new line height values for label, overline and editorial-headline-xxs ([286bce2](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/286bce22814374a3778ff74b0b14ff8f1aeeee3a))
+
+### Bug Fixes
+
+- **typography:** changes to editorial headline xxs & xs ([3d0d98d](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/3d0d98d7c4cab821da7ee25d6a2911402488dee5))
+
 ## [4.0.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-tokens@3.1.0...@sikt/sds-tokens@4.0.0) (2025-04-01)
@@ -7,0 +19,0 @@

dist/js/color.dark.js

@@ -373,9 +373,9 @@ /**
           default: {
-            value: "#959595",
-            dark: "#959595",
+            value: "#4f4f4f",
+            dark: "#4f4f4f",
             filePath: "src/color/interaction.mjs",
             isSource: true,
             original: {
-              value: "{_color.base.neutral.58-100.value}",
-              dark: "{_color.base.neutral.58-100.value}",
+              value: "{_color.base.neutral.87-100.value}",
+              dark: "{_color.base.neutral.31-100.value}",
             },
@@ -393,9 +393,9 @@ name: "SdsColorInteractionNeutralSubtleDefault",
           highlight: {
-            value: "#767676",
-            dark: "#767676",
+            value: "#454545",
+            dark: "#454545",
             filePath: "src/color/interaction.mjs",
             isSource: true,
             original: {
-              value: "{_color.base.neutral.46-100.value}",
-              dark: "{_color.base.neutral.46-100.value}",
+              value: "{_color.base.neutral.84-100.value}",
+              dark: "{_color.base.neutral.27-100.value}",
             },
@@ -413,9 +413,9 @@ name: "SdsColorInteractionNeutralSubtleHighlight",
           pressed: {
-            value: "#656565",
-            dark: "#656565",
+            value: "#3d3d3d",
+            dark: "#3d3d3d",
             filePath: "src/color/interaction.mjs",
             isSource: true,
             original: {
-              value: "{_color.base.neutral.40-100.value}",
-              dark: "{_color.base.neutral.40-100.value}",
+              value: "{_color.base.neutral.80-100.value}",
+              dark: "{_color.base.neutral.24-100.value}",
             },
@@ -454,9 +454,9 @@ name: "SdsColorInteractionNeutralSubtlePressed",
           highlight: {
-            value: "#767676",
-            dark: "#767676",
+            value: "#454545",
+            dark: "#454545",
             filePath: "src/color/interaction.mjs",
             isSource: true,
             original: {
-              value: "{_color.base.neutral.46-100.value}",
-              dark: "{_color.base.neutral.46-100.value}",
+              value: "{_color.base.neutral.84-100.value}",
+              dark: "{_color.base.neutral.27-100.value}",
             },
@@ -480,9 +480,9 @@ name: "SdsColorInteractionNeutralTransparentHighlight",
           pressed: {
-            value: "#656565",
-            dark: "#656565",
+            value: "#3d3d3d",
+            dark: "#3d3d3d",
             filePath: "src/color/interaction.mjs",
             isSource: true,
             original: {
-              value: "{_color.base.neutral.40-100.value}",
-              dark: "{_color.base.neutral.40-100.value}",
+              value: "{_color.base.neutral.80-100.value}",
+              dark: "{_color.base.neutral.24-100.value}",
             },
@@ -489,0 +489,0 @@ name: "SdsColorInteractionNeutralTransparentPressed",

dist/js/tokens.d.ts

@@ -25,2 +25,3 @@ /**
     size: {
+      xxxs: DesignToken;
       xxs: DesignToken;
@@ -193,2 +194,3 @@ xs: DesignToken;
     padding: {
+      infinitesimal: DesignToken;
       minimal: DesignToken;
@@ -195,0 +197,0 @@ tiny: DesignToken;

dist/js/tokens.desktop.d.ts

@@ -25,2 +25,3 @@ /**
     size: {
+      xxxs: DesignToken;
       xxs: DesignToken;
@@ -78,11 +79,2 @@ xs: DesignToken;
       headline: {
-        xxs: {
-          fontsize: DesignToken;
-        };
-        xs: {
-          fontsize: DesignToken;
-        };
-        s: {
-          fontsize: DesignToken;
-        };
         m: {
@@ -89,0 +81,0 @@ fontsize: DesignToken;

dist/js/tokens.desktop.js

@@ -55,2 +55,17 @@ /**
     size: {
+      xxxs: {
+        value: "2px",
+        filePath: "src/base/size.json",
+        isSource: true,
+        original: {
+          value: "2px",
+        },
+        name: "SdsBaseSizeXxxs",
+        attributes: {
+          category: "base",
+          type: "size",
+          item: "xxxs",
+        },
+        path: ["base", "size", "xxxs"],
+      },
       xxs: {
@@ -656,59 +671,2 @@ value: "4px",
       headline: {
-        xxs: {
-          fontsize: {
-            value: "20px",
-            filePath: "src/typography/headline.desktop.json",
-            isSource: true,
-            original: {
-              value: "{typography.fontsize.500.value}",
-            },
-            name: "SdsTypographyEditorialHeadlineXxsFontsize",
-            attributes: {
-              category: "typography",
-              type: "editorial",
-              item: "headline",
-              subitem: "xxs",
-              state: "fontsize",
-            },
-            path: ["typography", "editorial", "headline", "xxs", "fontsize"],
-          },
-        },
-        xs: {
-          fontsize: {
-            value: "28px",
-            filePath: "src/typography/headline.desktop.json",
-            isSource: true,
-            original: {
-              value: "{typography.fontsize.800.value}",
-            },
-            name: "SdsTypographyEditorialHeadlineXsFontsize",
-            attributes: {
-              category: "typography",
-              type: "editorial",
-              item: "headline",
-              subitem: "xs",
-              state: "fontsize",
-            },
-            path: ["typography", "editorial", "headline", "xs", "fontsize"],
-          },
-        },
-        s: {
-          fontsize: {
-            value: "28px",
-            filePath: "src/typography/headline.desktop.json",
-            isSource: true,
-            original: {
-              value: "{typography.fontsize.800.value}",
-            },
-            name: "SdsTypographyEditorialHeadlineSFontsize",
-            attributes: {
-              category: "typography",
-              type: "editorial",
-              item: "headline",
-              subitem: "s",
-              state: "fontsize",
-            },
-            path: ["typography", "editorial", "headline", "s", "fontsize"],
-          },
-        },
         m: {
@@ -715,0 +673,0 @@ fontsize: {

dist/js/tokens.tablet.d.ts

@@ -25,2 +25,3 @@ /**
     size: {
+      xxxs: DesignToken;
       xxs: DesignToken;
@@ -78,8 +79,2 @@ xs: DesignToken;
       headline: {
-        xxs: {
-          fontsize: DesignToken;
-        };
-        xs: {
-          fontsize: DesignToken;
-        };
         s: {
@@ -86,0 +81,0 @@ fontsize: DesignToken;

dist/js/tokens.tablet.js

@@ -55,2 +55,17 @@ /**
     size: {
+      xxxs: {
+        value: "2px",
+        filePath: "src/base/size.json",
+        isSource: true,
+        original: {
+          value: "2px",
+        },
+        name: "SdsBaseSizeXxxs",
+        attributes: {
+          category: "base",
+          type: "size",
+          item: "xxxs",
+        },
+        path: ["base", "size", "xxxs"],
+      },
       xxs: {
@@ -656,40 +671,2 @@ value: "4px",
       headline: {
-        xxs: {
-          fontsize: {
-            value: "18px",
-            filePath: "src/typography/headline.tablet.json",
-            isSource: true,
-            original: {
-              value: "{typography.fontsize.400.value}",
-            },
-            name: "SdsTypographyEditorialHeadlineXxsFontsize",
-            attributes: {
-              category: "typography",
-              type: "editorial",
-              item: "headline",
-              subitem: "xxs",
-              state: "fontsize",
-            },
-            path: ["typography", "editorial", "headline", "xxs", "fontsize"],
-          },
-        },
-        xs: {
-          fontsize: {
-            value: "24px",
-            filePath: "src/typography/headline.tablet.json",
-            isSource: true,
-            original: {
-              value: "{typography.fontsize.700.value}",
-            },
-            name: "SdsTypographyEditorialHeadlineXsFontsize",
-            attributes: {
-              category: "typography",
-              type: "editorial",
-              item: "headline",
-              subitem: "xs",
-              state: "fontsize",
-            },
-            path: ["typography", "editorial", "headline", "xs", "fontsize"],
-          },
-        },
         s: {
@@ -696,0 +673,0 @@ fontsize: {

package.json

 {
   "name": "@sikt/sds-tokens",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "license": "UNLICENSED",
@@ -24,4 +24,4 @@ "homepage": "https://designsystem.sikt.no/",
   "devDependencies": {
-    "style-dictionary": "^4.3.3"
+    "style-dictionary": "^4.4.0"
   }
 }

No alert changes

Worsened metrics

Total package byte prevSize

216832

-0.51%

Lines of code

7166

-0.68%

No dependency changes