@db-ui/foundations - npm Package Compare versions

Comparing version 0.0.67 to 0.0.68-beta-745ca8c

build/tailwind/tailwind-tokens.json

 {
-  "fontSize": {
-    "2xl": "var(--db-type-body-font-size-2xl)",
-    "xl": "var(--db-type-body-font-size-xl)",
-    "lg": "var(--db-type-body-font-size-lg)",
-    "md": "var(--db-type-body-font-size-md)",
-    "sm": "var(--db-type-body-font-size-sm)",
-    "xs": "var(--db-type-body-font-size-xs)",
-    "2xs": "var(--db-type-body-font-size-2xs)"
-  },
-  "screens": {
-    "xs": "360px",
-    "sm": "720px",
-    "md": "1024px",
-    "lg": "1440px",
-    "xl": "1920px"
-  },
-  "spacing": {
-    "0": 0,
-    "fix-3xs": "var(--db-spacing-fixed-3xs)",
-    "fix-2xs": "var(--db-spacing-fixed-2xs)",
-    "fix-xs": "var(--db-spacing-fixed-xs)",
-    "fix-sm": "var(--db-spacing-fixed-sm)",
-    "fix-md": "var(--db-spacing-fixed-md)",
-    "fix-lg": "var(--db-spacing-fixed-lg)",
-    "fix-xl": "var(--db-spacing-fixed-xl)",
-    "fix-2xl": "var(--db-spacing-fixed-2xl)",
-    "fix-3xl": "var(--db-spacing-fixed-3xl)",
-    "res-3xs": "var(--db-spacing-responsive-3xs)",
-    "res-2xs": "var(--db-spacing-responsive-2xs)",
-    "res-xs": "var(--db-spacing-responsive-xs)",
-    "res-sm": "var(--db-spacing-responsive-sm)",
-    "res-md": "var(--db-spacing-responsive-md)",
-    "res-lg": "var(--db-spacing-responsive-lg)",
-    "res-xl": "var(--db-spacing-responsive-xl)",
-    "res-2xl": "var(--db-spacing-responsive-2xl)",
-    "res-3xl": "var(--db-spacing-responsive-3xl)",
-    "siz-3xs": "var(--db-sizing-3xs)",
-    "siz-2xs": "var(--db-sizing-2xs)",
-    "siz-xs": "var(--db-sizing-xs)",
-    "siz-sm": "var(--db-sizing-sm)",
-    "siz-md": "var(--db-sizing-md)",
-    "siz-lg": "var(--db-sizing-lg)",
-    "siz-xl": "var(--db-sizing-xl)",
-    "siz-2xl": "var(--db-sizing-2xl)",
-    "siz-3xl": "var(--db-sizing-3xl)"
-  }
-}
+	"fontFamily": {
+		"sans": "var(--db-font-family-sans)",
+		"head": "var(--db-font-family-head)"
+	},
+	"fontSize": {
+		"3xs": [
+			"var(--db-type-body-font-size-3xs)",
+			"var(--db-type-body-line-height-3xs)"
+		],
+		"2xs": [
+			"var(--db-type-body-font-size-2xs)",
+			"var(--db-type-body-line-height-2xs)"
+		],
+		"xs": [
+			"var(--db-type-body-font-size-xs)",
+			"var(--db-type-body-line-height-xs)"
+		],
+		"sm": [
+			"var(--db-type-body-font-size-sm)",
+			"var(--db-type-body-line-height-sm)"
+		],
+		"md": [
+			"var(--db-type-body-font-size-md)",
+			"var(--db-type-body-line-height-md)"
+		],
+		"base": [
+			"var(--db-type-body-font-size-md)",
+			"var(--db-type-body-line-height-md)"
+		],
+		"lg": [
+			"var(--db-type-body-font-size-lg)",
+			"var(--db-type-body-line-height-lg)"
+		],
+		"xl": [
+			"var(--db-type-body-font-size-xl)",
+			"var(--db-type-body-line-height-xl)"
+		],
+		"2xl": [
+			"var(--db-type-body-font-size-2xl)",
+			"var(--db-type-body-line-height-2xl)"
+		],
+		"3xl": [
+			"var(--db-type-body-font-size-3xl)",
+			"var(--db-type-body-line-height-3l)"
+		]
+	},
+	"borderRadius": {
+		"DEFAULT": "var(--db-border-radius-xs)",
+		"none": 0,
+		"3xs": "var(--db-border-radius-3xs)",
+		"2xs": "var(--db-border-radius-2xs)",
+		"xs": "var(--db-border-radius-xs)",
+		"sm": "var(--db-border-radius-sm)",
+		"md": "var(--db-border-radius-md)",
+		"lg": "var(--db-border-radius-lg)",
+		"xl": "var(--db-border-radius-xl)",
+		"2xl": "var(--db-border-radius-2xl)",
+		"3xl": "var(--db-border-radius-3xl)",
+		"full": "var(--db-border-radius-full)"
+	},
+	"borderWidth": {
+		"DEFAULT": "var(--db-border-height-3xs)",
+		"none": 0,
+		"3xs": "var(--db-border-height-3xs)",
+		"2xs": "var(--db-border-height-2xs)",
+		"xs": "var(--db-border-height-xs)",
+		"sm": "var(--db-border-height-sm)",
+		"md": "var(--db-border-height-md)",
+		"lg": "var(--db-border-height-lg)",
+		"xl": "var(--db-border-height-xl)",
+		"2xl": "var(--db-border-height-2xl)",
+		"3xl": "var(--db-border-height-3xl)"
+	},
+	"screens": {
+		"xs": "360px",
+		"sm": "720px",
+		"md": "1024px",
+		"lg": "1440px",
+		"xl": "1920px"
+	},
+	"elevation": {
+		"DEFAULT": "var(--db-elevation-md)",
+		"sm": "var(--db-elevation-sm)",
+		"md": "var(--db-elevation-md)",
+		"lg": "var(--db-elevation-lg)"
+	},
+	"spacing": {
+		"none": 0,
+		"0": 0,
+		"fix-3xs": "var(--db-spacing-fixed-3xs)",
+		"fix-2xs": "var(--db-spacing-fixed-2xs)",
+		"fix-xs": "var(--db-spacing-fixed-xs)",
+		"fix-sm": "var(--db-spacing-fixed-sm)",
+		"fix-md": "var(--db-spacing-fixed-md)",
+		"fix-lg": "var(--db-spacing-fixed-lg)",
+		"fix-xl": "var(--db-spacing-fixed-xl)",
+		"fix-2xl": "var(--db-spacing-fixed-2xl)",
+		"fix-3xl": "var(--db-spacing-fixed-3xl)",
+		"res-3xs": "var(--db-spacing-responsive-3xs)",
+		"res-2xs": "var(--db-spacing-responsive-2xs)",
+		"res-xs": "var(--db-spacing-responsive-xs)",
+		"res-sm": "var(--db-spacing-responsive-sm)",
+		"res-md": "var(--db-spacing-responsive-md)",
+		"res-lg": "var(--db-spacing-responsive-lg)",
+		"res-xl": "var(--db-spacing-responsive-xl)",
+		"res-2xl": "var(--db-spacing-responsive-2xl)",
+		"res-3xl": "var(--db-spacing-responsive-3xl)",
+		"siz-3xs": "var(--db-sizing-3xs)",
+		"siz-2xs": "var(--db-sizing-2xs)",
+		"siz-xs": "var(--db-sizing-xs)",
+		"siz-sm": "var(--db-sizing-sm)",
+		"siz-md": "var(--db-sizing-md)",
+		"siz-lg": "var(--db-sizing-lg)",
+		"siz-xl": "var(--db-sizing-xl)",
+		"siz-2xl": "var(--db-sizing-2xl)",
+		"siz-3xl": "var(--db-sizing-3xl)"
+	}
+}

build/tailwind/tailwind.config.js

@@ -0,18 +1,21 @@
+const tokens = require('./tailwind-tokens.json');
 
-	const tokens = require('./tailwind-tokens.json')
-	module.exports = {
-  content: ['./src/**/*.{js,jsx,ts,tsx}'],
-  plugins: [],
-  theme: {
-			screens: tokens.screens,
-			spacing: tokens.spacing,
-			boxShadow: tokens.elevation,
-			gap: ({ theme }) => ({
-				...theme('spacing')
-			}),
-			space: ({ theme }) => ({
-				...theme('spacing')
-			})
-  	}
-  };
-  
+module.exports = {
+	content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}'],
+	plugins: [],
+	theme: {
+		fontFamily: tokens.fontFamily,
+		fontSize: tokens.fontSize,
+		screens: tokens.screens,
+		spacing: tokens.spacing,
+		boxShadow: tokens.elevation,
+		borderWidth: tokens.borderWidth,
+		borderHeight: tokens.borderHeight,
+		gap: ({ theme }) => ({
+			...theme('spacing')
+		}),
+		space: ({ theme }) => ({
+			...theme('spacing')
+		})
+	}
+};

package.json

 {
   "name": "@db-ui/foundations",
-  "version": "0.0.67",
+  "version": "0.0.68-beta-745ca8c",
   "description": "Provides basic tokens and assets based on DB UX Design System Core.",
@@ -20,6 +20,5 @@ "repository": {
     "build": "npm-run-all build:*",
-    "build:01_style-dictionary": "node style-dictionary.js",
     "build:02_copy": "npm run copy:scss",
     "build:03_css": "sass --no-source-map --load-path=node_modules/ --load-path=../../node_modules/ build/scss/:build/css/ --future-deprecation=import",
-    "build:04_tailwind": "node scripts/tailwind-config-generator.mjs false true && cpr scripts/tailwind-config-generator.mjs build/tailwind/tailwind-config-generator.mjs -o",
+    "build:04_tailwind": "cpr tailwind build/tailwind -o",
     "build:05_postcss": "postcss build/css/**/*.css --replace",
@@ -31,10 +30,9 @@ "clean": "rm -rf build",
     "copy-build:readme": "cpr README.md ../../build-outputs/foundations/README.md -o",
-    "copy-build:web": "cpr build ../../build-outputs/foundations/build -o -f \"(compose|ios-swift)\"",
+    "copy-build:web": "cpr build ../../build-outputs/foundations/build -o",
     "copy:scss": "cpr scss build/scss -o",
     "dev": "vite --open",
     "generate:icon-fonts": "npx @db-ui/gif --src ./assets/icons/functional --variants solid inverted --cleanIgnoreVariants default,all --prefix db_ic_ --fontName db-ux --withSizes true --debug true",
-    "regenerate:screenshots": "npx playwright test -c test/playwright.config.mjs --update-snapshots",
-    "start": "nodemon --watch tokens/ --watch scss --watch scripts -e json,scss,js -x \"npm run build:01_style-dictionary\"",
-    "test:e2e": "npx playwright test --config=test/playwright.config.mjs",
-    "zeplin:tokens": "node scripts/zeplin-styleguide.js"
+    "regenerate:screenshots": "npx playwright test -c ./test/playwright.config.mjs --update-snapshots",
+    "start": "nodemon --watch tokens/ --watch scss --watch scripts -e json,scss,js -x \"npm run build\"",
+    "test:e2e": "npx playwright test --config=./test/playwright.config.mjs"
   },
@@ -45,9 +43,7 @@ "dependencies": {
   "devDependencies": {
-    "@zeplin/sdk": "^1.18.0",
     "cpr": "3.0.1",
-    "cssnano": "^6.0.3",
+    "cssnano": "^6.1.2",
     "dotenv": "^16.4.5",
     "nodemon": "3.1.0",
-    "sass": "^1.71.1",
-    "style-dictionary": "3.9.2"
+    "sass": "^1.72.0"
   },
@@ -54,0 +50,0 @@ "publishConfig": {

README.md

@@ -24,3 +24,3 @@ # @db-ui/foundations
 
--   [Tonality](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities): `regular`
+-   [Density](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/densities): `regular`
 -   [Adaptive Coloring](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/adaptive-styles): `base`
@@ -27,0 +27,0 @@

No alert changes

Improved metrics

Total package byte prevSize

3331578

increased by6.91%

Dev dependency count

5

decreased by-28.57%

Lines of code

10514

increased by39.33%

No dependency changes