@telia-ace/widget-components-close-button 1.0.19-next.2 → 1.0.19-next.4

package/dist/{close-button.cd48ea6e.js → close-button.5d26b7e3.js}

@@ -19,9 +19,9 @@ var y = (e, t) => {
       t.indexOf(s) < 0 && r.call(e, s) && (o[s] = e[s]);
   return o;
 };
+import i from "@emotion/styled";
 import { useDispatch as S, useProperties as x, Button as B, borderTabStyle as $, SymbolBadge as g } from "@telia-ace/widget-ui";
 import a from "react";
-import i from "styled-components";
 const D = (o) => {
   var s = o, { className: e } = s, t = y(s, ["className"]);
   const p = S(), { ariaLabel: u = "" } = x();
@@ -65,4 +65,4 @@ const D = (o) => {
 export {
   D as default
 };
-//# sourceMappingURL=close-button.cd48ea6e.js.map
+//# sourceMappingURL=close-button.5d26b7e3.js.map

package/dist/close-button.5d26b7e3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.5d26b7e3.js","sources":["../src/close-button.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n    borderTabStyle,\n    Button,\n    SymbolBadge,\n    useDispatch,\n    useProperties,\n} from '@telia-ace/widget-ui';\nimport React from 'react';\nimport { CloseButtonComponentProps } from './close-button-component';\n\ntype Props = {\n    className: string;\n};\n\nconst CloseButton: React.FC<Props> = ({ className, ...other }) => {\n    const dispatch = useDispatch();\n    const { ariaLabel = '' } = useProperties<CloseButtonComponentProps>();\n\n    return (\n        <StyledButtonContainer {...other} className={className}>\n            <StyledButton onClick={() => dispatch('close')} aria-label={ariaLabel}>\n                <StyledSymbolBadge size={12} symbol={{ type: 'Svg', content: 'close' }} />\n            </StyledButton>\n        </StyledButtonContainer>\n    );\n};\n\nexport default CloseButton;\n\nconst StyledButtonContainer = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-start;\n`;\n\nconst StyledButton = styled(Button)`\n    &:focus-visible {\n        ${borderTabStyle}\n        padding: ${(p) => `calc(${p.theme.sizes?.small} / 2) ${p.theme.sizes?.small}`};\n        line,\n        path {\n            stroke: ${(p) => p.theme.accessibility?.colors?.inactiveText};\n        }\n    }\n`;\n\nconst StyledSymbolBadge = styled(SymbolBadge)`\n    line,\n    path {\n        stroke: ${(p) => p.theme.colors?.text};\n    }\n`;\n"],"names":["CloseButton","_a","_b","className","other","__objRest","dispatch","useDispatch","ariaLabel","useProperties","React","StyledButtonContainer","__spreadProps","__spreadValues","StyledButton","StyledSymbolBadge","styled","Button","borderTabStyle","p","SymbolBadge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAMA,IAA+B,CAACC,MAA4B;AAA5B,MAAAC,IAAAD,GAAE,aAAAE,MAAFD,GAAgBE,IAAAC,EAAhBH,GAAgB,CAAd;AACpC,QAAMI,IAAWC,KACX,EAAE,WAAAC,IAAY,GAAG,IAAIC,EAAyC;AAEpE,SACK,gBAAAC,EAAA,cAAAC,GAAAC,EAAAC,EAAA,IAA0BT,IAA1B;AAAA,IAAiC,WAAAD;AAAA,EAAA,IAC7B,gBAAAO,EAAA,cAAAI,GAAA;AAAA,IAAa,SAAS,MAAMR,EAAS,OAAO;AAAA,IAAG,cAAYE;AAAA,EAAA,GACvD,gBAAAE,EAAA,cAAAK,GAAA;AAAA,IAAkB,MAAM;AAAA,IAAI,QAAQ,EAAE,MAAM,OAAO,SAAS,QAAQ;AAAA,EAAG,CAAA,CAC5E,CACJ;AAER,GAIMJ,IAAwBK,EAAO;AAAA;AAAA;AAAA;AAAA,GAM/BF,IAAeE,EAAOC,CAAM;AAAA;AAAA,UAExBC;AAAA,mBACS,CAACC,MAAM;;AAAA,kBAAQlB,IAAAkB,EAAE,MAAM,UAAR,gBAAAlB,EAAe,eAAcC,IAAAiB,EAAE,MAAM,UAAR,gBAAAjB,EAAe;AAAA;AAAA;AAAA;AAAA,sBAGxD,CAACiB,MAAA;;AAAM,UAAAjB,KAAAD,IAAAkB,EAAE,MAAM,kBAAR,gBAAAlB,EAAuB,WAAvB,gBAAAC,EAA+B;AAAA;AAAA;AAAA;AAAA,GAKtDa,IAAoBC,EAAOI,CAAW;AAAA;AAAA;AAAA,kBAG1B,CAACD,MAAM;;AAAA,UAAAlB,IAAAkB,EAAE,MAAM,WAAR,gBAAAlB,EAAgB;AAAA;AAAA;AAAA;"}

package/dist/index.js

@@ -1,8 +1,8 @@
 import { createReactComponent as n } from "@telia-ace/widget-ui";
-const s = (t) => n(
+const r = (t) => n(
   t,
   "close-button",
-  import("./close-button.cd48ea6e.js"),
+  import("./close-button.5d26b7e3.js"),
   (e) => {
     e.actions.create("close", (o = {}) => {
       if (o.preventDefault)
@@ -10,8 +10,8 @@ const s = (t) => n(
       t.get("$widget").invoke("close");
     });
   }
-);
+), i = r;
 export {
-  s as default
+  i as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/close-button-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n\nexport type CloseButtonComponentProps = {\n    ariaLabel?: string;\n};\n\nconst CloseButtonComponent = (container: Container) => {\n    return createReactComponent(\n        container,\n        'close-button',\n        import('./close-button'),\n        (component) => {\n            // Action: 'close'\n            component.actions.create('close', (options = {}) => {\n                if (options.preventDefault) {\n                    return;\n                }\n\n                const widget = container.get('$widget');\n                widget.invoke('close');\n            });\n        }\n    );\n};\n\nexport default CloseButtonComponent;\n"],"names":["CloseButtonComponent","container","createReactComponent","component","options"],"mappings":";AAOM,MAAAA,IAAuB,CAACC,MACnBC;AAAA,EACHD;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,CAACE,MAAc;AAEX,IAAAA,EAAU,QAAQ,OAAO,SAAS,CAACC,IAAU,CAAA,MAAO;AAChD,UAAIA,EAAQ;AACR;AAIJ,MADeH,EAAU,IAAI,SAAS,EAC/B,OAAO,OAAO;AAAA,IAAA,CACxB;AAAA,EACL;AAAA;"}
+{"version":3,"file":"index.js","sources":["../src/close-button-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n\nexport type CloseButtonComponentProps = {\n    ariaLabel?: string;\n};\n\nconst CloseButtonComponent = (container: Container) => {\n    return createReactComponent(\n        container,\n        'close-button',\n        import('./close-button'),\n        (component) => {\n            // Action: 'close'\n            component.actions.create('close', (options = {}) => {\n                if (options.preventDefault) {\n                    return;\n                }\n\n                const widget = container.get('$widget');\n                widget.invoke('close');\n            });\n        }\n    );\n};\n\nexport default CloseButtonComponent;\n"],"names":["CloseButtonComponent","container","createReactComponent","component","options","CloseButtonComponent$1"],"mappings":";AAOA,MAAMA,IAAuB,CAACC,MACnBC;AAAA,EACHD;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,CAACE,MAAc;AAEX,IAAAA,EAAU,QAAQ,OAAO,SAAS,CAACC,IAAU,CAAA,MAAO;AAChD,UAAIA,EAAQ;AACR;AAIJ,MADeH,EAAU,IAAI,SAAS,EAC/B,OAAO,OAAO;AAAA,IAAA,CACxB;AAAA,EACL;AAAA,GAIRI,IAAeL;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/widget-components-close-button",
-    "version": "1.0.19-next.2",
+    "version": "1.0.19-next.4",
     "description": "Close button component for ACE Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -30,13 +30,17 @@
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "styled-components": "^5.3.6"
+        "react-dom": "^18.2.0"
     },
     "devDependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "@types/react-dom": "^18.0.6",
-        "@types/styled-components": "^5.1.26"
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
     },
-    "gitHead": "a6321019663402201b8acdb3db25c99f37893340"
+    "gitHead": "eceba39c106d39bcb0064769bb5406db88771686"
 }

package/dist/close-button.cd48ea6e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"close-button.cd48ea6e.js","sources":["../src/close-button.tsx"],"sourcesContent":["import {\n    borderTabStyle,\n    Button,\n    SymbolBadge,\n    useDispatch,\n    useProperties,\n} from '@telia-ace/widget-ui';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { CloseButtonComponentProps } from './close-button-component';\n\ntype Props = {\n    className: string;\n};\n\nconst CloseButton: React.FC<Props> = ({ className, ...other }) => {\n    const dispatch = useDispatch();\n    const { ariaLabel = '' } = useProperties<CloseButtonComponentProps>();\n\n    return (\n        <StyledButtonContainer {...other} className={className}>\n            <StyledButton onClick={() => dispatch('close')} aria-label={ariaLabel}>\n                <StyledSymbolBadge size={12} symbol={{ type: 'Svg', content: 'close' }} />\n            </StyledButton>\n        </StyledButtonContainer>\n    );\n};\n\nexport default CloseButton;\n\nconst StyledButtonContainer = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-start;\n`;\n\nconst StyledButton = styled(Button)`\n    &:focus-visible {\n        ${borderTabStyle}\n        padding: ${(p) => `calc(${p.theme.sizes?.small} / 2) ${p.theme.sizes?.small}`};\n        line,\n        path {\n            stroke: ${(p) => p.theme.accessibility?.colors?.inactiveText};\n        }\n    }\n`;\n\nconst StyledSymbolBadge = styled(SymbolBadge)`\n    line,\n    path {\n        stroke: ${(p) => p.theme.colors?.text};\n    }\n`;\n"],"names":["CloseButton","_a","_b","className","other","__objRest","dispatch","useDispatch","ariaLabel","useProperties","React","StyledButtonContainer","__spreadProps","__spreadValues","StyledButton","StyledSymbolBadge","styled","Button","borderTabStyle","p","SymbolBadge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAMA,IAA+B,CAACC,MAA4B;AAA5B,MAAAC,IAAAD,GAAE,aAAAE,MAAFD,GAAgBE,IAAAC,EAAhBH,GAAgB,CAAd;AACpC,QAAMI,IAAWC,KACX,EAAE,WAAAC,IAAY,GAAG,IAAIC,EAAyC;AAEpE,SACK,gBAAAC,EAAA,cAAAC,GAAAC,EAAAC,EAAA,IAA0BT,IAA1B;AAAA,IAAiC,WAAAD;AAAA,EAAA,IAC7B,gBAAAO,EAAA,cAAAI,GAAA;AAAA,IAAa,SAAS,MAAMR,EAAS,OAAO;AAAA,IAAG,cAAYE;AAAA,EAAA,GACvD,gBAAAE,EAAA,cAAAK,GAAA;AAAA,IAAkB,MAAM;AAAA,IAAI,QAAQ,EAAE,MAAM,OAAO,SAAS,QAAQ;AAAA,EAAG,CAAA,CAC5E,CACJ;AAER,GAIMJ,IAAwBK,EAAO;AAAA;AAAA;AAAA;AAAA,GAM/BF,IAAeE,EAAOC,CAAM;AAAA;AAAA,UAExBC;AAAA,mBACS,CAACC,MAAM;;AAAA,kBAAQlB,IAAAkB,EAAE,MAAM,UAAR,gBAAAlB,EAAe,eAAcC,IAAAiB,EAAE,MAAM,UAAR,gBAAAjB,EAAe;AAAA;AAAA;AAAA;AAAA,sBAGxD,CAACiB,MAAA;;AAAM,UAAAjB,KAAAD,IAAAkB,EAAE,MAAM,kBAAR,gBAAAlB,EAAuB,WAAvB,gBAAAC,EAA+B;AAAA;AAAA;AAAA;AAAA,GAKtDa,IAAoBC,EAAOI,CAAW;AAAA;AAAA;AAAA,kBAG1B,CAACD,MAAM;;AAAA,UAAAlB,IAAAkB,EAAE,MAAM,WAAR,gBAAAlB,EAAgB;AAAA;AAAA;AAAA;"}