@carbon/web-components 2.45.0 → 2.46.0

package/scss/components/number-input/number-input.scss

@@ -13,6 +13,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/utilities';
 @use '@carbon/styles/scss/components/form';
 @use '@carbon/styles/scss/components/number-input/index';
+@use '@carbon/styles/scss/components/fluid-number-input' as *;
 @use '@carbon/styles/scss/utilities/ai-gradient' as *;
 @use '@carbon/styles/scss/spacing' as *;
 
@@ -85,3 +86,15 @@ $css--plex: true !default;
 :host(#{$prefix}-number-input[ai-label]) input {
   @include ai-gradient;
 }
+
+:host(#{$prefix}-number-input[invalid][fluid]) {
+  @extend .#{$prefix}--number-input--fluid--invalid;
+}
+
+:host(#{$prefix}-number-input[focused][fluid]) {
+  @extend .#{$prefix}--number-input--fluid--focus;
+}
+
+:host(#{$prefix}-number-input[disabled][fluid]) {
+  @extend .#{$prefix}--number-input--fluid--disabled;
+}

package/scss/components/password-input/password-input.scss

@@ -38,6 +38,27 @@ $css--plex: true !default;
   ::slotted(#{$prefix}-slug:not([revert-active])) {
     transform: translateY(-50%);
   }
+
+  #{$prefix}-tooltip::part(popover-container) {
+    block-size: 100%;
+    inline-size: 100%;
+  }
+
+  .#{$prefix}--btn--icon-only {
+    border: none;
+    background-color: transparent;
+    block-size: 100%;
+    cursor: pointer;
+    inline-size: 100%;
+
+    &:focus {
+      @include focus-outline('outline');
+    }
+  }
+
+  .#{$prefix}--text-input--password__visibility__toggle svg {
+    pointer-events: none;
+  }
 }
 
 :host(#{$prefix}-password-input[warn]),
@@ -56,20 +77,3 @@ $css--plex: true !default;
     position: relative;
   }
 }
-
-#{$prefix}-tooltip::part(popover-container) {
-  block-size: 100%;
-  inline-size: 100%;
-}
-
-.#{$prefix}--btn--icon-only {
-  border: none;
-  background-color: transparent;
-  block-size: 100%;
-  cursor: pointer;
-  inline-size: 100%;
-
-  &:focus {
-    @include focus-outline('outline');
-  }
-}

package/scss/components/search/search.scss

@@ -141,3 +141,9 @@ $css--plex: true !default;
 :host(#{$prefix}-search-skeleton[size='lg']) {
   @extend .#{$prefix}--search--lg;
 }
+:host(#{$prefix}-search) {
+  .#{$prefix}--search-input {
+    background-color: var(--cds-search-background, $field);
+    border-block-end: var(--cds-search-border-bottom, 1px solid $border-strong);
+  }
+}

package/scss/components/slider/slider.scss

@@ -10,6 +10,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/components/slider';
+@use '@carbon/styles/scss/type' as type;
 @use '@carbon/styles/scss/layout' as *;
 
 :host(#{$prefix}-slider),
@@ -25,8 +26,7 @@ $css--plex: true !default;
     transform: rotate(0) #{'/*rtl:rotate(180deg)*/'};
   }
 
-  .#{$prefix}--slider__thumb {
-    // TODO when updating to core carbon's #15129
+  .#{$prefix}--slider > .#{$prefix}--slider__thumb {
     z-index: 3;
     block-size: 0.875rem;
     inline-size: 0.875rem;
@@ -35,7 +35,32 @@ $css--plex: true !default;
     transform: translate(-50%, -50%) #{'/*rtl:ignore*/'};
   }
 
-  .#{$prefix}--slider__thumb:focus
+  #{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper {
+    --#{prefix}-tooltip-padding-block: 0.125rem;
+    --#{prefix}-popover-caret-width: 0.5rem;
+    --#{prefix}-popover-caret-height: 0.25rem;
+    --#{prefix}-popover-offset: 0.5rem;
+  }
+
+  #{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper
+    #{$prefix}-tooltip-content::part(content) {
+    @include type.type-style('body-compact-01');
+
+    padding: 0.125rem 0.5rem;
+  }
+
+  #{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper::part(
+      popover-container
+    ) {
+    display: block;
+    block-size: 100%;
+    inline-size: 100%;
+  }
+
+  .#{$prefix}--slider__thumb-wrapper:focus-within
+    ~ .#{$prefix}-ce--slider__filled-track-container
+    .#{$prefix}--slider__filled-track,
+  #{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper:focus-within
     ~ .#{$prefix}-ce--slider__filled-track-container
     .#{$prefix}--slider__filled-track {
     // TODO: audit
@@ -56,11 +81,14 @@ $css--plex: true !default;
     background-color: transparent;
   }
 }
-.#{$prefix}--slider__thumb-wrapper:focus-within
+.#{$prefix}--slider__thumb-wrapper:focus-within .#{$prefix}--slider__thumb-icon,
+#{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper:focus-within
   .#{$prefix}--slider__thumb-icon {
   display: none;
 }
 .#{$prefix}--slider__thumb-wrapper:focus-within
+  .#{$prefix}--slider__thumb-icon--focus,
+#{$prefix}-tooltip.#{$prefix}--slider__thumb-wrapper:focus-within
   .#{$prefix}--slider__thumb-icon--focus {
   display: block;
 }
@@ -69,7 +97,7 @@ $css--plex: true !default;
 }
 
 :host(#{$prefix}-slider-skeleton) {
-  .#{$prefix}--slider__thumb {
+  .#{$prefix}--slider > .#{$prefix}--slider__thumb {
     inset-inline-start: 50%;
   }
   .#{$prefix}--slider__thumb--upper,

package/scss/components/text-input/text-input.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2019, 2024
+// Copyright IBM Corp. 2019, 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.
@@ -15,13 +15,16 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/layout' as *;
 @use '@carbon/styles/scss/utilities/ai-gradient' as *;
 
-:host(#{$prefix}-text-input) {
+:host(#{$prefix}-text-input),
+:host(#{$prefix}-text-input-skeleton) {
   @include emit-layout-tokens();
 
   // the base text-input class has a 100% so we need to propagate it up to the host element
   inline-size: 100%;
   outline: none;
+}
 
+:host(#{$prefix}-text-input) {
   ::slotted(#{$prefix}-ai-label),
   ::slotted(#{$prefix}-slug) {
     position: absolute;

package/telemetry.yml

@@ -17,6 +17,7 @@ collect:
         - align
         - alignment
         - alignment-axis-offset
+        - allow-empty
         - aria-current
         - aria-label
         - aria-labelledby
@@ -39,6 +40,7 @@ collect:
         - checked
         - checkmark-label
         - clear-selection-label
+        - clickable
         - close-button-label-text
         - close-icon-description
         - close-on-activation
@@ -50,12 +52,14 @@ collect:
         - counter-mode
         - danger-description
         - data-table
+        - decrement-button-assistive-text
         - default-checked
         - default-open
         - default-value
         - defaultOpen
         - description
         - direction
+        - disable-wheel
         - disabled
         - download
         - dropShadow
@@ -81,6 +85,7 @@ collect:
         - hide-close-button
         - hide-divider
         - hide-label
+        - hide-steppers
         - hidePasswordLabel
         - highContrast
         - highlighted
@@ -89,6 +94,7 @@ collect:
         - icon
         - icon-description
         - id
+        - increment-button-assistive-text
         - indeterminate
         - index
         - inline
@@ -132,6 +138,7 @@ collect:
         - oncds-header-menu-button-toggled
         - oncds-notification-beingclosed
         - oncds-notification-closed
+        - oncds-number-input
         - oncds-radio-button-changed
         - oncds-search-input
         - oncds-select-selected
@@ -260,6 +267,11 @@ collect:
         - oncds-combo-box-selected
         - oncds-combo-box-toggled
         - should-filter-item
+        - typeahead
+        # cds-contained-list
+        - is-inset
+        # cds-contained-list-item
+        - oncds-contained-list-item-click
         # cds-copy-button
         - autoAlign
         # cds-date-picker
@@ -364,13 +376,6 @@ collect:
         - selection-feedback
         # cds-multi-select-item
         - is-select-all
-        # cds-number-input
-        - allow-empty
-        - decrement-button-assistive-text
-        - disable-wheel
-        - hide-steppers
-        - increment-button-assistive-text
-        - oncds-number-input
         # cds-operational-tag
         - oncds-operational-tag-beforeselected
         - oncds-operational-tag-selected
@@ -407,7 +412,6 @@ collect:
         - ononChange
         - space-equally
         # cds-progress-step
-        - clickable
         - complete
         - current
         - icon-label
@@ -615,6 +619,7 @@ collect:
         - danger-primary
         - danger-tertiary
         - default
+        - disclosed
         - draft
         - error
         - failed
@@ -631,6 +636,7 @@ collect:
         - medium
         - normal
         - not-started
+        - on-page
         - pending
         - primary
         - secondary

package/dist/16-BFl-qNrl.js

@@ -1,28 +0,0 @@
-/**
- * Copyright IBM Corp. 2019, 2020
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * @license
- * 
- * This bundle contains the following third-party dependencies:
- * 
- * Also refer to the following links for the license of other third-party dependencies:
- * 
- * https://www.npmjs.com/package/tslib
- * https://www.npmjs.com/package/lit
- * https://www.npmjs.com/package/@lit/context
- * https://www.npmjs.com/package/lodash-es
- * https://www.npmjs.com/package/@floating-ui/dom
- * https://www.npmjs.com/package/@carbon/icon-helpers
- * https://www.npmjs.com/package/flatpickr
- * https://www.npmjs.com/package/lit-element
- * https://www.npmjs.com/package/lit-html
- * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
- * https://www.npmjs.com/package/@floating-ui/utils
- */
-
-var t={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M14 21.414L9 16.413 10.413 15 14 18.586 21.585 11 23 12.415 14 21.414z"}},{elem:"path",attrs:{d:"M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z"}}],name:"checkmark--outline",size:16},e={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M23.7642 6.8593l1.2851-1.5315A13.976 13.976 0 0020.8672 2.887l-.6836 1.8776A11.9729 11.9729 0 0123.7642 6.8593zM27.81 14l1.9677-.4128A13.8888 13.8888 0 0028.14 9.0457L26.4087 10A12.52 12.52 0 0127.81 14zM20.1836 27.2354l.6836 1.8776a13.976 13.976 0 004.1821-2.4408l-1.2851-1.5315A11.9729 11.9729 0 0120.1836 27.2354zM26.4087 22L28.14 23a14.14 14.14 0 001.6382-4.5872L27.81 18.0659A12.1519 12.1519 0 0126.4087 22zM16 30V2a14 14 0 000 28z"}}],name:"incomplete",size:16},l={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M7.7 4.7a14.7 14.7 0 00-3 3.1L6.3 9A13.26 13.26 0 018.9 6.3zM4.6 12.3l-1.9-.6A12.51 12.51 0 002 16H4A11.48 11.48 0 014.6 12.3zM2.7 20.4a14.4 14.4 0 002 3.9l1.6-1.2a12.89 12.89 0 01-1.7-3.3zM7.8 27.3a14.4 14.4 0 003.9 2l.6-1.9A12.89 12.89 0 019 25.7zM11.7 2.7l.6 1.9A11.48 11.48 0 0116 4V2A12.51 12.51 0 0011.7 2.7zM24.2 27.3a15.18 15.18 0 003.1-3.1L25.7 23A11.53 11.53 0 0123 25.7zM27.4 19.7l1.9.6A15.47 15.47 0 0030 16H28A11.48 11.48 0 0127.4 19.7zM29.2 11.6a14.4 14.4 0 00-2-3.9L25.6 8.9a12.89 12.89 0 011.7 3.3zM24.1 4.6a14.4 14.4 0 00-3.9-2l-.6 1.9a12.89 12.89 0 013.3 1.7zM20.3 29.3l-.6-1.9A11.48 11.48 0 0116 28v2A21.42 21.42 0 0020.3 29.3z"}}],name:"circle-dash",size:16};export{e as _,l as a,t as b};