@vonage/vivid 2.30.0 → 3.0.0-next.12

package/shared/index2.js

@@ -0,0 +1,21 @@
+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 };