scu-web-components 0.0.38 → 0.0.40

package/dist/tokens/source/cssPropertiesApi.ts

@@ -1,5 +1,5 @@
-
-// import type * as CSS from 'csstype';
+/* eslint-disable */
+import type * as CSS from 'csstype';
 
 declare module 'csstype' {
   interface Properties {
@@ -19,6 +19,7 @@ export type SCWProp = {
   borderBottom? : SCWColorValue,
   borderLeft? : SCWColorValue,
   borderRight? : SCWColorValue,
+  border? : SCWColorValue,
   font? : SCWTypeValue,
   size? : SCWSpacingValue,
   maxSize? : SCWSpacingValue,
@@ -118,6 +119,7 @@ export type SCWProp = {
   borderBottomXlg? : SCWColorValue,
   borderLeftXlg? : SCWColorValue,
   borderRightXlg? : SCWColorValue,
+  borderXlg? : SCWColorValue,
   fontXlg? : SCWTypeValue,
   sizeXlg? : SCWSpacingValue,
   maxSizeXlg? : SCWSpacingValue,
@@ -217,6 +219,7 @@ export type SCWProp = {
   borderBottomLg? : SCWColorValue,
   borderLeftLg? : SCWColorValue,
   borderRightLg? : SCWColorValue,
+  borderLg? : SCWColorValue,
   fontLg? : SCWTypeValue,
   sizeLg? : SCWSpacingValue,
   maxSizeLg? : SCWSpacingValue,
@@ -316,6 +319,7 @@ export type SCWProp = {
   borderBottomMd? : SCWColorValue,
   borderLeftMd? : SCWColorValue,
   borderRightMd? : SCWColorValue,
+  borderMd? : SCWColorValue,
   fontMd? : SCWTypeValue,
   sizeMd? : SCWSpacingValue,
   maxSizeMd? : SCWSpacingValue,
@@ -415,6 +419,7 @@ export type SCWProp = {
   borderBottomSm? : SCWColorValue,
   borderLeftSm? : SCWColorValue,
   borderRightSm? : SCWColorValue,
+  borderSm? : SCWColorValue,
   fontSm? : SCWTypeValue,
   sizeSm? : SCWSpacingValue,
   maxSizeSm? : SCWSpacingValue,

package/dist/tokens/source/cssPropertiesApiTypedStyles.ts

@@ -10,20 +10,30 @@ import type * as CSS from 'csstype';
  * @param {CSS.Properties} otherStyles
  * @return {string}
  */
-export function scw(
+export default function style(
   dsysStyles: SCWProp,
   otherStyles: CSS.Properties = {},
 ) : string {
+
+  const toKebab = (str) => str.replace(/([a-z0–9])([A-Z])/g, "$1-$2").toLowerCase();
+
   return `style="${
     Object.entries(dsysStyles).map((entry) => {
-      if (entry[1] === true) {
-        return `--scw-${entry[0]}: 1;`;
+      if (!entry[0]) return '';
+      const name = toKebab(entry[0]);
+      const value = entry[1];
+      if (value === true) {
+        return `--scw-${name}: 1;`;
+      }else if (!isNaN(value as any)) {
+        return `--scw-${name}: ${value};`;
       }else{
-        return `--scw-${entry[0]}: var( --scw-${entry[1]} );`;
+        return `--scw-${name}: var( --scw-${value} );`;
       }
     }).join('\n  ')}${
     Object.entries(otherStyles).map((entry) => {
-      return `${entry[0]}: ${entry[1]};`;
+      if (!entry[0]) return '';
+      const name = toKebab(entry[0]);
+      return `${name}: ${entry[1]};`;
     }).join('\n  ')
   }"`;
 }

package/dist/tokens/source/cssPropertiesApiTypedStylesCssType.ts

@@ -3,7 +3,7 @@ import { SCWProp } from "./cssPropertiesApi";
 import type * as CSS from 'csstype';
 
 /**
- * scw
+ * style
  * Function for dynamically creating and auto-completing
  * scw design system files.
  * @param {DSysProp} dsysStyles
@@ -14,12 +14,20 @@ export function scw(
   dsysStyles: SCWProp,
   otherStyles: CSS.Properties = {},
 ) : CSS.Properties {
+
+  const toKebab = (str) => str.replace(/([a-z0–9])([A-Z])/g, "$1-$2").toLowerCase();
+
   const dsysStylesObj: {[key:`--scw-${string}`]: string} = {};
   Object.entries(dsysStyles).map((entry) => {
-    if (entry[1] === true) {
-      dsysStylesObj[`--scw-${entry[0]}`] = '1';
+    if (!entry[0]) return '';
+    const name = toKebab(entry[0]);
+    const value = entry[1];
+    if (value === true) {
+      dsysStylesObj[`--scw-${name}`] = '1';
+    }else if (!isNaN(value as any)) {
+      return `--scw-${name}: ${value};`;
     }else{
-      dsysStylesObj[`--scw-${entry[0]}`] = `var( --ex-${entry[1]} )`;
+      dsysStylesObj[`--scw-${name}`] = `var( --scw-${value} )`;
     }
   });
   return {

package/dist/tokens/source/jsCss.js

@@ -3,7 +3,7 @@
   
     constructor (config) {// version, extraCssPromise, config ) {
       this.prefix = 'scw';// dynamic
-      this.buildUUID = '8d2268e6-003f-4dc2-ad6e-659211dfbf24';// dynamic
+      this.buildUUID = 'e2871242-47d3-4c65-83cc-ba7bf97f87cf';// dynamic
 
       this.generator = false;
       this.initialized = false;