@telia-ace/widget-components-close-button 0.0.1

package/close-button-0aa2e586.mjs

@@ -0,0 +1,43 @@
+import { jsx as o } from "react/jsx-runtime";
+import l from "@emotion/styled";
+import { useDispatch as n, useProperties as a, Button as c, borderTabStyle as r, SymbolBadge as d } from "@telia-ace/widget-ui";
+const f = ({ className: t, ...e }) => {
+  const s = n(), { ariaLabel: i = "" } = a();
+  return /* @__PURE__ */ o(m, { ...e, className: t, children: /* @__PURE__ */ o(y, { onClick: () => s("close"), "aria-label": i, children: /* @__PURE__ */ o(
+    p,
+    {
+      size: 12,
+      symbol: { type: "Svg", content: "close" }
+    }
+  ) }) });
+}, m = l.div`
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+`, y = l(c)`
+  &:focus-visible {
+    ${r}
+    padding: ${(t) => {
+  var e, s;
+  return `calc(${(e = t.theme.sizes) == null ? void 0 : e.small} / 2) ${(s = t.theme.sizes) == null ? void 0 : s.small}`;
+}};
+    line,
+    path {
+      stroke: ${(t) => {
+  var e, s;
+  return (s = (e = t.theme.accessibility) == null ? void 0 : e.colors) == null ? void 0 : s.inactiveText;
+}};
+    }
+  }
+`, p = l(d)`
+  line,
+  path {
+    stroke: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.text;
+}};
+  }
+`;
+export {
+  f as default
+};

package/close-button-8bb06b17.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("@emotion/styled"),l=require("@telia-ace/widget-ui"),c=({className:t,...e})=>{const s=l.useDispatch(),{ariaLabel:n=""}=l.useProperties();return i.jsx(a,{...e,className:t,children:i.jsx(r,{onClick:()=>s("close"),"aria-label":n,children:i.jsx(d,{size:12,symbol:{type:"Svg",content:"close"}})})})},a=o.div`
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+`,r=o(l.Button)`
+  &:focus-visible {
+    ${l.borderTabStyle}
+    padding: ${t=>{var e,s;return`calc(${(e=t.theme.sizes)==null?void 0:e.small} / 2) ${(s=t.theme.sizes)==null?void 0:s.small}`}};
+    line,
+    path {
+      stroke: ${t=>{var e,s;return(s=(e=t.theme.accessibility)==null?void 0:e.colors)==null?void 0:s.inactiveText}};
+    }
+  }
+`,d=o(l.SymbolBadge)`
+  line,
+  path {
+    stroke: ${t=>{var e;return(e=t.theme.colors)==null?void 0:e.text}};
+  }
+`;exports.default=c;

package/close-button-component.d.ts

@@ -0,0 +1,7 @@
+import { Container } from '@webprovisions/platform';
+
+export type CloseButtonComponentProps = {
+    ariaLabel?: string;
+};
+declare const CloseButtonComponent: (container: Container) => Promise<void>;
+export default CloseButtonComponent;

package/close-button.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    className: string;
+};
+declare const CloseButton: React.FC<Props>;
+export default CloseButton;

package/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CloseButtonComponent } from './close-button-component';
+
+export default CloseButtonComponent;

package/index.js

@@ -0,0 +1 @@
+"use strict";const r=require("@telia-ace/widget-ui"),n=e=>r.createReactComponent(e,"close-button",Promise.resolve().then(()=>require("./close-button-8bb06b17.js")),t=>{t.actions.create("close",(o={})=>{if(o.preventDefault)return;e.get("$widget").invoke("close")})});module.exports=n;

package/index.mjs

@@ -0,0 +1,16 @@
+import { createReactComponent as n } from "@telia-ace/widget-ui";
+const s = (t) => n(
+  t,
+  "close-button",
+  import("./close-button-0aa2e586.mjs"),
+  (e) => {
+    e.actions.create("close", (o = {}) => {
+      if (o.preventDefault)
+        return;
+      t.get("$widget").invoke("close");
+    });
+  }
+);
+export {
+  s as default
+};

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@telia-ace/widget-components-close-button",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "dependencies": {
+    "@telia-ace/widget-ui": "*",
+    "@telia-ace/widget-core": "*",
+    "@webprovisions/platform": "^1.1.4"
+  },
+  "peerDependencies": {
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0",
+    "@emotion/react": "11.11.1"
+  }
+}