@vonage/vivid 4.12.1 → 4.14.0

package/shared/vivid-element.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+const defineVividComponent = require('./defineVividComponent.cjs');
+
+class VividElement extends defineVividComponent.FASTElement {
+}
+
+exports.VividElement = VividElement;

package/shared/vivid-element.js

@@ -0,0 +1,6 @@
+import { F as FASTElement } from './defineVividComponent.js';
+
+class VividElement extends FASTElement {
+}
+
+export { VividElement as V };

package/side-drawer/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition46.cjs');
+const definition = require('../shared/definition45.cjs');
 
 definition.registerSideDrawer();

package/side-drawer/index.js

@@ -1,3 +1,3 @@
-import { r as registerSideDrawer } from '../shared/definition46.js';
+import { r as registerSideDrawer } from '../shared/definition45.js';
 
 registerSideDrawer();

package/slider/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition47.cjs');
+const definition = require('../shared/definition46.cjs');
 
 definition.registerSlider();

package/slider/index.js

@@ -1,3 +1,3 @@
-import { r as registerSlider } from '../shared/definition47.js';
+import { r as registerSlider } from '../shared/definition46.js';
 
 registerSlider();

package/split-button/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition48.cjs');
+const definition = require('../shared/definition47.cjs');
 
 definition.registerSplitButton();

package/split-button/index.js

@@ -1,3 +1,3 @@
-import { r as registerSplitButton } from '../shared/definition48.js';
+import { r as registerSplitButton } from '../shared/definition47.js';
 
 registerSplitButton();

package/styles/core/all.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Nov 2024 13:40:01 GMT
+ * Generated on Wed, 18 Dec 2024 11:54:04 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);
@@ -8,6 +8,26 @@
   color: var(--vvd-color-canvas-text);
 }
 
+.vvd-scrollbar {
+  --scrollbar-track-color: transparent;
+  --scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);
+}
+.vvd-scrollbar {
+  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
+  scrollbar-width: thin;
+}
+.vvd-scrollbar ::-webkit-scrollbar {
+  width: 4px;
+}
+.vvd-scrollbar ::-webkit-scrollbar-track {
+  background: var(--scrollbar-track-color);
+}
+.vvd-scrollbar ::-webkit-scrollbar-thumb {
+  border: 0;
+  border-radius: 4px;
+  background-color: var(--scrollbar-thumb-color);
+}
+
 .vvd-root:root {
   --vvd-size-font-scale-base: 1rem;
   font-size: unset;

package/styles/core/theme.css

@@ -1,9 +1,29 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Nov 2024 13:40:01 GMT
+ * Generated on Wed, 18 Dec 2024 11:54:04 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);
   background-color: var(--vvd-color-canvas);
   color: var(--vvd-color-canvas-text);
 }
+
+.vvd-scrollbar {
+  --scrollbar-track-color: transparent;
+  --scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);
+}
+.vvd-scrollbar {
+  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
+  scrollbar-width: thin;
+}
+.vvd-scrollbar ::-webkit-scrollbar {
+  width: 4px;
+}
+.vvd-scrollbar ::-webkit-scrollbar-track {
+  background: var(--scrollbar-track-color);
+}
+.vvd-scrollbar ::-webkit-scrollbar-thumb {
+  border: 0;
+  border-radius: 4px;
+  background-color: var(--scrollbar-thumb-color);
+}

package/styles/core/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Nov 2024 13:40:01 GMT
+ * Generated on Wed, 18 Dec 2024 11:54:04 GMT
  */
 .vvd-root:root {
   --vvd-size-font-scale-base: 1rem;

package/styles/tokens/theme-dark.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Nov 2024 13:40:01 GMT
+ * Generated on Wed, 18 Dec 2024 11:54:04 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Nov 2024 13:40:01 GMT
+ * Generated on Wed, 18 Dec 2024 11:54:04 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Nov 2024 13:40:01 GMT
+ * Generated on Wed, 18 Dec 2024 11:54:04 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Nov 2024 13:40:01 GMT
+ * Generated on Wed, 18 Dec 2024 11:54:04 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/styles/tokens/theme-light.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Nov 2024 13:40:01 GMT
+ * Generated on Wed, 18 Dec 2024 11:54:04 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Nov 2024 13:40:01 GMT
+ * Generated on Wed, 18 Dec 2024 11:54:04 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Nov 2024 13:40:01 GMT
+ * Generated on Wed, 18 Dec 2024 11:54:04 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 20 Nov 2024 13:40:01 GMT
+ * Generated on Wed, 18 Dec 2024 11:54:04 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/styles/tokens/vivid-2-compat.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Nov 2024 13:40:01 GMT
+ * Generated on Wed, 18 Dec 2024 11:54:04 GMT
  */
 .vvd-root, ::part(vvd-root),
 .vvd-theme-alternate, ::part(vvd-theme-alternate) {

package/switch/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition49.cjs');
+const definition = require('../shared/definition48.cjs');
 
 definition.registerSwitch();

package/switch/index.js

@@ -1,3 +1,3 @@
-import { r as registerSwitch } from '../shared/definition49.js';
+import { r as registerSwitch } from '../shared/definition48.js';
 
 registerSwitch();

package/tab/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition51.cjs');
+const definition = require('../shared/definition50.cjs');
 
 definition.registerTab();

package/tab/index.js

@@ -1,3 +1,3 @@
-import { r as registerTab } from '../shared/definition51.js';
+import { r as registerTab } from '../shared/definition50.js';
 
 registerTab();

package/tab-panel/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition50.cjs');
+const definition = require('../shared/definition49.cjs');
 
 definition.registerTabPanel();

package/tab-panel/index.js

@@ -1,3 +1,3 @@
-import { r as registerTabPanel } from '../shared/definition50.js';
+import { r as registerTabPanel } from '../shared/definition49.js';
 
 registerTabPanel();

package/tabs/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition52.cjs');
+const definition = require('../shared/definition51.cjs');
 
 definition.registerTabs();

package/tabs/index.js

@@ -1,3 +1,3 @@
-import { r as registerTabs } from '../shared/definition52.js';
+import { r as registerTabs } from '../shared/definition51.js';
 
 registerTabs();

package/tag/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition54.cjs');
+const definition = require('../shared/definition53.cjs');
 
 definition.registerTag();

package/tag/index.js

@@ -1,3 +1,3 @@
-import { r as registerTag } from '../shared/definition54.js';
+import { r as registerTag } from '../shared/definition53.js';
 
 registerTag();

package/tag-group/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition53.cjs');
+const definition = require('../shared/definition52.cjs');
 
 definition.registerTagGroup();

package/tag-group/index.js

@@ -1,3 +1,3 @@
-import { r as registerTagGroup } from '../shared/definition53.js';
+import { r as registerTagGroup } from '../shared/definition52.js';
 
 registerTagGroup();

package/text-anchor/index.cjs

@@ -1,14 +1,17 @@
 'use strict';
 
-const index = require('../shared/index.cjs');
+const definition = require('../shared/definition27.cjs');
+const defineVividComponent = require('../shared/defineVividComponent.cjs');
 const textAnchor = require('../shared/text-anchor.cjs');
 const textAnchor_template = require('../shared/text-anchor.template.cjs');
 
-const textAnchorDefinition = textAnchor.TextAnchor.compose({
-  baseName: "text-anchor",
-  template: textAnchor_template.textAnchorTemplate
-});
-const textAnchorRegistries = [textAnchorDefinition()];
-const registerTextAnchor = index.registerFactory(textAnchorRegistries);
+const textAnchorDefinition = defineVividComponent.defineVividComponent(
+  "text-anchor",
+  textAnchor.TextAnchor,
+  textAnchor_template.textAnchorTemplate,
+  [definition.iconDefinition],
+  {}
+);
+const registerTextAnchor = defineVividComponent.createRegisterFunction(textAnchorDefinition);
 
 registerTextAnchor();

package/text-anchor/index.js

@@ -1,12 +1,15 @@
-import { r as registerFactory } from '../shared/index.js';
+import { i as iconDefinition } from '../shared/definition27.js';
+import { f as createRegisterFunction, d as defineVividComponent } from '../shared/defineVividComponent.js';
 import { T as TextAnchor } from '../shared/text-anchor.js';
 import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
 
-const textAnchorDefinition = TextAnchor.compose({
-  baseName: "text-anchor",
-  template: textAnchorTemplate
-});
-const textAnchorRegistries = [textAnchorDefinition()];
-const registerTextAnchor = registerFactory(textAnchorRegistries);
+const textAnchorDefinition = defineVividComponent(
+  "text-anchor",
+  TextAnchor,
+  textAnchorTemplate,
+  [iconDefinition],
+  {}
+);
+const registerTextAnchor = createRegisterFunction(textAnchorDefinition);
 
 registerTextAnchor();

package/text-area/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition55.cjs');
+const definition = require('../shared/definition54.cjs');
 
 definition.registerTextArea();

package/text-area/index.js

@@ -1,3 +1,3 @@
-import { r as registerTextArea } from '../shared/definition55.js';
+import { r as registerTextArea } from '../shared/definition54.js';
 
 registerTextArea();

package/text-field/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition56.cjs');
+const definition = require('../shared/definition55.cjs');
 
 definition.registerTextField();

package/text-field/index.js

@@ -1,3 +1,3 @@
-import { r as registerTextField } from '../shared/definition56.js';
+import { r as registerTextField } from '../shared/definition55.js';
 
 registerTextField();

package/time-picker/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition57.cjs');
+const definition = require('../shared/definition56.cjs');
 
 definition.registerTimePicker();

package/time-picker/index.js

@@ -1,3 +1,3 @@
-import { r as registerTimePicker } from '../shared/definition57.js';
+import { r as registerTimePicker } from '../shared/definition56.js';
 
 registerTimePicker();

package/toggletip/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition58.cjs');
+const definition = require('../shared/definition57.cjs');
 
 definition.registerToggletip();

package/toggletip/index.js

@@ -1,3 +1,3 @@
-import { r as registerToggletip } from '../shared/definition58.js';
+import { r as registerToggletip } from '../shared/definition57.js';
 
 registerToggletip();

package/tooltip/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition59.cjs');
+const definition = require('../shared/definition58.cjs');
 
 definition.registerTooltip();

package/tooltip/index.js

@@ -1,3 +1,3 @@
-import { r as registerTooltip } from '../shared/definition59.js';
+import { r as registerTooltip } from '../shared/definition58.js';
 
 registerTooltip();

package/tree-item/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition60.cjs');
+const definition = require('../shared/definition59.cjs');
 
 definition.registerTreeItem();

package/tree-item/index.js

@@ -1,3 +1,3 @@
-import { r as registerTreeItem } from '../shared/definition60.js';
+import { r as registerTreeItem } from '../shared/definition59.js';
 
 registerTreeItem();

package/tree-view/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition61.cjs');
+const definition = require('../shared/definition60.cjs');
 
 definition.registerTreeView();

package/tree-view/index.js

@@ -1,3 +1,3 @@
-import { r as registerTreeView } from '../shared/definition61.js';
+import { r as registerTreeView } from '../shared/definition60.js';
 
 registerTreeView();

package/video-player/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition62.cjs');
+const definition = require('../shared/definition61.cjs');
 
 definition.registerVideoPlayer();

package/video-player/index.js

@@ -1,3 +1,3 @@
-import { r as registerVideoPlayer } from '../shared/definition62.js';
+import { r as registerVideoPlayer } from '../shared/definition61.js';
 
 registerVideoPlayer();