oddsgate-ds 1.0.3 → 1.0.4

package/dist/cjs/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("react"),y=require("styled-components"),Xn=require("react-dom");function Hn(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const et=Hn(ee),C=e=>e/16*1+"rem",zt="Noto Sans",Zn="",He=C(8),Vr="1360",Ur="768",Gr="375",je="980px",Qn="360px",Ut="cubic-bezier(.32,.94,.6,1);",$={white:"#fff",black:"#000",transparent:"transparent",gray10:"#F5F3F1",gray20:"#C0BFBE",gray50:"#A0A0A0",gray70:"#6E6D6C",gray90:"#3C3B39",primary10:"#FC3151",primary70:"#FF455",warning:"#ea9a1a",success:"#00FFD2",error:"#E91101"},J={0:"0",1:C(4),2:C(8),3:C(12),4:C(16),5:C(20),6:C(28),7:C(36),8:C(48),9:C(64),10:C(88),11:C(120)},Br={0:"0",1:C(-4),2:C(-8),3:C(-12),4:C(-20),5:C(-28),6:C(-36),7:C(-48),8:C(-64),9:C(-88),10:C(-120)},Te={display:{size:C(104),sizeMob:C(56),height:1.4},h1:{size:C(48),sizeMob:C(40),height:1.4},h2:{size:C(40),sizeMob:C(32),height:1.4},h3:{size:C(32),sizeMob:C(28),height:1.2},h4:{size:C(28),sizeMob:C(24),height:1.4},h5:{size:C(24),sizeMob:C(20),height:1.4},h6:{size:C(20),sizeMob:C(18),height:1.4},texts:{size:"16px",sizeMob:"14px",height:1.6},captions:{size:"12px",sizeMob:"10px",height:1.2}},_e={sm:"6px",md:"10px",lg:"50px",rounded:"100px"},Ze={sm:"10px 20px 20px rgba(0, 78, 210, 0.03)",md:"10px 30px 30px rgba(0, 78, 210, 0.05)",lg:"10px 40px 40px rgba(0, 78, 210, 0.07)"},Ye={progress:"200",modal:"100",content:"99",preloader:"96",linker:"95"},Me={gridSize:12,gutter:16,mediaQuery:"only screen",container:{$sm:"960px",$md:"1140px",$lg:"1320px",$xl:"1560px",$xxl:"1720px"},breakpoints:{$xs:"",$sm:"576px",$md:"768px",$lg:"980px",$xl:"1280px"}},Jn=Object.freeze(Object.defineProperty({__proto__:null,alternativeFont:Zn,colors:$,desktop_width:Vr,easeOutExpo:Ut,fontName:zt,grid_conf:Me,gutter:He,mobileMedia:Qn,mobile_width:Gr,pxToRem:C,radius:_e,responsiveMedia:je,shadows:Ze,spaces:J,spacesNegative:Br,tablet_width:Ur,typography:Te,zIndexes:Ye},Symbol.toStringTag,{value:"Module"}));function Yr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Mt={exports:{}},We={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("react"),y=require("styled-components"),Xn=require("react-dom");function Hn(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const et=Hn(ee),C=e=>e/16*1+"rem",zt="Noto Sans",Zn="",He=C(8),Vr="1360",Ur="768",Gr="375",je="980px",Qn="360px",Ut="cubic-bezier(.32,.94,.6,1);",$={white:"#fff",black:"#000",transparent:"transparent",gray10:"#F5F3F1",gray20:"#C0BFBE",gray50:"#A0A0A0",gray70:"#6E6D6C",gray90:"#3C3B39",primary10:"#FC647C",primary50:"#FC3151",primary90:"#FC3151",secondary10:"#FDFDF1",secondary50:"#FFFECC",third10:"#440D3F",third50:"#2C0929",warning:"#ea9a1a",success:"#00FFD2",error:"#E91101"},J={0:"0",1:C(4),2:C(8),3:C(12),4:C(16),5:C(20),6:C(28),7:C(36),8:C(48),9:C(64),10:C(88),11:C(120)},Br={0:"0",1:C(-4),2:C(-8),3:C(-12),4:C(-20),5:C(-28),6:C(-36),7:C(-48),8:C(-64),9:C(-88),10:C(-120)},Te={display:{size:C(250),sizeMob:C(180),height:1.4},h1:{size:C(120),sizeMob:C(64),height:1.4},h2:{size:C(80),sizeMob:C(42),height:1.4},h3:{size:C(48),sizeMob:C(28),height:1.2},h4:{size:C(36),sizeMob:C(20),height:1.4},h5:{size:C(20),sizeMob:C(16),height:1.4},h6:{size:C(18),sizeMob:C(16),height:1.4},texts:{size:"16px",sizeMob:"13px",height:1.6},captions:{size:"12px",sizeMob:"10px",height:1.2}},_e={sm:"6px",md:"10px",lg:"50px",rounded:"100px"},Ze={sm:"10px 20px 20px rgba(0, 78, 210, 0.03)",md:"10px 30px 30px rgba(0, 78, 210, 0.05)",lg:"10px 40px 40px rgba(0, 78, 210, 0.07)"},Ye={progress:"200",modal:"100",content:"99",preloader:"96",linker:"95"},Me={gridSize:12,gutter:16,mediaQuery:"only screen",container:{$sm:"960px",$md:"1140px",$lg:"1320px",$xl:"1560px",$xxl:"1720px"},breakpoints:{$xs:"",$sm:"576px",$md:"768px",$lg:"980px",$xl:"1280px"}},Jn=Object.freeze(Object.defineProperty({__proto__:null,alternativeFont:Zn,colors:$,desktop_width:Vr,easeOutExpo:Ut,fontName:zt,grid_conf:Me,gutter:He,mobileMedia:Qn,mobile_width:Gr,pxToRem:C,radius:_e,responsiveMedia:je,shadows:Ze,spaces:J,spacesNegative:Br,tablet_width:Ur,typography:Te,zIndexes:Ye},Symbol.toStringTag,{value:"Module"}));function Yr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Mt={exports:{}},We={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -162,8 +162,8 @@ React keys must be passed directly to JSX without using spread:
 
   ${e=>{switch(e.$variant){case"primary":default:return y.css`
             ${Ee("h6")};
-            w-[3rem] h-[3rem] line-height-[3rem] text-[2.6rem] color-current border-1-solid-current radius-full translate-z-45 text-center before
-            & i{
+
+           & i{
               width: 3rem;
               height: 3rem;
               line-height: 3rem;
@@ -601,7 +601,7 @@ React keys must be passed directly to JSX without using spread:
         outline: none;
         width: 100%;
 
-        border: 1px solid ${$.primary70};
+        border: 1px solid ${$.primary90};
 
         &:focus {
           border: 1px solid ${$.gray50};
@@ -610,7 +610,7 @@ React keys must be passed directly to JSX without using spread:
 
       select{
         option{
-          color: ${$.primary70};
+          color: ${$.primary90};
         }
       }
 
@@ -733,8 +733,8 @@ React keys must be passed directly to JSX without using spread:
 
   & input[type="checkbox"]:checked+label::before,
   & input[type="radio"]:checked+label::before {
-    border-color: ${$.primary70};
-    background: ${$.primary70};
+    border-color: ${$.primary90};
+    background: ${$.primary90};
   }
 
   & input[type="checkbox"]:checked+label::after,
@@ -746,13 +746,13 @@ React keys must be passed directly to JSX without using spread:
   .style-dark & {
     & input[type="checkbox"]+label {
       &:after {
-        border-color: ${$.primary70};
+        border-color: ${$.primary90};
       }
     }
 
     & input[type="radio"]+label {
       &::after {
-        background: ${$.primary70};
+        background: ${$.primary90};
       }
     }
     & input[type="checkbox"]:checked+label::before,
@@ -817,10 +817,10 @@ React keys must be passed directly to JSX without using spread:
         `;case"light":return y.css`
           & > div {
             &::before{
-              border: 3px dotted ${$.primary70};
+              border: 3px dotted ${$.primary90};
             }
             &::after {
-              border: 3px dotted ${$.primary70};
+              border: 3px dotted ${$.primary90};
             }
           }
         `}}}
@@ -875,7 +875,7 @@ Valid keys: `+JSON.stringify(Object.keys(g),null,"  "));var x=ne(_,L,z,F,R+"."+L
           }
         `;case"light":return y.css`
           & svg path{
-            fill: ${$.primary70} !important;
+            fill: ${$.primary90} !important;
           }
         `}}}
 `,sa=({variant:e,label:t,children:r,className:n,style:i,...o})=>f.jsxs(aa,{$variant:e,className:n,style:i,children:[f.jsx(Zt,{src:"/assets/empty-state.svg"}),t&&f.jsx(be,{tag:"span",size:"h4",className:"fw-semibold mt-4",children:t})]}),la=y.div`
@@ -1144,7 +1144,7 @@ Valid keys: `+JSON.stringify(Object.keys(g),null,"  "));var x=ne(_,L,z,F,R+"."+L
   }
 `,ja=y.div`
   color: ${$.white};
-  background-color: ${$.primary70};
+  background-color: ${$.primary90};
   padding: ${J[3]};
 `,Ca=y.div`
   padding: ${J[5]};
@@ -1205,7 +1205,7 @@ Valid keys: `+JSON.stringify(Object.keys(g),null,"  "));var x=ne(_,L,z,F,R+"."+L
   cursor: pointer;
 
   ${({open:e})=>e&&`
-    color: ${$.primary70} !important;
+    color: ${$.primary90} !important;
     user-select: none
   `}
 `,za=y.ul`
@@ -1232,7 +1232,7 @@ Valid keys: `+JSON.stringify(Object.keys(g),null,"  "));var x=ne(_,L,z,F,R+"."+L
   cursor: pointer;
 
   &:hover {
-    color: ${$.primary70}
+    color: ${$.primary90}
   }
 `;function wn(e,t){function r(n){e.current&&!e.current.contains(n.target)&&t()}ee.useEffect(()=>(document.addEventListener("mouseup",r),()=>document.removeEventListener("mouseup",r)),[e])}const Pa=({children:e,title:t,icon:r,className:n,style:i,...o})=>{const[s,l]=ee.useState(!1),c=ee.createRef();return wn(c,()=>l(!1)),f.jsxs(_a,{ref:c,className:n,style:i,children:[f.jsxs(Oa,{open:s,onClick:()=>l(!s),children:[t,r&&f.jsx("span",{style:{marginLeft:"4px"},children:r})]}),f.jsx(za,{open:s,children:e})]})},La=({icon:e,disabled:t,section:r,className:n,style:i,children:o,onClick:s,...l})=>{const c=()=>{s&&!t&&s()};return f.jsxs(Ma,{disabled:t,section:r,className:n,style:i,onClick:c,children:[o,e&&f.jsx("span",{style:{marginLeft:"4px"},children:e})]})},Da=y.div`
   & a {
@@ -1250,7 +1250,7 @@ Valid keys: `+JSON.stringify(Object.keys(g),null,"  "));var x=ne(_,L,z,F,R+"."+L
       line-height: 3.2rem;
       border-radius: 50%;
       color: ${$.white};
-      background: ${$.primary70};
+      background: ${$.primary90};
       margin: auto;
       transition: all 0.3s ease;
 
@@ -1305,7 +1305,7 @@ Valid keys: `+JSON.stringify(Object.keys(g),null,"  "));var x=ne(_,L,z,F,R+"."+L
   vertical-align: top;
 
   color: ${$.white};
-  background-color: ${$.primary70};
+  background-color: ${$.primary90};
 
   cursor: pointer;
   padding: ${J[2]} ${J[4]};
@@ -1334,7 +1334,7 @@ Valid keys: `+JSON.stringify(Object.keys(g),null,"  "));var x=ne(_,L,z,F,R+"."+L
     width: 32px;
     height: 32px;
 
-    color: ${$.primary70};
+    color: ${$.primary90};
     background: ${$.primary10};
     border-radius: 50px;
 
@@ -1934,7 +1934,7 @@ Valid keys: `+JSON.stringify(Object.keys(g),null,"  "));var x=ne(_,L,z,F,R+"."+L
 
     padding: 12px 22px;
 
-    color: var(--color-primary70);
+    color: var(--color-primary90);
     background: var(--color-white);
     box-shadow: 0px 2px 16px rgba(${$.black}, 0.05);
     border-radius: 50px;