@vonage/vivid 3.0.0-next.15 → 3.0.0-next.16

package/badge/index.js

@@ -47,11 +47,11 @@ const badgeTemplate = context => {
 		</span>`), getClasses, x => affixIconTemplate(x.icon), x => x.text);
 };
 
-const VIVIDBadge = Badge.compose({
+const vividBadge = Badge.compose({
   baseName: 'badge',
   template: badgeTemplate,
   styles: css_248z
 });
-designSystem.register(VIVIDBadge());
+designSystem.register(vividBadge());
 
-export { VIVIDBadge };
+export { vividBadge };

package/banner/index.js

@@ -1,6 +1,7 @@
 import { F as FoundationElement, c as __classPrivateFieldGet, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
 import { s as styleInject } from '../shared/style-inject.es.js';
 import '../shared/web.dom-collections.iterator.js';
+import { C as Connotation } from '../shared/enums.js';
 import { b as AffixIcon, a as affixIconTemplateFactory } from '../shared/affix.js';
 import { a as applyMixins } from '../shared/apply-mixins.js';
 import '../button/index.js';
@@ -11,7 +12,9 @@ import '../shared/object-set-prototype-of.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../icon/index.js';
-import '../shared/index2.js';
+import '../focus/index.js';
+import '../shared/focus2.js';
+import '../shared/focus.js';
 import '../shared/aria-global.js';
 import '../shared/text-anchor.js';
 import '../shared/anchor.js';
@@ -20,84 +23,6 @@ import '../shared/text-anchor.template.js';
 var css_248z = "/*\n  Do not edit directly\n  Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.control {\n  overflow: hidden;\n  max-height: 10rem;\n  background-color: var(--_appearance-color-fill);\n  color: var(--_appearance-color-text);\n  transition: max-height var(--transition-delay, 200ms);\n}\n.control.connotation-success {\n  --connotation: var(--vvd-color-success);\n  --on-connotation: var(--vvd-color-on-success);\n  --connotation-firm: var(--vvd-color-success-70);\n}\n.control.connotation-alert {\n  --connotation: var(--vvd-color-alert);\n  --on-connotation: var(--vvd-color-on-alert);\n  --connotation-firm: var(--vvd-color-alert-70);\n}\n.control.connotation-announcement {\n  --connotation: var(--vvd-color-announcement);\n  --on-connotation: var(--vvd-color-on-announcement);\n  --connotation-firm: var(--vvd-color-announcement-70);\n}\n.control.connotation-warning {\n  --connotation: var(--vvd-color-warning);\n  --on-connotation: var(--vvd-color-on-warning);\n  --connotation-firm: var(--vvd-color-warning-70);\n}\n.control:not(.connotation-success, .connotation-alert, .connotation-announcement, .connotation-warning) {\n  --connotation: var(--vvd-color-info);\n  --on-connotation: var(--vvd-color-on-info);\n  --connotation-firm: var(--vvd-color-info-70);\n}\n.control {\n  --_appearance-color-text: var(--on-connotation);\n  --_appearance-color-fill: var(--connotation);\n  --_appearance-color-outline: transaprent;\n}\n.control.removing {\n  max-height: 0;\n}\n.control > .header {\n  font: 600 ultra-condensed 14px / 20px SpeziaWebVariable;\n  letter-spacing: 0px;\n  text-decoration: none;\n  text-transform: none;\n  display: flex;\n  min-height: 60px;\n  align-items: center;\n  justify-content: flex-start;\n}\n.control > .header > .user-content {\n  display: flex;\n  flex: 1 0;\n  align-items: center;\n  justify-content: center;\n  padding-inline: 16px;\n}\n.control > .header > .user-content > .icon {\n  flex: 0 0 auto;\n  font-size: 20px;\n  margin-inline-end: 15px;\n}\n.control > .header > .user-content > .action-items {\n  display: inline-block;\n  flex: 0 0 auto;\n  padding-inline-start: 15px;\n}\n.control > .header > .user-content > .message {\n  padding: 20px 0;\n}\n.control > .header > .dismiss-button {\n  --vvd-icon-button-color: inherit;\n  flex: 0 0 auto;\n  margin-inline-end: 8px;\n}";
 styleInject(css_248z);
 
-var Connotation;
-
-(function (Connotation) {
-  Connotation["Primary"] = "primary";
-  Connotation["CTA"] = "cta";
-  Connotation["Success"] = "success";
-  Connotation["Alert"] = "alert";
-  Connotation["Warning"] = "warning";
-  Connotation["Info"] = "info";
-  Connotation["Announcement"] = "announcement";
-})(Connotation || (Connotation = {}));
-
-var ConnotationDecorative;
-
-(function (ConnotationDecorative) {
-  ConnotationDecorative["Pacific"] = "pacific";
-})(ConnotationDecorative || (ConnotationDecorative = {}));
-
-var Shape;
-
-(function (Shape) {
-  Shape["Rounded"] = "rounded";
-  Shape["Pill"] = "pill";
-  Shape["Circled"] = "circled";
-  Shape["Sharp"] = "sharp";
-})(Shape || (Shape = {}));
-
-var Appearance;
-
-(function (Appearance) {
-  Appearance["Text"] = "text";
-  Appearance["Filled"] = "filled";
-  Appearance["Outlined"] = "outlined";
-  Appearance["Duotone"] = "duotone";
-  Appearance["Subtle"] = "subtle";
-  Appearance["Ghost"] = "ghost";
-})(Appearance || (Appearance = {}));
-
-var Density;
-
-(function (Density) {
-  Density["Condensed"] = "condensed";
-  Density["Normal"] = "normal";
-  Density["Extended"] = "extended";
-})(Density || (Density = {}));
-
-var Size;
-
-(function (Size) {
-  Size["Small"] = "small";
-  Size["Medium"] = "medium";
-  Size["Large"] = "large";
-})(Size || (Size = {}));
-
-var Position;
-
-(function (Position) {
-  Position["Top"] = "TOP";
-  Position["Bottom"] = "BOTTOM";
-  Position["Start"] = "START";
-  Position["Center"] = "CENTER";
-  Position["End"] = "END";
-})(Position || (Position = {}));
-
-var Role;
-
-(function (Role) {
-  Role["Status"] = "status";
-  Role["Alert"] = "alert";
-})(Role || (Role = {}));
-
-var AriaLive;
-
-(function (AriaLive) {
-  AriaLive["Polite"] = "polite";
-  AriaLive["Assertive"] = "assertive";
-})(AriaLive || (AriaLive = {}));
-
 var _Banner_handleRemoveEnd, _Banner_closeOnKeyDown;
 const connotationIconMap = new Map([[Connotation.Info, 'info-solid'], [Connotation.Announcement, 'megaphone-solid'], [Connotation.Success, 'check-circle-solid'], [Connotation.Warning, 'warning-solid'], [Connotation.Alert, 'error-solid']]);