@db-ux/core-foundations 4.10.1 → 4.11.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @db-ux/core-foundations
 
+## 4.11.0
+
+### Minor Changes
+
+- feat: add DBTable, DBTableHead, DBTableBody, DBTableFooter, DBTableRow, DBTableHeaderCell, and DBTableDataCell components - [see commit f64b6e0](https://github.com/db-ux-design-system/core-web/commit/f64b6e0f4b36ea4987c1d9ac7a0328bf317cdcad)
+
+## 4.10.2
+
+### Patch Changes
+
+- refactor: replaced external fallback icon font as inline base64 to ensure it loads with CSS even when the font file cannot be fetched, preventing layout shifts. - [see commit 8a6b622](https://github.com/db-ux-design-system/core-web/commit/8a6b622179dfd3fc61cecd149cd3b61a40147f92)
+
+- fix: ensure that the icon fallback is displayed as a rectangle - [see commit 6ebc636](https://github.com/db-ux-design-system/core-web/commit/6ebc6361f06fbb44476435b1f011def97318d586)
+
 ## 4.10.1
 
 ### Patch Changes

package/README.md

@@ -346,7 +346,7 @@ Contributions are very welcome, please refer to the [contribution guide](https:/
 ## Code of conduct
 
 We as members, contributors, and leaders pledge to make participation in our
-community a harassment-free experience for everyone – have a look at our [Contributor Covenant Code of Conduct](https://github.com/db-ux-design-system/core-web/blob/main/CODE-OF-CONDUCT.md).
+community a harassment-free experience for everyone – have a look at our [Contributor Covenant Code of Conduct](https://github.com/db-ux-design-system/.github/blob/main/CODE-OF-CONDUCT.md).
 
 ## License
 

package/assets/icons/LICENCES.json

@@ -1,4 +1,16 @@
 [
+	{
+		"name": "arrows_vertical.svg",
+		"type": "lucide",
+		"licence": "https://lucide.dev/license#lucide-license",
+		"origin": "arrow-down-up"
+	},
+	{
+		"name": "more_vertical.svg",
+		"type": "lucide",
+		"licence": "https://lucide.dev/license#lucide-license",
+		"origin": "ellipsis-vertical"
+	},
 	{
 		"name": "arrow_down.svg",
 		"type": "lucide",

package/assets/icons/arrows_vertical.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down-up-icon lucide-arrow-down-up"><path d="m3 16 4 4 4-4"/><path d="M7 20V4"/><path d="m21 8-4-4-4 4"/><path d="M17 4v16"/></svg>

package/assets/icons/more_vertical.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis-vertical-icon lucide-ellipsis-vertical"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>

package/build/all-icons.js

@@ -1,5 +1,6 @@
 /* This file was generated */
 export const ALL_ICONS = [
+    'arrows_vertical',
     'arrow_down',
     'arrow_left',
     'arrow_right',
@@ -35,6 +36,7 @@ export const ALL_ICONS = [
     'menu',
     'minus',
     'moon',
+    'more_vertical',
     'plus',
     'resize_handle_corner',
     'sun',

package/build/base-icon-types.d.ts

@@ -1 +1 @@
-export type BaseIconTypes = 'arrow_down' | 'arrow_left' | 'arrow_right' | 'arrow_up' | 'arrow_up_right' | 'brand' | 'calendar' | 'chat' | 'check' | 'check_circle' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'circle' | 'circle_small' | 'circular_arrows' | 'clock' | 'copy' | 'cross' | 'cross_circle' | 'double_chevron_down' | 'double_chevron_left' | 'double_chevron_right' | 'double_chevron_up' | 'exclamation_mark_circle' | 'exclamation_mark_triangle' | 'eye' | 'eye_disabled' | 'house' | 'information_circle' | 'magnifying_glass' | 'menu' | 'minus' | 'moon' | 'plus' | 'resize_handle_corner' | 'sun' | 'x_placeholder';
+export type BaseIconTypes = 'arrows_vertical' | 'arrow_down' | 'arrow_left' | 'arrow_right' | 'arrow_up' | 'arrow_up_right' | 'brand' | 'calendar' | 'chat' | 'check' | 'check_circle' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'circle' | 'circle_small' | 'circular_arrows' | 'clock' | 'copy' | 'cross' | 'cross_circle' | 'double_chevron_down' | 'double_chevron_left' | 'double_chevron_right' | 'double_chevron_up' | 'exclamation_mark_circle' | 'exclamation_mark_triangle' | 'eye' | 'eye_disabled' | 'house' | 'information_circle' | 'magnifying_glass' | 'menu' | 'minus' | 'moon' | 'more_vertical' | 'plus' | 'resize_handle_corner' | 'sun' | 'x_placeholder';

package/build/styles/animation/_transitions.scss

@@ -1,14 +1,20 @@
 @use "../variables";
 
 %default-transition {
-	transition:
-		outline #{variables.$db-transition-duration-extra-fast},
-		border-color #{variables.$db-transition-straight-emotional},
-		background-color #{variables.$db-transition-straight-emotional};
+	@media (prefers-reduced-motion: no-preference) {
+		transition:
+			outline #{variables.$db-transition-duration-extra-fast},
+			box-shadow #{variables.$db-transition-duration-extra-fast},
+			border-color #{variables.$db-transition-straight-emotional},
+			background-color #{variables.$db-transition-straight-emotional};
+	}
 }
 
 %default-fg-transition {
-	transition:
-		outline #{variables.$db-transition-duration-extra-fast},
-		color #{variables.$db-transition-straight-emotional};
+	@media (prefers-reduced-motion: no-preference) {
+		transition:
+			outline #{variables.$db-transition-duration-extra-fast},
+			box-shadow #{variables.$db-transition-duration-extra-fast},
+			color #{variables.$db-transition-straight-emotional};
+	}
 }

package/build/styles/bundle.css

@@ -172,35 +172,12 @@ blockquote:not([class])::before, blockquote:not([class])::after {
 }
 
 /* Use this file if you want the default color and density in your project */
-:not([data-disable-focus=true]):is(a,
-button,
-input,
-textarea,
-summary,
-select,
-[tabindex]:not([tabindex="-1"])):focus-visible {
+:not([data-disable-focus=true]):focus-visible {
   outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-70-default));
   outline-offset: var(--db-border-width-xs);
   box-shadow: 0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color, transparent);
 }
-@media (prefers-reduced-motion: no-preference) {
-  :not([data-disable-focus=true]):is(a,
-  button,
-  input,
-  textarea,
-  summary,
-  select,
-  [tabindex]:not([tabindex="-1"])):focus-visible {
-    transition: outline var(--db-transition-duration-extra-fast), box-shadow var(--db-transition-duration-extra-fast);
-  }
-}
-:not([data-disable-focus=true]):not([type=radio], [role=switch]):is(a,
-button,
-input,
-textarea,
-summary,
-select,
-[tabindex]:not([tabindex="-1"])):focus-visible {
+:not([data-disable-focus=true]):not([type=radio], [role=switch]):focus-visible {
   border-radius: var(--db-border-radius-xs);
 }
 
@@ -769,6 +746,8 @@ blockquote:not([class]) {
   vertical-align: var(--db-icon-vertical-align, middle);
   /* stylelint-disable-next-line db-ux/use-sizing */
   block-size: var(--db-icon-font-size, 1.5rem);
+  /* stylelint-disable-next-line db-ux/use-sizing */
+  inline-size: var(--db-icon-font-size, 1.5rem);
   aspect-ratio: 1;
   flex-shrink: 0;
   content: var(--db-icon, attr(data-icon));
@@ -846,6 +825,13 @@ blockquote:not([class]) {
   --db-icon-margin-start: 0;
 }
 
+@font-face {
+  font-display: block;
+  font-family: icon-font-fallback;
+  font-style: normal;
+  font-weight: normal;
+  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=");
+}
 /* Required styles to normalize default css */
 :root,
 :host {

package/build/styles/defaults/default-icons.css

@@ -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);aspect-ratio:1;flex-shrink:0;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]: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{margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));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]{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}
+[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;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]: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{margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));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]{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}@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/defaults/default-icons.scss

@@ -57,3 +57,11 @@
 		@include icons.is-icon-text-replace("after");
 	}
 }
+
+@font-face {
+	font-display: block;
+	font-family: icon-font-fallback;
+	font-style: normal;
+	font-weight: normal;
+	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=");
+}