ids-enterprise-wc 1.0.0-beta.11 → 1.0.0-beta.13

package/components/ids-text/ids-text.css

@@ -0,0 +1,221 @@
+/* Ids Text Component */
+:host([overflow=ellipsis]) {
+  max-width: 100%;
+}
+
+.ids-text {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-family: var(--ids-font-family-default);
+  font-weight: var(--ids-font-weight-normal);
+  display: block;
+  margin: 0;
+  color: currentColor;
+  font-size: var(--ids-font-size-40);
+  text-decoration: unset;
+}
+.ids-text.audible {
+  clip: rect(0, 0, 0, 0);
+  height: 0;
+  line-height: 0;
+  min-height: 0;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  position: none;
+}
+.ids-text.error {
+  color: var(--ids-color-text-error);
+}
+.ids-text.label {
+  color: var(--ids-color-text-label);
+}
+.ids-text.label.color-variant-alternate {
+  color: var(--ids-color-text-inverse);
+}
+.ids-text.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ids-text.bold {
+  font-weight: var(--ids-font-weight-bold);
+}
+.ids-text.semi-bold {
+  font-weight: var(--ids-font-weight-semibold);
+}
+.ids-text.lighter {
+  font-weight: var(--ids-font-weight-light);
+}
+.ids-text.text-align-start {
+  text-align: start;
+}
+.ids-text.text-align-end {
+  text-align: end;
+}
+.ids-text.text-align-center {
+  text-align: center;
+}
+.ids-text.text-align-justify {
+  text-align: justify;
+}
+.ids-text.status-base::before, .ids-text.status-error::before, .ids-text.status-info::before, .ids-text.status-success::before, .ids-text.status-warning::before {
+  display: inline-flex;
+  margin-inline-end: var(--ids-input-margin-bottom);
+  border-radius: var(--ids-border-radius-circle);
+  content: "";
+  height: 8px;
+  width: 8px;
+}
+.ids-text.status-base {
+  color: var(--ids-color-text-label);
+}
+.ids-text.status-base::before {
+  background-color: var(--ids-color-text-label);
+}
+.ids-text.status-error {
+  color: var(--ids-color-text-error);
+}
+.ids-text.status-error::before {
+  background-color: var(--ids-color-text-error);
+}
+.ids-text.status-info {
+  color: var(--ids-color-text-info);
+}
+.ids-text.status-info::before {
+  background-color: var(--ids-color-text-info);
+}
+.ids-text.status-success {
+  color: var(--ids-color-text-success);
+}
+.ids-text.status-success::before {
+  background-color: var(--ids-color-text-success);
+}
+.ids-text.status-warning {
+  color: var(--ids-color-text-success);
+}
+.ids-text.status-warning::before {
+  background-color: var(--ids-color-text-warning);
+}
+
+:host(.inline) .ids-text {
+  display: inline;
+}
+
+.inline,
+[display=inline] {
+  display: inline;
+}
+
+.ids-text-color-unset {
+  color: unset;
+}
+
+:host(.message-text) .ids-text {
+  color: unset;
+}
+:host(.message-text) .ids-text.error {
+  color: unset;
+}
+
+::slotted(.audible) {
+  clip: rect(0, 0, 0, 0);
+  height: 0;
+  line-height: 0;
+  min-height: 0;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+::slotted(.filter) {
+  font-weight: var(--ids-font-weight-bold);
+}
+
+/* Ids Typography System */
+.ids-text-10 {
+  font-size: var(--ids-font-size-10);
+  text-transform: uppercase;
+}
+
+.ids-text-12 {
+  font-size: var(--ids-font-size-20);
+  text-transform: uppercase;
+}
+
+.ids-text-14 {
+  font-size: var(--ids-font-size-30);
+}
+
+.ids-text-16 {
+  font-size: var(--ids-font-size-40);
+}
+
+.ids-text-20 {
+  font-size: var(--ids-font-size-50);
+}
+
+.ids-text-24 {
+  font-size: var(--ids-font-size-60);
+}
+
+.ids-text-28 {
+  font-size: var(--ids-font-size-70);
+}
+
+.ids-text-32 {
+  font-size: var(--ids-font-size-80);
+}
+
+.ids-text-40 {
+  font-size: var(--ids-font-size-90);
+}
+
+.ids-text-48 {
+  font-size: var(--ids-font-size-100);
+}
+
+.ids-text-60 {
+  font-size: var(--ids-font-size-110);
+}
+
+.ids-text-72 {
+  font-size: var(--ids-font-size-120);
+  margin-block-end: 0;
+}
+
+.ids-text-color-muted.ids-text,
+:host([disabled]) .ids-text {
+  color: var(--ids-color-text-disabled);
+}
+.ids-text-color-muted.ids-text.label,
+:host([disabled]) .ids-text.label {
+  color: var(--ids-color-text-disabled);
+}
+.ids-text-color-muted.ids-text.color-variant-alternate.label,
+:host([disabled]) .ids-text.color-variant-alternate.label {
+  color: var(--ids-color-text-subtle);
+}
+.ids-text-color-muted.ids-text.status-base, .ids-text-color-muted.ids-text.status-error, .ids-text-color-muted.ids-text.status-info, .ids-text-color-muted.ids-text.status-success, .ids-text-color-muted.ids-text.status-warning,
+:host([disabled]) .ids-text.status-base,
+:host([disabled]) .ids-text.status-error,
+:host([disabled]) .ids-text.status-info,
+:host([disabled]) .ids-text.status-success,
+:host([disabled]) .ids-text.status-warning {
+  color: var(--ids-color-text-disabled);
+}
+.ids-text-color-muted.ids-text.status-error::before, .ids-text-color-muted.ids-text.status-info::before, .ids-text-color-muted.ids-text.status-success::before, .ids-text-color-muted.ids-text.status-warning::before,
+:host([disabled]) .ids-text.status-error::before,
+:host([disabled]) .ids-text.status-info::before,
+:host([disabled]) .ids-text.status-success::before,
+:host([disabled]) .ids-text.status-warning::before {
+  background-color: var(--ids-color-text-disabled);
+}
+
+:host([class=label-checkbox]) .audible {
+  position: relative;
+  line-height: 1;
+  height: unset;
+}

package/components/ids-text/ids-text.d.ts

@@ -26,7 +26,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -382,7 +384,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -731,7 +735,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -1107,7 +1113,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-text/ids-text.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-IIWVVHUT.js";import"../../chunks/ids-chunk-XI7FK7NW.js";import"../../chunks/ids-chunk-332SYLWX.js";import"../../chunks/ids-chunk-N3SAHUGR.js";import"../../chunks/ids-chunk-ZAWMPANZ.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-2LLTCZBW.js";import"../../chunks/ids-chunk-FIYKXQ5L.js";import"../../chunks/ids-chunk-IUQDTAVW.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-PNSDXMRQ.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5WRLNTVI.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-EZRDAHD3.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-YLUCUABO.js";import"../../chunks/ids-chunk-WGF76AHI.js";import"../../chunks/ids-chunk-WSLP3ZMG.js";import"../../chunks/ids-chunk-5OKDI6GX.js";import"../../chunks/ids-chunk-4TL64355.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-N7RNTKMO.js";import"../../chunks/ids-chunk-RZESIOE7.js";import"../../chunks/ids-chunk-4W3JMIJK.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-RRSHSZ55.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-textarea/ids-textarea.css

@@ -0,0 +1,369 @@
+@charset "UTF-8";
+/**
+ * Css for clearable mixin
+ */
+.ids-input .ids-input-field .btn-clear,
+.ids-input .ids-textarea-field .btn-clear,
+.ids-textarea .ids-input-field .btn-clear,
+.ids-textarea .ids-textarea-field .btn-clear {
+  outline: 0;
+}
+.ids-input .ids-input-field .btn-clear.is-empty,
+.ids-input .ids-textarea-field .btn-clear.is-empty,
+.ids-textarea .ids-input-field .btn-clear.is-empty,
+.ids-textarea .ids-textarea-field .btn-clear.is-empty {
+  display: none;
+}
+.ids-input .ids-input-field .btn-clear [slot=icon],
+.ids-input .ids-textarea-field .btn-clear [slot=icon],
+.ids-textarea .ids-input-field .btn-clear [slot=icon],
+.ids-textarea .ids-textarea-field .btn-clear [slot=icon] {
+  margin-inline-start: 0;
+  color: inherit;
+}
+.ids-input.has-clearable .btn-clear,
+.ids-textarea.has-clearable .btn-clear {
+  margin-inline-end: 4px;
+}
+.ids-input.has-clearable .btn-clear.is-empty,
+.ids-textarea.has-clearable .btn-clear.is-empty {
+  display: initial;
+  visibility: hidden;
+  pointer-events: none;
+}
+
+.ids-trigger-field .ids-input-field.has-clearable {
+  padding-inline-end: 55px;
+}
+.ids-trigger-field .ids-input-field.has-clearable ~ .btn-clear {
+  margin-top: 0;
+  right: -8px;
+}
+
+.btn-clear[part=clearable-button] [slot=icon] {
+  padding: 2px;
+}
+
+.icon-dirty {
+  position: absolute;
+  color: var(--ids-color-caution-30);
+  top: 1px;
+}
+.icon-dirty[dir=rtl] {
+  transform: rotate(90deg);
+  top: 0;
+}
+
+.ids-color-picker .icon-dirty {
+  margin-inline-start: 35px;
+}
+
+.ids-color-picker.compact .icon-dirty {
+  margin-inline-start: 27px;
+}
+
+.ids-radio-group .icon-dirty {
+  margin-inline-start: -1px;
+  margin-block-start: 9px;
+  top: auto;
+  z-index: 1;
+}
+
+.ids-checkbox .icon-dirty {
+  margin-inline-start: -25px;
+}
+.ids-checkbox .icon-dirty[dir=rtl] {
+  margin-inline-start: -20px;
+  transform: none;
+  top: -1px;
+}
+.ids-checkbox.hitbox .icon-dirty {
+  margin-inline-start: -30px;
+}
+.ids-checkbox.hitbox .icon-dirty[dir=rtl] {
+  margin-inline-start: -26px;
+}
+
+.ids-textarea .icon-dirty {
+  top: 0;
+  margin-inline-start: 1px;
+}
+.ids-textarea .icon-dirty[dir=rtl] {
+  top: 1px;
+}
+
+.validation-message {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  font-family: var(--ids-font-family-default);
+  margin-top: var(--ids-space-30);
+}
+.validation-message.has-custom-icon {
+  color: var(--ids-icon-color-default);
+}
+.validation-message.disabled {
+  color: var(--ids-input-color-text-disabled);
+}
+.validation-message .ids-icon {
+  margin-inline-end: var(--ids-space-30);
+}
+.validation-message.alert {
+  color: var(--ids-color-caution-default);
+}
+.validation-message.alert.disabled {
+  color: var(--ids-color-caution-30);
+}
+.validation-message.warning {
+  color: var(--ids-color-warning-default);
+}
+.validation-message.warning.disabled {
+  color: var(--ids-color-warning-30);
+}
+.validation-message.error {
+  color: var(--ids-color-error-default);
+}
+.validation-message.error.disabled {
+  color: var(--ids-color-error-30);
+}
+.validation-message.info {
+  color: var(--ids-color-info-default);
+}
+.validation-message.info.disabled {
+  color: var(--ids-color-info-30);
+}
+.validation-message.success {
+  color: var(--ids-color-success-default);
+}
+.validation-message.success.disabled {
+  color: var(--ids-color-success-30);
+}
+
+.ids-textarea {
+  display: block;
+  margin-bottom: var(--ids-space-70);
+  font-size: var(--ids-font-size-40);
+  font-family: var(--ids-font-family-default);
+}
+.ids-textarea .hidden {
+  display: none;
+}
+.ids-textarea .textarea-print {
+  display: none;
+  white-space: pre-line;
+}
+.ids-textarea .textarea-character-counter {
+  display: inline-block;
+  min-height: auto;
+  width: 362px;
+}
+.ids-textarea .textarea-character-counter.almost-empty {
+  color: var(--ids-textarea-character-count-color-text-warning);
+}
+.ids-textarea .field-container {
+  margin: var(--ids-space-none);
+  padding: var(--ids-space-none);
+  position: relative;
+  display: flex;
+  max-width: 362px;
+}
+.ids-textarea .field-container.sm {
+  max-width: 150px;
+}
+.ids-textarea .field-container.sm ~ .textarea-character-counter {
+  width: 150px;
+}
+.ids-textarea .field-container.md {
+  max-width: 362px;
+}
+.ids-textarea .field-container.md ~ .textarea-character-counter {
+  width: 362px;
+}
+.ids-textarea .field-container.lg {
+  max-width: 400px;
+}
+.ids-textarea .field-container.lg ~ .textarea-character-counter {
+  width: 400px;
+}
+.ids-textarea .field-container.full {
+  max-width: 100%;
+}
+.ids-textarea .field-container.full ~ .textarea-character-counter {
+  width: 100%;
+}
+.ids-textarea .ids-textarea-field {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: var(--ids-textarea-color-background-default);
+  border: 1px solid;
+  border-color: var(--ids-textarea-color-border-default);
+  color: var(--ids-textarea-color-text-default);
+  box-sizing: border-box;
+  margin-bottom: var(--ids-space-30);
+  padding: var(--ids-space-50);
+  font-size: var(--ids-font-size-40);
+  appearance: none;
+  font-family: var(--ids-font-family-default);
+  border-collapse: separate;
+  border-radius: var(--ids-border-radius-01);
+  display: inline-block;
+  min-height: 120px;
+  resize: none;
+  text-align: left;
+  width: 100%;
+}
+.ids-textarea .ids-textarea-field[readonly] {
+  background-color: var(--ids-textarea-color-background-readonly);
+  border-color: var(--ids-textarea-color-border-readonly);
+  color: var(--ids-textarea-color-text-readonly);
+}
+.ids-textarea .ids-textarea-field[disabled] {
+  background-color: var(--ids-textarea-color-background-disabled);
+  border-color: var(--ids-textarea-color-border-disabled);
+  color: var(--ids-textarea-color-text-disabled);
+}
+.ids-textarea .ids-textarea-field:not([disabled]):not([readonly]):not(:focus):hover {
+  border-color: var(--ids-textarea-color-border-hover);
+}
+.ids-textarea .ids-textarea-field:focus {
+  border-color: var(--ids-textarea-color-border-focus);
+  box-shadow: var(--ids-textarea-shadow-focus);
+  outline: none;
+  outline-color: transparent;
+}
+.ids-textarea .ids-textarea-field[readonly] ~ .textarea-character-counter, .ids-textarea .ids-textarea-field[disabled] ~ .textarea-character-counter {
+  display: none;
+}
+.ids-textarea .ids-textarea-field.resizable {
+  resize: vertical;
+}
+.ids-textarea .ids-textarea-field[rows] {
+  height: auto;
+}
+.ids-textarea .ids-textarea-field.bg-transparent {
+  background-color: transparent;
+}
+.ids-textarea .ids-textarea-field.bg-transparent:focus {
+  border-color: var(--ids-textarea-color-border-focus);
+}
+.ids-textarea .ids-textarea-field.text-ellipsis {
+  text-overflow: ellipsis;
+}
+.ids-textarea .ids-textarea-field.left {
+  text-align: start;
+}
+.ids-textarea .ids-textarea-field.center {
+  text-align: center;
+}
+.ids-textarea .ids-textarea-field.right {
+  text-align: end;
+}
+.ids-textarea .ids-textarea-field.alert, .ids-textarea .ids-textarea-field.alert:hover {
+  border-color: var(--ids-textarea-alert-color-border-default);
+  color: var(--ids-textarea-alert-color-text-default);
+}
+.ids-textarea .ids-textarea-field.alert:focus, .ids-textarea .ids-textarea-field.alert:hover:focus {
+  border-color: var(--ids-textarea-alert-color-border-alert-focus);
+  box-shadow: var(--ids-textarea-shadow-alert-focus);
+}
+.ids-textarea .ids-textarea-field.alert[disabled], .ids-textarea .ids-textarea-field.alert:hover[disabled] {
+  border-color: var(--ids-textarea-alert-color-border-disabled);
+  color: var(--ids-textarea-alert-color-text-disabled);
+}
+.ids-textarea .ids-textarea-field.error, .ids-textarea .ids-textarea-field.error:hover {
+  border-color: var(--ids-textarea-color-border-error-default);
+  color: var(--ids-textarea-color-text-error);
+}
+.ids-textarea .ids-textarea-field.error:focus, .ids-textarea .ids-textarea-field.error:hover:focus {
+  border-color: var(--ids-textarea-color-border-error-focus);
+  box-shadow: var(--ids-textarea-shadow-error-focus);
+}
+.ids-textarea .ids-textarea-field.error[disabled], .ids-textarea .ids-textarea-field.error:hover[disabled] {
+  border-color: var(--ids-textarea-color-border-error-disabled);
+  color: var(--ids-textarea-color-text-error-disabled);
+}
+.ids-textarea .ids-textarea-field.info, .ids-textarea .ids-textarea-field.info:hover {
+  border-color: var(--ids-textarea-color-border-info-default);
+  color: var(--ids-textarea-color-text-info-default);
+}
+.ids-textarea .ids-textarea-field.info:focus, .ids-textarea .ids-textarea-field.info:hover:focus {
+  border-color: var(--ids-textarea-color-border-info-focus);
+  box-shadow: rgba(0, 102, 212, 0.3) 0 0 3px 2px;
+}
+.ids-textarea .ids-textarea-field.info[disabled], .ids-textarea .ids-textarea-field.info:hover[disabled] {
+  border-color: var(--ids-textarea-color-border-info-disabled);
+  color: var(--ids-textarea-color-text-info-disabled);
+}
+.ids-textarea .ids-textarea-field.success, .ids-textarea .ids-textarea-field.success:hover {
+  border-color: var(--ids-textarea-color-border-success-default);
+  color: var(--ids-textarea-color-text-success-default);
+}
+.ids-textarea .ids-textarea-field.success:focus, .ids-textarea .ids-textarea-field.success:hover:focus {
+  border-color: var(--ids-textarea-color-border-success-focus);
+  box-shadow: var(--ids-textarea-shadow-success-focus);
+}
+.ids-textarea .ids-textarea-field.success[disabled], .ids-textarea .ids-textarea-field.success:hover[disabled] {
+  border-color: var(--ids-textarea-color-border-success-disabled);
+  color: var(--ids-textarea-color-text-success-disabled);
+}
+.ids-textarea .ids-textarea-field ~ .btn-clear {
+  margin-top: var(--ids-space-30);
+  position: absolute;
+  right: 0;
+}
+.ids-textarea .error .ids-textarea-field {
+  border-color: var(--ids-textarea-color-border-error-default);
+}
+.ids-textarea .validation-message {
+  margin-top: var(--ids-space-30);
+}
+.ids-textarea.disabled .label-text {
+  color: var(--ids-textarea-label-color-text-disabled);
+}
+.ids-textarea.disabled .label-text.required::after {
+  color: var(--ids-textarea-label-color-text-disabled);
+}
+
+.ids-label-text {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: var(--ids-textarea-label-color-text-default);
+  margin-bottom: var(--ids-space-40);
+  align-items: baseline;
+  font-family: var(--ids-font-family-default);
+  display: flex;
+}
+.ids-label-text.empty::before {
+  content: " ";
+}
+.ids-label-text.required::after {
+  position: relative;
+  padding-inline: var(--ids-space-20);
+  font-size: var(--ids-font-size-50);
+  content: "*";
+  color: var(--ids-input-required-indicator-color-text-default);
+  font-family: var(--ids-font-family-default);
+  margin-top: -10px;
+  top: 1px;
+}
+.ids-label-text.required.no-required-indicator::after, .ids-label-text.required.empty::after {
+  content: "";
+}
+
+.label-state-collapsed .ids-label-text.empty {
+  margin: var(--ids-space-none);
+  visibility: hidden;
+  height: 0;
+}
+
+@media print {
+  .ids-textarea .textarea-character-counter,
+  .ids-textarea .ids-textarea-field {
+    display: none;
+  }
+  .textarea-print {
+    display: inline-block;
+    height: auto;
+    width: auto;
+  }
+}

package/components/ids-textarea/ids-textarea.d.ts

@@ -53,7 +53,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -409,7 +411,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -757,7 +761,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -1129,7 +1135,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -1487,7 +1495,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -1859,7 +1869,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;