@tet/tet-components 1.3.34-testing → 1.3.35-testing

package/dist/collection/components/advanced/cards/tet-compare-card/tet-compare-card.css

@@ -5288,9 +5288,9 @@
   --tc-button-icon-inverse-secondary-dark: var(--tc-grey-minus-10-dark);
   --tc-button-icon-inverse-disabled-dark: rgba(250, 250, 250, 0.49);
   --tc-button-icon-inverse-secondary-disabled-dark: rgba(38, 41, 44, 0.16);
-  --tc-button-border-secondary-dark: var($_grey-100);
+  --tc-button-border-secondary-dark: var(--tc-grey-100-dark);
   --tc-button-border-disabled-dark: rgba(236, 237, 238, 0.3);
-  --tc-button-border-inverse-secondary-dark: var($_grey-00);
+  --tc-button-border-inverse-secondary-dark: var(--tc-grey-minus-10-dark);
   --tc-button-border-inverse-disabled-dark: rgba(38, 41, 44, 0.16);
   --tc-menu-item-hover-dark: rgba(236, 237, 238, 0.12);
   --tc-menu-item-pressed-dark: rgba(236, 237, 238, 0.24);
@@ -5548,9 +5548,9 @@
   --tc-button-icon-inverse-secondary: var(--tc-grey-00);
   --tc-button-icon-inverse-disabled: rgba(12, 12, 14, 0.32);
   --tc-button-icon-inverse-secondary-disabled: rgba(236, 237, 238, 0.3);
-  --tc-button-border-secondary: var($_grey-110);
+  --tc-button-border-secondary: var(--tc-grey-110);
   --tc-button-border-disabled: rgba(38, 41, 44, 0.16);
-  --tc-button-border-inverse-secondary: var($_grey-00);
+  --tc-button-border-inverse-secondary: var(--tc-grey-00);
   --tc-button-border-inverse-disabled: rgba(236, 237, 238, 0.3);
   --tc-menu-item-hover: rgba(38, 41, 44, 0.06);
   --tc-menu-item-pressed: rgba(38, 41, 44, 0.12);

package/dist/collection/components/basic/container/tet-container/tet-container.css

@@ -362,23 +362,35 @@
    * @prop --container-selected-border-color: The color of the container when it is selected.
    * @prop --container-border-width: The width of the container border.
    * @prop --container-box-shadow-selected: The box shadow style of the selected container state.
+
    * @prop --container-light-box-shadow: The box-shadow of the `light` theme container.
    * @prop --container-light-background-color: The background color of the `light` theme container.
    * @prop --container-light-border-color: The border color of the `light` theme container.
+   * @prop --container-light-text-color: The text color of the `light` theme container.
+
+   * @prop --container-dark-box-shadow: The box-shadow of the `dark` theme container.
+   * @prop --container-dark-background-color: The background color of the `dark` theme container.
+   * @prop --container-dark-border-color: The border color of the `dark` theme container.
+   * @prop --container-dark-text-color: The text color of the `dark` theme container.
    */
   --background: rgb(255, 255, 255);
   --padding: 1rem;
   --border-color: transparent;
   --border-radius: 0.3125rem;
   --box-shadow: 0 0 0 rgb(5 29 89 / 7%), 0 0.0625rem 0.1875rem rgb(5 29 89 / 12%);
-  --box-shadow-highlighted: 0 0 0 rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);
+  --box-shadow-highlighted: var(--tc-elevation-three);
   --text-align: left;
   --container-selected-border-color: rgb(0, 96, 245);
   --container-border-width: 0.125rem;
   --container-box-shadow-selected: none;
   --container-light-box-shadow: none;
-  --container-light-background-color: rgb(247, 247, 247);
-  --container-light-border-color: rgb(215, 219, 224);
+  --container-light-background-color: var(--tc-background-secondary);
+  --container-light-border-color: var(--tc-border-quaternary);
+  --container-light-text-color: var(--tc-text-primary);
+  --container-dark-box-shadow: none;
+  --container-dark-background-color: var(--tc-background-secondary-dark);
+  --container-dark-border-color: var(--tc-border-quaternary-dark);
+  --container-dark-text-color: var(--tc-text-primary-dark);
 }
 
 .container {
@@ -392,9 +404,6 @@
   border: var(--container-border-width) solid var(--border-color);
   border-radius: var(--border-radius);
 }
-.container--highlightable {
-  border-radius: var(--border-radius);
-}
 .container--highlightable:hover {
   box-shadow: var(--box-shadow-highlighted);
   cursor: pointer;
@@ -408,4 +417,11 @@
   box-shadow: var(--container-light-box-shadow);
   border: 0.0625rem solid var(--container-light-border-color);
   background-color: var(--container-light-background-color);
+  color: var(--container-light-text-color);
+}
+.container--dark {
+  box-shadow: var(--container-dark-box-shadow);
+  border: 0.0625rem solid var(--container-dark-border-color);
+  background-color: var(--container-dark-background-color);
+  color: var(--container-dark-text-color);
 }

package/dist/collection/components/basic/container/tet-container/tet-container.js

@@ -11,12 +11,12 @@ export class TetContainer {
         this.theme = 'classic';
     }
     render() {
-        return (h("div", { key: '5ac5ea13f4ab8a1e421f9db6b7c6d0ee6076ccf3', class: {
+        return (h("div", { key: 'f28509e88933c97f146e61b283186ea58c3c5c22', class: {
                 'container': true,
                 'container--highlightable': this.highlightable,
                 'container--selected': this.selected,
                 [`container--${this.theme}`]: this.theme !== 'classic',
-            }, part: "container" }, h("slot", { key: '08405376f22817c242f62d60e04b037512fe4d3d' })));
+            }, part: "container" }, h("slot", { key: 'b11f3410a35b56c2e43d0495751e1e0fa9285f42' })));
     }
     static get is() { return "tet-container"; }
     static get encapsulation() { return "shadow"; }
@@ -73,7 +73,7 @@ export class TetContainer {
                 "mutable": false,
                 "complexType": {
                     "original": "ContainerTheme",
-                    "resolved": "\"classic\" | \"light\"",
+                    "resolved": "\"classic\" | \"dark\" | \"light\"",
                     "references": {
                         "ContainerTheme": {
                             "location": "local",

package/dist/collection/components/simple/lists/tet-text-list/tet-text-list.css

@@ -5289,9 +5289,9 @@
   --tc-button-icon-inverse-secondary-dark: var(--tc-grey-minus-10-dark);
   --tc-button-icon-inverse-disabled-dark: rgba(250, 250, 250, 0.49);
   --tc-button-icon-inverse-secondary-disabled-dark: rgba(38, 41, 44, 0.16);
-  --tc-button-border-secondary-dark: var($_grey-100);
+  --tc-button-border-secondary-dark: var(--tc-grey-100-dark);
   --tc-button-border-disabled-dark: rgba(236, 237, 238, 0.3);
-  --tc-button-border-inverse-secondary-dark: var($_grey-00);
+  --tc-button-border-inverse-secondary-dark: var(--tc-grey-minus-10-dark);
   --tc-button-border-inverse-disabled-dark: rgba(38, 41, 44, 0.16);
   --tc-menu-item-hover-dark: rgba(236, 237, 238, 0.12);
   --tc-menu-item-pressed-dark: rgba(236, 237, 238, 0.24);
@@ -5549,9 +5549,9 @@
   --tc-button-icon-inverse-secondary: var(--tc-grey-00);
   --tc-button-icon-inverse-disabled: rgba(12, 12, 14, 0.32);
   --tc-button-icon-inverse-secondary-disabled: rgba(236, 237, 238, 0.3);
-  --tc-button-border-secondary: var($_grey-110);
+  --tc-button-border-secondary: var(--tc-grey-110);
   --tc-button-border-disabled: rgba(38, 41, 44, 0.16);
-  --tc-button-border-inverse-secondary: var($_grey-00);
+  --tc-button-border-inverse-secondary: var(--tc-grey-00);
   --tc-button-border-inverse-disabled: rgba(236, 237, 238, 0.3);
   --tc-menu-item-hover: rgba(38, 41, 44, 0.06);
   --tc-menu-item-pressed: rgba(38, 41, 44, 0.12);

package/dist/components/{p-5acbdeda.js → p-0f4f4171.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-37ed3ebb.js';
 import './p-a63d3582.js';
 import { q as queryCustomer, c as customerAssets } from './p-72b8586b.js';
-import { d as defineCustomElement$4 } from './p-a1d2e915.js';
+import { d as defineCustomElement$4 } from './p-b215fe36.js';
 import { d as defineCustomElement$3 } from './p-da92add9.js';
 import { d as defineCustomElement$2 } from './p-a548d0c5.js';
 import { d as defineCustomElement$1 } from './p-8c37c237.js';

package/dist/components/{p-6dc67683.js → p-2884a7de.js}

@@ -4,7 +4,7 @@ import { A as ApiRequest, e as endpoints } from './p-a63d3582.js';
 import { t as translate, p as processTranslations } from './p-ae1f41ee.js';
 import { g as generateFormUrl } from './p-6e631dc7.js';
 import { d as defineCustomElement$7 } from './p-3671578a.js';
-import { d as defineCustomElement$6 } from './p-94119a15.js';
+import { d as defineCustomElement$6 } from './p-58f65ee0.js';
 import { d as defineCustomElement$5 } from './p-01658bf9.js';
 import { d as defineCustomElement$4 } from './p-da92add9.js';
 import { d as defineCustomElement$3 } from './p-a548d0c5.js';