@telia-ace/widget-components-area-flamingo 1.1.72-rc.19 → 1.1.72-rc.20

package/{area-af73d2be.mjs → area-24a4b792.mjs}

@@ -1727,11 +1727,16 @@ w.styles = [
         font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
       }
 
+      :focus {
+        outline-color: var(--focus-color);
+      }
+
       .trigger-container {
         display: flex;
         align-items: center;
         gap: 1rem;
       }
+
       .trigger-container.hidden {
         display: none;
       }
@@ -1759,19 +1764,24 @@ w.styles = [
         box-sizing: border-box;
         transition: transform 200ms ease-out;
       }
+
       .trigger:active {
         transform: scale(0.8) !important;
       }
+
       .trigger:hover:not(:active) {
         transform: scale(1.1) !important;
       }
+
       .trigger.rendered {
         transform: scale(1);
       }
+
       .trigger.active .trigger-icon {
         opacity: 0;
         transform: rotate(-180deg) scale(0);
       }
+
       .trigger.active .trigger-close {
         opacity: 1;
         transform: rotate(0deg) scale(1);
@@ -1789,6 +1799,7 @@ w.styles = [
           var(--text-on-primary-background)
         );
       }
+
       .trigger-close {
         opacity: 0;
         transition: transform 200ms ease-out;
@@ -1802,6 +1813,7 @@ w.styles = [
         justify-content: center;
         align-items: center;
       }
+
       .trigger-close svg path {
         fill: var(
           --interactive-text-on-primary-background,

package/{area-3cb93dc5.js → area-9e1f05b1.js}

@@ -129,11 +129,16 @@
         font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
       }
 
+      :focus {
+        outline-color: var(--focus-color);
+      }
+
       .trigger-container {
         display: flex;
         align-items: center;
         gap: 1rem;
       }
+
       .trigger-container.hidden {
         display: none;
       }
@@ -161,19 +166,24 @@
         box-sizing: border-box;
         transition: transform 200ms ease-out;
       }
+
       .trigger:active {
         transform: scale(0.8) !important;
       }
+
       .trigger:hover:not(:active) {
         transform: scale(1.1) !important;
       }
+
       .trigger.rendered {
         transform: scale(1);
       }
+
       .trigger.active .trigger-icon {
         opacity: 0;
         transform: rotate(-180deg) scale(0);
       }
+
       .trigger.active .trigger-close {
         opacity: 1;
         transform: rotate(0deg) scale(1);
@@ -191,6 +201,7 @@
           var(--text-on-primary-background)
         );
       }
+
       .trigger-close {
         opacity: 0;
         transition: transform 200ms ease-out;
@@ -204,6 +215,7 @@
         justify-content: center;
         align-items: center;
       }
+
       .trigger-close svg path {
         fill: var(
           --interactive-text-on-primary-background,

package/index.js

@@ -1 +1 @@
-"use strict";const r=async e=>{e.registerComponent("area",Promise.resolve().then(()=>require("./area-3cb93dc5.js")))};module.exports=r;
+"use strict";const r=async e=>{e.registerComponent("area",Promise.resolve().then(()=>require("./area-9e1f05b1.js")))};module.exports=r;

package/index.mjs

@@ -1,5 +1,5 @@
 const o = async (e) => {
-  e.registerComponent("area", import("./area-af73d2be.mjs"));
+  e.registerComponent("area", import("./area-24a4b792.mjs"));
 };
 export {
   o as default

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@telia-ace/widget-components-area-flamingo",
-  "version": "1.1.72-rc.19",
+  "version": "1.1.72-rc.20",
   "dependencies": {
-    "@telia-ace/widget-core-flamingo": "1.1.72-rc.19",
+    "@telia-ace/widget-core-flamingo": "1.1.72-rc.20",
     "lit": "^3.0.2"
   },
   "main": "./index.js",