@appquality/unguess-design-system 4.0.9 → 4.0.11

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+# v4.0.11 (Thu Nov 21 2024)
+
+#### 🐛 Bug Fix
+
+- new version for global-alert [#446](https://github.com/AppQuality/unguess-design-system/pull/446) ([@iacopolea](https://github.com/iacopolea) [@d-beezee](https://github.com/d-beezee))
+- feat: enhance GlobalAlert component [#445](https://github.com/AppQuality/unguess-design-system/pull/445) ([@iacopolea](https://github.com/iacopolea))
+
+#### Authors: 2
+
+- [@d-beezee](https://github.com/d-beezee)
+- Iacopo Leardini ([@iacopolea](https://github.com/iacopolea))
+
+---
+
+# v4.0.10 (Tue Nov 19 2024)
+
+#### 🐛 Bug Fix
+
+- Update player spacings [#444](https://github.com/AppQuality/unguess-design-system/pull/444) ([@iDome89](https://github.com/iDome89) [@d-beezee](https://github.com/d-beezee))
+- reviewed spacings of video controls according to figma [#443](https://github.com/AppQuality/unguess-design-system/pull/443) ([@iDome89](https://github.com/iDome89))
+
+#### Authors: 2
+
+- [@d-beezee](https://github.com/d-beezee)
+- [@iDome89](https://github.com/iDome89)
+
+---
+
 # v4.0.9 (Wed Nov 13 2024)
 
 #### 🐛 Bug Fix

package/build/index.d.ts

@@ -2664,8 +2664,9 @@ export declare interface GlobalAlertProps extends Omit<IGlobalAlertProps, 'type'
     dismissable?: boolean;
     onClose?: () => void;
     cta?: {
-        label: string;
+        label: ReactNode;
         onClick?: () => void;
+        buttonProps?: ButtonArgs;
     };
 }
 

package/build/index.js

@@ -64045,6 +64045,7 @@ const mQ = Cn(null), KWe = ({
   display: flex;
   align-items: center;
   justify-content: center;
+  gap: ${({ theme: e }) => e.space.xxs};
 `, uGe = (e) => {
   var d;
   const [t, n] = Ue(1), { context: r, togglePlay: i } = qc(), o = (d = r.player) == null ? void 0 : d.ref.current, a = r.isPlaying;
@@ -64064,6 +64065,7 @@ const mQ = Cn(null), KWe = ({
     /* @__PURE__ */ k.jsx(
       Bl,
       {
+        size: "small",
         onClick: (h) => {
           o && (o.currentTime = 0), h.stopPropagation();
         },
@@ -64073,16 +64075,18 @@ const mQ = Cn(null), KWe = ({
     /* @__PURE__ */ k.jsx(
       Bl,
       {
+        size: "small",
         onClick: (h) => {
           s(), h.stopPropagation();
         },
         children: /* @__PURE__ */ k.jsx(rGe, {})
       }
     ),
-    /* @__PURE__ */ k.jsx(Bl, { size: "large", onClick: i, children: a ? /* @__PURE__ */ k.jsx(oGe, { style: { width: "24px", height: "24px" } }) : /* @__PURE__ */ k.jsx(aGe, { style: { width: "24px", height: "24px" } }) }),
+    /* @__PURE__ */ k.jsx(Bl, { onClick: i, children: a ? /* @__PURE__ */ k.jsx(oGe, { style: { width: "20px", height: "20px" } }) : /* @__PURE__ */ k.jsx(aGe, { style: { width: "20px", height: "20px" } }) }),
     /* @__PURE__ */ k.jsx(
       Bl,
       {
+        size: "small",
         onClick: (h) => {
           l(), h.stopPropagation();
         },
@@ -64092,6 +64096,7 @@ const mQ = Cn(null), KWe = ({
     /* @__PURE__ */ k.jsx(
       Bl,
       {
+        size: "small",
         isPill: !0,
         onClick: (h) => {
           const m = lGe(t);
@@ -64260,6 +64265,7 @@ const IGe = Tr.div`
 `, v7 = Y.div`
   display: flex;
   align-items: center;
+  gap: ${({ theme: e }) => e.space.xxs};
 `, OGe = Y.div`
   width: 2px;
   top: 0;
@@ -64368,10 +64374,16 @@ const IGe = Tr.div`
           }
         ),
         /* @__PURE__ */ k.jsxs(AGe, { children: [
-          /* @__PURE__ */ k.jsxs(v7, { style: { width: "20%", justifyContent: "start" }, children: [
-            /* @__PURE__ */ k.jsx(JWe, {}),
-            /* @__PURE__ */ k.jsx(SGe, { current: G, duration: J })
-          ] }),
+          /* @__PURE__ */ k.jsxs(
+            v7,
+            {
+              style: { width: "20%", justifyContent: "start" },
+              children: [
+                /* @__PURE__ */ k.jsx(JWe, {}),
+                /* @__PURE__ */ k.jsx(SGe, { current: G, duration: J })
+              ]
+            }
+          ),
           /* @__PURE__ */ k.jsx(uGe, { style: { width: "60%" } }),
           /* @__PURE__ */ k.jsxs(v7, { style: { width: "20%", justifyContent: "end" }, children: [
             /* @__PURE__ */ k.jsx(
@@ -73685,7 +73697,7 @@ const WQe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
     i && /* @__PURE__ */ k.jsx(zg.Title, { children: i }),
     o
   ] }),
-  r && /* @__PURE__ */ k.jsx(KQe, { onClick: r.onClick, className: "global-alert-cta", isAccent: e === "accent", children: r.label }),
+  r && /* @__PURE__ */ k.jsx(KQe, { onClick: r.onClick, className: "global-alert-cta", isAccent: e === "accent", ...r.buttonProps, children: r.label }),
   n && /* @__PURE__ */ k.jsx(zg.Close, { "aria-label": "Close Global Alert", onClick: t })
 ] }));
 function g2() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "4.0.9",
+  "version": "4.0.11",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",