livevegas-ui-kit 1.0.178 → 1.0.179

package/dist/components/Card/index.d.ts

@@ -3,5 +3,6 @@ export interface ICard {
     cardWidth?: number;
     cardHeight?: number;
     isFlop?: boolean;
+    isWinCombination?: boolean;
 }
-export declare const Card: ({ index, cardWidth, cardHeight, isFlop }: ICard) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: ({ index, cardWidth, cardHeight, isFlop, isWinCombination }: ICard) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/styled.d.ts

@@ -1,6 +1,7 @@
 interface ICardWrapper {
     $cardWidth: number;
     $cardHeight: number;
+    $isWinCombination?: boolean;
 }
 export declare const CardWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICardWrapper>> & string;
 export declare const Floper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/livevegas-ui-kit.es.js

@@ -5577,6 +5577,7 @@ const sr = ({ type: e, cardWidth: t = 54, cardHeight: n = 72 }) => {
   max-height: ${({ $cardHeight: e }) => e}px;
   height: ${({ $cardHeight: e }) => e}px;
   position: relative;
+  opacity: ${({ $isWinCombination: e }) => e ? 0.2 : 1};
   .text {
     font-family: Inter;
     font-weight: 800;
@@ -5591,7 +5592,7 @@ const sr = ({ type: e, cardWidth: t = 54, cardHeight: n = 72 }) => {
   border-left: 14px solid transparent;
   border-right: 0 solid transparent;
   border-bottom: 14px solid #ffae00;
-`, or = ({ index: e, cardWidth: t = 54, cardHeight: n = 72, isFlop: i }) => {
+`, or = ({ index: e, cardWidth: t = 54, cardHeight: n = 72, isFlop: i, isWinCombination: r }) => {
   if (!e)
     return /* @__PURE__ */ a.jsx(
       sr,
@@ -5601,33 +5602,33 @@ const sr = ({ type: e, cardWidth: t = 54, cardHeight: n = 72 }) => {
         cardWidth: t
       }
     );
-  const r = Ct[e - 1].value, s = Ro(e), o = Oo(e), l = t / 54, c = t / 2, d = +r == 10, h = {
-    textX: { top: d ? 30 : 25, bottom: d ? 18 : 20 },
+  const s = Ct[e - 1].value, o = Ro(e), l = Oo(e), c = t / 54, d = t / 2, h = +s == 10, f = {
+    textX: { top: h ? 30 : 25, bottom: h ? 18 : 20 },
     textY: { top: 23, bottom: 23 },
     iconX: { top: -2.5, bottom: 0.71 },
     iconY: { top: -12, bottom: 0.92 }
-  }, f = `rotate(180 ${t / 2} ${n / 2})`, b = (g, x, y) => /* @__PURE__ */ a.jsx(
+  }, b = `rotate(180 ${t / 2} ${n / 2})`, p = (x, y, v) => /* @__PURE__ */ a.jsx(
     "text",
     {
       className: "text",
-      x: `${g}%`,
-      y: `${x}%`,
-      fill: o,
-      style: { fontSize: c },
+      x: `${x}%`,
+      y: `${y}%`,
+      fill: l,
+      style: { fontSize: d },
       dominantBaseline: "middle",
       textAnchor: "middle",
-      transform: `${d ? "scale(0.9, 1)" : ""} ${y || ""}`,
-      children: r
+      transform: `${h ? "scale(0.9, 1)" : ""} ${v || ""}`,
+      children: s
     }
-  ), p = (g, x, y = "") => /* @__PURE__ */ a.jsx(
+  ), g = (x, y, v = "") => /* @__PURE__ */ a.jsx(
     "path",
     {
-      transform: `translate(${t / g} ${n / x}) scale(${l}) ${y}`,
-      d: s,
-      fill: o
+      transform: `translate(${t / x} ${n / y}) scale(${c}) ${v}`,
+      d: o,
+      fill: l
     }
   );
-  return /* @__PURE__ */ a.jsxs(qo, { $cardHeight: n, $cardWidth: t, children: [
+  return /* @__PURE__ */ a.jsxs(qo, { $cardHeight: n, $cardWidth: t, $isWinCombination: r, children: [
     /* @__PURE__ */ a.jsxs(
       "svg",
       {
@@ -5638,10 +5639,10 @@ const sr = ({ type: e, cardWidth: t = 54, cardHeight: n = 72 }) => {
         preserveAspectRatio: "xMidYMid meet",
         children: [
           /* @__PURE__ */ a.jsx("rect", { width: "100%", height: "100%", rx: "8", fill: "white" }),
-          b(h.textX.top, h.textY.top),
-          p(h.iconX.top, h.iconY.top),
-          p(h.iconX.bottom, h.iconY.bottom, "rotate(180)"),
-          b(h.textX.bottom, h.textY.bottom, f)
+          p(f.textX.top, f.textY.top),
+          g(f.iconX.top, f.iconY.top),
+          g(f.iconX.bottom, f.iconY.bottom, "rotate(180)"),
+          p(f.textX.bottom, f.textY.bottom, b)
         ]
       }
     ),

package/dist/livevegas-ui-kit.umd.js

@@ -743,6 +743,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Rt]+=1);const Gs=m.div`
   max-height: ${({$cardHeight:e})=>e}px;
   height: ${({$cardHeight:e})=>e}px;
   position: relative;
+  opacity: ${({$isWinCombination:e})=>e?.2:1};
   .text {
     font-family: Inter;
     font-weight: 800;
@@ -757,7 +758,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Rt]+=1);const Gs=m.div`
   border-left: 14px solid transparent;
   border-right: 0 solid transparent;
   border-bottom: 14px solid #ffae00;
-`,Ua=({index:e,cardWidth:t=54,cardHeight:n=72,isFlop:i})=>{if(!e)return a.jsx(Pi,{type:Ti.Reverse,cardHeight:n,cardWidth:t});const r=bt[e-1].value,s=oo(e),o=ro(e),l=t/54,c=t/2,d=+r==10,h={textX:{top:d?30:25,bottom:d?18:20},textY:{top:23,bottom:23},iconX:{top:-2.5,bottom:.71},iconY:{top:-12,bottom:.92}},f=`rotate(180 ${t/2} ${n/2})`,y=(g,x,b)=>a.jsx("text",{className:"text",x:`${g}%`,y:`${x}%`,fill:o,style:{fontSize:c},dominantBaseline:"middle",textAnchor:"middle",transform:`${d?"scale(0.9, 1)":""} ${b||""}`,children:r}),p=(g,x,b="")=>a.jsx("path",{transform:`translate(${t/g} ${n/x}) scale(${l}) ${b}`,d:s,fill:o});return a.jsxs(yo,{$cardHeight:n,$cardWidth:t,children:[a.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:`${t}px`,height:`${n}px`,viewBox:`0 0 ${t} ${n}`,preserveAspectRatio:"xMidYMid meet",children:[a.jsx("rect",{width:"100%",height:"100%",rx:"8",fill:"white"}),y(h.textX.top,h.textY.top),p(h.iconX.top,h.iconY.top),p(h.iconX.bottom,h.iconY.bottom,"rotate(180)"),y(h.textX.bottom,h.textY.bottom,f)]}),!i&&a.jsx(bo,{})]})},xo=m.div`
+`,Ua=({index:e,cardWidth:t=54,cardHeight:n=72,isFlop:i,isWinCombination:r})=>{if(!e)return a.jsx(Pi,{type:Ti.Reverse,cardHeight:n,cardWidth:t});const s=bt[e-1].value,o=oo(e),l=ro(e),c=t/54,d=t/2,h=+s==10,f={textX:{top:h?30:25,bottom:h?18:20},textY:{top:23,bottom:23},iconX:{top:-2.5,bottom:.71},iconY:{top:-12,bottom:.92}},y=`rotate(180 ${t/2} ${n/2})`,p=(x,b,v)=>a.jsx("text",{className:"text",x:`${x}%`,y:`${b}%`,fill:l,style:{fontSize:d},dominantBaseline:"middle",textAnchor:"middle",transform:`${h?"scale(0.9, 1)":""} ${v||""}`,children:s}),g=(x,b,v="")=>a.jsx("path",{transform:`translate(${t/x} ${n/b}) scale(${c}) ${v}`,d:o,fill:l});return a.jsxs(yo,{$cardHeight:n,$cardWidth:t,$isWinCombination:r,children:[a.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:`${t}px`,height:`${n}px`,viewBox:`0 0 ${t} ${n}`,preserveAspectRatio:"xMidYMid meet",children:[a.jsx("rect",{width:"100%",height:"100%",rx:"8",fill:"white"}),p(f.textX.top,f.textY.top),g(f.iconX.top,f.iconY.top),g(f.iconX.bottom,f.iconY.bottom,"rotate(180)"),p(f.textX.bottom,f.textY.bottom,y)]}),!i&&a.jsx(bo,{})]})},xo=m.div`
   display: flex;
   position: absolute;
   bottom: 8px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "livevegas-ui-kit",
-  "version": "1.0.178",
+  "version": "1.0.179",
   "type": "module",
   "files": [
     "dist"