cleek 2.2.1 → 2.2.4

package/dist/cleek-styles/tiny-tailwind/flex-wrap.styl

@@ -0,0 +1,6 @@
+.flex-wrap
+  flex-wrap wrap
+.flex-wrap-reverse
+  flex-wrap wrap-reverse
+.flex-nowrap
+  flex-wrap nowrap

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

@@ -1,6 +1,7 @@
 @import './.custom';
 @import './align-items';
 @import './display';
+@import './flex-wrap';
 @import './font-weight';
 @import './justify-content';
 @import './margin';

package/dist/cleek.es.js

@@ -11449,37 +11449,37 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 var functions = {
-  getGroupClass({ group = "", groupVertical = "", groupBreak = "" } = {}) {
+  getGroupClass({ group = "", groupVertical = "", lineBreak = "" } = {}) {
     const classList2 = [];
     if (group)
       classList2.push(`ck-component__group--${group}`);
     if (groupVertical)
       classList2.push(`ck-component__group-vertical--${groupVertical}`);
-    if (groupBreak) {
-      if (groupBreak === "s") {
-        classList2.push(`ck-component__group-break--${groupBreak}`);
+    if (lineBreak) {
+      if (lineBreak === "s") {
+        classList2.push(`ck-component__line-break--${lineBreak}`);
       }
     }
     return classList2;
   },
-  getGroupClassContainer({ groupBreak = "" } = "") {
+  getGroupClassContainer({ lineBreak = "" } = "") {
     const classList2 = [];
-    if (groupBreak) {
-      if (groupBreak === "s") {
-        classList2.push(`ck-component__group-break-container--${groupBreak}`);
+    if (lineBreak) {
+      if (lineBreak === "s") {
+        classList2.push(`ck-component__line-break-container--${lineBreak}`);
       }
     }
     return classList2;
   },
-  getGroupBreakStyleContainer({ groupBreak } = {}, windowWidth) {
-    if (windowWidth <= groupBreak) {
+  getlineBreakStyleContainer({ lineBreak } = {}, windowWidth) {
+    if (windowWidth <= lineBreak) {
       return [
         { width: "100%" }
       ];
     }
   },
-  getGroupBreakStyle({ groupBreak } = {}, windowWidth) {
-    if (windowWidth <= groupBreak) {
+  getlineBreakStyle({ lineBreak } = {}, windowWidth) {
+    if (windowWidth <= lineBreak) {
       return [
         { width: "100%" },
         { borderRadius: "4px !important" },
@@ -11553,7 +11553,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     label: { type: String, default: void 0 },
     labelAlign: { type: String, default: void 0 },
     group: { type: String, default: void 0, validator: validators.group },
-    groupBreak: { type: String, default: "" },
+    lineBreak: { type: [String, Number], default: "" },
     groupVertical: { type: String, default: void 0, validator: validators.groupVertical }
   },
   emits: ["click"],
@@ -11586,9 +11586,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     });
     const computedStyle = computed$2(() => {
       const list = [];
-      if (props.width)
+      if (props.width && !props.lineBreak)
         list.push({ width: props.width });
-      list.push(functions.getGroupBreakStyle(props, windowWidth.value));
+      list.push(functions.getlineBreakStyle(props, windowWidth.value));
       return list;
     });
     function onClick(event) {
@@ -11625,7 +11625,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-c21adc6a"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-6a5f73e9"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = ["for"];
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
@@ -11669,7 +11669,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     iconPack: { type: String, default: void 0 },
     iconRight: { type: String, default: void 0 },
     group: { type: String, default: void 0 },
-    groupBreak: { type: String, default: "" },
+    lineBreak: { type: [String, Number], default: "" },
     groupVertical: { type: String, default: void 0 },
     hideBorder: { type: Boolean, default: false },
     width: { type: String, default: void 0 },
@@ -11721,14 +11721,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     });
     const computedStyle = computed$2(() => {
       const list = [];
-      list.push(functions.getGroupBreakStyleContainer(props, windowWidth.value));
+      list.push(functions.getlineBreakStyleContainer(props, windowWidth.value));
       return list;
     });
     const computedStyleInput = computed$2(() => {
       const list = [];
-      if (props.width)
+      if (props.width || !props.lineBreak)
         list.push({ width: props.width });
-      list.push(functions.getGroupBreakStyle(props, windowWidth.value));
+      list.push(functions.getlineBreakStyle(props, windowWidth.value));
       return list;
     });
     function setFocus() {
@@ -11786,7 +11786,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-1bf9fc39"]]);
+var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-77e1fa0a"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$d = { class: "ck-table__header-items" };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
@@ -13791,7 +13791,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     bgTransparent: { type: Boolean, default: false },
     disabled: { type: [Boolean, Number], default: false },
     group: { type: String, default: "" },
-    groupBreak: { type: String, default: "" },
+    lineBreak: { type: [String, Number], default: "" },
     groupVertical: { type: String, default: "" },
     label: { type: String, default: "" },
     labelAlign: { type: String, default: "" }
@@ -13830,7 +13830,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     });
     const computedStyleSelect = computed$2(() => {
       const list = [];
-      list.push(functions.getGroupBreakStyle(props, windowWidth.value));
+      list.push(functions.getlineBreakStyle(props, windowWidth.value));
       return list;
     });
     const computedClass = computed$2(() => {
@@ -13842,7 +13842,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       const list = [];
       if (props.minWidth)
         list.push({ "min-width": props.minWidth });
-      list.push(functions.getGroupBreakStyleContainer(props, windowWidth.value));
+      list.push(functions.getlineBreakStyleContainer(props, windowWidth.value));
       return list;
     });
     computed$2(() => {
@@ -13940,7 +13940,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-66f00b4a"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6217135d"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-b6a4dfaa"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = ["disabled"];
@@ -14055,7 +14055,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     label: { type: String, default: "" },
     labelAlign: { type: String, default: "" },
     group: { type: String, default: "" },
-    groupBreak: { type: String, default: "" },
+    lineBreak: { type: [String, Number], default: "" },
     groupVertical: { type: String, default: "" },
     sameWidthOptions: { type: Boolean, default: false }
   },
@@ -14114,7 +14114,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b49d8f8e"]]);
+var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-55ea866f"]]);
 var ckTextarea_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$1 = { class: "ck-textarea" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({