scu-web-components 0.0.9 → 0.0.10

package/dist/chunks/{chunk.KH7QGSJX.js → chunk.GJQ2MDAQ.js}

@@ -73,7 +73,7 @@ import{a as s,b as a}from"./chunk.HXIXDONQ.js";import{a as r,d as l,i as o,j as
   align-self: center;
 }
 .input-field .right-action {
-  background-color: var(--scw-color-accent-03, var(--scw-color-primary-03));
+  background-color: var(--scw-color-theme-03, var(--scw-color-primary-03));
   border-radius: 0px 4px 4px 0px;
   align-self: stretch;
   display: flex;
@@ -96,7 +96,7 @@ import{a as s,b as a}from"./chunk.HXIXDONQ.js";import{a as r,d as l,i as o,j as
   border-radius: 6px 6px 6px 6px;
   border-width: 2px;
   border-style: solid;
-  border-color: var(--scw-color-accent-03, var(--scw-color-primary-03));
+  border-color: var(--scw-color-theme-03, var(--scw-color-primary-03));
   align-self: stretch;
 }
 
@@ -123,7 +123,7 @@ import{a as s,b as a}from"./chunk.HXIXDONQ.js";import{a as r,d as l,i as o,j as
   border-radius: 6px 6px 6px 6px;
   border-width: 2px;
   border-style: solid;
-  border-color: var(--scw-color-accent-03, var(--scw-color-primary-03));
+  border-color: var(--scw-color-theme-03, var(--scw-color-primary-03));
   box-shadow: var(--scw-effect-focus-shadow);
   align-self: stretch;
 }
@@ -179,4 +179,4 @@ import{a as s,b as a}from"./chunk.HXIXDONQ.js";import{a as r,d as l,i as o,j as
             ${this.feedback} 
           </div>`}
     `}};t([r({type:String})],i.prototype,"feedback",2),t([r({type:String,attribute:"hide-feedback"})],i.prototype,"hideFeedback",2),t([r({type:String,attribute:"left-action-icon"})],i.prototype,"leftActionIcon",2),t([r({type:String,attribute:"right-action-icon"})],i.prototype,"rightActionIcon",2),t([r({type:String,attribute:"right-icon"})],i.prototype,"rightIcon",2),t([r({type:String,attribute:"right-2-icon"})],i.prototype,"right2Icon",2);export{n as a,i as b};
-//# sourceMappingURL=chunk.KH7QGSJX.js.map
+//# sourceMappingURL=chunk.GJQ2MDAQ.js.map

package/dist/chunks/chunk.GJQ2MDAQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-single-input-layout/scss/scw-single-input-layout.scss", "../../src/scw-single-input-layout/scw-single-input-layout.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: white;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n:host > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.6);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}\n:host .input-field-single {\n  flex: 1;\n}\n:host .input-feedback {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-error);\n}\n\n.input-field {\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  align-self: stretch;\n  padding: 0;\n}\n.input-field > *:not(:last-child) {\n  margin-right: 0px;\n  --margin-right: 0px;\n}\n.input-field .left-icon {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 4px 0px 0px 4px;\n  align-self: stretch;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.input-field .left-icon > *:not(:last-child) {\n  margin-right: var(--scw-spacing-1);\n  --margin-right: var( --scw-spacing-1 );\n}\n.input-field .left-icon .icon {\n  background-color: rgba(0, 0, 0, 0);\n}\n.input-field .input-text {\n  background-color: rgba(0, 0, 0, 0);\n  flex: 1;\n}\n.input-field .right-icon-2 {\n  align-self: center;\n}\n.input-field .right-icon {\n  align-self: center;\n}\n.input-field .right-action {\n  background-color: var(--scw-color-theme-03, var(--scw-color-primary-03));\n  border-radius: 0px 4px 4px 0px;\n  align-self: stretch;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 0.4);\n  padding-right: calc(var(--scw-spacing-1) * 0.4);\n  padding-top: 0px;\n  padding-bottom: 0px;\n  border-radius: 0;\n}\n.input-field .right-action > *:not(:last-child) {\n  margin-right: var(--scw-spacing-1);\n  --margin-right: var( --scw-spacing-1 );\n}\n\n:host .input-field {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-theme-03, var(--scw-color-primary-03));\n  align-self: stretch;\n}\n\n:host([aria-disabled]) .input-field {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-08);\n  align-self: stretch;\n}\n\n:host([invalid]) .input-field {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-error);\n  align-self: stretch;\n}\n\n:host([focused]) .input-field {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-theme-03, var(--scw-color-primary-03));\n  box-shadow: var(--scw-effect-focus-shadow);\n  align-self: stretch;\n}\n\n::slotted(*) {\n  width: 100%;\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/scw-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-single-input-layout.scss';\nimport {emit, ScwEvents} from '../utils/events/event';\n\n\nexport enum ScwSingleInputLayoutActions {\n  rightIcon = 'right-icon',\n  right2Icon = 'right-2-icon',\n  rightAction = 'right-action'\n}\n\n/**\n * ScwSingleInputLayout\n * @class\n * @tag scw-single-input-layout\n * @status new\n * @since 0.0.5\n *\n * @event scw-action - This fires when one of the various icons or submit\n *  button is clicked. detail is {action:\n * 'right-icon'|'right-2-icon'|'right-action'}\n */\nexport default class ScwSingleInputLayout extends ScwComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.singleInputLayout;\n  }\n\n  // ============== ScwSingleInputLayout =======================================\n  /** (ScwSingleInputLayout) the text to use for feedback */\n  @property({type: String})\n    feedback: string | undefined;\n\n  /** (ScwSingleInputLayout) hides the feedback label */\n  @property({type: String, attribute: 'hide-feedback'})\n   hideFeedback: boolean = false;\n\n  /** (ScwSingleInputLayout) shows left action section and determines what icon\n  * is used within the left action. */\n  @property({type: String, attribute: 'left-action-icon'})\n    leftActionIcon: string | undefined;\n\n  /** (ScwSingleInputLayout) shows right action section and determines what icon\n  * is used within the right action. */\n  @property({type: String, attribute: 'right-action-icon'})\n   rightActionIcon: string | undefined;\n\n  /** (ScwSingleInputLayout) shows first right icon and determines the icon\n  * svg. */\n  @property({type: String, attribute: 'right-icon'})\n   rightIcon: string | undefined;\n\n  /** (ScwSingleInputLayout) shows second right icon and determines the icon\n  * svg. */\n  @property({type: String, attribute: 'right-2-icon'})\n    right2Icon: string | undefined;\n\n  /**\n  * Handle click from right 2 icon.\n  * @param {Event} evt\n  */\n  _right2ClickHandler(evt : Event) {\n    evt.stopPropagation();\n    emit(\n      ScwEvents.action, this,\n      {action: ScwSingleInputLayoutActions.right2Icon},\n    );\n  }\n\n  /**\n  * Handle click from right icon.\n  * @param {Event} evt\n  */\n  _rightClickHandler(evt : Event) {\n    evt.stopPropagation();\n    emit(\n      ScwEvents.action, this,\n      {action: ScwSingleInputLayoutActions.rightIcon},\n    );\n  }\n\n  /**\n  * Handle click from right action icon.\n  * @param {Event} evt\n  */\n  _rightActionClickHandler(evt : Event) {\n    evt.stopPropagation();\n    emit(\n      ScwEvents.action, this,\n      {action: ScwSingleInputLayoutActions.rightAction},\n    );\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <div class=\"input-field\">\n        ${this.leftActionIcon ?\n    html`\n            <div class=\"left-icon\">\n              <scw-icon\n                class=\"icon\"\n                .icon=\"${this.leftActionIcon}\"\n                size=\"30\">\n              </scw-icon>\n            </div>` : ''}\n        <div class=\"input-field-single\">\n          <slot></slot>\n        </div>\n        ${this.right2Icon ?\n    html`\n            <scw-icon\n              class=\"right-icon-2\"\n              .icon=\"${this.right2Icon}\"\n              size=\"30\"\n              aria-label=\"Clear Input\"\n              link\n              @click=${this._right2ClickHandler}>\n            </scw-icon>` : '' }\n        ${this.rightIcon ?\n    html`\n            <scw-icon\n              class=\"right-icon\"\n              .icon=\"${this.rightIcon}\"\n              size=\"30\"\n              aria-label=\"Show Password\"\n              link\n              @click=${this._rightClickHandler}>\n            </scw-icon>` : '' }\n        ${this.rightActionIcon ?\n    html`\n            <div class=\"right-action\">\n              <scw-icon\n                class=\"icon-right-action\"\n                .icon=\"${this.rightActionIcon}\"\n                color=\"white\"\n                size=\"30\"\n                aria-label=\"Submit Search\"\n                link\n                @click=${this._rightActionClickHandler}>\n              </scw-icon>\n            </div>` : '' }\n      </div>\n      ${!this.hideFeedback ?\n    html`\n          <div class=\"input-feedback\">\n            ${this.feedback}&nbsp;\n          </div>` : ''}\n    `;\n  }\n}\n\n"],
+  "mappings": "4LACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCOR,GAAK,GAAL,UAAK,EAAL,CACL,YAAY,aACZ,aAAa,eACb,cAAc,iBAHJ,WAiBZ,mBAAkD,EAAa,CAY7D,aAAc,CACZ,QAWD,kBAAwB,GAVvB,KAAK,QAAU,EAAW,4BAVhB,SAAS,CACnB,MAAO,CACL,MAAM,OACN,GA2CJ,oBAAoB,EAAa,CAC/B,EAAI,kBACJ,EACE,EAAU,OAAQ,KAClB,CAAC,OAAQ,EAA4B,aAQzC,mBAAmB,EAAa,CAC9B,EAAI,kBACJ,EACE,EAAU,OAAQ,KAClB,CAAC,OAAQ,EAA4B,YAQzC,yBAAyB,EAAa,CACpC,EAAI,kBACJ,EACE,EAAU,OAAQ,KAClB,CAAC,OAAQ,EAA4B,cAQzC,QAAiB,CACf,MAAO;AAAA;AAAA,UAED,KAAK,eACX;AAAA;AAAA;AAAA;AAAA,yBAIqB,KAAK;AAAA;AAAA;AAAA,oBAGR;AAAA;AAAA;AAAA;AAAA,UAIZ,KAAK,WACX;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,uBAIL,KAAK;AAAA,yBACD;AAAA,UACjB,KAAK,UACX;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,uBAIL,KAAK;AAAA,yBACD;AAAA,UACjB,KAAK,gBACX;AAAA;AAAA;AAAA;AAAA,yBAIqB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKL,KAAK;AAAA;AAAA,oBAER;AAAA;AAAA,QAEd,AAAC,KAAK,aAIM,GAHhB;AAAA;AAAA,cAEU,KAAK;AAAA;AAAA,QAtHf,GADD,EAAS,CAAC,KAAM,UACf,AApBJ,EAoBI,wBAID,GADA,EAAS,CAAC,KAAM,OAAQ,UAAW,mBACnC,AAxBH,EAwBG,4BAKC,GADD,EAAS,CAAC,KAAM,OAAQ,UAAW,sBAClC,AA7BJ,EA6BI,8BAKD,GADA,EAAS,CAAC,KAAM,OAAQ,UAAW,uBACnC,AAlCH,EAkCG,+BAKA,GADA,EAAS,CAAC,KAAM,OAAQ,UAAW,gBACnC,AAvCH,EAuCG,yBAKC,GADD,EAAS,CAAC,KAAM,OAAQ,UAAW,kBAClC,AA5CJ,EA4CI",
+  "names": []
+}

package/dist/chunks/{chunk.N7MT3ZFK.js → chunk.IJGTQGRH.js}

@@ -1,2 +1,2 @@
-var t=["icon-placeholder","icon-clear","icon-location","icon-checkbox","icon-radio","icon-checkbox-selected","icon-radio-selected","icon-search","icon-checkbox-hover","icon-radio-hover","icon-checkbox-selected-hover","icon-radio-selected-hover","icon-visible","icon-hidden","icon-checkbox-disabled","icon-radio-disabled","icon-checkbox-selected-disabled","icon-radio-selected-disabled","icon-color-test","icon-chevron-up","icon-chevron-down","icon-chevron-left","icon-chevron-right"];async function i(o,c){if(!t.includes(o))return!1;let e;switch(o){case"icon-placeholder":e=(await import("./icon-placeholder.RMGW4YZV.js")).default;break;case"icon-clear":e=(await import("./icon-clear.555IRPY3.js")).default;break;case"icon-location":e=(await import("./icon-location.3RBWCPNC.js")).default;break;case"icon-checkbox":e=(await import("./icon-checkbox.6BD3CX4D.js")).default;break;case"icon-radio":e=(await import("./icon-radio.OT3EGANT.js")).default;break;case"icon-checkbox-selected":e=(await import("./icon-checkbox-selected.UGXKOM7D.js")).default;break;case"icon-radio-selected":e=(await import("./icon-radio-selected.OZR7OMMH.js")).default;break;case"icon-search":e=(await import("./icon-search.ZPOW7WVD.js")).default;break;case"icon-checkbox-hover":e=(await import("./icon-checkbox-hover.GV5A6H5L.js")).default;break;case"icon-radio-hover":e=(await import("./icon-radio-hover.NIPIU6HK.js")).default;break;case"icon-checkbox-selected-hover":e=(await import("./icon-checkbox-selected-hover.U7FX35AV.js")).default;break;case"icon-radio-selected-hover":e=(await import("./icon-radio-selected-hover.GBGJU6XB.js")).default;break;case"icon-visible":e=(await import("./icon-visible.IB3ENYBC.js")).default;break;case"icon-hidden":e=(await import("./icon-hidden.TWF6I22T.js")).default;break;case"icon-checkbox-disabled":e=(await import("./icon-checkbox-disabled.SGS7J2YJ.js")).default;break;case"icon-radio-disabled":e=(await import("./icon-radio-disabled.YF47WAXH.js")).default;break;case"icon-checkbox-selected-disabled":e=(await import("./icon-checkbox-selected-disabled.RIZPQUYQ.js")).default;break;case"icon-radio-selected-disabled":e=(await import("./icon-radio-selected-disabled.VT66K54C.js")).default;break;case"icon-color-test":e=(await import("./icon-color-test.GINUB7ES.js")).default;break;case"icon-chevron-up":e=(await import("./icon-chevron-up.UQICGNB2.js")).default;break;case"icon-chevron-down":e=(await import("./icon-chevron-down.L2ICTEQ2.js")).default;break;case"icon-chevron-left":e=(await import("./icon-chevron-left.AGHRQWHS.js")).default;break;case"icon-chevron-right":e=(await import("./icon-chevron-right.FL7HGI2S.js")).default;break}return c===!0?`url('data:image/svg+xml;utf8,${e}')`:e}function r(o,c){if(o){let e=o;o.indexOf("icon-")!==0&&(e=`icon-${o}`),i(e).then(a=>{c(a)})}}export{r as a};
-//# sourceMappingURL=chunk.N7MT3ZFK.js.map
+var t=["icon-placeholder","icon-clear","icon-location","icon-checkbox","icon-radio","icon-checkbox-selected","icon-radio-selected","icon-search","icon-checkbox-hover","icon-radio-hover","icon-checkbox-selected-hover","icon-radio-selected-hover","icon-visible","icon-hidden","icon-checkbox-disabled","icon-radio-disabled","icon-checkbox-selected-disabled","icon-radio-selected-disabled","icon-chevron-up","icon-chevron-down","icon-chevron-left","icon-chevron-right","icon-color-test"];async function i(o,c){if(!t.includes(o))return!1;let e;switch(o){case"icon-placeholder":e=(await import("./icon-placeholder.RMGW4YZV.js")).default;break;case"icon-clear":e=(await import("./icon-clear.555IRPY3.js")).default;break;case"icon-location":e=(await import("./icon-location.3RBWCPNC.js")).default;break;case"icon-checkbox":e=(await import("./icon-checkbox.6BD3CX4D.js")).default;break;case"icon-radio":e=(await import("./icon-radio.OT3EGANT.js")).default;break;case"icon-checkbox-selected":e=(await import("./icon-checkbox-selected.UGXKOM7D.js")).default;break;case"icon-radio-selected":e=(await import("./icon-radio-selected.OZR7OMMH.js")).default;break;case"icon-search":e=(await import("./icon-search.ZPOW7WVD.js")).default;break;case"icon-checkbox-hover":e=(await import("./icon-checkbox-hover.GV5A6H5L.js")).default;break;case"icon-radio-hover":e=(await import("./icon-radio-hover.NIPIU6HK.js")).default;break;case"icon-checkbox-selected-hover":e=(await import("./icon-checkbox-selected-hover.U7FX35AV.js")).default;break;case"icon-radio-selected-hover":e=(await import("./icon-radio-selected-hover.GBGJU6XB.js")).default;break;case"icon-visible":e=(await import("./icon-visible.IB3ENYBC.js")).default;break;case"icon-hidden":e=(await import("./icon-hidden.TWF6I22T.js")).default;break;case"icon-checkbox-disabled":e=(await import("./icon-checkbox-disabled.SGS7J2YJ.js")).default;break;case"icon-radio-disabled":e=(await import("./icon-radio-disabled.YF47WAXH.js")).default;break;case"icon-checkbox-selected-disabled":e=(await import("./icon-checkbox-selected-disabled.RIZPQUYQ.js")).default;break;case"icon-radio-selected-disabled":e=(await import("./icon-radio-selected-disabled.VT66K54C.js")).default;break;case"icon-chevron-up":e=(await import("./icon-chevron-up.UQICGNB2.js")).default;break;case"icon-chevron-down":e=(await import("./icon-chevron-down.L2ICTEQ2.js")).default;break;case"icon-chevron-left":e=(await import("./icon-chevron-left.AGHRQWHS.js")).default;break;case"icon-chevron-right":e=(await import("./icon-chevron-right.FL7HGI2S.js")).default;break;case"icon-color-test":e=(await import("./icon-color-test.BK4Y7D2M.js")).default;break}return c===!0?`url('data:image/svg+xml;utf8,${e}')`:e}function r(o,c){if(o){let e=o;o.indexOf("icon-")!==0&&(e=`icon-${o}`),i(e).then(a=>{c(a)})}}export{r as a};
+//# sourceMappingURL=chunk.IJGTQGRH.js.map

package/dist/chunks/{chunk.N7MT3ZFK.js.map → chunk.IJGTQGRH.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../tokens/source/assets/svgs.js", "../../src/utils/getIconSvg.ts"],
-  "sourcesContent": ["\nconst svgs = [\n  'icon-placeholder',\n\t'icon-clear',\n\t'icon-location',\n\t'icon-checkbox',\n\t'icon-radio',\n\t'icon-checkbox-selected',\n\t'icon-radio-selected',\n\t'icon-search',\n\t'icon-checkbox-hover',\n\t'icon-radio-hover',\n\t'icon-checkbox-selected-hover',\n\t'icon-radio-selected-hover',\n\t'icon-visible',\n\t'icon-hidden',\n\t'icon-checkbox-disabled',\n\t'icon-radio-disabled',\n\t'icon-checkbox-selected-disabled',\n\t'icon-radio-selected-disabled',\n\t'icon-color-test',\n\t'icon-chevron-up',\n\t'icon-chevron-down',\n\t'icon-chevron-left',\n\t'icon-chevron-right'\n];\n\nexport default async function getSvg( svgName, urlBase64 ) {\n  if ( !svgs.includes(svgName) ) {\n    return false;\n  }\n  let svg;\n  switch ( svgName ) {\n\t\tcase 'icon-placeholder': svg = (await import('./icon-placeholder.js')).default; break;\n\t\tcase 'icon-clear': svg = (await import('./icon-clear.js')).default; break;\n\t\tcase 'icon-location': svg = (await import('./icon-location.js')).default; break;\n\t\tcase 'icon-checkbox': svg = (await import('./icon-checkbox.js')).default; break;\n\t\tcase 'icon-radio': svg = (await import('./icon-radio.js')).default; break;\n\t\tcase 'icon-checkbox-selected': svg = (await import('./icon-checkbox-selected.js')).default; break;\n\t\tcase 'icon-radio-selected': svg = (await import('./icon-radio-selected.js')).default; break;\n\t\tcase 'icon-search': svg = (await import('./icon-search.js')).default; break;\n\t\tcase 'icon-checkbox-hover': svg = (await import('./icon-checkbox-hover.js')).default; break;\n\t\tcase 'icon-radio-hover': svg = (await import('./icon-radio-hover.js')).default; break;\n\t\tcase 'icon-checkbox-selected-hover': svg = (await import('./icon-checkbox-selected-hover.js')).default; break;\n\t\tcase 'icon-radio-selected-hover': svg = (await import('./icon-radio-selected-hover.js')).default; break;\n\t\tcase 'icon-visible': svg = (await import('./icon-visible.js')).default; break;\n\t\tcase 'icon-hidden': svg = (await import('./icon-hidden.js')).default; break;\n\t\tcase 'icon-checkbox-disabled': svg = (await import('./icon-checkbox-disabled.js')).default; break;\n\t\tcase 'icon-radio-disabled': svg = (await import('./icon-radio-disabled.js')).default; break;\n\t\tcase 'icon-checkbox-selected-disabled': svg = (await import('./icon-checkbox-selected-disabled.js')).default; break;\n\t\tcase 'icon-radio-selected-disabled': svg = (await import('./icon-radio-selected-disabled.js')).default; break;\n\t\tcase 'icon-color-test': svg = (await import('./icon-color-test.js')).default; break;\n\t\tcase 'icon-chevron-up': svg = (await import('./icon-chevron-up.js')).default; break;\n\t\tcase 'icon-chevron-down': svg = (await import('./icon-chevron-down.js')).default; break;\n\t\tcase 'icon-chevron-left': svg = (await import('./icon-chevron-left.js')).default; break;\n\t\tcase 'icon-chevron-right': svg = (await import('./icon-chevron-right.js')).default; break;\n  }\n  if (urlBase64 === true ) {\n\t\treturn `url('data:image/svg+xml;utf8,${svg}')`;\n\t}else{\n\t\treturn svg;\n\t}\n}", "import getSvg from '../../dist/tokens/source/assets/svgs.js';\n\n/**\n * Find and return svg for icon\n * @param {string | undefined} iconName\n * @param {Function} callback\n */\nexport default function getIconSvg(\n  iconName : string | undefined,\n  callback: (svgInfo: string | false) => void,\n) {\n  if (iconName) {\n    let iconNameFull = iconName;\n    if (iconName.indexOf('icon-') !== 0) {\n      iconNameFull = `icon-${iconName}`;\n    }\n    getSvg(iconNameFull).then((result : string | false )=> {\n      callback( result );\n    });\n  }\n}\n"],
-  "mappings": "AACA,GAAM,GAAO,CACX,mBACD,aACA,gBACA,gBACA,aACA,yBACA,sBACA,cACA,sBACA,mBACA,+BACA,4BACA,eACA,cACA,yBACA,sBACA,kCACA,+BACA,kBACA,kBACA,oBACA,oBACA,sBAGD,iBAAsC,EAAS,EAAY,CACzD,GAAK,CAAC,EAAK,SAAS,GAClB,MAAO,GAET,GAAI,GACJ,OAAS,OACJ,mBAAoB,EAAO,MAAM,QAAO,mCAA0B,QAAS,UAC3E,aAAc,EAAO,MAAM,QAAO,6BAAoB,QAAS,UAC/D,gBAAiB,EAAO,MAAM,QAAO,gCAAuB,QAAS,UACrE,gBAAiB,EAAO,MAAM,QAAO,gCAAuB,QAAS,UACrE,aAAc,EAAO,MAAM,QAAO,6BAAoB,QAAS,UAC/D,yBAA0B,EAAO,MAAM,QAAO,yCAAgC,QAAS,UACvF,sBAAuB,EAAO,MAAM,QAAO,sCAA6B,QAAS,UACjF,cAAe,EAAO,MAAM,QAAO,8BAAqB,QAAS,UACjE,sBAAuB,EAAO,MAAM,QAAO,sCAA6B,QAAS,UACjF,mBAAoB,EAAO,MAAM,QAAO,mCAA0B,QAAS,UAC3E,+BAAgC,EAAO,MAAM,QAAO,+CAAsC,QAAS,UACnG,4BAA6B,EAAO,MAAM,QAAO,4CAAmC,QAAS,UAC7F,eAAgB,EAAO,MAAM,QAAO,+BAAsB,QAAS,UACnE,cAAe,EAAO,MAAM,QAAO,8BAAqB,QAAS,UACjE,yBAA0B,EAAO,MAAM,QAAO,yCAAgC,QAAS,UACvF,sBAAuB,EAAO,MAAM,QAAO,sCAA6B,QAAS,UACjF,kCAAmC,EAAO,MAAM,QAAO,kDAAyC,QAAS,UACzG,+BAAgC,EAAO,MAAM,QAAO,+CAAsC,QAAS,UACnG,kBAAmB,EAAO,MAAM,QAAO,kCAAyB,QAAS,UACzE,kBAAmB,EAAO,MAAM,QAAO,kCAAyB,QAAS,UACzE,oBAAqB,EAAO,MAAM,QAAO,oCAA2B,QAAS,UAC7E,oBAAqB,EAAO,MAAM,QAAO,oCAA2B,QAAS,UAC7E,qBAAsB,EAAO,MAAM,QAAO,qCAA4B,QAAS,MAEpF,MAAI,KAAc,GACX,gCAAgC,MAEhC,ECrDM,WACb,EACA,EACA,CACA,GAAI,EAAU,CACZ,GAAI,GAAe,EACnB,AAAI,EAAS,QAAQ,WAAa,GAChC,GAAe,QAAQ,KAEzB,EAAO,GAAc,KAAK,AAAC,GAA4B,CACrD,EAAU",
+  "sourcesContent": ["\nconst svgs = [\n  'icon-placeholder',\n\t'icon-clear',\n\t'icon-location',\n\t'icon-checkbox',\n\t'icon-radio',\n\t'icon-checkbox-selected',\n\t'icon-radio-selected',\n\t'icon-search',\n\t'icon-checkbox-hover',\n\t'icon-radio-hover',\n\t'icon-checkbox-selected-hover',\n\t'icon-radio-selected-hover',\n\t'icon-visible',\n\t'icon-hidden',\n\t'icon-checkbox-disabled',\n\t'icon-radio-disabled',\n\t'icon-checkbox-selected-disabled',\n\t'icon-radio-selected-disabled',\n\t'icon-chevron-up',\n\t'icon-chevron-down',\n\t'icon-chevron-left',\n\t'icon-chevron-right',\n\t'icon-color-test'\n];\n\nexport default async function getSvg( svgName, urlBase64 ) {\n  if ( !svgs.includes(svgName) ) {\n    return false;\n  }\n  let svg;\n  switch ( svgName ) {\n\t\tcase 'icon-placeholder': svg = (await import('./icon-placeholder.js')).default; break;\n\t\tcase 'icon-clear': svg = (await import('./icon-clear.js')).default; break;\n\t\tcase 'icon-location': svg = (await import('./icon-location.js')).default; break;\n\t\tcase 'icon-checkbox': svg = (await import('./icon-checkbox.js')).default; break;\n\t\tcase 'icon-radio': svg = (await import('./icon-radio.js')).default; break;\n\t\tcase 'icon-checkbox-selected': svg = (await import('./icon-checkbox-selected.js')).default; break;\n\t\tcase 'icon-radio-selected': svg = (await import('./icon-radio-selected.js')).default; break;\n\t\tcase 'icon-search': svg = (await import('./icon-search.js')).default; break;\n\t\tcase 'icon-checkbox-hover': svg = (await import('./icon-checkbox-hover.js')).default; break;\n\t\tcase 'icon-radio-hover': svg = (await import('./icon-radio-hover.js')).default; break;\n\t\tcase 'icon-checkbox-selected-hover': svg = (await import('./icon-checkbox-selected-hover.js')).default; break;\n\t\tcase 'icon-radio-selected-hover': svg = (await import('./icon-radio-selected-hover.js')).default; break;\n\t\tcase 'icon-visible': svg = (await import('./icon-visible.js')).default; break;\n\t\tcase 'icon-hidden': svg = (await import('./icon-hidden.js')).default; break;\n\t\tcase 'icon-checkbox-disabled': svg = (await import('./icon-checkbox-disabled.js')).default; break;\n\t\tcase 'icon-radio-disabled': svg = (await import('./icon-radio-disabled.js')).default; break;\n\t\tcase 'icon-checkbox-selected-disabled': svg = (await import('./icon-checkbox-selected-disabled.js')).default; break;\n\t\tcase 'icon-radio-selected-disabled': svg = (await import('./icon-radio-selected-disabled.js')).default; break;\n\t\tcase 'icon-chevron-up': svg = (await import('./icon-chevron-up.js')).default; break;\n\t\tcase 'icon-chevron-down': svg = (await import('./icon-chevron-down.js')).default; break;\n\t\tcase 'icon-chevron-left': svg = (await import('./icon-chevron-left.js')).default; break;\n\t\tcase 'icon-chevron-right': svg = (await import('./icon-chevron-right.js')).default; break;\n\t\tcase 'icon-color-test': svg = (await import('./icon-color-test.js')).default; break;\n  }\n  if (urlBase64 === true ) {\n\t\treturn `url('data:image/svg+xml;utf8,${svg}')`;\n\t}else{\n\t\treturn svg;\n\t}\n}", "import getSvg from '../../dist/tokens/source/assets/svgs.js';\n\n/**\n * Find and return svg for icon\n * @param {string | undefined} iconName\n * @param {Function} callback\n */\nexport default function getIconSvg(\n  iconName : string | undefined,\n  callback: (svgInfo: string | false) => void,\n) {\n  if (iconName) {\n    let iconNameFull = iconName;\n    if (iconName.indexOf('icon-') !== 0) {\n      iconNameFull = `icon-${iconName}`;\n    }\n    getSvg(iconNameFull).then((result : string | false )=> {\n      callback( result );\n    });\n  }\n}\n"],
+  "mappings": "AACA,GAAM,GAAO,CACX,mBACD,aACA,gBACA,gBACA,aACA,yBACA,sBACA,cACA,sBACA,mBACA,+BACA,4BACA,eACA,cACA,yBACA,sBACA,kCACA,+BACA,kBACA,oBACA,oBACA,qBACA,mBAGD,iBAAsC,EAAS,EAAY,CACzD,GAAK,CAAC,EAAK,SAAS,GAClB,MAAO,GAET,GAAI,GACJ,OAAS,OACJ,mBAAoB,EAAO,MAAM,QAAO,mCAA0B,QAAS,UAC3E,aAAc,EAAO,MAAM,QAAO,6BAAoB,QAAS,UAC/D,gBAAiB,EAAO,MAAM,QAAO,gCAAuB,QAAS,UACrE,gBAAiB,EAAO,MAAM,QAAO,gCAAuB,QAAS,UACrE,aAAc,EAAO,MAAM,QAAO,6BAAoB,QAAS,UAC/D,yBAA0B,EAAO,MAAM,QAAO,yCAAgC,QAAS,UACvF,sBAAuB,EAAO,MAAM,QAAO,sCAA6B,QAAS,UACjF,cAAe,EAAO,MAAM,QAAO,8BAAqB,QAAS,UACjE,sBAAuB,EAAO,MAAM,QAAO,sCAA6B,QAAS,UACjF,mBAAoB,EAAO,MAAM,QAAO,mCAA0B,QAAS,UAC3E,+BAAgC,EAAO,MAAM,QAAO,+CAAsC,QAAS,UACnG,4BAA6B,EAAO,MAAM,QAAO,4CAAmC,QAAS,UAC7F,eAAgB,EAAO,MAAM,QAAO,+BAAsB,QAAS,UACnE,cAAe,EAAO,MAAM,QAAO,8BAAqB,QAAS,UACjE,yBAA0B,EAAO,MAAM,QAAO,yCAAgC,QAAS,UACvF,sBAAuB,EAAO,MAAM,QAAO,sCAA6B,QAAS,UACjF,kCAAmC,EAAO,MAAM,QAAO,kDAAyC,QAAS,UACzG,+BAAgC,EAAO,MAAM,QAAO,+CAAsC,QAAS,UACnG,kBAAmB,EAAO,MAAM,QAAO,kCAAyB,QAAS,UACzE,oBAAqB,EAAO,MAAM,QAAO,oCAA2B,QAAS,UAC7E,oBAAqB,EAAO,MAAM,QAAO,oCAA2B,QAAS,UAC7E,qBAAsB,EAAO,MAAM,QAAO,qCAA4B,QAAS,UAC/E,kBAAmB,EAAO,MAAM,QAAO,kCAAyB,QAAS,MAE9E,MAAI,KAAc,GACX,gCAAgC,MAEhC,ECrDM,WACb,EACA,EACA,CACA,GAAI,EAAU,CACZ,GAAI,GAAe,EACnB,AAAI,EAAS,QAAQ,WAAa,GAChC,GAAe,QAAQ,KAEzB,EAAO,GAAc,KAAK,AAAC,GAA4B,CACrD,EAAU",
   "names": []
 }

package/dist/chunks/{chunk.Y45V2UNS.js → chunk.IULCMWN5.js}

@@ -1,4 +1,4 @@
-import{a as V}from"./chunk.2GHJYU6N.js";import{a as c}from"./chunk.DNFIAFTE.js";import{a as d,b as s,i as o,j as h}from"./chunk.REQCODIT.js";import{a as f}from"./chunk.AYIEP2QZ.js";import{d as l}from"./chunk.U64II52Y.js";var r;(function(t){t.text="text",t.boolean="boolean",t.submit="submit"})(r||(r={}));var b;(function(e){e.submit="submit",e.cancel="cancel"})(b||(b={}));var a=class extends h{constructor(){super(...arguments);this.formType=r.text;this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule(V.required,this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType===r.boolean?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(t=>t.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${f.validate}${c()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${f.validation}${c()}`),this.prepend(e)),Array.from(e.children).find(u=>u.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let t=this.createValidateRule();t.setAttribute("type",i),e&&t.setAttribute("feedback",e),this.addValidationRule(t)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let n=Array.from(e.children).find(u=>u.type===i);n&&n.parentNode&&n.parentNode.removeChild(n)}render(){return o`
+import{a as V}from"./chunk.2GHJYU6N.js";import{a as c}from"./chunk.QUYGJ2UW.js";import{a as d,b as s,i as o,j as h}from"./chunk.REQCODIT.js";import{a as f}from"./chunk.AYIEP2QZ.js";import{d as l}from"./chunk.U64II52Y.js";var r;(function(t){t.text="text",t.boolean="boolean",t.submit="submit"})(r||(r={}));var b;(function(e){e.submit="submit",e.cancel="cancel"})(b||(b={}));var a=class extends h{constructor(){super(...arguments);this.formType=r.text;this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule(V.required,this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType===r.boolean?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(t=>t.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${f.validate}${c()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${f.validation}${c()}`),this.prepend(e)),Array.from(e.children).find(u=>u.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let t=this.createValidateRule();t.setAttribute("type",i),e&&t.setAttribute("feedback",e),this.addValidationRule(t)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let n=Array.from(e.children).find(u=>u.type===i);n&&n.parentNode&&n.parentNode.removeChild(n)}render(){return o`
       scw-form-component
     `}};l([d({type:r,reflect:!0,attribute:"form-type"})],a.prototype,"formType",2),l([d({type:String})],a.prototype,"name",2),l([d({type:String})],a.prototype,"value",2),l([d({type:String})],a.prototype,"placeholder",2),l([d({type:String})],a.prototype,"selected",2),l([d({type:Boolean,attribute:"read-only"})],a.prototype,"readOnly",2),l([d({type:Boolean})],a.prototype,"required",2),l([d({type:String,attribute:"required-label"})],a.prototype,"requiredLabel",2),l([d({type:String,attribute:"required-feedback"})],a.prototype,"requiredFeedback",2),l([s()],a.prototype,"feedback",2),l([s()],a.prototype,"focused",2),l([s()],a.prototype,"invalid",2);export{r as a,b,a as c};
-//# sourceMappingURL=chunk.Y45V2UNS.js.map
+//# sourceMappingURL=chunk.IULCMWN5.js.map

package/dist/chunks/chunk.QUYGJ2UW.js

@@ -0,0 +1,2 @@
+import{a as f}from"./chunk.73WS6N4K.js";function t(i="-"){return f?.suffix?`${i}${f?.suffix}`:""}export{t as a};
+//# sourceMappingURL=chunk.QUYGJ2UW.js.map

package/dist/chunks/icon-color-test.BK4Y7D2M.js

@@ -0,0 +1,2 @@
+import"./chunk.U64II52Y.js";var l='<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="30" cy="30" r="30" fill="%23386004" class="color-step-02"/><circle cx="30" cy="30" r="20" fill="%2363A60A" class="color-step-05"/><circle cx="30" cy="30" r="10" fill="%23BBDA92" class="color-step-08"/></svg>';export{l as default};
+//# sourceMappingURL=icon-color-test.BK4Y7D2M.js.map

package/dist/chunks/icon-color-test.BK4Y7D2M.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../tokens/source/assets/icon-color-test.js"],
+  "sourcesContent": ["export default '<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"30\" cy=\"30\" r=\"30\" fill=\"%23386004\" class=\"color-step-02\"/><circle cx=\"30\" cy=\"30\" r=\"20\" fill=\"%2363A60A\" class=\"color-step-05\"/><circle cx=\"30\" cy=\"30\" r=\"10\" fill=\"%23BBDA92\" class=\"color-step-08\"/></svg>';"],
+  "mappings": "4BAAA,GAAO,GAAQ",
+  "names": []
+}