@db-ux/core-foundations 4.6.1 → 4.7.0-tabs-34782eb

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # @db-ux/core-foundations
 
+## 4.7.0
+
+_version bump_
+
+
 ## 4.6.1
 
 _version bump_
@@ -121,28 +126,28 @@ _version bump_
 ### Patch Changes
 
 - chore: update instructions files for better copilot outputs - [see commit e4bc905](https://github.com/db-ux-design-system/core-web/commit/e4bc90508479387371d816d5776f9f568aa5fb82):
-    - fix: add some missing variables
+  - fix: add some missing variables
 
 - fix(tailwind): add individual color theme files for all color variants - [see commit e8d58bd](https://github.com/db-ux-design-system/core-web/commit/e8d58bde01039a3d233105c2c72efa71c619c4b4):
-    - Create separate CSS files for each color
-    - Move colors.css to colors/ subdirectory with adaptive theme
-    - Add colors/index.css that imports all color variants
-    - Update theme/index.css to import from colors/index.css
-        - burgundy
-        - critical
-        - cyan
-        - green
-        - informational
-        - light-green
-        - neutral
-        - orange
-        - pink
-        - red
-        - successful
-        - turquoise
-        - violet
-        - warning
-        - yellow
+  - Create separate CSS files for each color
+  - Move colors.css to colors/ subdirectory with adaptive theme
+  - Add colors/index.css that imports all color variants
+  - Update theme/index.css to import from colors/index.css
+    - burgundy
+    - critical
+    - cyan
+    - green
+    - informational
+    - light-green
+    - neutral
+    - orange
+    - pink
+    - red
+    - successful
+    - turquoise
+    - violet
+    - warning
+    - yellow
 
 ## 4.0.1
 
@@ -169,7 +174,7 @@ _version bump_
 ### Patch Changes
 
 - enabled [`@db-ux/agent-cli`](https://www.npmjs.com/package/@db-ux/agent-cli) for every package - [see commit 0233048](https://github.com/db-ux-design-system/core-web/commit/023304869e61f5a506dca66a22d69e5f3d70f4d0):
-    - auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation
+  - auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation
 
 ## 3.1.17
 

package/build/styles/bundle.css

@@ -245,11 +245,6 @@ code {
   --db-spacing-fixed-2xl: var(--db-spacing-fixed-regular-2xl);
   --db-spacing-fixed-3xl: var(--db-spacing-fixed-regular-3xl);
   /* stylelint-disable-next-line media-query-no-invalid */
-  /* stylelint-disable-next-line at-rule-empty-line-before */
-  /* stylelint-disable-next-line media-query-no-invalid */
-  /* stylelint-disable-next-line at-rule-empty-line-before */
-  /* stylelint-disable-next-line media-query-no-invalid */
-  /* stylelint-disable-next-line at-rule-empty-line-before */
 }
 @media (width <= 48em) {
   :root,
@@ -265,6 +260,11 @@ code {
     --db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-mobile-3xl);
   }
 }
+:root,
+:host {
+  /* stylelint-disable-next-line at-rule-empty-line-before */
+  /* stylelint-disable-next-line media-query-no-invalid */
+}
 @media (48em < width <= 64em) {
   :root,
   :host {
@@ -279,6 +279,11 @@ code {
     --db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-tablet-3xl);
   }
 }
+:root,
+:host {
+  /* stylelint-disable-next-line at-rule-empty-line-before */
+  /* stylelint-disable-next-line media-query-no-invalid */
+}
 @media (64em < width) {
   :root,
   :host {
@@ -293,15 +298,14 @@ code {
     --db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-desktop-3xl);
   }
 }
-
 :root,
 :host {
-  /* stylelint-disable-next-line media-query-no-invalid */
-  /* stylelint-disable-next-line at-rule-empty-line-before */
-  /* stylelint-disable-next-line media-query-no-invalid */
   /* stylelint-disable-next-line at-rule-empty-line-before */
+}
+
+:root,
+:host {
   /* stylelint-disable-next-line media-query-no-invalid */
-  /* stylelint-disable-next-line at-rule-empty-line-before */
 }
 @media (width <= 48em) {
   :root,
@@ -335,6 +339,11 @@ code {
     --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-mobile-headline-3xl);
   }
 }
+:root,
+:host {
+  /* stylelint-disable-next-line at-rule-empty-line-before */
+  /* stylelint-disable-next-line media-query-no-invalid */
+}
 @media (48em < width <= 64em) {
   :root,
   :host {
@@ -367,6 +376,11 @@ code {
     --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-tablet-headline-3xl);
   }
 }
+:root,
+:host {
+  /* stylelint-disable-next-line at-rule-empty-line-before */
+  /* stylelint-disable-next-line media-query-no-invalid */
+}
 @media (64em < width) {
   :root,
   :host {
@@ -399,15 +413,14 @@ code {
     --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-desktop-headline-3xl);
   }
 }
-
 :root,
 :host {
-  /* stylelint-disable-next-line media-query-no-invalid */
-  /* stylelint-disable-next-line at-rule-empty-line-before */
-  /* stylelint-disable-next-line media-query-no-invalid */
   /* stylelint-disable-next-line at-rule-empty-line-before */
+}
+
+:root,
+:host {
   /* stylelint-disable-next-line media-query-no-invalid */
-  /* stylelint-disable-next-line at-rule-empty-line-before */
 }
 @media (width <= 48em) {
   :root,
@@ -441,6 +454,11 @@ code {
     --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-mobile-body-3xl);
   }
 }
+:root,
+:host {
+  /* stylelint-disable-next-line at-rule-empty-line-before */
+  /* stylelint-disable-next-line media-query-no-invalid */
+}
 @media (48em < width <= 64em) {
   :root,
   :host {
@@ -473,6 +491,11 @@ code {
     --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-tablet-body-3xl);
   }
 }
+:root,
+:host {
+  /* stylelint-disable-next-line at-rule-empty-line-before */
+  /* stylelint-disable-next-line media-query-no-invalid */
+}
 @media (64em < width) {
   :root,
   :host {
@@ -505,13 +528,16 @@ code {
     --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-desktop-body-3xl);
   }
 }
+:root,
+:host {
+  /* stylelint-disable-next-line at-rule-empty-line-before */
+}
 
 /* Use this file if you want the default elevation data attributes in your project */
 .db-interactive-elevation,
 [data-interactive=elevation] {
   cursor: pointer;
   box-shadow: var(--db-elevation-md);
-  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
 }
 @media (prefers-reduced-motion: no-preference) {
   .db-interactive-elevation,
@@ -519,6 +545,10 @@ code {
     transition: box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional);
   }
 }
+.db-interactive-elevation,
+[data-interactive=elevation] {
+  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
+}
 .db-interactive-elevation:hover:not(:disabled,
 [aria-disabled=true],
 [tabindex="-1"],
@@ -615,7 +645,6 @@ h1 {
   /* stylelint-disable custom-property-pattern */
   font: var(--db-type-headline-xl);
   margin-block: var(--db-spacing-fixed-xl);
-  /* stylelint-enable custom-property-pattern */
 }
 h1::before, h1::after {
   --db-icon-font-size: var(
@@ -625,12 +654,14 @@ h1::before, h1::after {
   	--db-base-headline-icon-weight-xl
   );
 }
+h1 {
+  /* stylelint-enable custom-property-pattern */
+}
 
 h2 {
   /* stylelint-disable custom-property-pattern */
   font: var(--db-type-headline-lg);
   margin-block: var(--db-spacing-fixed-lg);
-  /* stylelint-enable custom-property-pattern */
 }
 h2::before, h2::after {
   --db-icon-font-size: var(
@@ -640,12 +671,14 @@ h2::before, h2::after {
   	--db-base-headline-icon-weight-lg
   );
 }
+h2 {
+  /* stylelint-enable custom-property-pattern */
+}
 
 h3 {
   /* stylelint-disable custom-property-pattern */
   font: var(--db-type-headline-md);
   margin-block: var(--db-spacing-fixed-md);
-  /* stylelint-enable custom-property-pattern */
 }
 h3::before, h3::after {
   --db-icon-font-size: var(
@@ -655,12 +688,14 @@ h3::before, h3::after {
   	--db-base-headline-icon-weight-md
   );
 }
+h3 {
+  /* stylelint-enable custom-property-pattern */
+}
 
 h4 {
   /* stylelint-disable custom-property-pattern */
   font: var(--db-type-headline-sm);
   margin-block: var(--db-spacing-fixed-sm);
-  /* stylelint-enable custom-property-pattern */
 }
 h4::before, h4::after {
   --db-icon-font-size: var(
@@ -670,12 +705,14 @@ h4::before, h4::after {
   	--db-base-headline-icon-weight-sm
   );
 }
+h4 {
+  /* stylelint-enable custom-property-pattern */
+}
 
 h5 {
   /* stylelint-disable custom-property-pattern */
   font: var(--db-type-headline-xs);
   margin-block: var(--db-spacing-fixed-xs);
-  /* stylelint-enable custom-property-pattern */
 }
 h5::before, h5::after {
   --db-icon-font-size: var(
@@ -685,12 +722,14 @@ h5::before, h5::after {
   	--db-base-headline-icon-weight-xs
   );
 }
+h5 {
+  /* stylelint-enable custom-property-pattern */
+}
 
 h6 {
   /* stylelint-disable custom-property-pattern */
   font: var(--db-type-headline-2xs);
   margin-block: var(--db-spacing-fixed-2xs);
-  /* stylelint-enable custom-property-pattern */
 }
 h6::before, h6::after {
   --db-icon-font-size: var(
@@ -700,6 +739,9 @@ h6::before, h6::after {
   	--db-base-headline-icon-weight-2xs
   );
 }
+h6 {
+  /* stylelint-enable custom-property-pattern */
+}
 
 :is(h1, h2, h3, h4, h5, h6) {
   font-family: var(--db-font-family-head);
@@ -870,16 +912,16 @@ blockquote:not([class]) {
   }
 }
 
-[data-icon]:is(span),
-[data-icon-leading]:is(span),
-[data-icon-trailing]:is(span) {
-  vertical-align: baseline;
-}
 [data-icon]:is(span):not([hidden]),
 [data-icon-leading]:is(span):not([hidden]),
 [data-icon-trailing]:is(span):not([hidden]) {
   display: inline-flex;
 }
+[data-icon]:is(span),
+[data-icon-leading]:is(span),
+[data-icon-trailing]:is(span) {
+  vertical-align: baseline;
+}
 
 [data-icon]::before,
 [data-icon-leading]::before {
@@ -910,11 +952,13 @@ blockquote:not([class]) {
 
 .is-icon-text-replace[data-icon], .is-icon-text-replace[data-icon-leading] {
   font-size: 0 !important;
-  /* stylelint-disable-next-line at-rule-empty-line-before */
 }
 .is-icon-text-replace[data-icon]::before, .is-icon-text-replace[data-icon-leading]::before {
   --db-icon-margin-end: 0;
 }
+.is-icon-text-replace[data-icon], .is-icon-text-replace[data-icon-leading] {
+  /* stylelint-disable-next-line at-rule-empty-line-before */
+}
 .is-icon-text-replace[data-icon-trailing] {
   font-size: 0 !important;
 }

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;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:initial}[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}
+[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):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{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}