cleek 1.1.3 → 1.1.4

package/dist/cleek.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, resolveComponent, createBlock, withCtx, createCommentVNode, normalizeClass, renderSlot } from 'vue';
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, normalizeClass, renderSlot } from 'vue';
 
 var script$1 = /*#__PURE__*/defineComponent({
   name: 'CleekSample',
@@ -200,37 +200,17 @@ const _hoisted_1 = {
   class: "ck-button"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ck_label = resolveComponent("ck-label");
-
-  const _component_ck_icon = resolveComponent("ck-icon");
-
-  return openBlock(), createElementBlock("div", _hoisted_1, [$props.label ? (openBlock(), createBlock(_component_ck_label, {
-    key: 0,
-    "label-align": "labelAlign"
-  }, {
-    default: withCtx(() => [createTextVNode(toDisplayString($props.label), 1)]),
-    _: 1
-  })) : createCommentVNode("", true), createElementVNode("button", {
+  return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
     class: normalizeClass($options.computedClass),
     onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event))
-  }, [$props.icon ? (openBlock(), createBlock(_component_ck_icon, {
-    key: 0,
-    class: "ck-button--icon-left",
-    icon: $props.icon,
-    "icon-package": _ctx.iconPackage
-  }, null, 8, ["icon", "icon-package"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), _ctx.iconRight ? (openBlock(), createBlock(_component_ck_icon, {
-    key: 1,
-    class: "ck-button--icon-right",
-    icon: _ctx.iconRight,
-    "icon-package": _ctx.iconPackage
-  }, null, 8, ["icon", "icon-package"])) : createCommentVNode("", true)], 2)]);
+  }, [renderSlot(_ctx.$slots, "default")], 2)]);
 }
 
-var css_248z = "\n@import url('../styles/dist/ck-button.css');\r\n";
+var css_248z = "\n@import url('../../dist/styles/ck-button.css');\r\n";
 styleInject(css_248z);
 
 script.render = render;
-script.__scopeId = "data-v-2384caa0";
+script.__scopeId = "data-v-e00f6d2c";
 
 /* eslint-disable import/prefer-default-export */
 // export { default as CkInputText } from './ck-input-text.vue';

package/dist/cleek.min.js

@@ -1 +1 @@
-var Cleek=function(e){"use strict";function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var o,r,c=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(c.push(o.value),!t||c.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw r}}return c}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var o=e.defineComponent({name:"CleekSample",data:function(){return{counter:5,initCounter:5,message:{action:null,amount:null}}},computed:{changedBy:function(){var e=this.message;return e.action?"".concat(e.action," ").concat(e.amount||"").trim():"initialized"}},methods:{increment:function(e){var t="number"!=typeof e?1:e;this.counter+=t,this.message.action="incremented by",this.message.amount=t},decrement:function(e){var t="number"!=typeof e?1:e;this.counter-=t,this.message.action="decremented by",this.message.amount=t},reset:function(){this.counter=this.initCounter,this.message.action="reset",this.message.amount=null}}}),r={class:"cleek-sample"},c=e.createTextVNode(".");function a(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}a("\n.cleek-sample[data-v-0917b8aa] {\n    display: block;\n    width: 400px;\n    margin: 25px auto;\n    border: 1px solid #ccc;\n    background: #eaeaea;\n    text-align: center;\n    padding: 25px;\n}\n.cleek-sample p[data-v-0917b8aa] {\n    margin: 0 0 1em;\n}\n"),o.render=function(t,n,o,a,i,l){return e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("p",null,[e.createTextVNode("The counter was "+e.toDisplayString(t.changedBy)+" to ",1),e.createElementVNode("b",null,e.toDisplayString(t.counter),1),c]),e.createElementVNode("button",{onClick:n[0]||(n[0]=function(){return t.increment&&t.increment.apply(t,arguments)})}," Click +1 "),e.createElementVNode("button",{onClick:n[1]||(n[1]=function(){return t.decrement&&t.decrement.apply(t,arguments)})}," Click -1 "),e.createElementVNode("button",{onClick:n[2]||(n[2]=function(e){return t.increment(5)})}," Click +5 "),e.createElementVNode("button",{onClick:n[3]||(n[3]=function(e){return t.decrement(5)})}," Click -5 "),e.createElementVNode("button",{onClick:n[4]||(n[4]=function(){return t.reset&&t.reset.apply(t,arguments)})}," Reset ")])},o.__scopeId="data-v-0917b8aa";var i=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.group,n=void 0===t?"":t,o=e.groupVertical,r=void 0===o?"":o,c=e.groupBreak,a=void 0===c?"":c,i="";if(a&&a===i)return[];var l=[];return n&&l.push("ck-component__group--".concat(n)),r&&l.push("ck-component__group-vertical--".concat(r)),l},l={props:{type:{type:String,default:""},color:{type:String,default:""},icon:{type:[String,Array],default:""},"icon-package":{type:String,default:""},"icon-right":{type:String,default:""},label:{type:String,default:""},"label-align":{type:String,default:""},group:{type:String,default:""},groupBreak:{type:String,default:"s"},groupVertical:{type:String,default:""}},computed:{computedClass:function(){var e=[];return e.push(i(this)),this.color&&("filled"===this.type?e.push("ck-component__bg-color--".concat(this.color)):e.push("ck-component__border-color--".concat(this.color))),e}}},u={class:"ck-button"};a("\n@import url('../styles/dist/ck-button.css');\r\n"),l.render=function(t,n,o,r,c,a){var i=e.resolveComponent("ck-label"),l=e.resolveComponent("ck-icon");return e.openBlock(),e.createElementBlock("div",u,[o.label?(e.openBlock(),e.createBlock(i,{key:0,"label-align":"labelAlign"},{default:e.withCtx((function(){return[e.createTextVNode(e.toDisplayString(o.label),1)]})),_:1})):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass(a.computedClass),onClick:n[0]||(n[0]=function(e){return t.$emit("click",e)})},[o.icon?(e.openBlock(),e.createBlock(l,{key:0,class:"ck-button--icon-left",icon:o.icon,"icon-package":t.iconPackage},null,8,["icon","icon-package"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.iconRight?(e.openBlock(),e.createBlock(l,{key:1,class:"ck-button--icon-right",icon:t.iconRight,"icon-package":t.iconPackage},null,8,["icon","icon-package"])):e.createCommentVNode("",!0)],2)])},l.__scopeId="data-v-2384caa0";var s=Object.freeze({__proto__:null,CleekSample:o,CkButton:l}),p=function(e,n){console.log("arranco paquete"),console.log("options",n),Object.entries(s).forEach((function(n){var o=t(n,2),r=o[0],c=o[1];e.component(r,c)}))},d=Object.freeze({__proto__:null,default:p,CleekSample:o,CkButton:l});return Object.entries(d).forEach((function(e){var n=t(e,2),o=n[0],r=n[1];"default"!==o&&(p[o]=r)})),p}(Vue);
+var Cleek=function(e){"use strict";function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],c=!0,i=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);c=!0);}catch(e){i=!0,o=e}finally{try{c||null==n.return||n.return()}finally{if(i)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var r=e.defineComponent({name:"CleekSample",data:function(){return{counter:5,initCounter:5,message:{action:null,amount:null}}},computed:{changedBy:function(){var e=this.message;return e.action?"".concat(e.action," ").concat(e.amount||"").trim():"initialized"}},methods:{increment:function(e){var t="number"!=typeof e?1:e;this.counter+=t,this.message.action="incremented by",this.message.amount=t},decrement:function(e){var t="number"!=typeof e?1:e;this.counter-=t,this.message.action="decremented by",this.message.amount=t},reset:function(){this.counter=this.initCounter,this.message.action="reset",this.message.amount=null}}}),o={class:"cleek-sample"},a=e.createTextVNode(".");function c(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}c("\n.cleek-sample[data-v-0917b8aa] {\n    display: block;\n    width: 400px;\n    margin: 25px auto;\n    border: 1px solid #ccc;\n    background: #eaeaea;\n    text-align: center;\n    padding: 25px;\n}\n.cleek-sample p[data-v-0917b8aa] {\n    margin: 0 0 1em;\n}\n"),r.render=function(t,n,r,c,i,l){return e.openBlock(),e.createElementBlock("div",o,[e.createElementVNode("p",null,[e.createTextVNode("The counter was "+e.toDisplayString(t.changedBy)+" to ",1),e.createElementVNode("b",null,e.toDisplayString(t.counter),1),a]),e.createElementVNode("button",{onClick:n[0]||(n[0]=function(){return t.increment&&t.increment.apply(t,arguments)})}," Click +1 "),e.createElementVNode("button",{onClick:n[1]||(n[1]=function(){return t.decrement&&t.decrement.apply(t,arguments)})}," Click -1 "),e.createElementVNode("button",{onClick:n[2]||(n[2]=function(e){return t.increment(5)})}," Click +5 "),e.createElementVNode("button",{onClick:n[3]||(n[3]=function(e){return t.decrement(5)})}," Click -5 "),e.createElementVNode("button",{onClick:n[4]||(n[4]=function(){return t.reset&&t.reset.apply(t,arguments)})}," Reset ")])},r.__scopeId="data-v-0917b8aa";var i=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.group,n=void 0===t?"":t,r=e.groupVertical,o=void 0===r?"":r,a=e.groupBreak,c=void 0===a?"":a,i="";if(c&&c===i)return[];var l=[];return n&&l.push("ck-component__group--".concat(n)),o&&l.push("ck-component__group-vertical--".concat(o)),l},l={props:{type:{type:String,default:""},color:{type:String,default:""},icon:{type:[String,Array],default:""},"icon-package":{type:String,default:""},"icon-right":{type:String,default:""},label:{type:String,default:""},"label-align":{type:String,default:""},group:{type:String,default:""},groupBreak:{type:String,default:"s"},groupVertical:{type:String,default:""}},computed:{computedClass:function(){var e=[];return e.push(i(this)),this.color&&("filled"===this.type?e.push("ck-component__bg-color--".concat(this.color)):e.push("ck-component__border-color--".concat(this.color))),e}}},u={class:"ck-button"};c("\n@import url('../../dist/styles/ck-button.css');\r\n"),l.render=function(t,n,r,o,a,c){return e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("button",{class:e.normalizeClass(c.computedClass),onClick:n[0]||(n[0]=function(e){return t.$emit("click",e)})},[e.renderSlot(t.$slots,"default")],2)])},l.__scopeId="data-v-e00f6d2c";var s=Object.freeze({__proto__:null,CleekSample:r,CkButton:l}),d=function(e,n){console.log("arranco paquete"),console.log("options",n),Object.entries(s).forEach((function(n){var r=t(n,2),o=r[0],a=r[1];e.component(o,a)}))},p=Object.freeze({__proto__:null,default:d,CleekSample:r,CkButton:l});return Object.entries(p).forEach((function(e){var n=t(e,2),r=n[0],o=n[1];"default"!==r&&(d[r]=o)})),d}(Vue);

package/dist/cleek.ssr.js

@@ -242,37 +242,15 @@ var _hoisted_1 = {
   class: "ck-button"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_ck_label = vue.resolveComponent("ck-label");
-
-  var _component_ck_icon = vue.resolveComponent("ck-icon");
-
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [$props.label ? (vue.openBlock(), vue.createBlock(_component_ck_label, {
-    key: 0,
-    "label-align": "labelAlign"
-  }, {
-    default: vue.withCtx(function () {
-      return [vue.createTextVNode(vue.toDisplayString($props.label), 1)];
-    }),
-    _: 1
-  })) : vue.createCommentVNode("", true), vue.createElementVNode("button", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [vue.createElementVNode("button", {
     class: vue.normalizeClass($options.computedClass),
     onClick: _cache[0] || (_cache[0] = function ($event) {
       return _ctx.$emit('click', $event);
     })
-  }, [$props.icon ? (vue.openBlock(), vue.createBlock(_component_ck_icon, {
-    key: 0,
-    class: "ck-button--icon-left",
-    icon: $props.icon,
-    "icon-package": _ctx.iconPackage
-  }, null, 8, ["icon", "icon-package"])) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default"), _ctx.iconRight ? (vue.openBlock(), vue.createBlock(_component_ck_icon, {
-    key: 1,
-    class: "ck-button--icon-right",
-    icon: _ctx.iconRight,
-    "icon-package": _ctx.iconPackage
-  }, null, 8, ["icon", "icon-package"])) : vue.createCommentVNode("", true)], 2)]);
-}var css_248z = "\n@import url('../styles/dist/ck-button.css');\r\n";
+  }, [vue.renderSlot(_ctx.$slots, "default")], 2)]);
+}var css_248z = "\n@import url('../../dist/styles/ck-button.css');\r\n";
 styleInject(css_248z);script.render = render;
-script.__scopeId = "data-v-2384caa0";/* eslint-disable import/prefer-default-export */
+script.__scopeId = "data-v-e00f6d2c";/* eslint-disable import/prefer-default-export */
 // export { default as CkInputText } from './ck-input-text.vue';
 // export { default as CkLabel } from './ck-label.vue';
 // export { default as CkTextarea } from './ck-textarea.vue';

package/dist/styles/ck-button.css

@@ -0,0 +1,132 @@
+.ck-button {
+  display: inline-flex;
+}
+.ck-button > button {
+  width: 100%;
+  font-family: inherit;
+  cursor: pointer;
+  padding: 0.7rem 1.4rem;
+  font-size: 1rem;
+  border-radius: 0.4rem;
+  background-color: #fff;
+  border: 1px solid #000;
+  color: #000;
+  display: inline-block;
+  min-height: 40px;
+}
+.ck-button > button > .ck-button--icon-left {
+  padding-right: 0.5rem;
+}
+.ck-button > button > .ck-button--icon-right {
+  padding-left: 0.5rem;
+}
+.ck-component__group--left {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  border-right: 0 !important;
+}
+.ck-component__group--right {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+.ck-component__group--center {
+  border-radius: 0 !important;
+  border-right: 0 !important;
+}
+.ck-component__group-vertical--top {
+  border-bottom: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.ck-component__group-vertical--bottom {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
+.ck-component__group-vertical--center {
+  border-radius: 0 !important;
+  border-bottom: 0 !important;
+}
+.ck-component__bg-color--primary {
+  background-color: #000 !important;
+  border-color: #000 !important;
+  color: #fff !important;
+}
+.ck-component__bg-color--primary-light {
+  background-color: rgba(0,0,0,0.15) !important;
+  border-color: rgba(0,0,0,0.15) !important;
+  color: #000 !important;
+  font-weight: 600 !important;
+}
+.ck-component__bg-color--secondary {
+  background-color: #999 !important;
+  border-color: #999 !important;
+  color: #fff !important;
+}
+.ck-component__bg-color--secondary-light {
+  background-color: rgba(153,153,153,0.15) !important;
+  border-color: rgba(153,153,153,0.15) !important;
+  color: #999 !important;
+  font-weight: 600 !important;
+}
+.ck-component__bg-color--success {
+  background-color: #95cd41 !important;
+  border-color: #95cd41 !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--danger {
+  background-color: #ff5959 !important;
+  border-color: #ff5959 !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--warning {
+  background-color: #ffbd35 !important;
+  border-color: #ffbd35 !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--dark {
+  background-color: #1e1e1e !important;
+  border-color: #1e1e1e !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--light {
+  background-color: #f0f0f0 !important;
+  border-color: #f0f0f0 !important;
+}
+.ck-component__border-color--primary {
+  color: #000 !important;
+  border-color: #000 !important;
+}
+.ck-component__border-color--primary-light {
+  color: rgba(0,0,0,0.15) !important;
+  border-color: rgba(0,0,0,0.15) !important;
+  font-weight: 600 !important;
+}
+.ck-component__border-color--secondary {
+  color: #999 !important;
+  border-color: #999 !important;
+}
+.ck-component__border-color--secondary-light {
+  color: rgba(153,153,153,0.15) !important;
+  border-color: rgba(153,153,153,0.15) !important;
+  font-weight: 600 !important;
+}
+.ck-component__border-color--success {
+  color: #95cd41 !important;
+  border-color: #95cd41 !important;
+}
+.ck-component__border-color--danger {
+  color: #ff5959 !important;
+  border-color: #ff5959 !important;
+}
+.ck-component__border-color--warning {
+  color: #ffbd35 !important;
+  border-color: #ffbd35 !important;
+}
+.ck-component__border-color--dark {
+  color: #1e1e1e !important;
+  border-color: #1e1e1e !important;
+}
+.ck-component__border-color--light {
+  color: #f0f0f0 !important;
+  border-color: #f0f0f0 !important;
+}

package/dist/styles/globalStyle.css

@@ -0,0 +1,110 @@
+.ck-component__group--left {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  border-right: 0 !important;
+}
+.ck-component__group--right {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+.ck-component__group--center {
+  border-radius: 0 !important;
+  border-right: 0 !important;
+}
+.ck-component__group-vertical--top {
+  border-bottom: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.ck-component__group-vertical--bottom {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
+.ck-component__group-vertical--center {
+  border-radius: 0 !important;
+  border-bottom: 0 !important;
+}
+.ck-component__bg-color--primary {
+  background-color: #000 !important;
+  border-color: #000 !important;
+  color: #fff !important;
+}
+.ck-component__bg-color--primary-light {
+  background-color: rgba(0,0,0,0.15) !important;
+  border-color: rgba(0,0,0,0.15) !important;
+  color: #000 !important;
+  font-weight: 600 !important;
+}
+.ck-component__bg-color--secondary {
+  background-color: #999 !important;
+  border-color: #999 !important;
+  color: #fff !important;
+}
+.ck-component__bg-color--secondary-light {
+  background-color: rgba(153,153,153,0.15) !important;
+  border-color: rgba(153,153,153,0.15) !important;
+  color: #999 !important;
+  font-weight: 600 !important;
+}
+.ck-component__bg-color--success {
+  background-color: #95cd41 !important;
+  border-color: #95cd41 !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--danger {
+  background-color: #ff5959 !important;
+  border-color: #ff5959 !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--warning {
+  background-color: #ffbd35 !important;
+  border-color: #ffbd35 !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--dark {
+  background-color: #1e1e1e !important;
+  border-color: #1e1e1e !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--light {
+  background-color: #f0f0f0 !important;
+  border-color: #f0f0f0 !important;
+}
+.ck-component__border-color--primary {
+  color: #000 !important;
+  border-color: #000 !important;
+}
+.ck-component__border-color--primary-light {
+  color: rgba(0,0,0,0.15) !important;
+  border-color: rgba(0,0,0,0.15) !important;
+  font-weight: 600 !important;
+}
+.ck-component__border-color--secondary {
+  color: #999 !important;
+  border-color: #999 !important;
+}
+.ck-component__border-color--secondary-light {
+  color: rgba(153,153,153,0.15) !important;
+  border-color: rgba(153,153,153,0.15) !important;
+  font-weight: 600 !important;
+}
+.ck-component__border-color--success {
+  color: #95cd41 !important;
+  border-color: #95cd41 !important;
+}
+.ck-component__border-color--danger {
+  color: #ff5959 !important;
+  border-color: #ff5959 !important;
+}
+.ck-component__border-color--warning {
+  color: #ffbd35 !important;
+  border-color: #ffbd35 !important;
+}
+.ck-component__border-color--dark {
+  color: #1e1e1e !important;
+  border-color: #1e1e1e !important;
+}
+.ck-component__border-color--light {
+  color: #f0f0f0 !important;
+  border-color: #f0f0f0 !important;
+}

package/dist/styles/test.css

@@ -0,0 +1,3 @@
+* {
+  background-color: #00f;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cleek",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "",
   "main": "dist/cleek.ssr.js",
   "browser": "dist/cleek.esm.js",
@@ -20,8 +20,8 @@
     "build:es": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es",
     "build:unpkg": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife",
     "postbuild": "rimraf ./dist/types/dev ./dist/types/src/entry.d.ts",
-    "watch-styles": "stylus -w src/styles/ -o src/styles/dist/",
-    "build-styles": "stylus src/styles/ -o src/styles/dist/"
+    "watch-styles": "stylus -w src/styles/ -o dist/styles",
+    "build-styles": "stylus src/styles/ -o dist/styles/"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.36",

package/src/lib-components/ck-button.vue

@@ -1,24 +1,24 @@
 <template lang="pug">
 .ck-button
-  ck-label(v-if="label" label-align="labelAlign") {{ label }}
+  //- ck-label(v-if="label" label-align="labelAlign") {{ label }}
   button(
   :class="computedClass"
   @click="$emit('click', $event)"
   )
     //- icon left
-    ck-icon.ck-button--icon-left(
-    v-if="icon"
-    :icon="icon"
-    :icon-package="iconPackage"
-    )
+    //- ck-icon.ck-button--icon-left(
+    //- v-if="icon"
+    //- :icon="icon"
+    //- :icon-package="iconPackage"
+    //- )
     //- slot
     slot
     //- icon right
-    ck-icon.ck-button--icon-right(
-    v-if="iconRight"
-    :icon="iconRight"
-    :icon-package="iconPackage"
-    )
+    //- ck-icon.ck-button--icon-right(
+    //- v-if="iconRight"
+    //- :icon="iconRight"
+    //- :icon-package="iconPackage"
+    //- )
 </template>
 
 <script>
@@ -62,5 +62,5 @@ export default {
 </script>
 
 <style scoped>
-@import url('../styles/dist/ck-button.css');
+@import url('../../dist/styles/ck-button.css');
 </style>