@cupra/ui-kit 2.0.0-canary.230 → 2.0.0-canary.232

package/dist/esm/components/ds-search-input/styles/seat-legacy.styles.js

@@ -0,0 +1,269 @@
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+//#region src/components/ds-search-input/styles/seat-legacy.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat-legacy']):has(.disabled) {
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container {
+        border-radius: var(--dg-border-radius-02);
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--dg-spacing-s-3);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.focus-visible {
+        outline: 0.125rem solid var(--dg-button-outline-color-focus);
+        outline-offset: 0.125rem;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(input) {
+        width: 100%;
+        box-sizing: border-box;
+        flex: 1 0 0;
+        color: var(--dg-color-field-text-default);
+        font-family: var(--dg-font-family-base);
+        font-style: normal;
+        font-weight: 400;
+        letter-spacing: var(--dg-font-letter-spacing-m);
+        border: none;
+        outline: none;
+        padding: 0;
+        height: 100%;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .medium ::slotted(input) {
+        font-size: var(--dg-font-size-body-l);
+        line-height: var(--dg-font-height-body-l);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .small ::slotted(input) {
+        font-size: var(--dg-font-size-body-m);
+        line-height: var(--dg-font-height-body-m);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(input)::-moz-placeholder {
+        color: var(--dg-color-field-text-focus-specific);
+        font-weight: 500;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(input)::placeholder {
+        color: var(--dg-color-field-text-focus-specific);
+        font-weight: 500;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(input:hover) {
+        color: var(--dg-color-field-text-hover);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(input:focus) {
+        color: var(--dg-color-field-text-selected);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .filled ::slotted(input) {
+        color: var(--dg-color-field-text-filled);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(input:disabled) {
+        color: var(--dg-color-field-text-disabled);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .input-container {
+        box-sizing: border-box;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: 100%;
+        gap: var(--dg-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .medium .input-container {
+        padding: 0 0 0 var(--dg-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .medium.loading .input-container {
+        padding: 0 var(--dg-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .small .input-container {
+        padding: 0 0 0 var(--dg-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .small.loading .input-container {
+        padding: 0 var(--dg-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .medium .input-container {
+        height: var(--dg-size-60);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .small .input-container {
+        height: var(--dg-size-56);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .primary .input-container {
+        background: var(--dg-color-field-bg-default);
+        border-radius: var(--dg-border-radius-02);
+        border-bottom: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-default);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .primary .input-container:hover {
+        border-bottom: var(--dg-border-width-m, 1px) solid var(--dg-color-field-icon-hover);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .primary.focus-visible .input-container {
+        border-bottom: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-focus);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .primary.focus:not(.focus-visible) .input-container {
+        border-bottom: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-selected-default);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .primary.filled .input-container {
+        border-bottom: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-filled);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .primary.container.error .input-container,
+    :host([data-ui-kit-theme='seat-legacy']) .primary.container.invalid .input-container {
+        border-bottom: var(--dg-border-width-m, 1px) solid var(--dg-color-field-icon-error);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .primary.disabled .input-container,
+    :host([data-ui-kit-theme='seat-legacy']) .primary.disabled.error .input-container,
+    :host([data-ui-kit-theme='seat-legacy']) .primary.disabled.invalid .input-container {
+        border-bottom: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-disabled);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .secondary .input-container {
+        border-radius: var(--dg-border-radius-02);
+        border: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-default);
+        background: var(--dg-color-field-bg-default-strong);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .secondary .input-container:hover {
+        border: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-hover);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .secondary.focus-visible .input-container {
+        border: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-focus);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .secondary.focus:not(.focus-visible) .input-container {
+        border: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-focus);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .secondary.filled .input-container {
+        border: var(--dg-border-width-m, 1px) solid var(-dg-color-field-border-filled);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .secondary.container.error .input-container,
+    :host([data-ui-kit-theme='seat-legacy']) .secondary.container.invalid .input-container {
+        border: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-error);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .secondary.disabled .input-container,
+    :host([data-ui-kit-theme='seat-legacy']) .secondary.disabled.error .input-container,
+    :host([data-ui-kit-theme='seat-legacy']) .secondary.disabled.invalid .input-container {
+        border: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-disabled);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .footer {
+        box-sizing: border-box;
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        overflow: hidden;
+        color: var(--dg-color-text-soft);
+        text-overflow: ellipsis;
+        font-family: var(--dg-font-family-base);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--dg-font-letter-spacing-m);
+        padding: 0 var(--dg-spacing-s-5);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .medium .footer {
+        font-size: var(--dg-font-size-body-m);
+        line-height: var(--dg-font-height-body-m);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .small .footer {
+        font-size: var(--dg-font-size-body-s);
+        line-height: var(--dg-font-height-body-s);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .support-text {
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .helper-text {
+        color: var(--dg-color-field-text-default);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .error-text {
+        color: var(--dg-color-field-text-error);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .disabled .support-text,
+    :host([data-ui-kit-theme='seat-legacy']) .disabled .char-counter {
+        color: var(--dg-color-field-text-disabled);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .icon {
+        --ui-kit-icon-color: var(--dg-color-field-icon-default);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .medium .icon {
+        --ui-kit-icon-height: 0;
+        --ui-kit-icon-width: 0;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .small .icon {
+        --ui-kit-icon-height: 0;
+        --ui-kit-icon-width: 0;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .input-container:hover .icon {
+        --ui-kit-icon-color: var(--dg-color-field-icon-hover);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.focus .icon {
+        --ui-kit-icon-color: var(--dg-color-field-icon-focus);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.filled .icon {
+        --ui-kit-icon-color: var(--dg-color-field-icon-selected);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .container.disabled .icon {
+        --ui-kit-icon-color: var(--dg-color-field-icon-disabled);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .buttons-container {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        padding-right: 0.5rem;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .icon {
+        --ui-kit-icon-color: var(--dg-color-field-icon-default);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .remove-icon-button {
+        position: relative;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .remove-icon-button:after {
+        content: '';
+        display: inline-block;
+        width: 0.0625rem;
+        height: 1.5rem;
+        background: var(--dg-color-divider-default);
+    }
+`;
+//#endregion
+export { t as seatLegacyStyles };

package/dist/esm/components/ds-search-input/styles/seat.styles.js

@@ -0,0 +1,260 @@
+import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
+//#region src/components/ds-search-input/styles/seat.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat']):has(.disabled) {
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container {
+        border-radius: var(--ds-border-radius-xxs, 4px);
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-3);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.focus-visible {
+        outline: 0.125rem solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0.125rem;
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(input) {
+        width: 100%;
+        box-sizing: border-box;
+        flex: 1 0 0;
+        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 400;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        border: none;
+        outline: none;
+        background: transparent;
+        padding: 0;
+        height: 100%;
+    }
+
+    :host([data-ui-kit-theme='seat']) .large ::slotted(input) {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium ::slotted(input) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(input)::-moz-placeholder {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(input)::placeholder {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(input:focus) {
+        color: var(--ds-field-text-color-input-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='seat']) .filled ::slotted(input) {
+        color: var(--ds-field-text-color-input-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(input:disabled) {
+        color: var(--ds-field-text-color-placeholder-disabled);
+    }
+
+    :host([data-ui-kit-theme='seat']) .input-container {
+        box-sizing: border-box;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: 100%;
+        gap: var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large .input-container {
+        padding: 0 0 0 var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large.loading .input-container {
+        padding: 0 var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium .input-container {
+        padding: 0 0 0 var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium.loading .input-container {
+        padding: 0 var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large .input-container {
+        height: calc(var(--ds-sizing-48, 48px));
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium .input-container {
+        height: calc(var(--ds-sizing-40, 40px));
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-radius: var(--ds-border-radius-xxs) var(--ds-border-radius-xxs) var(--ds-border-radius-none)
+            var(--ds-border-radius-none);
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary .input-container:hover {
+        background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary.focus-visible .input-container {
+        background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary.focus:not(.focus-visible) .input-container {
+        border-bottom: var(--ds-border-width-l, 2px) solid var(--ds-field-border-color-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary.filled .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-filled, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary.container.error .input-container,
+    :host([data-ui-kit-theme='seat']) .primary.container.invalid .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary.disabled .input-container,
+    :host([data-ui-kit-theme='seat']) .primary.disabled.error .input-container,
+    :host([data-ui-kit-theme='seat']) .primary.disabled.invalid .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary .input-container {
+        border-radius: var(--ds-border-radius-xs, 6px);
+        border: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
+        background: var(--ds-field-bg-color-default-inverted, rgba(9, 9, 11, 0.5));
+        -webkit-backdrop-filter: blur(var(--ds-blur-level-05, 60px));
+        backdrop-filter: blur(var(--ds-blur-level-05, 60px));
+        box-shadow: 0 var(--ds-shadow-vertical-level-01, 4px) var(--ds-shadow-blur-level-01, 4px) 0
+            var(--ds-opacity-black-20, rgba(9, 9, 11, 0.2));
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary .input-container:hover {
+        background: var(--ds-field-bg-color-hover-inverted, rgba(9, 9, 11, 0.6));
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary.focus-visible .input-container {
+        background: var(--ds-field-bg-color-hover-inverted, rgba(9, 9, 11, 0.6));
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary.focus:not(.focus-visible) .input-container {
+        border: var(--ds-border-width-l, 2px) solid var(--ds-field-border-color-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary.filled .input-container {
+        border: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-filled, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary.container.error .input-container,
+    :host([data-ui-kit-theme='seat']) .secondary.container.invalid .input-container {
+        border: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary.disabled .input-container,
+    :host([data-ui-kit-theme='seat']) .secondary.disabled.error .input-container,
+    :host([data-ui-kit-theme='seat']) .secondary.disabled.invalid .input-container {
+        border: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .footer {
+        box-sizing: border-box;
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        overflow: hidden;
+        color: var(--ds-color-text-default-subtle);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        padding: 0 var(--ds-spacing-s-5);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large .footer {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium .footer {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+    }
+
+    :host([data-ui-kit-theme='seat']) .support-text {
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='seat']) .helper-text {
+        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
+    }
+
+    :host([data-ui-kit-theme='seat']) .error-text {
+        color: var(--ds-field-text-color-caption-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .disabled .support-text,
+    :host([data-ui-kit-theme='seat']) .disabled .char-counter {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-placeholder-default);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large .icon {
+        --ui-kit-icon-height: 1.5rem;
+        --ui-kit-icon-width: 1.5rem;
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium .icon {
+        --ui-kit-icon-height: 1.25rem;
+        --ui-kit-icon-width: 1.25rem;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.focus:not(.focus-visible) .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-input-default);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.filled .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-input-default);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.disabled .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-placeholder-disabled);
+    }
+
+    :host([data-ui-kit-theme='seat']) .buttons-container {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    :host([data-ui-kit-theme='seat']) .remove-icon-button {
+        position: relative;
+    }
+
+    :host([data-ui-kit-theme='seat']) .remove-icon-button:after {
+        content: '';
+        display: inline-block;
+        width: 0.0625rem;
+        height: 1.5rem;
+        background: var(--ds-divider-bg-color-primary);
+    }
+`;
+//#endregion
+export { t as seatStyles };

package/dist/esm/components/ds-secondary-navigation/ds-secondary-navigation.js

@@ -1,12 +1,12 @@
 import { html as e, nothing as t } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js";
+import { LitElement as n } from "../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js";
-import { property as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
-import { query as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.js";
-import { queryAssignedElements as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import { property as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.js";
+import { state as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.js";
+import { query as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.js";
+import { queryAssignedElements as o } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js";
-import o from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
-import { UiKitElement as s } from "../base/UiKitElement.js";
+import s from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { customUiKitElement as c } from "../../decorators/customUiKitElement.js";
 import "../ds-icon/ds-icon.js";
 import { uiKitHtml as l } from "../../utils/uiKitHtml.js";
@@ -17,7 +17,7 @@ import "../ds-icon-button/ds-icon-button.js";
 import "../ds-button/ds-button.js";
 import { commonStyles as f } from "./styles/common.styles.js";
 //#region src/components/ds-secondary-navigation/ds-secondary-navigation.ts
-var p = class extends d(s) {
+var p = class extends d(n) {
 	constructor(...e) {
 		super(...e), this.dropdownButtonText = "Menu", this.keepDropdownButtonText = !1, this.itemsMode = "auto", this.actionsMode = "auto", this.openItems = !1, this.openCtas = !1, this.hasScrollLeft = !1, this.hasScrollRight = !1, this.actionsCount = 0, this.resizeObserver = new ResizeObserver(() => {
 			this.handleScroll();
@@ -80,7 +80,7 @@ var p = class extends d(s) {
 		this.openItems = !1;
 	}
 	handleItemsSlotChange() {
-		this.updateSelectedItem();
+		this.updateSelectedItem(), this.requestUpdate();
 	}
 	handleActionsSlotChange() {
 		this.updateCtas();
@@ -269,21 +269,21 @@ var p = class extends d(s) {
 	"xl",
 	"xxl"
 ], p);
-o([n({
+s([r({
 	type: String,
 	attribute: "dropdown-button-text"
-})], h.prototype, "dropdownButtonText", void 0), o([n({
+})], h.prototype, "dropdownButtonText", void 0), s([r({
 	type: Number,
 	attribute: "selected-index"
-})], h.prototype, "selectedIndex", void 0), o([n({
+})], h.prototype, "selectedIndex", void 0), s([r({
 	type: Boolean,
 	attribute: "keep-dropdown-button-text"
-})], h.prototype, "keepDropdownButtonText", void 0), o([n({
+})], h.prototype, "keepDropdownButtonText", void 0), s([r({
 	type: String,
 	attribute: "items-mode"
-})], h.prototype, "itemsMode", void 0), o([n({
+})], h.prototype, "itemsMode", void 0), s([r({
 	type: String,
 	attribute: "actions-mode"
-})], h.prototype, "actionsMode", void 0), o([r()], h.prototype, "openItems", void 0), o([r()], h.prototype, "openCtas", void 0), o([r()], h.prototype, "hasScrollLeft", void 0), o([r()], h.prototype, "hasScrollRight", void 0), o([r()], h.prototype, "actionsCount", void 0), o([a({ slot: "items" })], h.prototype, "items", void 0), o([a({ slot: "actions" })], h.prototype, "ctas", void 0), o([i(".items-container")], h.prototype, "itemsContainer", void 0), h = m = o([c("ds-secondary-navigation")], h);
+})], h.prototype, "actionsMode", void 0), s([i()], h.prototype, "openItems", void 0), s([i()], h.prototype, "openCtas", void 0), s([i()], h.prototype, "hasScrollLeft", void 0), s([i()], h.prototype, "hasScrollRight", void 0), s([i()], h.prototype, "actionsCount", void 0), s([o({ slot: "items" })], h.prototype, "items", void 0), s([o({ slot: "actions" })], h.prototype, "ctas", void 0), s([a(".items-container")], h.prototype, "itemsContainer", void 0), h = m = s([c("ds-secondary-navigation")], h);
 //#endregion
 export { h as DsSecondaryNavigation };

package/dist/esm/components/ds-segmented-control/ds-segmented-control.js

@@ -10,8 +10,12 @@ import { booleanConverter as o } from "../../utils/booleanConverter.js";
 import { classMap as s } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
 import { commonStyles as c } from "./styles/common.styles.js";
+import { cupraDiagonalStyles as l } from "./styles/cupra-diagonal.styles.js";
+import { cupraStyles as u } from "./styles/cupra.styles.js";
+import { seatLegacyStyles as d } from "./styles/seat-legacy.styles.js";
+import { seatStyles as f } from "./styles/seat.styles.js";
 //#region src/components/ds-segmented-control/ds-segmented-control.ts
-var l = class extends i {
+var p = class extends i {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.fullWidth = !1;
 	}
@@ -44,14 +48,20 @@ var l = class extends i {
             </fieldset>
         `;
 	}
-}, u = (l.styles = [c], l);
-r([t({ type: String })], u.prototype, "size", void 0), r([t({
+}, m = (p.styles = [
+	c,
+	l,
+	f,
+	u,
+	d
+], p);
+r([t({ type: String })], m.prototype, "size", void 0), r([t({
 	type: Boolean,
 	converter: o,
 	attribute: "full-width"
-})], u.prototype, "fullWidth", void 0), r([n({
+})], m.prototype, "fullWidth", void 0), r([n({
 	slot: "",
 	flatten: !0
-})], u.prototype, "slottedElements", void 0), u = r([a("ds-segmented-control")], u);
+})], m.prototype, "slottedElements", void 0), m = r([a("ds-segmented-control")], m);
 //#endregion
-export { u as DsSegmentedControl };
+export { m as DsSegmentedControl };