cleek 2.6.95 → 2.6.97

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/LICENSE CHANGED
@@ -1,21 +1,21 @@
1
- MIT License
2
-
3
- Copyright (c) 2022 Quantic Onion
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
1
+ MIT License
2
+
3
+ Copyright (c) 2022 Quantic Onion
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -1,66 +1,66 @@
1
- # 🌙 Cleek
2
-
3
- A lightweight Vue 3 component library.
4
-
5
- When you are starting a new prototype you want to be able to develop features fast. We created this component library as a way for us to build products quickly without having to deal with complicated packages and a huge bundle sizes.
6
-
7
- ## Usage
8
-
9
- First install the library using your prefered package manager
10
-
11
- ```bash
12
- yarn add cleek
13
- ```
14
-
15
- then you can import the available components like so
16
-
17
- ```vue
18
- import { Button } from cleek
19
- ```
20
-
21
- ## Available commands
22
-
23
- Here is a list of all available npm commands.
24
-
25
- **Starting the dev environment**
26
- We use Vue Press to hold our component documentation and examples
27
-
28
- ```bash
29
- yarn dev
30
- ```
31
-
32
- **Building the documentation**
33
-
34
- ```bash
35
- yarn build
36
- ```
37
-
38
- **Serving the documentation**
39
-
40
- ```bash
41
- yarn serve
42
- ```
43
-
44
- **Building the library bundles**
45
-
46
- ```bash
47
- yarn build:library
48
- ```
49
-
50
- **Analyzing bundle sizes with [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer)**
51
-
52
- ```bash
53
- yarn analyze
54
- ```
55
-
56
- **Lint all files**
57
-
58
- ```bash
59
- yarn lint
60
- ```
61
-
62
- **Format all files**
63
-
64
- ```bash
65
- yarn format
66
- ```
1
+ # 🌙 Cleek
2
+
3
+ A lightweight Vue 3 component library.
4
+
5
+ When you are starting a new prototype you want to be able to develop features fast. We created this component library as a way for us to build products quickly without having to deal with complicated packages and a huge bundle sizes.
6
+
7
+ ## Usage
8
+
9
+ First install the library using your prefered package manager
10
+
11
+ ```bash
12
+ yarn add cleek
13
+ ```
14
+
15
+ then you can import the available components like so
16
+
17
+ ```vue
18
+ import { Button } from cleek
19
+ ```
20
+
21
+ ## Available commands
22
+
23
+ Here is a list of all available npm commands.
24
+
25
+ **Starting the dev environment**
26
+ We use Vue Press to hold our component documentation and examples
27
+
28
+ ```bash
29
+ yarn dev
30
+ ```
31
+
32
+ **Building the documentation**
33
+
34
+ ```bash
35
+ yarn build
36
+ ```
37
+
38
+ **Serving the documentation**
39
+
40
+ ```bash
41
+ yarn serve
42
+ ```
43
+
44
+ **Building the library bundles**
45
+
46
+ ```bash
47
+ yarn build:library
48
+ ```
49
+
50
+ **Analyzing bundle sizes with [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer)**
51
+
52
+ ```bash
53
+ yarn analyze
54
+ ```
55
+
56
+ **Lint all files**
57
+
58
+ ```bash
59
+ yarn lint
60
+ ```
61
+
62
+ **Format all files**
63
+
64
+ ```bash
65
+ yarn format
66
+ ```
@@ -1,34 +1,34 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5,
6
- h6,
7
- div,
8
- span,
9
- p,
10
- ul,
11
- ol,
12
- li
13
- margin 0
14
- padding 0
15
- box-sizing border-box
16
- a
17
- color unset
18
- text-decoration unset
19
- ul
20
- list-style-type none
21
-
22
- body
23
- margin 0
24
- padding 0
25
-
26
- // INPUT NUMBER ARROWS
27
- /* Chrome, Safari, Edge, Opera */
28
- input::-webkit-outer-spin-button
29
- input::-webkit-inner-spin-button
30
- -webkit-appearance none
31
- margin 0
32
- /* Firefox */
33
- input[type=number]
34
- -moz-appearance textfield
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5,
6
+ h6,
7
+ div,
8
+ span,
9
+ p,
10
+ ul,
11
+ ol,
12
+ li
13
+ margin 0
14
+ padding 0
15
+ box-sizing border-box
16
+ a
17
+ color unset
18
+ text-decoration unset
19
+ ul
20
+ list-style-type none
21
+
22
+ body
23
+ margin 0
24
+ padding 0
25
+
26
+ // INPUT NUMBER ARROWS
27
+ /* Chrome, Safari, Edge, Opera */
28
+ input::-webkit-outer-spin-button
29
+ input::-webkit-inner-spin-button
30
+ -webkit-appearance none
31
+ margin 0
32
+ /* Firefox */
33
+ input[type=number]
34
+ -moz-appearance textfield
@@ -1,6 +1,6 @@
1
- .ck-inputs--container
2
- display flex
3
- align-items flex-end
4
- flex-wrap wrap
5
- .ck-inputs--item
6
- margin-bottom 0.5rem
1
+ .ck-inputs--container
2
+ display flex
3
+ align-items flex-end
4
+ flex-wrap wrap
5
+ .ck-inputs--item
6
+ margin-bottom 0.5rem
@@ -1,101 +1,101 @@
1
- margin-x(margin)
2
- margin-right margin
3
- margin-left margin
4
- margin-y(margin)
5
- margin-top margin
6
- margin-bottom margin
7
- padding-x(padding)
8
- padding-right padding
9
- padding-left padding
10
- padding-y(padding)
11
- padding-top padding
12
- padding-bottom padding
13
- border-x(width, type, color)
14
- border-left width type color
15
- border-right width type color
16
- border-y(width, type, color)
17
- border-top width type color
18
- border-bottom width type color
19
- border-radius-left(radius)
20
- border-top-left-radius radius
21
- border-bottom-left-radius radius
22
- border-radius-right(radius)
23
- border-top-right-radius radius
24
- border-bottom-right-radius radius
25
- border-radius-top(radius)
26
- border-top-left-radius radius
27
- border-top-right-radius radius
28
- border-radius-bottom(radius)
29
- border-bottom-left-radius radius
30
- border-bottom-right-radius radius
31
- width-height(val)
32
- width val
33
- height val
34
- min-max-width(val)
35
- min-width val
36
- max-width val
37
- min-max-height(val)
38
- min-height val
39
- max-height val
40
- margin-padding(val)
41
- margin val
42
- padding val
43
- margin-padding-left(val)
44
- margin-left val
45
- padding-left val
46
- margin-padding-right(val)
47
- margin-right val
48
- padding-right val
49
- margin-padding-top(val)
50
- margin-top val
51
- padding-top val
52
- margin-padding-bottom(val)
53
- margin-bottom val
54
- padding-bottom val
55
-
56
- my-box-shadow(val = 0.05, color = black)
57
- box-shadow 0 4px 20px 0 rgba(color, val)
58
- ck-box-shadow(val = 0.05, color = black)
59
- box-shadow 0 4px 20px 0 rgba(color, val)
60
-
61
- // flex shortcuts
62
- justify-align-center()
63
- align-items center
64
- justify-content center
65
-
66
- flex-center()
67
- display flex
68
- align-items center
69
- justify-content center
70
- inline-flex-center()
71
- display inline-flex
72
- align-items center
73
- justify-content center
74
-
75
- flex-all-center() // should be deleted
76
- flex-center()
77
- inline-flex-all-center() // should be deleted
78
- inline-flex-center()
79
-
80
- unselectable()
81
- user-select none
82
- -moz-user-select none
83
- -khtml-user-select none
84
- -webkit-user-select none
85
- -o-user-select none
86
-
87
- //
88
- //
89
- //
90
- //
91
- //
92
- // rs components
93
- // rs-components-basic-input(heightDiference = 2px)
94
- // width 100%
95
- // border rsComponentsBorder
96
- // border-radius rsComponentsBorderRadius
97
- // min-height rsComponentsHeight + heightDiference
98
- // background-color white
99
- // &:focus-within
100
- // border-color var(--primary)
101
- // my-box-shadow()
1
+ margin-x(margin)
2
+ margin-right margin
3
+ margin-left margin
4
+ margin-y(margin)
5
+ margin-top margin
6
+ margin-bottom margin
7
+ padding-x(padding)
8
+ padding-right padding
9
+ padding-left padding
10
+ padding-y(padding)
11
+ padding-top padding
12
+ padding-bottom padding
13
+ border-x(width, type, color)
14
+ border-left width type color
15
+ border-right width type color
16
+ border-y(width, type, color)
17
+ border-top width type color
18
+ border-bottom width type color
19
+ border-radius-left(radius)
20
+ border-top-left-radius radius
21
+ border-bottom-left-radius radius
22
+ border-radius-right(radius)
23
+ border-top-right-radius radius
24
+ border-bottom-right-radius radius
25
+ border-radius-top(radius)
26
+ border-top-left-radius radius
27
+ border-top-right-radius radius
28
+ border-radius-bottom(radius)
29
+ border-bottom-left-radius radius
30
+ border-bottom-right-radius radius
31
+ width-height(val)
32
+ width val
33
+ height val
34
+ min-max-width(val)
35
+ min-width val
36
+ max-width val
37
+ min-max-height(val)
38
+ min-height val
39
+ max-height val
40
+ margin-padding(val)
41
+ margin val
42
+ padding val
43
+ margin-padding-left(val)
44
+ margin-left val
45
+ padding-left val
46
+ margin-padding-right(val)
47
+ margin-right val
48
+ padding-right val
49
+ margin-padding-top(val)
50
+ margin-top val
51
+ padding-top val
52
+ margin-padding-bottom(val)
53
+ margin-bottom val
54
+ padding-bottom val
55
+
56
+ my-box-shadow(val = 0.05, color = black)
57
+ box-shadow 0 4px 20px 0 rgba(color, val)
58
+ ck-box-shadow(val = 0.05, color = black)
59
+ box-shadow 0 4px 20px 0 rgba(color, val)
60
+
61
+ // flex shortcuts
62
+ justify-align-center()
63
+ align-items center
64
+ justify-content center
65
+
66
+ flex-center()
67
+ display flex
68
+ align-items center
69
+ justify-content center
70
+ inline-flex-center()
71
+ display inline-flex
72
+ align-items center
73
+ justify-content center
74
+
75
+ flex-all-center() // should be deleted
76
+ flex-center()
77
+ inline-flex-all-center() // should be deleted
78
+ inline-flex-center()
79
+
80
+ unselectable()
81
+ user-select none
82
+ -moz-user-select none
83
+ -khtml-user-select none
84
+ -webkit-user-select none
85
+ -o-user-select none
86
+
87
+ //
88
+ //
89
+ //
90
+ //
91
+ //
92
+ // rs components
93
+ // rs-components-basic-input(heightDiference = 2px)
94
+ // width 100%
95
+ // border rsComponentsBorder
96
+ // border-radius rsComponentsBorderRadius
97
+ // min-height rsComponentsHeight + heightDiference
98
+ // background-color white
99
+ // &:focus-within
100
+ // border-color var(--primary)
101
+ // my-box-shadow()
@@ -1,8 +1,8 @@
1
- .nowrap
2
- white-space nowrap
3
- .w-half
4
- width 50%
5
- .help-text
6
- opacity 0.7
7
- text-align center
8
- font-style italic
1
+ .nowrap
2
+ white-space nowrap
3
+ .w-half
4
+ width 50%
5
+ .help-text
6
+ opacity 0.7
7
+ text-align center
8
+ font-style italic
@@ -1,10 +1,10 @@
1
- .items-start
2
- align-items flex-start
3
- .items-end
4
- align-items flex-end
5
- .items-center
6
- align-items center
7
- .items-baseline
8
- align-items baseline
9
- .items-stretch
10
- align-items stretch
1
+ .items-start
2
+ align-items flex-start
3
+ .items-end
4
+ align-items flex-end
5
+ .items-center
6
+ align-items center
7
+ .items-baseline
8
+ align-items baseline
9
+ .items-stretch
10
+ align-items stretch
@@ -1,72 +1,72 @@
1
- .cursor-auto
2
- cursor auto
3
- .cursor-default
4
- cursor default
5
- .cursor-pointer
6
- cursor pointer
7
- .cursor-wait
8
- cursor wait
9
- .cursor-text
10
- cursor text
11
- .cursor-move
12
- cursor move
13
- .cursor-help
14
- cursor help
15
- .cursor-not-allowed
16
- cursor not-allowed
17
- .cursor-none
18
- cursor none
19
- .cursor-context-menu
20
- cursor context-menu
21
- .cursor-progress
22
- cursor progress
23
- .cursor-cell
24
- cursor cell
25
- .cursor-crosshair
26
- cursor crosshair
27
- .cursor-vertical-text
28
- cursor vertical-text
29
- .cursor-alias
30
- cursor alias
31
- .cursor-copy
32
- cursor copy
33
- .cursor-no-drop
34
- cursor no-drop
35
- .cursor-grab
36
- cursor grab
37
- .cursor-grabbing
38
- cursor grabbing
39
- .cursor-all-scroll
40
- cursor all-scroll
41
- .cursor-col-resize
42
- cursor col-resize
43
- .cursor-row-resize
44
- cursor row-resize
45
- .cursor-n-resize
46
- cursor n-resize
47
- .cursor-e-resize
48
- cursor e-resize
49
- .cursor-s-resize
50
- cursor s-resize
51
- .cursor-w-resize
52
- cursor w-resize
53
- .cursor-ne-resize
54
- cursor ne-resize
55
- .cursor-nw-resize
56
- cursor nw-resize
57
- .cursor-se-resize
58
- cursor se-resize
59
- .cursor-sw-resize
60
- cursor sw-resize
61
- .cursor-ew-resize
62
- cursor ew-resize
63
- .cursor-ns-resize
64
- cursor ns-resize
65
- .cursor-nesw-resize
66
- cursor nesw-resize
67
- .cursor-nwse-resize
68
- cursor nwse-resize
69
- .cursor-zoom-in
70
- cursor zoom-in
71
- .cursor-zoom-out
72
- cursor zoom-out
1
+ .cursor-auto
2
+ cursor auto
3
+ .cursor-default
4
+ cursor default
5
+ .cursor-pointer
6
+ cursor pointer
7
+ .cursor-wait
8
+ cursor wait
9
+ .cursor-text
10
+ cursor text
11
+ .cursor-move
12
+ cursor move
13
+ .cursor-help
14
+ cursor help
15
+ .cursor-not-allowed
16
+ cursor not-allowed
17
+ .cursor-none
18
+ cursor none
19
+ .cursor-context-menu
20
+ cursor context-menu
21
+ .cursor-progress
22
+ cursor progress
23
+ .cursor-cell
24
+ cursor cell
25
+ .cursor-crosshair
26
+ cursor crosshair
27
+ .cursor-vertical-text
28
+ cursor vertical-text
29
+ .cursor-alias
30
+ cursor alias
31
+ .cursor-copy
32
+ cursor copy
33
+ .cursor-no-drop
34
+ cursor no-drop
35
+ .cursor-grab
36
+ cursor grab
37
+ .cursor-grabbing
38
+ cursor grabbing
39
+ .cursor-all-scroll
40
+ cursor all-scroll
41
+ .cursor-col-resize
42
+ cursor col-resize
43
+ .cursor-row-resize
44
+ cursor row-resize
45
+ .cursor-n-resize
46
+ cursor n-resize
47
+ .cursor-e-resize
48
+ cursor e-resize
49
+ .cursor-s-resize
50
+ cursor s-resize
51
+ .cursor-w-resize
52
+ cursor w-resize
53
+ .cursor-ne-resize
54
+ cursor ne-resize
55
+ .cursor-nw-resize
56
+ cursor nw-resize
57
+ .cursor-se-resize
58
+ cursor se-resize
59
+ .cursor-sw-resize
60
+ cursor sw-resize
61
+ .cursor-ew-resize
62
+ cursor ew-resize
63
+ .cursor-ns-resize
64
+ cursor ns-resize
65
+ .cursor-nesw-resize
66
+ cursor nesw-resize
67
+ .cursor-nwse-resize
68
+ cursor nwse-resize
69
+ .cursor-zoom-in
70
+ cursor zoom-in
71
+ .cursor-zoom-out
72
+ cursor zoom-out