@activecollab/components 2.0.356 → 2.0.358

package/dist/cjs/components/DatePicker/Styles.js

@@ -16,7 +16,7 @@ StyledConfirmDialog.displayName = "StyledConfirmDialog";
 var StyledDatePickerContainerInner = exports.StyledDatePickerContainerInner = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDatePickerContainerInner",
   componentId: "sc-18towna-1"
-})(["& > *{font-family:-apple-system,BlinkMacSystemFont,\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&{@keyframes slide-up{from{transform:translateY(0);opacity:1;}to{transform:translateY(-20px);opacity:0;}}@keyframes slide-down{from{transform:translateY(0);opacity:1;}to{transform:translateY(20px);opacity:0;}}.slide-up{animation:slide-up 0.3s ease-in-out;}.slide-down{animation:slide-down 0.3s ease-in-out;}.today-day{position:relative;&::after{position:absolute;content:\"\";bottom:2px;height:3px;width:3px;border-radius:3px;margin:0 auto;left:0;right:0;background:var(--color-primary);}}.today-day,.today-month,.today-year{color:var(--color-primary);background-color:none;}.selected{background-color:var(--color-primary) !important;color:var(--color-theme-100) !important;}.disabled{pointer-events:none;color:var(--color-theme-500);}.hovered{background-color:var(--color-primary-300);}}.userAvailability,.nonWorkingDaysOfWeek{color:var(--red-alert);&.hovered:hover:not(.selected){background-color:rgba(237,97,97,0.1);color:var(--red-alert);}&.today-day{color:var(--red-alert);&:after{background-color:var(--red-alert);}&.hovered:hover:not(.selected):after{background-color:var(--red-alert);}}}.selected{background-color:var(--color-primary);color:var(--color-theme-100);&.today-day{color:var(--color-theme-100);&:after{background-color:var(--color-theme-100);}}&.userAvailability,&.nonWorkingDaysOfWeek{background-color:var(--red-alert) !important;color:var(--color-theme-100) !important;}}.nonWorkingDay{color:var(--color-theme-500);&.hovered:hover:not(.selected){color:var(--color-theme-500);}&.today-day{color:var(--color-primary-500);&:after{background-color:var(--color-primary-500);}&.hovered:hover:not(.selected){color:var(--color-theme-500);&:after{background-color:var(--color-theme-500);}}}&.userAvailability,&.nonWorkingDaysOfWeek{&.hovered:hover:not(.selected){color:var(--color-theme-500);background-color:var(--color-primary-300);&.today-day:after{background-color:var(--color-theme-500);}}}&.selected{color:rgba(255,255,255,0.6);background-color:var(--color-primary);.neon &{color:rgba(0,0,0,0.4);}&.today-day{color:rgba(255,255,255,0.6);.neon &{color:rgba(0,0,0,0.4);}&:after{background-color:rgba(255,255,255,0.6);.neon &{background-color:rgba(0,0,0,0.4);}}}}}.disabled{cursor:default;color:var(--color-theme-500);&.hovered:hover{color:var(--color-theme-500);}}.outside{cursor:default;opacity:0.25;color:var(--color-theme-900);&.userAvailability.hovered:hover:not(.selected),&.nonWorkingDaysOfWeek.hovered:hover:not(.selected){background:var(--color-primary-300);}&.userAvailability:not(.selected),&.nonWorkingDaysOfWeek:not(.selected),&.userAvailability.hovered:hover:not(.selected),&.nonWorkingDaysOfWeek.hovered:hover:not(.selected),&.nonWorkingDay.hovered:hover:not(.selected),&.nonWorkingDay:not(.selected),&.today-day.hovered:hover:not(.selected),&.today-day:not(.selected){color:var(--color-theme-900);}&.userAvailability.today-day:not(.selected):after,&.nonWorkingDaysOfWeek.today-day:not(.selected):after,&.userAvailability.today-day.hovered:hover:not(.selected):after,&.nonWorkingDaysOfWeek.today-day.hovered:hover:not(.selected):after,&.nonWorkingDay.today-day:not(.selected):after,&.nonWorkingDay.today-day.hovered:hover:not(.selected):after,&.today-day.hovered:hover:not(.selected):after,&.today-day:not(.selected):after{background-color:var(--color-theme-900);}&.hovered:hover:not(.selected){background:var(--color-primary-400);}&.selected{color:var(--page-paper-main);background:var(--color-primary);.neon &{color:var(--page-paper-main);}&.today-day{&:after{background:var(--page-paper-main);.neon &{background:var(--page-paper-main);}}&.nonWorkingDay{color:var(--page-paper-main);.neon &{color:var(--page-paper-main);}}}}}"]);
+})(["& > *{font-family:-apple-system,BlinkMacSystemFont,\"Inter\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&{@keyframes slide-up{from{transform:translateY(0);opacity:1;}to{transform:translateY(-20px);opacity:0;}}@keyframes slide-down{from{transform:translateY(0);opacity:1;}to{transform:translateY(20px);opacity:0;}}.slide-up{animation:slide-up 0.3s ease-in-out;}.slide-down{animation:slide-down 0.3s ease-in-out;}.today-day{position:relative;&::after{position:absolute;content:\"\";bottom:2px;height:3px;width:3px;border-radius:3px;margin:0 auto;left:0;right:0;background:var(--color-primary);}}.today-day,.today-month,.today-year{color:var(--color-primary);background-color:none;}.selected{background-color:var(--color-primary) !important;color:var(--color-theme-100) !important;}.disabled{pointer-events:none;color:var(--color-theme-500);}.hovered{background-color:var(--color-primary-300);}}.userAvailability,.nonWorkingDaysOfWeek{color:var(--red-alert);&.hovered:hover:not(.selected){background-color:rgba(237,97,97,0.1);color:var(--red-alert);}&.today-day{color:var(--red-alert);&:after{background-color:var(--red-alert);}&.hovered:hover:not(.selected):after{background-color:var(--red-alert);}}}.selected{background-color:var(--color-primary);color:var(--color-theme-100);&.today-day{color:var(--color-theme-100);&:after{background-color:var(--color-theme-100);}}&.userAvailability,&.nonWorkingDaysOfWeek{background-color:var(--red-alert) !important;color:var(--color-theme-100) !important;}}.nonWorkingDay{color:var(--color-theme-500);&.hovered:hover:not(.selected){color:var(--color-theme-500);}&.today-day{color:var(--color-primary-500);&:after{background-color:var(--color-primary-500);}&.hovered:hover:not(.selected){color:var(--color-theme-500);&:after{background-color:var(--color-theme-500);}}}&.userAvailability,&.nonWorkingDaysOfWeek{&.hovered:hover:not(.selected){color:var(--color-theme-500);background-color:var(--color-primary-300);&.today-day:after{background-color:var(--color-theme-500);}}}&.selected{color:rgba(255,255,255,0.6);background-color:var(--color-primary);.neon &{color:rgba(0,0,0,0.4);}&.today-day{color:rgba(255,255,255,0.6);.neon &{color:rgba(0,0,0,0.4);}&:after{background-color:rgba(255,255,255,0.6);.neon &{background-color:rgba(0,0,0,0.4);}}}}}.disabled{cursor:default;color:var(--color-theme-500);&.hovered:hover{color:var(--color-theme-500);}}.outside{cursor:default;opacity:0.25;color:var(--color-theme-900);&.userAvailability.hovered:hover:not(.selected),&.nonWorkingDaysOfWeek.hovered:hover:not(.selected){background:var(--color-primary-300);}&.userAvailability:not(.selected),&.nonWorkingDaysOfWeek:not(.selected),&.userAvailability.hovered:hover:not(.selected),&.nonWorkingDaysOfWeek.hovered:hover:not(.selected),&.nonWorkingDay.hovered:hover:not(.selected),&.nonWorkingDay:not(.selected),&.today-day.hovered:hover:not(.selected),&.today-day:not(.selected){color:var(--color-theme-900);}&.userAvailability.today-day:not(.selected):after,&.nonWorkingDaysOfWeek.today-day:not(.selected):after,&.userAvailability.today-day.hovered:hover:not(.selected):after,&.nonWorkingDaysOfWeek.today-day.hovered:hover:not(.selected):after,&.nonWorkingDay.today-day:not(.selected):after,&.nonWorkingDay.today-day.hovered:hover:not(.selected):after,&.today-day.hovered:hover:not(.selected):after,&.today-day:not(.selected):after{background-color:var(--color-theme-900);}&.hovered:hover:not(.selected){background:var(--color-primary-400);}&.selected{color:var(--page-paper-main);background:var(--color-primary);.neon &{color:var(--page-paper-main);}&.today-day{&:after{background:var(--page-paper-main);.neon &{background:var(--page-paper-main);}}&.nonWorkingDay{color:var(--page-paper-main);.neon &{color:var(--page-paper-main);}}}}}"]);
 var StyledDatePickerWrapper = exports.StyledDatePickerWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDatePickerWrapper",
   componentId: "sc-18towna-2"

package/dist/cjs/components/DatePicker/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_Button","_ConfirmDialog","e","__esModule","default","StyledConfirmDialog","exports","styled","ConfirmDialog","withConfig","displayName","componentId","StyledDatePickerContainerInner","div","StyledDatePickerWrapper","StyledDaysOfWeek","StyledDayName","StyledCalendarDates","StyledCalendarDate","StyledCaption","span","StyledCalendarSelector","StyledYearSelect","StyledYearOption","StyledMonthOption","StyledMonthSelect","StyledMonthSelector","StyledControls","StyledControlsLeft","StyledClearInstantButton","Button","StyledCalendarHeader"],"sources":["../../../../src/components/DatePicker/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../Button\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n  .modal-header {\n    padding: 16px 30px;\n    h1 {\n      margin: 0;\n      font-size: 16px;\n    }\n  }\n  .modal-body {\n    padding: 10px 30px;\n  }\n  .modal-divider {\n    border-top: 1px solid var(--border-primary);\n    height: 1px;\n  }\n  .modal-footer {\n    padding: 16px 30px;\n  }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledDatePickerContainerInner = styled.div`\n  & > * {\n    font-family: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\",\n      Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  & {\n    @keyframes slide-up {\n      from {\n        transform: translateY(0);\n        opacity: 1;\n      }\n      to {\n        transform: translateY(-20px);\n        opacity: 0;\n      }\n    }\n\n    @keyframes slide-down {\n      from {\n        transform: translateY(0);\n        opacity: 1;\n      }\n      to {\n        transform: translateY(20px);\n        opacity: 0;\n      }\n    }\n    .slide-up {\n      animation: slide-up 0.3s ease-in-out;\n    }\n\n    .slide-down {\n      animation: slide-down 0.3s ease-in-out;\n    }\n\n    .today-day {\n      position: relative;\n\n      &::after {\n        position: absolute;\n        content: \"\";\n        bottom: 2px;\n        height: 3px;\n        width: 3px;\n        border-radius: 3px;\n        margin: 0 auto;\n        left: 0;\n        right: 0;\n        background: var(--color-primary);\n      }\n    }\n\n    .today-day,\n    .today-month,\n    .today-year {\n      color: var(--color-primary);\n      background-color: none;\n    }\n\n    .selected {\n      background-color: var(--color-primary) !important;\n      color: var(--color-theme-100) !important;\n    }\n\n    .disabled {\n      pointer-events: none;\n      color: var(--color-theme-500);\n    }\n\n    .hovered {\n      background-color: var(--color-primary-300);\n    }\n  }\n\n  /* User Availability and Non-Working Days */\n  .userAvailability,\n  .nonWorkingDaysOfWeek {\n    color: var(--red-alert);\n    &.hovered:hover:not(.selected) {\n      background-color: rgba(237, 97, 97, 0.1);\n      color: var(--red-alert);\n    }\n    &.today-day {\n      color: var(--red-alert);\n      &:after {\n        background-color: var(--red-alert);\n      }\n      &.hovered:hover:not(.selected):after {\n        background-color: var(--red-alert);\n      }\n    }\n  }\n\n  /* Selected Day */\n  .selected {\n    background-color: var(--color-primary);\n    color: var(--color-theme-100);\n    &.today-day {\n      color: var(--color-theme-100);\n      &:after {\n        background-color: var(--color-theme-100);\n      }\n    }\n    &.userAvailability,\n    &.nonWorkingDaysOfWeek {\n      background-color: var(--red-alert) !important;\n      color: var(--color-theme-100) !important;\n    }\n  }\n\n  /* Non-Working Day */\n  .nonWorkingDay {\n    color: var(--color-theme-500);\n    &.hovered:hover:not(.selected) {\n      color: var(--color-theme-500);\n    }\n    &.today-day {\n      color: var(--color-primary-500);\n      &:after {\n        background-color: var(--color-primary-500);\n      }\n      &.hovered:hover:not(.selected) {\n        color: var(--color-theme-500);\n        &:after {\n          background-color: var(--color-theme-500);\n        }\n      }\n    }\n    &.userAvailability,\n    &.nonWorkingDaysOfWeek {\n      &.hovered:hover:not(.selected) {\n        color: var(--color-theme-500);\n        background-color: var(--color-primary-300);\n        &.today-day:after {\n          background-color: var(--color-theme-500);\n        }\n      }\n    }\n    &.selected {\n      color: rgba(255, 255, 255, 0.6);\n      background-color: var(--color-primary);\n      .neon & {\n        color: rgba(0, 0, 0, 0.4);\n      }\n      &.today-day {\n        color: rgba(255, 255, 255, 0.6);\n        .neon & {\n          color: rgba(0, 0, 0, 0.4);\n        }\n        &:after {\n          background-color: rgba(255, 255, 255, 0.6);\n          .neon & {\n            background-color: rgba(0, 0, 0, 0.4);\n          }\n        }\n      }\n    }\n  }\n\n  /* Disabled Day */\n  .disabled {\n    cursor: default;\n    color: var(--color-theme-500);\n    &.hovered:hover {\n      color: var(--color-theme-500);\n    }\n  }\n\n  /* Outside Days */\n  .outside {\n    cursor: default;\n    opacity: 0.25;\n    color: var(--color-theme-900);\n\n    &.userAvailability.hovered:hover:not(.selected),\n    &.nonWorkingDaysOfWeek.hovered:hover:not(.selected) {\n      background: var(--color-primary-300);\n    }\n    &.userAvailability:not(.selected),\n    &.nonWorkingDaysOfWeek:not(.selected),\n    &.userAvailability.hovered:hover:not(.selected),\n    &.nonWorkingDaysOfWeek.hovered:hover:not(.selected),\n    &.nonWorkingDay.hovered:hover:not(.selected),\n    &.nonWorkingDay:not(.selected),\n    &.today-day.hovered:hover:not(.selected),\n    &.today-day:not(.selected) {\n      color: var(--color-theme-900);\n    }\n\n    &.userAvailability.today-day:not(.selected):after,\n    &.nonWorkingDaysOfWeek.today-day:not(.selected):after,\n    &.userAvailability.today-day.hovered:hover:not(.selected):after,\n    &.nonWorkingDaysOfWeek.today-day.hovered:hover:not(.selected):after,\n    &.nonWorkingDay.today-day:not(.selected):after,\n    &.nonWorkingDay.today-day.hovered:hover:not(.selected):after,\n    &.today-day.hovered:hover:not(.selected):after,\n    &.today-day:not(.selected):after {\n      background-color: var(--color-theme-900);\n    }\n\n    &.hovered:hover:not(.selected) {\n      background: var(--color-primary-400);\n    }\n\n    &.selected {\n      color: var(--page-paper-main);\n      background: var(--color-primary);\n      .neon & {\n        color: var(--page-paper-main);\n      }\n      &.today-day {\n        &:after {\n          background: var(--page-paper-main);\n          .neon & {\n            background: var(--page-paper-main);\n          }\n        }\n        &.nonWorkingDay {\n          color: var(--page-paper-main);\n          .neon & {\n            color: var(--page-paper-main);\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const StyledDatePickerWrapper = styled.div`\n  position: relative;\n  display: inline-block;\n  width: 100%;\n`;\n\nStyledDatePickerWrapper.displayName = \"StyledDatePickerWrapper\";\n\nexport const StyledDaysOfWeek = styled.div`\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  text-align: center;\n  font-weight: bold;\n  margin-bottom: 0;\n  width: 100%;\n`;\n\nStyledDaysOfWeek.displayName = \"StyledDaysOfWeek\";\n\nexport const StyledDayName = styled.div`\n  width: 27px;\n  height: 27px;\n  display: grid;\n  place-items: center;\n  font-size: 11px;\n  font-weight: 400;\n  color: var(--color-theme-600);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n`;\n\nStyledDayName.displayName = \"StyledDayName\";\n\nexport const StyledCalendarDates = styled.div`\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  text-align: center;\n  row-gap: 4px;\n  width: 100%;\n`;\n\nStyledCalendarDates.displayName = \"StyledCalendarDates\";\n\nexport const StyledCalendarDate = styled.div`\n  cursor: pointer;\n  border-radius: 50%;\n  transition: background 0.3s;\n  width: 27px;\n  height: 27px;\n  display: grid;\n  place-items: center;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledCalendarDate.displayName = \"StyledCalendarDate\";\n\nexport const StyledCaption = styled.span`\n  font-size: 18.5px;\n  font-weight: 500;\n  padding: 0 16px;\n  border-radius: 15px;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &.year-caption {\n    margin: auto !important;\n  }\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledCaption.displayName = \"StyledCaption\";\n\nexport const StyledCalendarSelector = styled.div`\n  height: 230px;\n  display: grid;\n  place-items: center;\n  width: 100%;\n  max-width: 212px;\n  margin: auto;\n`;\n\nStyledCalendarSelector.displayName = \"StyledCalendarSelector\";\n\nexport const StyledYearSelect = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 4px;\n  padding: 8px 20px;\n  max-height: 210px;\n  overflow-y: auto;\n  width: 100%;\n`;\n\nStyledYearSelect.displayName = \"StyledYearSelect\";\n\nexport const StyledYearOption = styled.div`\n  cursor: pointer;\n  text-align: center;\n  border-radius: 16px;\n  transition: background 0.2s;\n  font-size: 14px;\n  margin: auto;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 18px;\n  width: 50px;\n  margin-bottom: 16px;\n  height: 20px;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledYearOption.displayName = \"StyledYearOption\";\n\nexport const StyledMonthOption = styled.div`\n  text-align: center;\n  cursor: pointer;\n  border-radius: 16px;\n  transition: background 0.2s;\n  margin: 13.5px auto;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 18px;\n  width: 50px;\n  margin-bottom: 16px;\n  height: 20px;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledMonthOption.displayName = \"StyledMonthOption\";\n\nexport const StyledMonthSelect = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 4px;\n  width: 100%;\n  height: 220px;\n  margin: auto;\n`;\n\nStyledMonthSelect.displayName = \"StyledMonthSelect\";\n\nexport const StyledMonthSelector = styled.div`\n  width: 100%;\n  padding: 8px 20px;\n`;\n\nStyledMonthSelector.displayName = \"StyledMonthSelector\";\n\nexport const StyledControls = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px solid var(--border-primary);\n  margin: 8px 0 0;\n  padding: 8px 24px 0px;\n`;\n\nStyledControls.displayName = \"StyledControls\";\n\nexport const StyledControlsLeft = styled.div`\n  display: flex;\n  gap: 8px;\n`;\n\nStyledControlsLeft.displayName = \"StyledControlsLeft\";\n\nexport const StyledClearInstantButton = styled(Button)`\n  margin: auto !important;\n`;\n\nStyledClearInstantButton.displayName = \"StyledClearInstantButton\";\n\nexport const StyledCalendarHeader = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: bold;\n  margin: auto;\n  margin-bottom: 4px;\n  cursor: pointer;\n  width: 230px;\n`;\n\nStyledCalendarHeader.displayName = \"StyledCalendarHeader\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1C,IAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,yBAAM,EAACC,4BAAa,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2MAkBvD;AAEDN,mBAAmB,CAACK,WAAW,GAAG,qBAAqB;AAEhD,IAAME,8BAA8B,GAAAN,OAAA,CAAAM,8BAAA,GAAGL,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yvHAqOvD;AAEM,IAAMG,uBAAuB,GAAAR,OAAA,CAAAQ,uBAAA,GAAGP,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DAIhD;AAEDG,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB;AAExD,IAAMK,gBAAgB,GAAAT,OAAA,CAAAS,gBAAA,GAAGR,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uHAOzC;AAEDI,gBAAgB,CAACL,WAAW,GAAG,kBAAkB;AAE1C,IAAMM,aAAa,GAAAV,OAAA,CAAAU,aAAA,GAAGT,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gNAYtC;AAEDK,aAAa,CAACN,WAAW,GAAG,eAAe;AAEpC,IAAMO,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAGV,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kGAM5C;AAEDM,mBAAmB,CAACP,WAAW,GAAG,qBAAqB;AAEhD,IAAMQ,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAGX,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+TAmB3C;AAEDO,kBAAkB,CAACR,WAAW,GAAG,oBAAoB;AAE9C,IAAMS,aAAa,GAAAb,OAAA,CAAAa,aAAA,GAAGZ,yBAAM,CAACa,IAAI,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uRAkBvC;AAEDQ,aAAa,CAACT,WAAW,GAAG,eAAe;AAEpC,IAAMW,sBAAsB,GAAAf,OAAA,CAAAe,sBAAA,GAAGd,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4FAO/C;AAEDU,sBAAsB,CAACX,WAAW,GAAG,wBAAwB;AAEtD,IAAMY,gBAAgB,GAAAhB,OAAA,CAAAgB,gBAAA,GAAGf,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8HAQzC;AAEDW,gBAAgB,CAACZ,WAAW,GAAG,kBAAkB;AAE1C,IAAMa,gBAAgB,GAAAjB,OAAA,CAAAiB,gBAAA,GAAGhB,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iXAsBzC;AAEDY,gBAAgB,CAACb,WAAW,GAAG,kBAAkB;AAE1C,IAAMc,iBAAiB,GAAAlB,OAAA,CAAAkB,iBAAA,GAAGjB,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yWAqB1C;AAEDa,iBAAiB,CAACd,WAAW,GAAG,mBAAmB;AAE5C,IAAMe,iBAAiB,GAAAnB,OAAA,CAAAmB,iBAAA,GAAGlB,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGAO1C;AAEDc,iBAAiB,CAACf,WAAW,GAAG,mBAAmB;AAE5C,IAAMgB,mBAAmB,GAAApB,OAAA,CAAAoB,mBAAA,GAAGnB,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAG5C;AAEDe,mBAAmB,CAAChB,WAAW,GAAG,qBAAqB;AAEhD,IAAMiB,cAAc,GAAArB,OAAA,CAAAqB,cAAA,GAAGpB,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kIAMvC;AAEDgB,cAAc,CAACjB,WAAW,GAAG,gBAAgB;AAEtC,IAAMkB,kBAAkB,GAAAtB,OAAA,CAAAsB,kBAAA,GAAGrB,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6BAG3C;AAEDiB,kBAAkB,CAAClB,WAAW,GAAG,oBAAoB;AAE9C,IAAMmB,wBAAwB,GAAAvB,OAAA,CAAAuB,wBAAA,GAAG,IAAAtB,yBAAM,EAACuB,cAAM,CAAC,CAAArB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAErD;AAEDkB,wBAAwB,CAACnB,WAAW,GAAG,0BAA0B;AAE1D,IAAMqB,oBAAoB,GAAAzB,OAAA,CAAAyB,oBAAA,GAAGxB,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gJAS7C;AAEDoB,oBAAoB,CAACrB,WAAW,GAAG,sBAAsB","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_Button","_ConfirmDialog","e","__esModule","default","StyledConfirmDialog","exports","styled","ConfirmDialog","withConfig","displayName","componentId","StyledDatePickerContainerInner","div","StyledDatePickerWrapper","StyledDaysOfWeek","StyledDayName","StyledCalendarDates","StyledCalendarDate","StyledCaption","span","StyledCalendarSelector","StyledYearSelect","StyledYearOption","StyledMonthOption","StyledMonthSelect","StyledMonthSelector","StyledControls","StyledControlsLeft","StyledClearInstantButton","Button","StyledCalendarHeader"],"sources":["../../../../src/components/DatePicker/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../Button\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n  .modal-header {\n    padding: 16px 30px;\n    h1 {\n      margin: 0;\n      font-size: 16px;\n    }\n  }\n  .modal-body {\n    padding: 10px 30px;\n  }\n  .modal-divider {\n    border-top: 1px solid var(--border-primary);\n    height: 1px;\n  }\n  .modal-footer {\n    padding: 16px 30px;\n  }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledDatePickerContainerInner = styled.div`\n  & > * {\n    font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Roboto\",\n      \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  & {\n    @keyframes slide-up {\n      from {\n        transform: translateY(0);\n        opacity: 1;\n      }\n      to {\n        transform: translateY(-20px);\n        opacity: 0;\n      }\n    }\n\n    @keyframes slide-down {\n      from {\n        transform: translateY(0);\n        opacity: 1;\n      }\n      to {\n        transform: translateY(20px);\n        opacity: 0;\n      }\n    }\n    .slide-up {\n      animation: slide-up 0.3s ease-in-out;\n    }\n\n    .slide-down {\n      animation: slide-down 0.3s ease-in-out;\n    }\n\n    .today-day {\n      position: relative;\n\n      &::after {\n        position: absolute;\n        content: \"\";\n        bottom: 2px;\n        height: 3px;\n        width: 3px;\n        border-radius: 3px;\n        margin: 0 auto;\n        left: 0;\n        right: 0;\n        background: var(--color-primary);\n      }\n    }\n\n    .today-day,\n    .today-month,\n    .today-year {\n      color: var(--color-primary);\n      background-color: none;\n    }\n\n    .selected {\n      background-color: var(--color-primary) !important;\n      color: var(--color-theme-100) !important;\n    }\n\n    .disabled {\n      pointer-events: none;\n      color: var(--color-theme-500);\n    }\n\n    .hovered {\n      background-color: var(--color-primary-300);\n    }\n  }\n\n  /* User Availability and Non-Working Days */\n  .userAvailability,\n  .nonWorkingDaysOfWeek {\n    color: var(--red-alert);\n    &.hovered:hover:not(.selected) {\n      background-color: rgba(237, 97, 97, 0.1);\n      color: var(--red-alert);\n    }\n    &.today-day {\n      color: var(--red-alert);\n      &:after {\n        background-color: var(--red-alert);\n      }\n      &.hovered:hover:not(.selected):after {\n        background-color: var(--red-alert);\n      }\n    }\n  }\n\n  /* Selected Day */\n  .selected {\n    background-color: var(--color-primary);\n    color: var(--color-theme-100);\n    &.today-day {\n      color: var(--color-theme-100);\n      &:after {\n        background-color: var(--color-theme-100);\n      }\n    }\n    &.userAvailability,\n    &.nonWorkingDaysOfWeek {\n      background-color: var(--red-alert) !important;\n      color: var(--color-theme-100) !important;\n    }\n  }\n\n  /* Non-Working Day */\n  .nonWorkingDay {\n    color: var(--color-theme-500);\n    &.hovered:hover:not(.selected) {\n      color: var(--color-theme-500);\n    }\n    &.today-day {\n      color: var(--color-primary-500);\n      &:after {\n        background-color: var(--color-primary-500);\n      }\n      &.hovered:hover:not(.selected) {\n        color: var(--color-theme-500);\n        &:after {\n          background-color: var(--color-theme-500);\n        }\n      }\n    }\n    &.userAvailability,\n    &.nonWorkingDaysOfWeek {\n      &.hovered:hover:not(.selected) {\n        color: var(--color-theme-500);\n        background-color: var(--color-primary-300);\n        &.today-day:after {\n          background-color: var(--color-theme-500);\n        }\n      }\n    }\n    &.selected {\n      color: rgba(255, 255, 255, 0.6);\n      background-color: var(--color-primary);\n      .neon & {\n        color: rgba(0, 0, 0, 0.4);\n      }\n      &.today-day {\n        color: rgba(255, 255, 255, 0.6);\n        .neon & {\n          color: rgba(0, 0, 0, 0.4);\n        }\n        &:after {\n          background-color: rgba(255, 255, 255, 0.6);\n          .neon & {\n            background-color: rgba(0, 0, 0, 0.4);\n          }\n        }\n      }\n    }\n  }\n\n  /* Disabled Day */\n  .disabled {\n    cursor: default;\n    color: var(--color-theme-500);\n    &.hovered:hover {\n      color: var(--color-theme-500);\n    }\n  }\n\n  /* Outside Days */\n  .outside {\n    cursor: default;\n    opacity: 0.25;\n    color: var(--color-theme-900);\n\n    &.userAvailability.hovered:hover:not(.selected),\n    &.nonWorkingDaysOfWeek.hovered:hover:not(.selected) {\n      background: var(--color-primary-300);\n    }\n    &.userAvailability:not(.selected),\n    &.nonWorkingDaysOfWeek:not(.selected),\n    &.userAvailability.hovered:hover:not(.selected),\n    &.nonWorkingDaysOfWeek.hovered:hover:not(.selected),\n    &.nonWorkingDay.hovered:hover:not(.selected),\n    &.nonWorkingDay:not(.selected),\n    &.today-day.hovered:hover:not(.selected),\n    &.today-day:not(.selected) {\n      color: var(--color-theme-900);\n    }\n\n    &.userAvailability.today-day:not(.selected):after,\n    &.nonWorkingDaysOfWeek.today-day:not(.selected):after,\n    &.userAvailability.today-day.hovered:hover:not(.selected):after,\n    &.nonWorkingDaysOfWeek.today-day.hovered:hover:not(.selected):after,\n    &.nonWorkingDay.today-day:not(.selected):after,\n    &.nonWorkingDay.today-day.hovered:hover:not(.selected):after,\n    &.today-day.hovered:hover:not(.selected):after,\n    &.today-day:not(.selected):after {\n      background-color: var(--color-theme-900);\n    }\n\n    &.hovered:hover:not(.selected) {\n      background: var(--color-primary-400);\n    }\n\n    &.selected {\n      color: var(--page-paper-main);\n      background: var(--color-primary);\n      .neon & {\n        color: var(--page-paper-main);\n      }\n      &.today-day {\n        &:after {\n          background: var(--page-paper-main);\n          .neon & {\n            background: var(--page-paper-main);\n          }\n        }\n        &.nonWorkingDay {\n          color: var(--page-paper-main);\n          .neon & {\n            color: var(--page-paper-main);\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const StyledDatePickerWrapper = styled.div`\n  position: relative;\n  display: inline-block;\n  width: 100%;\n`;\n\nStyledDatePickerWrapper.displayName = \"StyledDatePickerWrapper\";\n\nexport const StyledDaysOfWeek = styled.div`\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  text-align: center;\n  font-weight: bold;\n  margin-bottom: 0;\n  width: 100%;\n`;\n\nStyledDaysOfWeek.displayName = \"StyledDaysOfWeek\";\n\nexport const StyledDayName = styled.div`\n  width: 27px;\n  height: 27px;\n  display: grid;\n  place-items: center;\n  font-size: 11px;\n  font-weight: 400;\n  color: var(--color-theme-600);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n`;\n\nStyledDayName.displayName = \"StyledDayName\";\n\nexport const StyledCalendarDates = styled.div`\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  text-align: center;\n  row-gap: 4px;\n  width: 100%;\n`;\n\nStyledCalendarDates.displayName = \"StyledCalendarDates\";\n\nexport const StyledCalendarDate = styled.div`\n  cursor: pointer;\n  border-radius: 50%;\n  transition: background 0.3s;\n  width: 27px;\n  height: 27px;\n  display: grid;\n  place-items: center;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledCalendarDate.displayName = \"StyledCalendarDate\";\n\nexport const StyledCaption = styled.span`\n  font-size: 18.5px;\n  font-weight: 500;\n  padding: 0 16px;\n  border-radius: 15px;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &.year-caption {\n    margin: auto !important;\n  }\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledCaption.displayName = \"StyledCaption\";\n\nexport const StyledCalendarSelector = styled.div`\n  height: 230px;\n  display: grid;\n  place-items: center;\n  width: 100%;\n  max-width: 212px;\n  margin: auto;\n`;\n\nStyledCalendarSelector.displayName = \"StyledCalendarSelector\";\n\nexport const StyledYearSelect = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 4px;\n  padding: 8px 20px;\n  max-height: 210px;\n  overflow-y: auto;\n  width: 100%;\n`;\n\nStyledYearSelect.displayName = \"StyledYearSelect\";\n\nexport const StyledYearOption = styled.div`\n  cursor: pointer;\n  text-align: center;\n  border-radius: 16px;\n  transition: background 0.2s;\n  font-size: 14px;\n  margin: auto;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 18px;\n  width: 50px;\n  margin-bottom: 16px;\n  height: 20px;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledYearOption.displayName = \"StyledYearOption\";\n\nexport const StyledMonthOption = styled.div`\n  text-align: center;\n  cursor: pointer;\n  border-radius: 16px;\n  transition: background 0.2s;\n  margin: 13.5px auto;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 18px;\n  width: 50px;\n  margin-bottom: 16px;\n  height: 20px;\n  color: var(--color-theme-900);\n  user-select: none; /* Standard property */\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+ */\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n`;\n\nStyledMonthOption.displayName = \"StyledMonthOption\";\n\nexport const StyledMonthSelect = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 4px;\n  width: 100%;\n  height: 220px;\n  margin: auto;\n`;\n\nStyledMonthSelect.displayName = \"StyledMonthSelect\";\n\nexport const StyledMonthSelector = styled.div`\n  width: 100%;\n  padding: 8px 20px;\n`;\n\nStyledMonthSelector.displayName = \"StyledMonthSelector\";\n\nexport const StyledControls = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px solid var(--border-primary);\n  margin: 8px 0 0;\n  padding: 8px 24px 0px;\n`;\n\nStyledControls.displayName = \"StyledControls\";\n\nexport const StyledControlsLeft = styled.div`\n  display: flex;\n  gap: 8px;\n`;\n\nStyledControlsLeft.displayName = \"StyledControlsLeft\";\n\nexport const StyledClearInstantButton = styled(Button)`\n  margin: auto !important;\n`;\n\nStyledClearInstantButton.displayName = \"StyledClearInstantButton\";\n\nexport const StyledCalendarHeader = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: bold;\n  margin: auto;\n  margin-bottom: 4px;\n  cursor: pointer;\n  width: 230px;\n`;\n\nStyledCalendarHeader.displayName = \"StyledCalendarHeader\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FontStyle.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FontStyle = void 0;
 var _styledComponents = require("styled-components");
-var FontStyle = exports.FontStyle = (0, _styledComponents.css)(["font-family:-apple-system,BlinkMacSystemFont,\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"]);
+var FontStyle = exports.FontStyle = (0, _styledComponents.css)(["font-family:-apple-system,BlinkMacSystemFont,\"Inter\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"]);
 //# sourceMappingURL=FontStyle.js.map

package/dist/cjs/components/FontStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"FontStyle.js","names":["_styledComponents","require","FontStyle","exports","css"],"sources":["../../../src/components/FontStyle.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nexport const FontStyle = css`\n  font-family: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\",\n    Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,OAAGE,qBAAG,wKAK3B","ignoreList":[]}
+{"version":3,"file":"FontStyle.js","names":["_styledComponents","require","FontStyle","exports","css"],"sources":["../../../src/components/FontStyle.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nexport const FontStyle = css`\n  font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Roboto\",\n    \"Helvetica Neue\", Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,OAAGE,qBAAG,kLAK3B","ignoreList":[]}

package/dist/cjs/presentation/shared/SourceCodeSection.js

@@ -216,6 +216,86 @@ var ISSUES = [{
 /* ---- Branches / pull requests -------------------------------------- */
 
 var CODE_ENTRIES = [{
+  // Open PR with a pipeline mid-run: the CI / Build stage is "progress"
+  // (blue node, white dot) while Deploy is still "todo". This is the one
+  // state note 02 describes but the other examples never show — a healthy
+  // task that is currently *doing something*, visible at a glance on the
+  // spine. The connector into Build turns green (movement into the stage);
+  // the connector into Deploy stays muted.
+  kind: "pr",
+  title: "#119921 Recalculate ranks when a contract is archived",
+  headSha: "3d5a8f1c9b7e2604a1f8c3d5e6079b2a4c6d8e0f",
+  repo: "backend",
+  repoFull: "activecollab/backend",
+  status: "open",
+  sourceBranch: "fix/rank-archive-482",
+  targetBranch: "main",
+  contributors: [{
+    initials: "DA",
+    bg: _tokens.AVATAR_COLORS.green
+  }],
+  commits: {
+    value: 8,
+    tip: "8 commits · last 1h ago by Dragana A."
+  },
+  diff: {
+    add: 96,
+    del: 12,
+    tip: "96 additions, 12 deletions across 5 files"
+  },
+  comments: {
+    value: 2,
+    tip: "2 comments on the pull request"
+  },
+  updatedLabel: "10m ago",
+  updatedMinsAgo: 10,
+  references: ["#482"],
+  stages: mkStages([{
+    state: "done",
+    details: ["fix/rank-archive-482", "on activecollab/backend"]
+  }, {
+    state: "done",
+    details: ["8 commits", "last 1h ago by Dragana A."]
+  }, {
+    state: "done",
+    details: ["#119921 opened", "awaiting review"]
+  }, {
+    state: "progress",
+    details: ["Build running", "CI pipeline #501 in progress"]
+  }, {
+    state: "todo",
+    details: ["Not deployed"]
+  }]),
+  pipelineSupported: true,
+  history: [{
+    icon: _Icons.GitBranchIcon,
+    title: "Branch created",
+    detail: "fix/rank-archive-482 by Dragana A.",
+    minutesAgo: 600
+  }, {
+    icon: _Icons.GitCommitIcon,
+    title: "8 commits pushed",
+    detail: "Last by Dragana A.: “Recalculate ranks on contract archive”",
+    minutesAgo: 90
+  }, {
+    icon: _Icons.GitPullRequestIcon,
+    title: "Pull request opened",
+    detail: "Target: main by Dragana A.",
+    minutesAgo: 40,
+    tone: "progress"
+  }, {
+    icon: _Icons.EyeIcon,
+    title: "Review requested",
+    detail: "Requested by Ilija S. and Marko K.",
+    minutesAgo: 30
+  }, {
+    icon: _Icons.GearIcon,
+    title: "Build started",
+    detail: "CI pipeline #501",
+    minutesAgo: 10,
+    tone: "progress"
+  }]
+}, {
   kind: "branch",
   title: "spike/rank-cache",
   headSha: "9f3c1a2b7d4e5f60819a2b3c4d5e6f7081920304",
@@ -916,7 +996,7 @@ var HistoryDialog = exports.HistoryDialog = function HistoryDialog(_ref5) {
 var StyledSourceCode = _styledComponents.default.div.withConfig({
   displayName: "SourceCodeSection__StyledSourceCode",
   componentId: "sc-rvqbh5-3"
-})(["font-family:", ";margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--border-primary);.sc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;}.sc-completed-row{display:flex;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-primary);}.sc-add{margin-top:8px;padding-top:12px;border-top:1px solid var(--border-primary);}.sc-add .c--add-to-list-btn svg{box-sizing:content-box;}.sc-item{padding:12px 0;}.sc-item + .sc-item{border-top:1px solid var(--border-primary);}.sc-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}.sc-main{flex:1 1 0%;min-width:0;}.sc-name{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;}.sc-lead{flex-shrink:0;display:inline-flex;color:var(--color-theme-600);}.sc-title{flex:0 1 auto;min-width:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.sc-title.strike{text-decoration:line-through;}.sc-title.strike-link{text-decoration:line-through;}.sc-title.strike-link:hover{text-decoration:none;}.sc-sigs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--color-theme-600);}.sc-sig{display:inline-flex;align-items:center;gap:4px;}.sc-chip{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:0.02em;flex-shrink:0;}.sc-chip.done{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent);}.sc-chip.gone{color:var(--color-theme-900);background:var(--color-theme-200);border:1px solid var(--border-primary);}.sc-avatars{display:flex;align-items:center;}.sc-sha{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--color-theme-500);}.sc-diff .add{color:var(--color-sucess-green);}.sc-diff .del{color:var(--red-alert);}.sc-muted{color:var(--color-theme-500);}.sc-refs{display:inline-flex;align-items:center;gap:6px;}.sc-refs .ref-link{color:var(--color-primary);font-weight:500;}"], SANS);
+})(["font-family:", ";margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--border-primary);.sc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;}.sc-completed-row{display:flex;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-primary);}.sc-add{margin-top:8px;padding-top:12px;border-top:1px solid var(--border-primary);}.sc-add .c--add-to-list-btn svg{box-sizing:content-box;}.sc-item{padding:12px 0;}.sc-item + .sc-item{border-top:1px solid var(--border-primary);}.sc-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}.sc-main{flex:1 1 0%;min-width:0;}.sc-name{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;}.sc-lead{flex-shrink:0;display:inline-flex;color:var(--color-theme-600);}.sc-title{flex:0 1 auto;min-width:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.sc-title.strike{text-decoration:line-through;}.sc-title.strike-link{text-decoration:line-through;}.sc-title.strike-link:hover{text-decoration:none;}.sc-sigs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--color-theme-600);}.sc-sig{display:inline-flex;align-items:center;gap:4px;}.sc-chip{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:0.02em;flex-shrink:0;}.sc-chip.done{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent);}.sc-chip.gone{color:var(--color-theme-900);background:var(--color-theme-200);border:1px solid var(--border-primary);}.sc-avatars{display:flex;align-items:center;}.sc-sha{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--color-theme-600);}.sc-diff .add{color:var(--color-sucess-green);}.sc-diff .del{color:var(--red-alert);}.sc-muted{color:var(--color-theme-600);}.sc-refs{display:inline-flex;align-items:center;gap:6px;}.sc-refs .ref-link{color:var(--color-primary);font-weight:500;}"], SANS);
 
 /* Element name — a link that opens the object in a new tab. Keeps the row's
    typography (inherits color + weight), turns primary on hover, link cursor. */