@yoga-tech/canvas-core 1.5.6 → 1.5.7
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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("@yoga-tech/canvas-core",["prop-types","react","styled-components"],t):"object"==typeof exports?exports["@yoga-tech/canvas-core"]=t(require("prop-types"),require("react"),require("styled-components")):e["@yoga-tech/canvas-core"]=t(e["prop-types"],e.react,e["styled-components"])}("undefined"!=typeof self?self:this,((e,t,r)=>(()=>{var o={8353:(e,t,r)=>{"use strict";var o=r(4293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(r(4505)),n=o(r(7996)),s=o(r(9155)),l=o(r(1949)),u=r(6542),i=["className","children","color","size","iconType","viewBox","disabled"],p=function(e){var t=e.className,r=e.children,o=e.color,l=e.size,p=e.iconType,c=e.viewBox,f=e.disabled,d=(0,n.default)(e,i);return s.default.createElement(u.Wrapper,(0,a.default)({as:"svg",iconType:p,className:t,focusable:!1,viewBox:c,size:l,color:o,disabled:f},d),r)};p.propTypes={size:l.default.oneOf([8,10,12,14,16,18,20,24,30,32,36,42,48,72])},p.defaultProps={size:24,viewBox:"0 0 16 16"},t.default=p},6542:(e,t,r)=>{"use strict";var o=r(4319);Object.defineProperty(t,"__esModule",{value:!0}),t.Wrapper=void 0;var a=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var t=s(void 0);if(t&&t.has(e))return t.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&{}.hasOwnProperty.call(e,n)){var l=a?Object.getOwnPropertyDescriptor(e,n):null;l&&(l.get||l.set)?Object.defineProperty(r,n,l):r[n]=e[n]}return r.default=e,t&&t.set(e,r),r}(r(8694)),n=r(6399);function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(s=function(e){return e?r:t})(e)}var l=[24,36,48,72],u={24:2.5,36:2,48:1.75,72:1.5},i={18:2,24:2,32:3,48:4,72:5},p=(0,a.keyframes)(["from{transform:rotate(0deg);}to{transform:rotate(360deg);}"]),c=function(e,t){return(0,a.css)(["height:","rem;stroke-width:",";width:","rem;"],(0,n.pixelsToRem)(e),t,(0,n.pixelsToRem)(e))},f=function(e){return l.includes(e)?e:24};t.Wrapper=a.default.svg.withConfig({displayName:"SvgIconstyle__Wrapper",componentId:"@yoga-tech/canvas__sc-ex00vb-0"})(["display:inline-block;stroke-linecap:round;stroke-linejoin:round;"," "," path,ellipse,foreignObject,image,line,polygon,polyline,rect,text,textPath,tspan,use{vector-effect:non-scaling-stroke;}"],(function(e){var t=e.iconType,r=e.size;switch(t){case"illustrative":return c(f(r),u[f(r)]);case"functional":return c(r,1.2);case"spinner":return(0,a.css)([""," animation:"," 1s linear infinite;"],c(r,i[r]/(r/24)),p);case"category":return c(24,1.25);case"category--bg":return c(36,1.25);default:return c(r,1.5/(r/24))}}),(function(){(0,a.css)(["stroke:currentColor;"])}))},8786:(e,t,r)=>{"use strict";var o=r(4293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(r(8353));t.default=a.default},6399:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.pixelsToRem=void 0;var o=r(7346);t.pixelsToRem=function(e){return e/o.FONT_BASE_SIZE}},7346:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FONT_BASE_SIZE=void 0,t.FONT_BASE_SIZE=10},1949:t=>{"use strict";t.exports=e},9155:e=>{"use strict";e.exports=t},8694:e=>{"use strict";e.exports=r},4505:e=>{function t(){return e.exports=t=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},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},4293:e=>{e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports},7996:(e,t,r)=>{var o=r(1112);e.exports=function(e,t){if(null==e)return{};var r,a,n=o(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.includes(r)||{}.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n},e.exports.__esModule=!0,e.exports.default=e.exports},1112:e=>{e.exports=function(e,t){if(null==e)return{};var r={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.includes(o))continue;r[o]=e[o]}return r},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 n(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[e](r,r.exports,n),r.exports}var s={};return(()=>{"use strict";var e=s,t=n(4293);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=t(n(9155)),o=t(n(8786));e.default=function(e){return r.default.createElement(o.default,e,r.default.createElement("path",{d:"M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .801.13l.5 1A.5.5 0 0 1 15 2v12a.5.5 0 0 1-.053.224l-.5 1a.5.5 0 0 1-.8.13L13 14.707l-.646.647a.5.5 0 0 1-.708 0L11 14.707l-.646.647a.5.5 0 0 1-.708 0L9 14.707l-.646.647a.5.5 0 0 1-.708 0L7 14.707l-.646.647a.5.5 0 0 1-.708 0L5 14.707l-.646.647a.5.5 0 0 1-.708 0L3 14.707l-.646.647a.5.5 0 0 1-.801-.13l-.5-1A.5.5 0 0 1 1 14V2a.5.5 0 0 1 .053-.224l.5-1a.5.5 0 0 1 .367-.27m.217 1.338L2 2.118v11.764l.137.274.51-.51a.5.5 0 0 1 .707 0l.646.647.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.509.509.137-.274V2.118l-.137-.274-.51.51a.5.5 0 0 1-.707 0L12 1.707l-.646.647a.5.5 0 0 1-.708 0L10 1.707l-.646.647a.5.5 0 0 1-.708 0L8 1.707l-.646.647a.5.5 0 0 1-.708 0L6 1.707l-.646.647a.5.5 0 0 1-.708 0L4 1.707l-.646.647a.5.5 0 0 1-.708 0z"}),r.default.createElement("path",{d:"M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m8-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5"}))}})(),s})()));
|
package/lib/IconList.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("@yoga-tech/canvas-core",["prop-types","react","styled-components"],t):"object"==typeof exports?exports["@yoga-tech/canvas-core"]=t(require("prop-types"),require("react"),require("styled-components")):e["@yoga-tech/canvas-core"]=t(e["prop-types"],e.react,e["styled-components"])}("undefined"!=typeof self?self:this,((e,t,r)=>(()=>{var o={8353:(e,t,r)=>{"use strict";var o=r(4293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(4505)),s=o(r(7996)),a=o(r(9155)),u=o(r(1949)),i=r(6542),l=["className","children","color","size","iconType","viewBox","disabled"],p=function(e){var t=e.className,r=e.children,o=e.color,u=e.size,p=e.iconType,c=e.viewBox,f=e.disabled,d=(0,s.default)(e,l);return a.default.createElement(i.Wrapper,(0,n.default)({as:"svg",iconType:p,className:t,focusable:!1,viewBox:c,size:u,color:o,disabled:f},d),r)};p.propTypes={size:u.default.oneOf([8,10,12,14,16,18,20,24,30,32,36,42,48,72])},p.defaultProps={size:24,viewBox:"0 0 16 16"},t.default=p},6542:(e,t,r)=>{"use strict";var o=r(4319);Object.defineProperty(t,"__esModule",{value:!0}),t.Wrapper=void 0;var n=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var t=a(void 0);if(t&&t.has(e))return t.get(e);var r={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&{}.hasOwnProperty.call(e,s)){var u=n?Object.getOwnPropertyDescriptor(e,s):null;u&&(u.get||u.set)?Object.defineProperty(r,s,u):r[s]=e[s]}return r.default=e,t&&t.set(e,r),r}(r(8694)),s=r(6399);function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}var u=[24,36,48,72],i={24:2.5,36:2,48:1.75,72:1.5},l={18:2,24:2,32:3,48:4,72:5},p=(0,n.keyframes)(["from{transform:rotate(0deg);}to{transform:rotate(360deg);}"]),c=function(e,t){return(0,n.css)(["height:","rem;stroke-width:",";width:","rem;"],(0,s.pixelsToRem)(e),t,(0,s.pixelsToRem)(e))},f=function(e){return u.includes(e)?e:24};t.Wrapper=n.default.svg.withConfig({displayName:"SvgIconstyle__Wrapper",componentId:"@yoga-tech/canvas__sc-ex00vb-0"})(["display:inline-block;stroke-linecap:round;stroke-linejoin:round;"," "," path,ellipse,foreignObject,image,line,polygon,polyline,rect,text,textPath,tspan,use{vector-effect:non-scaling-stroke;}"],(function(e){var t=e.iconType,r=e.size;switch(t){case"illustrative":return c(f(r),i[f(r)]);case"functional":return c(r,1.2);case"spinner":return(0,n.css)([""," animation:"," 1s linear infinite;"],c(r,l[r]/(r/24)),p);case"category":return c(24,1.25);case"category--bg":return c(36,1.25);default:return c(r,1.5/(r/24))}}),(function(){(0,n.css)(["stroke:currentColor;"])}))},8786:(e,t,r)=>{"use strict";var o=r(4293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(8353));t.default=n.default},6399:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.pixelsToRem=void 0;var o=r(7346);t.pixelsToRem=function(e){return e/o.FONT_BASE_SIZE}},7346:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FONT_BASE_SIZE=void 0,t.FONT_BASE_SIZE=10},1949:t=>{"use strict";t.exports=e},9155:e=>{"use strict";e.exports=t},8694:e=>{"use strict";e.exports=r},4505:e=>{function t(){return e.exports=t=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},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},4293:e=>{e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports},7996:(e,t,r)=>{var o=r(1112);e.exports=function(e,t){if(null==e)return{};var r,n,s=o(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.includes(r)||{}.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s},e.exports.__esModule=!0,e.exports.default=e.exports},1112:e=>{e.exports=function(e,t){if(null==e)return{};var r={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.includes(o))continue;r[o]=e[o]}return r},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}},n={};function s(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,s),r.exports}var a={};return(()=>{"use strict";var e=a,t=s(4293);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=t(s(9155)),o=t(s(8786));e.default=function(e){return r.default.createElement(o.default,e,r.default.createElement("path",{"fill-rule":"evenodd",d:"M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"}))}})(),a})()));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("@yoga-tech/canvas-core",["prop-types","react","styled-components"],t):"object"==typeof exports?exports["@yoga-tech/canvas-core"]=t(require("prop-types"),require("react"),require("styled-components")):e["@yoga-tech/canvas-core"]=t(e["prop-types"],e.react,e["styled-components"])}("undefined"!=typeof self?self:this,((e,t,r)=>(()=>{var o={8353:(e,t,r)=>{"use strict";var o=r(4293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(4505)),s=o(r(7996)),a=o(r(9155)),u=o(r(1949)),i=r(6542),l=["className","children","color","size","iconType","viewBox","disabled"],p=function(e){var t=e.className,r=e.children,o=e.color,u=e.size,p=e.iconType,c=e.viewBox,f=e.disabled,d=(0,s.default)(e,l);return a.default.createElement(i.Wrapper,(0,n.default)({as:"svg",iconType:p,className:t,focusable:!1,viewBox:c,size:u,color:o,disabled:f},d),r)};p.propTypes={size:u.default.oneOf([8,10,12,14,16,18,20,24,30,32,36,42,48,72])},p.defaultProps={size:24,viewBox:"0 0 16 16"},t.default=p},6542:(e,t,r)=>{"use strict";var o=r(4319);Object.defineProperty(t,"__esModule",{value:!0}),t.Wrapper=void 0;var n=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var t=a(void 0);if(t&&t.has(e))return t.get(e);var r={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&{}.hasOwnProperty.call(e,s)){var u=n?Object.getOwnPropertyDescriptor(e,s):null;u&&(u.get||u.set)?Object.defineProperty(r,s,u):r[s]=e[s]}return r.default=e,t&&t.set(e,r),r}(r(8694)),s=r(6399);function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}var u=[24,36,48,72],i={24:2.5,36:2,48:1.75,72:1.5},l={18:2,24:2,32:3,48:4,72:5},p=(0,n.keyframes)(["from{transform:rotate(0deg);}to{transform:rotate(360deg);}"]),c=function(e,t){return(0,n.css)(["height:","rem;stroke-width:",";width:","rem;"],(0,s.pixelsToRem)(e),t,(0,s.pixelsToRem)(e))},f=function(e){return u.includes(e)?e:24};t.Wrapper=n.default.svg.withConfig({displayName:"SvgIconstyle__Wrapper",componentId:"@yoga-tech/canvas__sc-ex00vb-0"})(["display:inline-block;stroke-linecap:round;stroke-linejoin:round;"," "," path,ellipse,foreignObject,image,line,polygon,polyline,rect,text,textPath,tspan,use{vector-effect:non-scaling-stroke;}"],(function(e){var t=e.iconType,r=e.size;switch(t){case"illustrative":return c(f(r),i[f(r)]);case"functional":return c(r,1.2);case"spinner":return(0,n.css)([""," animation:"," 1s linear infinite;"],c(r,l[r]/(r/24)),p);case"category":return c(24,1.25);case"category--bg":return c(36,1.25);default:return c(r,1.5/(r/24))}}),(function(){(0,n.css)(["stroke:currentColor;"])}))},8786:(e,t,r)=>{"use strict";var o=r(4293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(8353));t.default=n.default},6399:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.pixelsToRem=void 0;var o=r(7346);t.pixelsToRem=function(e){return e/o.FONT_BASE_SIZE}},7346:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FONT_BASE_SIZE=void 0,t.FONT_BASE_SIZE=10},1949:t=>{"use strict";t.exports=e},9155:e=>{"use strict";e.exports=t},8694:e=>{"use strict";e.exports=r},4505:e=>{function t(){return e.exports=t=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},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},4293:e=>{e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports},7996:(e,t,r)=>{var o=r(1112);e.exports=function(e,t){if(null==e)return{};var r,n,s=o(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.includes(r)||{}.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s},e.exports.__esModule=!0,e.exports.default=e.exports},1112:e=>{e.exports=function(e,t){if(null==e)return{};var r={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.includes(o))continue;r[o]=e[o]}return r},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}},n={};function s(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,s),r.exports}var a={};return(()=>{"use strict";var e=a,t=s(4293);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=t(s(9155)),o=t(s(8786));e.default=function(e){return r.default.createElement(o.default,e,r.default.createElement("path",{d:"M5 2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2h3.5A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5H14a.5.5 0 0 1-1 0H3a.5.5 0 0 1-1 0h-.5A1.5 1.5 0 0 1 0 12.5v-9A1.5 1.5 0 0 1 1.5 2zm1 0h4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1M1.5 3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5H3V3zM15 12.5v-9a.5.5 0 0 0-.5-.5H13v10h1.5a.5.5 0 0 0 .5-.5m-3 .5V3H4v10z"}))}})(),a})()));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("@yoga-tech/canvas-core",["prop-types","react","styled-components"],t):"object"==typeof exports?exports["@yoga-tech/canvas-core"]=t(require("prop-types"),require("react"),require("styled-components")):e["@yoga-tech/canvas-core"]=t(e["prop-types"],e.react,e["styled-components"])}("undefined"!=typeof self?self:this,((e,t,r)=>(()=>{var o={8353:(e,t,r)=>{"use strict";var o=r(4293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(4505)),s=o(r(7996)),l=o(r(9155)),a=o(r(1949)),u=r(6542),c=["className","children","color","size","iconType","viewBox","disabled"],i=function(e){var t=e.className,r=e.children,o=e.color,a=e.size,i=e.iconType,p=e.viewBox,f=e.disabled,d=(0,s.default)(e,c);return l.default.createElement(u.Wrapper,(0,n.default)({as:"svg",iconType:i,className:t,focusable:!1,viewBox:p,size:a,color:o,disabled:f},d),r)};i.propTypes={size:a.default.oneOf([8,10,12,14,16,18,20,24,30,32,36,42,48,72])},i.defaultProps={size:24,viewBox:"0 0 16 16"},t.default=i},6542:(e,t,r)=>{"use strict";var o=r(4319);Object.defineProperty(t,"__esModule",{value:!0}),t.Wrapper=void 0;var n=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var t=l(void 0);if(t&&t.has(e))return t.get(e);var r={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&{}.hasOwnProperty.call(e,s)){var a=n?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(r,s,a):r[s]=e[s]}return r.default=e,t&&t.set(e,r),r}(r(8694)),s=r(6399);function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}var a=[24,36,48,72],u={24:2.5,36:2,48:1.75,72:1.5},c={18:2,24:2,32:3,48:4,72:5},i=(0,n.keyframes)(["from{transform:rotate(0deg);}to{transform:rotate(360deg);}"]),p=function(e,t){return(0,n.css)(["height:","rem;stroke-width:",";width:","rem;"],(0,s.pixelsToRem)(e),t,(0,s.pixelsToRem)(e))},f=function(e){return a.includes(e)?e:24};t.Wrapper=n.default.svg.withConfig({displayName:"SvgIconstyle__Wrapper",componentId:"@yoga-tech/canvas__sc-ex00vb-0"})(["display:inline-block;stroke-linecap:round;stroke-linejoin:round;"," "," path,ellipse,foreignObject,image,line,polygon,polyline,rect,text,textPath,tspan,use{vector-effect:non-scaling-stroke;}"],(function(e){var t=e.iconType,r=e.size;switch(t){case"illustrative":return p(f(r),u[f(r)]);case"functional":return p(r,1.2);case"spinner":return(0,n.css)([""," animation:"," 1s linear infinite;"],p(r,c[r]/(r/24)),i);case"category":return p(24,1.25);case"category--bg":return p(36,1.25);default:return p(r,1.5/(r/24))}}),(function(){(0,n.css)(["stroke:currentColor;"])}))},8786:(e,t,r)=>{"use strict";var o=r(4293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(8353));t.default=n.default},6399:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.pixelsToRem=void 0;var o=r(7346);t.pixelsToRem=function(e){return e/o.FONT_BASE_SIZE}},7346:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FONT_BASE_SIZE=void 0,t.FONT_BASE_SIZE=10},1949:t=>{"use strict";t.exports=e},9155:e=>{"use strict";e.exports=t},8694:e=>{"use strict";e.exports=r},4505:e=>{function t(){return e.exports=t=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},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},4293:e=>{e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports},7996:(e,t,r)=>{var o=r(1112);e.exports=function(e,t){if(null==e)return{};var r,n,s=o(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.includes(r)||{}.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s},e.exports.__esModule=!0,e.exports.default=e.exports},1112:e=>{e.exports=function(e,t){if(null==e)return{};var r={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.includes(o))continue;r[o]=e[o]}return r},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}},n={};function s(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,s),r.exports}var l={};return(()=>{"use strict";var e=l,t=s(4293);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=t(s(9155)),o=t(s(8786));e.default=function(e){return r.default.createElement(o.default,e,r.default.createElement("path",{d:"M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0"}),r.default.createElement("path",{d:"M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z"}))}})(),l})()));
|
package/lib/IconTask.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("@yoga-tech/canvas-core",["prop-types","react","styled-components"],t):"object"==typeof exports?exports["@yoga-tech/canvas-core"]=t(require("prop-types"),require("react"),require("styled-components")):e["@yoga-tech/canvas-core"]=t(e["prop-types"],e.react,e["styled-components"])}("undefined"!=typeof self?self:this,((e,t,r)=>(()=>{var o={8353:(e,t,r)=>{"use strict";var o=r(4293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(4505)),s=o(r(7996)),a=o(r(9155)),u=o(r(1949)),l=r(6542),i=["className","children","color","size","iconType","viewBox","disabled"],p=function(e){var t=e.className,r=e.children,o=e.color,u=e.size,p=e.iconType,c=e.viewBox,f=e.disabled,d=(0,s.default)(e,i);return a.default.createElement(l.Wrapper,(0,n.default)({as:"svg",iconType:p,className:t,focusable:!1,viewBox:c,size:u,color:o,disabled:f},d),r)};p.propTypes={size:u.default.oneOf([8,10,12,14,16,18,20,24,30,32,36,42,48,72])},p.defaultProps={size:24,viewBox:"0 0 16 16"},t.default=p},6542:(e,t,r)=>{"use strict";var o=r(4319);Object.defineProperty(t,"__esModule",{value:!0}),t.Wrapper=void 0;var n=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var t=a(void 0);if(t&&t.has(e))return t.get(e);var r={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&{}.hasOwnProperty.call(e,s)){var u=n?Object.getOwnPropertyDescriptor(e,s):null;u&&(u.get||u.set)?Object.defineProperty(r,s,u):r[s]=e[s]}return r.default=e,t&&t.set(e,r),r}(r(8694)),s=r(6399);function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}var u=[24,36,48,72],l={24:2.5,36:2,48:1.75,72:1.5},i={18:2,24:2,32:3,48:4,72:5},p=(0,n.keyframes)(["from{transform:rotate(0deg);}to{transform:rotate(360deg);}"]),c=function(e,t){return(0,n.css)(["height:","rem;stroke-width:",";width:","rem;"],(0,s.pixelsToRem)(e),t,(0,s.pixelsToRem)(e))},f=function(e){return u.includes(e)?e:24};t.Wrapper=n.default.svg.withConfig({displayName:"SvgIconstyle__Wrapper",componentId:"@yoga-tech/canvas__sc-ex00vb-0"})(["display:inline-block;stroke-linecap:round;stroke-linejoin:round;"," "," path,ellipse,foreignObject,image,line,polygon,polyline,rect,text,textPath,tspan,use{vector-effect:non-scaling-stroke;}"],(function(e){var t=e.iconType,r=e.size;switch(t){case"illustrative":return c(f(r),l[f(r)]);case"functional":return c(r,1.2);case"spinner":return(0,n.css)([""," animation:"," 1s linear infinite;"],c(r,i[r]/(r/24)),p);case"category":return c(24,1.25);case"category--bg":return c(36,1.25);default:return c(r,1.5/(r/24))}}),(function(){(0,n.css)(["stroke:currentColor;"])}))},8786:(e,t,r)=>{"use strict";var o=r(4293);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(8353));t.default=n.default},6399:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.pixelsToRem=void 0;var o=r(7346);t.pixelsToRem=function(e){return e/o.FONT_BASE_SIZE}},7346:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FONT_BASE_SIZE=void 0,t.FONT_BASE_SIZE=10},1949:t=>{"use strict";t.exports=e},9155:e=>{"use strict";e.exports=t},8694:e=>{"use strict";e.exports=r},4505:e=>{function t(){return e.exports=t=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},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},4293:e=>{e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports},7996:(e,t,r)=>{var o=r(1112);e.exports=function(e,t){if(null==e)return{};var r,n,s=o(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.includes(r)||{}.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s},e.exports.__esModule=!0,e.exports.default=e.exports},1112:e=>{e.exports=function(e,t){if(null==e)return{};var r={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.includes(o))continue;r[o]=e[o]}return r},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}},n={};function s(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,s),r.exports}var a={};return(()=>{"use strict";var e=a,t=s(4293);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=t(s(9155)),o=t(s(8786));e.default=function(e){return r.default.createElement(o.default,e,r.default.createElement("path",{"fill-rule":"evenodd",d:"M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0"}),r.default.createElement("path",{d:"M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z"}),r.default.createElement("path",{d:"M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z"}))}})(),a})()));
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// styles
|
|
2
|
+
@import '../../../../node_modules/bootstrap/scss/functions';
|
|
3
|
+
@import '../../../../node_modules/bootstrap/scss/variables';
|
|
4
|
+
@import 'variables/variables';
|
|
5
|
+
@import '../../../../node_modules/bootstrap/scss/mixins';
|
|
6
|
+
|
|
7
|
+
@import 'theme/base.scss';
|
|
8
|
+
@import 'theme/layers';
|
|
9
|
+
@import 'theme/buttons';
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FONT_BASE_SIZE}from"styles/mixins/_typography";export const pixelsToRem=o=>o/FONT_BASE_SIZE;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const FONT_BASE_SIZE=10;
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
//
|
|
2
|
+
// _buttons.scss
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
button,
|
|
6
|
+
a {
|
|
7
|
+
outline: none !important;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
// Rounded Buttons
|
|
11
|
+
.btn-rounded {
|
|
12
|
+
border-radius: 30px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// example 1
|
|
16
|
+
|
|
17
|
+
.btn-group-example {
|
|
18
|
+
.btn {
|
|
19
|
+
position: relative;
|
|
20
|
+
|
|
21
|
+
&:first-child {
|
|
22
|
+
&::before {
|
|
23
|
+
display: none;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&:before {
|
|
28
|
+
content: "OR";
|
|
29
|
+
position: absolute;
|
|
30
|
+
font-size: 10px;
|
|
31
|
+
width: 24px;
|
|
32
|
+
height: 24px;
|
|
33
|
+
line-height: 24px;
|
|
34
|
+
border-radius: 50%;
|
|
35
|
+
background-color: $gray-600;
|
|
36
|
+
color: $light;
|
|
37
|
+
border: 1px solid $white;
|
|
38
|
+
left: -12px;
|
|
39
|
+
top: 50%;
|
|
40
|
+
transform: translateY(-50%);
|
|
41
|
+
z-index: 1;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
// Example 2
|
|
47
|
+
|
|
48
|
+
.btn-label {
|
|
49
|
+
position: relative;
|
|
50
|
+
padding-left: 44px;
|
|
51
|
+
.label-icon {
|
|
52
|
+
position: absolute;
|
|
53
|
+
width: 32px;
|
|
54
|
+
height: 100%;
|
|
55
|
+
left: 0;
|
|
56
|
+
top: 0;
|
|
57
|
+
background-color: rgba($white, 0.1);
|
|
58
|
+
border-right: 1px solid rgba($white, 0.1);
|
|
59
|
+
font-size: 16px;
|
|
60
|
+
display: flex;
|
|
61
|
+
align-items: center;
|
|
62
|
+
justify-content: center;
|
|
63
|
+
}
|
|
64
|
+
&.btn-light {
|
|
65
|
+
.label-icon {
|
|
66
|
+
background-color: rgba($dark, 0.1);
|
|
67
|
+
border-right: 1px solid rgba($dark, 0.2);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
.btn-group-vertical{
|
|
74
|
+
label {
|
|
75
|
+
margin-bottom: 0px;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
//
|
|
81
|
+
// Soft Buttons
|
|
82
|
+
//
|
|
83
|
+
|
|
84
|
+
@mixin button-variant-soft($bg) {
|
|
85
|
+
color: $bg;
|
|
86
|
+
background-color: rgba($bg, 0.1);
|
|
87
|
+
border-color: transparent;
|
|
88
|
+
transition: all 0.5s ease;
|
|
89
|
+
&:hover,
|
|
90
|
+
&:focus,
|
|
91
|
+
&:active {
|
|
92
|
+
color: $white;
|
|
93
|
+
background-color: $bg;
|
|
94
|
+
border-color: transparent;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
@each $color,
|
|
99
|
+
$value in $theme-colors {
|
|
100
|
+
.btn-soft-#{$color} {
|
|
101
|
+
@include button-variant-soft($value);
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.like-btn {
|
|
106
|
+
&.active {
|
|
107
|
+
.bx-heart {
|
|
108
|
+
color: $danger;
|
|
109
|
+
&:before {
|
|
110
|
+
content: "\ec8f";
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
// Meyer's CSS Reset
|
|
2
|
+
html,
|
|
3
|
+
body,
|
|
4
|
+
div,
|
|
5
|
+
span,
|
|
6
|
+
applet,
|
|
7
|
+
object,
|
|
8
|
+
iframe,
|
|
9
|
+
h1,
|
|
10
|
+
h2,
|
|
11
|
+
h3,
|
|
12
|
+
h4,
|
|
13
|
+
h5,
|
|
14
|
+
h6,
|
|
15
|
+
p,
|
|
16
|
+
blockquote,
|
|
17
|
+
pre,
|
|
18
|
+
a,
|
|
19
|
+
abbr,
|
|
20
|
+
acronym,
|
|
21
|
+
address,
|
|
22
|
+
big,
|
|
23
|
+
cite,
|
|
24
|
+
code,
|
|
25
|
+
del,
|
|
26
|
+
dfn,
|
|
27
|
+
em,
|
|
28
|
+
img,
|
|
29
|
+
ins,
|
|
30
|
+
kbd,
|
|
31
|
+
q,
|
|
32
|
+
s,
|
|
33
|
+
samp,
|
|
34
|
+
small,
|
|
35
|
+
strike,
|
|
36
|
+
strong,
|
|
37
|
+
sub,
|
|
38
|
+
sup,
|
|
39
|
+
tt,
|
|
40
|
+
var,
|
|
41
|
+
b,
|
|
42
|
+
u,
|
|
43
|
+
i,
|
|
44
|
+
center,
|
|
45
|
+
dl,
|
|
46
|
+
dt,
|
|
47
|
+
dd,
|
|
48
|
+
ol,
|
|
49
|
+
ul,
|
|
50
|
+
li,
|
|
51
|
+
fieldset,
|
|
52
|
+
form,
|
|
53
|
+
label,
|
|
54
|
+
legend,
|
|
55
|
+
table,
|
|
56
|
+
caption,
|
|
57
|
+
tbody,
|
|
58
|
+
tfoot,
|
|
59
|
+
thead,
|
|
60
|
+
tr,
|
|
61
|
+
th,
|
|
62
|
+
td,
|
|
63
|
+
article,
|
|
64
|
+
aside,
|
|
65
|
+
canvas,
|
|
66
|
+
details,
|
|
67
|
+
embed,
|
|
68
|
+
figure,
|
|
69
|
+
figcaption,
|
|
70
|
+
footer,
|
|
71
|
+
header,
|
|
72
|
+
hgroup,
|
|
73
|
+
menu,
|
|
74
|
+
nav,
|
|
75
|
+
output,
|
|
76
|
+
ruby,
|
|
77
|
+
section,
|
|
78
|
+
summary,
|
|
79
|
+
time,
|
|
80
|
+
mark,
|
|
81
|
+
audio,
|
|
82
|
+
video {
|
|
83
|
+
margin: 0;
|
|
84
|
+
padding: 0;
|
|
85
|
+
border: 0;
|
|
86
|
+
font-family: inherit;
|
|
87
|
+
vertical-align: baseline;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
html {
|
|
91
|
+
box-sizing: border-box;
|
|
92
|
+
z-index: 1;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
*,
|
|
96
|
+
*:before,
|
|
97
|
+
*:after {
|
|
98
|
+
box-sizing: inherit;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
html,
|
|
102
|
+
body {
|
|
103
|
+
-moz-osx-font-smoothing: grayscale;
|
|
104
|
+
-webkit-font-smoothing: antialiased;
|
|
105
|
+
font-size: 10px;
|
|
106
|
+
font-family: sans-serif;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
input[type='text'],
|
|
110
|
+
input[type='password'],
|
|
111
|
+
input[type='search'],
|
|
112
|
+
textarea {
|
|
113
|
+
-webkit-appearance: none;
|
|
114
|
+
-moz-appearance: none;
|
|
115
|
+
appearance: none;
|
|
116
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
// Prefix for :root CSS variables
|
|
2
|
+
|
|
3
|
+
$variable-prefix: bs-; // Deprecated in v5.2.0 for the shorter `$prefix`
|
|
4
|
+
$prefix: $variable-prefix;
|
|
5
|
+
|
|
6
|
+
// scss-docs-start gray-color-variables
|
|
7
|
+
$white: #fff;
|
|
8
|
+
$gray-100: #f8f9fa;
|
|
9
|
+
$gray-200: #eff2f7;
|
|
10
|
+
$gray-300: #f6f6f6;
|
|
11
|
+
$gray-400: #ced4da;
|
|
12
|
+
$gray-500: #adb5bd;
|
|
13
|
+
$gray-600: #74788d;
|
|
14
|
+
$gray-700: #495057;
|
|
15
|
+
$gray-800: #343a40;
|
|
16
|
+
$gray-900: #212529;
|
|
17
|
+
$black: #000;
|
|
18
|
+
// scss-docs-end gray-color-variables
|
|
19
|
+
|
|
20
|
+
// fusv-disable
|
|
21
|
+
// scss-docs-start gray-colors-map
|
|
22
|
+
$grays: (
|
|
23
|
+
'100': $gray-100,
|
|
24
|
+
'200': $gray-200,
|
|
25
|
+
'300': $gray-300,
|
|
26
|
+
'400': $gray-400,
|
|
27
|
+
'500': $gray-500,
|
|
28
|
+
'600': $gray-600,
|
|
29
|
+
'700': $gray-700,
|
|
30
|
+
'800': $gray-800,
|
|
31
|
+
'900': $gray-900,
|
|
32
|
+
);
|
|
33
|
+
// scss-docs-end gray-colors-map
|
|
34
|
+
// fusv-enable
|
|
35
|
+
|
|
36
|
+
// scss-docs-start color-variables
|
|
37
|
+
$blue: #556ee6;
|
|
38
|
+
$indigo: #564ab1;
|
|
39
|
+
$purple: #6f42c1;
|
|
40
|
+
$pink: #e83e8c;
|
|
41
|
+
$red: #f46a6a;
|
|
42
|
+
$orange: #f1734f;
|
|
43
|
+
$yellow: #f1b44c;
|
|
44
|
+
$green: #34c38f;
|
|
45
|
+
$teal: #050505;
|
|
46
|
+
$cyan: #50a5f1;
|
|
47
|
+
// scss-docs-end color-variables
|
|
48
|
+
|
|
49
|
+
// scss-docs-start colors-map
|
|
50
|
+
$colors: (
|
|
51
|
+
'blue': $blue,
|
|
52
|
+
'indigo': $indigo,
|
|
53
|
+
'purple': $purple,
|
|
54
|
+
'pink': $pink,
|
|
55
|
+
'red': $red,
|
|
56
|
+
'orange': $orange,
|
|
57
|
+
'yellow': $yellow,
|
|
58
|
+
'green': $green,
|
|
59
|
+
'teal': $teal,
|
|
60
|
+
'cyan': $cyan,
|
|
61
|
+
'black': $black,
|
|
62
|
+
'white': $white,
|
|
63
|
+
'gray': $gray-600,
|
|
64
|
+
'gray-dark': $gray-800,
|
|
65
|
+
);
|
|
66
|
+
// scss-docs-end colors-map
|
|
67
|
+
|
|
68
|
+
// scss-docs-start theme-color-variables
|
|
69
|
+
$primary: $blue;
|
|
70
|
+
$secondary: $gray-600;
|
|
71
|
+
$success: $green;
|
|
72
|
+
$info: $cyan;
|
|
73
|
+
$warning: $yellow;
|
|
74
|
+
$danger: $red;
|
|
75
|
+
$light: $gray-200;
|
|
76
|
+
$dark: $gray-800;
|
|
77
|
+
// scss-docs-end theme-color-variables
|
|
78
|
+
|
|
79
|
+
$theme-colors: (
|
|
80
|
+
'primary': $primary,
|
|
81
|
+
'secondary': $secondary,
|
|
82
|
+
'success': $success,
|
|
83
|
+
'info': $info,
|
|
84
|
+
'warning': $warning,
|
|
85
|
+
'danger': $danger,
|
|
86
|
+
'pink': $pink,
|
|
87
|
+
'light': $light,
|
|
88
|
+
'dark': $dark,
|
|
89
|
+
);
|
|
90
|
+
|
|
91
|
+
// scss-docs-start theme-colors-map
|
|
92
|
+
$theme-colors-rgb: ();
|
|
93
|
+
|
|
94
|
+
@each $name, $color in $theme-colors {
|
|
95
|
+
$theme-colors-rgb: map-merge(
|
|
96
|
+
$theme-colors-rgb,
|
|
97
|
+
(
|
|
98
|
+
$name: to-rgb($color),
|
|
99
|
+
)
|
|
100
|
+
);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
$font-weight-lighter: lighter;
|
|
104
|
+
$font-weight-light: 300;
|
|
105
|
+
$font-weight-normal: 400;
|
|
106
|
+
$font-weight-semibold: 600;
|
|
107
|
+
$font-weight-bold: 600;
|
|
108
|
+
$font-weight-bolder: bolder;
|
|
109
|
+
|
|
110
|
+
// scss-docs-start border-variables
|
|
111
|
+
$border-width: 1px;
|
|
112
|
+
// scss-docs-start border-radius-variables
|
|
113
|
+
$border-radius: 0.25rem;
|
|
114
|
+
$border-radius-sm: 0.2rem;
|
|
115
|
+
$border-radius-lg: 0.4rem;
|
|
116
|
+
$border-radius-xl: 1rem;
|
|
117
|
+
$border-radius-2xl: 2rem;
|
|
118
|
+
$border-radius-pill: 50rem;
|
|
119
|
+
|
|
120
|
+
$font-size-base: 0.8125rem;
|
|
121
|
+
$font-size-sm: $font-size-base * 0.875;
|
|
122
|
+
$font-size-lg: $font-size-base * 1.25;
|
|
123
|
+
$line-height-base: 1.5;
|
|
124
|
+
$line-height-sm: 1.25;
|
|
125
|
+
$line-height-lg: 2;
|
|
126
|
+
$component-active-bg: $primary;
|
|
127
|
+
|
|
128
|
+
// Buttons + Forms
|
|
129
|
+
//
|
|
130
|
+
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
|
131
|
+
|
|
132
|
+
// scss-docs-start input-btn-variables
|
|
133
|
+
$input-btn-padding-y: 0.47rem;
|
|
134
|
+
$input-btn-padding-x: 0.75rem;
|
|
135
|
+
$input-btn-font-family: null;
|
|
136
|
+
$input-btn-font-size: $font-size-base;
|
|
137
|
+
$input-btn-line-height: $line-height-base;
|
|
138
|
+
|
|
139
|
+
$input-btn-focus-width: 0.15rem;
|
|
140
|
+
$input-btn-focus-color-opacity: 0.25;
|
|
141
|
+
$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity);
|
|
142
|
+
$input-btn-focus-blur: 0;
|
|
143
|
+
$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;
|
|
144
|
+
|
|
145
|
+
$input-btn-padding-y-sm: 0.25rem;
|
|
146
|
+
$input-btn-padding-x-sm: 0.5rem;
|
|
147
|
+
$input-btn-font-size-sm: $font-size-sm;
|
|
148
|
+
|
|
149
|
+
$input-btn-padding-y-lg: 0.5rem;
|
|
150
|
+
$input-btn-padding-x-lg: 1rem;
|
|
151
|
+
$input-btn-font-size-lg: $font-size-lg;
|
|
152
|
+
|
|
153
|
+
$input-btn-border-width: $border-width;
|
|
154
|
+
// scss-docs-end input-btn-variables
|
|
155
|
+
|
|
156
|
+
// Buttons
|
|
157
|
+
//
|
|
158
|
+
// For each of Bootstrap's buttons, define text, background, and border color.
|
|
159
|
+
|
|
160
|
+
// scss-docs-start btn-variables
|
|
161
|
+
$btn-padding-y: $input-btn-padding-y;
|
|
162
|
+
$btn-padding-x: $input-btn-padding-x;
|
|
163
|
+
$btn-font-family: $input-btn-font-family;
|
|
164
|
+
$btn-font-size: $input-btn-font-size;
|
|
165
|
+
$btn-line-height: $input-btn-line-height;
|
|
166
|
+
$btn-white-space: null; // Set to `nowrap` to prevent text wrapping
|
|
167
|
+
|
|
168
|
+
$btn-padding-y-sm: $input-btn-padding-y-sm;
|
|
169
|
+
$btn-padding-x-sm: $input-btn-padding-x-sm;
|
|
170
|
+
$btn-font-size-sm: $input-btn-font-size-sm;
|
|
171
|
+
|
|
172
|
+
$btn-padding-y-lg: $input-btn-padding-y-lg;
|
|
173
|
+
$btn-padding-x-lg: $input-btn-padding-x-lg;
|
|
174
|
+
$btn-font-size-lg: $input-btn-font-size-lg;
|
|
175
|
+
|
|
176
|
+
$btn-border-width: $input-btn-border-width;
|
|
177
|
+
|
|
178
|
+
$btn-font-weight: $font-weight-normal;
|
|
179
|
+
$btn-box-shadow:
|
|
180
|
+
inset 0 1px 0 rgba($white, 0.15),
|
|
181
|
+
0 1px 1px rgba($black, 0.075);
|
|
182
|
+
$btn-focus-width: $input-btn-focus-width;
|
|
183
|
+
$btn-focus-box-shadow: $input-btn-focus-box-shadow;
|
|
184
|
+
$btn-disabled-opacity: 0.65;
|
|
185
|
+
$btn-active-box-shadow: inset 0 3px 5px rgba($black, 0.125);
|
|
186
|
+
|
|
187
|
+
$btn-link-color: var(--#{$prefix}link-color);
|
|
188
|
+
$btn-link-hover-color: var(--#{$prefix}link-hover-color);
|
|
189
|
+
$btn-link-disabled-color: $gray-600;
|
|
190
|
+
|
|
191
|
+
// Allows for customizing button radius independently from global border radius
|
|
192
|
+
$btn-border-radius: $border-radius;
|
|
193
|
+
$btn-border-radius-sm: $border-radius-sm;
|
|
194
|
+
$btn-border-radius-lg: $border-radius-lg;
|
|
195
|
+
|
|
196
|
+
$btn-transition:
|
|
197
|
+
color 0.15s ease-in-out,
|
|
198
|
+
background-color 0.15s ease-in-out,
|
|
199
|
+
border-color 0.15s ease-in-out,
|
|
200
|
+
box-shadow 0.15s ease-in-out;
|
|
201
|
+
|
|
202
|
+
$btn-hover-bg-shade-amount: 15%;
|
|
203
|
+
$btn-hover-bg-tint-amount: 15%;
|
|
204
|
+
$btn-hover-border-shade-amount: 20%;
|
|
205
|
+
$btn-hover-border-tint-amount: 10%;
|
|
206
|
+
$btn-active-bg-shade-amount: 20%;
|
|
207
|
+
$btn-active-bg-tint-amount: 20%;
|
|
208
|
+
$btn-active-border-shade-amount: 25%;
|
|
209
|
+
$btn-active-border-tint-amount: 10%;
|
|
210
|
+
// scss-docs-end btn-variables
|