npm - @carbon/web-components - Versions diffs - 2.59.0 → 2.60.0 - Mend

@carbon/web-components 2.59.0 → 2.60.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (584) hide show

package/es/components/ai-label/ai-label.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ai-label.scss.js","names":[],"sources":["../../../src/components/ai-label/ai-label.scss?lit"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, ~~2024~~\n\n This source code is licensed under the Apache-2.0 license found in the\n* LICENSE file in the root directory of this source tree.\n/\n@use 'sass:map';\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/type' as ;\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/motion' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use '@carbon/styles/scss/utilities/layout' as ;\n@use '@carbon/styles/scss/utilities/ai-gradient' as ;\n@use '@carbon/styles/scss/components/slug/index' as ;\n\n// importing tag color tokens for the styling slug in tag component\n@use '@carbon/styles/scss/components/tag/tokens' as tag-tokens;\n\n$colorMap: (\n 'red': tag-tokens.$tag-color-red,\n 'magenta': tag-tokens.$tag-color-magenta,\n 'purple': tag-tokens.$tag-color-purple,\n 'blue': tag-tokens.$tag-color-blue,\n 'cyan': tag-tokens.$tag-color-cyan,\n 'teal': tag-tokens.$tag-color-teal,\n 'green': tag-tokens.$tag-color-green,\n 'gray': tag-tokens.$tag-color-gray,\n 'cool-gray': tag-tokens.$tag-color-cool-gray,\n 'warm-gray': tag-tokens.$tag-color-warm-gray,\n 'high-contrast': $text-inverse,\n);\n\n:host(#{$prefix}-ai-label) {\n @extend .#{$prefix}--slug;\n\n .#{$prefix}--slug__text {\n @include font-family('sans');\n }\n\n .#{$prefix}--popover-content {\n @include ai-popover-gradient();\n\n border: 1px solid transparent;\n border-radius: $spacing-03;\n // Need to make tokens\n box-shadow:\n inset 0 -80px 70px -65px $ai-inner-shadow,\n -40px 44px 60px -24px $ai-popover-shadow-outer-01,\n -56px 64px 64px -24px $ai-popover-shadow-outer-02;\n color: $text-primary;\n min-inline-size: to-rem(280px);\n }\n\n .#{$prefix}--toggletip-actions {\n position: absolute;\n justify-content: flex-end;\n backdrop-filter: blur(85px);\n background: rgba(0, 0, 0, 0.01);\n border-end-end-radius: $spacing-03;\n border-end-start-radius: $spacing-03;\n column-gap: 0;\n inline-size: 100%;\n inset-block-end: 0;\n inset-inline-end: 0;\n }\n\n .#{$prefix}--toggletip-content {\n // This sets the max size to the size of the action bar with 3 buttons\n padding-block: $spacing-06 $spacing-11;\n padding-inline: $spacing-06;\n --cds-button-focus-color: var(--cds-focus);\n }\n\n .#{$prefix}--slug__button.#{$prefix}--slug__button--mini:focus,\n .#{$prefix}--slug__button.#{$prefix}--slug__button--2xs:focus {\n box-shadow: none;\n }\n}\n\n:host(#{$prefix}-ai-label[open]) {\n .#{$prefix}--popover-caret {\n background: transparent;\n clip-path: none;\n\n &::before {\n position: absolute;\n display: block;\n box-sizing: border-box;\n border: 1px solid $ai-border-start;\n background: $background;\n block-size: $spacing-04;\n clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;\n content: '';\n inline-size: $spacing-04;\n transform: rotate(45deg);\n }\n\n &::after {\n position: absolute;\n display: block;\n background: $background;\n block-size: to-rem(14px);\n content: '';\n inline-size: $spacing-01;\n }\n }\n}\n\n:host(#{$prefix}-ai-label:not([with-actions])) {\n .#{$prefix}--toggletip-content {\n max-inline-size: to-rem(320px);\n }\n}\n\n:host(#{$prefix}-ai-label[revert-active]) {\n transform: translate($spacing-03, -50%);\n}\n\n:host(#{$prefix}-ai-label[open]) {\n z-index: 2;\n}\n\n:host(#{$prefix}-ai-label-action-button) {\n @include emit-layout-tokens();\n .#{$prefix}--btn--primary {\n order: 1;\n border-end-end-radius: to-rem(7px);\n }\n}\n\n:host(\n #{$prefix}-ai-label[kind='inline']:not([size='md']):not([size='lg']):not(\n [size='xl']\n )\n ) {\n .#{$prefix}--slug__button {\n font-size: $spacing-04;\n }\n}\n\n:host(#{$prefix}-ai-label[kind='inline'][size='lg']),\n:host(#{$prefix}-ai-label[kind='inline'][size='xl']) {\n .#{$prefix}--slug__button {\n font-size: $spacing-05;\n }\n}\n\n:host(#{$prefix}-ai-label:not([kind='inline'])) {\n .#{$prefix}--slug__button:focus {\n border: 1px solid $focus;\n }\n}\n\n// top\n:host(#{$prefix}-ai-label[alignment^='top']) {\n .#{$prefix}--popover-caret {\n &::before {\n inset-block-end: to-rem(1px);\n transform: rotate(-135deg);\n }\n\n &::after {\n background: $ai-popover-caret-bottom-background;\n block-size: $spacing-01;\n border-end-end-radius: 50%;\n border-end-start-radius: 50%;\n inline-size: to-rem(14px);\n inset-block-start: -$spacing-01;\n inset-inline-start: to-rem(-1px);\n }\n }\n\n &[has-actions] {\n .#{$prefix}--popover-caret::after {\n display: none;\n }\n }\n}\n\n// right\n:host(#{$prefix}-ai-label[alignment^='right']) {\n .#{$prefix}--popover-caret {\n &::before {\n content: '';\n inset-inline-start: to-rem(1px);\n transform: rotate(-45deg);\n }\n\n &::after {\n border-end-start-radius: 50%;\n border-start-start-radius: 50%;\n inset-block-start: to-rem(-1px);\n inset-inline-start: to-rem(6px);\n }\n }\n}\n\n// bottom\n:host(#{$prefix}-ai-label[alignment^='bottom']) {\n .#{$prefix}--popover-caret {\n &::before {\n inset-block-start: to-rem(1px);\n transform: rotate(45deg);\n }\n\n &::after {\n block-size: $spacing-01;\n border-start-end-radius: 50%;\n border-start-start-radius: 50%;\n inline-size: to-rem(14px);\n inset-block-end: to-rem(-2.5px);\n inset-inline-start: to-rem(-1px);\n }\n }\n}\n\n//left\n:host(#{$prefix}-ai-label[alignment^='left']) {\n .#{$prefix}--popover-caret {\n &::before {\n inset-inline-end: to-rem(1px);\n transform: rotate(135deg);\n }\n\n &::after {\n border-end-end-radius: 50%;\n border-start-end-radius: 50%;\n inset-block-start: to-rem(-1px);\n inset-inline-start: -$spacing-01;\n }\n }\n}\n\n// override for specific alignments\n:host(#{$prefix}-ai-label[alignment='left-end']),\n:host(#{$prefix}-ai-label[alignment='left-bottom']),\n:host(#{$prefix}-ai-label[alignment='right-end']),\n:host(#{$prefix}-ai-label[alignment='right-bottom']) {\n .#{$prefix}--popover-caret::after {\n background: transparent;\n }\n}\n\n// Change caret color / border when it is near the bottom of the callout\n:host(#{$prefix}-ai-label[alignment='left-end']),\n:host(#{$prefix}-ai-label[alignment='left-bottom']),\n:host(#{$prefix}-ai-label[alignment='right-end']),\n:host(#{$prefix}-ai-label[alignment='right-bottom']),\n:host(#{$prefix}-ai-label[alignment^='top']) {\n .#{$prefix}--popover-caret::before {\n border-color: $ai-popover-caret-bottom;\n background: $ai-popover-caret-bottom-background;\n }\n}\n\n:host(#{$prefix}-ai-label[autoalign][alignment='left-end'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment='left-bottom'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-end'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-bottom'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment^='top'][has-actions]) {\n .#{$prefix}--popover-caret::before {\n background: $ai-popover-caret-bottom-background-actions;\n }\n}\n\n// Change the caret border when it is near the middle of the callout\n:host(#{$prefix}-ai-label[alignment='left']),\n:host(#{$prefix}-ai-label[alignment='right']) {\n .#{$prefix}--popover-caret::before {\n border-color: $ai-popover-caret-center;\n }\n}\n\n// caret styles for auto align\n:host(#{$prefix}-ai-label[autoalign]) .#{$prefix}--popover-caret {\n block-size: $spacing-04;\n inline-size: $spacing-04;\n transform: none;\n}\n\n:host(#{$prefix}-ai-label[autoalign]) {\n .#{$prefix}--popover-caret::before {\n inset-block-start: 0;\n }\n\n .#{$prefix}--popover-caret::after {\n inline-size: to-rem(14px);\n inset-block-end: to-rem(5px);\n inset-inline-start: to-rem(-1px);\n }\n}\n\n:host(#{$prefix}-ai-label[autoalign][alignment^='left']),\n:host(#{$prefix}-ai-label[autoalign][alignment^='right']) {\n .#{$prefix}--popover-caret::before {\n inset-inline-start: 0;\n }\n .#{$prefix}--popover-caret::after {\n block-size: to-rem(14px);\n inline-size: to-rem(2px);\n inset-block-start: to-rem(-1px);\n inset-inline-start: to-rem(5px);\n }\n}\n\n:host(#{$prefix}-ai-label[autoalign][alignment='left-end']),\n:host(#{$prefix}-ai-label[autoalign][alignment='left-bottom']),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-end']),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-bottom']) {\n .#{$prefix}--popover-caret::after {\n background: transparent;\n }\n}\n\n@each $color, $token in $colorMap {\n :host(#{$prefix}-ai-label[tag='#{$color}']) {\n .#{$prefix}--slug__text {\n color: $token;\n }\n\n .#{$prefix}--slug__text::before {\n background: $token;\n }\n\n button:hover {\n border-color: $token;\n\n .#{$prefix}--slug__text::before {\n background-color: $token;\n }\n }\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"ai-label.scss.js","names":[],"sources":["../../../src/components/ai-label/ai-label.scss?lit"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2026\n\n This source code is licensed under the Apache-2.0 license found in the\n* LICENSE file in the root directory of this source tree.\n/\n@use 'sass:map';\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/type' as ;\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/motion' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use '@carbon/styles/scss/utilities/layout' as ;\n@use '@carbon/styles/scss/utilities/ai-gradient' as ;\n@use '@carbon/styles/scss/components/slug/index' as ;\n\n// importing tag color tokens for the styling slug in tag component\n@use '@carbon/styles/scss/components/tag/tokens' as tag-tokens;\n\n$colorMap: (\n 'red': tag-tokens.$tag-color-red,\n 'magenta': tag-tokens.$tag-color-magenta,\n 'purple': tag-tokens.$tag-color-purple,\n 'blue': tag-tokens.$tag-color-blue,\n 'cyan': tag-tokens.$tag-color-cyan,\n 'teal': tag-tokens.$tag-color-teal,\n 'green': tag-tokens.$tag-color-green,\n 'gray': tag-tokens.$tag-color-gray,\n 'cool-gray': tag-tokens.$tag-color-cool-gray,\n 'warm-gray': tag-tokens.$tag-color-warm-gray,\n 'high-contrast': $text-inverse,\n);\n\n:host(#{$prefix}-ai-label) {\n @extend .#{$prefix}--slug;\n\n .#{$prefix}--slug__text {\n @include font-family('sans');\n }\n\n .#{$prefix}--popover-content {\n @include ai-popover-gradient();\n\n border: 1px solid transparent;\n border-radius: $spacing-03;\n // Need to make tokens\n box-shadow:\n inset 0 -80px 70px -65px $ai-inner-shadow,\n -40px 44px 60px -24px $ai-popover-shadow-outer-01,\n -56px 64px 64px -24px $ai-popover-shadow-outer-02;\n color: $text-primary;\n min-inline-size: to-rem(280px);\n }\n\n .#{$prefix}--toggletip-actions {\n position: absolute;\n justify-content: flex-end;\n backdrop-filter: blur(85px);\n background: rgba(0, 0, 0, 0.01);\n border-end-end-radius: $spacing-03;\n border-end-start-radius: $spacing-03;\n column-gap: 0;\n inline-size: 100%;\n inset-block-end: 0;\n inset-inline-end: 0;\n }\n\n .#{$prefix}--toggletip-content {\n // This sets the max size to the size of the action bar with 3 buttons\n padding-block: $spacing-06 $spacing-11;\n padding-inline: $spacing-06;\n --cds-button-focus-color: var(--cds-focus);\n }\n\n .#{$prefix}--slug__button.#{$prefix}--slug__button--mini:focus,\n .#{$prefix}--slug__button.#{$prefix}--slug__button--2xs:focus {\n box-shadow: none;\n }\n}\n\n:host(#{$prefix}-ai-label[open]) {\n .#{$prefix}--popover-caret {\n background: transparent;\n clip-path: none;\n\n &::before {\n position: absolute;\n display: block;\n box-sizing: border-box;\n border: 1px solid $ai-border-start;\n background: $background;\n block-size: $spacing-04;\n clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;\n content: '';\n inline-size: $spacing-04;\n transform: rotate(45deg);\n }\n\n &::after {\n position: absolute;\n display: block;\n background: $background;\n block-size: to-rem(14px);\n content: '';\n inline-size: $spacing-01;\n }\n }\n}\n\n:host(#{$prefix}-ai-label:not([with-actions])) {\n .#{$prefix}--toggletip-content {\n max-inline-size: to-rem(320px);\n }\n}\n\n:host(#{$prefix}-ai-label[revert-active]) {\n transform: translate($spacing-03, -50%);\n}\n\n:host(#{$prefix}-ai-label[open]) {\n z-index: 2;\n}\n\n:host(#{$prefix}-ai-label-action-button) {\n @include emit-layout-tokens();\n .#{$prefix}--btn--primary {\n order: 1;\n border-end-end-radius: to-rem(7px);\n }\n}\n\n:host(\n #{$prefix}-ai-label[kind='inline']:not([size='md']):not([size='lg']):not(\n [size='xl']\n )\n ) {\n .#{$prefix}--slug__button {\n font-size: $spacing-04;\n }\n}\n\n:host(#{$prefix}-ai-label[kind='inline'][size='lg']),\n:host(#{$prefix}-ai-label[kind='inline'][size='xl']) {\n .#{$prefix}--slug__button {\n font-size: $spacing-05;\n }\n}\n\n:host(#{$prefix}-ai-label:not([kind='inline'])) {\n .#{$prefix}--slug__button:focus {\n border: 1px solid $focus;\n }\n}\n\n// top\n:host(#{$prefix}-ai-label[alignment^='top']) {\n .#{$prefix}--popover-caret {\n &::before {\n inset-block-end: to-rem(1px);\n transform: rotate(-135deg);\n }\n\n &::after {\n background: $ai-popover-caret-bottom-background;\n block-size: $spacing-01;\n border-end-end-radius: 50%;\n border-end-start-radius: 50%;\n inline-size: to-rem(14px);\n inset-block-start: -$spacing-01;\n inset-inline-start: to-rem(-1px);\n }\n }\n\n &[has-actions] {\n .#{$prefix}--popover-caret::after {\n display: none;\n }\n }\n}\n\n// right\n:host(#{$prefix}-ai-label[alignment^='right']) {\n .#{$prefix}--popover-caret {\n &::before {\n content: '';\n inset-inline-start: to-rem(1px);\n transform: rotate(-45deg);\n }\n\n &::after {\n border-end-start-radius: 50%;\n border-start-start-radius: 50%;\n inset-block-start: to-rem(-1px);\n inset-inline-start: to-rem(6px);\n }\n }\n}\n\n// bottom\n:host(#{$prefix}-ai-label[alignment^='bottom']) {\n .#{$prefix}--popover-caret {\n &::before {\n inset-block-start: to-rem(1px);\n transform: rotate(45deg);\n }\n\n &::after {\n block-size: $spacing-01;\n border-start-end-radius: 50%;\n border-start-start-radius: 50%;\n inline-size: to-rem(14px);\n inset-block-end: to-rem(-2.5px);\n inset-inline-start: to-rem(-1px);\n }\n }\n}\n\n//left\n:host(#{$prefix}-ai-label[alignment^='left']) {\n .#{$prefix}--popover-caret {\n &::before {\n inset-inline-end: to-rem(1px);\n transform: rotate(135deg);\n }\n\n &::after {\n border-end-end-radius: 50%;\n border-start-end-radius: 50%;\n inset-block-start: to-rem(-1px);\n inset-inline-start: -$spacing-01;\n }\n }\n}\n\n// override for specific alignments\n:host(#{$prefix}-ai-label[alignment='left-end']),\n:host(#{$prefix}-ai-label[alignment='left-bottom']),\n:host(#{$prefix}-ai-label[alignment='right-end']),\n:host(#{$prefix}-ai-label[alignment='right-bottom']) {\n .#{$prefix}--popover-caret::after {\n background: transparent;\n }\n}\n\n// Change caret color / border when it is near the bottom of the callout\n:host(#{$prefix}-ai-label[alignment='left-end']),\n:host(#{$prefix}-ai-label[alignment='left-bottom']),\n:host(#{$prefix}-ai-label[alignment='right-end']),\n:host(#{$prefix}-ai-label[alignment='right-bottom']),\n:host(#{$prefix}-ai-label[alignment^='top']) {\n .#{$prefix}--popover-caret::before {\n border-color: $ai-popover-caret-bottom;\n background: $ai-popover-caret-bottom-background;\n }\n}\n\n:host(#{$prefix}-ai-label[autoalign][alignment='left-end'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment='left-bottom'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-end'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-bottom'][has-actions]),\n:host(#{$prefix}-ai-label[autoalign][alignment^='top'][has-actions]) {\n .#{$prefix}--popover-caret::before {\n background: $ai-popover-caret-bottom-background-actions;\n }\n}\n\n// Change the caret border when it is near the middle of the callout\n:host(#{$prefix}-ai-label[alignment='left']),\n:host(#{$prefix}-ai-label[alignment='right']) {\n .#{$prefix}--popover-caret::before {\n border-color: $ai-popover-caret-center;\n }\n}\n\n// caret styles for auto align\n:host(#{$prefix}-ai-label[autoalign]) .#{$prefix}--popover-caret {\n block-size: $spacing-04;\n inline-size: $spacing-04;\n transform: none;\n}\n\n:host(#{$prefix}-ai-label[autoalign]) {\n .#{$prefix}--popover-caret::before {\n inset-block-start: 0;\n }\n\n .#{$prefix}--popover-caret::after {\n inline-size: to-rem(14px);\n inset-block-end: to-rem(5px);\n inset-inline-start: to-rem(-1px);\n }\n}\n\n:host(#{$prefix}-ai-label[autoalign][alignment^='left']),\n:host(#{$prefix}-ai-label[autoalign][alignment^='right']) {\n .#{$prefix}--popover-caret::before {\n inset-inline-start: 0;\n }\n .#{$prefix}--popover-caret::after {\n block-size: to-rem(14px);\n inline-size: to-rem(2px);\n inset-block-start: to-rem(-1px);\n inset-inline-start: to-rem(5px);\n }\n}\n\n:host(#{$prefix}-ai-label[autoalign][alignment='left-end']),\n:host(#{$prefix}-ai-label[autoalign][alignment='left-bottom']),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-end']),\n:host(#{$prefix}-ai-label[autoalign][alignment='right-bottom']) {\n .#{$prefix}--popover-caret::after {\n background: transparent;\n }\n}\n\n@each $color, $token in $colorMap {\n :host(#{$prefix}-ai-label[tag='#{$color}']) {\n .#{$prefix}--slug__text {\n color: $token;\n }\n\n .#{$prefix}--slug__text::before {\n background: $token;\n }\n\n @media (any-hover: hover) {\n button:hover {\n border-color: $token;\n\n .#{$prefix}--slug__text::before {\n background-color: $token;\n }\n }\n }\n }\n}\n"],"mappings":""}

package/es/components/ai-skeleton/ai-skeleton-icon.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import ai_skeleton_default from "./ai-skeleton.scss.js";
 import "../skeleton-icon/skeleton-icon.js";
 import { LitElement, html } from "lit";

package/es/components/ai-skeleton/ai-skeleton-placeholder.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import ai_skeleton_default from "./ai-skeleton.scss.js";
 import "../skeleton-placeholder/skeleton-placeholder.js";
 import { LitElement, html } from "lit";

package/es/components/ai-skeleton/ai-skeleton-text.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import "../skeleton-text/skeleton-text.js";
 import ai_skeleton_default from "./ai-skeleton.scss.js";
 import { LitElement, html } from "lit";

package/es/components/badge-indicator/badge-indicator.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import badge_indicator_default$1 from "./badge-indicator.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es/components/breadcrumb/breadcrumb-item.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import breadcrumb_default from "./breadcrumb.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/breadcrumb/breadcrumb-item.ts

package/es/components/breadcrumb/breadcrumb-link.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import breadcrumb_default from "./breadcrumb.scss.js";
 import link_default from "../link/link.js";
 import { html } from "lit";

package/es/components/breadcrumb/breadcrumb-overflow-menu.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import breadcrumb_default from "./breadcrumb.scss.js";
 import overflow_menu_default from "../overflow-menu/overflow-menu.scss.js";

package/es/components/breadcrumb/breadcrumb-skeleton.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { BREADCRUMB_SIZE } from "./defs.js";
 import breadcrumb_default from "./breadcrumb.scss.js";
 import { LitElement, html } from "lit";

package/es/components/breadcrumb/breadcrumb.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { BREADCRUMB_SIZE } from "./defs.js";
 import breadcrumb_default$1 from "./breadcrumb.scss.js";
 import { LitElement, html } from "lit";

package/es/components/button/button-set-base.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import button_default from "./button.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/button/button-set-base.ts

package/es/components/button/button-set.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import "./defs.js";
 import button_default from "./button.scss.js";
 import button_set_base_default from "./button-set-base.js";

package/es/components/button/button-skeleton.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import button_default from "./button.scss.js";
 import button_default$1 from "./button.js";
 import { html } from "lit";
@@ -40,8 +40,8 @@ let CDSButtonSkeleton = class CDSButtonSkeleton extends button_default$1 {
 		const classes = classMap({
 			[`cds--btn`]: true,
 			[`cds--skeleton`]: true,
-			[`cds--btn--${size}`]: size,
-			[`cds--layout--size-${size}`]: size
+			[`cds--btn--${size}`]: !!size,
+			[`cds--layout--size-${size}`]: !!size
 		});
 		return href ? html`
           <a

package/es/components/button/button-skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-skeleton.js","names":["CDSButton","styles","customElement"],"sources":["../../../src/components/button/button-skeleton.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport CDSButton from './button';\nimport styles from './button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Button skeleton.\n /\n@customElement(`${prefix}-button-skeleton`)\nclass CDSButtonSkeleton extends CDSButton {\n /\n Handles `click` event on the `<a>.\n \n @param event The event.\n */\n private _handleClickLinkSkeleton(event: MouseEvent) {\n if (this.disabled) {\n event.preventDefault(); // Stop following the link\n event.stopPropagation(); // Stop firing `onClick`\n }\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n ping,\n rel,\n size,\n target,\n type,\n } = this;\n const classes = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--skeleton`]: true,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}--layout--size-${size}`]: size,\n });\n return href\n ? html`\n <a\n id=\"button\"\n role=\"button\"\n class=\"${classes}\"\n download=\"${ifDefined(download)}\"\n href=\"${ifDefined(href)}\"\n hreflang=\"${ifDefined(hreflang)}\"\n ping=\"${ifDefined(ping)}\"\n rel=\"${ifDefined(rel)}\"\n target=\"${ifDefined(target)}\"\n type=\"${ifDefined(type)}\"\n @click=\"${this._handleClickLinkSkeleton}\"></a>\n `\n : html`\n <button\n id=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\"></button>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSButtonSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,oBAAA,MACM,0BAA0BA,iBAAU;;;;;;CAMxC,yBAAiC,OAAmB;EAClD,IAAI,KAAK,UAAU;GACjB,MAAM,eAAe;GACrB,MAAM,gBAAgB;EACxB;CACF;CAEA,SAAS;EACP,MAAM,EACJ,WACA,UACA,UACA,MACA,UACA,MACA,KACA,MACA,QACA,SACE;EACJ,MAAM,UAAU,SAAS;IACtB,aAAmB;IACnB,kBAAwB;IACxB,aAAmB,SAAS;~~IAC5B~~,qBAA2B,SAAS;~~EACvC~~,CAAC;EACD,OAAO,OACH,IAAI;;;;qBAIS,QAAQ;wBACL,UAAU,QAAQ,EAAE;oBACxB,UAAU,IAAI,EAAE;wBACZ,UAAU,QAAQ,EAAE;oBACxB,UAAU,IAAI,EAAE;mBACjB,UAAU,GAAG,EAAE;sBACZ,UAAU,MAAM,EAAE;oBACpB,UAAU,IAAI,EAAE;sBACd,KAAK,yBAAyB;YAE5C,IAAI;;;qBAGS,QAAQ;0BACH,UAAU;yBACX,SAAS;oBACd,UAAU,IAAI,EAAE;;CAElC;;gBAEgBC;;AAClB;gCA3DCC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AA6D1C,IAAA,0BAAe"}
1	+ {"version":3,"file":"button-skeleton.js","names":["CDSButton","styles","customElement"],"sources":["../../../src/components/button/button-skeleton.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport CDSButton from './button';\nimport styles from './button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Button skeleton.\n /\n@customElement(`${prefix}-button-skeleton`)\nclass CDSButtonSkeleton extends CDSButton {\n /\n Handles `click` event on the `<a>.\n \n @param event The event.\n */\n private _handleClickLinkSkeleton(event: MouseEvent) {\n if (this.disabled) {\n event.preventDefault(); // Stop following the link\n event.stopPropagation(); // Stop firing `onClick`\n }\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n ping,\n rel,\n size,\n target,\n type,\n } = this;\n const classes = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--skeleton`]: true,\n [`${prefix}--btn--${size}`]: !!size,\n [`${prefix}--layout--size-${size}`]: !!size,\n });\n return href\n ? html`\n <a\n id=\"button\"\n role=\"button\"\n class=\"${classes}\"\n download=\"${ifDefined(download)}\"\n href=\"${ifDefined(href)}\"\n hreflang=\"${ifDefined(hreflang)}\"\n ping=\"${ifDefined(ping)}\"\n rel=\"${ifDefined(rel)}\"\n target=\"${ifDefined(target)}\"\n type=\"${ifDefined(type)}\"\n @click=\"${this._handleClickLinkSkeleton}\"></a>\n `\n : html`\n <button\n id=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\"></button>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSButtonSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,oBAAA,MACM,0BAA0BA,iBAAU;;;;;;CAMxC,yBAAiC,OAAmB;EAClD,IAAI,KAAK,UAAU;GACjB,MAAM,eAAe;GACrB,MAAM,gBAAgB;EACxB;CACF;CAEA,SAAS;EACP,MAAM,EACJ,WACA,UACA,UACA,MACA,UACA,MACA,KACA,MACA,QACA,SACE;EACJ,MAAM,UAAU,SAAS;IACtB,aAAmB;IACnB,kBAAwB;IACxB,aAAmB,SAAS,CAAC,CAAC;IAC9B,qBAA2B,SAAS,CAAC,CAAC;EACzC,CAAC;EACD,OAAO,OACH,IAAI;;;;qBAIS,QAAQ;wBACL,UAAU,QAAQ,EAAE;oBACxB,UAAU,IAAI,EAAE;wBACZ,UAAU,QAAQ,EAAE;oBACxB,UAAU,IAAI,EAAE;mBACjB,UAAU,GAAG,EAAE;sBACZ,UAAU,MAAM,EAAE;oBACpB,UAAU,IAAI,EAAE;sBACd,KAAK,yBAAyB;YAE5C,IAAI;;;qBAGS,QAAQ;0BACH,UAAU;yBACX,SAAS;oBACd,UAAU,IAAI,EAAE;;CAElC;;gBAEgBC;;AAClB;gCA3DCC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AA6D1C,IAAA,0BAAe"}

package/es/components/button/button.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";