@vc-shell/framework 1.1.0 → 1.1.2

package/dist/assets/css/shared-components-bnLHdCtf.css

@@ -0,0 +1,429 @@
+:root {
+  --user-info-avatar-width: 38px;
+  --user-info-avatar-height: 38px;
+}
+.vc-user-info {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vc-user-info__avatar {
+  height: var(--user-info-avatar-height);
+  width: var(--user-info-avatar-width);
+  flex-shrink: 0;
+  overflow: hidden;
+  border-radius: 9999px;
+  background-color: var(--user-dropdown-account-info-role-color);
+  background-size: cover;
+  background-position: center;
+}
+.vc-user-info__icon {
+  font-size: var(--user-info-avatar-height) !important;
+  color: var(--user-dropdown-button-color) !important;
+}
+.vc-user-info__info {
+  display: flex;
+  flex-grow: 1;
+  flex-basis: 0px;
+  flex-direction: column;
+  align-items: flex-start;
+  overflow: hidden;
+}
+.vc-user-info__name {
+  width: 100%;
+  max-width: 250px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  color: var(--user-dropdown-account-info-name-color);
+}
+.vc-user-info__role {
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  color: var(--user-dropdown-account-info-role-color);
+}
+.opacity-enter-active,
+.opacity-leave-active {
+  transition: opacity 0.3s ease;
+}
+.opacity-enter-from,
+.opacity-leave-to {
+  opacity: 0;
+}.vc-settings-menu {
+    width: 100%
+}.vc-user-sidebar__menu {
+    display: flex;
+    width: 100%;
+    flex-direction: column
+}
+.vc-app_mobile .vc-user-sidebar__menu {
+    position: static !important;
+    --tw-shadow: 0 0 #0000 !important;
+    --tw-shadow-colored: 0 0 #0000 !important;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
+}:root {
+  --user-dropdown-height: 54px;
+  --user-dropdown-button-bg: var(--primary-500);
+  --user-dropdown-button-bg-hover: var(--primary-700);
+  --user-dropdown-button-bg-logout: var(--danger-500);
+  --user-dropdown-button-bg-logout-hover: var(--danger-700);
+  --user-dropdown-button-icon-color: var(--additional-50);
+  --user-dropdown-account-info-name-color: var(--neutrals-950);
+  --user-dropdown-account-info-role-color: var(--secondary-600);
+  --user-dropdown-border-color: var(--app-bar-divider-color);
+  --user-dropdown-button-color: var(--primary-500);
+  --user-dropdown-wrap-bg: var(--neutrals-50);
+  --user-dropdown-border-color: var(--neutrals-200);
+  --user-dropdown-wrap-padding-left: 18px;
+}
+.vc-user-dropdown-button {
+  position: relative;
+  display: flex;
+  height: var(--user-dropdown-height);
+  width: 100%;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  flex-direction: column;
+  overflow: hidden;
+  border-top-width: 1px;
+  border-style: solid;
+  border-top-color: var(--user-dropdown-border-color);
+}
+.vc-user-dropdown-button:hover .vc-user-dropdown-button__trigger {
+  visibility: visible;
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.vc-app_mobile .vc-user-dropdown-button {
+  width: 100% !important;
+}
+.vc-user-dropdown-button--auto-width {
+  width: auto;
+}
+.vc-user-dropdown-button__wrap {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  background-color: var(--user-dropdown-wrap-bg);
+  padding-left: var(--user-dropdown-wrap-padding-left);
+}
+.vc-user-dropdown-button__actions {
+  height: 100%;
+}
+.vc-user-dropdown-button__trigger {
+  visibility: hidden;
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  height: 100%;
+  width: 0.25rem;
+  --tw-translate-x: 100%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  background-color: var(--user-dropdown-button-bg);
+  transition-property: all;
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}:root {
+  --notification-template-icon-color: var(--additional-50);
+  --notification-template-text-color: var(--additional-950);
+  --notification-template-time-color: var(--neutrals-500);
+  --notification-template-content-body-color: var(--neutrals-700);
+}
+.vc-notification-template {
+  width: 100%;
+}
+.vc-notification-template__container {
+  display: flex;
+  flex-grow: 1;
+  flex-basis: 0px;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.vc-notification-template__container--mobile {
+  flex-direction: column-reverse;
+}
+.vc-notification-template__left {
+  display: flex;
+  align-items: center;
+}
+.vc-notification-template__icon-container {
+  margin-right: 1rem;
+  display: flex;
+  height: 41px;
+  width: 41px;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9999px;
+  color: var(--notification-template-icon-color);
+}
+.vc-notification-template__title {
+  margin: 0px;
+  text-wrap: wrap;
+  font-size: 0.75rem;
+  line-height: 0.875rem;
+  font-weight: 700;
+  line-height: 19px;
+  color: var(--notification-template-text-color);
+  word-break: break-word;
+}
+.vc-notification-template__right {
+  display: flex;
+  flex-shrink: 0;
+}
+.vc-notification-template__right--mobile {
+  margin-bottom: 0.5rem;
+  justify-content: flex-end;
+}
+.vc-notification-template__content-body {
+  margin: 0px;
+  text-wrap: wrap;
+  font-size: 0.75rem;
+  line-height: 0.875rem;
+  color: var(--notification-template-content-body-color);
+}
+.vc-notification-template__time {
+  margin: 0px;
+  margin-bottom: 0.5rem;
+  font-size: 0.625rem;
+  line-height: 0.75rem;
+  color: var(--notification-template-time-color);
+}:root {
+  --notification-icon-color: var(--secondary-600);
+}:root {
+  --notification-dropdown-accent-color: var(--danger-500);
+  --notification-dropdown-bell-color: var(--neutrals-500);
+}
+.vc-notification-dropdown__accent {
+  position: absolute;
+  right: -4px;
+  top: 0px;
+  z-index: 1;
+  display: block;
+  height: 5px;
+  width: 5px;
+  border-radius: 9999px;
+  background-color: var(--notification-dropdown-accent-color);
+}
+.vc-notification-dropdown__button {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.vc-notification-dropdown__button-icon {
+  position: relative;
+}
+.vc-notification-dropdown__button-icon--mobile {
+  color: var(--notification-dropdown-bell-color);
+}
+.vc-notification-dropdown__item {
+  border-bottom-width: 1px;
+  border-style: solid;
+  border-bottom-color: var(--notification-dropdown-border-color);
+  padding-top: 18px;
+  padding-bottom: 18px;
+  padding-left: 15px;
+  padding-right: 15px;
+  transition: background-color 0.2s;
+}
+.vc-notification-dropdown__item:last-of-type {
+  border-bottom-width: 0px;
+}
+.vc-notification-dropdown__item--mobile:not(:last-of-type) {
+  border-bottom-width: 1px;
+  border-style: solid;
+  border-bottom-color: var(--notification-dropdown-divider-color);
+}
+.vc-notification-dropdown__empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1rem;
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+}:root {
+  --dashboard-transition-duration: 0.35s;
+  --dashboard-transition-timing: cubic-bezier(0.25, 0.1, 0.25, 1);
+  --dashboard-widget-border-radius: 6px;
+  --dashboard-widget-shadow-base: 0px 0px 6px -2px rgb(from var(--neutrals-950) r g b / 0.1);
+  --dashboard-widget-shadow-elevated: 3px 9px 15px -3px rgb(from var(--neutrals-950) r g b / 0.08);
+}
+.dashboard-widget {
+  border-radius: 0.375rem;
+  border-radius: var(--dashboard-widget-border-radius);
+  will-change: transform;
+  touch-action: none; /* Prevent default browser touch actions */
+  -webkit-tap-highlight-color: transparent; /* Remove tap highlight on mobile */
+  user-select: none; /* Prevent text selection on drag */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  box-shadow: var(--dashboard-widget-shadow-base), var(--dashboard-widget-shadow-elevated);
+  transition: transform var(--dashboard-transition-duration) var(--dashboard-transition-timing), box-shadow 0.2s ease;
+}
+.dashboard-widget__content {
+  width: 100%;
+  border-radius: 0.375rem;
+  overflow: hidden; /* Ensure nothing breaks out of the widget */
+  position: relative;
+  z-index: 1;
+  height: 100%;
+  pointer-events: all; /* Ensure content receives events */
+}:root {
+  --dashboard-background: var(--additional-50);
+  --dashboard-grid-line: var(--neutrals-200);
+  --dashboard-grid-line-active: var(--neutrals-300);
+  --dashboard-grid-border: var(--neutrals-300);
+  --dashboard-preview-bg: var(--primary-100);
+  --dashboard-preview-border: var(--primary-500);
+  --dashboard-valid-bg: var(--secondary-100);
+  --dashboard-valid-border: var(--secondary-500);
+  --dashboard-cell-height: 80px;
+  --dashboard-cell-gap-vertical: 24px;
+  --dashboard-cell-gap-horizontal: 18px;
+  --dashboard-widget-gap: 20px;
+  --dashboard-animation-duration: 200ms;
+  --dashboard-animation-timing: cubic-bezier(0.4, 0, 0.2, 1);
+  --dashboard-transition-duration: 0.35s;
+  --dashboard-transition-timing: cubic-bezier(0.25, 0.1, 0.25, 1);
+  --dashboard-drag-scale: 1.02;
+  --dashboard-gap: 20px;
+  --dashboard-position-preview-color: rgb(from var(--primary-500) r g b / 0.15);
+  --dashboard-position-preview-border-color: rgb(from var(--primary-500) r g b / 0.5);
+}
+.vc-dashboard-grid {
+  background-color: var(--dashboard-background);
+  touch-action: none;
+}
+.vc-dashboard-grid__container {
+  height: 100%;
+  width: 100%;
+  padding: var(--dashboard-cell-gap-vertical) var(--dashboard-cell-gap-horizontal);
+  overflow: auto;
+  min-height: calc(var(--dashboard-cell-height) * 12 + var(--dashboard-cell-gap-vertical) * 2);
+}
+.vc-dashboard-grid__position-preview {
+  position: absolute;
+  background-color: var(--dashboard-position-preview-color);
+  border: 2px dashed var(--dashboard-position-preview-border-color);
+  border-radius: 8px;
+  z-index: 100;
+  pointer-events: none;
+  opacity: 0.8;
+  transition: transform var(--dashboard-transition-duration) var(--dashboard-transition-timing);
+}
+.vc-dashboard-grid__position-preview.is-animating {
+  transition: transform var(--dashboard-transition-duration) var(--dashboard-transition-timing);
+}
+.dashboard-widget {
+  position: absolute;
+  transition: transform var(--dashboard-transition-duration) var(--dashboard-transition-timing), opacity 0.2s ease;
+  touch-action: none;
+  will-change: transform;
+  backface-visibility: hidden;
+}
+.dashboard-widget:hover {
+  cursor: move;
+}
+.dashboard-widget.is-dragging {
+  z-index: 1000;
+  opacity: 0;
+  transition: none !important; /* Turn off all animations when dragging */
+  pointer-events: none;
+}
+.dashboard-widget.is-displaced {
+  z-index: 10;
+  transition: transform var(--dashboard-transition-duration) var(--dashboard-transition-timing);
+}
+.dashboard-widget.is-animating {
+  transition: transform var(--dashboard-transition-duration) var(--dashboard-transition-timing);
+}
+@keyframes collision-pulse {
+0% {
+    box-shadow: 0 0 0 0 rgba(var(--danger-500), 0.4);
+}
+70% {
+    box-shadow: 0 0 0 10px rgba(var(--danger-500), 0);
+}
+100% {
+    box-shadow: 0 0 0 0 rgba(var(--danger-500), 0);
+}
+}
+@keyframes valid-pulse {
+0% {
+    opacity: 0.5;
+}
+50% {
+    opacity: 0.7;
+}
+100% {
+    opacity: 0.5;
+}
+}:root {
+  --dashboard-widget-card-header-color: var(--additional-50);
+  --dashboard-widget-card-header-text-color: var(--neutrals-950);
+  --dashboard-widget-card-icon-color: var(--neutrals-950);
+  --dashboard-widget-card-header-border-color: var(--neutrals-200);
+}
+.dashboard-widget-card {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  overflow: hidden;
+  border-radius: 0.375rem;
+  background-color: var(--dashboard-widget-card-header-color);
+}
+.dashboard-widget-card__header-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--dashboard-widget-card-header-border-color);
+  background-color: var(--dashboard-widget-card-header-color);
+  padding: 1.5rem;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+  color: var(--dashboard-widget-card-header-text-color);
+}
+.dashboard-widget-card__actions {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
+.dashboard-widget-card__header {
+  display: flex;
+}
+.dashboard-widget-card__icon {
+  color: var(--dashboard-widget-card-icon-color);
+}
+.dashboard-widget-card__header-content {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
+.dashboard-widget-card__body {
+  display: flex;
+  flex-direction: column;
+  height: -webkit-fill-available;
+}
+.dashboard-widget-card__body-content {
+  flex: 1 1 0%;
+}
+.dashboard-widget-card__body-mobile-content {
+  display: flex;
+  flex: 1 1 0%;
+}

package/dist/assets/css/shared-modules-CNOICmYQ.css

@@ -0,0 +1,45 @@
+:root {
+  --dynamic-form-decline-color: var(--danger-500);
+  --dynamic-form-mobile-border: var(--primary-100);
+}
+.item-details__inner {
+  display: flex;
+  min-height: 100%;
+  flex-grow: 1;
+  flex-basis: 0px;
+  overflow: hidden;
+}
+.item-details__content {
+  flex-grow: 1;
+  flex-basis: 0px;
+  overflow: hidden;
+}
+.item-details__decline-icon {
+  margin-right: 0.75rem;
+  color: var(--dynamic-form-decline-color);
+}
+.vc-app_mobile .item-details__inner {
+  flex-direction: column;
+}
+.vc-app_mobile .item-details__content {
+  overflow: visible;
+  border-right-width: 0px;
+  border-bottom-width: 1px;
+  border-style: solid;
+  border-bottom-color: var(--dynamic-form-mobile-border);
+}
+.blade-content-wrapper {
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+.language-selector-container {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 10;
+}
+.blade-scrollable-content {
+  height: 100%;
+  overflow-y: auto;
+}