@cayuse-test/react 1.0.0

package/dist/styles-7GWPZSR2.css

@@ -0,0 +1,222 @@
+.dynamic-table__container {
+  position: relative;
+  width: 100%;
+  overflow: auto;
+}
+
+.dynamic-table__wrapper {
+  overflow: auto;
+}
+
+.dynamic-table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  font-size: 14px;
+  vertical-align: baseline;
+}
+
+.dynamic-table {
+  width: 100%;
+  overflow-x: auto;
+  white-space: nowrap;
+  border-collapse: collapse;
+  border-spacing: 0;
+
+  --cell-padding: 12px;
+}
+
+.dynamic-table thead th {
+  padding: var(--cell-padding);
+
+  color: #111;
+  font-family: inherit;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 16px; /* 114.286% */
+
+  border-top: 1px solid var(--color-border-default);
+  border-bottom: 1px solid var(--color-border-default);
+  border-left: 1px solid var(--color-border-default);
+  background-color: var(--color-very-light-grey, #f5f5f5);
+
+  cursor: default;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.dynamic-table thead th:last-of-type {
+  border-right: 1px solid var(--color-border-default);
+}
+
+.dynamic-table thead th[data-sortable='true'][data-sort='true'],
+.dynamic-table thead th[data-sortable='true'][data-loading='false']:hover {
+  background-color: #eeeeee;
+  cursor: pointer;
+}
+.dynamic-table thead th[data-sortable='true'][data-loading='true'] {
+  pointer-events: none;
+}
+.dynamic-table[data-selectable='true'][data-expandable='false'] th:nth-of-type(1),
+.dynamic-table[data-selectable='true'][data-expandable='false'] td:nth-of-type(1) {
+  width: 41px;
+}
+.dynamic-table[data-selectable='true'][data-expandable='true'] th:nth-of-type(2),
+.dynamic-table[data-selectable='true'][data-expandable='true'] td:nth-of-type(2) {
+  width: 41px;
+}
+
+.dynamic-table[data-expandable='true'] th:nth-of-type(1),
+.dynamic-table[data-expandable='true'] td:nth-of-type(1) {
+  padding: calc(16px - var(--cell-padding));
+}
+
+.dynamic-table tbody tr {
+  border-left: 1px solid var(--color-border-default);
+  border-right: 1px solid var(--color-border-default);
+  border-bottom: 1px solid var(--color-border-default);
+}
+
+.dynamic-table tbody tr:hover {
+  background-color: rgba(0, 0, 0, 0.05) !important;
+}
+
+.dynamic-table tbody tr[data-clickable='true']:hover {
+  cursor: pointer;
+}
+
+.dynamic-table tbody tr td {
+  padding: var(--cell-padding);
+}
+
+.dynamic-table__sort-button {
+  position: relative;
+  width: 100%;
+  display: inline-flex;
+  text-align: start;
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+
+  padding: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background: none;
+  border: none;
+  color: inherit;
+  cursor: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+.dynamic-table__sort-button[data-sort='descending'] .icon.fa-caret-up {
+  opacity: 0;
+}
+.dynamic-table__sort-button[data-sort='ascending'] .icon.fa-caret-down {
+  opacity: 0;
+}
+
+.dynamic-table__sort-button > div {
+  display: flex;
+  flex-direction: column;
+  margin-top: 2px;
+  width: 10px;
+}
+
+.dynamic-table__sort-button > div > .icon {
+  margin: -3px 0 0 0;
+  width: 10px;
+  height: 10px;
+}
+
+.dynamic-table__refreshing-overlay {
+  pointer-events: none;
+  opacity: 0.22;
+}
+
+.dynamic-table__refreshing-indicator {
+  display: flex;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  inset: 0;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}
+
+.dynamic-table__refreshing-indicator > .ui.loading.segment {
+  background-color: transparent !important;
+}
+.dynamic-table__refreshing-indicator > .ui.loading.segment:before {
+  display: none;
+}
+
+.dynamic-table__pagination {
+  margin-top: 20px;
+}
+
+.dynamic-table__empty-data-message {
+  padding: 0 15px;
+  display: block;
+  text-align: center;
+  font-style: italic;
+}
+
+.dynamic-table__sub-row-empty-space {
+  border-right: 1px solid var(--color-border-default);
+  background-color: var(--color-very-light-grey);
+}
+
+.dynamic-table__toggle-sub-row {
+  position: relative;
+  padding: 5px;
+  height: 30px;
+  width: 30px;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background: none;
+  border: none;
+  border-radius: var(--border-radius-default);
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  cursor: pointer;
+  outline-color: var(--color-focus);
+}
+.dynamic-table__toggle-sub-row:hover {
+  background-color: var(--color-secondary-hover);
+}
+.dynamic-table__toggle-sub-row .icon {
+  margin: 0;
+}
+
+.dynamic-table__selectable-cell {
+  vertical-align: middle;
+}
+
+.dynamic-table__single-select {
+  width: -moz-max-content;
+  width: max-content;
+  margin: 0 auto;
+}
+.dynamic-table__single-select input {
+  margin: 0 !important;
+}
+
+.dynamic-table__empty-cell {
+  display: block;
+  text-align: center;
+}

package/dist/styles-7QBPXFSY.css

@@ -0,0 +1,6 @@
+.subHeader {
+  font-weight: 700;
+  line-height: 1.33em;
+  font-size: 1.28em;
+  margin-top: -0.15em;
+}

package/dist/styles-7T6DSZIY.css

@@ -0,0 +1,27 @@
+.set-view__modal-content {
+  display: flex;
+  flex-direction: column;
+  gap: 21px;
+  width: 100%;
+}
+
+.set-view__modal-content p {
+  margin: 0;
+}
+
+.set-view__option-list {
+  list-style: none;
+  margin: 0;
+  padding: 1px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: 330px;
+  overflow: auto;
+}
+
+@media screen and (max-width: 768px) {
+  .set-view__option-list {
+    max-height: 190px;
+  }
+}

package/dist/styles-AUI7W2SW.css

@@ -0,0 +1,408 @@
+/*combobox-fieldset*/
+.combobox-fieldset {
+  all: unset;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+
+.combobox-fieldset__label {
+  display: flex;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 16px;
+  color: #111111;
+}
+
+.combobox-fieldset__required {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 16px;
+  color: var(--color-error, #b31200);
+  margin-right: 2px;
+}
+
+.combobox-fieldset__description {
+  all: unset;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: var(--color-dark-grey, #5e5e5e);
+}
+
+.combobox-fieldset__error-message {
+  all: unset;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  color: var(--color-error, #b31200);
+}
+/*end combobox-fieldset*/
+
+.combobox {
+  position: relative;
+  box-sizing: border-box;
+
+  font-family: Lato;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  color: #111111;
+}
+
+.combobox .combobox__value-container {
+  align-items: center;
+  display: inline-grid;
+  flex: 1 1 0%;
+  flex-wrap: wrap;
+  -webkit-overflow-scrolling: touch;
+  position: relative;
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: 0 11px;
+}
+.combobox .combobox__value-container.combobox__value-container--is-multi {
+  display: grid;
+}
+.combobox
+  .combobox__value-container.combobox__value-container--is-multi.combobox__value-container--has-value {
+  display: flex;
+  gap: 8px;
+}
+
+.combobox .combobox__value-container .combobox__placeholder {
+  color: var(--color-dark-grey);
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translateY(-50%);
+  box-sizing: border-box;
+}
+
+/*control*/
+.combobox .combobox__control {
+  align-items: center;
+  cursor: default;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  outline: 0 !important;
+  position: relative;
+  transition: all 100ms;
+  box-sizing: border-box;
+
+  min-height: 40px;
+  padding-left: 11px;
+
+  background-color: var(--color-lightest);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--border-radius-inputs);
+}
+
+.combobox .combobox__control.combobox__control--is-focused {
+  border-color: var(--color-focus);
+}
+
+.combobox .combobox__control.combobox__control--menu-is-open {
+  border-bottom-color: transparent;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.combobox
+  .combobox__control.combobox__control--menu-is-open.combobox__control.combobox__control--is-focused
+  + .combobox__menu {
+  border: 1px solid var(--color-focus);
+  border-top: none;
+  /*box-shadow: 0 0 0 1px var(--color-focus);*/
+  /*clip-path: inset(1px -1px -1px -1px);*/
+}
+
+.combobox .combobox__control.combobox__control--is-focused {
+  /*box-shadow: 0 0 0 1px var(--color-focus);*/
+}
+
+.combobox .combobox__control.combobox__control--is-disabled {
+  background-color: var(--color-very-light-grey, #f5f5f5);
+}
+
+.combobox .combobox__control.combobox__control--is-invalid {
+  border-color: var(--color-error, #b31200);
+  background-color: var(--color-background-error);
+}
+/*end control*/
+
+/*single value*/
+.combobox .combobox__single-value {
+  grid-area: 1/1/2/3;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  box-sizing: border-box;
+  margin: 0;
+}
+
+.combobox .combobox__single-value--is-disabled {
+  color: var(--color-disabled-text, #adadad);
+}
+/*end single value*/
+
+/*input container*/
+.combobox .combobox__input-container {
+  visibility: visible;
+  flex: 1 1 auto;
+  display: inline-grid;
+  grid-area: 1/1/2/3;
+  grid-template-columns: 0 min-content;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+/*end input container*/
+
+/*input*/
+.combobox .combobox__input {
+  margin: -4px -2px;
+}
+/*end input*/
+
+/*option*/
+.combobox .combobox__option {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 8px;
+
+  padding: 8px 16px;
+
+  font-family: Lato;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px; /* 114.286% */
+  color: #111;
+}
+
+.combobox .combobox__option > .combobox__option--text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.combobox .combobox__option[data-searchable='true'] {
+  padding-left: 41px;
+}
+
+.combobox .combobox__option:active {
+  background-color: var(--color-busy, #eeeeee);
+}
+
+.combobox .combobox__option--is-focused:not([data-group='true']),
+.combobox .combobox__option--is-selected:not([data-group='true']) {
+  background-color: var(--color-busy, #eeeeee);
+  color: #111111;
+  font-weight: 700;
+}
+
+.combobox .combobox__option--is-focused[data-group='true'],
+.combobox .combobox__option--is-selected[data-group='true'] {
+  background-color: transparent;
+}
+
+.combobox .combobox__option--is-disabled {
+  color: var(--color-disabled-text, #adadad);
+}
+
+.combobox .combobox__option--description {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+/*end option*/
+
+/* disabled 'has-more-options' */
+.combobox .combobox__has-more-options {
+  cursor: default;
+  display: block;
+  font-size: inherit;
+  width: 100%;
+  box-sizing: border-box;
+
+  opacity: 0.45;
+  font-style: italic;
+}
+/* end disabled 'has-more-options' */
+
+/*menu-list (container )*/
+.combobox .combobox__menu-list {
+  max-height: 290px;
+  overflow-y: auto;
+  position: relative;
+  -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
+  padding: 0;
+}
+/*end menu-list (container )*/
+
+/*menu*/
+.combobox .combobox__menu {
+  position: absolute;
+  width: 100%;
+  z-index: 2;
+  box-sizing: border-box;
+  top: calc(100% - 2px);
+  margin-top: 0;
+  margin-bottom: 0;
+  box-shadow: none;
+  background-color: #ffffff;
+  border: 1px solid var(--color-border-default, #ccc);
+  border-top: none;
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+  transition: all 100ms;
+}
+/*end menu*/
+
+/*no options text, loading message*/
+.combobox .combobox__menu-notice.combobox__menu-notice--loading,
+.combobox .combobox__menu-notice.combobox__menu-notice--no-options {
+  font-size: 14px;
+  text-align: start;
+  padding: 8px 16px;
+  color: var(--color-muted-text, #666666);
+}
+/*end no options text, end loading message*/
+
+/*group*/
+
+.combobox .combobox__option--description {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.combobox .combobox__option[data-group='true'] .combobox__option--description {
+  margin-left: 10px;
+  color: #0006;
+}
+.combobox .combobox__option[data-level='0'] {
+  padding-left: 16px;
+}
+.combobox .combobox__option[data-level='0'] > .combobox__option--text {
+  max-width: calc(100% - 16px);
+}
+.combobox .combobox__option[data-level='1'] {
+  padding-left: 45px;
+}
+.combobox .combobox__option[data-level='1'] > .combobox__option--text {
+  max-width: calc(100% - 45px);
+}
+.combobox .combobox__option[data-level='2'] {
+  padding-left: 90px;
+}
+.combobox .combobox__option[data-level='2'] > .combobox__option--text {
+  max-width: calc(100% - 90px);
+}
+
+/*end group*/
+
+/*indicator separator*/
+.combobox .combobox__indicators {
+  align-items: center;
+  align-self: stretch;
+  display: flex;
+  flex-shrink: 0;
+  box-sizing: border-box;
+}
+
+.combobox .combobox__indicators > .combobox__indicator-separator {
+  display: none;
+}
+/*end indicator separator*/
+
+/*clear indicator*/
+.combobox .combobox__indicators > .combobox__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: var(--border-radius-inputs);
+  transition: color 150ms ease 0s;
+  box-sizing: border-box;
+}
+.combobox .combobox__indicators > .combobox__clear-indicator:focus-visible {
+  outline-color: var(--color-focus);
+}
+.combobox .combobox__indicators > .combobox__clear-indicator svg {
+  fill: currentColor;
+}
+
+/*end clear indicator*/
+
+/*dropdown indicator*/
+.combobox .combobox__indicators > .combobox__dropdown-indicator {
+  padding: 11px;
+}
+.combobox
+  .combobox__control--menu-is-open
+  .combobox__indicators
+  > .combobox__dropdown-indicator {
+  transform: rotate(180deg);
+}
+.combobox
+  .combobox__control.combobox__control--is-disabled
+  .combobox__indicators
+  > .combobox__dropdown-indicator
+  svg {
+  fill: var(--color-disabled-text, #adadad);
+}
+/*end dropdown indicator*/
+
+/* start icon */
+.combobox .combobox__start-icon {
+  display: flex;
+}
+
+.combobox
+  .combobox__control.combobox__control--is-disabled
+  .combobox__start-icon
+  svg {
+  fill: var(--color-disabled-text, #adadad);
+}
+/* end start icon */
+
+/* multi value*/
+.combobox .combobox__multi-value {
+  display: flex;
+  padding: 8px;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  max-width: -moz-fit-content;
+  max-width: fit-content;
+
+  border-radius: var(--border-radius-inputs);
+  background: var(--color-cayuse-blue, #0076b6);
+}
+
+.combobox .combobox__multi-value > .combobox__multi-value__label {
+  color: var(--color-lightest, #fff);
+  font-family: Lato;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px; /* 133.333% */
+}
+
+.combobox .combobox__multi-value > .combobox__multi-value__remove {
+  padding: 2px 0;
+}
+/*end multi value*/