scu-web-components 0.0.41 → 0.0.43

package/dist/tokens/source/cssPropertiesApiTypedStyles.ts

@@ -15,14 +15,16 @@ export default function style(
   otherStyles: CSS.Properties = {},
 ) : string {
 
-  const toKebab = (str) => str.replace(/([a-z0–9])([A-Z])/g, "$1-$2").toLowerCase();
+  const toKebab = (str) => str.replace(/[A-Z]/g, m => "-" + m.toLowerCase());
 
   return `style="${
     Object.entries(dsysStyles).map((entry) => {
       if (!entry[0]) return '';
       const name = toKebab(entry[0]);
       const value = entry[1];
-      if (value === true) {
+      if (value === false) {
+        // ignore...useful for dynamic values in styles
+      }else if (value === true) {
         return `--scw-${name}: 1;`;
       }else if (!isNaN(value as any)) {
         return `--scw-${name}: ${value};`;

package/dist/tokens/source/cssPropertiesApiTypedStylesCssType.ts

@@ -15,17 +15,19 @@ export function scw(
   otherStyles: CSS.Properties = {},
 ) : CSS.Properties {
 
-  const toKebab = (str) => str.replace(/([a-z0–9])([A-Z])/g, "$1-$2").toLowerCase();
+  const toKebab = (str) => str.replace(/[A-Z]/g, m => "-" + m.toLowerCase());
 
   const dsysStylesObj: {[key:`--scw-${string}`]: string} = {};
   Object.entries(dsysStyles).map((entry) => {
     if (!entry[0]) return '';
     const name = toKebab(entry[0]);
     const value = entry[1];
-    if (value === true) {
+    if (value === false) {
+      // ignore...useful for dynamic values in styles
+    }else if (value === true) {
       dsysStylesObj[`--scw-${name}`] = '1';
     }else if (!isNaN(value as any)) {
-      return `--scw-${name}: ${value};`;
+      dsysStylesObj[`--scw-${name}`] = `${value}`;
     }else{
       dsysStylesObj[`--scw-${name}`] = `var( --scw-${value} )`;
     }

package/dist/tokens/source/cssVariables/breakpoints-lg-.json

@@ -13,5 +13,10 @@
     "output": "--scw-breakpoint-lg-min-width: 992px;",
     "property": "--scw-breakpoint-lg-min-width",
     "category": "Breakpoint"
+  },
+  "order": {
+    "output": "--scw-breakpoint-lg-order: 3;",
+    "property": "--scw-breakpoint-lg-order",
+    "category": "Breakpoint"
   }
 }

package/dist/tokens/source/cssVariables/breakpoints-md-.json

@@ -13,5 +13,10 @@
     "output": "--scw-breakpoint-md-min-width: 768px;",
     "property": "--scw-breakpoint-md-min-width",
     "category": "Breakpoint"
+  },
+  "order": {
+    "output": "--scw-breakpoint-md-order: 2;",
+    "property": "--scw-breakpoint-md-order",
+    "category": "Breakpoint"
   }
 }

package/dist/tokens/source/cssVariables/breakpoints-sm-.json

@@ -13,5 +13,10 @@
     "output": "--scw-breakpoint-sm-min-width: 576px;",
     "property": "--scw-breakpoint-sm-min-width",
     "category": "Breakpoint"
+  },
+  "order": {
+    "output": "--scw-breakpoint-sm-order: 1;",
+    "property": "--scw-breakpoint-sm-order",
+    "category": "Breakpoint"
   }
 }

package/dist/tokens/source/cssVariables/breakpoints-xlg-.json

@@ -13,5 +13,10 @@
     "output": "--scw-breakpoint-xlg-min-width: 1200px;",
     "property": "--scw-breakpoint-xlg-min-width",
     "category": "Breakpoint"
+  },
+  "order": {
+    "output": "--scw-breakpoint-xlg-order: 4;",
+    "property": "--scw-breakpoint-xlg-order",
+    "category": "Breakpoint"
   }
 }

package/dist/tokens/source/cssVariables/colors-primary-092.json

@@ -1,6 +1,6 @@
 {
   "color": {
-    "output": "--scw-color-primary-092: rgba(204,218,222,1);",
+    "output": "--scw-color-primary-092: rgba(239,255,223,1);",
     "property": "--scw-color-primary-092",
     "category": "Color"
   }

package/dist/tokens/source/cssVariables.css

@@ -9,7 +9,7 @@
 --scw-color-primary-07: rgba(158,201,101,1);
 --scw-color-primary-08: rgba(200,230,160,1);
 --scw-color-primary-09: rgba(232,247,212,1);
---scw-color-primary-092: rgba(204,218,222,1);
+--scw-color-primary-092: rgba(239,255,223,1);
 --scw-color-primary-095: rgba(246,255,237,1);
 --scw-color-grey-00: rgba(0,0,0,1);
 --scw-color-grey-01: rgba(29,30,32,1);
@@ -311,13 +311,17 @@
 --scw-breakpoint-xlg-name: xlg;
 --scw-breakpoint-xlg-max-width: 0px;
 --scw-breakpoint-xlg-min-width: 1200px;
+--scw-breakpoint-xlg-order: 4;
 --scw-breakpoint-lg-name: lg;
 --scw-breakpoint-lg-max-width: 0px;
 --scw-breakpoint-lg-min-width: 992px;
+--scw-breakpoint-lg-order: 3;
 --scw-breakpoint-md-name: md;
 --scw-breakpoint-md-max-width: 0px;
 --scw-breakpoint-md-min-width: 768px;
+--scw-breakpoint-md-order: 2;
 --scw-breakpoint-sm-name: sm;
 --scw-breakpoint-sm-max-width: 0px;
 --scw-breakpoint-sm-min-width: 576px;
+--scw-breakpoint-sm-order: 1;
 }

package/dist/tokens/source/cssVariables.json

@@ -71,7 +71,7 @@
   },
   "colors-primary-092": {
     "color": {
-      "output": "--scw-color-primary-092: rgba(204,218,222,1);",
+      "output": "--scw-color-primary-092: rgba(239,255,223,1);",
       "property": "--scw-color-primary-092",
       "category": "Color"
     }
@@ -2160,6 +2160,11 @@
       "output": "--scw-breakpoint-xlg-min-width: 1200px;",
       "property": "--scw-breakpoint-xlg-min-width",
       "category": "Breakpoint"
+    },
+    "order": {
+      "output": "--scw-breakpoint-xlg-order: 4;",
+      "property": "--scw-breakpoint-xlg-order",
+      "category": "Breakpoint"
     }
   },
   "breakpoints-lg-": {
@@ -2177,6 +2182,11 @@
       "output": "--scw-breakpoint-lg-min-width: 992px;",
       "property": "--scw-breakpoint-lg-min-width",
       "category": "Breakpoint"
+    },
+    "order": {
+      "output": "--scw-breakpoint-lg-order: 3;",
+      "property": "--scw-breakpoint-lg-order",
+      "category": "Breakpoint"
     }
   },
   "breakpoints-md-": {
@@ -2194,6 +2204,11 @@
       "output": "--scw-breakpoint-md-min-width: 768px;",
       "property": "--scw-breakpoint-md-min-width",
       "category": "Breakpoint"
+    },
+    "order": {
+      "output": "--scw-breakpoint-md-order: 2;",
+      "property": "--scw-breakpoint-md-order",
+      "category": "Breakpoint"
     }
   },
   "breakpoints-sm-": {
@@ -2211,6 +2226,11 @@
       "output": "--scw-breakpoint-sm-min-width: 576px;",
       "property": "--scw-breakpoint-sm-min-width",
       "category": "Breakpoint"
+    },
+    "order": {
+      "output": "--scw-breakpoint-sm-order: 1;",
+      "property": "--scw-breakpoint-sm-order",
+      "category": "Breakpoint"
     }
   }
 }

package/dist/tokens/source/jsCss.js

@@ -3,7 +3,7 @@
   
     constructor (config) {// version, extraCssPromise, config ) {
       this.prefix = 'scw';// dynamic
-      this.buildUUID = '1d7ca81d-9e0b-457a-aec7-0826a63d2aa0';// dynamic
+      this.buildUUID = '4cc9cbf2-263b-436b-a458-731bde67f380';// dynamic
 
       this.generator = false;
       this.initialized = false;