@carbon/web-components 2.26.0 → 2.27.0

package/lib/globals/internal/feature-flags.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/globals/internal/handle.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/globals/internal/radio-group-manager.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/globals/mixins/focus.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/globals/mixins/form.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/globals/mixins/host-listener.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/globals/mixins/validity.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2020, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/globals/settings.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/globals/settings.js

@@ -10,8 +10,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/globals/settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings.js","sources":["../../src/globals/settings.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;AAOG;AAEG,MAAA,MAAM,GAAG,MAAM;AAErB;;;AAGG;AACH,MAAM,gBAAgB,GAAG,CAAA;;;;;IAKrB,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;;;;;;"}
+{"version":3,"file":"settings.js","sources":["../../src/globals/settings.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;AAKG;AAEG,MAAA,MAAM,GAAG,MAAM;AAErB;;;AAGG;AACH,MAAM,gBAAgB,GAAG,CAAA;;;;;IAKrB,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;;;;;;"}

package/lib/globals/shared-enums.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2020, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/globals/shared-enums.js

@@ -10,8 +10,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /**
- * @license
- *
  * Copyright IBM Corp. 2020, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/globals/shared-enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared-enums.js","sources":["../../src/globals/shared-enums.ts"],"sourcesContent":[null],"names":["FORM_ELEMENT_COLOR_SCHEME"],"mappings":";;;;;;;;;;;AAAA;;;;;;;AAOG;AAEH;;AAEG;AACSA,2CAUX;AAVD,CAAA,UAAY,yBAAyB,EAAA;AACnC;;AAEG;AACH,IAAA,yBAAA,CAAA,SAAA,CAAA,GAAA,EAAY,CAAA;AAEZ;;AAEG;AACH,IAAA,yBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAVWA,iCAAyB,KAAzBA,iCAAyB,GAUpC,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"shared-enums.js","sources":["../../src/globals/shared-enums.ts"],"sourcesContent":[null],"names":["FORM_ELEMENT_COLOR_SCHEME"],"mappings":";;;;;;;;;;;AAAA;;;;;AAKG;AAEH;;AAEG;AACSA,2CAUX;AAVD,CAAA,UAAY,yBAAyB,EAAA;AACnC;;AAEG;AACH,IAAA,yBAAA,CAAA,SAAA,CAAA,GAAA,EAAY,CAAA;AAEZ;;AAEG;AACH,IAAA,yBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAVWA,iCAAyB,KAAzBA,iCAAyB,GAUpC,EAAA,CAAA,CAAA;;"}

package/lib/index.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
@@ -168,4 +166,6 @@ export { default as CDSSwitcherDivider } from './components/ui-shell/switcher-di
 export { default as CDSStack } from './components/stack/stack';
 export { default as CDSTimePicker } from './components/time-picker/time-picker';
 export { default as CDSTimePickerSelect } from './components/time-picker/time-picker-select';
+export { default as CDSTreeView } from './components/tree-view/tree-view';
+export { default as CDSTreeNode } from './components/tree-view/tree-node';
 export { default as CDSHeading } from './components/heading/heading';

package/lib/polyfills/element-closest.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/polyfills/element-matches.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/polyfills/index.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/polyfills/toggle-attribute.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/lib/polyfills/toggle-class.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/web-components",
   "description": "Web components for the Carbon Design System",
-  "version": "2.26.0",
+  "version": "2.27.0",
   "license": "Apache-2.0",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -65,7 +65,7 @@
     "wca": "web-component-analyzer analyze src --outFile custom-elements.json"
   },
   "dependencies": {
-    "@carbon/styles": "^1.78.0",
+    "@carbon/styles": "^1.79.0",
     "@floating-ui/dom": "^1.6.3",
     "@ibm/telemetry-js": "^1.5.0",
     "@lit/context": "^1.1.1",
@@ -76,9 +76,9 @@
   },
   "devDependencies": {
     "@carbon/icon-helpers": "10.47.0",
-    "@carbon/icons": "^11.57.0",
-    "@carbon/layout": "^11.31.0",
-    "@carbon/motion": "^11.25.0",
+    "@carbon/icons": "^11.58.0",
+    "@carbon/layout": "^11.32.0",
+    "@carbon/motion": "^11.26.0",
     "@juggle/resize-observer": "^3.4.0",
     "@mordech/vite-lit-loader": "^0.37.0",
     "@open-wc/testing": "^4.0.0",
@@ -120,7 +120,7 @@
     "storybook-addon-accessibility-checker": "^3.1.61-rc.3",
     "temp": "^0.9.0",
     "typescript-config-carbon": "^0.5.0",
-    "vite": "^5.0.7",
+    "vite": "^6.2.3",
     "web-component-analyzer": "2.0.0"
   },
   "typings": "es/index.d.ts",
@@ -139,5 +139,5 @@
       }
     ]
   },
-  "gitHead": "af9ae8856cd0db974257bf1015d684e1ed204514"
+  "gitHead": "7c4674649e1a5bd1367d99797df86cdc338eff6e"
 }

package/scss/components/ai-label/ai-label-story.scss

@@ -1,6 +1,4 @@
 /**
-* @license
-*
 * Copyright IBM Corp. 2019, 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
@@ -41,7 +39,9 @@ p {
   color: $text-secondary;
 }
 
-h1 {
+.ai-label-heading {
+  font-size: 2.625rem;
+  font-weight: 300;
   margin-block-end: $spacing-05;
 }
 

package/scss/components/ai-label/ai-label.scss

@@ -1,6 +1,4 @@
 /**
-* @license
-*
 * Copyright IBM Corp. 2019, 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the

package/scss/components/button/button.scss

@@ -119,6 +119,18 @@ $css--plex: true !default;
         padding: $spacing-03;
       }
     }
+
+    &:not(:focus) {
+      box-shadow: none;
+    }
+  }
+}
+
+:host(#{$prefix}-button[kind='danger-ghost']) {
+  .#{$prefix}--btn--danger-ghost {
+    &:not(:focus) {
+      box-shadow: none;
+    }
   }
 }
 

package/scss/components/heading/heading.scss

@@ -1,3 +1,10 @@
+//
+// Copyright IBM Corp. 2025
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/theme' as *;

package/scss/components/popover/popover-story.scss

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/scss/components/popover/popover.scss

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/scss/components/skip-to-content/skip-to-content.scss

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/scss/components/slug/slug.scss

@@ -1,6 +1,4 @@
 /**
-* @license
-*
 * Copyright IBM Corp. 2019, 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the

package/scss/components/tag/tag.scss

@@ -9,22 +9,93 @@ $css--plex: true !default;
 
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/utilities' as *;
+@use '@carbon/styles/scss/theme' as *;
+@use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/breakpoint' as *;
+@use '@carbon/styles/scss/components/tooltip/index' as *;
 @use '@carbon/styles/scss/components/tag/index' as *;
+@use '@carbon/styles/scss/components/tag/mixins' as *;
 @use '@carbon/styles/scss/layout' as *;
 
-:host(#{$prefix}-tag) {
+:host(#{$prefix}-tag),
+:host(#{$prefix}-dismissible-tag) {
   @extend .#{$prefix}--tag;
+}
+
+:host(#{$prefix}-selectable-tag),
+:host(#{$prefix}-operational-tag) {
+  display: inline-block;
+  inline-size: fit-content;
+}
+
+:host(#{$prefix}-tag:not(:first-child)),
+:host(#{$prefix}-dismissible-tag:not(:first-child)),
+:host(#{$prefix}-selectable-tag:not(:first-child)) #{$prefix}-tag,
+:host(#{$prefix}-operational-tag:not(:first-child)) #{$prefix}-tag {
+  margin-inline-start: 0;
+}
+
+:host(#{$prefix}-tag),
+:host(#{$prefix}-dismissible-tag) {
+  border: 0;
+}
+
+:host(#{$prefix}-tag[has-custom-icon]),
+:host(#{$prefix}-dismissible-tag[has-custom-icon]) {
+  padding-inline-start: $spacing-02;
+}
+
+:host(#{$prefix}-selectable-tag) #{$prefix}-tag {
+  @extend .#{$prefix}--tag--selectable;
+}
+
+:host(#{$prefix}-operational-tag) #{$prefix}-tag {
+  @extend .#{$prefix}--tag--operational;
+}
+
+:host(#{$prefix}-selectable-tag[selected]) #{$prefix}-tag {
+  @extend .#{$prefix}--tag--selectable-selected;
+}
+
+:host(#{$prefix}-dismissible-tag) {
+  display: none;
+  padding-block: 0;
+  padding-inline-end: 0;
+}
+
+:host(#{$prefix}-dismissible-tag[open]) {
+  display: inline-flex;
+}
+
+:host(#{$prefix}-dismissible-tag) #{$prefix}-tooltip {
+  @extend .#{$prefix}--icon-tooltip;
+  @extend .#{$prefix}--tag-label-tooltip;
+}
+
+:host(#{$prefix}-dismissible-tag) .#{$prefix}--tag__close-icon {
+  @extend .#{$prefix}--tag__close-icon;
+}
+
+:host(#{$prefix}-dismissible-tag) ::slotted([slot='icon']) {
+  @extend .#{$prefix}--tag__custom-icon;
+}
+
+:host(#{$prefix}-tag),
+:host(#{$prefix}-tag-skeleton),
+:host(#{$prefix}-dismissible-tag) {
   @extend .#{$prefix}--layout--size-md;
 
   @include emit-layout-tokens();
   // tag overrides layout tokens
   --cds-layout-size-height-xs: 1.125rem;
   --cds-layout-size-height-sm: 1.125rem;
-  --cds-layout-size-height-md: 1.5rem;
+  --cds-layout-size-height-md: #{$spacing-06};
+  --cds-layout-size-height-lg: #{$spacing-07};
 }
 
-:host(#{$prefix}-tag[size='sm']) {
+:host(#{$prefix}-tag[size='sm']),
+:host(#{$prefix}-dismissible-tag[size='sm']),
+:host(#{$prefix}-tag-skeleton[size='sm']) {
   @extend .#{$prefix}--tag--sm;
   @extend .#{$prefix}--layout--size-sm;
 
@@ -35,52 +106,99 @@ $css--plex: true !default;
   }
 }
 
-:host(#{$prefix}-tag[type='red']) {
+:host(#{$prefix}-tag[size='lg']),
+:host(#{$prefix}-dismissible-tag[size='lg']),
+:host(#{$prefix}-tag-skeleton[size='lg']) {
+  @extend .#{$prefix}--layout--size-lg;
+  @extend .#{$prefix}--tag--lg;
+
+  padding-inline: $spacing-04;
+}
+
+:host(#{$prefix}-tag[size='lg'][has-custom-icon]),
+:host(#{$prefix}-dismissible-tag[size='lg'][has-custom-icon]),
+:host(#{$prefix}-tag-skeleton[size='lg'][has-custom-icon]) {
+  padding-inline-start: $spacing-03;
+}
+
+:host(#{$prefix}-operational-tag[type='red']:not([disabled])) #{$prefix}-tag,
+:host(#{$prefix}-dismissible-tag[type='red']:not([disabled])),
+:host(#{$prefix}-tag[type='red']:not([disabled])) {
   @extend .#{$prefix}--tag--red;
 }
 
-:host(#{$prefix}-tag[type='magenta']) {
+:host(#{$prefix}-operational-tag[type='magenta']:not([disabled]))
+  #{$prefix}-tag,
+:host(#{$prefix}-dismissible-tag[type='magenta']:not([disabled])),
+:host(#{$prefix}-tag[type='magenta']:not([disabled])) {
   @extend .#{$prefix}--tag--magenta;
 }
 
-:host(#{$prefix}-tag[type='purple']) {
+:host(#{$prefix}-operational-tag[type='purple']:not([disabled])) #{$prefix}-tag,
+:host(#{$prefix}-dismissible-tag[type='purple']:not([disabled])),
+:host(#{$prefix}-tag[type='purple']:not([disabled])) {
   @extend .#{$prefix}--tag--purple;
 }
 
-:host(#{$prefix}-tag[type='blue']) {
+:host(#{$prefix}-operational-tag[type='blue']:not([disabled])) #{$prefix}-tag,
+:host(#{$prefix}-dismissible-tag[type='blue']:not([disabled])),
+:host(#{$prefix}-tag[type='blue']:not([disabled])) {
   @extend .#{$prefix}--tag--blue;
 }
 
-:host(#{$prefix}-tag[type='cyan']) {
+:host(#{$prefix}-operational-tag[type='cyan']:not([disabled])) #{$prefix}-tag,
+:host(#{$prefix}-dismissible-tag[type='cyan']:not([disabled])),
+:host(#{$prefix}-tag[type='cyan']:not([disabled])) {
   @extend .#{$prefix}--tag--cyan;
 }
 
-:host(#{$prefix}-tag[type='teal']) {
+:host(#{$prefix}-operational-tag[type='teal']:not([disabled])) #{$prefix}-tag,
+:host(#{$prefix}-dismissible-tag[type='teal']:not([disabled])),
+:host(#{$prefix}-tag[type='teal']:not([disabled])) {
   @extend .#{$prefix}--tag--teal;
 }
 
-:host(#{$prefix}-tag[type='green']) {
+:host(#{$prefix}-operational-tag[type='green']:not([disabled])) #{$prefix}-tag,
+:host(#{$prefix}-dismissible-tag[type='green']:not([disabled])),
+:host(#{$prefix}-tag[type='green']:not([disabled])) {
   @extend .#{$prefix}--tag--green;
 }
 
-:host(#{$prefix}-tag[type='gray']) {
+:host(#{$prefix}-operational-tag[type='gray']:not([disabled])) #{$prefix}-tag,
+:host(#{$prefix}-dismissible-tag[type='gray']:not([disabled])),
+:host(#{$prefix}-tag[type='gray']:not([disabled])) {
   @extend .#{$prefix}--tag--gray;
 }
 
-:host(#{$prefix}-tag[type='cool-gray']) {
+:host(#{$prefix}-operational-tag[type='cool-gray']:not([disabled]))
+  #{$prefix}-tag,
+:host(#{$prefix}-dismissible-tag[type='cool-gray']:not([disabled])),
+:host(#{$prefix}-tag[type='cool-gray']:not([disabled])) {
   @extend .#{$prefix}--tag--cool-gray;
 }
 
-:host(#{$prefix}-tag[type='warm-gray']) {
+:host(#{$prefix}-operational-tag[type='warn-gray']:not([disabled]))
+  #{$prefix}-tag,
+:host(#{$prefix}-dismissible-tag[type='warn-gray']:not([disabled])),
+:host(#{$prefix}-tag[type='warm-gray']:not([disabled])) {
   @extend .#{$prefix}--tag--warm-gray;
 }
 
-:host(#{$prefix}-tag[type='high-contrast']) {
-  @extend .#{$prefix}--tag--high-contrast;
+:host(#{$prefix}-dismissible-tag[type='high-contrast']:not([disabled])),
+:host(#{$prefix}-tag[type='high-contrast']:not([disabled])) {
+  @include tag-theme(
+    $background-inverse,
+    $text-inverse,
+    $background-inverse-hover
+  );
 }
 
-:host(#{$prefix}-tag[type='outline']) {
-  @extend .#{$prefix}--tag--outline;
+:host(#{$prefix}-dismissible-tag[type='outline']:not([disabled])),
+:host(#{$prefix}-tag[type='outline']:not([disabled])) {
+  @include tag-theme($background, $text-primary, $layer-hover);
+
+  outline: 1px solid $background-inverse;
+  outline-offset: -1px;
 }
 
 :host(#{$prefix}-tag[disabled]) {
@@ -101,10 +219,17 @@ $css--plex: true !default;
   display: inline-flex;
 }
 
-:host(#{$prefix}-tag) ::slotted([slot='icon']) {
+:host(#{$prefix}-tag) ::slotted([slot='icon']),
+:host(#{$prefix}-dismissible-tag) ::slotted([slot='icon']) {
   @extend .#{$prefix}--tag__custom-icon;
 }
 
+:host(#{$prefix}-dismissible-tag[has-custom-icon])
+  .#{$prefix}--interactive--tag-children {
+  max-inline-size: 11.5rem;
+}
+
+:host(#{$prefix}-dismissible-tag[disabled]),
 :host(#{$prefix}-tag[filter][disabled]) {
   .#{$prefix}--tag__close-icon {
     cursor: not-allowed;
@@ -116,11 +241,24 @@ $css--plex: true !default;
   }
 }
 
-// Skeleton state
-:host(#{$prefix}-tag.#{$prefix}--skeleton) {
-  @include skeleton;
+:host(#{$prefix}-operational-tag[disabled]) #{$prefix}-tag,
+:host(#{$prefix}-selectable-tag[disabled]) #{$prefix}-tag {
+  border: 1px solid $border-disabled;
+  background-color: $layer;
+  color: $text-disabled;
 
-  overflow: hidden;
+  &:hover {
+    background-color: $layer;
+    cursor: not-allowed;
+  }
+}
 
-  inline-size: rem(60px);
+:host(#{$prefix}-dismissible-tag[disabled]),
+:host(#{$prefix}-tag[disabled]) {
+  @extend .#{$prefix}--tag--disabled;
+}
+
+// Skeleton state
+:host(#{$prefix}-tag-skeleton) {
+  @extend .#{$prefix}--skeleton;
 }

package/scss/components/tile/tile-story.scss

@@ -1,6 +1,4 @@
 /**
-* @license
-*
 * Copyright IBM Corp. 2019, 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the

package/scss/components/toggle-tip/toggletip.scss

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the

package/scss/components/tooltip/tooltip.scss

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2019, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the