@db-ux/core-foundations 5.6.3-icon-font-fallback01-130f6dc → 5.7.0

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 (5) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/build/styles/bundle.css +1 -0
  3. package/build/styles/defaults/default-icons.css +1 -1
  4. package/build/styles/icons/_icon-helpers.scss +1 -0
  5. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @db-ux/core-foundations
2
2
 
3
+ ## 5.7.0
4
+
5
+ ### Patch Changes
6
+
7
+ - fix(icons): prevent layout shift while the icon font is loading in webkit - [see commit 6fba5a6](https://github.com/db-ux-design-system/core-web/commit/6fba5a6b128e5de8f98d84862a97c44490112a89)
8
+
3
9
  ## 5.6.2
4
10
 
5
11
  No changes in this release.
package/build/styles/bundle.css CHANGED
@@ -745,6 +745,7 @@ blockquote:not([class]) {
745
745
  speak: never;
746
746
  text-transform: none;
747
747
  overflow: clip;
748
+ contain: layout;
748
749
  vertical-align: var(--db-icon-vertical-align, middle);
749
750
  /* stylelint-disable-next-line db-ux/use-sizing */
750
751
  block-size: var(--db-icon-font-size, 1.5rem);
package/build/styles/defaults/default-icons.css CHANGED
@@ -1 +1 @@
1
- [data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{color:var(--db-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,var(--db-icon-default-font-family,"db-ux-default","icon-font-fallback"))!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;overflow:clip;vertical-align:var(--db-icon-vertical-align,middle);block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem);aspect-ratio:1;flex-shrink:0;text-underline-position:auto;content:var(--db-icon,attr(data-icon))}@supports(content:""/""){[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}@media speech{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}[data-icon-leading]:is(span):not([hidden]),[data-icon-trailing]:is(span):not([hidden]),[data-icon]:is(span):not([hidden]){display:inline-flex}[data-icon-leading]:is(span),[data-icon-trailing]:is(span),[data-icon]:is(span){vertical-align:initial}[data-icon-leading=none]:before,[data-icon=none]:before,[data-show-icon-leading=false]:before,[data-show-icon=false]:before{content:none}[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports(content:""/""){[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}[data-icon-trailing=none]:after,[data-show-icon-trailing=false]:after{content:none}.is-icon-text-replace[data-icon-leading],.is-icon-text-replace[data-icon-trailing],.is-icon-text-replace[data-icon]{font-size:0!important}@font-face{font-display:block;font-family:icon-font-fallback;font-style:normal;font-weight:400;src:url("data:application/octet-stream;base64,d09GMgABAAAAAALAAAsAAAAAB8gAAAJzAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACFegoUPAE2AiQDCAsGAAQgBYUOBysbJAfIrjBu4YkWdj4mP/wNUwgBWAAK8Tz92uu5bzeIKpJ4PLCOwgJxKmxlVZUBVhLY/+63n6ZlVd+q+JYluo4VQv5R4ejdz9BP+Dk5hUpNjXBxv1sBaSJaC0igiNLJzS9wsNc8ihPOOIQQDhtwgIHHieM+PDyHi1tAAf8GeS/KbE3LojUWRgWST5B5exuFB3wIN0wv8NNgfEfQbtFccWvn4BgaN8+xh5YyNRvi/Ny8Zgjq3KNWw3iraG57bRo5Szkujxf+6fPVUqBoqqg37N5Cwoc5rzWOpudsgi8raEKFWaAmr+ojL1XKpCXtqeMq0KoPFcy58/oPRRSB1Op2NAA8R2mm1BqaRf4/kNsJOYtiI8CcJThDcI7gPMEFgosElwguE1whuEpwjeA6wQ2CmwS3CG4T3CG4S3CP4D7BA4KHBI8IHhM8IXhK8Izg+HBAAXXa8BOMJ38cKc/DzT/WMg9r1ILw5bU7Q/1vhVyEX53987Xt7P5KlNBG505O4806S401qeGyRnO7dvHDYvT6rJmO/t24W/TH5iq0N6GglrRp0mGZZv12aDfj8uYOA95U6jYx6h1QdPtAZdSvoJb802Q40mw00W4vc06H8XxNBN/VwbPzC2RtRmJzqMyDpVTYIXeKU5XyVfA4VFZ8ZFt5lYiVxOwF80czYtaoU3C41eRlytqAMYW1EtxbMsdxP7bsyp4IDlaEwOvSvpXDv5xYVoYIG4cU44FFUuue6ytPKUluxTaPhnoGvQTbVt9TmTBF/jzzAuUeGSOMaUhLAgdtjWRVo0QCFMt3rSkC61n2CEVjfT1Ot7X21uR1ipQK7baUlFQyBwAAAAA=")}
1
+ [data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{color:var(--db-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,var(--db-icon-default-font-family,"db-ux-default","icon-font-fallback"))!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;overflow:clip;contain:layout;vertical-align:var(--db-icon-vertical-align,middle);block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem);aspect-ratio:1;flex-shrink:0;text-underline-position:auto;content:var(--db-icon,attr(data-icon))}@supports(content:""/""){[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}@media speech{[data-icon-leading]:before,[data-icon-trailing]:after,[data-icon]:before{content:none}}[data-icon-leading]:is(span):not([hidden]),[data-icon-trailing]:is(span):not([hidden]),[data-icon]:is(span):not([hidden]){display:inline-flex}[data-icon-leading]:is(span),[data-icon-trailing]:is(span),[data-icon]:is(span){vertical-align:initial}[data-icon-leading=none]:before,[data-icon=none]:before,[data-show-icon-leading=false]:before,[data-show-icon=false]:before{content:none}[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing))}@supports(content:""/""){[data-icon-trailing]:after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}[data-icon-trailing=none]:after,[data-show-icon-trailing=false]:after{content:none}.is-icon-text-replace[data-icon-leading],.is-icon-text-replace[data-icon-trailing],.is-icon-text-replace[data-icon]{font-size:0!important}@font-face{font-display:block;font-family:icon-font-fallback;font-style:normal;font-weight:400;src:url("data:application/octet-stream;base64,d09GMgABAAAAAALAAAsAAAAAB8gAAAJzAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACFegoUPAE2AiQDCAsGAAQgBYUOBysbJAfIrjBu4YkWdj4mP/wNUwgBWAAK8Tz92uu5bzeIKpJ4PLCOwgJxKmxlVZUBVhLY/+63n6ZlVd+q+JYluo4VQv5R4ejdz9BP+Dk5hUpNjXBxv1sBaSJaC0igiNLJzS9wsNc8ihPOOIQQDhtwgIHHieM+PDyHi1tAAf8GeS/KbE3LojUWRgWST5B5exuFB3wIN0wv8NNgfEfQbtFccWvn4BgaN8+xh5YyNRvi/Ny8Zgjq3KNWw3iraG57bRo5Szkujxf+6fPVUqBoqqg37N5Cwoc5rzWOpudsgi8raEKFWaAmr+ojL1XKpCXtqeMq0KoPFcy58/oPRRSB1Op2NAA8R2mm1BqaRf4/kNsJOYtiI8CcJThDcI7gPMEFgosElwguE1whuEpwjeA6wQ2CmwS3CG4T3CG4S3CP4D7BA4KHBI8IHhM8IXhK8Izg+HBAAXXa8BOMJ38cKc/DzT/WMg9r1ILw5bU7Q/1vhVyEX53987Xt7P5KlNBG505O4806S401qeGyRnO7dvHDYvT6rJmO/t24W/TH5iq0N6GglrRp0mGZZv12aDfj8uYOA95U6jYx6h1QdPtAZdSvoJb802Q40mw00W4vc06H8XxNBN/VwbPzC2RtRmJzqMyDpVTYIXeKU5XyVfA4VFZ8ZFt5lYiVxOwF80czYtaoU3C41eRlytqAMYW1EtxbMsdxP7bsyp4IDlaEwOvSvpXDv5xYVoYIG4cU44FFUuue6ytPKUluxTaPhnoGvQTbVt9TmTBF/jzzAuUeGSOMaUhLAgdtjWRVo0QCFMt3rSkC61n2CEVjfT1Ot7X21uR1ipQK7baUlFQyBwAAAAA=")}
package/build/styles/icons/_icon-helpers.scss CHANGED
@@ -135,6 +135,7 @@ $default-icon-font-size: var(--db-icon-font-size, #{$default-icon-size-rem});
135
135
  speak: never; // Hiding icon from screenreaders
136
136
  text-transform: none;
137
137
  overflow: clip;
138
+ contain: layout;
138
139
  vertical-align: var(--db-icon-vertical-align, middle);
139
140
  /* stylelint-disable-next-line db-ux/use-sizing */
140
141
  block-size: $default-icon-font-size;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-foundations",
3
- "version": "5.6.3-icon-font-fallback01-130f6dc",
3
+ "version": "5.7.0",
4
4
  "type": "module",
5
5
  "description": "Provides basic tokens and assets based on DB UX Design System – Generation 3",
6
6
  "repository": {
@@ -20,9 +20,9 @@
20
20
  "devDependencies": {
21
21
  "@csstools/normalize.css": "12.1.1",
22
22
  "@db-ux/icon-font-tools": "0.3.6",
23
- "@playwright/test": "1.62.1",
23
+ "@playwright/test": "1.63.0",
24
24
  "cpy-cli": "7.0.0",
25
- "cssnano": "9.1.2",
25
+ "cssnano": "9.2.2",
26
26
  "glob": "13.0.6",
27
27
  "nodemon": "3.1.14",
28
28
  "postcss": "8.5.28",
@@ -31,7 +31,7 @@
31
31
  "sass": "1.105.1",
32
32
  "tsx": "4.23.15",
33
33
  "typescript": "5.9.3",
34
- "vite": "8.3.1"
34
+ "vite": "8.3.2"
35
35
  },
36
36
  "publishConfig": {
37
37
  "registry": "https://registry.npmjs.org/",