@vonage/vivid 3.0.0 → 3.0.1

package/styles/tokens/theme-light.css

@@ -0,0 +1,228 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 30 Jan 2023 11:28:31 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Mon, 30 Jan 2023 11:28:31 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Mon, 30 Jan 2023 11:28:31 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Mon, 30 Jan 2023 11:28:31 GMT
+ */
+@property --vvd-size-density {
+  syntax: "<integer>";
+  inherits: true;
+  initial-value: 0;
+}
+@property --vvd-size-font-scale-base {
+  syntax: "<length>";
+  inherits: true;
+  initial-value: 16px;
+}
+.vvd-root, ::part(vvd-root) {
+  --vvd-color-scheme: light;
+  --vvd-color-canvas: #ffffff;
+  --vvd-color-canvas-text: #0d0d0d;
+  --vvd-color-neutral-50: #F2F2F2;
+  --vvd-color-neutral-100: #E6E6E6;
+  --vvd-color-neutral-200: #cccccc;
+  --vvd-color-neutral-300: #b3b3b3;
+  --vvd-color-neutral-400: #929292;
+  --vvd-color-neutral-500: #757575;
+  --vvd-color-neutral-600: #666666;
+  --vvd-color-neutral-700: #4d4d4d;
+  --vvd-color-neutral-800: #333333;
+  --vvd-color-neutral-900: #1a1a1a;
+  --vvd-color-neutral-950: #0d0d0d;
+  --vvd-color-cta-50: #f5f0fd;
+  --vvd-color-cta-100: #ece2fa;
+  --vvd-color-cta-200: #dcc1fc;
+  --vvd-color-cta-300: #cba1fa;
+  --vvd-color-cta-400: #b27bf2;
+  --vvd-color-cta-500: #9941ff;
+  --vvd-color-cta-600: #871eff;
+  --vvd-color-cta-700: #6405d1;
+  --vvd-color-cta-800: #440291;
+  --vvd-color-cta-900: #26044d;
+  --vvd-color-cta-950: #140623;
+  --vvd-color-warning-50: #FDF5D4;
+  --vvd-color-warning-100: #FDEAA0;
+  --vvd-color-warning-200: #FACC4B;
+  --vvd-color-warning-300: #fa9f00;
+  --vvd-color-warning-400: #e07902;
+  --vvd-color-warning-500: #be5702;
+  --vvd-color-warning-600: #A64C03;
+  --vvd-color-warning-700: #893000;
+  --vvd-color-warning-800: #522801;
+  --vvd-color-warning-900: #2A1502;
+  --vvd-color-warning-950: #150B01;
+  --vvd-color-information-50: #e8f4fb;
+  --vvd-color-information-100: #d3e9fc;
+  --vvd-color-information-200: #9dd2fe;
+  --vvd-color-information-300: #65baff;
+  --vvd-color-information-400: #2997f0;
+  --vvd-color-information-500: #0276d5;
+  --vvd-color-information-600: #0e65c2;
+  --vvd-color-information-700: #094a9e;
+  --vvd-color-information-800: #0e306d;
+  --vvd-color-information-900: #071939;
+  --vvd-color-information-950: #040d1d;
+  --vvd-color-announcement-50: #ffedfb;
+  --vvd-color-announcement-100: #ffdcf7;
+  --vvd-color-announcement-200: #f8b9e7;
+  --vvd-color-announcement-300: #fb8fd8;
+  --vvd-color-announcement-400: #e560bb;
+  --vvd-color-announcement-500: #d6219c;
+  --vvd-color-announcement-600: #bb1e89;
+  --vvd-color-announcement-700: #8f1669;
+  --vvd-color-announcement-800: #620256;
+  --vvd-color-announcement-900: #32082c;
+  --vvd-color-announcement-950: #1d031a;
+  --vvd-color-success-50: #e1f8e5;
+  --vvd-color-success-100: #cfeed4;
+  --vvd-color-success-200: #86e090;
+  --vvd-color-success-300: #53ca6a;
+  --vvd-color-success-400: #30a849;
+  --vvd-color-success-500: #1c8731;
+  --vvd-color-success-600: #167629;
+  --vvd-color-success-700: #155923;
+  --vvd-color-success-800: #183a1e;
+  --vvd-color-success-900: #0a1e11;
+  --vvd-color-success-950: #060f09;
+  --vvd-color-alert-50: #ffeef2;
+  --vvd-color-alert-100: #fedfdf;
+  --vvd-color-alert-200: #ffbbbb;
+  --vvd-color-alert-300: #fe9696;
+  --vvd-color-alert-400: #f75959;
+  --vvd-color-alert-500: #e61d1d;
+  --vvd-color-alert-600: #cd0d0d;
+  --vvd-color-alert-700: #9f0202;
+  --vvd-color-alert-800: #6e0000;
+  --vvd-color-alert-900: #3e0004;
+  --vvd-color-alert-950: #250004;
+  --vvd-color-surface-0dp: #ffffff;
+  --vvd-color-surface-2dp: #ffffff;
+  --vvd-color-surface-4dp: #ffffff;
+  --vvd-color-surface-8dp: #ffffff;
+  --vvd-color-surface-12dp: #ffffff;
+  --vvd-color-surface-16dp: #ffffff;
+  --vvd-color-surface-24dp: #ffffff;
+  --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);
+  --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);
+  --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);
+  --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);
+  --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);
+  --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);
+  --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);
+  --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 var(--vvd-font-family-upright, Montserrat);
+  --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 var(--vvd-font-family-upright, Montserrat);
+  --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 var(--vvd-font-family-upright, Montserrat);
+  --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 var(--vvd-font-family-upright, Montserrat);
+  --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 var(--vvd-font-family-upright, Montserrat);
+  --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 var(--vvd-font-family-upright, Montserrat);
+  --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 var(--vvd-font-family-upright, Montserrat);
+  --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 var(--vvd-font-family-upright, Montserrat);
+  --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 var(--vvd-font-family-monospace, Roboto Mono);
+  --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 var(--vvd-font-family-upright, Montserrat);
+  --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 var(--vvd-font-family-upright, Montserrat);
+  --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 var(--vvd-font-family-upright, Montserrat);
+  --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 var(--vvd-font-family-upright, Montserrat);
+}
+
+.vvd-theme-alternate, ::part(vvd-theme-alternate) {
+  --vvd-color-scheme: dark;
+  --vvd-color-canvas: #000000;
+  --vvd-color-canvas-text: #ffffff;
+  --vvd-color-neutral-50: #1a1a1a;
+  --vvd-color-neutral-100: #333333;
+  --vvd-color-neutral-200: #4d4d4d;
+  --vvd-color-neutral-300: #666666;
+  --vvd-color-neutral-400: #757575;
+  --vvd-color-neutral-500: #929292;
+  --vvd-color-neutral-600: #b3b3b3;
+  --vvd-color-neutral-700: #cccccc;
+  --vvd-color-neutral-800: #E6E6E6;
+  --vvd-color-neutral-900: #F2F2F2;
+  --vvd-color-neutral-950: #ffffff;
+  --vvd-color-cta-50: #26044d;
+  --vvd-color-cta-100: #440291;
+  --vvd-color-cta-200: #6405d1;
+  --vvd-color-cta-300: #871eff;
+  --vvd-color-cta-400: #9941ff;
+  --vvd-color-cta-500: #b27bf2;
+  --vvd-color-cta-600: #cba1fa;
+  --vvd-color-cta-700: #dcc1fc;
+  --vvd-color-cta-800: #ece2fa;
+  --vvd-color-cta-900: #f5f0fd;
+  --vvd-color-warning-50: #2A1502;
+  --vvd-color-warning-100: #522801;
+  --vvd-color-warning-200: #803807;
+  --vvd-color-warning-300: #A64C03;
+  --vvd-color-warning-400: #be5702;
+  --vvd-color-warning-500: #e07902;
+  --vvd-color-warning-600: #fa9f00;
+  --vvd-color-warning-700: #FACC4B;
+  --vvd-color-warning-800: #FDEAA0;
+  --vvd-color-warning-900: #FDF5D4;
+  --vvd-color-information-50: #071939;
+  --vvd-color-information-100: #0e306d;
+  --vvd-color-information-200: #094a9e;
+  --vvd-color-information-300: #0e65c2;
+  --vvd-color-information-400: #0276d5;
+  --vvd-color-information-500: #2997f0;
+  --vvd-color-information-600: #65baff;
+  --vvd-color-information-700: #9dd2fe;
+  --vvd-color-information-800: #d3e9fc;
+  --vvd-color-information-900: #e8f4fb;
+  --vvd-color-announcement-50: #32082c;
+  --vvd-color-announcement-100: #620256;
+  --vvd-color-announcement-200: #8f1669;
+  --vvd-color-announcement-300: #bb1e89;
+  --vvd-color-announcement-400: #d6219c;
+  --vvd-color-announcement-500: #e560bb;
+  --vvd-color-announcement-600: #fb8fd8;
+  --vvd-color-announcement-700: #f8b9e7;
+  --vvd-color-announcement-800: #ffdcf7;
+  --vvd-color-announcement-900: #ffedfb;
+  --vvd-color-alert-50: #3e0004;
+  --vvd-color-alert-100: #6e0000;
+  --vvd-color-alert-200: #9f0202;
+  --vvd-color-alert-300: #cd0d0d;
+  --vvd-color-alert-400: #e61d1d;
+  --vvd-color-alert-500: #f75959;
+  --vvd-color-alert-600: #fe9696;
+  --vvd-color-alert-700: #ffbbbb;
+  --vvd-color-alert-800: #fedfdf;
+  --vvd-color-alert-900: #ffeef2;
+  --vvd-color-success-50: #0a1e11;
+  --vvd-color-success-100: #183a1e;
+  --vvd-color-success-200: #155923;
+  --vvd-color-success-300: #167629;
+  --vvd-color-success-400: #1c8731;
+  --vvd-color-success-500: #30a849;
+  --vvd-color-success-600: #53ca6a;
+  --vvd-color-success-700: #86e090;
+  --vvd-color-success-800: #cfeed4;
+  --vvd-color-success-900: #e1f8e5;
+  --vvd-color-surface-0dp: #0d0d0d;
+  --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;
+  --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;
+  --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;
+  --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;
+  --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;
+  --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;
+  --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);
+  --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);
+  --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);
+  --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);
+  --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);
+  --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);
+  --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);
+}
+
+/*# sourceMappingURL=theme-light.css.map */

package/switch/index.js

@@ -0,0 +1,18 @@
+import { r as registerSwitch } from '../shared/definition39.js';
+import '../shared/index.js';
+import '../shared/definition3.js';
+import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
+import '../shared/definition4.js';
+import '../shared/focus.js';
+import '../shared/form-associated.js';
+import '../shared/key-codes.js';
+import '../shared/affix.js';
+import '../shared/focus2.js';
+import '../shared/form-elements.js';
+
+registerSwitch();

package/tab/index.js

@@ -0,0 +1,16 @@
+import { r as registerTab } from '../shared/definition40.js';
+import '../shared/index.js';
+import '../shared/definition3.js';
+import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
+import '../shared/definition4.js';
+import '../shared/focus.js';
+import '../shared/affix.js';
+import '../shared/apply-mixins.js';
+import '../shared/focus2.js';
+
+registerTab();

package/tab-panel/index.js

@@ -0,0 +1,4 @@
+import { r as registerTabPanel } from '../shared/definition41.js';
+import '../shared/index.js';
+
+registerTabPanel();

package/tabs/index.js

@@ -0,0 +1,24 @@
+import { r as registerTabs } from '../shared/definition42.js';
+import '../shared/index.js';
+import '../shared/definition40.js';
+import '../shared/definition3.js';
+import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
+import '../shared/definition4.js';
+import '../shared/focus.js';
+import '../shared/affix.js';
+import '../shared/apply-mixins.js';
+import '../shared/focus2.js';
+import '../shared/definition41.js';
+import '../shared/start-end.js';
+import '../shared/ref.js';
+import '../shared/key-codes.js';
+import '../shared/strings.js';
+import '../shared/numbers.js';
+import '../shared/slotted.js';
+
+registerTabs();

package/text-anchor/index.js

@@ -1,20 +1,25 @@
-import { d as designSystem } from '../shared/index.js';
+import { r as registerFactory } from '../shared/index.js';
 import { T as TextAnchor } from '../shared/text-anchor.js';
 import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
 import '../shared/affix.js';
-import '../shared/web.dom-collections.iterator.js';
-import '../shared/object-set-prototype-of.js';
 import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/anchor.js';
 import '../shared/apply-mixins.js';
 import '../shared/aria-global.js';
+import '../shared/start-end.js';
+import '../shared/ref.js';
+import '../shared/focus2.js';
+import '../shared/focus.js';
 import '../shared/class-names.js';
 
-const vividTextAnchor = TextAnchor.compose({
+const textAnchorDefinition = TextAnchor.compose({
   baseName: 'text-anchor',
   template: textAnchorTemplate
 });
-designSystem.register(vividTextAnchor());
+const textAnchorRegistries = [textAnchorDefinition()];
+const registerTextAnchor = registerFactory(textAnchorRegistries);
 
-export { vividTextAnchor };
+registerTextAnchor();

package/text-area/index.js

@@ -0,0 +1,23 @@
+import { r as registerTextArea } from '../shared/definition43.js';
+import '../shared/index.js';
+import '../shared/definition3.js';
+import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
+import '../shared/definition4.js';
+import '../shared/focus.js';
+import '../shared/affix.js';
+import '../shared/form-elements.js';
+import '../shared/text-field2.js';
+import '../shared/apply-mixins.js';
+import '../shared/form-associated.js';
+import '../shared/key-codes.js';
+import '../shared/aria-global.js';
+import '../shared/start-end.js';
+import '../shared/ref.js';
+import '../shared/focus2.js';
+
+registerTextArea();

package/text-field/index.js

@@ -0,0 +1,24 @@
+import { r as registerTextField } from '../shared/definition44.js';
+import '../shared/index.js';
+import '../shared/definition4.js';
+import '../shared/focus.js';
+import '../shared/definition3.js';
+import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
+import '../shared/affix.js';
+import '../shared/form-elements.js';
+import '../shared/text-field2.js';
+import '../shared/apply-mixins.js';
+import '../shared/form-associated.js';
+import '../shared/key-codes.js';
+import '../shared/aria-global.js';
+import '../shared/start-end.js';
+import '../shared/ref.js';
+import '../shared/text-field.js';
+import '../shared/focus2.js';
+
+registerTextField();

package/tooltip/index.js

@@ -1,63 +1,26 @@
-import '../popup/index.js';
-import { F as FoundationElement, _ 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 classNames } from '../shared/class-names.js';
-import '../elevation/index.js';
-import '../button/index.js';
-import '../icon/index.js';
+import { r as registerTooltip } from '../shared/definition45.js';
+import '../shared/index.js';
+import '../shared/definition18.js';
+import '../shared/definition9.js';
+import '../shared/definition3.js';
 import '../shared/icon.js';
-import '../shared/object-set-prototype-of.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
 import '../shared/_has.js';
+import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/index2.js';
+import '../shared/definition4.js';
+import '../shared/focus.js';
 import '../shared/affix.js';
+import '../shared/button.js';
 import '../shared/apply-mixins.js';
+import '../shared/form-associated.js';
+import '../shared/key-codes.js';
 import '../shared/aria-global.js';
+import '../shared/start-end.js';
+import '../shared/ref.js';
+import '../shared/focus2.js';
+import '../shared/definition15.js';
 import '../shared/es.object.assign.js';
 
-var css_248z = "/*\n  Do not edit directly\n  Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.control {\n  pointer-events: none;\n}\n\n.tooltip {\n  width: var(--tooltip-inline-size, 240px);\n}\n.tooltip-text {\n  font: 600 ultra-condensed 14px / 20px SpeziaWebVariable;\n  letter-spacing: 0px;\n  text-decoration: none;\n  text-transform: none;\n  padding: 8px 12px;\n  color: var(--vvd-color-on-canvas);\n}";
-styleInject(css_248z);
-
-class Tooltip extends FoundationElement {
-  constructor() {
-    super(...arguments);
-    this.open = false;
-  }
-
-}
-
-__decorate([attr, __metadata("design:type", String)], Tooltip.prototype, "text", void 0);
-
-__decorate([attr({
-  mode: 'boolean'
-}), __metadata("design:type", Object)], Tooltip.prototype, "open", void 0);
-
-__decorate([attr, __metadata("design:type", String)], Tooltip.prototype, "corner", void 0);
-
-__decorate([attr, __metadata("design:type", String)], Tooltip.prototype, "anchor", void 0);
-
-let _2 = t => t,
-    _t;
-
-const getClasses = _ => classNames('control');
-
-const TooltipTemplate = () => html(_t || (_t = _2`
-<vwc-popup class="${0}" arrow alternate="true" 
-corner=${0} open=${0} anchor=${0}
-  exportparts="vvd-theme-alternate">
-  <div class="tooltip">
-    <header part="vvd-theme-alternate" class="tooltip-header">
-      <div class="tooltip-text">${0}</div>
-    </header>
-  </div>
-</vwc-popup>`), getClasses, x => x.corner, x => x.open, x => x.anchor, x => x.text);
-
-const vividTooltip = Tooltip.compose({
-  baseName: 'tooltip',
-  template: TooltipTemplate,
-  styles: css_248z
-});
-designSystem.register(vividTooltip());
-
-export { vividTooltip };
+registerTooltip();

package/lib/text/index.d.ts

@@ -1,2 +0,0 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const vividText: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/text/text.d.ts

@@ -1,10 +0,0 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-import type { Connotation } from '../enums.js';
-import type { VVDFontFace } from '../../../../../node_modules/@vonage/vivid-tokens/dist/types/typography/font-faces';
-declare type TextConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Announcement | Connotation.Info>;
-export declare class Text extends FoundationElement {
-    connotation?: TextConnotation;
-    fontFace?: VVDFontFace;
-    tight: boolean;
-}
-export {};

package/shared/index2.js

@@ -1,21 +0,0 @@
-import { F as FoundationElement, h as html, d as designSystem } from './index.js';
-import { s as styleInject } from './style-inject.es.js';
-
-class Focus extends FoundationElement {}
-
-var css_248z = ":host {\n  display: contents;\n  border-radius: inherit;\n}\n\n.control {\n  position: absolute;\n  box-sizing: border-box;\n  border-radius: inherit;\n  box-shadow: inset 0 0 0 2px var(--focus-stroke-color, var(--vvd-color-on-canvas)), inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);\n  inset: 0;\n}";
-styleInject(css_248z);
-
-let _ = t => t,
-    _t;
-const focusTemplate = () => html(_t || (_t = _`
-        <span class="control"></span>`));
-
-const VIVIDFocus = Focus.compose({
-  baseName: 'focus',
-  template: focusTemplate,
-  styles: css_248z
-});
-designSystem.register(VIVIDFocus());
-
-export { Focus as F, VIVIDFocus as V };