npm - scu-web-components - Versions diffs - 0.0.9 → 0.0.10 - Mend

scu-web-components 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4642) hide show

package/dist/scw-icon/scw-icon.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-icon/scss/scw-icon.scss", "../../src/scw-icon/scw-icon.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host([color=default]) svg {\n  fill: var(--scw-color-icon);\n}\n:host([color=default]) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([color=default][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=default][link]:hover) svg {\n  fill: var(--scw-color-icon);\n}\n:host([color=default][link]:hover) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([color=default][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=default][link]:focus-visible) svg {\n  fill: var(--scw-color-icon);\n}\n:host([color=default][link]:focus-visible) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([color=default][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=default][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([color=default][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=primary]) svg {\n  fill: var(--scw-color-primary-03);\n}\n:host([color=primary]) svg * {\n  fill: var(--scw-color-primary-03);\n}\n\n:host([color=primary][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=primary][link]:hover) svg {\n  fill: var(--scw-color-primary-03);\n}\n:host([color=primary][link]:hover) svg * {\n  fill: var(--scw-color-primary-03);\n}\n\n:host([color=primary][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=primary][link]:focus-visible) svg {\n  fill: var(--scw-color-primary-03);\n}\n:host([color=primary][link]:focus-visible) svg * {\n  fill: var(--scw-color-primary-03);\n}\n\n:host([color=primary][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=primary][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([color=primary][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=mortgage]) svg {\n  fill: var(--scw-color-accent-mortgage);\n}\n:host([color=mortgage]) svg * {\n  fill: var(--scw-color-accent-mortgage);\n}\n\n:host([color=mortgage][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=mortgage][link]:hover) svg {\n  fill: var(--scw-color-accent-mortgage);\n}\n:host([color=mortgage][link]:hover) svg * {\n  fill: var(--scw-color-accent-mortgage);\n}\n\n:host([color=mortgage][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=mortgage][link]:focus-visible) svg {\n  fill: var(--scw-color-accent-mortgage);\n}\n:host([color=mortgage][link]:focus-visible) svg * {\n  fill: var(--scw-color-accent-mortgage);\n}\n\n:host([color=mortgage][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=mortgage][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([color=mortgage][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=investments]) svg {\n  fill: var(--scw-color-accent-investments);\n}\n:host([color=investments]) svg * {\n  fill: var(--scw-color-accent-investments);\n}\n\n:host([color=investments][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=investments][link]:hover) svg {\n  fill: var(--scw-color-accent-investments);\n}\n:host([color=investments][link]:hover) svg * {\n  fill: var(--scw-color-accent-investments);\n}\n\n:host([color=investments][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=investments][link]:focus-visible) svg {\n  fill: var(--scw-color-accent-investments);\n}\n:host([color=investments][link]:focus-visible) svg * {\n  fill: var(--scw-color-accent-investments);\n}\n\n:host([color=investments][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=investments][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([color=investments][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=credit-cards]) svg {\n  fill: var(--scw-color-accent-credit-cards);\n}\n:host([color=credit-cards]) svg * {\n  fill: var(--scw-color-accent-credit-cards);\n}\n\n:host([color=credit-cards][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=credit-cards][link]:hover) svg {\n  fill: var(--scw-color-accent-credit-cards);\n}\n:host([color=credit-cards][link]:hover) svg * {\n  fill: var(--scw-color-accent-credit-cards);\n}\n\n:host([color=credit-cards][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=credit-cards][link]:focus-visible) svg {\n  fill: var(--scw-color-accent-credit-cards);\n}\n:host([color=credit-cards][link]:focus-visible) svg * {\n  fill: var(--scw-color-accent-credit-cards);\n}\n\n:host([color=credit-cards][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=credit-cards][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([color=credit-cards][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=student]) svg {\n  fill: var(--scw-color-accent-student);\n}\n:host([color=student]) svg * {\n  fill: var(--scw-color-accent-student);\n}\n\n:host([color=student][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=student][link]:hover) svg {\n  fill: var(--scw-color-accent-student);\n}\n:host([color=student][link]:hover) svg * {\n  fill: var(--scw-color-accent-student);\n}\n\n:host([color=student][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=student][link]:focus-visible) svg {\n  fill: var(--scw-color-accent-student);\n}\n:host([color=student][link]:focus-visible) svg * {\n  fill: var(--scw-color-accent-student);\n}\n\n:host([color=student][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=student][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([color=student][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=savings]) svg {\n  fill: var(--scw-color-accent-savings);\n}\n:host([color=savings]) svg * {\n  fill: var(--scw-color-accent-savings);\n}\n\n:host([color=savings][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=savings][link]:hover) svg {\n  fill: var(--scw-color-accent-savings);\n}\n:host([color=savings][link]:hover) svg * {\n  fill: var(--scw-color-accent-savings);\n}\n\n:host([color=savings][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=savings][link]:focus-visible) svg {\n  fill: var(--scw-color-accent-savings);\n}\n:host([color=savings][link]:focus-visible) svg * {\n  fill: var(--scw-color-accent-savings);\n}\n\n:host([color=savings][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=savings][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([color=savings][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=checking]) svg {\n  fill: var(--scw-color-accent-checking);\n}\n:host([color=checking]) svg * {\n  fill: var(--scw-color-accent-checking);\n}\n\n:host([color=checking][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=checking][link]:hover) svg {\n  fill: var(--scw-color-accent-checking);\n}\n:host([color=checking][link]:hover) svg * {\n  fill: var(--scw-color-accent-checking);\n}\n\n:host([color=checking][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=checking][link]:focus-visible) svg {\n  fill: var(--scw-color-accent-checking);\n}\n:host([color=checking][link]:focus-visible) svg * {\n  fill: var(--scw-color-accent-checking);\n}\n\n:host([color=checking][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=checking][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([color=checking][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=white]) svg {\n  fill: white;\n}\n:host([color=white]) svg * {\n  fill: white;\n}\n\n:host([color=white][link]:hover) svg {\n  fill: white;\n}\n:host([color=white][link]:hover) svg * {\n  fill: white;\n}\n\n:host([color=white][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n}\n:host([color=white][link]:focus-visible) svg {\n  fill: white;\n}\n:host([color=white][link]:focus-visible) svg * {\n  fill: white;\n}\n\n:host([color=white][link][aria-disabled=true]) svg {\n  fill: white;\n}\n:host([color=white][link][aria-disabled=true]) svg * {\n  fill: white;\n}\n\n:host([background-color=primary]) {\n  background-color: var(--scw-color-primary);\n}\n:host([background-color=primary]) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=primary]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=primary][link]:hover) {\n  background-color: var(--scw-color-primary-06);\n}\n:host([background-color=primary][link]:hover) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=primary][link]:hover) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=primary][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-primary);\n}\n:host([background-color=primary][link]:focus-visible) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=primary][link]:focus-visible) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=primary][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([background-color=primary][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([background-color=primary][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([background-color=mortgage]) {\n  background-color: var(--scw-color-accent-mortgage);\n}\n:host([background-color=mortgage]) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=mortgage]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=mortgage][link]:hover) {\n  background-color: var(--scw-color-accent-mortgage-06);\n}\n:host([background-color=mortgage][link]:hover) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=mortgage][link]:hover) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=mortgage][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-accent-mortgage);\n}\n:host([background-color=mortgage][link]:focus-visible) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=mortgage][link]:focus-visible) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=mortgage][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([background-color=mortgage][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([background-color=mortgage][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([background-color=investments]) {\n  background-color: var(--scw-color-accent-investments);\n}\n:host([background-color=investments]) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=investments]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=investments][link]:hover) {\n  background-color: var(--scw-color-accent-investments-06);\n}\n:host([background-color=investments][link]:hover) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=investments][link]:hover) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=investments][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-accent-investments);\n}\n:host([background-color=investments][link]:focus-visible) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=investments][link]:focus-visible) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=investments][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([background-color=investments][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([background-color=investments][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([background-color=credit-cards]) {\n  background-color: var(--scw-color-accent-credit-cards);\n}\n:host([background-color=credit-cards]) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=credit-cards]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=credit-cards][link]:hover) {\n  background-color: var(--scw-color-accent-credit-cards-06);\n}\n:host([background-color=credit-cards][link]:hover) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=credit-cards][link]:hover) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=credit-cards][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-accent-credit-cards);\n}\n:host([background-color=credit-cards][link]:focus-visible) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=credit-cards][link]:focus-visible) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=credit-cards][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([background-color=credit-cards][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([background-color=credit-cards][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([background-color=student]) {\n  background-color: var(--scw-color-accent-student);\n}\n:host([background-color=student]) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=student]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=student][link]:hover) {\n  background-color: var(--scw-color-accent-student-06);\n}\n:host([background-color=student][link]:hover) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=student][link]:hover) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=student][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-accent-student);\n}\n:host([background-color=student][link]:focus-visible) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=student][link]:focus-visible) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=student][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([background-color=student][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([background-color=student][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([background-color=savings]) {\n  background-color: var(--scw-color-accent-savings);\n}\n:host([background-color=savings]) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=savings]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=savings][link]:hover) {\n  background-color: var(--scw-color-accent-savings-06);\n}\n:host([background-color=savings][link]:hover) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=savings][link]:hover) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=savings][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-accent-savings);\n}\n:host([background-color=savings][link]:focus-visible) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=savings][link]:focus-visible) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=savings][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([background-color=savings][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([background-color=savings][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([background-color=checking]) {\n  background-color: var(--scw-color-accent-checking);\n}\n:host([background-color=checking]) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=checking]) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=checking][link]:hover) {\n  background-color: var(--scw-color-accent-checking-06);\n}\n:host([background-color=checking][link]:hover) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=checking][link]:hover) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=checking][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-accent-checking);\n}\n:host([background-color=checking][link]:focus-visible) svg {\n  fill: var(--scw-color-grey-10);\n}\n:host([background-color=checking][link]:focus-visible) svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([background-color=checking][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([background-color=checking][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([background-color=checking][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([background-color=information]) {\n  background-color: var(--scw-color-information-light);\n}\n:host([background-color=information]) svg {\n  fill: var(--scw-color-icon);\n}\n:host([background-color=information]) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([background-color=information][link]:hover) {\n  background-color: var(--scw-color-information);\n}\n:host([background-color=information][link]:hover) svg {\n  fill: var(--scw-color-icon);\n}\n:host([background-color=information][link]:hover) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([background-color=information][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-information-light);\n}\n:host([background-color=information][link]:focus-visible) svg {\n  fill: var(--scw-color-icon);\n}\n:host([background-color=information][link]:focus-visible) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([background-color=information][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([background-color=information][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([background-color=information][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([background-color=warning]) {\n  background-color: var(--scw-color-warning-light);\n}\n:host([background-color=warning]) svg {\n  fill: var(--scw-color-icon);\n}\n:host([background-color=warning]) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([background-color=warning][link]:hover) {\n  background-color: var(--scw-color-warning);\n}\n:host([background-color=warning][link]:hover) svg {\n  fill: var(--scw-color-icon);\n}\n:host([background-color=warning][link]:hover) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([background-color=warning][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-warning-light);\n}\n:host([background-color=warning][link]:focus-visible) svg {\n  fill: var(--scw-color-icon);\n}\n:host([background-color=warning][link]:focus-visible) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([background-color=warning][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([background-color=warning][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([background-color=warning][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([background-color=error]) {\n  background-color: var(--scw-color-error-light);\n}\n:host([background-color=error]) svg {\n  fill: var(--scw-color-icon);\n}\n:host([background-color=error]) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([background-color=error][link]:hover) {\n  background-color: var(--scw-color-error);\n}\n:host([background-color=error][link]:hover) svg {\n  fill: var(--scw-color-icon);\n}\n:host([background-color=error][link]:hover) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([background-color=error][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-error-light);\n}\n:host([background-color=error][link]:focus-visible) svg {\n  fill: var(--scw-color-icon);\n}\n:host([background-color=error][link]:focus-visible) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([background-color=error][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([background-color=error][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([background-color=error][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([background-color=success]) {\n  background-color: var(--scw-color-success-light);\n}\n:host([background-color=success]) svg {\n  fill: var(--scw-color-icon);\n}\n:host([background-color=success]) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([background-color=success][link]:hover) {\n  background-color: var(--scw-color-success);\n}\n:host([background-color=success][link]:hover) svg {\n  fill: var(--scw-color-icon);\n}\n:host([background-color=success][link]:hover) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([background-color=success][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-success-light);\n}\n:host([background-color=success][link]:focus-visible) svg {\n  fill: var(--scw-color-icon);\n}\n:host([background-color=success][link]:focus-visible) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([background-color=success][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([background-color=success][link][aria-disabled=true]) svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([background-color=success][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host {\n  outline: none;\n  user-select: none;\n  display: inline-flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n}\n:host svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n}\n\n:host([link]:hover) {\n  cursor: pointer;\n}\n\n:host([link][aria-disabled=true]) {\n  cursor: auto;\n  pointer-events: none;\n}\n\n:host([size=\"10\"]) {\n  width: 10px;\n  height: 10px;\n}\n\n:host([size=\"20\"]) {\n  width: 20px;\n  height: 20px;\n}\n\n:host([size=\"30\"]) {\n  width: 30px;\n  height: 30px;\n}\n\n:host([size=\"40\"]) {\n  width: 40px;\n  height: 40px;\n}\n\n:host([size=\"50\"]) {\n  width: 50px;\n  height: 50px;\n}\n\n:host([size=\"60\"]) {\n  width: 60px;\n  height: 60px;\n}\n\n:host([size=\"70\"]) {\n  width: 70px;\n  height: 70px;\n}\n\n:host([size=\"80\"]) {\n  width: 80px;\n  height: 80px;\n}\n\n:host([size=\"90\"]) {\n  width: 90px;\n  height: 90px;\n}\n\n:host([size=\"100\"]) {\n  width: 100px;\n  height: 100px;\n}`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\nimport styles from './scss/scw-icon.scss';\nimport getIconSvg from '../utils/getIconSvg';\nimport {\n  ScwIconColors,\n  ScwIconSizes,\n  ScwIconNotificationColors,\n} from './scw-icon-enums';\nimport validate from './scw-icon-validate';\nimport {Components} from '../utils/enums/Components';\nimport ScwLinkBase from '../scw-link-base/scw-link-base';\n\n/**\n * ScwIcon\n * @class\n * @tag scw-icon\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n */\nexport default class ScwIcon extends ScwLinkBase {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwIcon ====================================================\n  /** (ScwIcon) Determines the icon to use with the text */\n  @property({type: String, reflect: true}) icon: string | undefined;\n\n  /** (ScwIcon) Determines the square size of the icon */\n  @property({type: String, reflect: true})\n    size: ScwIconSizes = ScwIconSizes.size50;\n\n  /** (ScwIcon) Background color (w/ accompanying state colors) */\n  @property({type: String, reflect: true, attribute: 'background-color'})\n    backgroundColor: ScwIconColors | ScwIconNotificationColors =\n      ScwIconColors.default;\n\n  /** (ScwIcon) Background color (w/ accompanying state colors) */\n  @property({type: String, reflect: true, attribute: 'color'})\n   color: ScwIconColors = ScwIconColors.default;\n\n  @state() _svgInfo : string = '';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.icon;\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    validate( this );\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(`scw-icon could not find ${this.icon}`);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      ${unsafeHTML(this._svgInfo)}\n    `;\n  }\n}\n"],
-  "mappings": "owBACA,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;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;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;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;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;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;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;GCqBf,mBAAqC,EAAY,CA+B/C,aAAc,CACZ,QAfA,UAAqB,EAAa,OAIlC,qBACE,EAAc,QAIjB,WAAuB,EAAc,QAE7B,cAAoB,GAK3B,KAAK,QAAU,EAAW,eA7BhB,SAAS,CACnB,MAAO,CACL,MAAM,OACN,GA8BJ,0BAA2B,CACzB,MAAM,2BACN,EAAU,MACV,EAAW,KAAK,KAAM,AAAC,GAA6B,CAClD,AAAI,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,QAE1C,KAAK,SAAW,IAStB,QAAiB,CACf,MAAO;AAAA,QACH,EAAW,KAAK;AAAA,QA1CmB,GAAxC,EAAS,CAAC,KAAM,OAAQ,QAAS,MAAO,AAb3C,EAa2C,oBAIvC,GADD,EAAS,CAAC,KAAM,OAAQ,QAAS,MAChC,AAjBJ,EAiBI,oBAIA,GADD,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,sBACjD,AArBJ,EAqBI,+BAKD,GADA,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,WAClD,AA1BH,EA0BG,qBAEQ,GAAR,KAAQ,AA5BX,EA4BW",
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host([color=default]) svg, :host([color=default]) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([color=default][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=default][link]:hover) svg, :host([color=default][link]:hover) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([color=default][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=default][link]:focus-visible) svg, :host([color=default][link]:focus-visible) svg * {\n  fill: var(--scw-color-icon);\n}\n\n:host([color=default][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=default][link][aria-disabled=true]) svg, :host([color=default][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color]) svg .color-step-01 {\n  fill: var(--scw-color-theme-01, var(--scw-color-grey-01));\n}\n:host([color]) svg .color-step-02 {\n  fill: var(--scw-color-theme-02, var(--scw-color-grey-02));\n}\n:host([color]) svg .color-step-03 {\n  fill: var(--scw-color-theme-03, var(--scw-color-grey-03));\n}\n:host([color]) svg .color-step-04 {\n  fill: var(--scw-color-theme-04, var(--scw-color-grey-04));\n}\n:host([color]) svg .color-step-05,\n:host([color]) svg .color-step {\n  fill: var(--scw-color-theme-05, var(--scw-color-grey-05));\n}\n:host([color]) svg .color-step-06 {\n  fill: var(--scw-color-theme-06, var(--scw-color-grey-06));\n}\n:host([color]) svg .color-step-07 {\n  fill: var(--scw-color-theme-07, var(--scw-color-grey-07));\n}\n:host([color]) svg .color-step-08 {\n  fill: var(--scw-color-theme-08, var(--scw-color-grey-08));\n}\n:host([color]) svg .color-step-09 {\n  fill: var(--scw-color-theme-09, var(--scw-color-grey-09));\n}\n\n:host([color]) svg .color-step-00 {\n  fill: var(--scw-color-theme-00, var(--scw-color-grey-00));\n}\n:host([color]) svg .color-step-10 {\n  fill: var(--scw-color-theme-10, var(--scw-color-grey-10));\n}\n\n:host([color=primary]) svg, :host([color=primary]) svg * {\n  fill: var(--scw-color-theme-03, var(--scw-color-primary-03));\n}\n\n:host([color=primary][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=primary][link]:hover) svg, :host([color=primary][link]:hover) svg * {\n  fill: var(--scw-color-theme-03, var(--scw-color-primary-03));\n}\n\n:host([color=primary][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=primary][link]:focus-visible) svg, :host([color=primary][link]:focus-visible) svg * {\n  fill: var(--scw-color-theme-03, var(--scw-color-primary-03));\n}\n\n:host([color=primary][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=primary][link][aria-disabled=true]) svg, :host([color=primary][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=primary]) svg .color-step-01 {\n  fill: var(--scw-color-theme-01, var(--scw-color-primary-01));\n}\n:host([color=primary]) svg .color-step-02 {\n  fill: var(--scw-color-theme-02, var(--scw-color-primary-02));\n}\n:host([color=primary]) svg .color-step-03 {\n  fill: var(--scw-color-theme-03, var(--scw-color-primary-03));\n}\n:host([color=primary]) svg .color-step-04 {\n  fill: var(--scw-color-theme-04, var(--scw-color-primary-04));\n}\n:host([color=primary]) svg .color-step-05,\n:host([color=primary]) svg .color-step {\n  fill: var(--scw-color-theme-05, var(--scw-color-primary-05));\n}\n:host([color=primary]) svg .color-step-06 {\n  fill: var(--scw-color-theme-06, var(--scw-color-primary-06));\n}\n:host([color=primary]) svg .color-step-07 {\n  fill: var(--scw-color-theme-07, var(--scw-color-primary-07));\n}\n:host([color=primary]) svg .color-step-08 {\n  fill: var(--scw-color-theme-08, var(--scw-color-primary-08));\n}\n:host([color=primary]) svg .color-step-09 {\n  fill: var(--scw-color-theme-09, var(--scw-color-primary-09));\n}\n\n:host([color=mortgage]) svg, :host([color=mortgage]) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-mortgage));\n}\n\n:host([color=mortgage][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=mortgage][link]:hover) svg, :host([color=mortgage][link]:hover) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-mortgage));\n}\n\n:host([color=mortgage][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=mortgage][link]:focus-visible) svg, :host([color=mortgage][link]:focus-visible) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-mortgage));\n}\n\n:host([color=mortgage][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=mortgage][link][aria-disabled=true]) svg, :host([color=mortgage][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=mortgage]) svg .color-step-01 {\n  fill: var(--scw-color-theme-01, var(--scw-color-accent-mortgage-01));\n}\n:host([color=mortgage]) svg .color-step-02 {\n  fill: var(--scw-color-theme-02, var(--scw-color-accent-mortgage-02));\n}\n:host([color=mortgage]) svg .color-step-03 {\n  fill: var(--scw-color-theme-03, var(--scw-color-accent-mortgage-03));\n}\n:host([color=mortgage]) svg .color-step-04 {\n  fill: var(--scw-color-theme-04, var(--scw-color-accent-mortgage-04));\n}\n:host([color=mortgage]) svg .color-step-05,\n:host([color=mortgage]) svg .color-step {\n  fill: var(--scw-color-theme-05, var(--scw-color-accent-mortgage-05));\n}\n:host([color=mortgage]) svg .color-step-06 {\n  fill: var(--scw-color-theme-06, var(--scw-color-accent-mortgage-06));\n}\n:host([color=mortgage]) svg .color-step-07 {\n  fill: var(--scw-color-theme-07, var(--scw-color-accent-mortgage-07));\n}\n:host([color=mortgage]) svg .color-step-08 {\n  fill: var(--scw-color-theme-08, var(--scw-color-accent-mortgage-08));\n}\n:host([color=mortgage]) svg .color-step-09 {\n  fill: var(--scw-color-theme-09, var(--scw-color-accent-mortgage-09));\n}\n\n:host([color=investments]) svg, :host([color=investments]) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-investments));\n}\n\n:host([color=investments][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=investments][link]:hover) svg, :host([color=investments][link]:hover) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-investments));\n}\n\n:host([color=investments][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=investments][link]:focus-visible) svg, :host([color=investments][link]:focus-visible) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-investments));\n}\n\n:host([color=investments][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=investments][link][aria-disabled=true]) svg, :host([color=investments][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=investments]) svg .color-step-01 {\n  fill: var(--scw-color-theme-01, var(--scw-color-accent-investments-01));\n}\n:host([color=investments]) svg .color-step-02 {\n  fill: var(--scw-color-theme-02, var(--scw-color-accent-investments-02));\n}\n:host([color=investments]) svg .color-step-03 {\n  fill: var(--scw-color-theme-03, var(--scw-color-accent-investments-03));\n}\n:host([color=investments]) svg .color-step-04 {\n  fill: var(--scw-color-theme-04, var(--scw-color-accent-investments-04));\n}\n:host([color=investments]) svg .color-step-05,\n:host([color=investments]) svg .color-step {\n  fill: var(--scw-color-theme-05, var(--scw-color-accent-investments-05));\n}\n:host([color=investments]) svg .color-step-06 {\n  fill: var(--scw-color-theme-06, var(--scw-color-accent-investments-06));\n}\n:host([color=investments]) svg .color-step-07 {\n  fill: var(--scw-color-theme-07, var(--scw-color-accent-investments-07));\n}\n:host([color=investments]) svg .color-step-08 {\n  fill: var(--scw-color-theme-08, var(--scw-color-accent-investments-08));\n}\n:host([color=investments]) svg .color-step-09 {\n  fill: var(--scw-color-theme-09, var(--scw-color-accent-investments-09));\n}\n\n:host([color=credit-cards]) svg, :host([color=credit-cards]) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-credit-cards));\n}\n\n:host([color=credit-cards][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=credit-cards][link]:hover) svg, :host([color=credit-cards][link]:hover) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-credit-cards));\n}\n\n:host([color=credit-cards][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=credit-cards][link]:focus-visible) svg, :host([color=credit-cards][link]:focus-visible) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-credit-cards));\n}\n\n:host([color=credit-cards][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=credit-cards][link][aria-disabled=true]) svg, :host([color=credit-cards][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=credit-cards]) svg .color-step-01 {\n  fill: var(--scw-color-theme-01, var(--scw-color-accent-credit-cards-01));\n}\n:host([color=credit-cards]) svg .color-step-02 {\n  fill: var(--scw-color-theme-02, var(--scw-color-accent-credit-cards-02));\n}\n:host([color=credit-cards]) svg .color-step-03 {\n  fill: var(--scw-color-theme-03, var(--scw-color-accent-credit-cards-03));\n}\n:host([color=credit-cards]) svg .color-step-04 {\n  fill: var(--scw-color-theme-04, var(--scw-color-accent-credit-cards-04));\n}\n:host([color=credit-cards]) svg .color-step-05,\n:host([color=credit-cards]) svg .color-step {\n  fill: var(--scw-color-theme-05, var(--scw-color-accent-credit-cards-05));\n}\n:host([color=credit-cards]) svg .color-step-06 {\n  fill: var(--scw-color-theme-06, var(--scw-color-accent-credit-cards-06));\n}\n:host([color=credit-cards]) svg .color-step-07 {\n  fill: var(--scw-color-theme-07, var(--scw-color-accent-credit-cards-07));\n}\n:host([color=credit-cards]) svg .color-step-08 {\n  fill: var(--scw-color-theme-08, var(--scw-color-accent-credit-cards-08));\n}\n:host([color=credit-cards]) svg .color-step-09 {\n  fill: var(--scw-color-theme-09, var(--scw-color-accent-credit-cards-09));\n}\n\n:host([color=student]) svg, :host([color=student]) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-student));\n}\n\n:host([color=student][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=student][link]:hover) svg, :host([color=student][link]:hover) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-student));\n}\n\n:host([color=student][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=student][link]:focus-visible) svg, :host([color=student][link]:focus-visible) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-student));\n}\n\n:host([color=student][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=student][link][aria-disabled=true]) svg, :host([color=student][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=student]) svg .color-step-01 {\n  fill: var(--scw-color-theme-01, var(--scw-color-accent-student-01));\n}\n:host([color=student]) svg .color-step-02 {\n  fill: var(--scw-color-theme-02, var(--scw-color-accent-student-02));\n}\n:host([color=student]) svg .color-step-03 {\n  fill: var(--scw-color-theme-03, var(--scw-color-accent-student-03));\n}\n:host([color=student]) svg .color-step-04 {\n  fill: var(--scw-color-theme-04, var(--scw-color-accent-student-04));\n}\n:host([color=student]) svg .color-step-05,\n:host([color=student]) svg .color-step {\n  fill: var(--scw-color-theme-05, var(--scw-color-accent-student-05));\n}\n:host([color=student]) svg .color-step-06 {\n  fill: var(--scw-color-theme-06, var(--scw-color-accent-student-06));\n}\n:host([color=student]) svg .color-step-07 {\n  fill: var(--scw-color-theme-07, var(--scw-color-accent-student-07));\n}\n:host([color=student]) svg .color-step-08 {\n  fill: var(--scw-color-theme-08, var(--scw-color-accent-student-08));\n}\n:host([color=student]) svg .color-step-09 {\n  fill: var(--scw-color-theme-09, var(--scw-color-accent-student-09));\n}\n\n:host([color=savings]) svg, :host([color=savings]) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-savings));\n}\n\n:host([color=savings][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=savings][link]:hover) svg, :host([color=savings][link]:hover) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-savings));\n}\n\n:host([color=savings][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=savings][link]:focus-visible) svg, :host([color=savings][link]:focus-visible) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-savings));\n}\n\n:host([color=savings][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=savings][link][aria-disabled=true]) svg, :host([color=savings][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=savings]) svg .color-step-01 {\n  fill: var(--scw-color-theme-01, var(--scw-color-accent-savings-01));\n}\n:host([color=savings]) svg .color-step-02 {\n  fill: var(--scw-color-theme-02, var(--scw-color-accent-savings-02));\n}\n:host([color=savings]) svg .color-step-03 {\n  fill: var(--scw-color-theme-03, var(--scw-color-accent-savings-03));\n}\n:host([color=savings]) svg .color-step-04 {\n  fill: var(--scw-color-theme-04, var(--scw-color-accent-savings-04));\n}\n:host([color=savings]) svg .color-step-05,\n:host([color=savings]) svg .color-step {\n  fill: var(--scw-color-theme-05, var(--scw-color-accent-savings-05));\n}\n:host([color=savings]) svg .color-step-06 {\n  fill: var(--scw-color-theme-06, var(--scw-color-accent-savings-06));\n}\n:host([color=savings]) svg .color-step-07 {\n  fill: var(--scw-color-theme-07, var(--scw-color-accent-savings-07));\n}\n:host([color=savings]) svg .color-step-08 {\n  fill: var(--scw-color-theme-08, var(--scw-color-accent-savings-08));\n}\n:host([color=savings]) svg .color-step-09 {\n  fill: var(--scw-color-theme-09, var(--scw-color-accent-savings-09));\n}\n\n:host([color=checking]) svg, :host([color=checking]) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-checking));\n}\n\n:host([color=checking][link]:hover) {\n  background-color: var(--scw-color-grey-092);\n}\n:host([color=checking][link]:hover) svg, :host([color=checking][link]:hover) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-checking));\n}\n\n:host([color=checking][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-grey-10);\n}\n:host([color=checking][link]:focus-visible) svg, :host([color=checking][link]:focus-visible) svg * {\n  fill: var(--scw-color-theme, var(--scw-color-accent-checking));\n}\n\n:host([color=checking][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n:host([color=checking][link][aria-disabled=true]) svg, :host([color=checking][link][aria-disabled=true]) svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host([color=checking]) svg .color-step-01 {\n  fill: var(--scw-color-theme-01, var(--scw-color-accent-checking-01));\n}\n:host([color=checking]) svg .color-step-02 {\n  fill: var(--scw-color-theme-02, var(--scw-color-accent-checking-02));\n}\n:host([color=checking]) svg .color-step-03 {\n  fill: var(--scw-color-theme-03, var(--scw-color-accent-checking-03));\n}\n:host([color=checking]) svg .color-step-04 {\n  fill: var(--scw-color-theme-04, var(--scw-color-accent-checking-04));\n}\n:host([color=checking]) svg .color-step-05,\n:host([color=checking]) svg .color-step {\n  fill: var(--scw-color-theme-05, var(--scw-color-accent-checking-05));\n}\n:host([color=checking]) svg .color-step-06 {\n  fill: var(--scw-color-theme-06, var(--scw-color-accent-checking-06));\n}\n:host([color=checking]) svg .color-step-07 {\n  fill: var(--scw-color-theme-07, var(--scw-color-accent-checking-07));\n}\n:host([color=checking]) svg .color-step-08 {\n  fill: var(--scw-color-theme-08, var(--scw-color-accent-checking-08));\n}\n:host([color=checking]) svg .color-step-09 {\n  fill: var(--scw-color-theme-09, var(--scw-color-accent-checking-09));\n}\n\n:host([color=white]) svg, :host([color=white]) svg * {\n  fill: white;\n}\n\n:host([color=white][link]:hover) svg, :host([color=white][link]:hover) svg * {\n  fill: white;\n}\n\n:host([color=white][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n}\n:host([color=white][link]:focus-visible) svg, :host([color=white][link]:focus-visible) svg * {\n  fill: white;\n}\n\n:host([color=white][link][aria-disabled=true]) svg, :host([color=white][link][aria-disabled=true]) svg * {\n  fill: white;\n}\n\n:host([color=white]) svg .color-step-01 {\n  fill: var(--scw-color-theme-01, var(--scw-color-grey-01));\n}\n:host([color=white]) svg .color-step-02 {\n  fill: var(--scw-color-theme-02, var(--scw-color-grey-02));\n}\n:host([color=white]) svg .color-step-03 {\n  fill: var(--scw-color-theme-03, var(--scw-color-grey-03));\n}\n:host([color=white]) svg .color-step-04 {\n  fill: var(--scw-color-theme-04, var(--scw-color-grey-04));\n}\n:host([color=white]) svg .color-step-05,\n:host([color=white]) svg .color-step {\n  fill: var(--scw-color-theme-05, var(--scw-color-grey-05));\n}\n:host([color=white]) svg .color-step-06 {\n  fill: var(--scw-color-theme-06, var(--scw-color-grey-06));\n}\n:host([color=white]) svg .color-step-07 {\n  fill: var(--scw-color-theme-07, var(--scw-color-grey-07));\n}\n:host([color=white]) svg .color-step-08 {\n  fill: var(--scw-color-theme-08, var(--scw-color-grey-08));\n}\n:host([color=white]) svg .color-step-09 {\n  fill: var(--scw-color-theme-09, var(--scw-color-grey-09));\n}\n\n:host(:not([background-color=default])) svg, :host(:not([background-color=default])) svg * {\n  fill: var(--scw-color-theme-10, var(--scw-color-grey-10));\n}\n\n:host([background-color=error]) svg, :host([background-color=error]) svg *,\n:host([background-color=information]) svg,\n:host([background-color=information]) svg *,\n:host([background-color=success]) svg,\n:host([background-color=success]) svg *,\n:host([background-color=warning]) svg,\n:host([background-color=warning]) svg * {\n  fill: var(--scw-color-theme-02, var(--scw-color-grey-02));\n}\n\n:host([background-color=primary]) {\n  background-color: var(--scw-color-theme, var(--scw-color-primary));\n}\n\n:host([background-color=primary][link]:hover) {\n  background-color: var(--scw-color-theme-06, var(--scw-color-primary-06));\n}\n\n:host([background-color=primary][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-theme, var(--scw-color-primary));\n}\n\n:host([background-color=primary][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n\n:host([background-color=mortgage]) {\n  background-color: var(--scw-color-theme, var(--scw-color-accent-mortgage));\n}\n\n:host([background-color=mortgage][link]:hover) {\n  background-color: var(--scw-color-theme-06, var(--scw-color-accent-mortgage-06));\n}\n\n:host([background-color=mortgage][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-theme, var(--scw-color-accent-mortgage));\n}\n\n:host([background-color=mortgage][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n\n:host([background-color=investments]) {\n  background-color: var(--scw-color-theme, var(--scw-color-accent-investments));\n}\n\n:host([background-color=investments][link]:hover) {\n  background-color: var(--scw-color-theme-06, var(--scw-color-accent-investments-06));\n}\n\n:host([background-color=investments][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-theme, var(--scw-color-accent-investments));\n}\n\n:host([background-color=investments][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n\n:host([background-color=credit-cards]) {\n  background-color: var(--scw-color-theme, var(--scw-color-accent-credit-cards));\n}\n\n:host([background-color=credit-cards][link]:hover) {\n  background-color: var(--scw-color-theme-06, var(--scw-color-accent-credit-cards-06));\n}\n\n:host([background-color=credit-cards][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-theme, var(--scw-color-accent-credit-cards));\n}\n\n:host([background-color=credit-cards][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n\n:host([background-color=student]) {\n  background-color: var(--scw-color-theme, var(--scw-color-accent-student));\n}\n\n:host([background-color=student][link]:hover) {\n  background-color: var(--scw-color-theme-06, var(--scw-color-accent-student-06));\n}\n\n:host([background-color=student][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-theme, var(--scw-color-accent-student));\n}\n\n:host([background-color=student][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n\n:host([background-color=savings]) {\n  background-color: var(--scw-color-theme, var(--scw-color-accent-savings));\n}\n\n:host([background-color=savings][link]:hover) {\n  background-color: var(--scw-color-theme-06, var(--scw-color-accent-savings-06));\n}\n\n:host([background-color=savings][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-theme, var(--scw-color-accent-savings));\n}\n\n:host([background-color=savings][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n\n:host([background-color=checking]) {\n  background-color: var(--scw-color-theme, var(--scw-color-accent-checking));\n}\n\n:host([background-color=checking][link]:hover) {\n  background-color: var(--scw-color-theme-06, var(--scw-color-accent-checking-06));\n}\n\n:host([background-color=checking][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-theme, var(--scw-color-accent-checking));\n}\n\n:host([background-color=checking][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n\n:host([background-color=information]) {\n  background-color: var(--scw-color-information-light);\n}\n\n:host([background-color=information][link]:hover) {\n  background-color: var(--scw-color-information);\n}\n\n:host([background-color=information][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-information-light);\n}\n\n:host([background-color=information][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n\n:host([background-color=warning]) {\n  background-color: var(--scw-color-warning-light);\n}\n\n:host([background-color=warning][link]:hover) {\n  background-color: var(--scw-color-warning);\n}\n\n:host([background-color=warning][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-warning-light);\n}\n\n:host([background-color=warning][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n\n:host([background-color=error]) {\n  background-color: var(--scw-color-error-light);\n}\n\n:host([background-color=error][link]:hover) {\n  background-color: var(--scw-color-error);\n}\n\n:host([background-color=error][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-error-light);\n}\n\n:host([background-color=error][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n\n:host([background-color=success]) {\n  background-color: var(--scw-color-success-light);\n}\n\n:host([background-color=success][link]:hover) {\n  background-color: var(--scw-color-success);\n}\n\n:host([background-color=success][link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n  background-color: var(--scw-color-success-light);\n}\n\n:host([background-color=success][link][aria-disabled=true]) {\n  background-color: var(--scw-color-grey-09);\n}\n\n:host {\n  outline: none;\n  user-select: none;\n  display: inline-flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n}\n:host svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n}\n\n:host([link]:hover) {\n  cursor: pointer;\n}\n\n:host([link][aria-disabled=true]) {\n  cursor: auto;\n  pointer-events: none;\n}\n\n:host([size=\"10\"]) {\n  width: 10px;\n  height: 10px;\n}\n\n:host([size=\"20\"]) {\n  width: 20px;\n  height: 20px;\n}\n\n:host([size=\"30\"]) {\n  width: 30px;\n  height: 30px;\n}\n\n:host([size=\"40\"]) {\n  width: 40px;\n  height: 40px;\n}\n\n:host([size=\"50\"]) {\n  width: 50px;\n  height: 50px;\n}\n\n:host([size=\"60\"]) {\n  width: 60px;\n  height: 60px;\n}\n\n:host([size=\"70\"]) {\n  width: 70px;\n  height: 70px;\n}\n\n:host([size=\"80\"]) {\n  width: 80px;\n  height: 80px;\n}\n\n:host([size=\"90\"]) {\n  width: 90px;\n  height: 90px;\n}\n\n:host([size=\"100\"]) {\n  width: 100px;\n  height: 100px;\n}`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\nimport styles from './scss/scw-icon.scss';\nimport getIconSvg from '../utils/getIconSvg';\nimport {\n  ScwIconColors,\n  ScwIconSizes,\n  ScwIconNotificationColors,\n} from './scw-icon-enums';\nimport validate from './scw-icon-validate';\nimport {Components} from '../utils/enums/Components';\nimport ScwLinkBase from '../scw-link-base/scw-link-base';\n\n/**\n * ScwIcon\n * @class\n * @tag scw-icon\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n */\nexport default class ScwIcon extends ScwLinkBase {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwIcon ====================================================\n  /** (ScwIcon) Determines the icon to use with the text */\n  @property({type: String, reflect: true}) icon: string | undefined;\n\n  /** (ScwIcon) Determines the square size of the icon */\n  @property({type: String, reflect: true})\n    size: ScwIconSizes = ScwIconSizes.size50;\n\n  /** (ScwIcon) Background color (w/ accompanying state colors) */\n  @property({type: String, reflect: true, attribute: 'background-color'})\n    backgroundColor: ScwIconColors | ScwIconNotificationColors =\n      ScwIconColors.default;\n\n  /** (ScwIcon) Background color (w/ accompanying state colors) */\n  @property({type: String, reflect: true, attribute: 'color'})\n   color: ScwIconColors = ScwIconColors.default;\n\n  @state() _svgInfo : string = '';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.icon;\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    validate( this );\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(`scw-icon could not find ${this.icon}`);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      ${unsafeHTML(this._svgInfo)}\n    `;\n  }\n}\n"],
+  "mappings": "owBACA,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;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;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;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;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;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;GCqBf,mBAAqC,EAAY,CA+B/C,aAAc,CACZ,QAfA,UAAqB,EAAa,OAIlC,qBACE,EAAc,QAIjB,WAAuB,EAAc,QAE7B,cAAoB,GAK3B,KAAK,QAAU,EAAW,eA7BhB,SAAS,CACnB,MAAO,CACL,MAAM,OACN,GA8BJ,0BAA2B,CACzB,MAAM,2BACN,EAAU,MACV,EAAW,KAAK,KAAM,AAAC,GAA6B,CAClD,AAAI,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,QAE1C,KAAK,SAAW,IAStB,QAAiB,CACf,MAAO;AAAA,QACH,EAAW,KAAK;AAAA,QA1CmB,GAAxC,EAAS,CAAC,KAAM,OAAQ,QAAS,MAAO,AAb3C,EAa2C,oBAIvC,GADD,EAAS,CAAC,KAAM,OAAQ,QAAS,MAChC,AAjBJ,EAiBI,oBAIA,GADD,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,sBACjD,AArBJ,EAqBI,+BAKD,GADA,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,WAClD,AA1BH,EA0BG,qBAEQ,GAAR,KAAQ,AA5BX,EA4BW",
   "names": []
 }

package/dist/scw-input/scw-input.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{a as l,b as r,c}from"../chunks/chunk.R2VPJ6N4.js";import{a as u}from"../chunks/chunk.2Z35LTTS.js";import{a as m,b as f}from"../chunks/chunk.HXIXDONQ.js";import{c as h}from"../chunks/chunk.Y45V2UNS.js";import"../chunks/chunk.2GHJYU6N.js";import{a as i,b as p}from"../chunks/chunk.HTGFFVNF.js";import{a as d}from"../chunks/chunk.DNFIAFTE.js";import"../chunks/chunk.GXYIL7OD.js";import{a as o,d as n}from"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import{a}from"../chunks/chunk.AYIEP2QZ.js";import{d as s}from"../chunks/chunk.U64II52Y.js";var y=n`
+import{a as l,b as r,c}from"../chunks/chunk.R2VPJ6N4.js";import{a as u}from"../chunks/chunk.2Z35LTTS.js";import{a as m,b as f}from"../chunks/chunk.HXIXDONQ.js";import{c as h}from"../chunks/chunk.IULCMWN5.js";import"../chunks/chunk.2GHJYU6N.js";import{a as i,b as p}from"../chunks/chunk.HTGFFVNF.js";import{a as d}from"../chunks/chunk.QUYGJ2UW.js";import"../chunks/chunk.73WS6N4K.js";import{a as o,d as n}from"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import{a}from"../chunks/chunk.AYIEP2QZ.js";import{d as s}from"../chunks/chunk.U64II52Y.js";var y=n`
 :host {
   display: block;
 }`;var t=class extends h{constructor(){super();this.type=u.text;this.autoCapitalize=l.default;this.autoComplete=r.default;this.autoCorrect=c.default;this.autoFocus=!1;this.element=a.input;let e=d();this.scwInputField=i(`scw-${a.inputField}${e}`),this.scwInputLayout=i(`scw-${a.inputLayout}${e}`)}static get styles(){return[super.styles,y]}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(e){this.value=e.detail.value}checkForSubmit(e){e.key==="Enter"&&m(f.submitIntent,this)}render(){return p`

package/dist/scw-link/scw-link.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.4527LW5H.js";import"../chunks/chunk.7XABOXJ5.js";import"../chunks/chunk.ALATCVPK.js";import"../chunks/chunk.C3ATQQAV.js";import"../chunks/chunk.N7MT3ZFK.js";import"../chunks/chunk.IF5XHJTB.js";import"../chunks/chunk.4RQHMHFC.js";import"../chunks/chunk.GOBVJQFJ.js";import"../chunks/chunk.KNBJLHZX.js";import"../chunks/chunk.HOJVKEO5.js";import"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import"../chunks/chunk.AYIEP2QZ.js";import"../chunks/chunk.U64II52Y.js";export{a as default};
+import{a}from"../chunks/chunk.AG6E4ZNZ.js";import"../chunks/chunk.7XABOXJ5.js";import"../chunks/chunk.ALATCVPK.js";import"../chunks/chunk.C3ATQQAV.js";import"../chunks/chunk.IJGTQGRH.js";import"../chunks/chunk.IF5XHJTB.js";import"../chunks/chunk.4RQHMHFC.js";import"../chunks/chunk.GOBVJQFJ.js";import"../chunks/chunk.KNBJLHZX.js";import"../chunks/chunk.HOJVKEO5.js";import"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import"../chunks/chunk.AYIEP2QZ.js";import"../chunks/chunk.U64II52Y.js";export{a as default};
 //# sourceMappingURL=scw-link.js.map

package/dist/scw-menu-item/scw-menu-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{a as t}from"../chunks/chunk.DGM5MEPY.js";import{a as c}from"../chunks/chunk.4527LW5H.js";import"../chunks/chunk.7XABOXJ5.js";import"../chunks/chunk.ALATCVPK.js";import"../chunks/chunk.C3ATQQAV.js";import"../chunks/chunk.N7MT3ZFK.js";import"../chunks/chunk.IF5XHJTB.js";import"../chunks/chunk.4RQHMHFC.js";import"../chunks/chunk.GOBVJQFJ.js";import"../chunks/chunk.KNBJLHZX.js";import"../chunks/chunk.HOJVKEO5.js";import{a as r,d as s,i as a}from"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import{a as n}from"../chunks/chunk.AYIEP2QZ.js";import{d as o}from"../chunks/chunk.U64II52Y.js";var l=s`
+import{a as t}from"../chunks/chunk.DGM5MEPY.js";import{a as l}from"../chunks/chunk.AG6E4ZNZ.js";import"../chunks/chunk.7XABOXJ5.js";import"../chunks/chunk.ALATCVPK.js";import"../chunks/chunk.C3ATQQAV.js";import"../chunks/chunk.IJGTQGRH.js";import"../chunks/chunk.IF5XHJTB.js";import"../chunks/chunk.4RQHMHFC.js";import"../chunks/chunk.GOBVJQFJ.js";import"../chunks/chunk.KNBJLHZX.js";import"../chunks/chunk.HOJVKEO5.js";import{a as r,d as s,i as a}from"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import{a as n}from"../chunks/chunk.AYIEP2QZ.js";import{d as i}from"../chunks/chunk.U64II52Y.js";var c=s`
 :host([design=main]) {
   outline: none;
   background-color: rgba(0, 0, 0, 0);
@@ -40,7 +40,7 @@ import{a as t}from"../chunks/chunk.DGM5MEPY.js";import{a as c}from"../chunks/chu
 :host([design=main]:hover) .label {
   text-align: LEFT;
   font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-accent-03, var(--scw-color-primary-03));
+  color: var(--scw-color-theme-03, var(--scw-color-primary-03));
 }
 :host([design=main][aria-selected=true]) {
@@ -65,7 +65,7 @@ import{a as t}from"../chunks/chunk.DGM5MEPY.js";import{a as c}from"../chunks/chu
   flex: 1;
 }
 :host([design=main][aria-selected=true]) .selected {
-  background-color: var(--scw-color-accent-03, var(--scw-color-primary-03));
+  background-color: var(--scw-color-theme-03, var(--scw-color-primary-03));
   align-self: stretch;
   height: 2px;
 }
@@ -154,13 +154,13 @@ import{a as t}from"../chunks/chunk.DGM5MEPY.js";import{a as c}from"../chunks/chu
 :host([design=utility]:hover) .label {
   text-align: LEFT;
   font: var(--scw-type-text-font);
-  color: var(--scw-color-accent-03, var(--scw-color-primary-03));
+  color: var(--scw-color-theme-03, var(--scw-color-primary-03));
 }
 :host([design=utility]:hover) .icon svg {
-  fill: var(--scw-color-primary-03);
+  fill: var(--scw-color-theme-03, var(--scw-color-primary-03));
 }
 :host([design=utility]:hover) .icon svg * {
-  fill: var(--scw-color-primary-03);
+  fill: var(--scw-color-theme-03, var(--scw-color-primary-03));
 }
 :host([design=utility][aria-selected=true]) {
@@ -170,13 +170,13 @@ import{a as t}from"../chunks/chunk.DGM5MEPY.js";import{a as c}from"../chunks/chu
 :host([design=utility][aria-selected=true]) .label {
   text-align: LEFT;
   font: var(--scw-type-text-font);
-  color: var(--scw-color-accent-03, var(--scw-color-primary-03));
+  color: var(--scw-color-theme-03, var(--scw-color-primary-03));
 }
 :host([design=utility][aria-selected=true]) .icon svg {
-  fill: var(--scw-color-primary-03);
+  fill: var(--scw-color-theme-03, var(--scw-color-primary-03));
 }
 :host([design=utility][aria-selected=true]) .icon svg * {
-  fill: var(--scw-color-primary-03);
+  fill: var(--scw-color-theme-03, var(--scw-color-primary-03));
 }
 :host([design=utility][aria-disabled=true]) {
@@ -201,8 +201,8 @@ import{a as t}from"../chunks/chunk.DGM5MEPY.js";import{a as c}from"../chunks/chu
 }
 :host .label {
   white-space: nowrap;
-}`;var i=class extends c{constructor(){super();this.ariaSelected="false";this.element=n.menuItem}static get styles(){return[super.styles,l]}establishRole(){this.setAttribute("role","menuitem")}hasPopup(){let e=this.nextElementSibling;return!!(e&&e.nodeName.indexOf("SCW-MENU")===0)}doShowIcon(){return!!(super.doShowIcon()&&this.design!==t.main)}validDesigns(){return{...super.validDesigns(),...t}}connectedCallback(){super.connectedCallback(),this.hasPopup()&&this.setAttribute("aria-haspopup","true")}render(){return this.design===t.main&&this.ariaSelected==="true"?(this.setAttribute("aria-current","page"),a`
+}`;var o=class extends l{constructor(){super();this.ariaSelected="false";this.element=n.menuItem}static get styles(){return[super.styles,c]}establishRole(){this.setAttribute("role","menuitem")}hasPopup(){let e=this.nextElementSibling;return!!(e&&e.nodeName.indexOf("SCW-MENU")===0)}doShowIcon(){return!!(super.doShowIcon()&&this.design!==t.main)}validDesigns(){return{...super.validDesigns(),...t}}connectedCallback(){super.connectedCallback(),this.hasPopup()&&this.setAttribute("aria-haspopup","true")}render(){return this.design===t.main&&this.ariaSelected==="true"?(this.setAttribute("aria-current","page"),a`
           <div>${super.render()}</div>
           <div class="selected"></div>
-        `):(this.removeAttribute("aria-current"),super.render())}};o([r({type:String,attribute:"aria-selected"})],i.prototype,"ariaSelected",2);export{i as default};
+        `):(this.removeAttribute("aria-current"),super.render())}};i([r({type:String,attribute:"aria-selected"})],o.prototype,"ariaSelected",2);export{o as default};
 //# sourceMappingURL=scw-menu-item.js.map

package/dist/scw-menu-item/scw-menu-item.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-menu-item/scss/scw-menu-item.scss", "../../src/scw-menu-item/scw-menu-item.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=main]) {\n  outline: none;\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  display: inline-flex;\n}\n:host([design=main]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n}\n\n:host([design=main]:focus-visible) {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  box-shadow: var(--scw-effect-focus-shadow);\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n}\n:host([design=main]:focus-visible) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n}\n\n:host([design=main]:hover) {\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  cursor: pointer;\n}\n:host([design=main]:hover) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-accent-03, var(--scw-color-primary-03));\n}\n\n:host([design=main][aria-selected=true]) {\n  background-color: rgba(0, 0, 0, 0);\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: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: 0px;\n}\n:host([design=main][aria-selected=true]) > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host([design=main][aria-selected=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n  flex: 1;\n}\n:host([design=main][aria-selected=true]) .selected {\n  background-color: var(--scw-color-accent-03, var(--scw-color-primary-03));\n  align-self: stretch;\n  height: 2px;\n}\n\n:host([design=main][aria-disabled=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  cursor: auto;\n  pointer-events: none;\n}\n:host([design=main][aria-disabled=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-08);\n}\n:host([design=main][aria-disabled=true]) .icon svg {\n  fill: var(--scw-color-grey-08);\n}\n:host([design=main][aria-disabled=true]) .icon svg * {\n  fill: var(--scw-color-grey-08);\n}\n\n:host([design=utility]) {\n  outline: none;\n  user-select: none;\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  display: inline-flex;\n}\n:host([design=utility]) > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=utility]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  min-height: 19px;\n}\n:host([design=utility]) .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=utility]) .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-grey-02);\n}\n:host([design=utility]) .icon svg * {\n  fill: var(--scw-color-grey-02);\n}\n\n:host([design=utility]:focus-visible) {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  box-shadow: var(--scw-effect-focus-shadow);\n}\n:host([design=utility]:focus-visible) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n}\n:host([design=utility]:focus-visible) .icon svg {\n  fill: var(--scw-color-grey-02);\n}\n:host([design=utility]:focus-visible) .icon svg * {\n  fill: var(--scw-color-grey-02);\n}\n\n:host([design=utility]:hover) {\n  background-color: rgba(0, 0, 0, 0);\n  cursor: pointer;\n}\n:host([design=utility]:hover) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-accent-03, var(--scw-color-primary-03));\n}\n:host([design=utility]:hover) .icon svg {\n  fill: var(--scw-color-primary-03);\n}\n:host([design=utility]:hover) .icon svg * {\n  fill: var(--scw-color-primary-03);\n}\n\n:host([design=utility][aria-selected=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  cursor: pointer;\n}\n:host([design=utility][aria-selected=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-accent-03, var(--scw-color-primary-03));\n}\n:host([design=utility][aria-selected=true]) .icon svg {\n  fill: var(--scw-color-primary-03);\n}\n:host([design=utility][aria-selected=true]) .icon svg * {\n  fill: var(--scw-color-primary-03);\n}\n\n:host([design=utility][aria-disabled=true]) {\n  cursor: auto;\n  pointer-events: none;\n  background-color: rgba(0, 0, 0, 0);\n}\n:host([design=utility][aria-disabled=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=utility][aria-disabled=true]) .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=utility][aria-disabled=true]) .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host {\n  white-space: nowrap;\n}\n:host .label {\n  white-space: nowrap;\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwLink from '../scw-link/scw-link';\nimport styles from './scss/scw-menu-item.scss';\nimport {ScwMenuItemDesigns} from './scw-menu-item-enums';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwMenuItem\n * @class\n * @tag scw-menu-item\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwMenuItem extends ScwLink {\n  // ============== ScwMenuItem ================================================\n  /**\n  * (ScwMenuItem) selected state\n  * @type {Boolean}\n  */\n  @property({type: String, attribute: 'aria-selected'})\n    ariaSelected = 'false';\n\n  /**\n  * extending styles from ScwLink\n  * https://stackoverflow.com/questions/60266303/\n  *  how-to-extend-and-style-existing-litelements\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.menuItem;\n   }\n\n  /**\n  * Establish role for link (which in this case overrides 'link' role)\n  */\n  establishRole() {\n    this.setAttribute('role', 'menuitem');\n  }\n\n  /**\n   * determines if this menu item has a sub menu\n   * @return {boolean}\n   */\n  hasPopup() {\n    const next = this.nextElementSibling;\n    // if (next && next['element'] === Components.menu ) {\n    // the component may not be initialized yet...\n    if (next && next.nodeName.indexOf('SCW-MENU') === 0 ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * Way to extend valid design icon types...\n  * @return {boolean}\n  */\n  doShowIcon() : boolean {\n    const superDoShowIcon = super.doShowIcon();\n    if ( superDoShowIcon &&\n    this.design !== ScwMenuItemDesigns.main\n    ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * Way to extend valid design types...\n  * @return {object} object of valid designs relative to this object\n  */\n  validDesigns() : object {\n    return {\n      ...super.validDesigns(),\n      ...ScwMenuItemDesigns,\n    };\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.hasPopup() ) {\n      this.setAttribute( 'aria-haspopup', 'true' );\n    }\n  }\n\n  /**\n  *\n  * @return {object}\n  */\n  render(): object {\n    if (\n      this.design === ScwMenuItemDesigns.main &&\n      this.ariaSelected === 'true'\n    ) {\n       this.setAttribute( 'aria-current', 'page' );\n       // protect initial flex-v...a link with icons is flex-h\n       return html`\n          <div>${super.render()}</div>\n          <div class=\"selected\"></div>\n        `;\n    } else {\n        this.removeAttribute( 'aria-current' );\n       return super.render();\n    }\n  }\n}\n"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=main]) {\n  outline: none;\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  display: inline-flex;\n}\n:host([design=main]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n}\n\n:host([design=main]:focus-visible) {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  box-shadow: var(--scw-effect-focus-shadow);\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n}\n:host([design=main]:focus-visible) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n}\n\n:host([design=main]:hover) {\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  cursor: pointer;\n}\n:host([design=main]:hover) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-theme-03, var(--scw-color-primary-03));\n}\n\n:host([design=main][aria-selected=true]) {\n  background-color: rgba(0, 0, 0, 0);\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: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: 0px;\n}\n:host([design=main][aria-selected=true]) > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host([design=main][aria-selected=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n  flex: 1;\n}\n:host([design=main][aria-selected=true]) .selected {\n  background-color: var(--scw-color-theme-03, var(--scw-color-primary-03));\n  align-self: stretch;\n  height: 2px;\n}\n\n:host([design=main][aria-disabled=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  cursor: auto;\n  pointer-events: none;\n}\n:host([design=main][aria-disabled=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-08);\n}\n:host([design=main][aria-disabled=true]) .icon svg {\n  fill: var(--scw-color-grey-08);\n}\n:host([design=main][aria-disabled=true]) .icon svg * {\n  fill: var(--scw-color-grey-08);\n}\n\n:host([design=utility]) {\n  outline: none;\n  user-select: none;\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  display: inline-flex;\n}\n:host([design=utility]) > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=utility]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  min-height: 19px;\n}\n:host([design=utility]) .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=utility]) .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-grey-02);\n}\n:host([design=utility]) .icon svg * {\n  fill: var(--scw-color-grey-02);\n}\n\n:host([design=utility]:focus-visible) {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  box-shadow: var(--scw-effect-focus-shadow);\n}\n:host([design=utility]:focus-visible) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n}\n:host([design=utility]:focus-visible) .icon svg {\n  fill: var(--scw-color-grey-02);\n}\n:host([design=utility]:focus-visible) .icon svg * {\n  fill: var(--scw-color-grey-02);\n}\n\n:host([design=utility]:hover) {\n  background-color: rgba(0, 0, 0, 0);\n  cursor: pointer;\n}\n:host([design=utility]:hover) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-theme-03, var(--scw-color-primary-03));\n}\n:host([design=utility]:hover) .icon svg {\n  fill: var(--scw-color-theme-03, var(--scw-color-primary-03));\n}\n:host([design=utility]:hover) .icon svg * {\n  fill: var(--scw-color-theme-03, var(--scw-color-primary-03));\n}\n\n:host([design=utility][aria-selected=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  cursor: pointer;\n}\n:host([design=utility][aria-selected=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-theme-03, var(--scw-color-primary-03));\n}\n:host([design=utility][aria-selected=true]) .icon svg {\n  fill: var(--scw-color-theme-03, var(--scw-color-primary-03));\n}\n:host([design=utility][aria-selected=true]) .icon svg * {\n  fill: var(--scw-color-theme-03, var(--scw-color-primary-03));\n}\n\n:host([design=utility][aria-disabled=true]) {\n  cursor: auto;\n  pointer-events: none;\n  background-color: rgba(0, 0, 0, 0);\n}\n:host([design=utility][aria-disabled=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=utility][aria-disabled=true]) .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=utility][aria-disabled=true]) .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host {\n  white-space: nowrap;\n}\n:host .label {\n  white-space: nowrap;\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwLink from '../scw-link/scw-link';\nimport styles from './scss/scw-menu-item.scss';\nimport {ScwMenuItemDesigns} from './scw-menu-item-enums';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwMenuItem\n * @class\n * @tag scw-menu-item\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwMenuItem extends ScwLink {\n  // ============== ScwMenuItem ================================================\n  /**\n  * (ScwMenuItem) selected state\n  * @type {Boolean}\n  */\n  @property({type: String, attribute: 'aria-selected'})\n    ariaSelected = 'false';\n\n  /**\n  * extending styles from ScwLink\n  * https://stackoverflow.com/questions/60266303/\n  *  how-to-extend-and-style-existing-litelements\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.menuItem;\n   }\n\n  /**\n  * Establish role for link (which in this case overrides 'link' role)\n  */\n  establishRole() {\n    this.setAttribute('role', 'menuitem');\n  }\n\n  /**\n   * determines if this menu item has a sub menu\n   * @return {boolean}\n   */\n  hasPopup() {\n    const next = this.nextElementSibling;\n    // if (next && next['element'] === Components.menu ) {\n    // the component may not be initialized yet...\n    if (next && next.nodeName.indexOf('SCW-MENU') === 0 ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * Way to extend valid design icon types...\n  * @return {boolean}\n  */\n  doShowIcon() : boolean {\n    const superDoShowIcon = super.doShowIcon();\n    if ( superDoShowIcon &&\n    this.design !== ScwMenuItemDesigns.main\n    ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * Way to extend valid design types...\n  * @return {object} object of valid designs relative to this object\n  */\n  validDesigns() : object {\n    return {\n      ...super.validDesigns(),\n      ...ScwMenuItemDesigns,\n    };\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.hasPopup() ) {\n      this.setAttribute( 'aria-haspopup', 'true' );\n    }\n  }\n\n  /**\n  *\n  * @return {object}\n  */\n  render(): object {\n    if (\n      this.design === ScwMenuItemDesigns.main &&\n      this.ariaSelected === 'true'\n    ) {\n       this.setAttribute( 'aria-current', 'page' );\n       // protect initial flex-v...a link with icons is flex-h\n       return html`\n          <div>${super.render()}</div>\n          <div class=\"selected\"></div>\n        `;\n    } else {\n        this.removeAttribute( 'aria-current' );\n       return super.render();\n    }\n  }\n}\n"],
   "mappings": "0xBACA,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;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;GCiBf,mBAAyC,EAAQ,CAwB9C,aAAc,CACZ,QAlBD,kBAAe,QAmBd,KAAK,QAAU,EAAW,mBAZjB,SAAS,CAClB,MAAO,CACL,MAAM,OACN,GAeL,eAAgB,CACd,KAAK,aAAa,OAAQ,YAO5B,UAAW,CACT,GAAM,GAAO,KAAK,mBAGlB,MAAI,MAAQ,EAAK,SAAS,QAAQ,cAAgB,GAUpD,YAAuB,CAErB,MAAK,GADmB,MAAM,cAE9B,KAAK,SAAW,EAAmB,MAWrC,cAAwB,CACtB,MAAO,IACF,MAAM,kBACN,GAKP,mBAA0B,CACxB,MAAM,oBACF,KAAK,YACP,KAAK,aAAc,gBAAiB,QAQxC,QAAiB,CACf,MACE,MAAK,SAAW,EAAmB,MACnC,KAAK,eAAiB,OAErB,MAAK,aAAc,eAAgB,QAE5B;AAAA,iBACG,MAAM;AAAA;AAAA,WAIf,MAAK,gBAAiB,gBAChB,MAAM,YA7FhB,GADD,EAAS,CAAC,KAAM,OAAQ,UAAW,mBAClC,AAPJ,EAOI",
   "names": []
 }

package/dist/scw-page-alert/scw-page-alert.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{a}from"../chunks/chunk.4RQHMHFC.js";import"../chunks/chunk.GOBVJQFJ.js";import"../chunks/chunk.KNBJLHZX.js";import"../chunks/chunk.HOJVKEO5.js";import{a as i,d as n,i as c}from"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import{a as e}from"../chunks/chunk.AYIEP2QZ.js";import{d as s}from"../chunks/chunk.U64II52Y.js";var l=n`
+import{a}from"../chunks/chunk.4RQHMHFC.js";import"../chunks/chunk.GOBVJQFJ.js";import"../chunks/chunk.KNBJLHZX.js";import"../chunks/chunk.HOJVKEO5.js";import{a as r,d as c,i as n}from"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import{a as e}from"../chunks/chunk.AYIEP2QZ.js";import{d as s}from"../chunks/chunk.U64II52Y.js";var l=c`
 :host {
   background-color: var(--scw-color-grey-10);
   border-radius: 4px 4px 4px 4px;
@@ -57,12 +57,12 @@ import{a}from"../chunks/chunk.4RQHMHFC.js";import"../chunks/chunk.GOBVJQFJ.js";i
 }
 :host([link]:hover) {
-  background-color: var(--scw-color-primary-095);
+  background-color: var(--scw-color-theme-095, var(--scw-color-primary-095));
 }
 :host([link]:focus-visible) {
   box-shadow: var(--scw-effect-focus-shadow);
-}`;var r;(function(o){o.basic="basic",o.warning="warning"})(r||(r={}));var t=class extends a{constructor(){super();this.title="";this.description="";this.type=r.basic;this.element=e.alert}static get styles(){return[super.styles,l]}connectedCallback(){super.connectedCallback()}render(){return c`
+}`;var i;(function(o){o.basic="basic",o.warning="warning"})(i||(i={}));var t=class extends a{constructor(){super();this.title="";this.description="";this.type=i.basic;this.element=e.alert}static get styles(){return[super.styles,l]}connectedCallback(){super.connectedCallback()}render(){return n`
       <scw-icon
         icon="icon-placeholder"
         class="icon"
@@ -74,5 +74,5 @@ import{a}from"../chunks/chunk.4RQHMHFC.js";import"../chunks/chunk.GOBVJQFJ.js";i
         <div class="description">
           ${this.description}
         </div>
-      </div>`}};s([i({type:String})],t.prototype,"title",2),s([i({type:String})],t.prototype,"description",2),s([i({type:r})],t.prototype,"type",2);export{r as ScwPageAlertTypes,t as default};
+      </div>`}};s([r({type:String})],t.prototype,"title",2),s([r({type:String})],t.prototype,"description",2),s([r({type:i})],t.prototype,"type",2);export{i as ScwPageAlertTypes,t as default};
 //# sourceMappingURL=scw-page-alert.js.map

package/dist/scw-page-alert/scw-page-alert.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-page-alert/scss/scw-page-alert.scss", "../../src/scw-page-alert/scw-page-alert.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 1.5);\n  padding-bottom: calc(var(--scw-spacing-1) * 1.5);\n}\n:host > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.8);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host .icon {\n  background-color: var(--scw-color-success-light);\n  border-radius: 48px 48px 48px 48px;\n}\n:host .content {\n  background-color: rgba(0, 0, 0, 0);\n  flex: 1;\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 .content > *:not(:last-child) {\n  margin-bottom: 0px;\n  --margin-bottom: 0px;\n}\n:host .content .title {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n:host .content .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n\n:host([type=warning]) .icon {\n  background-color: var(--scw-color-information-light);\n}\n\n:host([link]) {\n  cursor: pointer;\n}\n\n:host([link]:hover) {\n  background-color: var(--scw-color-primary-095);\n}\n\n:host([link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwLinkBase from '../scw-link-base/scw-link-base';\nimport styles from './scss/scw-page-alert.scss';\nimport {Components} from '../utils/enums/Components';\n\nexport enum ScwPageAlertTypes {\n  basic = 'basic',\n  warning = 'warning'\n}\n\n/**\n * ScwPageAlert\n * @class\n * @tag scw-page-alert\n *\n */\nexport default class ScwPageAlert extends ScwLinkBase {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwPageAlert ===============================================\n  /** (ScwPageAlert) title of the component. */\n  @property({type: String})\n  title: string = '';\n\n  /** (ScwPageAlert) description of the component. */\n  @property({type: String})\n  description: string = '';\n\n  /** (ScwPageAlert) type of the component. */\n  @property({type: ScwPageAlertTypes})\n  type: ScwPageAlertTypes = ScwPageAlertTypes.basic;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.alert;\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <scw-icon\n        icon=\"icon-placeholder\"\n        class=\"icon\"\n        size=\"30\"></scw-icon>\n      <div class=\"content\">\n        <div class=\"title\">\n          ${this.title}\n        </div>\n        <div class=\"description\">\n          ${this.description}\n        </div>\n      </div>`;\n  }\n}\n"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 1.5);\n  padding-bottom: calc(var(--scw-spacing-1) * 1.5);\n}\n:host > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.8);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host .icon {\n  background-color: var(--scw-color-success-light);\n  border-radius: 48px 48px 48px 48px;\n}\n:host .content {\n  background-color: rgba(0, 0, 0, 0);\n  flex: 1;\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 .content > *:not(:last-child) {\n  margin-bottom: 0px;\n  --margin-bottom: 0px;\n}\n:host .content .title {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n:host .content .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n\n:host([type=warning]) .icon {\n  background-color: var(--scw-color-information-light);\n}\n\n:host([link]) {\n  cursor: pointer;\n}\n\n:host([link]:hover) {\n  background-color: var(--scw-color-theme-095, var(--scw-color-primary-095));\n}\n\n:host([link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwLinkBase from '../scw-link-base/scw-link-base';\nimport styles from './scss/scw-page-alert.scss';\nimport {Components} from '../utils/enums/Components';\n\nexport enum ScwPageAlertTypes {\n  basic = 'basic',\n  warning = 'warning'\n}\n\n/**\n * ScwPageAlert\n * @class\n * @tag scw-page-alert\n *\n */\nexport default class ScwPageAlert extends ScwLinkBase {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwPageAlert ===============================================\n  /** (ScwPageAlert) title of the component. */\n  @property({type: String})\n  title: string = '';\n\n  /** (ScwPageAlert) description of the component. */\n  @property({type: String})\n  description: string = '';\n\n  /** (ScwPageAlert) type of the component. */\n  @property({type: ScwPageAlertTypes})\n  type: ScwPageAlertTypes = ScwPageAlertTypes.basic;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.alert;\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <scw-icon\n        icon=\"icon-placeholder\"\n        class=\"icon\"\n        size=\"30\"></scw-icon>\n      <div class=\"content\">\n        <div class=\"title\">\n          ${this.title}\n        </div>\n        <div class=\"description\">\n          ${this.description}\n        </div>\n      </div>`;\n  }\n}\n"],
   "mappings": "6gBACA,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;GCKR,GAAK,GAAL,UAAK,EAAL,CACL,QAAQ,QACR,UAAU,YAFA,WAWZ,mBAA0C,EAAY,CA2BpD,aAAc,CACZ,QAdF,WAAgB,GAIhB,iBAAsB,GAItB,UAA0B,EAAkB,MAO1C,KAAK,QAAU,EAAW,gBAzBhB,SAAS,CACnB,MAAO,CACL,MAAM,OACN,GA0BJ,mBAA0B,CACxB,MAAM,oBAOR,QAAiB,CACf,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOC,KAAK;AAAA;AAAA;AAAA,YAGL,KAAK;AAAA;AAAA,gBAtCf,GADC,EAAS,CAAC,KAAM,UACjB,AAdF,EAcE,qBAIA,GADC,EAAS,CAAC,KAAM,UACjB,AAlBF,EAkBE,2BAIA,GADC,EAAS,CAAC,KAAM,KACjB,AAtBF,EAsBE",
   "names": []
 }

package/dist/scw-select/scw-select.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{a}from"../chunks/chunk.2Z35LTTS.js";import{a as n,b as l}from"../chunks/chunk.HXIXDONQ.js";import{c as m}from"../chunks/chunk.Y45V2UNS.js";import"../chunks/chunk.2GHJYU6N.js";import{a as f,b as e}from"../chunks/chunk.HTGFFVNF.js";import{a as h}from"../chunks/chunk.DNFIAFTE.js";import"../chunks/chunk.GXYIL7OD.js";import{a as p,b as u,d}from"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import{a as o}from"../chunks/chunk.AYIEP2QZ.js";import{d as i}from"../chunks/chunk.U64II52Y.js";var v=d`
+import{a}from"../chunks/chunk.2Z35LTTS.js";import{a as n,b as l}from"../chunks/chunk.HXIXDONQ.js";import{c as m}from"../chunks/chunk.IULCMWN5.js";import"../chunks/chunk.2GHJYU6N.js";import{a as f,b as e}from"../chunks/chunk.HTGFFVNF.js";import{a as h}from"../chunks/chunk.QUYGJ2UW.js";import"../chunks/chunk.73WS6N4K.js";import{a as p,b as u,d}from"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import{a as o}from"../chunks/chunk.AYIEP2QZ.js";import{d as i}from"../chunks/chunk.U64II52Y.js";var v=d`
 :host {
   display: block;
 }

package/dist/scw-single-input/scw-single-input.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{a as $}from"../chunks/chunk.KH7QGSJX.js";import{a as C}from"../chunks/chunk.JTAHD44N.js";import{a as x,b as I}from"../chunks/chunk.HXIXDONQ.js";import{a as g,b as p,c as b}from"../chunks/chunk.IF5XHJTB.js";import{c as S}from"../chunks/chunk.Y45V2UNS.js";import{a}from"../chunks/chunk.2GHJYU6N.js";import{a as u,b as c}from"../chunks/chunk.HTGFFVNF.js";import{a as j}from"../chunks/chunk.DNFIAFTE.js";import"../chunks/chunk.GXYIL7OD.js";import{a as y,d as w,h as f}from"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import{a as l}from"../chunks/chunk.AYIEP2QZ.js";import{d as v}from"../chunks/chunk.U64II52Y.js";var H=w`
+import{a as $}from"../chunks/chunk.GJQ2MDAQ.js";import{a as C}from"../chunks/chunk.JTAHD44N.js";import{a as x,b as I}from"../chunks/chunk.HXIXDONQ.js";import{a as g,b as p,c as b}from"../chunks/chunk.IF5XHJTB.js";import{c as S}from"../chunks/chunk.IULCMWN5.js";import{a}from"../chunks/chunk.2GHJYU6N.js";import{a as u,b as c}from"../chunks/chunk.HTGFFVNF.js";import{a as j}from"../chunks/chunk.QUYGJ2UW.js";import"../chunks/chunk.73WS6N4K.js";import{a as y,d as w,h as f}from"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import{a as l}from"../chunks/chunk.AYIEP2QZ.js";import{d as v}from"../chunks/chunk.U64II52Y.js";var H=w`
 :host {
   display: block;
 }`;var F=e=>e.strings===void 0;var d=(e,t)=>{var i,s;let o=e._$AN;if(o===void 0)return!1;for(let r of o)(s=(i=r)._$AO)===null||s===void 0||s.call(i,t,!1),d(r,t);return!0},h=e=>{let t,i;do{if((t=e._$AM)===void 0)break;i=t._$AN,i.delete(e),e=t}while((i==null?void 0:i.size)===0)},U=e=>{for(let t;t=e._$AM;e=t){let i=t._$AN;if(i===void 0)t._$AN=i=new Set;else if(i.has(e))break;i.add(e),E(t)}};function L(e){this._$AN!==void 0?(h(this),this._$AM=e,U(this)):this._$AM=e}function V(e,t=!1,i=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(s))for(let r=i;r<s.length;r++)d(s[r],!1),h(s[r]);else s!=null&&(d(s,!1),h(s));else d(this,e)}var E=e=>{var t,i,s,o;e.type==g.CHILD&&((t=(s=e)._$AP)!==null&&t!==void 0||(s._$AP=V),(i=(o=e)._$AQ)!==null&&i!==void 0||(o._$AQ=L))},_=class extends b{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,i,s){super._$AT(t,i,s),U(this),this.isConnected=t._$AU}_$AO(t,i=!0){var s,o;t!==this.isConnected&&(this.isConnected=t,t?(s=this.reconnected)===null||s===void 0||s.call(this):(o=this.disconnected)===null||o===void 0||o.call(this)),i&&(d(this,t),h(this))}setValue(t){if(F(this._$Ct))this._$Ct._$AI(t,this);else{let i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0)}}disconnected(){}reconnected(){}};var R=()=>new P,P=class{},A=new WeakMap,k=p(class extends _{render(e){return f}update(e,[t]){var i;let s=t!==this.U;return s&&this.U!==void 0&&this.ot(void 0),(s||this.rt!==this.lt)&&(this.U=t,this.ht=(i=e.options)===null||i===void 0?void 0:i.host,this.ot(this.lt=e.element)),f}ot(e){typeof this.U=="function"?(A.get(this.U)!==void 0&&this.U.call(this.ht,void 0),A.set(this.U,e),e!==void 0&&this.U.call(this.ht,e)):this.U.value=e}get rt(){var e;return typeof this.U=="function"?A.get(this.U):(e=this.U)===null||e===void 0?void 0:e.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});var n;(function(i){i.search="search",i.email="email"})(n||(n={}));var m=class extends S{constructor(){super();this.scwInputRef=R();this.type=n.search;this.element=l.singleInput;let t=j();this.scwInputField=u(`scw-${l.inputField}${t}`),this.scwSingleInputLayout=u(`scw-${l.singleInputLayout}${t}`),this.scwForm=u(`scw-${l.form}${t}`)}static get styles(){return[super.styles,H]}typeWatcher(t,i){i===n.email?(this.createAndAddValidationRule(a.required),this.createAndAddValidationRule(a.email)):(this.removeValidationRule(a.email),this.removeValidationRule(a.required))}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(t){this.value=t.detail.value}_layoutActionHandler(t){if(t.detail.action===$.rightIcon){this.value="",t.stopPropagation();return}if(t.detail.action===$.rightAction){t.stopPropagation(),this.submit();return}}checkForSubmit(t){t.key==="Enter"&&this.submit()}submit(){x(I.submit,this,{validation:this.validate(),data:{value:this.value}})}renderInputField(){return c`

package/dist/scw-single-input-layout/scw-single-input-layout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{a,b}from"../chunks/chunk.KH7QGSJX.js";import"../chunks/chunk.HXIXDONQ.js";import"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import"../chunks/chunk.AYIEP2QZ.js";import"../chunks/chunk.U64II52Y.js";export{a as ScwSingleInputLayoutActions,b as default};
+import{a,b}from"../chunks/chunk.GJQ2MDAQ.js";import"../chunks/chunk.HXIXDONQ.js";import"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import"../chunks/chunk.AYIEP2QZ.js";import"../chunks/chunk.U64II52Y.js";export{a as ScwSingleInputLayoutActions,b as default};
 //# sourceMappingURL=scw-single-input-layout.js.map

package/dist/scw-textarea/scw-textarea.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{a as u,b as c,c as n}from"../chunks/chunk.R2VPJ6N4.js";import{a as r}from"../chunks/chunk.2Z35LTTS.js";import{a as i,b as o}from"../chunks/chunk.HXIXDONQ.js";import{c as h}from"../chunks/chunk.Y45V2UNS.js";import"../chunks/chunk.2GHJYU6N.js";import{a as d,b as f}from"../chunks/chunk.HTGFFVNF.js";import{a as m}from"../chunks/chunk.DNFIAFTE.js";import"../chunks/chunk.GXYIL7OD.js";import{a,d as p}from"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import{a as l}from"../chunks/chunk.AYIEP2QZ.js";import{d as e}from"../chunks/chunk.U64II52Y.js";var v=p`
+import{a as u,b as c,c as n}from"../chunks/chunk.R2VPJ6N4.js";import{a as r}from"../chunks/chunk.2Z35LTTS.js";import{a as i,b as o}from"../chunks/chunk.HXIXDONQ.js";import{c as h}from"../chunks/chunk.IULCMWN5.js";import"../chunks/chunk.2GHJYU6N.js";import{a as d,b as f}from"../chunks/chunk.HTGFFVNF.js";import{a as m}from"../chunks/chunk.QUYGJ2UW.js";import"../chunks/chunk.73WS6N4K.js";import{a,d as p}from"../chunks/chunk.REQCODIT.js";import"../chunks/chunk.PYJPWHGD.js";import"../chunks/chunk.72IXMPA6.js";import"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.QTXBHR77.js";import"../chunks/chunk.HPXOJJE6.js";import"../chunks/chunk.AR26ERMX.js";import{a as l}from"../chunks/chunk.AYIEP2QZ.js";import{d as e}from"../chunks/chunk.U64II52Y.js";var v=p`
 :host {
   display: block;
 }

package/dist/scw.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{a,b}from"./chunks/chunk.GXYIL7OD.js";import"./chunks/chunk.U64II52Y.js";export{a as config,b as defineComponents};
+import{a,b}from"./chunks/chunk.73WS6N4K.js";import"./chunks/chunk.U64II52Y.js";export{a as config,b as defineComponents};
 //# sourceMappingURL=scw.js.map

package/dist/tokens/css.html CHANGED Viewed

@@ -22,7 +22,7 @@
 			const clipboardType = urlParams.get('clipboardType');
 			import run from './apps/cheatsheet/main.js';
-			run('.', import.meta, '0.6.1', '../example/dist/tokens', clipboardType );
+			run('.', import.meta, '0.6.4', '../example/dist/tokens', clipboardType );
 		</script>
 		<style>
@@ -52,7 +52,7 @@
 		<div id="main"></div>
 		<div id="main-loading">
-			Loading Summit Tokenizer Cheatsheet 0.6.1
+			Loading Summit Tokenizer Cheatsheet 0.6.4
 		</div>
   </body>

package/dist/tokens/css.html.gz CHANGED Viewed

Binary file

package/dist/tokens/fonts.css CHANGED Viewed

@@ -1,9 +1,9 @@
 @font-face {
-  font-family: "Proxima Nova";
-  src: url('./source/assets/font-proxima_nova-600-normal.woff');
+  font-family: "Proxima Nova Condensed";
+  src: url('./source/assets/font-proxima_nova condensed-700-normal.otf');
   font-style: normal;
-  font-weight: 600;
+  font-weight: 700;
 }
 @font-face {

package/dist/tokens/fonts.css.gz CHANGED Viewed

Binary file

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

@@ -2,7 +2,7 @@
 @mixin box {
-  background-color: var( --scw-color-accent-04 , var( --scw-color-accent-checking-04 ) );
+  background-color: var( --scw-color-theme-04 , var( --scw-color-accent-checking-04 ) );
   border-radius: 10px 10px 10px 10px;
 }

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

@@ -1,6 +1,6 @@
-$background-color: var( --scw-color-accent-checking-04 );
+$background-color: var( --scw-color-theme-04 , var( --scw-color-accent-checking-04 ));
 $blend-mode: NORMAL;
 $corner-radius-top-left: 10px;
 $corner-radius-top-right: 10px;

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

@@ -4,12 +4,12 @@ $characters: '{description}';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
-$text-transform: var( --scw-type-text-06-text-transform );
+$text-transform: none;
 $color: var( --scw-color-grey-02 );
 $font-family: 'Proxima Nova';
 $font-weight: 400;
-$line-height: var( --scw-type-text-06-line-height );
-$letter-spacing: var( --scw-type-text-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-06-font );
 $width: 636px;
 $height: 22px;

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

@@ -4,7 +4,7 @@
 @mixin text {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
-  color: var( --scw-color-accent-04 , var( --scw-color-accent-checking-04 ) );
+  color: var( --scw-color-theme-04 , var( --scw-color-accent-checking-04 ) );
   align-self: stretch;
 }

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

@@ -4,12 +4,12 @@ $characters: 'Super Heading';
 $font-size: 1rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
-$text-transform: var( --scw-type-text-bold-condensed-text-transform );
-$color: var( --scw-color-accent-checking-04 );
-$font-family: 'Proxima Nova';
-$font-weight: 600;
-$line-height: var( --scw-type-text-bold-condensed-line-height );
-$letter-spacing: var( --scw-type-text-bold-condensed-letter-spacing );
+$text-transform: none;
+$color: var( --scw-color-theme-04 , var( --scw-color-accent-checking-04 ));
+$font-family: 'Proxima Nova Condensed';
+$font-weight: 700;
+$line-height: 1.172rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-condensed-font );
 $width: 636px;
 $height: 19px;

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

@@ -2,7 +2,7 @@
 @mixin box {
-  background-color: var( --scw-color-accent-04 , var( --scw-color-accent-credit-cards-04 ) );
+  background-color: var( --scw-color-theme-04 , var( --scw-color-accent-credit-cards-04 ) );
   border-radius: 10px 10px 10px 10px;
 }

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

@@ -1,6 +1,6 @@
-$background-color: var( --scw-color-accent-credit-cards-04 );
+$background-color: var( --scw-color-theme-04 , var( --scw-color-accent-credit-cards-04 ));
 $blend-mode: NORMAL;
 $corner-radius-top-left: 10px;
 $corner-radius-top-right: 10px;

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

@@ -4,12 +4,12 @@ $characters: '{description}';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
-$text-transform: var( --scw-type-text-06-text-transform );
+$text-transform: none;
 $color: var( --scw-color-grey-02 );
 $font-family: 'Proxima Nova';
 $font-weight: 400;
-$line-height: var( --scw-type-text-06-line-height );
-$letter-spacing: var( --scw-type-text-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-06-font );
 $width: 636px;
 $height: 22px;

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

@@ -4,7 +4,7 @@
 @mixin text {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );
-  color: var( --scw-color-accent-04 , var( --scw-color-accent-credit-cards-04 ) );
+  color: var( --scw-color-theme-04 , var( --scw-color-accent-credit-cards-04 ) );
   align-self: stretch;
 }

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

@@ -4,12 +4,12 @@ $characters: 'Super Heading';
 $font-size: 1rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
-$text-transform: var( --scw-type-text-bold-condensed-text-transform );
-$color: var( --scw-color-accent-credit-cards-04 );
-$font-family: 'Proxima Nova';
-$font-weight: 600;
-$line-height: var( --scw-type-text-bold-condensed-line-height );
-$letter-spacing: var( --scw-type-text-bold-condensed-letter-spacing );
+$text-transform: none;
+$color: var( --scw-color-theme-04 , var( --scw-color-accent-credit-cards-04 ));
+$font-family: 'Proxima Nova Condensed';
+$font-weight: 700;
+$line-height: 1.172rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-condensed-font );
 $width: 636px;
 $height: 19px;

package/dist/tokens/segments/comp-scw-card/_color-investments-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box {
-  background-color: var( --scw-color-accent-04 , var( --scw-color-accent-investments-04 ) );
+  background-color: var( --scw-color-theme-04 , var( --scw-color-accent-investments-04 ) );
   border-radius: 10px 10px 10px 10px;
 }