@policystudio/policy-studio-ui-vue 1.2.0-access.1 → 1.2.0-access.3

package/dist/css/psui_styles_output.css

@@ -638,7 +638,7 @@ video {
 }
 .psui-el-chips .psui-el-chips-wrapper:focus, .psui-el-chips .psui-el-chips-wrapper:active {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-chips .psui-el-chips-wrapper:focus, .psui-el-chips .psui-el-chips-wrapper:active {
   --tw-bg-opacity: 1;
@@ -653,7 +653,7 @@ video {
 }
 .psui-el-chips .psui-el-chips-wrapper.checked {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-chips .psui-el-chips-wrapper.checked {
   --tw-bg-opacity: 1;
@@ -731,7 +731,7 @@ video {
 }
 .psui-el-chips.type-checkbox input:checked + .psui-el-chips-wrapper:before, .psui-el-chips.type-radio input:checked + .psui-el-chips-wrapper:before {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-chips.type-checkbox input:checked + .psui-el-chips-wrapper:hover, .psui-el-chips.type-radio input:checked + .psui-el-chips-wrapper:hover {
   --tw-text-opacity: 1;
@@ -801,7 +801,7 @@ video {
 }
 .psui-el-chips.type-button.layout-with-icon .psui-el-chips-wrapper:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-chips.type-button.layout-with-icon .psui-el-chips-icon {
   margin-right: 0.5rem;
@@ -869,11 +869,11 @@ video {
 .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:focus .psui-el-chips-close, .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:active,
 .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:active .psui-el-chips-close {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:focus .psui-el-chips-icon-prepend, .psui-el-chips.type-button.layout-rich .psui-el-chips-wrapper:active .psui-el-chips-icon-prepend {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-chips.type-button.layout-rich .psui-el-chips-icon {
   font-size: 16px;
@@ -943,7 +943,7 @@ video {
 }
 .psui-el-toggle button {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-toggle button {
   outline: 2px solid transparent;
@@ -958,7 +958,7 @@ video {
 }
 .psui-el-toggle button.status-active {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-toggle button.status-active {
   font-weight: 700;
@@ -1055,7 +1055,7 @@ video {
 }
 .psui-el-tab-header.layout-policy-design button:after {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-tab-header.layout-policy-design button:after {
   opacity: 0;
@@ -1071,14 +1071,14 @@ video {
 }
 .psui-el-tab-header.layout-policy-design button.status-active {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-tab-header.layout-policy-design button.status-active:after {
   opacity: 1;
 }
 .psui-el-tab-header.layout-policy-design button.status-active > div {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-tab-header.layout-policy-design button.status-active > span {
   font-weight: 700;
@@ -1136,14 +1136,14 @@ video {
 }
 .psui-el-tab-header.layout-standard button:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-tab-header.layout-standard button:hover {
   box-shadow: inset 0px 0px 8px rgba(40, 50, 59, 0.05);
 }
 .psui-el-tab-header.layout-standard button.status-active {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-tab-header.layout-standard button.status-active {
   font-weight: 700;
@@ -1172,22 +1172,22 @@ video {
 }
 .psui-el-tab-header.layout-underline button:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-tab-header.layout-underline button:not(:last-child) {
   margin-right: 20px;
 }
 .psui-el-tab-header.layout-underline button.status-enable:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-tab-header.layout-underline button.status-active {
   --tw-border-opacity: 1;
-  border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
+  border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
 }
 .psui-el-tab-header.layout-underline button.status-active {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-tab-header.layout-folder .psui-el-tooltip:not(:last-child) {
   margin-right: 20px;
@@ -1209,7 +1209,7 @@ video {
 }
 .psui-el-tab-header.layout-folder button:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-tab-header.layout-folder button:not(:last-child) {
   margin-right: 4px;
@@ -1227,7 +1227,7 @@ video {
 }
 .psui-el-tab-header.layout-folder button.status-active {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 
 .psui-el-accordion-item {
@@ -1290,11 +1290,11 @@ video {
 }
 .psui-el-accordion-item-header-wrapper:hover .psui-el-accordion-item-icon {
   --tw-text-opacity: 1 !important;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1)) !important;
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1)) !important;
 }
 .psui-el-accordion-item-header-wrapper:hover .psui-el-accordion-item-title {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-accordion-item-title {
   margin-right: auto;
@@ -1352,11 +1352,11 @@ video {
 }
 .psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header .psui-el-accordion-item-header-wrapper .psui-el-accordion-item-icon {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header .psui-el-accordion-item-header-wrapper .psui-el-accordion-item-title {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-accordion .psui-el-accordion-item-content {
   margin-bottom: 1.25rem;
@@ -1472,11 +1472,11 @@ video {
 }
 .psui-el-input.status-error .psui-el-input-wrapper {
   --tw-border-opacity: 1;
-  border-color: rgb(214, 92, 90, var(--tw-border-opacity, 1));
+  border-color: rgb(205, 155, 155, var(--tw-border-opacity, 1));
 }
 .psui-el-input.status-error .psui-el-input-hint {
   --tw-text-opacity: 1;
-  color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
+  color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
 }
 .psui-el-input.status-disabled .psui-el-input-wrapper {
   --tw-border-opacity: 1;
@@ -1507,11 +1507,11 @@ video {
 }
 .psui-el-input.layout-default.status-resting .psui-el-input-wrapper:hover {
   --tw-border-opacity: 1;
-  border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
+  border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
 }
 .psui-el-input.layout-default.status-active .psui-el-input-wrapper {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-input.layout-mini input {
   font-size: 14px;
@@ -1522,15 +1522,15 @@ video {
 }
 .psui-el-input.layout-mini.status-resting .psui-el-input-wrapper:hover {
   --tw-border-opacity: 1;
-  border-color: rgb(93, 184, 131, var(--tw-border-opacity, 1));
+  border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1));
 }
 .psui-el-input.layout-mini.status-active .psui-el-input-wrapper {
   --tw-border-opacity: 1;
-  border-color: rgb(93, 184, 131, var(--tw-border-opacity, 1));
+  border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1));
 }
 .psui-el-input.layout-mini.status-active .psui-el-input-wrapper input {
   --tw-text-opacity: 1;
-  color: rgb(93, 184, 131, var(--tw-text-opacity, 1));
+  color: rgb(155, 222, 181, var(--tw-text-opacity, 1));
 }
 .psui-el-input.layout-mini.status-active .psui-el-input-wrapper input.focus {
   --tw-text-opacity: 1;
@@ -1645,7 +1645,7 @@ video {
 }
 .psui-el-button.size-small.layout-onlytext:active:not(.disabled) {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-button.size-small.layout-onlytext:active:not(.disabled) {
   box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.05);
@@ -1656,7 +1656,7 @@ video {
 }
 .psui-el-button.size-small.hover.layout-onlytext {
   --tw-text-opacity: 1 !important;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1)) !important;
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1)) !important;
 }
 .psui-el-button.size-small.icon-left i {
   font-size: 18px;
@@ -1668,7 +1668,7 @@ video {
 }
 .psui-el-button.layout-solid {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-button.layout-solid {
   --tw-text-opacity: 1;
@@ -1676,7 +1676,7 @@ video {
 }
 .psui-el-button.layout-solid.hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+  background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
 }
 .psui-el-button.layout-solid.hover {
   --tw-text-opacity: 1;
@@ -1684,7 +1684,7 @@ video {
 }
 .psui-el-button.layout-solid:active:not(.disabled) {
   --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+  background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
 }
 .psui-el-button.layout-solid:active:not(.disabled) {
   --tw-text-opacity: 1;
@@ -1709,11 +1709,11 @@ video {
 }
 .psui-el-button.layout-outline {
   --tw-border-opacity: 1;
-  border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
+  border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
 }
 .psui-el-button.layout-outline {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-button.layout-outline {
   background: transparent;
@@ -1723,7 +1723,7 @@ video {
 }
 .psui-el-button.layout-outline.hover, .psui-el-button.layout-outline:active {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-button.layout-outline.disabled {
   cursor: default;
@@ -1742,7 +1742,7 @@ video {
 }
 .psui-el-button.layout-ghost {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-button.layout-ghost.hover {
   --tw-bg-opacity: 1;
@@ -1764,7 +1764,7 @@ video {
 }
 .psui-el-button.layout-onlytext {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-button.layout-onlytext.disabled {
   cursor: default;
@@ -1775,7 +1775,7 @@ video {
 }
 .psui-el-button.layout-onlytext.hover {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-button.layout-caution {
   --tw-bg-opacity: 1;
@@ -1783,7 +1783,7 @@ video {
 }
 .psui-el-button.layout-caution {
   --tw-text-opacity: 1;
-  color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
+  color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
 }
 .psui-el-button.layout-caution.hover, .psui-el-button.layout-caution:active:not(.disabled) {
   --tw-bg-opacity: 1;
@@ -1855,14 +1855,14 @@ video {
 }
 .psui-el-card-infos-icon {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-card-infos-icon {
   font-size: 17px;
 }
 .psui-el-card-infos:hover .psui-el-card-infos-icon {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 
 .psui-el-chart-legend {
@@ -1938,7 +1938,7 @@ video {
 }
 .psui-el-climate-zone-badge:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-climate-zone-badge i {
   font-family: "Material Icons Round";
@@ -3359,7 +3359,7 @@ video {
 }
 .psui-el-checkbox.size-small input:checked ~ .psui-el-checkmark::before {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-checkbox.size-small input:checked ~ .psui-el-checkmark::before {
   font-size: 18px;
@@ -3416,7 +3416,7 @@ video {
 }
 .psui-el-checkbox.size-big input:checked ~ .psui-el-checkmark:before {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-checkbox.size-big input:checked ~ .psui-el-checkmark:before {
   font-size: 24px;
@@ -3537,11 +3537,11 @@ video {
 }
 .psui-el-dialog.theme-informative {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-dialog.theme-informative .psui-el-dialog-message {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-dialog.theme-success {
   --tw-bg-opacity: 1;
@@ -3680,7 +3680,7 @@ video {
 }
 .psui-el-radio.size-small input:checked ~ .psui-el-checkmark::before {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-radio.size-small input:checked ~ .psui-el-checkmark::before {
   font-size: 18px;
@@ -3731,7 +3731,7 @@ video {
 }
 .psui-el-radio.size-big input:checked ~ .psui-el-checkmark::before {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-radio.size-big input:checked ~ .psui-el-checkmark::before {
   font-size: 24px;
@@ -4177,11 +4177,11 @@ video {
 }
 .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item.is-selected {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item.is-selected:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item {
   margin-left: 1rem;
@@ -4242,7 +4242,7 @@ video {
 }
 .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item.is-selected .psui-el-dropdown-menu-list-item-line {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item.is-selected:hover {
   --tw-bg-opacity: 1;
@@ -4250,7 +4250,7 @@ video {
 }
 .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item.is-selected:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 
 .psui-el-slider-label {
@@ -4396,7 +4396,7 @@ video {
 }
 .psui-el-slider.layout-rich .psui-el-slider-input::-webkit-slider-thumb {
   --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+  background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
 }
 .psui-el-slider.layout-rich .psui-el-slider-input::-webkit-slider-thumb {
   --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 2px 5px rgba(0, 0, 0, 0.08);
@@ -4450,7 +4450,7 @@ video {
 .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-dynamic,
 .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-max {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar,
 .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-bg,
@@ -4471,7 +4471,7 @@ video {
 }
 .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-max {
   right: 0px;
@@ -4511,7 +4511,7 @@ video {
 }
 .psui-el-slider.layout-rich .psui-el-slider-range-value {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-slider.layout-rich .psui-el-slider-range-value {
   top: -28px;
@@ -4620,19 +4620,19 @@ video {
 }
 .psui-el-toast.fill-intense.layout-info {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-toast.fill-intense.layout-success {
   --tw-bg-opacity: 1;
-  background-color: rgb(93, 184, 131, var(--tw-bg-opacity, 1));
+  background-color: rgb(155, 222, 181, var(--tw-bg-opacity, 1));
 }
 .psui-el-toast.fill-intense.layout-warning {
   --tw-bg-opacity: 1;
-  background-color: rgb(237, 171, 62, var(--tw-bg-opacity, 1));
+  background-color: rgb(215, 165, 86, var(--tw-bg-opacity, 1));
 }
 .psui-el-toast.fill-intense.layout-error {
   --tw-bg-opacity: 1;
-  background-color: rgb(214, 92, 90, var(--tw-bg-opacity, 1));
+  background-color: rgb(205, 155, 155, var(--tw-bg-opacity, 1));
 }
 .psui-el-toast.fill-soft.layout-info {
   --tw-bg-opacity: 1;
@@ -4640,7 +4640,7 @@ video {
 }
 .psui-el-toast.fill-soft.layout-info {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-toast.fill-soft.layout-success {
   --tw-bg-opacity: 1;
@@ -4648,7 +4648,7 @@ video {
 }
 .psui-el-toast.fill-soft.layout-success {
   --tw-text-opacity: 1;
-  color: rgb(93, 184, 131, var(--tw-text-opacity, 1));
+  color: rgb(155, 222, 181, var(--tw-text-opacity, 1));
 }
 .psui-el-toast.fill-soft.layout-warning {
   --tw-bg-opacity: 1;
@@ -4656,7 +4656,7 @@ video {
 }
 .psui-el-toast.fill-soft.layout-warning {
   --tw-text-opacity: 1;
-  color: rgb(237, 171, 62, var(--tw-text-opacity, 1));
+  color: rgb(215, 165, 86, var(--tw-text-opacity, 1));
 }
 .psui-el-toast.fill-soft.layout-error {
   --tw-bg-opacity: 1;
@@ -4664,7 +4664,7 @@ video {
 }
 .psui-el-toast.fill-soft.layout-error {
   --tw-text-opacity: 1;
-  color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
+  color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
 }
 
 .psui-el-mini-tag {
@@ -4692,7 +4692,7 @@ video {
 }
 .psui-el-mini-tag-layout-solid-info {
   --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+  background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
 }
 .psui-el-mini-tag-layout-solid-info {
   --tw-text-opacity: 1;
@@ -4704,11 +4704,11 @@ video {
 }
 .psui-el-mini-tag-layout-info {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-mini-tag-layout-solid-success {
   --tw-bg-opacity: 1;
-  background-color: rgb(93, 184, 131, var(--tw-bg-opacity, 1));
+  background-color: rgb(155, 222, 181, var(--tw-bg-opacity, 1));
 }
 .psui-el-mini-tag-layout-solid-success {
   --tw-text-opacity: 1;
@@ -4724,7 +4724,7 @@ video {
 }
 .psui-el-mini-tag-layout-solid-warning {
   --tw-bg-opacity: 1;
-  background-color: rgb(237, 171, 62, var(--tw-bg-opacity, 1));
+  background-color: rgb(215, 165, 86, var(--tw-bg-opacity, 1));
 }
 .psui-el-mini-tag-layout-solid-warning {
   --tw-text-opacity: 1;
@@ -4740,7 +4740,7 @@ video {
 }
 .psui-el-mini-tag-layout-solid-error {
   --tw-bg-opacity: 1;
-  background-color: rgb(214, 92, 90, var(--tw-bg-opacity, 1));
+  background-color: rgb(205, 155, 155, var(--tw-bg-opacity, 1));
 }
 .psui-el-mini-tag-layout-solid-error {
   --tw-text-opacity: 1;
@@ -4752,7 +4752,7 @@ video {
 }
 .psui-el-mini-tag-layout-error {
   --tw-text-opacity: 1;
-  color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
+  color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
 }
 .psui-el-mini-tag-layout-solid-default {
   --tw-bg-opacity: 1;
@@ -4780,7 +4780,7 @@ video {
   font-size: 20px;
   line-height: 120%;
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-inline-selector ::-webkit-scrollbar {
   --tw-bg-opacity: 1;
@@ -4805,7 +4805,7 @@ video {
 }
 .psui-el-inline-selector input {
   --tw-border-opacity: 1;
-  border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
+  border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
 }
 .psui-el-inline-selector input {
   transition: 300ms ease-in all;
@@ -4864,7 +4864,7 @@ video {
 }
 .psui-el-inline-selector .psui-el-inline-selector-input-wrapper input:hover {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper {
   position: absolute;
@@ -4915,7 +4915,7 @@ video {
 }
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error h3 {
   --tw-text-opacity: 1;
-  color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
+  color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
 }
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error p {
   --tw-text-opacity: 1;
@@ -4943,7 +4943,7 @@ video {
 }
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li:hover span p {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li span {
   display: flex;
@@ -5169,7 +5169,7 @@ video {
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-white .psui-el-tooltip-content-wrapper button {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark {
   --tw-bg-opacity: 1;
@@ -5182,7 +5182,7 @@ video {
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper button {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper button {
   --tw-text-opacity: 1;
@@ -5190,7 +5190,7 @@ video {
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color {
   --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+  background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color h2,
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper {
@@ -5199,7 +5199,7 @@ video {
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper button {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper button {
   --tw-text-opacity: 1;
@@ -5318,7 +5318,7 @@ video {
 }
 .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea:hover, .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea:focus, .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea:active {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea ::-moz-placeholder {
   font-size: 16px;
@@ -5382,7 +5382,7 @@ video {
 }
 .psui-el-input-select.layout-default.selected select {
   --tw-border-opacity: 1;
-  border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
+  border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
 }
 .psui-el-input-select.layout-default.selected select {
   --tw-text-opacity: 1;
@@ -5444,7 +5444,7 @@ video {
 }
 .psui-el-input-select.layout-default select:hover, .psui-el-input-select.layout-default select:active {
   --tw-border-opacity: 1;
-  border-color: rgb(100, 181, 206, var(--tw-border-opacity, 1));
+  border-color: rgb(45, 165, 204, var(--tw-border-opacity, 1));
 }
 .psui-el-input-select.layout-default select:hover, .psui-el-input-select.layout-default select:active {
   --tw-text-opacity: 1;
@@ -5452,7 +5452,7 @@ video {
 }
 .psui-el-input-select.layout-default select:focus {
   --tw-border-opacity: 1;
-  border-color: rgb(49, 143, 172, var(--tw-border-opacity, 1));
+  border-color: rgb(18, 121, 153, var(--tw-border-opacity, 1));
 }
 .psui-el-input-select.layout-default select:focus {
   --tw-text-opacity: 1;
@@ -5541,7 +5541,7 @@ video {
 }
 .psui-el-input-select.layout-mini select:hover, .psui-el-input-select.layout-mini select:active {
   --tw-border-opacity: 1;
-  border-color: rgb(93, 184, 131, var(--tw-border-opacity, 1));
+  border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1));
 }
 .psui-el-input-select.layout-mini select:hover, .psui-el-input-select.layout-mini select:active {
   --tw-text-opacity: 1;
@@ -5557,7 +5557,7 @@ video {
 }
 .psui-el-input-select.layout-mini.selected .psui-el-input-select-wrapper select {
   --tw-border-opacity: 1 !important;
-  border-color: rgb(93, 184, 131, var(--tw-border-opacity, 1)) !important;
+  border-color: rgb(155, 222, 181, var(--tw-border-opacity, 1)) !important;
 }
 .psui-el-input-select.layout-mini.selected:not(option) {
   --tw-text-opacity: 1;
@@ -5787,7 +5787,7 @@ video {
 }
 .psui-el-badge-with-icon.layout-blue {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-badge-with-icon.layout-green {
   --tw-bg-opacity: 1;
@@ -5858,7 +5858,7 @@ video {
 }
 .psui-el-testimonial-icon {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 .psui-el-testimonial-icon {
   top: -15px;
@@ -5916,7 +5916,7 @@ video {
   overflow: hidden;
   border-radius: 0.25rem;
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
   text-align: center;
   font-size: 14px;
   line-height: 130%;
@@ -5936,7 +5936,7 @@ video {
 }
 .psui-el-date-card-year {
   --tw-bg-opacity: 1;
-  background-color: rgb(100, 181, 206, var(--tw-bg-opacity, 1));
+  background-color: rgb(45, 165, 204, var(--tw-bg-opacity, 1));
 }
 .psui-el-date-card-year {
   font-weight: 700;
@@ -6175,7 +6175,7 @@ video {
 }
 .psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-title:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-title.disabled {
   --tw-text-opacity: 1;
@@ -6193,7 +6193,7 @@ video {
 }
 .psui-el-collapse .psui-el-collapse-item-header .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-header-action:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 .psui-el-collapse .psui-el-collapse-item-header:hover .psui-el-collapse-item-header-wrapper .psui-el-collapse-item-header-action {
   visibility: visible;
@@ -6447,7 +6447,7 @@ video {
 
 .psui-bg-blue-60 {
   --tw-bg-opacity: 1;
-  background-color: rgb(49, 143, 172, var(--tw-bg-opacity, 1));
+  background-color: rgb(18, 121, 153, var(--tw-bg-opacity, 1));
 }
 
 .psui-bg-gray-10 {
@@ -6462,7 +6462,7 @@ video {
 
 .psui-bg-green-20 {
   --tw-bg-opacity: 1;
-  background-color: rgb(93, 184, 131, var(--tw-bg-opacity, 1));
+  background-color: rgb(155, 222, 181, var(--tw-bg-opacity, 1));
 }
 
 .psui-bg-red-10 {
@@ -6472,7 +6472,7 @@ video {
 
 .psui-bg-red-20 {
   --tw-bg-opacity: 1;
-  background-color: rgb(214, 92, 90, var(--tw-bg-opacity, 1));
+  background-color: rgb(205, 155, 155, var(--tw-bg-opacity, 1));
 }
 
 .psui-bg-white {
@@ -6482,7 +6482,7 @@ video {
 
 .psui-bg-yellow-20 {
   --tw-bg-opacity: 1;
-  background-color: rgb(237, 171, 62, var(--tw-bg-opacity, 1));
+  background-color: rgb(215, 165, 86, var(--tw-bg-opacity, 1));
 }
 
 .psui-px-4 {
@@ -6556,12 +6556,12 @@ video {
 
 .psui-text-blue-50 {
   --tw-text-opacity: 1;
-  color: rgb(100, 181, 206, var(--tw-text-opacity, 1));
+  color: rgb(45, 165, 204, var(--tw-text-opacity, 1));
 }
 
 .psui-text-blue-60 {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }
 
 .psui-text-gray-30 {
@@ -6596,7 +6596,7 @@ video {
 
 .psui-text-red-20 {
   --tw-text-opacity: 1;
-  color: rgb(214, 92, 90, var(--tw-text-opacity, 1));
+  color: rgb(205, 155, 155, var(--tw-text-opacity, 1));
 }
 
 .psui-text-red-70 {
@@ -6675,5 +6675,5 @@ html {
 
 .hover\:psui-text-blue-60:hover {
   --tw-text-opacity: 1;
-  color: rgb(49, 143, 172, var(--tw-text-opacity, 1));
+  color: rgb(18, 121, 153, var(--tw-text-opacity, 1));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.2.0-access.1",
+  "version": "1.2.0-access.3",
   "description": "Policy Studio UI",
   "author": "Policy Studio Team",
   "scripts": {

package/src/components/chips/PsChips.vue

@@ -11,8 +11,8 @@
     @mouseover="isHovering = true"
     @mouseleave="isHovering = false"
     @click="emit('click')"
-    tabindex="0"
-    :role="type === 'button' ? 'button' : undefined"
+    :tabindex="isNested ? -1 : 0"
+    :role="type === 'button' && !isNested ? 'button' : undefined"
   >
     <input
       @change="onChange"
@@ -133,6 +133,14 @@ const props = defineProps({
   disabledText: {
     type: String,
     default: '',
+  },
+  /**
+   * When true, removes tabindex and role attributes to avoid nested interactive controls.
+   * Use this when the chip is placed inside another interactive element like a button.
+   */
+  isNested: {
+    type: Boolean,
+    default: false,
   }
 })
 

package/tailwind.config.js

@@ -26,26 +26,28 @@ export default {
       'blue': '#5094D3',
       'blue-10': '#ECF7FB',
       'blue-20': '#E0EFF6',
-      'blue-50': '#64B5CE',
-      'blue-60': '#318FAC',
+      'blue-30': '#BEDCEB',
+      'blue-50': '#2DA5CC',
+      'blue-60': '#127999',
+      'blue-65': '#0A6480',
       'blue-70': '#00465F',
       'blue-80': '#002A3A',
 
       'green-10': '#DEF8E8',
-      'green-20': '#5DB883',
+      'green-20': '#9BDEB5',
       'green-70': '#44A06A',
-      'green-80': '#286943',
+      'green-80': '#0E7C45',
 
       'yellow-10': '#FDF3E3',
-      'yellow-20': '#EDAB3E',
+      'yellow-20': '#D7A556',
       'yellow-70': '#B87305',
-      'yellow-80': '#834C0D',
+      'yellow-80': '#B85614',
 
       'red-10': '#FCEBEB',
       'red-15': '#EAC5C5',
-      'red-20': '#D65C5A',
+      'red-20': '#CD9B9B',
       'red-70': '#AA3937',
-      'red-80': '#832F2E',
+      'red-80': '#A23634',
 
       sky: '#518BE2',
       teal: '#57C0BA',
@@ -56,6 +58,9 @@ export default {
       purple: '#9278C9',
       transparent: 'transparent',
     },
+    backgroundImage: {
+      'gradient-emerald': 'linear-gradient(270deg, #5DB883 0%, #28B08E 100%)',
+    },
     fontFamily: {
       sans: ['Lato', 'sans-serif'],
     },