@yoga-tech/canvas-core 1.5.2 → 1.5.4
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.
- package/lib/Button.d.ts +21 -0
- package/lib/Button.js +1 -0
- package/lib/CanvasStyles.css +1 -0
- package/lib/CanvasStyles.js +1 -0
- package/lib/CanvasThemeProvider.css +5 -0
- package/lib/CanvasThemeProvider.d.ts +17 -0
- package/lib/CanvasThemeProvider.js +1 -0
- package/lib/Card.d.ts +29 -0
- package/lib/Card.js +75 -0
- package/lib/Card.js.LICENSE.txt +28 -0
- package/lib/IconBell.js +1 -0
- package/lib/IconBlog.js +1 -0
- package/lib/IconCalendar.js +1 -0
- package/lib/IconChat.js +1 -0
- package/lib/IconContacts.js +1 -0
- package/lib/IconCrypto.js +1 -0
- package/lib/IconDownarrow.js +1 -0
- package/lib/IconEcom.js +1 -0
- package/lib/IconEmail.js +1 -0
- package/lib/IconFilemanager.js +1 -0
- package/lib/IconFullScreen.js +1 -0
- package/lib/IconHome.js +1 -0
- package/lib/IconInvoices.js +1 -0
- package/lib/IconList.js +1 -0
- package/lib/IconProject.js +1 -0
- package/lib/IconSettings.js +1 -0
- package/lib/IconTask.js +1 -0
- package/lib/scss/CanvasSCSS.scss +4 -0
- package/lib/scss/CanvasStyles.scss +9 -0
- package/lib/scss/fonts/index.js +0 -0
- package/lib/scss/functions/_utils.js +1 -0
- package/lib/scss/mixins/_typography.js +1 -0
- package/lib/scss/theme/_buttons.scss +114 -0
- package/lib/scss/theme/_layers.scss +4 -0
- package/lib/scss/theme/base.scss +116 -0
- package/lib/scss/variables/_fonts.scss +0 -0
- package/lib/scss/variables/_variables.scss +210 -0
- package/package.json +1 -1
package/lib/Button.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ButtonProps {
|
|
4
|
+
/**
|
|
5
|
+
* Label of the button
|
|
6
|
+
*/
|
|
7
|
+
label: string;
|
|
8
|
+
/**
|
|
9
|
+
* variant defines button type
|
|
10
|
+
*/
|
|
11
|
+
variant?: any;
|
|
12
|
+
/**
|
|
13
|
+
* To make the button full width
|
|
14
|
+
*/
|
|
15
|
+
isFullWidth?: boolean;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
declare const Button: React.FC<ButtonProps>;
|
|
19
|
+
|
|
20
|
+
export default Button;
|
|
21
|
+
|
package/lib/Button.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@yoga-tech/canvas-theme/lib"),require("prop-types"),require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("@yoga-tech/canvas-core",["@yoga-tech/canvas-theme/lib","prop-types","react","styled-components"],t):"object"==typeof exports?exports["@yoga-tech/canvas-core"]=t(require("@yoga-tech/canvas-theme/lib"),require("prop-types"),require("react"),require("styled-components")):e["@yoga-tech/canvas-core"]=t(e["@yoga-tech/canvas-theme/lib"],e["prop-types"],e.react,e["styled-components"])}("undefined"!=typeof self?self:this,((e,t,r,o)=>(()=>{var n={6316:(e,t,r)=>{"use strict";var o=r(4293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(9155)),a=o(r(1949)),u=r(6446),s=(o(r(4784)),function(e){var t=e.label,r=e.variant,o=e.isFullWidth;return n.default.createElement(u.StyledButton,{variant:r,isFullWidth:o},t," test")});s.propTypes={label:a.default.string.isRequired,variant:a.default.oneOf.light,isFullWidth:a.default.bool},s.defaultProps={variant:"primary",isFullWidth:!1},t.default=s},6446:(e,t,r)=>{"use strict";var o=r(4293),n=r(4319);Object.defineProperty(t,"__esModule",{value:!0}),t.StyledButton=void 0;var a=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var t=u(void 0);if(t&&t.has(e))return t.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&{}.hasOwnProperty.call(e,a)){var s=o?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(r,a,s):r[a]=e[a]}return r.default=e,t&&t.set(e,r),r}(r(8694));function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(u=function(e){return e?r:t})(e)}var s=(0,o(r(3299)).default)();t.StyledButton=a.default.button.withConfig({displayName:"Buttonstyles__StyledButton",componentId:"@yoga-tech/canvas__sc-17ujzgb-0"})([""," padding:0.8rem 1rem;border:none;border-radius:0.5rem;color:",";cursor:pointer;font-size:1.4rem;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;&:active{background-color:",";}",""],(function(e){switch(e.variant){case"primary":return(0,a.css)(["background-color:",";"],s.palette.color.blue);case"secondary":return(0,a.css)(["background-color:#000;"]);case"success":return(0,a.css)(["background-color:green;"]);case"info":return(0,a.css)(["background-color:pink;"]);case"warning":return(0,a.css)(["background-color:orange;"]);case"danger":return(0,a.css)(["background-color:red;"]);default:return(0,a.css)(["background-color:gray;"])}}),s.palette.color.white,s.button.defaultButton.activeBackground,(function(e){return e.isFullWidth?(0,a.css)(["width:100%;"]):""}))},3299:function(e){"undefined"!=typeof self&&self,e.exports=(()=>{"use strict";var e={d:(t,r)=>{for(var o in r)e.o(r,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:r[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},r.apply(null,arguments)}e.r(t),e.d(t,{default:()=>u,getCanvasTheme:()=>a});const o={default:{light:{color:r({},{red:"#D63031",black:"#000",white:"#fff"}),gray:r({},{"gray-100":"#F7F7F8","gray-200":"#F7F7F8"})},dark:{color:r({},{red:"#D63031",black:"#000"}),gray:r({},{"gray-100":"#F7F7F8","gray-200":"#F7F7F8"})}}},n={borderRadius:{0:"10rem",50:"0.2rem"},borderWidth:{1:"0.1rem",2:"0.2rem"}};var a=function(e){var t=e||{};return function(e){var t=e.mode,r=e.theme;return{mode:t,theme:r,palette:o[r][t],size:n}}({mode:t.mode||"light",theme:t.theme||"default"})};const u=a;return t})()},4784:t=>{"use strict";t.exports=e},1949:e=>{"use strict";e.exports=t},9155:e=>{"use strict";e.exports=r},8694:e=>{"use strict";e.exports=o},4293:e=>{e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports},4319:e=>{function t(r){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},a={};function u(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return n[e].call(r.exports,r,r.exports,u),r.exports}var s={};return(()=>{"use strict";var e=s,t=u(4293);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=t(u(6316));e.default=r.default})(),s})()));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-family:inherit;margin:0;padding:0;vertical-align:baseline}html{box-sizing:border-box;z-index:1}*,:after,:before{box-sizing:inherit}body,html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:sans-serif;font-size:10px}input[type=password],input[type=search],input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}a,button{outline:none!important}.btn-rounded{border-radius:30px}.btn-group-example .btn{position:relative}.btn-group-example .btn:first-child:before{display:none}.btn-group-example .btn:before{background-color:#74788d;border:1px solid #fff;border-radius:50%;color:#eff2f7;content:"OR";font-size:10px;height:24px;left:-12px;line-height:24px;position:absolute;top:50%;transform:translateY(-50%);width:24px;z-index:1}.btn-label{padding-left:44px;position:relative}.btn-label .label-icon{align-items:center;background-color:hsla(0,0%,100%,.1);border-right:1px solid hsla(0,0%,100%,.1);display:flex;font-size:16px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:32px}.btn-label.btn-light .label-icon{background-color:rgba(52,58,64,.1);border-right:1px solid rgba(52,58,64,.2)}.btn-group-vertical label{margin-bottom:0}.btn-soft-primary{background-color:rgba(85,110,230,.1);border-color:transparent;color:#556ee6;transition:all .5s ease}.btn-soft-primary:active,.btn-soft-primary:focus,.btn-soft-primary:hover{background-color:#556ee6;border-color:transparent;color:#fff}.btn-soft-secondary{background-color:rgba(116,120,141,.1);border-color:transparent;color:#74788d;transition:all .5s ease}.btn-soft-secondary:active,.btn-soft-secondary:focus,.btn-soft-secondary:hover{background-color:#74788d;border-color:transparent;color:#fff}.btn-soft-success{background-color:rgba(52,195,143,.1);border-color:transparent;color:#34c38f;transition:all .5s ease}.btn-soft-success:active,.btn-soft-success:focus,.btn-soft-success:hover{background-color:#34c38f;border-color:transparent;color:#fff}.btn-soft-info{background-color:rgba(80,165,241,.1);border-color:transparent;color:#50a5f1;transition:all .5s ease}.btn-soft-info:active,.btn-soft-info:focus,.btn-soft-info:hover{background-color:#50a5f1;border-color:transparent;color:#fff}.btn-soft-warning{background-color:rgba(241,180,76,.1);border-color:transparent;color:#f1b44c;transition:all .5s ease}.btn-soft-warning:active,.btn-soft-warning:focus,.btn-soft-warning:hover{background-color:#f1b44c;border-color:transparent;color:#fff}.btn-soft-danger{background-color:hsla(0,86%,69%,.1);border-color:transparent;color:#f46a6a;transition:all .5s ease}.btn-soft-danger:active,.btn-soft-danger:focus,.btn-soft-danger:hover{background-color:#f46a6a;border-color:transparent;color:#fff}.btn-soft-pink{background-color:rgba(232,62,140,.1);border-color:transparent;color:#e83e8c;transition:all .5s ease}.btn-soft-pink:active,.btn-soft-pink:focus,.btn-soft-pink:hover{background-color:#e83e8c;border-color:transparent;color:#fff}.btn-soft-light{background-color:rgba(239,242,247,.1);border-color:transparent;color:#eff2f7;transition:all .5s ease}.btn-soft-light:active,.btn-soft-light:focus,.btn-soft-light:hover{background-color:#eff2f7;border-color:transparent;color:#fff}.btn-soft-dark{background-color:rgba(52,58,64,.1);border-color:transparent;color:#343a40;transition:all .5s ease}.btn-soft-dark:active,.btn-soft-dark:focus,.btn-soft-dark:hover{background-color:#343a40;border-color:transparent;color:#fff}.like-btn.active .bx-heart{color:#f46a6a}.like-btn.active .bx-heart:before{content:""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define("@yoga-tech/canvas-core",[],o):"object"==typeof exports?exports["@yoga-tech/canvas-core"]=o():e["@yoga-tech/canvas-core"]=o()}("undefined"!=typeof self?self:this,(()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})()));
|