@vgip/meta-ui 2.0.0 → 2.1.1

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@vgip/meta-ui",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "description": "VGIP Meta UI",
   "peerDependencies": {
-    "@angular/common": "^16.2.11",
-    "@angular/core": "^16.2.11",
-    "@vonagevolta/volta2": "^0.0.56",
-    "ngx-quill": "^22.1.0",
-    "quill": "^1.3.7"
+    "@angular/common": "^^20.3.5",
+    "@angular/core": "^20.3.5",
+    "ngx-quill": "^28.0.1",
+    "quill": "^2.0.3"
   },
   "dependencies": {
     "tslib": "^2.0.0"
@@ -20,8 +19,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/vgip-meta-ui.mjs",
-      "esm": "./esm2022/vgip-meta-ui.mjs",
       "default": "./fesm2022/vgip-meta-ui.mjs"
     }
   },

package/vendor/volta3/README.md

@@ -0,0 +1 @@
+Dart Sass 3.0.0 compatible version of https://www.npmjs.com/package/@vonagevolta/volta2 (strip sass and fonts only)

package/vendor/volta3/scss/components/_accordions.scss

@@ -0,0 +1,165 @@
+@use "../lib/utils";
+@use "../lib/variables";
+
+//
+// Copyright (c) 2018-present, Vonage. All rights reserved.
+//
+
+.Vlt-accordion__content,
+.Vlt-js-accordion__content {
+	height: 0;
+	overflow: hidden;
+	transition: height 0.3s;
+
+	&_open {
+		height: auto;
+		overflow: visible;
+	}
+}
+
+.Vlt-js-accordion__trigger {
+	cursor: pointer;
+}
+
+.Vlt-accordion {
+	border-bottom: 1px solid variables.$grey-dark;
+
+	&__trigger {
+		@extend .reset-button !optional;
+		border-top: 1px solid variables.$grey-dark;
+		cursor: pointer;
+		display: flex;
+		font-size: 1.8rem;
+		font-weight: 800;
+		line-height: 2.4rem;
+		padding: 15px 24px 15px 0;
+		position: relative;
+		text-align: left;
+		transition: margin 0.2s;
+		width: 100%;
+
+		&:first-child {
+			border-top: 0;
+		}
+
+		span {
+			flex: 1;
+		}
+
+		svg {
+			flex: 0 0 24px;
+			height: 24px;
+			margin-right: 24px;
+			width: 24px;
+		}
+
+		&:before,
+		&:after {
+			$fill-color: utils.encode-hex-code(variables.$black);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M3.38326%207.96544C3.58628%207.68629%203.97717%207.62457%204.25632%207.82759L9.99983%2012.0047L15.7433%207.82759C16.0225%207.62457%2016.4134%207.68629%2016.6164%207.96544C16.8194%208.2446%2016.7577%208.63549%2016.4785%208.83851L10.3674%2013.283C10.1483%2013.4423%209.85138%2013.4423%209.63222%2013.283L3.52111%208.83851C3.24195%208.63549%203.18023%208.2446%203.38326%207.96544Z%22%2F%3E%0A%3C%2Fsvg%3E');
+			background-position: center center;
+			background-repeat: no-repeat;
+			background-size: 22px;
+			content: '';
+			display: block;
+			flex: 0 0 24px;
+			height: 24px;
+			width: 24px;
+		}
+
+		&:after {
+			position: absolute;
+			right: 0;
+			transition: transform 0.2s;
+		}
+
+		&:before {
+			display: none;
+		}
+
+		&_active {
+			+ .Vlt-accordion__content + .Vlt-accordion__trigger {
+				margin-top: 23px;
+			}
+
+			&:before,
+			&:after {
+				transform: rotate(180deg);
+			}
+		}
+
+		&--noborder {
+			& + .Vlt-accordion__content {
+				border-bottom: 0; // Supporting legacy
+			}
+		}
+	}
+
+	&--icons,
+	&--chevron-left,
+	&--plus-minus {
+		.Vlt-accordion__content {
+			padding-left: 48px;
+		}
+	}
+
+	&--chevron-left,
+	&--plus-minus {
+		.Vlt-accordion__trigger {
+			&:before {
+				display: block;
+				margin-right: 24px;
+			}
+
+			&:after {
+				display: none;
+			}
+		}
+	}
+
+	&--plus-minus {
+		.Vlt-accordion__trigger {
+			justify-content: left;
+
+			&:before {
+				$fill-color: utils.encode-hex-code(variables.$black);
+				background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M12.75%203.5C12.75%203.08579%2012.4142%202.75%2012%202.75C11.5858%202.75%2011.25%203.08579%2011.25%203.5V11.25H3.5C3.08579%2011.25%202.75%2011.5858%202.75%2012C2.75%2012.4142%203.08579%2012.75%203.5%2012.75H11.25V20.5C11.25%2020.9141%2011.5858%2021.25%2012%2021.25C12.4142%2021.25%2012.75%2020.9141%2012.75%2020.5V12.75H20.5C20.9141%2012.75%2021.25%2012.4142%2021.25%2012C21.25%2011.5858%2020.9141%2011.25%2020.5%2011.25H12.75V3.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+			}
+
+			&_active {
+				&:before {
+					$fill-color: utils.encode-hex-code(variables.$black);
+					background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M3.5%2011C3.08579%2011%202.75%2011.3358%202.75%2011.75C2.75%2012.1642%203.08579%2012.5%203.5%2012.5H20.5C20.9141%2012.5%2021.25%2012.1642%2021.25%2011.75C21.25%2011.3358%2020.9141%2011%2020.5%2011H3.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+					transform: none;
+				}
+			}
+		}
+	}
+
+	&__content {
+
+		&:last-of-type {
+			&.Vlt-accordion__content_open {
+				padding-bottom: 28px;
+			}
+		}
+
+		&--noborder {
+			border: 0;
+		}
+	}
+
+	&--large {
+		.Vlt-accordion__trigger {
+			font-size: 2rem;
+			line-height: 2.5rem;
+			padding: 19px 24px 20px 0;
+		}
+
+		.Vlt-accordion__trigger_active {
+			+ .Vlt-accordion__content + .Vlt-accordion__trigger {
+				margin-top: 28px;
+			}
+		}
+	}
+}

package/vendor/volta3/scss/components/_badge.scss

@@ -0,0 +1,329 @@
+@use "../lib/utils";
+@use "../lib/variables";
+
+//
+// Copyright (c) 2018-present, Vonage. All rights reserved.
+//
+
+.Vlt-badge {
+	background: rgba(variables.$purple-dark, 0.2);
+	border-radius: 13px;
+	color: variables.$purple-dark;
+	display: inline-block;
+	flex-shrink: 0;
+	font-size: 1.2rem;
+	font-weight: 600;
+	line-height: 1.6rem;
+	margin: 0;
+	padding: 5px 12px;
+	vertical-align: bottom;
+	white-space: nowrap;
+
+	&--black {
+		background: variables.$black;
+		color: variables.$white;
+
+		&.Vlt-badge--outline,
+		&.Vlt-badge--transparent {
+			background: rgba(variables.$black, 0.2);
+			color: variables.$black;
+		}
+	}
+
+	&--grey {
+		background: variables.$grey;
+		color: variables.$black;
+
+		&.Vlt-badge--outline,
+		&.Vlt-badge--transparent {
+			background: rgba(variables.$grey, 0.2);
+			color: variables.$grey-darker;
+		}
+	}
+
+	&--white {
+		background: variables.$white;
+		color: variables.$black;
+
+		&.Vlt-badge--outline,
+		&.Vlt-badge--transparent {
+			background: rgba(variables.$white, 0.2);
+			color: variables.$white;
+		}
+	}
+
+	&--purple {
+		background: variables.$purple-dark;
+		color: variables.$white;
+
+		&.Vlt-badge--outline,
+		&.Vlt-badge--transparent {
+			background: rgba(variables.$purple-dark, 0.2);
+			color: variables.$purple-dark;
+		}
+	}
+
+	&--indigo {
+		background: variables.$indigo;
+		color: variables.$white;
+
+		&.Vlt-badge--outline,
+		&.Vlt-badge--transparent {
+			background: rgba(variables.$indigo, 0.2);
+			color: variables.$indigo;
+		}
+	}
+
+	&--red {
+		background: variables.$red;
+		color: variables.$white;
+
+		&.Vlt-badge--outline,
+		&.Vlt-badge--transparent {
+			background: rgba(variables.$red, 0.2);
+			color: variables.$red;
+		}
+	}
+
+	&--yellow {
+		background: variables.$yellow;
+		color: variables.$white;
+
+		&.Vlt-badge--outline,
+		&.Vlt-badge--transparent {
+			background: rgba(variables.$yellow, 0.2);
+			color: variables.$yellow;
+		}
+	}
+
+	&--orange {
+		background: variables.$orange;
+		color: variables.$white;
+
+		&.Vlt-badge--outline,
+		&.Vlt-badge--transparent {
+			background: rgba(variables.$orange, 0.2);
+			color: variables.$orange;
+		}
+	}
+
+	&--green {
+		background: variables.$green;
+		color: variables.$white;
+
+		&.Vlt-badge--outline,
+		&.Vlt-badge--transparent {
+			background: rgba(variables.$green, 0.2);
+			color: variables.$green;
+		}
+	}
+
+	&--blue {
+		background: variables.$blue;
+		color: variables.$white;
+
+		&.Vlt-badge--outline,
+		&.Vlt-badge--transparent {
+			background: rgba(variables.$blue, 0.2);
+			color: variables.$blue;
+		}
+	}
+
+	&--outline {
+		background: none !important;
+		box-shadow: inset 0 0 0 1px;
+	}
+
+	&--large {
+		border-radius: 15px;
+		font-size: 1.3rem;
+		line-height: 1.6rem;
+		padding: 7px 14px;
+
+		.Vlt-badge__dismiss {
+			margin-left: 8px;
+		}
+	}
+
+	&--small {
+		border-radius: 10px;
+		font-size: 1.1rem;
+		line-height: 1.4rem;
+		padding: 2px 8px;
+	}
+
+	p & {
+		margin: 0 5px;
+	}
+
+	&__dismiss {
+    appearance: none;
+    background: none;
+    border: 0;
+    outline: none;
+    padding: 0;
+		$fill-color: utils.encode-hex-code(variables.$purple-dark);
+		background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		background-position: center;
+		background-repeat: no-repeat;
+		background-size: contain;
+		cursor: pointer;
+		height: 16px;
+		margin-left: 6px;
+		margin-right: -4px;
+		margin-top: -1px;
+		transition: opacity 0.2s;
+		vertical-align: middle;
+		width: 16px;
+
+		.Vlt-badge:not(.Vlt-badge--outline):not(.Vlt-badge--transparent) & {
+			$fill-color: utils.encode-hex-code(variables.$white);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		}
+
+		.Vlt-badge--white:not(.Vlt-badge--outline):not(.Vlt-badge--transparent) &,
+		.Vlt-badge--grey:not(.Vlt-badge--outline):not(.Vlt-badge--transparent) & {
+			$fill-color: utils.encode-hex-code(variables.$black);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		}
+
+		.Vlt-badge--white.Vlt-badge--outline &,
+		.Vlt-badge--white.Vlt-badge--transparent & {
+			$fill-color: utils.encode-hex-code(variables.$white);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		}
+
+		.Vlt-badge--black.Vlt-badge--outline &,
+		.Vlt-badge--black.Vlt-badge--transparent & {
+			$fill-color: utils.encode-hex-code(variables.$black);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		}
+
+		.Vlt-badge--grey.Vlt-badge--outline &,
+		.Vlt-badge--grey.Vlt-badge--transparent & {
+			$fill-color: utils.encode-hex-code(variables.$grey);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		}
+
+		.Vlt-badge--purple.Vlt-badge--outline &,
+		.Vlt-badge--purple.Vlt-badge--transparent & {
+			$fill-color: utils.encode-hex-code(variables.$purple-dark);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		}
+
+		.Vlt-badge--indigo.Vlt-badge--outline &,
+		.Vlt-badge--indigo.Vlt-badge--transparent & {
+			$fill-color: utils.encode-hex-code(variables.$indigo);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		}
+
+		.Vlt-badge--red.Vlt-badge--outline &,
+		.Vlt-badge--red.Vlt-badge--transparent & {
+			$fill-color: utils.encode-hex-code(variables.$red);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		}
+
+		.Vlt-badge--yellow.Vlt-badge--outline &,
+		.Vlt-badge--yellow.Vlt-badge--transparent & {
+			$fill-color: utils.encode-hex-code(variables.$yellow);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		}
+
+		.Vlt-badge--orange.Vlt-badge--outline &,
+		.Vlt-badge--orange.Vlt-badge--transparent & {
+			$fill-color: utils.encode-hex-code(variables.$orange);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		}
+
+		.Vlt-badge--green.Vlt-badge--outline &,
+		.Vlt-badge--green.Vlt-badge--transparent & {
+			$fill-color: utils.encode-hex-code(variables.$green);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		}
+
+		.Vlt-badge--blue.Vlt-badge--outline &,
+		.Vlt-badge--blue.Vlt-badge--transparent & {
+			$fill-color: utils.encode-hex-code(variables.$blue);
+			background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20style%3D%22fill%3A#{$fill-color}%3B%22%20d%3D%22M17.7429%206.25714C17.4%205.91429%2016.8857%205.91429%2016.5429%206.25714L12%2010.8L7.45714%206.25714C7.11429%205.91429%206.6%205.91429%206.25714%206.25714C5.91429%206.6%205.91429%207.11429%206.25714%207.45714L10.8%2012L6.25714%2016.5429C5.91429%2016.8857%205.91429%2017.4%206.25714%2017.7429C6.42857%2017.9143%206.6%2018%206.85714%2018C7.11429%2018%207.28571%2017.9143%207.45714%2017.7429L12%2013.2L16.5429%2017.7429C16.7143%2017.9143%2016.9714%2018%2017.1429%2018C17.3143%2018%2017.5714%2017.9143%2017.7429%2017.7429C18.0857%2017.4%2018.0857%2016.8857%2017.7429%2016.5429L13.2%2012L17.7429%207.45714C18.0857%207.11429%2018.0857%206.6%2017.7429%206.25714Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
+		}
+
+		&:hover {
+			opacity: 0.6;
+		}
+	}
+
+	&--dismissed {
+		border: 0 !important;
+		height: 0;
+		opacity: 0;
+		overflow: hidden;
+		padding: 0;
+	}
+
+	&-combined {
+		display: flex;
+
+		.Vlt-badge {
+			&:first-child {
+				border-bottom-right-radius: 0;
+				border-top-right-radius: 0;
+				margin-right: 0;
+			}
+
+			&:last-child {
+				border-bottom-left-radius: 0;
+				border-top-left-radius: 0;
+				margin-left: 0;
+			}
+		}
+
+		&--app {
+			.Vlt-badge {
+				border-radius: variables.$unit0;
+			}
+		}
+	}
+
+	& + .Vlt-badge {
+		margin-left: variables.$unit1;
+	}
+
+	&--margin {
+		margin-bottom: variables.$unit1;
+		margin-top: variables.$unit1;
+
+		&-left {
+			margin-left: variables.$unit1;
+		}
+	}
+
+	&--middle {
+		vertical-align: middle;
+	}
+
+	&--app {
+		border-radius: 4px;
+	}
+
+	&-group {
+		.Vlt-badge {
+			margin-bottom: variables.$unit0;
+			margin-right: variables.$unit1;
+			margin-top: variables.$unit0;
+
+			&.Vlt-badge--large {
+				margin: 7px 14px;
+			}
+
+			& + .Vlt-badge {
+				margin-left: 0;
+			}
+		}
+
+		&--app {
+			.Vlt-badge {
+				border-radius: variables.$unit0;
+			}
+		}
+	}
+}

package/vendor/volta3/scss/components/_blockquote.scss

@@ -0,0 +1,35 @@
+//
+// Copyright (c) 2018-present, Vonage. All rights reserved.
+//
+
+.Vlt-blockquote {
+	display: block;
+	padding-left: 14px;
+	position: relative;
+
+	&:after {
+		background-color: currentColor;
+		border-radius: 1px;
+		content: '';
+		height: 100%;
+		left: 0;
+		position: absolute;
+		top: 0;
+		width: 2px;
+
+	}
+
+	strong {
+		&:first-child {
+			color: currentColor;
+			display: block;
+			line-height: 21px;
+		}
+	}
+
+	p {
+		&:last-child {
+			margin-bottom: 0;
+		}
+	}
+}