@fewangsit/wangsvue-presets 1.0.96-alpha.9 → 1.0.96

package/globalsettings/style.css

@@ -1,18 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
 
-.icon{
-  display: flex;
-  height: 1em;
-  width: 1em;
-  background-color: currentColor;
-  -webkit-mask-image: var(--svg);
-  mask-image: var(--svg);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-}
-
 .ic-add {
   /* ri-add-line */
   --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z'/%3E%3C/svg%3E");
@@ -896,6 +883,53 @@
   --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.199 9.944a2.6 2.6 0 0 1-.79-1.55l-.403-3.083l-2.731 1.486a2.6 2.6 0 0 1-1.719.272L6.5 6.5l.57 3.056a2.6 2.6 0 0 1-.273 1.72l-1.486 2.73l3.083.403a2.6 2.6 0 0 1 1.55.79l2.138 2.257l1.336-2.807a2.6 2.6 0 0 1 1.23-1.231l2.808-1.336zm.025 5.564l-2.213 4.65a.6.6 0 0 1-.977.155l-3.542-3.739a.6.6 0 0 0-.358-.182l-5.106-.668a.6.6 0 0 1-.45-.881l2.462-4.524a.6.6 0 0 0 .063-.396L4.16 4.86a.6.6 0 0 1 .7-.7l5.062.943a.6.6 0 0 0 .397-.063l4.523-2.46a.6.6 0 0 1 .882.448l.668 5.107a.6.6 0 0 0 .182.357l3.739 3.542a.6.6 0 0 1-.155.977l-4.65 2.213a.6.6 0 0 0-.284.284m.797 1.927l1.414-1.414l4.243 4.242l-1.415 1.415z'/%3E%3C/svg%3E");
 }
 
+.container{
+  width: 100%;
+}
+
+@media (min-width: 640px){
+  .container{
+    max-width: 640px;
+  }
+}
+
+@media (min-width: 768px){
+  .container{
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 1024px){
+  .container{
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1280px){
+  .container{
+    max-width: 1280px;
+  }
+}
+
+@media (min-width: 1536px){
+  .container{
+    max-width: 1536px;
+  }
+}
+
+.icon{
+  display: flex;
+  height: 1em;
+  width: 1em;
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
 .\!pointer-events-none{
   pointer-events: none !important;
 }
@@ -1133,10 +1167,6 @@
   margin: 0px;
 }
 
-.m-\[3px\]{
-  margin: 3px;
-}
-
 .\!mx-auto{
   margin-left: auto !important;
   margin-right: auto !important;
@@ -1381,10 +1411,6 @@
   display: inline;
 }
 
-.\!flex{
-  display: flex !important;
-}
-
 .flex{
   display: flex;
 }
@@ -1538,10 +1564,6 @@
   height: 21px;
 }
 
-.h-\[22px\]{
-  height: 22px;
-}
-
 .h-\[26px\]{
   height: 26px;
 }
@@ -1788,10 +1810,6 @@
   width: 18px;
 }
 
-.w-\[1px\]{
-  width: 1px;
-}
-
 .w-\[200px\]{
   width: 200px;
 }
@@ -1800,10 +1818,6 @@
   width: 224px;
 }
 
-.w-\[22px\]{
-  width: 22px;
-}
-
 .w-\[272px\]{
   width: 272px;
 }
@@ -2534,12 +2548,6 @@
   scroll-behavior: smooth;
 }
 
-.truncate{
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .overflow-ellipsis{
   text-overflow: ellipsis;
 }

package/globalsettings/timeline/index.d.ts

@@ -38,28 +38,6 @@ declare namespace _default {
         })[];
         'data-wv-section': string;
     };
-    function markerDot(item: any): {
-        class: (string | {
-            '!flex': any;
-        })[];
-        'data-wv-section': string;
-    };
-    namespace contentHeader {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace contentDetailKey {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace contentDetailValue {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace contentDate {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
     function connector({ props }: {
         props: any;
     }): {

package/globalsettings/timeline/index.js

@@ -68,25 +68,6 @@ exports.default = {
         ],
         'data-wv-section': 'markerArrow',
     }); },
-    markerDot: function (item) { return ({
-        'class': [
-            'hidden w-[6px] h-[6px] m-[3px] rounded-full bg-black',
-            { '!flex': !item.detail || isEmptyObject(item.detail) },
-        ],
-        'data-wv-section': 'markerDot',
-    }); },
-    contentHeader: {
-        class: ['leading-5 cursor-pointer truncate !text-xs !font-bold'],
-    },
-    contentDetailKey: {
-        class: ['text-general-400 whitespace-nowrap'],
-    },
-    contentDetailValue: {
-        class: ['text-xs text-general-800'],
-    },
-    contentDate: {
-        class: ['text-xs font-medium'],
-    },
     connector: function (_a) {
         var props = _a.props;
         return ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-presets",
-  "version": "1.0.96-alpha.9",
+  "version": "1.0.96",
   "author": "Wangsit FE Developer",
   "description": "Wangsit VueJS Component Library Presets",
   "main": "index.js",

package/supplyasset/fieldwrapper/index.d.ts

@@ -4,13 +4,10 @@ declare namespace _default {
         'data-wv-name': string;
         'data-wv-section': string;
     };
-    function label({ props, slots }: {
+    function label({ props }: {
         props: any;
-        slots: any;
     }): {
-        class: (any[] | {
-            'w-full': any;
-        })[];
+        class: any[][];
         'data-wv-section': string;
     };
     namespace info {

package/supplyasset/fieldwrapper/index.js

@@ -9,16 +9,13 @@ exports.default = {
         'data-wv-section': 'root',
     },
     label: function (_a) {
-        var props = _a.props, slots = _a.slots;
+        var props = _a.props;
         return ({
             'class': [
                 [
                     'text-general-900 text-xs flex gap-[2px] font-medium tracking-[0.02em]',
                     props.labelClass,
                 ],
-                {
-                    'w-full': slots['label-addon']
-                }
             ],
             'data-wv-section': 'fieldlabel',
         });