init

package.json

@@ -1,13 +1,22 @@
 {
   "name": "design-system",
   "version": "0.0.0",
-  "license": "MIT",
+  "homepage": "https://design.baloise.dev",
+  "license": "Apache-2.0",
   "scripts": {},
   "private": true,
   "dependencies": {},
   "devDependencies": {
     "@nx/js": "18.0.4",
-    "nx": "18.0.4"
+    "nx": "18.0.4",
+    "shelljs": "~0.8.5",
+    "style-dictionary": "^3.9.0",
+    "lodash.camelcase": "~4.3.0",
+    "lodash.get": "^4.4.2",
+    "lodash.setwith": "^4.3.2",
+    "lodash.upperfirst": "~4.3.1",
+    "fs-extra": "11.2.0",
+    "glob": "~10.3.10"
   },
   "workspaces": [
     "packages/*"

packages/fonts/css/fonts.cdn.css

@@ -0,0 +1,49 @@
+@font-face {
+  font-family: 'BaloiseCreateHeadline';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src:
+    local('BaloiseCreateHeadline'),
+    local('BaloiseCreateHeadline-bold'),
+    url('https://cdn.jsdelivr.net/npm/@baloise/design-system-fonts/lib/BaloiseCreateHeadline-bold.woff2')
+      format('woff2'),
+    url('https://cdn.jsdelivr.net/npm/@baloise/design-system-fonts/lib/BaloiseCreateHeadline-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'BaloiseCreateHeadline';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src:
+    local('BaloiseCreateHeadline'),
+    local('BaloiseCreateHeadline-light'),
+    url('https://cdn.jsdelivr.net/npm/@baloise/design-system-fonts/lib/BaloiseCreateHeadline-light.woff2')
+      format('woff2'),
+    url('https://cdn.jsdelivr.net/npm/@baloise/design-system-fonts/lib/BaloiseCreateHeadline-light.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'BaloiseCreateText';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src:
+    local('BaloiseCreateText'),
+    local('BaloiseCreateText-bold'),
+    url('https://cdn.jsdelivr.net/npm/@baloise/design-system-fonts/lib/BaloiseCreateText-bold.woff2') format('woff2'),
+    url('https://cdn.jsdelivr.net/npm/@baloise/design-system-fonts/lib/BaloiseCreateText-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'BaloiseCreateText';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src:
+    local('BaloiseCreateText'),
+    local('BaloiseCreateText-regular'),
+    url('https://cdn.jsdelivr.net/npm/@baloise/design-system-fonts/lib/BaloiseCreateText-regular.woff2') format('woff2'),
+    url('https://cdn.jsdelivr.net/npm/@baloise/design-system-fonts/lib/BaloiseCreateText-regular.woff') format('woff');
+}

packages/fonts/css/fonts.css

@@ -0,0 +1,47 @@
+@font-face {
+  font-family: 'BaloiseCreateHeadline';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src:
+    local('BaloiseCreateHeadline'),
+    local('BaloiseCreateHeadline-bold'),
+    url('https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateHeadline-bold.woff2') format('woff2'),
+    url('https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateHeadline-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'BaloiseCreateHeadline';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src:
+    local('BaloiseCreateHeadline'),
+    local('BaloiseCreateHeadline-light'),
+    url('https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateHeadline-light.woff2') format('woff2'),
+    url('https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateHeadline-light.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'BaloiseCreateText';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src:
+    local('BaloiseCreateText'),
+    local('BaloiseCreateText-bold'),
+    url('https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateText-bold.woff2') format('woff2'),
+    url('https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateText-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'BaloiseCreateText';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src:
+    local('BaloiseCreateText'),
+    local('BaloiseCreateText-regular'),
+    url('https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateText-regular.woff2') format('woff2'),
+    url('https://www.baloise.ch/app-integration/assets/fonts/BaloiseCreateText-regular.woff') format('woff');
+}

packages/fonts/css/fonts.local.css

@@ -0,0 +1,47 @@
+@font-face {
+  font-family: 'BaloiseCreateHeadline';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src:
+    local('BaloiseCreateHeadline'),
+    local('BaloiseCreateHeadline-bold'),
+    url('/assets/fonts/BaloiseCreateHeadline-bold.woff2') format('woff2'),
+    url('/assets/fonts/BaloiseCreateHeadline-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'BaloiseCreateHeadline';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src:
+    local('BaloiseCreateHeadline'),
+    local('BaloiseCreateHeadline-light'),
+    url('/assets/fonts/BaloiseCreateHeadline-light.woff2') format('woff2'),
+    url('/assets/fonts/BaloiseCreateHeadline-light.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'BaloiseCreateText';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src:
+    local('BaloiseCreateText'),
+    local('BaloiseCreateText-bold'),
+    url('/assets/fonts/BaloiseCreateText-bold.woff2') format('woff2'),
+    url('/assets/fonts/BaloiseCreateText-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'BaloiseCreateText';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src:
+    local('BaloiseCreateText'),
+    local('BaloiseCreateText-regular'),
+    url('/assets/fonts/BaloiseCreateText-regular.woff2') format('woff2'),
+    url('/assets/fonts/BaloiseCreateText-regular.woff') format('woff');
+}

packages/fonts/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@baloise/ds-fonts",
+  "version": "0.0.0",
+  "description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/baloise/design-system.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://design.baloise.dev",
+  "license": "Apache-2.0",
+  "main": "./css/fonts.css",
+  "files": [
+    "css/",
+    "scss/",
+    "lib/"
+  ]
+}

packages/fonts/project.json

@@ -0,0 +1,4 @@
+{
+  "name": "@baloise/ds-fonts",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json"
+}

packages/fonts/scss/fonts.sass

@@ -0,0 +1,41 @@
+$font-path: 'https://www.baloise.ch/app-integration/assets/fonts' !default
+
+$font-heading-bold-woff: str-insert('/BaloiseCreateHeadline-bold.woff', $font-path, 0)
+$font-heading-bold-woff2: str-insert('/BaloiseCreateHeadline-bold.woff2', $font-path, 0)
+
+@font-face
+  font-family: BaloiseCreateHeadline
+  font-style: normal
+  font-weight: 700
+  font-display: swap
+  src: local('BaloiseCreateHeadline'), local('BaloiseCreateHeadline-bold'), url("#{$font-heading-bold-woff2}") format('woff2'), url("#{$font-heading-bold-woff}") format('woff')
+
+$font-heading-light-woff: str-insert('/BaloiseCreateHeadline-light.woff', $font-path, 0)
+$font-heading-light-woff2: str-insert('/BaloiseCreateHeadline-light.woff2', $font-path, 0)
+
+@font-face
+  font-family: BaloiseCreateHeadline
+  font-style: normal
+  font-weight: 300
+  font-display: swap
+  src: local('BaloiseCreateHeadline-light'), url("#{$font-heading-light-woff2}") format('woff2'), url("#{$font-heading-light-woff}") format('woff')
+
+$font-text-bold-woff: str-insert('/BaloiseCreateText-bold.woff', $font-path, 0)
+$font-text-bold-woff2: str-insert('/BaloiseCreateText-bold.woff2', $font-path, 0)
+
+@font-face
+  font-family: BaloiseCreateText
+  font-style: normal
+  font-weight: 700
+  font-display: swap
+  src: local('BaloiseCreateText-bold'), url("#{$font-text-bold-woff2}") format('woff2'), url("#{$font-text-bold-woff}") format('woff')
+
+$font-text-regular-woff: str-insert('/BaloiseCreateText-regular.woff', $font-path, 0)
+$font-text-regular-woff2: str-insert('/BaloiseCreateText-regular.woff2', $font-path, 0)
+
+@font-face
+  font-family: BaloiseCreateText
+  font-style: normal
+  font-weight: 400
+  font-display: swap
+  src: local('BaloiseCreateText'), local('BaloiseCreateText-regular'), url("#{$font-text-regular-woff2}") format('woff2'), url("#{$font-text-regular-woff}") format('woff')

packages/fonts/scss/fonts.scss

@@ -0,0 +1,59 @@
+$font-path: 'https://www.baloise.ch/app-integration/assets/fonts' !default;
+
+$font-heading-bold-woff: str-insert('/BaloiseCreateHeadline-bold.woff', $font-path, 0);
+$font-heading-bold-woff2: str-insert('/BaloiseCreateHeadline-bold.woff2', $font-path, 0);
+
+@font-face {
+  font-family: BaloiseCreateHeadline;
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src:
+    local('BaloiseCreateHeadline'),
+    local('BaloiseCreateHeadline-bold'),
+    url('#{$font-heading-bold-woff2}') format('woff2'),
+    url('#{$font-heading-bold-woff}') format('woff');
+}
+
+$font-heading-light-woff: str-insert('/BaloiseCreateHeadline-light.woff', $font-path, 0);
+$font-heading-light-woff2: str-insert('/BaloiseCreateHeadline-light.woff2', $font-path, 0);
+
+@font-face {
+  font-family: BaloiseCreateHeadline;
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src:
+    local('BaloiseCreateHeadline-light'),
+    url('#{$font-heading-light-woff2}') format('woff2'),
+    url('#{$font-heading-light-woff}') format('woff');
+}
+
+$font-text-bold-woff: str-insert('/BaloiseCreateText-bold.woff', $font-path, 0);
+$font-text-bold-woff2: str-insert('/BaloiseCreateText-bold.woff2', $font-path, 0);
+
+@font-face {
+  font-family: BaloiseCreateText;
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src:
+    local('BaloiseCreateText-bold'),
+    url('#{$font-text-bold-woff2}') format('woff2'),
+    url('#{$font-text-bold-woff}') format('woff');
+}
+
+$font-text-regular-woff: str-insert('/BaloiseCreateText-regular.woff', $font-path, 0);
+$font-text-regular-woff2: str-insert('/BaloiseCreateText-regular.woff2', $font-path, 0);
+
+@font-face {
+  font-family: BaloiseCreateText;
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src:
+    local('BaloiseCreateText'),
+    local('BaloiseCreateText-regular'),
+    url('#{$font-text-regular-woff2}') format('woff2'),
+    url('#{$font-text-regular-woff}') format('woff');
+}

packages/tokens/.turbo/turbo-build.log

@@ -0,0 +1,6 @@
+
+> @baloise/design-system-tokens@15.2.2 build
+> node ./scripts/build.mjs
+
+⏳  token generating started ... 
+✅  token generating finished in 0.96sec