@db-ux/core-foundations 4.0.0 → 4.0.1

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 (9) hide show
  1. package/CHANGELOG.md +6 -1
  2. package/build/styles/absolute.css +2 -1
  3. package/build/styles/defaults/default-icons.css +1 -1
  4. package/build/styles/icons/_icon-helpers.scss +2 -1
  5. package/build/styles/index.css +2 -1
  6. package/build/styles/relative.css +2 -1
  7. package/build/styles/rollup.css +2 -1
  8. package/build/styles/webpack.css +2 -1
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,10 +1,15 @@
1
1
  # @db-ux/core-foundations
2
2
 
3
+ ## 4.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - fix: prevent cropped icons in webkit - [see commit 76c3459](https://github.com/db-ux-design-system/core-web/commit/76c3459d8a043f0320ec8d6bc3b520d3f69f055b)
8
+
3
9
  ## 4.0.0
4
10
 
5
11
  _version bump_
6
12
 
7
-
8
13
  ## 3.1.20
9
14
 
10
15
  _version bump_
package/build/styles/absolute.css CHANGED
@@ -308,7 +308,8 @@ select,
308
308
  overflow: clip;
309
309
  vertical-align: var(--db-icon-vertical-align, middle);
310
310
  block-size: var(--db-icon-font-size, 1.5rem);
311
- inline-size: var(--db-icon-font-size, 1.5rem);
311
+ aspect-ratio: 1;
312
+ flex-shrink: 0;
312
313
  content: var(--db-icon, attr(data-icon));
313
314
  }
314
315
  @supports (content: ""/"") {
package/build/styles/defaults/default-icons.css CHANGED
@@ -1 +1 @@
1
- @layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}[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;block-size:var(--db-icon-font-size,1.5rem);content:var(--db-icon,attr(data-icon));inline-size:var(--db-icon-font-size,1.5rem);overflow:clip;text-transform:none;vertical-align:var(--db-icon-vertical-align,middle)}@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),[data-icon-trailing]:is(span),[data-icon]:is(span){vertical-align:baseline}[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]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[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));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@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]{font-size:0!important}.is-icon-text-replace[data-icon-leading]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-trailing]{font-size:0!important}.is-icon-text-replace[data-icon-trailing]:after{--db-icon-margin-start:0}
1
+ @layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}[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;aspect-ratio:1;block-size:var(--db-icon-font-size,1.5rem);content:var(--db-icon,attr(data-icon));flex-shrink:0;overflow:clip;text-transform:none;vertical-align:var(--db-icon-vertical-align,middle)}@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),[data-icon-trailing]:is(span),[data-icon]:is(span){vertical-align:baseline}[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]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[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));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@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]{font-size:0!important}.is-icon-text-replace[data-icon-leading]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-trailing]{font-size:0!important}.is-icon-text-replace[data-icon-trailing]:after{--db-icon-margin-start:0}
package/build/styles/icons/_icon-helpers.scss CHANGED
@@ -161,7 +161,8 @@ $default-icon-font-size: var(--db-icon-font-size, #{$default-icon-size-rem});
161
161
  overflow: clip;
162
162
  vertical-align: var(--db-icon-vertical-align, middle);
163
163
  block-size: $default-icon-font-size;
164
- inline-size: $default-icon-font-size;
164
+ aspect-ratio: 1;
165
+ flex-shrink: 0;
165
166
 
166
167
  @include icon-content($default-icon-content); // TODO: ONLY FOR data-icon
167
168
 
package/build/styles/index.css CHANGED
@@ -885,7 +885,8 @@ blockquote:not([class]) {
885
885
  overflow: clip;
886
886
  vertical-align: var(--db-icon-vertical-align, middle);
887
887
  block-size: var(--db-icon-font-size, 1.5rem);
888
- inline-size: var(--db-icon-font-size, 1.5rem);
888
+ aspect-ratio: 1;
889
+ flex-shrink: 0;
889
890
  content: var(--db-icon, attr(data-icon));
890
891
  }
891
892
  @supports (content: ""/"") {
package/build/styles/relative.css CHANGED
@@ -308,7 +308,8 @@ select,
308
308
  overflow: clip;
309
309
  vertical-align: var(--db-icon-vertical-align, middle);
310
310
  block-size: var(--db-icon-font-size, 1.5rem);
311
- inline-size: var(--db-icon-font-size, 1.5rem);
311
+ aspect-ratio: 1;
312
+ flex-shrink: 0;
312
313
  content: var(--db-icon, attr(data-icon));
313
314
  }
314
315
  @supports (content: ""/"") {
package/build/styles/rollup.css CHANGED
@@ -308,7 +308,8 @@ select,
308
308
  overflow: clip;
309
309
  vertical-align: var(--db-icon-vertical-align, middle);
310
310
  block-size: var(--db-icon-font-size, 1.5rem);
311
- inline-size: var(--db-icon-font-size, 1.5rem);
311
+ aspect-ratio: 1;
312
+ flex-shrink: 0;
312
313
  content: var(--db-icon, attr(data-icon));
313
314
  }
314
315
  @supports (content: ""/"") {
package/build/styles/webpack.css CHANGED
@@ -308,7 +308,8 @@ select,
308
308
  overflow: clip;
309
309
  vertical-align: var(--db-icon-vertical-align, middle);
310
310
  block-size: var(--db-icon-font-size, 1.5rem);
311
- inline-size: var(--db-icon-font-size, 1.5rem);
311
+ aspect-ratio: 1;
312
+ flex-shrink: 0;
312
313
  content: var(--db-icon, attr(data-icon));
313
314
  }
314
315
  @supports (content: ""/"") {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-foundations",
3
- "version": "4.0.0",
3
+ "version": "4.0.1",
4
4
  "type": "module",
5
5
  "description": "Provides basic tokens and assets based on DB UX Design System (Version 3).",
6
6
  "repository": {