Merge branch 'master' into mkirkova/feat-1289

Author: simeonoff

package-lock.json

@@ -89,7 +89,7 @@
     "madge": "^8.0.0",
     "node-watch": "^0.7.4",
     "playwright": "^1.48.2",
-    "postcss": "^8.4.48",
+    "postcss": "^8.4.49",
     "prettier": "^3.3.3",
     "rimraf": "^5.0.10",
     "sass": "^1.78.0",
@@ -99,13 +99,13 @@
     "stylelint": "^16.10.0",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-prettier": "^5.0.2",
-    "stylelint-scss": "^6.8.1",
+    "stylelint-scss": "^6.9.0",
     "ts-lit-plugin": "^2.0.2",
     "tslib": "^2.8.1",
     "typedoc": "^0.26.11",
     "typedoc-plugin-localization": "^3.0.5",
     "typescript": "^5.6.3",
-    "vite": "^5.4.10"
+    "vite": "^5.4.11"
   },
   "browserslist": [
     "defaults"

package.json

@@ -34,22 +34,18 @@
 
 :host([variant='info']) [part='base'] {
     background: color(info, 500);
-    color: contrast-color(info, 500);
 }
 
 :host([variant='success']) [part='base'] {
     background: color(success, 500);
-    color: contrast-color(success, 500);
 }
 
 :host([variant='warning']) [part='base'] {
     background: color(warn, 500);
-    color: contrast-color(warn, 500);
 }
 
 :host([variant='danger']) [part='base'] {
     background: color(error, 500);
-    color: contrast-color(error, 500);
 }
 
 :host([shape='rounded']),

src/components/badge/themes/badge.base.scss

@@ -5,6 +5,7 @@ $theme: $material;
 
 [part='base'] {
     box-shadow: var-get($theme, 'elevation');
+    color: var-get($theme, 'text-color');
 }
 
 ::slotted(igc-icon) {
@@ -13,7 +14,6 @@ $theme: $material;
 
 :host([variant='primary']) [part='base'] {
     background: var-get($theme, 'background-color');
-    color: var-get($theme, 'text-color');
 }
 
 :host([shape='square']) [part='base'] {

src/components/badge/themes/shared/badge.common.scss

@@ -3,13 +3,6 @@
 
 $theme: $indigo;
 
-:host([variant='info']),
-:host([variant='success']),
-:host([variant='warning']),
-:host([variant='danger']) {
-    color: var-get($theme, 'text-color');
-}
-
 [part='base'] {
     @include type-style('button');
 

src/components/badge/themes/shared/badge.indigo.scss

@@ -21,6 +21,10 @@
     }
 }
 
+:host([orientation='vertical']) {
+    justify-content: space-around;
+}
+
 ::slotted([slot='start']) {
     display: flex;
     align-items: center;

src/components/card/themes/card.actions.base.scss

@@ -6,8 +6,12 @@
 }
 
 [part='content'] {
+    @include type-style('body-2') {
+        margin: 0;
+    }
+
     padding-inline: rem(24px);
-    padding-block-end: rem(20px);
+    padding-block: 0 rem(20px);
 }
 
 [part='footer'] {

src/components/dialog/themes/shared/dialog.fluent.scss

@@ -1,19 +1,26 @@
 import { css } from 'lit';
 
 import type { Themes } from '../../../theming/types.js';
+import { styles as fluent } from './shared/header/dropdown-header.fluent.css.js';
 // Shared Styles
 import { styles as indigo } from './shared/header/dropdown-header.indigo.css.js';
 
 const light = {
   indigo: css`
     ${indigo}
   `,
+  fluent: css`
+    ${fluent}
+  `,
 };
 
 const dark = {
   indigo: css`
     ${indigo}
   `,
+  fluent: css`
+    ${fluent}
+  `,
 };
 
 export const all: Themes = { light, dark };

src/components/dropdown/themes/header.ts

@@ -9,6 +9,5 @@ $theme: $bootstrap;
 }
 
 [part='base'] {
-    padding: rem(8px) 0;
     border: rem(1px) solid var-get($theme, 'border-color');
 }

src/components/dropdown/themes/shared/dropdown.bootstrap.scss

@@ -0,0 +1,5 @@
+@use 'styles/utilities' as *;
+
+:host {
+    @include type-style('subtitle-2');
+}