cleek 1.2.1 → 1.2.2
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/README.md +3 -7
- package/dist/cleek.umd.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
# 🌙
|
|
2
|
-
|
|
3
|
-
[](https://www.npmjs.com/package/@ulissesferreira/moon)
|
|
4
|
-
[](https://bundlephobia.com/result?p=@ulissesferreira/moon@latest)
|
|
5
|
-
[](https://github.com/ulissesferreira/moon/blob/main/LICENSE)
|
|
1
|
+
# 🌙 Cleek
|
|
6
2
|
|
|
7
3
|
A lightweight Vue 3 component library.
|
|
8
4
|
|
|
@@ -13,13 +9,13 @@ When you are starting a new prototype you want to be able to develop features fa
|
|
|
13
9
|
First install the library using your prefered package manager
|
|
14
10
|
|
|
15
11
|
```bash
|
|
16
|
-
yarn add
|
|
12
|
+
yarn add cleek
|
|
17
13
|
```
|
|
18
14
|
|
|
19
15
|
then you can import the available components like so
|
|
20
16
|
|
|
21
17
|
```vue
|
|
22
|
-
import { Button } from
|
|
18
|
+
import { Button } from cleek
|
|
23
19
|
```
|
|
24
20
|
|
|
25
21
|
## Available commands
|
package/dist/cleek.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).cleek={},e.Vue)}(this,(function(e,t){"use strict";const n={name:"Button",props:{label:{type:String,required:!1,default:void 0},title:{type:String,required:!1,default:void 0},type:{type:String,required:!1,default:"default",validator:e=>["default","outlined","text"].includes(e)},disabled:{type:Boolean,required:!1,default:!1}},emits:["click"],computed:{buttonClassObject(){return{"is-default":"default"===this.type,"is-outlined":"outlined"===this.type,"is-text":"text"===this.type}}},methods:{onClick(e){this.$emit("click",e)}}},o=t.withScopeId("data-v-aac8ab02")(((e,n,o,r,i,a)=>(t.openBlock(),t.createBlock("button",{class:a.buttonClassObject,type:"button",title:o.title,"aria-label":o.title,disabled:o.disabled,onClick:n[1]||(n[1]=e=>a.onClick(e))},[t.createVNode("span",null,t.toDisplayString(o.label),1)],10,["title","aria-label","disabled"]))));n.render=o,n.__scopeId="data-v-aac8ab02";const r={name:"Checkbox",props:{modelValue:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:void 0},disabled:{type:Boolean,required:!1,default:!1}},emits:["update:modelValue"],data(){return{state:this.modelValue}},computed:{checkboxAttributes(){return{"aria-disabled":this.disabled,tabindex:this.disabled?void 0:"0"}}},watch:{modelValue(e){this.state=e},state(e){this.$emit("update:modelValue",e)}},methods:{onTrigger(){this.state=!this.state}}},i=t.withScopeId("data-v-83256a4a");t.pushScopeId("data-v-83256a4a");const a=t.createVNode("div",{class:"c-Checkbox__element"},null,-1),s={key:0,class:"c-Checkbox__label"};t.popScopeId();const l=i(((e,n,o,r,i,l)=>(t.openBlock(),t.createBlock("label",t.mergeProps({class:"c-Checkbox"},l.checkboxAttributes,{onKeydown:n[2]||(n[2]=t.withKeys(t.withModifiers((()=>{}),["prevent"]),["space"])),onKeyup:[n[3]||(n[3]=t.withKeys((e=>l.onTrigger()),["enter"])),n[4]||(n[4]=t.withKeys((e=>l.onTrigger()),["space"]))]}),[t.createVNode("input",{"aria-hidden":"true",class:"c-Checkbox__input",type:"checkbox",disabled:o.disabled,checked:i.state,onChange:n[1]||(n[1]=e=>i.state=e.target.checked)},null,40,["disabled","checked"]),a,o.label?(t.openBlock(),t.createBlock("span",s,t.toDisplayString(o.label),1)):t.createCommentVNode("",!0)],16))));r.render=l,r.__scopeId="data-v-83256a4a";const c={name:"Input",props:{modelValue:{type:String,required:!1,default:void 0},label:{type:String,required:!1,default:void 0},placeholder:{type:String,required:!1,default:void 0},name:{type:String,required:!1,default:void 0},required:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1}},emits:["update:modelValue"],data(){return{text:this.modelValue}},computed:{inputClassObject(){const e=""!==this.text&&void 0!==this.text,t=""!==this.placeholder&&void 0!==this.placeholder;return{"has-value":e||t,"has-label":""!==this.label&&void 0!==this.label}}},watch:{modelValue(e){this.text=e},text(e){this.$emit("update:modelValue",e)}},methods:{onLabelClick(){this.$refs.input.focus()}}},d=t.withScopeId("data-v-3dca19c0")(((e,n,o,r,i,a)=>(t.openBlock(),t.createBlock("div",{class:["c-Input",a.inputClassObject]},[t.createVNode("input",{ref:"input",class:"c-Input__input",type:"text",value:i.text,name:o.name,required:o.required,disabled:o.disabled,"aria-label":o.label,placeholder:o.placeholder,onInput:n[1]||(n[1]=e=>i.text=e.target.value)},null,40,["value","name","required","disabled","aria-label","placeholder"]),t.createVNode("span",{class:"c-Input__label",title:o.label,onMousedown:n[2]||(n[2]=t.withModifiers((e=>a.onLabelClick(e)),["prevent"]))},t.toDisplayString(o.label),41,["title"])],2))));c.render=d,c.__scopeId="data-v-3dca19c0";const u={name:"Link",props:{label:{type:String,required:!0},title:{type:String,default:null,required:!1},href:{type:String,default:null,required:!1},openOnNewTab:{type:Boolean,default:!1,required:!1},disabled:{type:Boolean,default:!1,required:!1}},emits:["click"],computed:{linkAttributes(){return{title:this.title?this.title:this.label,href:this.disabled?void 0:this.href,rel:this.openOnNewTab?"noopener noreferrer":void 0,target:this.openOnNewTab?"_blank":void 0,"aria-disabled":this.disabled,tabindex:this.disabled?void 0:"0"}}},methods:{onClick(){this.disabled||this.$emit("click")}}},p=t.withScopeId("data-v-e0d33712");t.pushScopeId("data-v-e0d33712");const f={class:"c-Link__label"};t.popScopeId();const h=p(((e,n,o,r,i,a)=>(t.openBlock(),t.createBlock("a",t.mergeProps({class:"c-Link"},a.linkAttributes,{onClick:n[1]||(n[1]=e=>a.onClick()),onKeydown:n[2]||(n[2]=t.withKeys(t.withModifiers((()=>{}),["prevent"]),["space"])),onKeyup:[n[3]||(n[3]=t.withKeys((e=>a.onClick()),["enter"])),n[4]||(n[4]=t.withKeys((e=>a.onClick()),["space"]))]}),[t.createVNode("span",f,t.toDisplayString(o.label),1)],16))));u.render=h,u.__scopeId="data-v-e0d33712";
|
|
2
2
|
/*!
|
|
3
3
|
* tabbable 5.2.0
|
|
4
4
|
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|