freemium-ui 1.0.186 → 1.0.187

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/index.cjs.js +1 -1
  2. package/lib/index.esm.js +1 -1
  3. package/package.json +1 -1
package/lib/index.cjs.js CHANGED
@@ -1243,7 +1243,7 @@ PERFORMANCE OF THIS SOFTWARE.
1243
1243
  ${({theme:{colors:{components:{radio:e},pseudo:t},typography:{body:n}},checked:r})=>`\n input {\n clip: rect(0,0,0,0);\n position : absolute;\n &:focus {\n & ~ .radio {\n box-shadow: ${t.focus} 0px 0px 0px 3px;\n border-color : transparent;\n }\n }\n }\n label {\n display: flex;\n align-items: center;\n user-select: none;\n }\n .radio {\n background-color: $fff;\n border: 1px solid;\n border-color: ${r?e.backgroundColor:e.borderColor};\n transition: background-color ease-in 0.2s;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n position: relative;\n margin-right: 16px; \n &:before { \n left: 2px;\n top: 2px;\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n transition : all ease-in 0.2s;\n background-color: ${r?e.backgroundColor:"#fff"};\n }\n }\n font-size : ${n.label.fontSize};\n font-weight : ${n.label.fontWeight};\n &:hover {\n .radio {\n border-color : ${r?e.backgroundColor:e.hoverBorderColor}!important;\n \n box-shadow: ${t.hover} 0px 0px 0px 5px!important;\n }\n }\n`}
1244
1244
  `,Um=ot($m,{checked:!1}),Km=t.createContext({groupValue:null,groupDisabled:!1,updateGroupValue:null}),Gm=tt.div`
1245
1245
  ${({theme:{colors:{components:{checkbox:e,input:t},pseudo:n}},disabled:r,checked:a})=>`\n flex-grow : 1;\n flex-basis : 0;\n margin-right : 12px;\n margin-top: 12px;\n label {\n cursor : ${r?"disabled":"pointer"};\n opacity : ${r?.6:1};\n white-space:nowrap;\n padding : 8px;\n padding-left : 16px;\n font-size : 14px;\n border : 1px solid red;\n border-radius : 4px;\n display:flex;\n align-items:center;\n justify-content : left;\n user-select:none;\n border: 1px solid;\n border-color: ${a?e.backgroundColor:t.primary.borderColor};\n text-shadow: ${a?"0 0 0 #000, 0 0 .45px #000":"none"};\n .hollow {\n background-color: ${a?e.backgroundColor:"#fff"};\n border: ${a?"none":"1px solid"};\n border-color: ${a?e.backgroundColor:e.borderColor};\n min-width: 16px;\n min-height: 16px;\n max-width: 16px;\n max-height: 16px;\n border-radius: 50%;\n margin-right : 8px;\n display : flex;\n align-items : center;\n justify-content : center;\n }\n &:focus-within {\n box-shadow: ${n.focus} 0px 0px 0px 2px;\n border-color : transparent;\n }\n input {\n position : absolute;\n clip : rect(0px 0px 0px 0px);\n }\n &:hover {\n ${r?"":`border-color : ${a?e.backgroundColor:t.primary.hoverBorderColor}!important`};\n box-shadow: ${r?"unset":`${n.hover} 0px 0px 0px 5px!important`}; \n }\n}\n`}
1246
- `;var qm=ot((e=>{const{groupValue:r,groupDisabled:a,updateGroupValue:o}=t.useContext(Km),c=r===e.value;if(null===o)throw new Error("freemium-ui : BoxedRadio should be used inside BoxedRadio.Group");return n.createElement(Gm,{disabled:e.disabled||a,checked:c,className:e.className},n.createElement("label",null,n.createElement("input",{type:"radio",checked:c,value:e.value,onChange:t=>{t.target.checked&&o(e.value)}}),n.createElement("div",{className:"hollow"},c&&n.createElement(Vn,{size:"12",viewBox:"-1 -0.5 10 7",glyph:"tick"})),n.createElement("div",null,e.children)))}),{disabled:!1});const Zm=tt.div`
1246
+ `;var qm=ot((e=>{const{groupValue:r,groupDisabled:a,updateGroupValue:o}=t.useContext(Km),c=r===e.value;if(null===o)throw new Error("freemium-ui : BoxedRadio should be used inside BoxedRadio.Group");return n.createElement(Gm,{disabled:e.disabled||a,checked:c,className:e.className},n.createElement("label",{className:"boxed-label"},n.createElement("input",{type:"radio",checked:c,value:e.value,onChange:t=>{t.target.checked&&o(e.value)}}),n.createElement("div",{className:"hollow"},c&&n.createElement(Vn,{size:"12",viewBox:"-1 -0.5 10 7",glyph:"tick"})),n.createElement("div",null,e.children)))}),{disabled:!1});const Zm=tt.div`
1247
1247
  display: inline-flex;
1248
1248
  align-items: center;
1249
1249
  flex-wrap: wrap;
package/lib/index.esm.js CHANGED
@@ -1243,7 +1243,7 @@ PERFORMANCE OF THIS SOFTWARE.
1243
1243
  ${({theme:{colors:{components:{radio:e},pseudo:t},typography:{body:n}},checked:r})=>`\n input {\n clip: rect(0,0,0,0);\n position : absolute;\n &:focus {\n & ~ .radio {\n box-shadow: ${t.focus} 0px 0px 0px 3px;\n border-color : transparent;\n }\n }\n }\n label {\n display: flex;\n align-items: center;\n user-select: none;\n }\n .radio {\n background-color: $fff;\n border: 1px solid;\n border-color: ${r?e.backgroundColor:e.borderColor};\n transition: background-color ease-in 0.2s;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n position: relative;\n margin-right: 16px; \n &:before { \n left: 2px;\n top: 2px;\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n transition : all ease-in 0.2s;\n background-color: ${r?e.backgroundColor:"#fff"};\n }\n }\n font-size : ${n.label.fontSize};\n font-weight : ${n.label.fontWeight};\n &:hover {\n .radio {\n border-color : ${r?e.backgroundColor:e.hoverBorderColor}!important;\n \n box-shadow: ${t.hover} 0px 0px 0px 5px!important;\n }\n }\n`}
1244
1244
  `,Sv=Dt(Lv,{checked:!1}),_v=d({groupValue:null,groupDisabled:!1,updateGroupValue:null}),Av=Et.div`
1245
1245
  ${({theme:{colors:{components:{checkbox:e,input:t},pseudo:n}},disabled:r,checked:a})=>`\n flex-grow : 1;\n flex-basis : 0;\n margin-right : 12px;\n margin-top: 12px;\n label {\n cursor : ${r?"disabled":"pointer"};\n opacity : ${r?.6:1};\n white-space:nowrap;\n padding : 8px;\n padding-left : 16px;\n font-size : 14px;\n border : 1px solid red;\n border-radius : 4px;\n display:flex;\n align-items:center;\n justify-content : left;\n user-select:none;\n border: 1px solid;\n border-color: ${a?e.backgroundColor:t.primary.borderColor};\n text-shadow: ${a?"0 0 0 #000, 0 0 .45px #000":"none"};\n .hollow {\n background-color: ${a?e.backgroundColor:"#fff"};\n border: ${a?"none":"1px solid"};\n border-color: ${a?e.backgroundColor:e.borderColor};\n min-width: 16px;\n min-height: 16px;\n max-width: 16px;\n max-height: 16px;\n border-radius: 50%;\n margin-right : 8px;\n display : flex;\n align-items : center;\n justify-content : center;\n }\n &:focus-within {\n box-shadow: ${n.focus} 0px 0px 0px 2px;\n border-color : transparent;\n }\n input {\n position : absolute;\n clip : rect(0px 0px 0px 0px);\n }\n &:hover {\n ${r?"":`border-color : ${a?e.backgroundColor:t.primary.hoverBorderColor}!important`};\n box-shadow: ${r?"unset":`${n.hover} 0px 0px 0px 5px!important`}; \n }\n}\n`}
1246
- `;var Dv=Dt((n=>{const{groupValue:r,groupDisabled:a,updateGroupValue:o}=t(_v),c=r===n.value;if(null===o)throw new Error("freemium-ui : BoxedRadio should be used inside BoxedRadio.Group");return e.createElement(Av,{disabled:n.disabled||a,checked:c,className:n.className},e.createElement("label",null,e.createElement("input",{type:"radio",checked:c,value:n.value,onChange:e=>{e.target.checked&&o(n.value)}}),e.createElement("div",{className:"hollow"},c&&e.createElement(er,{size:"12",viewBox:"-1 -0.5 10 7",glyph:"tick"})),e.createElement("div",null,n.children)))}),{disabled:!1});const Ov=Et.div`
1246
+ `;var Dv=Dt((n=>{const{groupValue:r,groupDisabled:a,updateGroupValue:o}=t(_v),c=r===n.value;if(null===o)throw new Error("freemium-ui : BoxedRadio should be used inside BoxedRadio.Group");return e.createElement(Av,{disabled:n.disabled||a,checked:c,className:n.className},e.createElement("label",{className:"boxed-label"},e.createElement("input",{type:"radio",checked:c,value:n.value,onChange:e=>{e.target.checked&&o(n.value)}}),e.createElement("div",{className:"hollow"},c&&e.createElement(er,{size:"12",viewBox:"-1 -0.5 10 7",glyph:"tick"})),e.createElement("div",null,n.children)))}),{disabled:!1});const Ov=Et.div`
1247
1247
  display: inline-flex;
1248
1248
  align-items: center;
1249
1249
  flex-wrap: wrap;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "freemium-ui",
3
- "version": "1.0.186",
3
+ "version": "1.0.187",
4
4
  "description": "React Ui Components for Freemium Apps",
5
5
  "main": "lib/index.cjs.js",
6
6
  "module": "lib/index.esm.js",