@vonage/vivid 3.42.1 → 3.43.0

package/style.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: inline-block;
@@ -319,7 +319,7 @@ slot, svg, ::slotted(:where(svg, img)) {
   inline-size: inherit;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: contents;
@@ -337,7 +337,7 @@ slot, svg, ::slotted(:where(svg, img)) {
   outline-offset: -2px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .message {
   display: flex;
@@ -362,7 +362,7 @@ slot, svg, ::slotted(:where(svg, img)) {
   color: var(--vvd-color-alert-500);
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: contents;
@@ -499,7 +499,7 @@ p {
   font: var(--vvd-typography-base-condensed);
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   display: flex;
@@ -550,7 +550,7 @@ p {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -673,7 +673,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: inline-block;
@@ -760,7 +760,7 @@ label {
   pointer-events: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: inline-block;
@@ -824,7 +824,7 @@ label {
   margin-block: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .control {
   position: fixed;
@@ -927,7 +927,7 @@ label {
   padding-inline-start: 8px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: inline-block;
@@ -1296,7 +1296,7 @@ slot[name=icon] {
   filter: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   align-items: center;
@@ -1419,7 +1419,7 @@ slot[name=icon] {
   }
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   display: inline-flex;
@@ -1445,7 +1445,7 @@ slot[name=icon] {
   min-inline-size: 32px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   display: inline-flex;
@@ -1556,7 +1556,7 @@ slot[name=icon] {
   object-fit: cover;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: inline-block;
@@ -1746,7 +1746,7 @@ slot[name=icon] {
   order: 1;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: block;
@@ -1827,7 +1827,7 @@ slot[name=icon] {
   margin-inline-end: 8px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   display: flex;
@@ -1867,7 +1867,7 @@ slot[name=icon] {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: flex;
@@ -1968,7 +1968,7 @@ slot[name=icon] {
   margin-inline-start: auto;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: block;
@@ -2017,7 +2017,7 @@ header {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .control {
   position: relative;
@@ -2162,7 +2162,7 @@ slot[name=icon] {
   --focus-stroke-gap-color: transparent;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   z-index: 1;
@@ -2304,7 +2304,7 @@ slot[name=icon] {
   gap: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .control {
   position: relative;
@@ -2407,7 +2407,7 @@ details > summary::-webkit-details-marker {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .control {
   position: relative;
@@ -2491,7 +2491,7 @@ slot[name=icon] {
   line-height: 1;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   display: flex;
@@ -2581,7 +2581,7 @@ slot[name=icon] {
   font: var(--vvd-typography-base);
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .control {
   display: inline-flex;
@@ -2630,7 +2630,7 @@ slot[name=icon] {
   inline-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   height: 6px;
@@ -2782,7 +2782,7 @@ slot[name=icon] {
   }
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 @supports selector(:focus-visible) {
   .base:focus-visible {
@@ -2871,7 +2871,7 @@ slot[name=icon] {
   inset-inline-end: var(--selectable-box-spacing, 16px);
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .control {
   position: fixed;
@@ -2918,7 +2918,7 @@ slot[name=icon] {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: inline-block;
@@ -3260,7 +3260,7 @@ slot[name=icon] {
   --focus-inset: -1px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   --tag-block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 16));
@@ -3419,7 +3419,7 @@ slot[name=icon] {
   gap: 8px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .control {
   display: inline-block;
@@ -3444,7 +3444,7 @@ slot[name=icon] {
   margin-block-start: 16px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .control {
   pointer-events: none;
@@ -3459,7 +3459,7 @@ slot[name=icon] {
   font: var(--vvd-typography-base-bold);
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -3587,7 +3587,7 @@ slot[name=icon] {
   color: var(--vvd-color-neutral-600);
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   display: flex;
@@ -3599,7 +3599,7 @@ slot[name=icon] {
   border-bottom: 1px solid var(--vvd-color-neutral-200);
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: flex;
@@ -3716,7 +3716,7 @@ button:not(:focus-visible) > .focus-indicator {
   display: flex;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host([disabled]) {
   cursor: not-allowed;
@@ -3853,7 +3853,7 @@ dialog.fixed {
   transform: translate(0, -50%);
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   box-sizing: border-box;
@@ -3994,7 +3994,7 @@ slot[name=main] {
   border-radius: inherit;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .positioning-region {
   display: flex;
@@ -4013,7 +4013,7 @@ label {
   font: var(--vvd-typography-base);
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -4146,7 +4146,7 @@ slot[name=icon] {
   opacity: 0;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   display: grid;
@@ -4264,7 +4264,7 @@ slot[name=icon] {
   gap: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: inline-flex;
@@ -4412,52 +4412,9 @@ label {
 .message {
   margin-block-start: 4px;
   --_low-ink-color: var(--vvd-color-neutral-600);
-}.control {
-  background: var(--vvd-color-surface-4dp);
-  border-radius: inherit;
-  contain: layout;
-}
-.control:not(.open) {
-  display: none;
-}
-
-.popup-wrapper {
-  z-index: 10;
-  border-radius: 6px;
-  inline-size: fit-content;
-}
-.popup-wrapper:not(.absolute) {
-  position: fixed;
-}
-.popup-wrapper.absolute {
-  position: absolute;
-}
-
-.popup-content {
-  display: grid;
-  color: var(--vvd-color-canvas-text); /* neutral-100 */
-}
-.dismissible .popup-content {
-  align-content: start;
-  grid-template-columns: 1fr auto;
-}
-
-.arrow {
-  position: absolute;
-  z-index: -1;
-  width: 8px;
-  height: 8px;
-  background: var(--vvd-color-surface-4dp);
-  transform: rotate(45deg);
-}
-
-.dismissible-button {
-  align-self: flex-start;
-  margin-block-start: 4px;
-  margin-inline-end: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: block;
@@ -4476,7 +4433,7 @@ label {
   inline-size: 1px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: inline-block;
@@ -4737,7 +4694,7 @@ label {
   pointer-events: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -4918,7 +4875,7 @@ label {
   --_select-control-border-radius: 6px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host(.disabled) {
   cursor: not-allowed;
@@ -5101,7 +5058,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   position: relative;
@@ -5165,7 +5122,7 @@ label {
   inline-size: 100%;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: block;
@@ -5280,7 +5237,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: inline-block;
@@ -5440,7 +5397,7 @@ label {
   resize: vertical;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: inline-block;
@@ -5591,9 +5548,52 @@ label {
 }
 .control:not(:focus-visible) .focus-indicator {
   display: none;
+}.control {
+  background: var(--vvd-color-surface-4dp);
+  border-radius: inherit;
+  contain: layout;
+}
+.control:not(.open) {
+  display: none;
+}
+
+.popup-wrapper {
+  z-index: 10;
+  border-radius: 6px;
+  inline-size: fit-content;
+}
+.popup-wrapper:not(.absolute) {
+  position: fixed;
+}
+.popup-wrapper.absolute {
+  position: absolute;
+}
+
+.popup-content {
+  display: grid;
+  color: var(--vvd-color-canvas-text); /* neutral-100 */
+}
+.dismissible .popup-content {
+  align-content: start;
+  grid-template-columns: 1fr auto;
+}
+
+.arrow {
+  position: absolute;
+  z-index: -1;
+  width: 8px;
+  height: 8px;
+  background: var(--vvd-color-surface-4dp);
+  transform: rotate(45deg);
+}
+
+.dismissible-button {
+  align-self: flex-start;
+  margin-block-start: 4px;
+  margin-inline-end: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -5774,7 +5774,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .base {
   display: grid;
@@ -5843,7 +5843,7 @@ label {
   background-color: var(--_appearance-color-fill);
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   min-inline-size: 80px;
@@ -5940,7 +5940,7 @@ slot {
   margin-inline-start: auto;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 ol {
   padding: 0;
@@ -6200,7 +6200,7 @@ ol {
   text-transform: uppercase;
 }/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 :host {
   display: inline-block;

package/styles/core/all.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);

package/styles/core/theme.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);

package/styles/core/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 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 Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/styles/tokens/theme-light.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Mon, 11 Dec 2023 11:36:24 GMT
  */
 .vvd-root, ::part(vvd-root),
 .vvd-theme-alternate, ::part(vvd-theme-alternate) {