freemium-ui 2.0.56 → 2.0.57

package/lib/index.cjs.js

@@ -3560,7 +3560,7 @@ value:""}):null,Array.from(A)):null))
 `,Of=yr.div`
   position: relative;
   width: ${({width:e})=>e||"auto"};
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   div.input-container {
     padding-right: 8px;
   }
@@ -3586,7 +3586,7 @@ value:""}):null,Array.from(A)):null))
   background-color: ${({theme:e,disabled:t})=>t?e.colors.fill.disabled:e.colors.fill.surface};
   border-radius: 4px;
   transition: all 0.2s ease-in-out;
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   &:hover {
     border-color: ${({theme:e,disabled:t,$isErrored:n})=>t?e.colors.border.disabled:n?e.colors.border.error:e.colors.border.hover};
   }
@@ -3597,7 +3597,7 @@ value:""}):null,Array.from(A)):null))
     border-color: ${({theme:e,$isErrored:t,disabled:n})=>n?"transparent":t?e.colors.border.error:e.colors.border.active};
   }
 `;yr.span`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   color: ${({isP:e,theme:t})=>e?t.colors.text.placeholder:"inherit"};
   margin-right: 8px;
   max-width: 256px;
@@ -3605,7 +3605,7 @@ value:""}):null,Array.from(A)):null))
   overflow: hidden;
   white-space: nowrap;
 `;const Ff=yr.ul`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   position: absolute;
   width: calc(100% - 16px);
   padding: 8px;
@@ -3624,7 +3624,7 @@ value:""}):null,Array.from(A)):null))
     ${({theme:e})=>xo(e.colors.shadow,.16)} 0px 4px 20px;
   max-height: 200px;
 `,$f=yr.li`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   padding: 8px 12px;
   border-radius: 4px;
   display: flex;
@@ -3642,26 +3642,26 @@ value:""}):null,Array.from(A)):null))
 `,Bf=yr.div`
   cursor: pointer;
   color: ${({theme:e})=>e.colors.text.link};
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,jf=yr.div`
   min-height: 128px;
   display: grid;
   place-content: center;
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,Uf=yr.div`
   display: flex;
   align-items: center;
   gap: 4px;
   height: 100%;
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,Yf=yr.div`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,Wf=yr.div`
   height: ${({theme:e})=>`calc(1.5 * ${e.typography.primary.fontSize})`};
 `,Gf=yr(Mf)``,Kf=yr(kf)``,qf=yr(Ef)`
   flex: 1;
 `,Zf=yr(_f)``,Xf=yr(Lf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   padding: 8px 12px;
   border-radius: 4px;
   display: flex;
@@ -3696,7 +3696,7 @@ value:""}):null,Array.from(A)):null))
   border-bottom: 1px solid ${({theme:e})=>e.colors.border.light};
   margin: 0;
 `,Qf=yr(Af)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   font-family: ${({theme:e})=>e.typography.fontFamily};
   font-size: ${({theme:e})=>e.typography.secondary.fontSize};
   line-height: ${({theme:e})=>e.typography.secondary.lineHeight};
@@ -3706,7 +3706,7 @@ value:""}):null,Array.from(A)):null))
   gap: 8px;
   align-items: center;
 `,em=yr(Hf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   padding: 8px;
   overflow: auto;
   list-style: none;
@@ -3729,32 +3729,32 @@ value:""}):null,Array.from(A)):null))
     animation-name: ${xr};
   }
 `,tm=yr(Vf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   display: flex;
   align-items: center;
 `,nm=yr(Df)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   scrollbar-width: thin !important;
 `,rm=yr(Tf)``;yr(Rf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   display: grid;
   place-content: center;
   margin-bottom: 8px;
 `,yr(Pf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   display: grid;
   place-content: center;
   margin-top: 8px;
   transform: rotate(-180deg);
 `;const om=yr(Sf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   cursor: pointer;
   transform: rotate(-180deg);
   transition: transform 0.2s ease-in-out;
   display: grid;
   place-content: center;
 `,am=yr(xf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   font-family: ${({theme:e})=>e.typography.fontFamily};
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
@@ -3818,7 +3818,7 @@ className:`input-helper ${t.className??""}`.trim()},t.children),cm=yr.textarea`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   background-color: ${({theme:e})=>e.colors.fill.surface};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3845,7 +3845,7 @@ className:`input-helper ${t.className??""}`.trim()},t.children),cm=yr.textarea`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   background-color: ${({theme:e})=>e.colors.fill.surface};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3864,7 +3864,7 @@ className:`input-helper ${t.className??""}`.trim()},t.children),cm=yr.textarea`
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   div.end-adornment {
     display: grid;
     place-content: center;
@@ -3889,7 +3889,7 @@ className:`input-helper ${t.className??""}`.trim()},t.children),cm=yr.textarea`
   background-color: ${({theme:e})=>e.colors.fill.surface};
   border-radius: 4px;
   transition: all 0.2s ease-in-out;
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   &:hover {
     border-color: ${({theme:e,disabled:t,$isErrored:n})=>t?e.colors.border.normal:n?e.colors.border.error:e.colors.border.hover};
   }

package/lib/index.js

@@ -3521,7 +3521,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
 `,im=Or.div`
   position: relative;
   width: ${({width:e})=>e||"auto"};
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   div.input-container {
     padding-right: 8px;
   }
@@ -3547,7 +3547,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
   background-color: ${({theme:e,disabled:t})=>t?e.colors.fill.disabled:e.colors.fill.surface};
   border-radius: 4px;
   transition: all 0.2s ease-in-out;
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   &:hover {
     border-color: ${({theme:e,disabled:t,$isErrored:n})=>t?e.colors.border.disabled:n?e.colors.border.error:e.colors.border.hover};
   }
@@ -3558,7 +3558,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
     border-color: ${({theme:e,$isErrored:t,disabled:n})=>n?"transparent":t?e.colors.border.error:e.colors.border.active};
   }
 `;Or.span`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   color: ${({isP:e,theme:t})=>e?t.colors.text.placeholder:"inherit"};
   margin-right: 8px;
   max-width: 256px;
@@ -3566,7 +3566,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
   overflow: hidden;
   white-space: nowrap;
 `;const cm=Or.ul`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   position: absolute;
   width: calc(100% - 16px);
   padding: 8px;
@@ -3585,7 +3585,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
     ${({theme:e})=>Yo(e.colors.shadow,.16)} 0px 4px 20px;
   max-height: 200px;
 `,sm=Or.li`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   padding: 8px 12px;
   border-radius: 4px;
   display: flex;
@@ -3603,26 +3603,26 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
 `,um=Or.div`
   cursor: pointer;
   color: ${({theme:e})=>e.colors.text.link};
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,dm=Or.div`
   min-height: 128px;
   display: grid;
   place-content: center;
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,hm=Or.div`
   display: flex;
   align-items: center;
   gap: 4px;
   height: 100%;
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,pm=Or.div`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,fm=Or.div`
   height: ${({theme:e})=>`calc(1.5 * ${e.typography.primary.fontSize})`};
 `,mm=Or(Yf)``,vm=Or(Jf)``,gm=Or(Gf)`
   flex: 1;
 `,ym=Or(qf)``,bm=Or(em)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   padding: 8px 12px;
   border-radius: 4px;
   display: flex;
@@ -3657,7 +3657,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
   border-bottom: 1px solid ${({theme:e})=>e.colors.border.light};
   margin: 0;
 `,Cm=Or(Qf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   font-family: ${({theme:e})=>e.typography.fontFamily};
   font-size: ${({theme:e})=>e.typography.secondary.fontSize};
   line-height: ${({theme:e})=>e.typography.secondary.lineHeight};
@@ -3667,7 +3667,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
   gap: 8px;
   align-items: center;
 `,zm=Or(Zf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   padding: 8px;
   overflow: auto;
   list-style: none;
@@ -3690,32 +3690,32 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
     animation-name: ${Ur};
   }
 `,Mm=Or(tm)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   display: flex;
   align-items: center;
 `,xm=Or(Xf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   scrollbar-width: thin !important;
 `,Em=Or(nm)``;Or(rm)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   display: grid;
   place-content: center;
   margin-bottom: 8px;
 `,Or(om)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   display: grid;
   place-content: center;
   margin-top: 8px;
   transform: rotate(-180deg);
 `;const Sm=Or(Kf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   cursor: pointer;
   transform: rotate(-180deg);
   transition: transform 0.2s ease-in-out;
   display: grid;
   place-content: center;
 `,_m=Or(Wf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   font-family: ${({theme:e})=>e.typography.fontFamily};
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
@@ -3779,7 +3779,7 @@ className:`input-helper ${e.className??""}`.trim()},e.children),Am=Or.textarea`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   background-color: ${({theme:e})=>e.colors.fill.surface};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3806,7 +3806,7 @@ className:`input-helper ${e.className??""}`.trim()},e.children),Am=Or.textarea`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   background-color: ${({theme:e})=>e.colors.fill.surface};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3825,7 +3825,7 @@ className:`input-helper ${e.className??""}`.trim()},e.children),Am=Or.textarea`
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   div.end-adornment {
     display: grid;
     place-content: center;
@@ -3850,7 +3850,7 @@ className:`input-helper ${e.className??""}`.trim()},e.children),Am=Or.textarea`
   background-color: ${({theme:e})=>e.colors.fill.surface};
   border-radius: 4px;
   transition: all 0.2s ease-in-out;
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   &:hover {
     border-color: ${({theme:e,disabled:t,$isErrored:n})=>t?e.colors.border.normal:n?e.colors.border.error:e.colors.border.hover};
   }

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.56",
+  "version": "2.0.57",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.56",
+  "version": "2.0.57",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",