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

package/dist/esm/components/ds-text-input/styles/cupra-diagonal.styles.js

@@ -0,0 +1,237 @@
+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-text-input/styles/cupra-diagonal.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='cupra-diagonal']):has(.disabled),
+    :host([data-ui-kit-theme='cupra-diagonal']):has(.readonly) {
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container {
+        border-radius: var(--ds-border-radius-xxs, 4px);
+        display: flex;
+        width: var(--ui-kit-text-input-width, 100%);
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-3);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container.focus-visible {
+        outline: 0.125rem solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0.125rem;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label) {
+        display: block;
+        padding-top: var(--ds-spacing-s-5);
+        color: var(--ds-field-text-color-label-default, #c3c3cb);
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted(label) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted(label) {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .xlarge ::slotted(label) {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled ::slotted(label) {
+        color: var(--ds-field-text-color-label-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .readonly ::slotted(label) {
+        color: var(--ds-field-text-color-label-default, #c3c3cb);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::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: var(--ui-kit-text-input-font-weight, 400);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        border: none;
+        outline: none;
+        background: transparent;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(input)::-moz-placeholder {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(input)::placeholder {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(input:focus) {
+        color: var(--ds-field-text-color-input-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .filled ::slotted(input) {
+        color: var(--ds-field-text-color-input-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(input:disabled) {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .readonly ::slotted(input) {
+        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted(input) {
+        font-size: var(--ui-kit-text-input-font-size, var(--ds-typography-size-body-l));
+        line-height: var(--ui-kit-text-input-line-height, var(--ds-typography-height-body-l));
+        height: var(--ds-sizing-48, 48px);
+        padding: var(--ui-kit-text-input-padding, var(--ds-spacing-m-1) 0);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted(input) {
+        font-size: var(--ui-kit-text-input-font-size, var(--ds-typography-size-body-m));
+        line-height: var(--ui-kit-text-input-line-height, var(--ds-typography-height-body-m));
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ui-kit-text-input-padding, var(--ds-spacing-s-5) 0);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .xlarge ::slotted(input) {
+        font-size: var(--ui-kit-text-input-font-size, var(--ds-typography-size-currency-large));
+        line-height: var(--ui-kit-text-input-line-height, var(--ds-typography-height-currency-large));
+        font-weight: var(--ui-kit-text-input-font-weight, var(--ds-typography-weight-currency-display-primary));
+        height: 4rem;
+        padding: var(--ui-kit-text-input-padding, var(--ds-spacing-m-1) 0);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .xlarge .icon-button {
+        margin-bottom: var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .input-container {
+        box-sizing: border-box;
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-end;
+        width: 100%;
+        padding: 0 var(--ds-spacing-m-1);
+        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='cupra-diagonal']) .medium .input-container {
+        padding: 0 var(--ds-spacing-s-5);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .input-container > div {
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .input-container:hover,
+    :host([data-ui-kit-theme='cupra-diagonal']) .focus-visible .input-container {
+        background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .focus:not(.focus-visible) .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .filled .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-filled, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .container.error .input-container,
+    :host([data-ui-kit-theme='cupra-diagonal']) .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='cupra-diagonal']) .disabled .input-container,
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled.error .input-container,
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled.invalid .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .readonly .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .footer {
+        box-sizing: border-box;
+        display: flex;
+        align-items: flex-start;
+        align-self: stretch;
+        gap: var(--ds-spacing-s-5, 8px);
+        overflow: hidden;
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .large .footer {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-1, 0)
+            var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium .footer {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .xlarge .footer {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-1, 0)
+            var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .support-text {
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .helper-text,
+    :host([data-ui-kit-theme='cupra-diagonal']) .readonly-text {
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .error-text {
+        color: var(--ds-field-text-color-caption-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .error .char-counter,
+    :host([data-ui-kit-theme='cupra-diagonal']) .invalid .char-counter {
+        color: var(--ds-field-text-color-caption-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .support-text,
+    :host([data-ui-kit-theme='cupra-diagonal']) .disabled .char-counter {
+        color: var(--ds-field-text-color-caption-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='cupra-diagonal']) .readonly .support-text,
+    :host([data-ui-kit-theme='cupra-diagonal']) .readonly .char-counter {
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+    }
+`;
+//#endregion
+export { t as cupraDiagonalStyles };

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

@@ -0,0 +1,205 @@
+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-text-input/styles/seat-legacy.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat-legacy']):has(.disabled),
+    :host([data-ui-kit-theme='seat-legacy']):has(.readonly) {
+        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(label) {
+        display: block;
+        margin: 0;
+        color: var(--ds-field-text-color-label-default, #2d2d2d);
+        font-family: var(--dg-font-family-base);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--dg-font-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .medium ::slotted(label) {
+        font-size: var(--dg-font-size-body-m);
+        line-height: var(--dg-font-height-body-m);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .small ::slotted(label) {
+        font-size: var(--dg-font-size-body-s);
+        line-height: var(--dg-font-height-body-s);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .disabled ::slotted(label) {
+        color: var(--dg-color-field-text-disabled);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .readonly ::slotted(label) {
+        color: var(--dg-color-field-text-default);
+    }
+
+    :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-focus-specific);
+        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;
+        background: transparent;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(input)::-moz-placeholder {
+        color: var(--dg-color-field-text-disabled);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(input)::placeholder {
+        color: var(--dg-color-field-text-disabled);
+    }
+
+    :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']) .readonly ::slotted(input) {
+        color: var(--dg-color-field-text-default);
+    }
+
+    :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);
+        height: var(--dg-size-48, 48px);
+        padding: 0 0;
+    }
+
+    :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);
+        height: var(--dg-size-40, 40px);
+        padding: 0 0;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .input-container {
+        box-sizing: border-box;
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-end;
+        width: 100%;
+        border-bottom: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-default);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .small .input-container {
+        height: var(--dg-size-64, 64px);
+        padding-left: var(--dg-spacing-s-5);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .input-container > div {
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .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']) .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']) .container.error .input-container,
+    :host([data-ui-kit-theme='seat-legacy']) .container.invalid .input-container {
+        border-bottom: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-error);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .disabled .input-container,
+    :host([data-ui-kit-theme='seat-legacy']) .disabled.error .input-container,
+    :host([data-ui-kit-theme='seat-legacy']) .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']) .readonly .input-container {
+        border-bottom: var(--dg-border-width-m, 1px) solid var(--dg-color-field-border-default);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .footer {
+        box-sizing: border-box;
+        display: flex;
+        align-items: flex-start;
+        align-self: stretch;
+        gap: var(--dg-spacing-s-5, 8px);
+        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);
+    }
+
+    :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);
+        padding: 0 var(--dg-spacing-s-5) 0 var(--dg-spacing-m-1);
+    }
+
+    :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);
+        padding: 0 var(--dg-spacing-s-5);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .support-text {
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .helper-text,
+    :host([data-ui-kit-theme='seat-legacy']) .readonly-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']) .error .char-counter,
+    :host([data-ui-kit-theme='seat-legacy']) .invalid .char-counter {
+        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']) .readonly .support-text,
+    :host([data-ui-kit-theme='seat-legacy']) .readonly .char-counter {
+        color: var(--dg-color-field-text-default);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .icon-button {
+        display: none;
+    }
+`;
+//#endregion
+export { t as seatLegacyStyles };

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

@@ -0,0 +1,237 @@
+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-text-input/styles/seat.styles.ts
+var t = e`
+    :host([data-ui-kit-theme='seat']):has(.disabled),
+    :host([data-ui-kit-theme='seat']):has(.readonly) {
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container {
+        border-radius: var(--ds-border-radius-xxs, 4px);
+        display: flex;
+        width: var(--ui-kit-text-input-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(label) {
+        display: block;
+        padding-top: var(--ds-spacing-s-5);
+        color: var(--ds-field-text-color-label-default, #c3c3cb);
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large ::slotted(label) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium ::slotted(label) {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+    }
+
+    :host([data-ui-kit-theme='seat']) .xlarge ::slotted(label) {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+    }
+
+    :host([data-ui-kit-theme='seat']) .disabled ::slotted(label) {
+        color: var(--ds-field-text-color-label-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .readonly ::slotted(label) {
+        color: var(--ds-field-text-color-label-default, #c3c3cb);
+    }
+
+    :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: var(--ui-kit-text-input-font-weight, 400);
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        border: none;
+        outline: none;
+        background: transparent;
+    }
+
+    :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, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .readonly ::slotted(input) {
+        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large ::slotted(input) {
+        font-size: var(--ui-kit-text-input-font-size, var(--ds-typography-size-body-l));
+        line-height: var(--ui-kit-text-input-line-height, var(--ds-typography-height-body-l));
+        height: var(--ds-sizing-48, 48px);
+        padding: var(--ui-kit-text-input-padding, var(--ds-spacing-m-1) 0);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium ::slotted(input) {
+        font-size: var(--ui-kit-text-input-font-size, var(--ds-typography-size-body-m));
+        line-height: var(--ui-kit-text-input-line-height, var(--ds-typography-height-body-m));
+        height: var(--ds-sizing-40, 40px);
+        padding: var(--ui-kit-text-input-padding, var(--ds-spacing-s-5) 0);
+    }
+
+    :host([data-ui-kit-theme='seat']) .xlarge ::slotted(input) {
+        font-size: var(--ui-kit-text-input-font-size, var(--ds-typography-size-currency-large));
+        line-height: var(--ui-kit-text-input-line-height, var(--ds-typography-height-currency-large));
+        font-weight: var(--ui-kit-text-input-font-weight, var(--ds-typography-weight-currency-display-primary));
+        height: 4rem;
+        padding: var(--ui-kit-text-input-padding, var(--ds-spacing-m-1) 0);
+    }
+
+    :host([data-ui-kit-theme='seat']) .xlarge .icon-button {
+        margin-bottom: var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .input-container {
+        box-sizing: border-box;
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-end;
+        width: 100%;
+        padding: 0 var(--ds-spacing-m-1);
+        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']) .medium .input-container {
+        padding: 0 var(--ds-spacing-s-5);
+    }
+
+    :host([data-ui-kit-theme='seat']) .input-container > div {
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='seat']) .input-container:hover,
+    :host([data-ui-kit-theme='seat']) .focus-visible .input-container {
+        background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+
+    :host([data-ui-kit-theme='seat']) .focus:not(.focus-visible) .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .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']) .container.error .input-container,
+    :host([data-ui-kit-theme='seat']) .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']) .disabled .input-container,
+    :host([data-ui-kit-theme='seat']) .disabled.error .input-container,
+    :host([data-ui-kit-theme='seat']) .disabled.invalid .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .readonly .input-container {
+        background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
+    }
+
+    :host([data-ui-kit-theme='seat']) .footer {
+        box-sizing: border-box;
+        display: flex;
+        align-items: flex-start;
+        align-self: stretch;
+        gap: var(--ds-spacing-s-5, 8px);
+        overflow: hidden;
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large .footer {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-1, 0)
+            var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium .footer {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .xlarge .footer {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+        padding: var(--ds-spacing-s-1, 0) var(--ds-spacing-s-5, 8px) var(--ds-spacing-s-1, 0)
+            var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .support-text {
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='seat']) .helper-text,
+    :host([data-ui-kit-theme='seat']) .readonly-text {
+        color: var(--ds-field-text-color-caption-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']) .error .char-counter,
+    :host([data-ui-kit-theme='seat']) .invalid .char-counter {
+        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-caption-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .readonly .support-text,
+    :host([data-ui-kit-theme='seat']) .readonly .char-counter {
+        color: var(--ds-field-text-color-caption-default, #c3c3cb);
+    }
+`;
+//#endregion
+export { t as seatStyles };