@db-ui/components
Advanced tools
@@ -5,2 +5,8 @@ import { exec } from 'node:child_process'; | ||
| import { dirname } from 'path'; | ||
| import { fileURLToPath } from 'url'; | ||
| const __filename = fileURLToPath(import.meta.url); | ||
| const __dirname = dirname(__filename).replaceAll('\\', '/'); | ||
| const execAsync = promisify(exec); | ||
@@ -19,3 +25,3 @@ | ||
| try { | ||
| const files = await glob('**/*.ttf'); | ||
| const files = await glob(`${__dirname}/*.ttf`); | ||
| const commands = files.map((file) => | ||
@@ -27,3 +33,3 @@ [ | ||
| '--flavor=woff2', | ||
| '--unicodes-file=unicode-eu.txt', | ||
| `--unicodes-file=${__dirname}/unicode-eu.txt`, | ||
| `--output-file=${file.replace('.ttf', '-EU.woff2')}` | ||
@@ -30,0 +36,0 @@ ].join(' ') |
@@ -20,5 +20,5 @@ # Generate fonts | ||
| ```shell | ||
| node packages/foundations/assets/fonts/generate-eu-fonts.ts | ||
| tsx packages/foundations/assets/fonts/generate-eu-fonts.ts | ||
| ``` | ||
| To check if everything works fine you can check all glyphs with an [opentype.js.org glyph inspector tool](https://opentype.js.org/glyph-inspector.html). |
@@ -171,4 +171,3 @@ /* Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height */ | ||
| padding-inline: var(--db-drawer-content-padding-inline, var(--db-spacing-fixed-md)); | ||
| max-block-size: fit-content; | ||
| overflow: auto; | ||
| overflow-y: auto; | ||
| } | ||
@@ -181,4 +180,3 @@ .db-drawer .db-drawer-container .db-drawer-header { | ||
| padding-inline: var(--db-drawer-content-padding-inline, var(--db-spacing-fixed-lg)); | ||
| max-block-size: fit-content; | ||
| overflow: auto; | ||
| overflow-y: auto; | ||
| } | ||
@@ -194,4 +192,3 @@ .db-drawer [data-spacing=medium].db-drawer-container { | ||
| padding-inline: var(--db-drawer-content-padding-inline, var(--db-spacing-fixed-lg)); | ||
| max-block-size: fit-content; | ||
| overflow: auto; | ||
| overflow-y: auto; | ||
| } | ||
@@ -207,4 +204,3 @@ .db-drawer [data-spacing=large].db-drawer-container { | ||
| padding-inline: var(--db-drawer-content-padding-inline, var(--db-spacing-fixed-xl)); | ||
| max-block-size: fit-content; | ||
| overflow: auto; | ||
| overflow-y: auto; | ||
| } | ||
@@ -220,4 +216,3 @@ .db-drawer [data-spacing=none].db-drawer-container { | ||
| padding-inline: var(--db-drawer-content-padding-inline, 0); | ||
| max-block-size: fit-content; | ||
| overflow: auto; | ||
| overflow-y: auto; | ||
| } | ||
@@ -224,0 +219,0 @@ |
@@ -96,4 +96,4 @@ @use "sass:map"; | ||
| ); | ||
| max-block-size: fit-content; | ||
| overflow: auto; | ||
| // TODO: Evaluate whether we need overflow: hidden and that for only specifically set y here. | ||
| overflow-y: auto; | ||
| } | ||
@@ -100,0 +100,0 @@ } |
@@ -363,3 +363,3 @@ /* Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height */ | ||
| position: fixed; | ||
| overflow-y: auto; | ||
| overflow: hidden auto; | ||
| inset-block: calc(calc(var(--db-sizing-md) + 2 * var(--db-spacing-fixed-xs)) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs) * 2 + var(--db-spacing-fixed-3xs)); | ||
@@ -372,3 +372,3 @@ } | ||
| position: fixed; | ||
| overflow-y: auto; | ||
| overflow: hidden auto; | ||
| inset-block: calc(calc(var(--db-sizing-md) + 2 * var(--db-spacing-fixed-xs)) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs) * 2 + var(--db-spacing-fixed-3xs)); | ||
@@ -375,0 +375,0 @@ } |
@@ -165,3 +165,3 @@ @use "@db-ui/foundations/build/styles/variables"; | ||
| position: fixed; | ||
| overflow-y: auto; | ||
| overflow: hidden auto; | ||
| // additional #{$db-spacing-fixed-3xs} for border | ||
@@ -168,0 +168,0 @@ inset-block: calc( |
+10
-12
| { | ||
| "name": "@db-ui/components", | ||
| "version": "0.7.1", | ||
| "version": "0.7.2-icon-export-2970210", | ||
| "type": "module", | ||
| "description": "", | ||
@@ -11,5 +12,2 @@ "repository": { | ||
| "license": "Apache-2.0", | ||
| "main": "./dist/index.js", | ||
| "module": "./dist/index.js", | ||
| "types": "./dist/index.d.ts", | ||
| "files": [ | ||
@@ -26,7 +24,7 @@ "build" | ||
| "build-style:02_postcss": "postcss build/**/*.css --replace", | ||
| "build:mitosis": "mitosis build -c configs/mitosis.config.js", | ||
| "compile:angular": "mitosis build -c configs/angular/mitosis.config.js && tsx scripts/exec/angular.ts && cpr ../../output/tmp/angular/src ../../output/angular/src -o", | ||
| "compile:react": "mitosis build -c configs/react/mitosis.config.js && tsx scripts/exec/react.ts && cpr ../../output/tmp/react/src ../../output/react/src -o", | ||
| "compile:stencil": "mitosis build -c configs/stencil/mitosis.config.js && tsx scripts/exec/stencil.ts && cpr ../../output/tmp/stencil/src ../../output/stencil/src -o", | ||
| "compile:vue": "mitosis build -c configs/vue/mitosis.config.js && tsx scripts/exec/vue.ts && cpr ../../output/tmp/vue/src ../../output/vue/src -o", | ||
| "build:mitosis": "mitosis build -c configs/mitosis.config.cjs", | ||
| "compile:angular": "mitosis build -c configs/angular/mitosis.config.cjs && tsx scripts/exec/angular.ts && cpr ../../output/tmp/angular/src ../../output/angular/src -o", | ||
| "compile:react": "mitosis build -c configs/react/mitosis.config.cjs && tsx scripts/exec/react.ts && cpr ../../output/tmp/react/src ../../output/react/src -o", | ||
| "compile:stencil": "mitosis build -c configs/stencil/mitosis.config.cjs && tsx scripts/exec/stencil.ts && cpr ../../output/tmp/stencil/src ../../output/stencil/src -o", | ||
| "compile:vue": "mitosis build -c configs/vue/mitosis.config.cjs && tsx scripts/exec/vue.ts && cpr ../../output/tmp/vue/src ../../output/vue/src -o", | ||
| "copy-assets": "cpr ../foundations/assets build/assets -o", | ||
@@ -49,8 +47,8 @@ "copy-output": "npm-run-all copy:*", | ||
| "dependencies": { | ||
| "@db-ui/foundations": "0.7.1" | ||
| "@db-ui/foundations": "0.7.2-icon-export-2970210" | ||
| }, | ||
| "devDependencies": { | ||
| "@builder.io/eslint-plugin-mitosis": "0.0.16", | ||
| "@builder.io/mitosis": "0.5.28", | ||
| "@builder.io/mitosis-cli": "0.5.28", | ||
| "@builder.io/mitosis": "0.5.31", | ||
| "@builder.io/mitosis-cli": "0.5.31", | ||
| "cpr": "3.0.1", | ||
@@ -57,0 +55,0 @@ "cssnano": "^7.0.6", |
+1
-0
@@ -16,2 +16,3 @@ # @db-ui/components | ||
| - [Vue components](https://www.npmjs.com/package/@db-ui/v-components) | ||
| - [Web components](https://www.npmjs.com/package/@db-ui/web-components) | ||
@@ -18,0 +19,0 @@ Please take a look at your desired framework to retrieve more information. |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
4714674
0.2%28534
0.14%108
0.93%Yes
NaN+ Added
- Removed