profile-pane 3.2.1 → 3.2.2-test.0

package/lib/styles/CVCard.css

@@ -1,142 +0,0 @@
-/* CVCard.css */
-/* Note: Uses utilities: .section-title for cvOrg styling */
-
-.cvSection {
-  margin-bottom: 1.25em;
-}
-
-.cvSection > ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.cvRole {
-  margin: 0 0 var(--spacing-xs) 0;
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-base);
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-}
-
-.cvRole:last-child {
-  margin-bottom: 0;
-}
-
-.cvRoleHeader {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: baseline;
-  gap: var(--spacing-sm);
-}
-
-.cvRoleHeader h4,
-.cvRoleHeader time {
-  margin: 0;
-}
-
-.cvRolePeriod {
-  margin: 0;
-  font-size: var(--font-size-sm);
-  line-height: var(--line-height-tight);
-}
-
-@media (max-width: 640px) {
-  .cvRoleHeader {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-}
-
-.cvOrg {
-  font-weight: 600;
-  color: var(--color-primary);
-  margin: 0;
-}
-
-.cvDescriptionWrap {
-  margin: 0;
-  position: relative;
-  isolation: isolate;
-}
-
-.cvDescriptionText {
-  margin: 0;
-  width: 100%;
-  max-width: none;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  line-height: var(--line-height-base);
-  padding-right: 4.5em;
-  overflow: hidden;
-}
-
-.cvDescriptionText.isExpanded {
-  display: block;
-  -webkit-line-clamp: unset;
-  line-clamp: unset;
-  padding-right: 0;
-  overflow: visible;
-}
-
-.cvDescriptionToggle {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  background: none;
-  color: var(--color-primary);
-  cursor: pointer;
-  font: inherit;
-  font-size: var(--font-size-sm);
-  line-height: var(--line-height-base, 1.5);
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  background-color: var(--color-card-bg);
-  white-space: nowrap;
-  min-height: auto;
-  min-width: auto;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-  margin-left: 0;
-  margin-right: 0;
-  z-index: 0;
-}
-
-.cvDescriptionWrap .cvDescriptionText:not(.isExpanded) + .cvDescriptionToggle {
-  top: calc(100% - 1.5em + 0.28em - 11px);
-  bottom: auto;
-  transform: translateY(7px);
-}
-
-.cvDescriptionText.isExpanded + .cvDescriptionToggle {
-  position: static;
-  display: inline;
-  padding-left: 0;
-  top: auto;
-  bottom: auto;
-  transform: none;
-}
-
-.cvSkill, .cvLanguage {
-  text-align: left;
-  margin: var(--spacing-xs) 0;
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-base);
-}
-
-.cvSection h3 {
-  color: var(--color-text);
-  font-size: var(--font-size-lg);
-  font-weight: 600;
-  line-height: var(--line-height-tight);
-  margin-bottom: var(--spacing-xs);
-  border-bottom: 1px solid var(--color-border-pale);
-  padding-bottom: var(--spacing-xs);
-}

package/lib/styles/ChatWithMe.css

@@ -1,6 +0,0 @@
-/* ChatWithMe.css */
-/* Uses utilities: .section-centered, .loading-text, .btn-primary, .btn-transparent */
-
-.chatSection {
-  overflow-x: auto;
-}

package/lib/styles/ContactInfoEditDialog.css

@@ -1,153 +0,0 @@
-.profile__edit-form--contact-info .profile-edit-dialog__section {
-  gap: 0;
-}
-
-.profile__edit-form--contact-info .profile-edit-dialog__section + .profile-edit-dialog__section {
-  border-top: var(--border-width-sm, 0.1rem) solid var(--slate-200, #E2E8F0);
-  padding-top: var(--spacing-xs, 0.75rem);
-}
-
-.profile__edit-form--contact-info .profile__section-header {
-  margin-bottom: 0;
-}
-
-.profile__edit-form--contact-info .profile-edit-dialog__section fieldset {
-  margin-top: 0.25rem;
-  gap: var(--spacing-xs, 0.75rem);
-}
-
-.profile__edit-form--contact-info .profile-edit-dialog__section-heading {
-  margin: 0;
-  color: var(--gray-700, #364153);
-  font-size: var(--font-size-md, 1rem); /* 16px */
-  font-weight: var(--font-weight-md, 500);
-  line-height: normal;
-}
-
-.profile-edit-dialog__phone-prefix-field {
-  flex: 0 0 6.1rem;
-  margin: 0;
-}
-
-.phonePrefixSelect,
-.profile-edit-dialog__phone-local-input {
-  border: 0 !important;
-  background: transparent;
-  min-height: calc(var(--min-touch-target, 44px) - 2px);
-  height: calc(var(--min-touch-target, 44px) - 2px);
-}
-
-.phonePrefixSelect {
-  padding: 0 0.2rem 0 0;
-}
-
-.phonePrefixSelect:focus,
-.profile-edit-dialog__phone-local-input:focus {
-  outline: none;
-}
-
-.profile-edit-dialog__phone-type-row {
-  flex: 0 0 7.5rem;
-}
-
-.profile-edit-dialog__row--contact-point {
-  max-width: 100%;
-  width: 100%;
-  border: 0;
-  outline: 0;
-  box-shadow: none;
-}
-
-.profile-edit-dialog__section fieldset > .profile-edit-dialog__row--contact-point {
-  margin-bottom: var(--spacing-xs, 0.75rem);
-}
-
-.profile-edit-dialog__section fieldset > .profile-edit-dialog__row--contact-point:last-child {
-  margin-bottom: var(--spacing-sm, 0.9375rem);
-}
-
-.profile-edit-dialog__row--contact-point > .profile-edit-dialog__field,
-.profile-edit-dialog__row--contact-point > .profile-edit-dialog__field-type,
-.profile-edit-dialog__row--contact-point > .profile-edit-dialog__field > .label {
-  border: 0;
-  outline: 0;
-  box-shadow: none;
-  background: transparent;
-}
-
-.profile-edit-dialog__row--contact-point > .profile-edit-dialog__field {
-  flex: 1 1 auto;
-  min-width: 0;
-}
-
-.profile-edit-dialog__row--contact-point > .profile-edit-dialog__field > .label {
-  display: block;
-  width: 100%;
-}
-
-.profile-edit-dialog__row--contact-point > .profile-edit-dialog__field-type.profile-edit-dialog__phone-type-row {
-  flex: 0 0 6.5rem;
-  width: 6.5rem;
-  min-width: 6.5rem;
-}
-
-.profile-edit-dialog__row--contact-point > .profile-edit-dialog__field-type.emailTypeRow {
-  flex: 0 0 6.5rem;
-  width: 6.5rem;
-  min-width: 6.5rem;
-}
-
-.profile-edit-dialog__row--address-header.profile-edit-dialog__row--full {
-  max-width: 100%;
-  width: 100%;
-  align-items: center;
-}
-
-.profile-edit-dialog__row--address-header.profile-edit-dialog__row--full .profile-edit-dialog__actions {
-  align-self: center;
-}
-
-.profile-edit-dialog__row--address-header.profile-edit-dialog__row--full .profile-edit-dialog__delete-button,
-#profile-modal .modal .profile-edit-dialog__row--address-header.profile-edit-dialog__row--full button.profile-edit-dialog__delete-button {
-  min-height: 1.75rem;
-  min-width: 1.75rem;
-}
-
-.profile-edit-dialog__address-title {
-  margin: 0;
-  font-size: var(--font-size-sm, 0.875rem);
-  font-weight: var(--font-weight-medium, 500);
-  line-height: var(--line-height-base, 1.5);
-}
-
-@media (max-width: 640px) {
-  .profile-edit-dialog__row--contact-point {
-    flex-direction: row;
-    align-items: center;
-    flex-wrap: nowrap;
-    gap: var(--spacing-2xs, 0.625rem);
-  }
-
-  .profile-edit-dialog__row--contact-point > .profile-edit-dialog__field {
-    flex: 1 1 0;
-    min-width: 0;
-  }
-
-  .profile-edit-dialog__row--contact-point > .profile-edit-dialog__field-type.profile-edit-dialog__phone-type-row,
-  .profile-edit-dialog__row--contact-point > .profile-edit-dialog__field-type.emailTypeRow {
-    flex: 0 0 5.5rem;
-    width: 5.5rem;
-    min-width: 5.5rem;
-    max-width: 5.5rem;
-  }
-
-  .profile-edit-dialog__row--contact-point > .profile-edit-dialog__actions {
-    flex: 0 0 auto;
-    margin-left: 0;
-    justify-content: flex-end;
-  }
-
-  .profile-edit-dialog__phone-prefix-field {
-    flex: 0 0 5.75rem;
-  }
-}

package/lib/styles/EducationCard.css

@@ -1,103 +0,0 @@
-/* EducationCard.css */
-/* Mirrors Resume/CV card typography and spacing patterns. */
-
-.educationCard {
-  width: 100%;
-}
-
-.educationSection {
-  margin-bottom: 1.25em;
-}
-
-.education {
-  margin: var(--spacing-xs) 0;
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-base);
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-}
-
-.education + .education {
-  margin-top: var(--spacing-sm);
-}
-
-.educationHeader {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: baseline;
-  gap: var(--spacing-sm);
-}
-
-.educationHeader h4,
-.educationHeader time,
-.educationHeader p {
-  margin: 0;
-}
-
-.educationPeriod {
-  margin: 0;
-  font-size: var(--font-size-sm);
-  line-height: var(--line-height-tight);
-}
-
-.educationOrg {
-  font-weight: 600;
-  color: var(--color-primary);
-  margin: 0;
-}
-
-.cvDescriptionWrap {
-  margin: 0;
-  position: relative;
-}
-
-.cvDescriptionText {
-  margin: 0;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  line-height: var(--line-height-base);
-  padding-right: 4.5em;
-  overflow: hidden;
-}
-
-.cvDescriptionText.isExpanded {
-  display: block;
-  -webkit-line-clamp: unset;
-  line-clamp: unset;
-  padding-right: 0;
-  overflow: visible;
-}
-
-.cvDescriptionToggle {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  background: none;
-  color: var(--color-primary);
-  cursor: pointer;
-  font: inherit;
-  font-size: var(--font-size-sm);
-  line-height: var(--line-height-tight);
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  background-color: var(--color-card-bg);
-  padding-left: 0.25em;
-}
-
-.cvDescriptionText.isExpanded + .cvDescriptionToggle {
-  position: static;
-  display: inline;
-  padding-left: 0;
-}
-
-@media (max-width: 640px) {
-  .educationHeader {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-}

package/lib/styles/HeadingSection.css

@@ -1,309 +0,0 @@
-.profile__avatar {
-  flex: 0 0 auto;
-}
-
-.profile__heading-top {
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr) auto;
-  grid-template-areas:
-    "avatar info actions"
-    "avatar details details";
-  column-gap: var(--spacing-md, 1.25rem);
-  row-gap: var(--spacing-sm, 0.75rem);
-  align-items: start;
-  width: 100%;
-}
-
-.profile__name {
-color: var(--color-text-heading, #000);
-font-size: var(--font-size-xxl, 1.75rem); /* 28px */
-font-weight: var(--font-weight-bold, 600);
-margin: 0;
-padding: 0;
-text-indent: 0;
-line-height: 1.2;
-text-align: left;
-transform: translateX(-4px);
-}
-
-.profile__info {
-  grid-area: info;
-  display: flex;
-  flex-direction: column;
-  flex: 1 1 auto;
-  min-width: 0;
-  align-items: flex-start;
-}
-
-.profile__details {
-  grid-area: details;
-  color: var(--color-text-secondary, #4A5565);
-  font-size: var(--font-size-sm, 0.875rem); /* 14px */
-  display: flex;
-  width: 100%;
-  align-content: flex-start;
-  align-items: flex-start;
-  flex-wrap: wrap;
-  gap: var(--spacing-sm, 0.75rem) 2rem; /* 12px vertical, 32px horizontal */
-}
-
-.profile__info > .profile__header-bar {
-  margin-left: 0;
-  padding-left: 0;
-  align-self: stretch;
-}
-
-.profile__header-bar {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.125rem;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-}
-
-.profile__heading-actions {
-  grid-area: actions;
-  margin-left: auto;
-  align-self: flex-start;
-}
-
-.profile__avatar {
-  grid-area: avatar;
-}
-
-.profile__heading-action-button {
-  position: static;
-  min-width: 0;
-  width: auto;
-  max-width: none;
-  padding: var(--spacing-xxs, 0.3125rem);
-}
-.profile__identity {
-  display: flex;
-  flex-direction: row;
-  align-items: baseline;
-  gap: 0.4375rem; /* 7px */
-  justify-content: flex-start;
-  width: 100%;
-  flex-wrap: nowrap;
-}
-
-.profile__pronouns {
-  color: var(--color-text-secondary, #4A5565);
-  font-size: var(--font-size-sm, 0.875rem); /* 14px */
-  font-weight: var(--font-weight-regular, 400);
-  line-height: 1.2;
-}
-
-.profile__role-org {
-  margin: 0;
-  width: 100%;
-  white-space: normal;
-  color: var(--color-text-subheading, #101828);
-  font-size: var(--font-size-base, 1rem);
-  font-weight: var(--font-weight-medium, 500);
-  line-height: 1.25;
-  text-align: left;
-}
-
-.profile__meta-row,
-.profile__contact-row {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  justify-content: flex-start;
-  column-gap: 0.25rem; /* 4px */
-  row-gap: var(--spacing-xs, 0.5rem);
-  align-items: start;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
-
-.profile__meta-row .profile__item,
-.profile__contact-row .profile__item {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-2xs, 0.625rem);
-  min-width: 0;
-}
-
-.profile__meta-row .profile__value,
-.profile__contact-row .profile__value {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--spacing-xxs, 0.3125rem);
-  min-width: 0;
-  white-space: normal !important;
-  overflow-wrap: anywhere;
-  word-break: break-word;
-}
-
-.profile__meta-row .profile__value-text,
-.profile__contact-row .profile__value-text {
-  min-width: 0;
-  white-space: normal !important;
-  overflow-wrap: anywhere;
-  word-break: break-word;
-}
-
-.profile__prefix-icon {
-  display: inline-flex;
-  align-items: center;
-  margin-right: 0.125rem;
-}
-
-.profile__detail-icon {
-  display: block;
-  width: 1rem;
-  height: 1rem;
-}
-
-.profile__hero {
-  width: 140px;
-  height: 140px;
-  border-radius: var(--border-radius-full, 0.625rem); /* 10px */;
-  border: var(--border-width-sm, 0.1rem) solid var(--color-primary, #7C4DFF);
-  background: lightgray 50% / cover no-repeat;
-  background-position: 50%;
-  object-fit: cover;
-  object-position: center;
-}
-
-.profile__hero-alt {
-  width: 140px;
-  height: 140px;
-  padding: 0 36.4px; 
-  border-radius: var(--border-radius-full, 0.625rem); /* 10px */;
-  border: 1.6px dashed #CBD5E1;
-  background: #F8FAFC;
-  box-sizing: border-box;
-}
-
-/* added because the icon wasn't centering on mobile
-   due to styles in mashlib */
-.profile__hero-alt .profile__hero-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 0;
-}
-
-.profile__hero-alt .profile__hero-icon svg {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
-@media (max-width: 640px) {
-  .profile__heading-top {
-    grid-template-columns: auto minmax(0, 1fr) auto;
-    grid-template-areas:
-      "avatar info actions"
-      "details details details";
-    column-gap: var(--spacing-sm, 0.75rem);
-    row-gap: var(--spacing-sm, 0.75rem);
-  }
-
-  .profile__name {
-    font-size: 1.5rem;
-    line-height: 1.15;
-  }
-
-  .profile__identity {
-    gap: 0.125rem;
-  }
-
-  .profile__pronouns {
-    font-size: var(--font-size-xs, 0.75rem);
-    line-height: 1.1;
-    white-space: nowrap;
-  }
-
-  .profile__hero,
-  .profile__hero-alt {
-    width: 112px;
-    height: 112px;
-  }
-
-  .profile__hero-alt {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0;
-  }
-
-  .profile__hero-icon {
-    display: block;
-    margin: 0 auto;
-    width: 48px;
-    height: 48px;
-  }
-
-  .profile__details {
-    gap: var(--spacing-xs, 0.5rem);
-  }
-
-  .profile__meta-row,
-  .profile__contact-row {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    column-gap: 0.25rem;
-  }
-}
-
-@container profile-pane (max-width: 640px) {
-  .profile__heading-top {
-    grid-template-columns: auto minmax(0, 1fr) auto;
-    grid-template-areas:
-      "avatar info actions"
-      "details details details";
-    column-gap: var(--spacing-sm, 0.75rem);
-    row-gap: var(--spacing-sm, 0.75rem);
-  }
-
-  .profile__name {
-    font-size: 1.5rem;
-    line-height: 1.15;
-  }
-
-  .profile__identity {
-    gap: 0.125rem;
-  }
-
-  .profile__pronouns {
-    font-size: var(--font-size-xs, 0.75rem);
-    line-height: 1.1;
-    white-space: nowrap;
-  }
-
-  .profile__hero,
-  .profile__hero-alt {
-    width: 112px;
-    height: 112px;
-  }
-
-  .profile__hero-alt {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0;
-  }
-
-  .profile__hero-icon {
-    display: block;
-    margin: 0 auto;
-    width: 48px;
-    height: 48px;
-  }
-
-  .profile__details {
-    gap: var(--spacing-xs, 0.5rem);
-  }
-
-  .profile__meta-row,
-  .profile__contact-row {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    column-gap: 0.25rem;
-  }
-}