@cayuse-test/react 1.0.0

package/dist/styles-IUBOTHBR.css

@@ -0,0 +1,581 @@
+.task-form {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+
+  width: 100%;
+  max-width: 1400px;
+
+  --width-d-icon: 25px;
+  --spacing-h-0-3x: 20px;
+}
+
+.task-form .fields:after {
+  content: none;
+}
+
+.task-form .field,
+.task-form .fields {
+  margin-bottom: 20px;
+}
+
+.task-form .field > label {
+  display: flex;
+  font-size: 14px;
+}
+
+/* disabled */
+.task-form .disabled.field {
+  opacity: 1;
+}
+.task-form .field.disabled > label {
+  opacity: 1;
+}
+.task-form .disabled.field .ui.selection.dropdown,
+.field.disabled .task-form_input_disabled:disabled {
+  /*background-color: var(--color-very-light-grey);*/
+  /*opacity: 1;*/
+}
+
+.task-form_input_disabled:-moz-read-only {
+  /*background-color: var(--color-very-light-grey) !important;*/
+}
+
+.task-form_input_disabled:read-only {
+  /*background-color: var(--color-very-light-grey) !important;*/
+}
+
+/* disabled end */
+
+.task-form-container {
+  display: flex;
+  width: 100%;
+  gap: 100px;
+  flex-wrap: wrap;
+}
+
+@media (max-width: 992px) and (min-width: 320px) {
+  .task-form-container {
+    gap: 24px;
+  }
+}
+
+.task-form-left-column {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 24px;
+  min-width: 300px;
+  max-width: 660px;
+}
+
+.w-450 {
+  width: 450px;
+}
+
+.task-form-right-column {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 24px;
+  min-width: 370px;
+  max-width: 450px;
+}
+
+.task-form_error {
+  margin-top: 4px;
+
+  all: unset;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: var(--color-danger);
+}
+
+.task-form_error_input,
+.task-form_input_error > .input > input,
+.task-form_input_error.cayuse-input > input,
+.task-form_url_error_input > .input > input {
+  background-color: rgba(255, 0, 0, 0.2);
+  border-color: var(--color-danger);
+  border-width: 2px;
+}
+
+.task-form_save_edit-comment-actions {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+}
+
+.task-edit-comment,
+.task-new-comment {
+  height: 6em;
+  min-height: 6em;
+}
+
+.task-form_save_new_comment_button {
+  align-self: flex-end;
+}
+
+.task-form_info {
+  margin-top: 4px;
+
+  all: unset;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: #666;
+}
+
+.task-form_required-indicator {
+  color: var(--color-danger);
+  font-weight: bold;
+  line-height: 16px;
+  font-size: 24px;
+}
+
+.task-form_field {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+
+.task-form_label,
+.task-form_field > label {
+  display: flex;
+  font-size: 14px;
+  color: #111111;
+  font-weight: 700;
+  line-height: 16px;
+}
+
+.task-form_label {
+  margin-bottom: 8px;
+}
+
+.task-form-info-block {
+  max-width: -moz-max-content;
+  max-width: max-content;
+}
+.task-form-info-block > p {
+  margin: 0;
+}
+.task-form-info-block,
+.task-form-info-block > p {
+  color: #111;
+  font-size: 14px;
+  font-style: normal;
+  line-height: 16px;
+}
+
+.task-form_created-by,
+.task-form_created-by > p {
+  color: #111;
+  font-size: 14px;
+  font-style: normal;
+  line-height: 16px;
+}
+
+.task-form .ui.search.dropdown,
+.task-form_person-finder {
+  width: 100%;
+}
+
+/*.task-form_person-finder.ui.selection.active.dropdown .menu,*/
+/*.task-form_person-finder.ui.selection.active.dropdown .menu:hover,*/
+/*.task-form_person-finder.ui.selection.active.dropdown,*/
+/*.task-form_person-finder.ui.selection.active.dropdown:hover {*/
+/*  border-color: var(--color-focus);*/
+/*}*/
+
+/*.task-form_person-finder.ui.selection.dropdown:focus-within,*/
+/*.task-form_person-finder.ui.selection.dropdown:focus-visible {*/
+/*  border-color: var(--color-focus);*/
+/*}*/
+
+/*.task-form_url-input {*/
+/*  margin-bottom: 0;*/
+/*}*/
+
+/*.task-form_url-input > div {*/
+/*  margin: 0;*/
+/*}*/
+
+/*.task-form_url-input input {*/
+/*  width: 100%;*/
+/*}*/
+
+.task-form_status-dropdown {
+  border: 1px solid #808080 !important;
+  min-height: 38px;
+  width: 100%;
+  height: 38px;
+  background: #fff;
+  padding: 0 !important;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 4px;
+}
+
+.task-form_status-dropdown button {
+  padding: 11px 14px !important;
+}
+
+.task-form_status-dropdown button:focus,
+.task-form_status-dropdown button:focus-visible,
+.task-form_status-dropdown button:focus-within {
+  outline: var(--color-focus) auto 1px !important;
+}
+
+.task-form_status_closed-by {
+  margin-top: 4px;
+}
+
+.task-form_status_closed-by p {
+  margin: 0;
+}
+
+.task-form .task-form_footer {
+  display: flex;
+  justify-content: space-between;
+  gap: 24px;
+}
+
+.task-form .task-form_footer .ml-auto {
+  margin-left: auto;
+}
+
+.task-form_button-group {
+  height: 100%;
+  display: flex;
+  align-items: flex-end;
+}
+
+.task-form_status-dropdown {
+  z-index: 16 !important;
+}
+
+@media (max-width: 992px) and (min-width: 320px) {
+  .task-form .fields {
+    gap: 24px;
+  }
+
+  .task-form .task-form_footer {
+    flex-direction: column;
+  }
+
+  .task-form_button-group {
+    width: -moz-max-content;
+    width: max-content;
+    justify-content: flex-start;
+  }
+}
+
+.task-form_status .task-form_status__control {
+  border-color: var(--color-border-default);
+  border-radius: var(--border-radius-default);
+}
+
+.task-form_status
+  .task-form_status__control.task-form_status__control--is-focused {
+  border-color: var(--color-focus);
+  box-shadow: none;
+}
+
+.task-form_status__control > .task-form_status__value-container {
+  padding: 0 24px 0 14px;
+}
+
+.task-form_status .task-form_status__menu {
+  z-index: 20;
+}
+
+.task-form_status__menu-list > .task-form_status__option {
+  padding: 11px 16px;
+  line-height: 1;
+}
+
+.task-form_status__menu-list
+  > .task-form_status__option.task-form_status__option--is-focused {
+  background-color: rgba(0, 0, 0, 0.05);
+  color: rgba(0, 0, 0, 0.95);
+}
+
+.task-form_status__menu-list
+  > .task-form_status__option.task-form_status__option--is-selected {
+  background-color: rgba(0, 0, 0, 0.03);
+  color: rgba(0, 0, 0, 0.95);
+  font-weight: 700;
+}
+
+.task-form_status__indicator-separator {
+  display: none;
+}
+
+.task-form_status__indicators > .dropdown.icon {
+  position: absolute;
+  top: 0;
+  margin: 0;
+  height: 18px;
+  right: 8px;
+  transform: translateY(50%);
+}
+
+.task-form_status .task-form_status__single-value {
+  color: black;
+}
+
+.task-form_category .task-form_category__control {
+  border-color: var(--color-border-default);
+  border-radius: var(--border-radius-default);
+}
+
+.task-form_category
+  .task-form_category__control.task-form_category__control--is-focused {
+  border-color: var(--color-focus);
+  box-shadow: none;
+}
+
+.task-form_category__control > .task-form_category__value-container {
+  padding: 0 24px 0 14px;
+}
+
+.task-form_category .task-form_category__menu {
+  z-index: 20;
+}
+
+.task-form_category__menu-list > .task-form_category__option {
+  padding: 11px 16px;
+  font-size: 14px;
+  line-height: 1;
+}
+
+.task-form_category__menu-list
+  > .task-form_category__option.task-form_category__option--is-focused {
+  background-color: rgba(0, 0, 0, 0.05);
+  color: rgba(0, 0, 0, 0.95);
+}
+
+.task-form_category__menu-list
+  > .task-form_category__option.task-form_category__option--is-selected {
+  background-color: rgba(0, 0, 0, 0.03);
+  color: rgba(0, 0, 0, 0.95);
+  font-weight: 700;
+}
+
+.task-form_category__indicator-separator {
+  display: none;
+}
+
+.task-form_category__indicators {
+  position: absolute;
+  top: 0;
+  margin: 0;
+  height: 18px;
+  right: 8px;
+  transform: translateY(50%);
+}
+
+.task-form_category .task-form_category__single-value {
+  color: black;
+}
+
+.task-form__clear-indicator {
+  display: flex;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  padding: 8px;
+  color: #111111;
+  border: none;
+  margin: 0;
+  background: none;
+  border-radius: 3px;
+  transition: color 150ms ease 0s;
+  box-sizing: border-box;
+}
+
+.task-form__clear-indicator:focus-visible {
+  outline-color: var(--color-focus);
+}
+.task-form__clear-indicator svg {
+  fill: currentColor;
+}
+
+/**
+    * Assign to field
+ */
+
+.task-form__assign-to {
+  display: flex;
+  gap: 20px;
+  flex-direction: column;
+}
+
+.task-form__assign-to .cayuse_radio-label {
+  font-weight: 400;
+}
+
+.task-form__assign-to-team {
+  display: flex;
+  gap: 20px;
+  flex-direction: column;
+}
+
+.task-form__select-team-member-wrapper {
+  margin-left: 24px;
+}
+
+.task-form__assign-to-team__select-team-wrapper .combobox__option--text {
+  max-width: calc(100% - 95px);
+}
+
+.task-form__assign-to .combobox__option-container--indented {
+  padding-left: 10px;
+  display: flex;
+}
+
+.task-form__assign-to .combobox__option--text {
+  font-size: 14px;
+  color: #666;
+  font-weight: 400;
+  line-height: 20px;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.task-form__assign-to .combobox__option--expand-all-label {
+  color: var(--color-cayuse-blue);
+  font-weight: 400;
+  font-style: italic;
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.task-form__assign-to .combobox__option-container {
+  display: flex;
+  flex-direction: column;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.task-form__assign-to .combobox__option--expanded {
+  margin-top: 3px;
+  padding-left: 16px;
+  font-size: 14px;
+  color: #555;
+  font-style: italic;
+  font-weight: 400;
+  line-height: 20px;
+}
+
+.task-form__assign-to .combobox__option--expanded > div {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.task-form .combobox .combobox__option {
+  padding: 8px 6px;
+}
+
+.task-form .combobox .combobox__option[data-searchable='true'] {
+  padding-left: 6px;
+}
+
+.task-form__milestone-progress {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  color: #000;
+  font-family: Lato;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px; /* 114.286% */
+}
+
+.task-form__milestone-progress > progress {
+  width: 192px;
+  height: 13px;
+  border-radius: 8px;
+}
+
+.task-form__milestone-progress > progress::-webkit-progress-bar {
+  border-radius: 8px;
+  border: 1px solid var(--color-border-default, #ccc);
+  background: #eeeeee;
+}
+
+.task-form__milestone-progress > progress::-webkit-progress-value {
+  border-radius: 8px;
+  background-color: var(--color-cayuse-blue);
+}
+
+.task-form__milestone-progress-placeholder {
+  height: 16px;
+  width: 306px;
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.task-form__milestone-progress-placeholder > span {
+  height: 100%;
+  background-color: var(--color-very-light-grey);
+}
+
+.task-form__milestone-progress-placeholder > span:nth-child(1),
+.task-form__milestone-progress-placeholder > span:nth-child(3) {
+  width: 15%;
+}
+
+.task-form__milestone-progress-placeholder > span:nth-child(2) {
+  width: 70%;
+}
+
+.task-form__task-title-cell:has(.clockIcon) {
+  position: relative;
+  top: 6px;
+  display: flex;
+  align-items: self-start;
+}
+
+.task-form__task-title-cell-clock-icon {
+  position: relative;
+  top: 0;
+  right: 8px;
+}
+
+.task-form__header-text-container {
+  position: relative;
+  padding-right: 10px;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+.task-form__header-text {
+  word-break: break-word;
+  line-height: 1.5;
+}
+
+.task-form__header-clock-icon {
+  position: absolute;
+  bottom: 14px;
+  width: 20px;
+}
+
+/**
+    * Category field
+ */
+
+.task-form_category__placeholder {
+  color: var(--color-dark-grey);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}

package/dist/styles-IZPTZRKW.css

@@ -0,0 +1,78 @@
+.submenu-container {
+  position: relative;
+}
+
+.submenu-container .submenu-icon {
+  margin-left: 5px;
+  margin-right: 0;
+}
+
+.submenu-container button {
+  border-left: none;
+  border-right: none;
+  border-top: none;
+  cursor: pointer;
+}
+
+.submenu-container li {
+  background: #ffffff;
+  display: block;
+  list-style: none;
+}
+
+.submenu-container a {
+  font-weight: normal;
+}
+
+.submenu-container > [role='menu'] {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
+  padding: 15px 8px;
+}
+
+.submenu-container [role='menu'] {
+  background: #ffffff;
+  margin: 0;
+}
+
+.submenu-container [role='menu'] > li > button {
+  width: 100%;
+}
+
+.submenu-container [role='menu'] [role='menuitem'] {
+  color: black;
+  margin-bottom: 2px;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.submenu-container [role='menu'] [role='menuitem']:not(.active) {
+  border: none;
+}
+
+.submenu-container .section-trigger {
+  display: flex;
+  justify-content: space-between;
+}
+
+.submenu {
+  display: none;
+  position: absolute;
+  left: 0;
+  width: 225px;
+  z-index: 100;
+}
+
+.section {
+  display: none;
+  position: relative;
+}
+
+.visible {
+  display: block;
+}
+
+.submenu-container .visible.section {
+  padding-left: 15px;
+}

package/dist/styles-LS2YWO5W.css

@@ -0,0 +1,39 @@
+.nav-link {
+  background: #ffffff;
+  border-bottom: 4px solid #ffffff;
+  color: #111111;
+  display: flex;
+  font-family: var(--font-family-d-body);
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 20px;
+  text-decoration: none;
+  padding: 12px 16px 13px;
+}
+
+.nav-link:not(:last-child) {
+  margin-right: 2px;
+}
+
+.nav-link:hover {
+  background: #eeeeee;
+  border-bottom: 4px solid #eeeeee;
+  color: #111111;
+}
+
+.nav-link:visited {
+  color: #111111;
+}
+
+.nav-link:focus,
+.nav-link:focus-visible {
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px var(--color-focus);
+  outline-color: var(--color-focus);
+  outline-width: 2px;
+}
+
+.nav-link.active {
+  border-bottom: 4px solid var(--color-primary);
+  color: var(--color-primary);
+}