@umbraco-ui/uui-tabs 1.2.1 → 1.3.0-rc.0

package/lib/index.js

@@ -58,7 +58,7 @@ let UUITabElement = class extends ActiveMixin(LabelMixin("", LitElement)) {
 UUITabElement.styles = [
   css`
       :host {
-        color: var(--uui-tab-text, var(--uui-color-interactive,#1b264f));
+        color: var(--uui-tab-text, var(--uui-color-interactive,var(--uui-palette-space-cadet)));
         font-family: inherit;
       }
 
@@ -87,7 +87,7 @@ UUITabElement.styles = [
       }
 
       :host(:not([active]):not([disabled])) #button:hover {
-        color: var(--uui-tab-text-hover, var(--uui-color-default-emphasis,#3544b1));
+        color: var(--uui-tab-text-hover, var(--uui-color-default-emphasis,var(--uui-palette-violet-blue)));
       }
 
       :host(:not([active]):not([disabled])) #button:active {
@@ -99,7 +99,7 @@ UUITabElement.styles = [
         cursor: default;
       }
       :host([disabled]) #button {
-        color: var(--uui-color-disabled-contrast,#c4c4c4);
+        color: var(--uui-color-disabled-contrast,var(--uui-palette-grey));
         cursor: default;
       }
 
@@ -111,14 +111,14 @@ UUITabElement.styles = [
         width: calc(100% - 16px);
         left: auto;
         right: auto;
-        background-color: var(--uui-color-current,#f5c1bc);
+        background-color: var(--uui-color-current,var(--uui-palette-spanish-pink));
         bottom: 0;
         border-radius: 3px 3px 0 0;
         opacity: 0;
         transition: opacity ease-in 120ms, height ease-in 120ms;
       }
       #button:hover::before {
-        background-color: var(--uui-color-current-emphasis,rgb(248, 214, 211));
+        background-color: var(--uui-color-current-emphasis,var(--uui-palette-spanish-pink-light));
       }
       :host([active]) #button::before {
         opacity: 1;
@@ -127,7 +127,7 @@ UUITabElement.styles = [
       }
 
       :host([disabled]) #button::before {
-        background-color: var(--uui-color-disabled-standalone,rgb(226, 226, 226));
+        background-color: var(--uui-color-disabled-standalone,var(--uui-palette-sand-dark));
       }
 
       slot[name='icon']::slotted(*) {
@@ -164,17 +164,17 @@ let UUITabGroupElement = class extends LitElement {
   constructor() {
     super(...arguments);
     this._tabElements = [];
-    this._onTabActive = (e) => {
+    this._onTabClicked = (e) => {
       const selectedElement = e.currentTarget;
       if (this._elementIsTabLike(selectedElement)) {
         selectedElement.active = true;
+        const filtered = this._tabElements.filter((el) => el !== selectedElement);
+        filtered.forEach((el) => {
+          if (this._elementIsTabLike(el)) {
+            el.active = false;
+          }
+        });
       }
-      const filtered = this._tabElements.filter((el) => el !== selectedElement);
-      filtered.forEach((el) => {
-        if (this._elementIsTabLike(el)) {
-          el.active = false;
-        }
-      });
     };
   }
   _setTabArray() {
@@ -182,11 +182,11 @@ let UUITabGroupElement = class extends LitElement {
   }
   _onSlotChange() {
     this._tabElements.forEach((el) => {
-      el.removeEventListener("click", this._onTabActive);
+      el.removeEventListener("click", this._onTabClicked);
     });
     this._setTabArray();
     this._tabElements.forEach((el) => {
-      el.addEventListener("click", this._onTabActive);
+      el.addEventListener("click", this._onTabClicked);
     });
   }
   _elementIsTabLike(el) {

package/lib/uui-tab-group.element.d.ts

@@ -9,7 +9,7 @@ export declare class UUITabGroupElement extends LitElement {
     private _tabElements;
     private _setTabArray;
     private _onSlotChange;
-    private _onTabActive;
+    private _onTabClicked;
     private _elementIsTabLike;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-tabs",
-  "version": "1.2.1",
+  "version": "1.3.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,16 +30,16 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.2.1"
+    "@umbraco-ui/uui-base": "1.3.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
-    "clean": "tsc --build --clean && rimraf dist lib/*.js lib/**/*.js custom-elements.json",
+    "clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js custom-elements.json",
     "analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json"
   },
   "publishConfig": {
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-tabs",
-  "gitHead": "94eb22bee5ff21bac6fadbd78653671279bebe36"
+  "gitHead": "45c3824056586d9817efb3f61dc0bef5478747f0"
 }