scu-web-components 0.0.35 → 0.0.36

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

@@ -1,15 +1,15 @@
-import{a as l}from"../chunks/chunk.N6DLDRHB.js";import{a as g}from"../chunks/chunk.X3QDN5AD.js";import{a as R}from"../chunks/chunk.SWOOH3JG.js";import{a as p}from"../chunks/chunk.V2DFPUQM.js";import{a as h}from"../chunks/chunk.IFFRUKMU.js";import{a as N}from"../chunks/chunk.63GYMQDA.js";import{a as u,b as c,c as b,d as f,e as k,f as y}from"../chunks/chunk.4IW4ZUWS.js";import{a as o}from"../chunks/chunk.PVZ47H3F.js";import{a as x}from"../chunks/chunk.WHRXVSQW.js";import"../chunks/chunk.A2HETGP5.js";import{a as r}from"../chunks/chunk.WXC634JO.js";import{a as d,b as s,c as n,e as m}from"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import{a}from"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var L=d`
+import{a as o}from"../chunks/chunk.PZK4ALAW.js";import{a as g}from"../chunks/chunk.AP76NHYK.js";import{a as R}from"../chunks/chunk.J7SGRJXX.js";import{a as p}from"../chunks/chunk.IM5FVLMU.js";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 l}from"../chunks/chunk.5O6SMXQL.js";import{a as x}from"../chunks/chunk.DXDJI6UK.js";import"../chunks/chunk.223WJTWZ.js";import{a as r}from"../chunks/chunk.WXC634JO.js";import{a as s,b as m,d as n}from"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.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`
 :host {
   display: block;
   border: 1px solid grey;
   margin: 6px 0;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LXZhbGlkYXRlL3Njc3MiLCJzb3VyY2VzIjpbInNjdy12YWxpZGF0ZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0U7RUFDQTtFQUNBIn0= */`;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,L]}addResult(t){t!==!1&&this.results.push(t)}validate(t,z=[]){switch(this.results=[],this.type){case"required":this.addResult(h(t,this.feedback));break;case"alphanumeric":this.addResult(o(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(k(t,this.exclude,this.feedback));break;case"pattern":this.pattern&&this.addResult(y(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 z.push(...this.results),this.results}render(){return l(this,"--debug")?a`
+/*# 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`
         <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([n()],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([m()],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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LXZhbGlkYXRlL3Njc3MiLCJzb3VyY2VzIjpbInNjdy12YWxpZGF0ZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0U7RUFDQTtFQUNBIn0= */`;\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: number = 0;\n  /** maximum number range */\n  @property({type: Number}) max: number = 0;\n  /** step mismatch */\n  @property({type: String}) step: string = '';\n\n  // maxMinLength Props\n  /** regex pattern to match */\n  @property({type: String}) pattern: string = '';\n\n  // Text\n  // characters to include\n  @property({type: String}) include: string = ''\n  // characters to exclude\n  @property({type: String}) exclude: string = '';\n\n  // Number Props\n  // limits amount of acceptable decimals\n  @property({type: Number, attribute: 'decimail-limit'})\n    decimalLimit: number = 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", "r", "ScwValidate", "ScwComponent", "scw_validate_default", "item", "value", "overallResults", "validateRequired", "validateAlphaNumeric", "validateNumber", "validateMin", "validateMax", "validateMinLength", "validateMaxLength", "validateExclude", "validatePattern", "validateEmail", "validateTelephone", "validateCurrency", "validateDate", "getComputedStyleValue", "$", "__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,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"]
 }

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

@@ -1,8 +1,8 @@
-import{a as c}from"../chunks/chunk.N6DLDRHB.js";import{a as u}from"../chunks/chunk.7A7HJBKL.js";import"../chunks/chunk.WXC634JO.js";import{a,b as n,e as d}from"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import{a as o}from"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import{g as s}from"../chunks/chunk.5YJY6NT6.js";var p=a`
+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.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.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`
 :host {
   display: block;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LXZhbGlkYXRpb24vc2NzcyIsInNvdXJjZXMiOlsic2N3LXZhbGlkYXRpb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFIn0= */`;var l=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")?o`
+/*# 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`
         <div 
           id="root">
           <div>
@@ -10,5 +10,5 @@ import{a as c}from"../chunks/chunk.N6DLDRHB.js";import{a as u}from"../chunks/chu
           </div>
           <slot></slot>
         </div>
-      `:o``}};s([n({type:String})],l.prototype,"value",2),s([u("value")],l.prototype,"valueHandler",1);export{l as default};
+      `:l``}};o([n({type:String})],a.prototype,"value",2),o([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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LXZhbGlkYXRpb24vc2NzcyIsInNvdXJjZXMiOlsic2N3LXZhbGlkYXRpb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFIn0= */`;\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: string = '';\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": "6jBACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;iWCgBf,IAAqBC,EAArB,cAA2CC,CAAa,CAcrD,aAAc,CACb,MAAM,EAkBN,WAAgB,GAjBhB,KAAK,oBACP,CAbC,WAAW,QAAS,CACnB,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,CAMC,oBAAqC,CACnC,IAAMH,EAAwB,CAAC,EAG/B,OADiB,MAAM,KAAM,KAAK,QAAS,EAClC,IAAKI,GAAU,CACtB,IAAMC,EAAWD,EAEfC,EAAS,SACTA,EAAS,sBAETL,EAAM,KAAQK,CAAqC,CAEvD,CAAC,EACML,CACT,CAMA,QAAiB,CAEf,OADcM,EAAsB,KAAM,SAAS,EAE3CC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUAA,GAEV,CACH,EAnFIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAhCLb,EAiCjB,qBAQFY,EAAA,CADCE,EAAM,OAAO,GAxCKd,EAyCnB",
-  "names": ["scw_validation_default", "r", "ScwValidation", "ScwComponent", "scw_validation_default", "value", "rules", "results", "rule", "isRequired", "child", "childEle", "getComputedStyleValue", "$", "__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,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": "smBACA,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"]
 }

package/dist/scw.js

@@ -1,2 +1,2 @@
-import{b as a,c as b}from"./chunks/chunk.7C4BKIQF.js";import"./chunks/chunk.T25QZW3W.js";import"./chunks/chunk.IHVBWZ57.js";import"./chunks/chunk.5YJY6NT6.js";export{a as config,b as defineComponents};
+import{a,b}from"./chunks/chunk.E2LMFNXM.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};
 //# sourceMappingURL=scw.js.map

package/dist/tokens/segments/comp-scw-alert/_description-vars.scss

@@ -8,7 +8,7 @@ $text-transform: none;
 $color: var( --scw-color-error-dark );
 $font-family: 'Proxima Nova';
 $font-weight: 400;
-$line-height: 1.172rem;
+$line-height: 1.218rem;
 $letter-spacing: 0rem;
 $font: var( --scw-type-text-font );
 $width: 198.5px;

package/dist/tokens/segments/comp-scw-alert/_message-vars.scss

@@ -8,7 +8,7 @@ $text-transform: none;
 $color: var( --scw-color-error-dark );
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: 1.172rem;
+$line-height: 1.218rem;
 $letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-font );
 $width: 402px;

package/dist/tokens/segments/comp-scw-card/_color-checking-action-mixins.scss

@@ -10,7 +10,7 @@
   } @else {
     background-color: var( --scw-color-checking-04 );
   }
-  border-radius: 10px 10px 10px 10px; 
+  border-radius: 6px 6px 6px 6px; 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-card/_color-checking-action-vars.scss

@@ -2,10 +2,10 @@
 
 $background-color: var( --scw-color-checking-04 );
 $blend-mode: NORMAL;
-$corner-radius-top-left: 10px;
-$corner-radius-top-right: 10px;
-$corner-radius-bottom-right: 10px;
-$corner-radius-bottom-left: 10px;
+$corner-radius-top-left: 6px;
+$corner-radius-top-right: 6px;
+$corner-radius-bottom-right: 6px;
+$corner-radius-bottom-left: 6px;
 $width: 83px;
 $height: 32px;
 $constraint-horizontal: MIN;

package/dist/tokens/segments/comp-scw-card/_color-checking-description-mixins.scss

@@ -16,7 +16,7 @@
 
 @mixin sizing {
   width: 636px;
-  height: 22px;
+  height: 26px;
 }
 
 @mixin width {
@@ -24,7 +24,7 @@
 }
 
 @mixin height {
-  height: 22px;
+  height: 26px;
 }
 
 @mixin padding {
@@ -42,7 +42,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );
   margin-bottom: var( --scw-spacing-4 );
 }
 
@@ -50,6 +50,6 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );
   padding-bottom: var( --scw-spacing-4 );
 }

package/dist/tokens/segments/comp-scw-card/_color-checking-description-vars.scss

@@ -8,11 +8,11 @@ $text-transform: none;
 $color: var( --scw-color-grey-02 );
 $font-family: 'Proxima Nova';
 $font-weight: 400;
-$line-height: 1.318rem;
+$line-height: 1.625rem;
 $letter-spacing: 0rem;
 $font: var( --scw-type-text-06-font );
 $width: 636px;
-$height: 22px;
+$height: 26px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -23,8 +23,8 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: STRETCH;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 41.7 );
-$top-percent: 89.35%;
+$top: calc( var( --scw-spacing-1 ) * 41.3 );
+$top-percent: 88.94%;
 $bottom: var( --scw-spacing-4 );
 $left: 0px;
 $left-percent: 50%;

package/dist/tokens/segments/comp-scw-card/_color-checking-heading-mixins.scss

@@ -45,14 +45,14 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 38 );
-  margin-bottom: var( --scw-spacing-7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 38 );
-  padding-bottom: var( --scw-spacing-7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }

package/dist/tokens/segments/comp-scw-card/_color-checking-heading-vars.scss

@@ -13,9 +13,9 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: STRETCH;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 38 );
-$top-percent: 82.36%;
-$bottom: var( --scw-spacing-7 );
+$top: calc( var( --scw-spacing-1 ) * 37.6 );
+$top-percent: 81.52%;
+$bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 $left: 0px;
 $left-percent: 50%;
 $right: 0px;

package/dist/tokens/segments/comp-scw-card/_color-checking-image-mixins.scss

@@ -17,7 +17,7 @@
 
 @mixin sizing {
   width: 636px;
-  height: 345px;
+  height: 341px;
 }
 
 @mixin width {
@@ -25,7 +25,7 @@
 }
 
 @mixin height {
-  height: 345px;
+  height: 341px;
 }
 
 @mixin padding {
@@ -59,7 +59,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
 
 @mixin html-autolayout-padding {
@@ -67,5 +67,5 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }

package/dist/tokens/segments/comp-scw-card/_color-checking-image-vars.scss

@@ -7,7 +7,7 @@ $corner-radius-top-right: 10px;
 $corner-radius-bottom-right: 10px;
 $corner-radius-bottom-left: 10px;
 $width: 636px;
-$height: 345px;
+$height: 341px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -19,8 +19,8 @@ $item-spacing: calc( var( --scw-spacing-1 ) * 0.8 );
 $layout-align: STRETCH;
 $layout-grow: 1;
 $top: 0px;
-$top-percent: 36.01%;
-$bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+$top-percent: 35.59%;
+$bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 $left: 0px;
 $left-percent: 50%;
 $right: 0px;

package/dist/tokens/segments/comp-scw-card/_color-checking-super-heading-mixins.scss

@@ -42,14 +42,14 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }

package/dist/tokens/segments/comp-scw-card/_color-checking-super-heading-vars.scss

@@ -8,7 +8,7 @@ $text-transform: none;
 $color: var( --scw-color-checking-04 );
 $font-family: 'Proxima Nova Condensed';
 $font-weight: 700;
-$line-height: 1.172rem;
+$line-height: 1.218rem;
 $letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-condensed-font );
 $width: 636px;
@@ -23,9 +23,9 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: STRETCH;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 35.3 );
-$top-percent: 75.68%;
-$bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+$top: calc( var( --scw-spacing-1 ) * 34.9 );
+$top-percent: 74.84%;
+$bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 $left: 0px;
 $left-percent: 50%;
 $right: 0px;

package/dist/tokens/segments/comp-scw-card/_color-credit-cards-action-mixins.scss

@@ -10,7 +10,7 @@
   } @else {
     background-color: var( --scw-color-credit-cards-04 );
   }
-  border-radius: 10px 10px 10px 10px; 
+  border-radius: 6px 6px 6px 6px; 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-card/_color-credit-cards-action-vars.scss

@@ -2,10 +2,10 @@
 
 $background-color: var( --scw-color-credit-cards-04 );
 $blend-mode: NORMAL;
-$corner-radius-top-left: 10px;
-$corner-radius-top-right: 10px;
-$corner-radius-bottom-right: 10px;
-$corner-radius-bottom-left: 10px;
+$corner-radius-top-left: 6px;
+$corner-radius-top-right: 6px;
+$corner-radius-bottom-right: 6px;
+$corner-radius-bottom-left: 6px;
 $width: 83px;
 $height: 32px;
 $constraint-horizontal: MIN;

package/dist/tokens/segments/comp-scw-card/_color-credit-cards-description-mixins.scss

@@ -16,7 +16,7 @@
 
 @mixin sizing {
   width: 636px;
-  height: 22px;
+  height: 26px;
 }
 
 @mixin width {
@@ -24,7 +24,7 @@
 }
 
 @mixin height {
-  height: 22px;
+  height: 26px;
 }
 
 @mixin padding {
@@ -42,7 +42,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 41.3 );
   margin-bottom: var( --scw-spacing-4 );
 }
 
@@ -50,6 +50,6 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 41.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 41.3 );
   padding-bottom: var( --scw-spacing-4 );
 }

package/dist/tokens/segments/comp-scw-card/_color-credit-cards-description-vars.scss

@@ -8,11 +8,11 @@ $text-transform: none;
 $color: var( --scw-color-grey-02 );
 $font-family: 'Proxima Nova';
 $font-weight: 400;
-$line-height: 1.318rem;
+$line-height: 1.625rem;
 $letter-spacing: 0rem;
 $font: var( --scw-type-text-06-font );
 $width: 636px;
-$height: 22px;
+$height: 26px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -23,8 +23,8 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: STRETCH;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 41.7 );
-$top-percent: 89.35%;
+$top: calc( var( --scw-spacing-1 ) * 41.3 );
+$top-percent: 88.94%;
 $bottom: var( --scw-spacing-4 );
 $left: 0px;
 $left-percent: 50%;

package/dist/tokens/segments/comp-scw-card/_color-credit-cards-heading-mixins.scss

@@ -45,14 +45,14 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 38 );
-  margin-bottom: var( --scw-spacing-7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 38 );
-  padding-bottom: var( --scw-spacing-7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 37.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 }

package/dist/tokens/segments/comp-scw-card/_color-credit-cards-heading-vars.scss

@@ -13,9 +13,9 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: STRETCH;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 38 );
-$top-percent: 82.36%;
-$bottom: var( --scw-spacing-7 );
+$top: calc( var( --scw-spacing-1 ) * 37.6 );
+$top-percent: 81.52%;
+$bottom: calc( var( --scw-spacing-1 ) * 7.4 );
 $left: 0px;
 $left-percent: 50%;
 $right: 0px;

package/dist/tokens/segments/comp-scw-card/_color-credit-cards-image-mixins.scss

@@ -17,7 +17,7 @@
 
 @mixin sizing {
   width: 636px;
-  height: 345px;
+  height: 341px;
 }
 
 @mixin width {
@@ -25,7 +25,7 @@
 }
 
 @mixin height {
-  height: 345px;
+  height: 341px;
 }
 
 @mixin padding {
@@ -59,7 +59,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }
 
 @mixin html-autolayout-padding {
@@ -67,5 +67,5 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 }

package/dist/tokens/segments/comp-scw-card/_color-credit-cards-image-vars.scss

@@ -7,7 +7,7 @@ $corner-radius-top-right: 10px;
 $corner-radius-bottom-right: 10px;
 $corner-radius-bottom-left: 10px;
 $width: 636px;
-$height: 345px;
+$height: 341px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -19,8 +19,8 @@ $item-spacing: calc( var( --scw-spacing-1 ) * 0.8 );
 $layout-align: STRETCH;
 $layout-grow: 1;
 $top: 0px;
-$top-percent: 36.01%;
-$bottom: calc( var( --scw-spacing-1 ) * 13.4 );
+$top-percent: 35.59%;
+$bottom: calc( var( --scw-spacing-1 ) * 13.8 );
 $left: 0px;
 $left-percent: 50%;
 $right: 0px;

package/dist/tokens/segments/comp-scw-card/_color-credit-cards-super-heading-mixins.scss

@@ -42,14 +42,14 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 35.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 10.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 34.9 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 11.1 );
 }