scu-web-components 0.0.50 → 0.0.51

package/dist/scw-validate/rules/currency.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.DXDJI6UK.js";import"../../chunks/chunk.223WJTWZ.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.6X3T3GLO.js";import"../../chunks/chunk.IKVSH4SO.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=currency.js.map

package/dist/scw-validate/rules/date.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.AP76NHYK.js";import"../../chunks/chunk.223WJTWZ.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.LPGZH2LO.js";import"../../chunks/chunk.IKVSH4SO.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=date.js.map

package/dist/scw-validate/rules/email.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.J7SGRJXX.js";import"../../chunks/chunk.223WJTWZ.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.HMO3FTOO.js";import"../../chunks/chunk.IKVSH4SO.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=email.js.map

package/dist/scw-validate/scw-validate.js

@@ -1,15 +1,15 @@
-import{a as h}from"../chunks/chunk.FWCHISMV.js";import{a as N}from"../chunks/chunk.DT6HYDDY.js";import{a as u,b as c,c as f,d as b,e as y,f as k}from"../chunks/chunk.ZKMVZ46L.js";import{a as o}from"../chunks/chunk.PZK4ALAW.js";import{a as l}from"../chunks/chunk.5O6SMXQL.js";import{a as x}from"../chunks/chunk.DXDJI6UK.js";import{a as g}from"../chunks/chunk.AP76NHYK.js";import{a as R}from"../chunks/chunk.J7SGRJXX.js";import"../chunks/chunk.223WJTWZ.js";import{a as p}from"../chunks/chunk.IM5FVLMU.js";import{a as r}from"../chunks/chunk.WXC634JO.js";import{a as s,b as m,d as n}from"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.OMOBJGWS.js";import{a as d}from"../chunks/chunk.3IG37SCP.js";import{a}from"../chunks/chunk.PKA6D7UK.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var v=d`
+import{a as o}from"../chunks/chunk.FWCHISMV.js";import{a as g}from"../chunks/chunk.DT6HYDDY.js";import{a as u,b as c,c as b,d as f,e as y,f as k}from"../chunks/chunk.ZKMVZ46L.js";import{a as l}from"../chunks/chunk.PZK4ALAW.js";import{a as h}from"../chunks/chunk.5O6SMXQL.js";import{a as R}from"../chunks/chunk.6X3T3GLO.js";import{a as I}from"../chunks/chunk.LPGZH2LO.js";import{a as x}from"../chunks/chunk.HMO3FTOO.js";import"../chunks/chunk.IKVSH4SO.js";import{a as p}from"../chunks/chunk.IM5FVLMU.js";import{a as r}from"../chunks/chunk.WXC634JO.js";import{a as s,b as n,d as m}from"../chunks/chunk.KMM6APSP.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.OMOBJGWS.js";import{a as d}from"../chunks/chunk.DEJTQKIS.js";import{a}from"../chunks/chunk.GOLR2K45.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var N=d`
 :host {
   display: block;
   border: 1px solid grey;
   margin: 6px 0;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0ZS9zY3NzIiwic291cmNlcyI6WyJzY3ctdmFsaWRhdGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQSJ9 */`;var e=class extends n{constructor(){super();this.type="unknown";this.min=0;this.max=0;this.step="";this.pattern="";this.include="";this.exclude="";this.decimalLimit=0;this.results=[];this.element="validate"}static get styles(){return[super.styles,v]}addResult(t){t!==!1&&this.results.push(t)}validate(t,L=[]){switch(this.results=[],this.type){case"required":this.addResult(h(t,this.feedback));break;case"alphanumeric":this.addResult(l(t,this.include,this.feedback));break;case"number":this.addResult(p(t,this.decimalLimit,this.feedback));break;case"minMax":console.log("minMax",t,this.min,this.max),(this.min||this.min===0)&&this.addResult(u(parseInt(t),this.min,this.feedback)),(this.max||this.max===0)&&this.addResult(c(parseInt(t),this.max,this.feedback));break;case"minMaxLength":(this.min||this.min===0)&&this.addResult(f(t,this.min,this.feedback)),(this.max||this.max===0)&&this.addResult(b(t,this.max,this.feedback));break;case"exclude":this.exclude&&this.addResult(y(t,this.exclude,this.feedback));break;case"pattern":this.pattern&&this.addResult(k(t,this.pattern,this.feedback));break;case"email":this.addResult(R(t,this.feedback));break;case"telephone":this.addResult(N(t,this.feedback));break;case"currency":this.addResult(x(t,this.feedback));break;case"date":this.addResult(g(t,this.feedback));break;default:this.results.push({type:"unknown",feedback:"unknown type of validation",valid:!1});break}return L.push(...this.results),this.results}render(){return o(this,"--debug")?a`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0ZS9zY3NzIiwic291cmNlcyI6WyJzY3ctdmFsaWRhdGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIlxuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXI6IDFweCBzb2xpZCBncmV5O1xuICBtYXJnaW46IDZweCAwO1xufSJdfQ== */`;var e=class extends m{constructor(){super();this.type="unknown";this.min=0;this.max=0;this.step="";this.pattern="";this.include="";this.exclude="";this.decimalLimit=0;this.results=[];this.element="validate"}static get styles(){return[super.styles,N]}addResult(t){t!==!1&&this.results.push(t)}validate(t,v=[]){switch(this.results=[],this.type){case"required":this.addResult(o(t,this.feedback));break;case"alphanumeric":this.addResult(h(t,this.include,this.feedback));break;case"number":this.addResult(p(t,this.decimalLimit,this.feedback));break;case"minMax":console.log("minMax",t,this.min,this.max),(this.min||this.min===0)&&this.addResult(u(parseInt(t),this.min,this.feedback)),(this.max||this.max===0)&&this.addResult(c(parseInt(t),this.max,this.feedback));break;case"minMaxLength":(this.min||this.min===0)&&this.addResult(b(t,this.min,this.feedback)),(this.max||this.max===0)&&this.addResult(f(t,this.max,this.feedback));break;case"exclude":this.exclude&&this.addResult(y(t,this.exclude,this.feedback));break;case"pattern":this.pattern&&this.addResult(k(t,this.pattern,this.feedback));break;case"email":this.addResult(x(t,this.feedback));break;case"telephone":this.addResult(g(t,this.feedback));break;case"currency":this.addResult(R(t,this.feedback));break;case"date":this.addResult(I(t,this.feedback));break;default:this.results.push({type:"unknown",feedback:"unknown type of validation",valid:!1});break}return v.push(...this.results),this.results}render(){return l(this,"--debug")?a`
         <div id="root">
           <div>Validate - ${this.type}</div>
           <div>
             <pre>${JSON.stringify(this.results,null,2)}</pre>
           </div>
         </div>
-      `:a``}};i([s({type:r})],e.prototype,"type",2),i([s({type:r})],e.prototype,"feedback",2),i([s({type:Number})],e.prototype,"min",2),i([s({type:Number})],e.prototype,"max",2),i([s({type:String})],e.prototype,"step",2),i([s({type:String})],e.prototype,"pattern",2),i([s({type:String})],e.prototype,"include",2),i([s({type:String})],e.prototype,"exclude",2),i([s({type:Number,attribute:"decimail-limit"})],e.prototype,"decimalLimit",2),i([m()],e.prototype,"results",2);export{e as default};
+      `:a``}};i([s({type:r})],e.prototype,"type",2),i([s({type:r})],e.prototype,"feedback",2),i([s({type:Number})],e.prototype,"min",2),i([s({type:Number})],e.prototype,"max",2),i([s({type:String})],e.prototype,"step",2),i([s({type:String})],e.prototype,"pattern",2),i([s({type:String})],e.prototype,"include",2),i([s({type:String})],e.prototype,"exclude",2),i([s({type:Number,attribute:"decimail-limit"})],e.prototype,"decimalLimit",2),i([n()],e.prototype,"results",2);export{e as default};
 //# sourceMappingURL=scw-validate.js.map

package/dist/scw-validate/scw-validate.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/scw-validate/scss/scw-validate.scss", "../../src/scw-validate/scw-validate.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n  border: 1px solid grey;\n  margin: 6px 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0ZS9zY3NzIiwic291cmNlcyI6WyJzY3ctdmFsaWRhdGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQSJ9 */`;\n", "import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-validate.scss';\nimport {ValidationTypes, ValidationResult} from './validationTypes';\nimport validateRequired from './rules/required';\nimport validateAlphaNumeric from './rules/alphanumeric';\nimport validateNumber from './rules/number';\nimport {\n  validateMax,\n  validateMaxLength,\n  validateMin,\n  validateMinLength,\n  validateExclude,\n  validatePattern,\n} from './rules/utils';\nimport validateEmail from './rules/email';\nimport validateCurrency from './rules/currency';\nimport validateDate from './rules/date';\nimport validateTelephone from './rules/telephone';\nimport getComputedStyleValue from '../utils/getComputedStyleValue';\n\n/**\n * ScwValidate\n * @class\n * @tag scw-validate\n *\n */\nexport default class ScwValidate extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.validate;\n  }\n\n  /**\n  * (ScwValidate) the type of validation this component executes\n  * @type {string} */\n  @property({type: ValidationTypes})\n    type: ValidationTypes = ValidationTypes.unknown;\n\n  /**\n  * (ScwValidate) contains the root element name for each component\n  * @type {string} */\n  @property({type: ValidationTypes})\n    feedback: string | undefined;\n\n  // maxMin Props\n  /** minimum number range */\n  @property({type: Number}) min = 0;\n  /** maximum number range */\n  @property({type: Number}) max = 0;\n  /** step mismatch */\n  @property({type: String}) step = '';\n\n  // maxMinLength Props\n  /** regex pattern to match */\n  @property({type: String}) pattern = '';\n\n  // Text\n  // characters to include\n  @property({type: String}) include = '';\n  // characters to exclude\n  @property({type: String}) exclude = '';\n\n  // Number Props\n  // limits amount of acceptable decimals\n  @property({type: Number, attribute: 'decimail-limit'})\n    decimalLimit = 0;\n\n  @state() results: ValidationResult[] = [];\n\n  /**\n  * pushes result into results array if there\n  * @param {ValidationResult | false} item\n  */\n  addResult(item: ValidationResult | false ) {\n    if (item !== false) {\n      this.results.push(item);\n    }\n  }\n\n  /**\n  * executes the validation...\n  * @param {string} value\n  * @param {ValidationResult[]} overallResults\n  * @return {ValidationResult[]}\n  */\n  validate(\n      value: string,\n      overallResults: ValidationResult[] = [],\n  ) : ValidationResult[] {\n    this.results = [];\n    switch (this.type) {\n      case ValidationTypes.required:\n        this.addResult( validateRequired(value, this.feedback ));\n        break;\n      case ValidationTypes.alphanumeric:\n        this.addResult(\n            validateAlphaNumeric( value, this.include, this.feedback ),\n        );\n        break;\n      case ValidationTypes.number:\n        this.addResult(\n            validateNumber(\n                value, this.decimalLimit, this.feedback,\n            ),\n        );\n        break;\n      case ValidationTypes.minMax:\n        console.log('minMax', value, this.min, this.max);\n        if (this.min || this.min === 0) {\n          this.addResult(\n              validateMin(parseInt( value ), this.min, this.feedback),\n          );\n        }\n        if (this.max || this.max === 0) {\n          this.addResult(\n              validateMax(parseInt( value ), this.max, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.minMaxLength:\n        if (this.min || this.min === 0) {\n          this.addResult(\n              validateMinLength(value, this.min, this.feedback),\n          );\n        }\n        if (this.max || this.max === 0) {\n          this.addResult(\n              validateMaxLength(value, this.max, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.exclude:\n        if (this.exclude) {\n          this.addResult(\n              validateExclude(value, this.exclude, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.pattern:\n        if (this.pattern) {\n          this.addResult(\n              validatePattern(value, this.pattern, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.email:\n        this.addResult( validateEmail(value, this.feedback));\n        break;\n      case ValidationTypes.telephone:\n        this.addResult( validateTelephone(value, this.feedback));\n        break;\n      case ValidationTypes.currency:\n        this.addResult( validateCurrency(value, this.feedback));\n        break;\n      case ValidationTypes.date:\n        this.addResult( validateDate(value, this.feedback));\n        break;\n      default:\n        // unknown type is an error, although not user\n        this.results.push({\n          type: ValidationTypes.unknown,\n          feedback: 'unknown type of validation',\n          valid: false,\n        });\n        break;\n    }\n\n    overallResults.push( ...this.results );\n    return this.results;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    const debug = getComputedStyleValue(this, '--debug');\n    if (debug) {\n      return html`\n        <div id=\"root\">\n          <div>Validate - ${this.type}</div>\n          <div>\n            <pre>${JSON.stringify(this.results, null, 2)}</pre>\n          </div>\n        </div>\n      `;\n    } else {\n      return html``;\n    }\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["scw_validate_default", "i", "ScwValidate", "ScwComponent", "scw_validate_default", "item", "value", "overallResults", "validateRequired", "validateAlphaNumeric", "validateNumber", "validateMin", "validateMax", "validateMinLength", "validateMaxLength", "validateExclude", "validatePattern", "validateEmail", "validateTelephone", "validateCurrency", "validateDate", "getComputedStyleValue", "y", "__decorateClass", "e", "ValidationTypes", "t"]
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n  border: 1px solid grey;\n  margin: 6px 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0ZS9zY3NzIiwic291cmNlcyI6WyJzY3ctdmFsaWRhdGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIlxuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXI6IDFweCBzb2xpZCBncmV5O1xuICBtYXJnaW46IDZweCAwO1xufSJdfQ== */`;\n", "import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-validate.scss';\nimport {ValidationTypes, ValidationResult} from './validationTypes';\nimport validateRequired from './rules/required';\nimport validateAlphaNumeric from './rules/alphanumeric';\nimport validateNumber from './rules/number';\nimport {\n  validateMax,\n  validateMaxLength,\n  validateMin,\n  validateMinLength,\n  validateExclude,\n  validatePattern,\n} from './rules/utils';\nimport validateEmail from './rules/email';\nimport validateCurrency from './rules/currency';\nimport validateDate from './rules/date';\nimport validateTelephone from './rules/telephone';\nimport getComputedStyleValue from '../utils/getComputedStyleValue';\n\n/**\n * ScwValidate\n * @class\n * @tag scw-validate\n *\n */\nexport default class ScwValidate extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.validate;\n  }\n\n  /**\n  * (ScwValidate) the type of validation this component executes\n  * @type {string} */\n  @property({type: ValidationTypes})\n    type: ValidationTypes = ValidationTypes.unknown;\n\n  /**\n  * (ScwValidate) contains the root element name for each component\n  * @type {string} */\n  @property({type: ValidationTypes})\n    feedback: string | undefined;\n\n  // maxMin Props\n  /** minimum number range */\n  @property({type: Number}) min = 0;\n  /** maximum number range */\n  @property({type: Number}) max = 0;\n  /** step mismatch */\n  @property({type: String}) step = '';\n\n  // maxMinLength Props\n  /** regex pattern to match */\n  @property({type: String}) pattern = '';\n\n  // Text\n  // characters to include\n  @property({type: String}) include = '';\n  // characters to exclude\n  @property({type: String}) exclude = '';\n\n  // Number Props\n  // limits amount of acceptable decimals\n  @property({type: Number, attribute: 'decimail-limit'})\n    decimalLimit = 0;\n\n  @state() results: ValidationResult[] = [];\n\n  /**\n  * pushes result into results array if there\n  * @param {ValidationResult | false} item\n  */\n  addResult(item: ValidationResult | false ) {\n    if (item !== false) {\n      this.results.push(item);\n    }\n  }\n\n  /**\n  * executes the validation...\n  * @param {string} value\n  * @param {ValidationResult[]} overallResults\n  * @return {ValidationResult[]}\n  */\n  validate(\n      value: string,\n      overallResults: ValidationResult[] = [],\n  ) : ValidationResult[] {\n    this.results = [];\n    switch (this.type) {\n      case ValidationTypes.required:\n        this.addResult( validateRequired(value, this.feedback ));\n        break;\n      case ValidationTypes.alphanumeric:\n        this.addResult(\n            validateAlphaNumeric( value, this.include, this.feedback ),\n        );\n        break;\n      case ValidationTypes.number:\n        this.addResult(\n            validateNumber(\n                value, this.decimalLimit, this.feedback,\n            ),\n        );\n        break;\n      case ValidationTypes.minMax:\n        console.log('minMax', value, this.min, this.max);\n        if (this.min || this.min === 0) {\n          this.addResult(\n              validateMin(parseInt( value ), this.min, this.feedback),\n          );\n        }\n        if (this.max || this.max === 0) {\n          this.addResult(\n              validateMax(parseInt( value ), this.max, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.minMaxLength:\n        if (this.min || this.min === 0) {\n          this.addResult(\n              validateMinLength(value, this.min, this.feedback),\n          );\n        }\n        if (this.max || this.max === 0) {\n          this.addResult(\n              validateMaxLength(value, this.max, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.exclude:\n        if (this.exclude) {\n          this.addResult(\n              validateExclude(value, this.exclude, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.pattern:\n        if (this.pattern) {\n          this.addResult(\n              validatePattern(value, this.pattern, this.feedback),\n          );\n        }\n        break;\n      case ValidationTypes.email:\n        this.addResult( validateEmail(value, this.feedback));\n        break;\n      case ValidationTypes.telephone:\n        this.addResult( validateTelephone(value, this.feedback));\n        break;\n      case ValidationTypes.currency:\n        this.addResult( validateCurrency(value, this.feedback));\n        break;\n      case ValidationTypes.date:\n        this.addResult( validateDate(value, this.feedback));\n        break;\n      default:\n        // unknown type is an error, although not user\n        this.results.push({\n          type: ValidationTypes.unknown,\n          feedback: 'unknown type of validation',\n          valid: false,\n        });\n        break;\n    }\n\n    overallResults.push( ...this.results );\n    return this.results;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    const debug = getComputedStyleValue(this, '--debug');\n    if (debug) {\n      return html`\n        <div id=\"root\">\n          <div>Validate - ${this.type}</div>\n          <div>\n            <pre>${JSON.stringify(this.results, null, 2)}</pre>\n          </div>\n        </div>\n      `;\n    } else {\n      return html``;\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["scw_validate_default", "i", "ScwValidate", "ScwComponent", "scw_validate_default", "item", "value", "overallResults", "validateRequired", "validateAlphaNumeric", "validateNumber", "validateMin", "validateMax", "validateMinLength", "validateMaxLength", "validateExclude", "validatePattern", "validateEmail", "validateTelephone", "validateCurrency", "validateDate", "getComputedStyleValue", "x", "__decorateClass", "e", "ValidationTypes", "t"]
 }

package/dist/scw-validation/scw-validation.js

@@ -1,8 +1,8 @@
-import{a as c}from"../chunks/chunk.PZK4ALAW.js";import{a as u}from"../chunks/chunk.7A7HJBKL.js";import"../chunks/chunk.WXC634JO.js";import{a as n,d}from"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.OMOBJGWS.js";import{a as s}from"../chunks/chunk.3IG37SCP.js";import{a as l}from"../chunks/chunk.PKA6D7UK.js";import{g as o}from"../chunks/chunk.5YJY6NT6.js";var p=s`
+import{a as c}from"../chunks/chunk.PZK4ALAW.js";import{a as u}from"../chunks/chunk.7A7HJBKL.js";import"../chunks/chunk.WXC634JO.js";import{a as n,d}from"../chunks/chunk.KMM6APSP.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.OMOBJGWS.js";import{a as o}from"../chunks/chunk.DEJTQKIS.js";import{a as l}from"../chunks/chunk.GOLR2K45.js";import{g as s}from"../chunks/chunk.5YJY6NT6.js";var p=o`
 :host {
   display: block;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0aW9uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy12YWxpZGF0aW9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRSJ9 */`;var a=class extends d{constructor(){super();this.value="";this.element="validation"}static get styles(){return[super.styles,p]}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","validation")}valueHandler(){this.validate(this.value)}validate(t){let i=this.getValidationRules(),e=[];return i.map(r=>{r.validate(t,e)}),e}isRequired(){let t=this.getValidationRules(),i=!1;return t.find(e=>e.type==="required"?(i=!0,!0):!1),i}getValidationRules(){let t=[];return Array.from(this.children).map(e=>{let r=e;r.element&&r.element==="validate"&&t.push(r)}),t}render(){return c(this,"--debug")?l`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0aW9uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy12YWxpZGF0aW9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIlxuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufSJdfQ== */`;var a=class extends d{constructor(){super();this.value="";this.element="validation"}static get styles(){return[super.styles,p]}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","validation")}valueHandler(){this.validate(this.value)}validate(t){let i=this.getValidationRules(),e=[];return i.map(r=>{r.validate(t,e)}),e}isRequired(){let t=this.getValidationRules(),i=!1;return t.find(e=>e.type==="required"?(i=!0,!0):!1),i}getValidationRules(){let t=[];return Array.from(this.children).map(e=>{let r=e;r.element&&r.element==="validate"&&t.push(r)}),t}render(){return c(this,"--debug")?l`
         <div 
           id="root">
           <div>
@@ -10,5 +10,5 @@ import{a as c}from"../chunks/chunk.PZK4ALAW.js";import{a as u}from"../chunks/chu
           </div>
           <slot></slot>
         </div>
-      `:l``}};o([n({type:String})],a.prototype,"value",2),o([u("value")],a.prototype,"valueHandler",1);export{a as default};
+      `:l``}};s([n({type:String})],a.prototype,"value",2),s([u("value")],a.prototype,"valueHandler",1);export{a as default};
 //# sourceMappingURL=scw-validation.js.map

package/dist/scw-validation/scw-validation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/scw-validation/scss/scw-validation.scss", "../../src/scw-validation/scw-validation.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0aW9uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy12YWxpZGF0aW9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRSJ9 */`;\n", "import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {property} from 'lit/decorators.js';\nimport {watch} from '../utils/watch';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-validation.scss';\nimport ScwValidate from '../scw-validate/scw-validate';\nimport {ValidationResult, ValidationTypes}\n  from '../scw-validate/validationTypes';\nimport getComputedStyleValue from '../utils/getComputedStyleValue';\n\n/**\n * ScwValidation\n * @class\n * @tag scw-validation\n *\n */\nexport default class ScwValidation extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.validation;\n  }\n\n  /**\n  * connected callback\n  */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('slot', 'validation');\n  }\n\n  // ============== ScwValidation ==============================================\n  /**\n  * (ScwValidation) what validation operates upon...\n  * @type {string}\n  */\n  @property({type: String})\n    value = '';\n\n  /**\n  * watch value\n  * @param {string} oldValue\n  * @param {string} newValue\n  */\n  @watch('value')\n  valueHandler() {// oldValue: string, newValue: string) {\n    this.validate( this.value );\n  }\n\n  /**\n  * executes the full stack of validates\n  * @param {string} value\n  * @return {ValidationResult[]}\n  */\n  validate(value: string) : ValidationResult[] {\n    const rules = this.getValidationRules();\n    const results : ValidationResult[] = [];\n    rules.map((rule) => {\n      rule.validate( value, results );\n    });\n    return results;\n  }\n\n  /**\n  * figures out if there is a required validation\n  * @return {boolean}\n  */\n  isRequired() : boolean {\n    const rules = this.getValidationRules();\n    let isRequired = false;\n    rules.find((rule) => {\n      if (rule.type === ValidationTypes.required) {\n        isRequired = true;\n        return true;\n      }\n      return false;\n    });\n    return isRequired;\n  }\n\n  /**\n  * Gathers child validate components\n  * @return {ScwValidate[]}\n  */\n  getValidationRules() : ScwValidate[] {\n    const rules : ScwValidate[] = [];\n    // can only be children...\n    const children = Array.from( this.children );\n    children.map((child) => {\n      const childEle = child as unknown as ScwComponent;\n      if (\n        childEle.element &&\n         childEle.element === Components.validate\n      ) {\n        rules.push( ( childEle as unknown as ScwValidate ) );\n      }\n    });\n    return rules;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    const debug = getComputedStyleValue(this, '--debug');\n    if (debug) {\n      return html`\n        <div \n          id=\"root\">\n          <div>\n            Validation\n          </div>\n          <slot></slot>\n        </div>\n      `;\n    } else {\n      return html``;\n    }\n  }\n}\n"],
-  "mappings": "8YACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;qVCgBf,IAAqBC,EAArB,cAA2CC,CAAa,CActD,aAAc,CACZ,MAAM,EAkBN,WAAQ,GAjBR,KAAK,oBACP,CAbA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAaA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,aAAa,OAAQ,YAAY,CACxC,CAgBA,cAAe,CACb,KAAK,SAAU,KAAK,KAAM,CAC5B,CAOA,SAASC,EAAoC,CAC3C,IAAMC,EAAQ,KAAK,mBAAmB,EAChCC,EAA+B,CAAC,EACtC,OAAAD,EAAM,IAAKE,GAAS,CAClBA,EAAK,SAAUH,EAAOE,CAAQ,CAChC,CAAC,EACMA,CACT,CAMA,YAAuB,CACrB,IAAMD,EAAQ,KAAK,mBAAmB,EAClCG,EAAa,GACjB,OAAAH,EAAM,KAAME,GACNA,EAAK,mBACPC,EAAa,GACN,IAEF,EACR,EACMA,CACT,CAMA,oBAAqC,CACnC,IAAMH,EAAwB,CAAC,EAG/B,OADiB,MAAM,KAAM,KAAK,QAAS,EAClC,IAAKI,GAAU,CACtB,IAAMC,EAAWD,EAEfC,EAAS,SACRA,EAAS,sBAEVL,EAAM,KAAQK,CAAqC,CAEvD,CAAC,EACML,CACT,CAMA,QAAiB,CAEf,OADcM,EAAsB,KAAM,SAAS,EAE1CC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUAA,GAEX,CACF,EAnFIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAhCLb,EAiCjB,qBAQFY,EAAA,CADCE,EAAM,OAAO,GAxCKd,EAyCnB",
-  "names": ["scw_validation_default", "i", "ScwValidation", "ScwComponent", "scw_validation_default", "value", "rules", "results", "rule", "isRequired", "child", "childEle", "getComputedStyleValue", "y", "__decorateClass", "e", "watch"]
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy12YWxpZGF0aW9uL3Njc3MiLCJzb3VyY2VzIjpbInNjdy12YWxpZGF0aW9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIlxuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufSJdfQ== */`;\n", "import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {property} from 'lit/decorators.js';\nimport {watch} from '../utils/watch';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-validation.scss';\nimport ScwValidate from '../scw-validate/scw-validate';\nimport {ValidationResult, ValidationTypes}\n  from '../scw-validate/validationTypes';\nimport getComputedStyleValue from '../utils/getComputedStyleValue';\n\n/**\n * ScwValidation\n * @class\n * @tag scw-validation\n *\n */\nexport default class ScwValidation extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.validation;\n  }\n\n  /**\n  * connected callback\n  */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('slot', 'validation');\n  }\n\n  // ============== ScwValidation ==============================================\n  /**\n  * (ScwValidation) what validation operates upon...\n  * @type {string}\n  */\n  @property({type: String})\n    value = '';\n\n  /**\n  * watch value\n  * @param {string} oldValue\n  * @param {string} newValue\n  */\n  @watch('value')\n  valueHandler() {// oldValue: string, newValue: string) {\n    this.validate( this.value );\n  }\n\n  /**\n  * executes the full stack of validates\n  * @param {string} value\n  * @return {ValidationResult[]}\n  */\n  validate(value: string) : ValidationResult[] {\n    const rules = this.getValidationRules();\n    const results : ValidationResult[] = [];\n    rules.map((rule) => {\n      rule.validate( value, results );\n    });\n    return results;\n  }\n\n  /**\n  * figures out if there is a required validation\n  * @return {boolean}\n  */\n  isRequired() : boolean {\n    const rules = this.getValidationRules();\n    let isRequired = false;\n    rules.find((rule) => {\n      if (rule.type === ValidationTypes.required) {\n        isRequired = true;\n        return true;\n      }\n      return false;\n    });\n    return isRequired;\n  }\n\n  /**\n  * Gathers child validate components\n  * @return {ScwValidate[]}\n  */\n  getValidationRules() : ScwValidate[] {\n    const rules : ScwValidate[] = [];\n    // can only be children...\n    const children = Array.from( this.children );\n    children.map((child) => {\n      const childEle = child as unknown as ScwComponent;\n      if (\n        childEle.element &&\n         childEle.element === Components.validate\n      ) {\n        rules.push( ( childEle as unknown as ScwValidate ) );\n      }\n    });\n    return rules;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    const debug = getComputedStyleValue(this, '--debug');\n    if (debug) {\n      return html`\n        <div \n          id=\"root\">\n          <div>\n            Validation\n          </div>\n          <slot></slot>\n        </div>\n      `;\n    } else {\n      return html``;\n    }\n  }\n}\n"],
+  "mappings": "8YACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;iaCgBf,IAAqBC,EAArB,cAA2CC,CAAa,CActD,aAAc,CACZ,MAAM,EAkBN,WAAQ,GAjBR,KAAK,oBACP,CAbA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAaA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,aAAa,OAAQ,YAAY,CACxC,CAgBA,cAAe,CACb,KAAK,SAAU,KAAK,KAAM,CAC5B,CAOA,SAASC,EAAoC,CAC3C,IAAMC,EAAQ,KAAK,mBAAmB,EAChCC,EAA+B,CAAC,EACtC,OAAAD,EAAM,IAAKE,GAAS,CAClBA,EAAK,SAAUH,EAAOE,CAAQ,CAChC,CAAC,EACMA,CACT,CAMA,YAAuB,CACrB,IAAMD,EAAQ,KAAK,mBAAmB,EAClCG,EAAa,GACjB,OAAAH,EAAM,KAAME,GACNA,EAAK,mBACPC,EAAa,GACN,IAEF,EACR,EACMA,CACT,CAMA,oBAAqC,CACnC,IAAMH,EAAwB,CAAC,EAG/B,OADiB,MAAM,KAAM,KAAK,QAAS,EAClC,IAAKI,GAAU,CACtB,IAAMC,EAAWD,EAEfC,EAAS,SACRA,EAAS,sBAEVL,EAAM,KAAQK,CAAqC,CAEvD,CAAC,EACML,CACT,CAMA,QAAiB,CAEf,OADcM,EAAsB,KAAM,SAAS,EAE1CC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUAA,GAEX,CACF,EAnFIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAhCLb,EAiCjB,qBAQFY,EAAA,CADCE,EAAM,OAAO,GAxCKd,EAyCnB",
+  "names": ["scw_validation_default", "i", "ScwValidation", "ScwComponent", "scw_validation_default", "value", "rules", "results", "rule", "isRequired", "child", "childEle", "getComputedStyleValue", "x", "__decorateClass", "e", "watch"]
 }

package/dist/scw.js

@@ -1,2 +1,2 @@
-import{a,b}from"./chunks/chunk.EUL7ZD7O.js";import"./chunks/chunk.UXIAMI3F.js";import"./chunks/chunk.RSR7WC4R.js";import"./chunks/chunk.PKA6D7UK.js";import"./chunks/chunk.5YJY6NT6.js";export{a as config,b as defineComponents};
+import{a,b}from"./chunks/chunk.SRNUBS6H.js";import"./chunks/chunk.IE23J4E6.js";import"./chunks/chunk.RNPNMHAU.js";import"./chunks/chunk.GOLR2K45.js";import"./chunks/chunk.5YJY6NT6.js";export{a as config,b as defineComponents};
 //# sourceMappingURL=scw.js.map

package/dist/tokens/segments/comp-scw-block/_alignment-center-body-mixins.scss

@@ -0,0 +1,55 @@
+
+
+
+@mixin text (
+  $themeVar: false
+) { 
+  text-align: CENTER;
+  font: var( --scw-type-text-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  align-self: stretch; 
+}
+
+@mixin sizing {
+  width: 388px;
+  height: 24px;
+}
+
+@mixin width {
+  width: 388px;
+}
+
+@mixin height {
+  height: 24px;
+}
+
+@mixin padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: calc( var( --scw-spacing-1 ) * 5.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: calc( var( --scw-spacing-1 ) * 5.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+}

package/dist/tokens/segments/comp-scw-block/_alignment-center-body-vars.scss

@@ -0,0 +1,32 @@
+
+
+$characters: 'body';
+$font-size: 1rem;
+$text-align-horizontal: CENTER;
+$text-align-vertical: TOP;
+$text-transform: none;
+$color: var( --scw-color-grey-02 );
+$font-family: 'Proxima Nova';
+$font-weight: 400;
+$line-height: 1.5rem;
+$letter-spacing: 0rem;
+$font: var( --scw-type-text-font );
+$width: 388px;
+$height: 24px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: STRETCH;
+$layout-grow: 0;
+$top: calc( var( --scw-spacing-1 ) * 5.1 );
+$top-percent: 51.64%;
+$bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+$left: 0px;
+$left-percent: 50%;
+$right: 0px;
+$margin-bottom: 0px;

package/dist/tokens/segments/comp-scw-block/_alignment-center-heading-mixins.scss

@@ -0,0 +1,55 @@
+
+
+
+@mixin text (
+  $themeVar: false
+) { 
+  text-align: CENTER;
+  font: var( --scw-type-text-bold-condensed-09-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  align-self: stretch; 
+}
+
+@mixin sizing {
+  width: 388px;
+  height: 41px;
+}
+
+@mixin width {
+  width: 388px;
+}
+
+@mixin height {
+  height: 41px;
+}
+
+@mixin padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: calc( var( --scw-spacing-1 ) * 8.1 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: calc( var( --scw-spacing-1 ) * 8.1 );
+}

package/dist/tokens/segments/comp-scw-block/_alignment-center-heading-vars.scss

@@ -0,0 +1,32 @@
+
+
+$characters: 'heading';
+$font-size: 1.875rem;
+$text-align-horizontal: CENTER;
+$text-align-vertical: TOP;
+$text-transform: none;
+$color: var( --scw-color-grey-02 );
+$font-family: 'Proxima Nova Condensed';
+$font-weight: 700;
+$line-height: 2.531rem;
+$letter-spacing: 0rem;
+$font: var( --scw-type-text-bold-condensed-09-font );
+$width: 388px;
+$height: 41px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: STRETCH;
+$layout-grow: 0;
+$top: 0px;
+$top-percent: 16.8%;
+$bottom: calc( var( --scw-spacing-1 ) * 8.1 );
+$left: 0px;
+$left-percent: 50%;
+$right: 0px;
+$margin-bottom: 0px;

package/dist/tokens/segments/comp-scw-block/_alignment-center-mixins.scss

@@ -0,0 +1,72 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+  } @else {
+    background-color: rgba(0,0,0,0);
+  } 
+}
+
+@mixin sizing {
+  width: 388px;
+  height: 122px;
+}
+
+@mixin width {
+  width: 388px;
+}
+
+@mixin height {
+  height: 122px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  & > *:not(:last-child) { 
+        margin-bottom: var( --scw-spacing-1 ); 
+        --margin-bottom: var( --scw-spacing-1 ); 
+      } 
+}
+
+@mixin absolute-layout {
+  position: absolute;
+  left: var( --scw-spacing-2 );
+  width: 388px;
+  top: calc( var( --scw-spacing-1 ) * 16.2 );
+  height: 122px; 
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 16.2 );
+  margin-bottom: var( --scw-spacing-2 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 16.2 );
+  padding-bottom: var( --scw-spacing-2 );
+}

package/dist/tokens/segments/comp-scw-block/_alignment-center-scw-link-label-mixins.scss

@@ -0,0 +1,54 @@
+
+
+
+@mixin text (
+  $themeVar: false
+) { 
+  text-align: LEFT;
+  font: var( --scw-type-text-bold-06-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-10 , var( --scw-color-grey-10 ) );
+  } @else {
+    color: var( --scw-color-grey-10 );
+  } 
+}
+
+@mixin sizing {
+  width: 45px;
+  height: 27px;
+}
+
+@mixin width {
+  width: 45px;
+}
+
+@mixin height {
+  height: 27px;
+}
+
+@mixin padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+}

package/dist/tokens/segments/comp-scw-block/_alignment-center-scw-link-label-vars.scss

@@ -0,0 +1,32 @@
+
+
+$characters: 'Label';
+$font-size: 1.125rem;
+$text-align-horizontal: LEFT;
+$text-align-vertical: CENTER;
+$text-transform: none;
+$color: var( --scw-color-grey-10 );
+$font-family: 'Proxima Nova';
+$font-weight: 700;
+$line-height: 1.688rem;
+$letter-spacing: 0rem;
+$font: var( --scw-type-text-bold-06-font );
+$width: 45px;
+$height: 27px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: INHERIT;
+$layout-grow: 0;
+$top: calc( var( --scw-spacing-1 ) * 0.5 );
+$top-percent: 50%;
+$bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+$left: calc( var( --scw-spacing-1 ) * 1.6 );
+$left-percent: 50%;
+$right: calc( var( --scw-spacing-1 ) * 1.6 );
+$margin-right: 0px;

package/dist/tokens/segments/comp-scw-block/_alignment-center-scw-link-left-icon-mixins.scss

@@ -0,0 +1,58 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+  } @else {
+    background-color: rgba(0,0,0,0);
+  }
+  border-radius: 6px 6px 6px 6px; 
+}
+
+@mixin sizing {
+  width: 24px;
+  height: 24px;
+}
+
+@mixin width {
+  width: 24px;
+}
+
+@mixin height {
+  height: 24px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+   
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+}

package/dist/tokens/segments/comp-scw-block/_alignment-center-scw-link-left-icon-vars.scss

@@ -0,0 +1,30 @@
+
+
+$background-color: rgba(0,0,0,0);
+$corner-radius-top-left: 6px;
+$corner-radius-top-right: 6px;
+$corner-radius-bottom-right: 6px;
+$corner-radius-bottom-left: 6px;
+$width: 24px;
+$height: 24px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: INHERIT;
+$layout-grow: 0;
+$top: calc( var( --scw-spacing-1 ) * 0.4 );
+$top-percent: 43.24%;
+$bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$left: calc( var( --scw-spacing-1 ) * 1.6 );
+$left-percent: 36.36%;
+$right: calc( var( --scw-spacing-1 ) * 3.7 );
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: 0px;
+$margin-right: 0px;