cleek 2.10.12 → 2.10.14

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2022 Quantic Onion
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2022 Quantic Onion
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,66 +1,66 @@
-# 🌙 Cleek
-
-A lightweight Vue 3 component library.
-
-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.
-
-## Usage
-
-First install the library using your prefered package manager
-
-```bash
-yarn add cleek
-```
-
-then you can import the available components like so
-
-```vue
-import { Button } from cleek
-```
-
-## Available commands
-
-Here is a list of all available npm commands.
-
-**Starting the dev environment**
-We use Vue Press to hold our component documentation and examples
-
-```bash
-yarn dev
-```
-
-**Building the documentation**
-
-```bash
-yarn build
-```
-
-**Serving the documentation**
-
-```bash
-yarn serve
-```
-
-**Building the library bundles**
-
-```bash
-yarn build:library
-```
-
-**Analyzing bundle sizes with [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer)**
-
-```bash
-yarn analyze
-```
-
-**Lint all files**
-
-```bash
-yarn lint
-```
-
-**Format all files**
-
-```bash
-yarn format
-```
+# 🌙 Cleek
+
+A lightweight Vue 3 component library.
+
+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.
+
+## Usage
+
+First install the library using your prefered package manager
+
+```bash
+yarn add cleek
+```
+
+then you can import the available components like so
+
+```vue
+import { Button } from cleek
+```
+
+## Available commands
+
+Here is a list of all available npm commands.
+
+**Starting the dev environment**
+We use Vue Press to hold our component documentation and examples
+
+```bash
+yarn dev
+```
+
+**Building the documentation**
+
+```bash
+yarn build
+```
+
+**Serving the documentation**
+
+```bash
+yarn serve
+```
+
+**Building the library bundles**
+
+```bash
+yarn build:library
+```
+
+**Analyzing bundle sizes with [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer)**
+
+```bash
+yarn analyze
+```
+
+**Lint all files**
+
+```bash
+yarn lint
+```
+
+**Format all files**
+
+```bash
+yarn format
+```

package/dist/cleek-styles/clear-app.styl

@@ -1,34 +1,34 @@
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-div,
-span,
-p,
-ul,
-ol,
-li
-  margin 0
-  padding 0
-  box-sizing border-box
-a
-  color unset
-  text-decoration unset
-ul
-  list-style-type none
-
-body
-  margin 0
-  padding 0
-
-// INPUT NUMBER ARROWS
-/* Chrome, Safari, Edge, Opera */
-input::-webkit-outer-spin-button
-input::-webkit-inner-spin-button
-  -webkit-appearance none
-  margin 0
-/* Firefox */
-input[type=number]
-  -moz-appearance textfield
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+div,
+span,
+p,
+ul,
+ol,
+li
+  margin 0
+  padding 0
+  box-sizing border-box
+a
+  color unset
+  text-decoration unset
+ul
+  list-style-type none
+
+body
+  margin 0
+  padding 0
+
+// INPUT NUMBER ARROWS
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button
+input::-webkit-inner-spin-button
+  -webkit-appearance none
+  margin 0
+/* Firefox */
+input[type=number]
+  -moz-appearance textfield

package/dist/cleek-styles/cleek-classes.styl

@@ -1,6 +1,6 @@
-.ck-inputs--container
-  display flex
-  align-items flex-end
-  flex-wrap wrap
-.ck-inputs--item
-  margin-bottom 0.5rem
+.ck-inputs--container
+  display flex
+  align-items flex-end
+  flex-wrap wrap
+.ck-inputs--item
+  margin-bottom 0.5rem

package/dist/cleek-styles/cleek-mixins.styl

@@ -1,127 +1,127 @@
-// margin
-margin-x($margin-x)
-  margin-left $margin-x
-  margin-right $margin-x
-margin-y($margin-y)
-  margin-top $margin-y
-  margin-bottom $margin-y
-margin-left-right($margin-left, $margin-right)
-  margin-left $margin-left
-  margin-right $margin-right
-margin-top-bottom($margin-top, $margin-bottom)
-  margin-top $margin-top
-  margin-bottom $margin-bottom
-// padding
-padding-x($padding-x)
-  padding-left $padding-x
-  padding-right $padding-x
-padding-y($padding-y)
-  padding-top $padding-y
-  padding-bottom $padding-y
-padding-left-right($padding-left, $padding-right)
-  padding-left $padding-left
-  padding-right $padding-right
-padding-top-bottom($padding-top, $padding-bottom)
-  padding-top $padding-top
-  padding-bottom $padding-bottom
-// border
-border-x($width, $type, $color)
-  border-left $width $type $color
-  border-right $width $type $color
-border-y($width, $type, $color)
-  border-top $width $type $color
-  border-bottom $width $type $color
-// border-radius
-border-radius-left($radius)
-  border-top-left-radius $radius
-  border-bottom-left-radius $radius
-border-radius-right($radius)
-  border-top-right-radius $radius
-  border-bottom-right-radius $radius
-border-radius-top($radius)
-  border-top-left-radius $radius
-  border-top-right-radius $radius
-border-radius-bottom($radius)
-  border-bottom-left-radius $radius
-  border-bottom-right-radius $radius
-// width - height
-width-height($val)
-  width $val
-  height $val
-min-max-width($val)
-  min-width $val
-  max-width $val
-min-max-height($val)
-  min-height $val
-  max-height $val
-// margin - padding
-margin-padding($val)
-  margin $val
-  padding $val
-margin-padding-left($val)
-  margin-left $val
-  padding-left $val
-margin-padding-right($val)
-  margin-right $val
-  padding-right $val
-margin-padding-top($val)
-  margin-top $val
-  padding-top $val
-margin-padding-bottom($val)
-  margin-bottom $val
-  padding-bottom $val
-// box-shadow
-my-box-shadow($val = 0.05, $color = black)
-  box-shadow 0 4px 20px 0 rgba($color, $val)
-ck-box-shadow($val = 0.05, $color = black)
-  box-shadow 0 4px 20px 0 rgba($color, $val)
-// flex
-flex($flex-direction = row, $justify-content = flex-start, $align-items = stretch, $gap = 0, $flex-wrap = nowrap)
-  display flex
-  flex-direction $flex-direction
-  justify-content $justify-content
-  align-items $align-items
-  gap $gap
-  flex-wrap $flex-wrap
-flex-center()
-  display flex
-  align-items center
-  justify-content center
-inline-flex-center()
-  display inline-flex
-  align-items center
-  justify-content center
-
-unselectable()
-  user-select none
-  -moz-user-select none
-  -khtml-user-select none
-  -webkit-user-select none
-  -o-user-select none
-
-dynamic-rgba($rgb-variable, $opacity = 1)
-  // return rgba as a string so it doesn't get interpolated by stylus compiler
-  s('rgba(var(%s), %s)', $rgb-variable, $opacity)
-
-//
-//
-//
-//
-//
-// rs components
-// rs-components-basic-input(heightDiference = 2px)
-//   width 100%
-//   border rsComponentsBorder
-//   border-radius rsComponentsBorderRadius
-//   min-height rsComponentsHeight + heightDiference
-//   background-color white
-//   &:focus-within
-//     border-color var(--primary)
-//     my-box-shadow()
-
-input-disabled()
-  user-select none
-  cursor not-allowed
-  color $color-disabled
-  background-color $color-disabled-bg
-  border-color $color-disabled
+// margin
+margin-x($margin-x)
+  margin-left $margin-x
+  margin-right $margin-x
+margin-y($margin-y)
+  margin-top $margin-y
+  margin-bottom $margin-y
+margin-left-right($margin-left, $margin-right)
+  margin-left $margin-left
+  margin-right $margin-right
+margin-top-bottom($margin-top, $margin-bottom)
+  margin-top $margin-top
+  margin-bottom $margin-bottom
+// padding
+padding-x($padding-x)
+  padding-left $padding-x
+  padding-right $padding-x
+padding-y($padding-y)
+  padding-top $padding-y
+  padding-bottom $padding-y
+padding-left-right($padding-left, $padding-right)
+  padding-left $padding-left
+  padding-right $padding-right
+padding-top-bottom($padding-top, $padding-bottom)
+  padding-top $padding-top
+  padding-bottom $padding-bottom
+// border
+border-x($width, $type, $color)
+  border-left $width $type $color
+  border-right $width $type $color
+border-y($width, $type, $color)
+  border-top $width $type $color
+  border-bottom $width $type $color
+// border-radius
+border-radius-left($radius)
+  border-top-left-radius $radius
+  border-bottom-left-radius $radius
+border-radius-right($radius)
+  border-top-right-radius $radius
+  border-bottom-right-radius $radius
+border-radius-top($radius)
+  border-top-left-radius $radius
+  border-top-right-radius $radius
+border-radius-bottom($radius)
+  border-bottom-left-radius $radius
+  border-bottom-right-radius $radius
+// width - height
+width-height($val)
+  width $val
+  height $val
+min-max-width($val)
+  min-width $val
+  max-width $val
+min-max-height($val)
+  min-height $val
+  max-height $val
+// margin - padding
+margin-padding($val)
+  margin $val
+  padding $val
+margin-padding-left($val)
+  margin-left $val
+  padding-left $val
+margin-padding-right($val)
+  margin-right $val
+  padding-right $val
+margin-padding-top($val)
+  margin-top $val
+  padding-top $val
+margin-padding-bottom($val)
+  margin-bottom $val
+  padding-bottom $val
+// box-shadow
+my-box-shadow($val = 0.05, $color = black)
+  box-shadow 0 4px 20px 0 rgba($color, $val)
+ck-box-shadow($val = 0.05, $color = black)
+  box-shadow 0 4px 20px 0 rgba($color, $val)
+// flex
+flex($flex-direction = row, $justify-content = flex-start, $align-items = stretch, $gap = 0, $flex-wrap = nowrap)
+  display flex
+  flex-direction $flex-direction
+  justify-content $justify-content
+  align-items $align-items
+  gap $gap
+  flex-wrap $flex-wrap
+flex-center()
+  display flex
+  align-items center
+  justify-content center
+inline-flex-center()
+  display inline-flex
+  align-items center
+  justify-content center
+
+unselectable()
+  user-select none
+  -moz-user-select none
+  -khtml-user-select none
+  -webkit-user-select none
+  -o-user-select none
+
+dynamic-rgba($rgb-variable, $opacity = 1)
+  // return rgba as a string so it doesn't get interpolated by stylus compiler
+  s('rgba(var(%s), %s)', $rgb-variable, $opacity)
+
+//
+//
+//
+//
+//
+// rs components
+// rs-components-basic-input(heightDiference = 2px)
+//   width 100%
+//   border rsComponentsBorder
+//   border-radius rsComponentsBorderRadius
+//   min-height rsComponentsHeight + heightDiference
+//   background-color white
+//   &:focus-within
+//     border-color var(--primary)
+//     my-box-shadow()
+
+input-disabled()
+  user-select none
+  cursor not-allowed
+  color $color-disabled
+  background-color $color-disabled-bg
+  border-color $color-disabled

package/dist/cleek-styles/tiny-tailwind/.custom.styl

@@ -1,8 +1,8 @@
-.nowrap
-  white-space nowrap
-.w-half
-  width 50%
-.help-text
-  opacity 0.7
-  text-align center
-  font-style italic
+.nowrap
+  white-space nowrap
+.w-half
+  width 50%
+.help-text
+  opacity 0.7
+  text-align center
+  font-style italic

package/dist/cleek-styles/tiny-tailwind/align-items.styl

@@ -1,10 +1,10 @@
-.items-start
-  align-items flex-start
-.items-end
-  align-items flex-end
-.items-center
-  align-items center
-.items-baseline
-  align-items baseline
-.items-stretch
-  align-items stretch
+.items-start
+  align-items flex-start
+.items-end
+  align-items flex-end
+.items-center
+  align-items center
+.items-baseline
+  align-items baseline
+.items-stretch
+  align-items stretch