@macive/ui 0.0.9 → 0.0.11

package/dist/css/ResourceList.css

@@ -1,249 +0,0 @@
-.ResourceList-FiltersWrapper {
-  padding: var(--p-space-3) var(--p-space-3) var(--p-space-4);
-}
-@media (min-width: 31em) {
-  .ResourceList-FiltersWrapper {
-    padding: var(--p-space-4);
-  }
-}
-.ResourceList-FiltersWrapper + .ResourceList-ResourceList {
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-
-.ResourceList-HeaderOuterWrapper {
-  position: relative;
-  background-color: var(--p-color-bg);
-  z-index: 2;
-  border-top-left-radius: var(--p-border-radius-2);
-  border-top-right-radius: var(--p-border-radius-2);
-}
-.ResourceList-HeaderOuterWrapper + .ResourceList-ResourceList {
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-
-.ResourceList-HeaderWrapper-disabled {
-  pointer-events: none;
-}
-
-.ResourceList-HeaderWrapper-overlay {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 4;
-  background-color: rgba(255, 255, 255, 0.5);
-}
-
-.ResourceList-FiltersWrapper + .ResourceList-HeaderOuterWrapper {
-  margin-top: calc(-1 * var(--p-space-4));
-}
-
-.ResourceList-HeaderWrapper {
-  position: relative;
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-  min-height: 56px;
-  padding: calc(var(--p-space-3) - var(--p-space-05)) var(--p-space-5);
-  background-color: var(--p-color-bg);
-  border-radius: var(--p-border-radius-2);
-}
-
-.ResourceList-HeaderWrapper-isSticky {
-  box-shadow: var(--p-shadow-md);
-}
-
-.ResourceList-HeaderContentWrapper {
-  position: absolute;
-  z-index: 1;
-  right: var(--p-space-5);
-  left: var(--p-space-5);
-  display: flex;
-  min-height: 36px;
-  opacity: 1;
-  transition: opacity var(--p-motion-ease) var(--p-motion-duration-200);
-}
-.ResourceList-HeaderWrapper-inSelectMode .ResourceList-HeaderContentWrapper {
-  opacity: 0;
-}
-
-.ResourceList-SortWrapper,
-.ResourceList-AlternateToolWrapper {
-  position: relative;
-  display: flex;
-  flex: 1;
-  align-items: center;
-}
-.ResourceList-HeaderWrapper-hasSelect .ResourceList-SortWrapper,
-.ResourceList-HeaderWrapper-hasSelect .ResourceList-AlternateToolWrapper {
-  padding-right: var(--p-space-2);
-}
-@media (min-width: 31em) {
-  .ResourceList-SortWrapper,
-  .ResourceList-AlternateToolWrapper {
-    position: relative;
-    left: auto;
-    flex: 0 1 auto;
-    margin-left: var(--p-space-4);
-  }
-  .ResourceList-HeaderWrapper-hasAlternateTool.ResourceList-HeaderWrapper-hasSelect .ResourceList-SortWrapper, .ResourceList-HeaderWrapper-hasSort.ResourceList-HeaderWrapper-hasSelect .ResourceList-SortWrapper,
-  .ResourceList-HeaderWrapper-hasAlternateTool.ResourceList-HeaderWrapper-hasSelect .ResourceList-AlternateToolWrapper,
-  .ResourceList-HeaderWrapper-hasSort.ResourceList-HeaderWrapper-hasSelect .ResourceList-AlternateToolWrapper {
-    padding-right: 0;
-  }
-}
-
-.ResourceList-SortWrapper {
-  min-width: 0;
-  max-width: 100%;
-}
-.ResourceList-SortWrapper > * {
-  max-width: 100%;
-}
-
-.ResourceList-HeaderTitleWrapper {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  flex: 1;
-  align-self: center;
-}
-.ResourceList-HeaderWrapper-hasAlternateTool .ResourceList-HeaderTitleWrapper, .ResourceList-HeaderWrapper-hasSort .ResourceList-HeaderTitleWrapper {
-  display: none;
-}
-@media (min-width: 31em) {
-  .ResourceList-HeaderWrapper-hasSelect .ResourceList-HeaderTitleWrapper, .ResourceList-HeaderWrapper-hasAlternateTool.ResourceList-HeaderWrapper-hasSelect .ResourceList-HeaderTitleWrapper, .ResourceList-HeaderWrapper-hasSort.ResourceList-HeaderWrapper-hasSelect .ResourceList-HeaderTitleWrapper {
-    display: none;
-  }
-  .ResourceList-HeaderWrapper-hasAlternateTool .ResourceList-HeaderTitleWrapper, .ResourceList-HeaderWrapper-hasSort .ResourceList-HeaderTitleWrapper {
-    display: block;
-  }
-}
-
-.ResourceList-BulkActionsWrapper {
-  z-index: 2;
-  position: absolute;
-  left: 0;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: var(--p-space-4);
-}
-@media (min-width: 31em) {
-  .ResourceList-BulkActionsWrapper {
-    flex: 0 1 auto;
-    align-self: flex-start;
-  }
-}
-
-.ResourceList-BulkActionsWrapperSticky {
-  position: fixed;
-  top: auto;
-  bottom: calc(var(--p-space-10) - var(--p-space-1));
-}
-
-.ResourceList-SelectAllActionsWrapper {
-  position: relative;
-  z-index: 2;
-  width: 100%;
-}
-@media (min-width: 31em) {
-  .ResourceList-SelectAllActionsWrapper {
-    flex: 0 1 auto;
-    align-self: flex-start;
-  }
-}
-
-.ResourceList-CheckableButtonWrapper {
-  display: none;
-}
-@media (min-width: 31em) {
-  .ResourceList-CheckableButtonWrapper {
-    flex: 1;
-    display: block;
-  }
-}
-
-.ResourceList-SelectButtonWrapper {
-  position: relative;
-  flex: none;
-}
-@media (min-width: 31em) {
-  .ResourceList-SelectButtonWrapper {
-    display: none;
-  }
-}
-
-.ResourceList-EmptySearchResultWrapper {
-  padding-top: var(--p-space-8);
-  padding-bottom: var(--p-space-8);
-}
-@media (min-height: 37.5em) {
-  .ResourceList-EmptySearchResultWrapper {
-    padding-top: var(--p-space-16);
-    padding-bottom: var(--p-space-16);
-  }
-}
-
-.ResourceList-ResourceListWrapper {
-  position: relative;
-}
-
-.ResourceList-ResourceListWrapperWithBulkActions {
-  --pc-resource-list-bulk-actions-offset: 92px;
-  padding-bottom: var(--pc-resource-list-bulk-actions-offset);
-}
-
-.ResourceList-ResourceList {
-  position: relative;
-  z-index: 1;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.ResourceList-ItemWrapper {
-  position: relative;
-  z-index: 1;
-  overflow: hidden;
-  max-width: 100%;
-}
-.ResourceList-ItemWrapper + .ResourceList-ItemWrapper {
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-
-.ResourceList-ItemWrapper-isLoading {
-  min-height: 64px;
-}
-
-.ResourceList-SpinnerContainer {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 4;
-  display: flex;
-  justify-content: center;
-}
-
-.ResourceList-LoadingOverlay {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 3;
-  display: flex;
-  justify-content: center;
-  background-color: rgba(255, 255, 255, 0.5);
-}
-
-.ResourceList-DisabledPointerEvents {
-  pointer-events: none;
-}
-
-.ResourceList-disableTextSelection {
-  user-select: none;
-}

package/dist/css/ScrollContainer.css

@@ -1,11 +0,0 @@
-.ScrollContainer-ScrollContainer {
-  overflow-x: auto;
-  overscroll-behavior-x: contain;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-  border-radius: inherit;
-}
-
-.ScrollContainer-ScrollContainer::-webkit-scrollbar {
-  display: none;
-}

package/dist/css/ScrollLock.css

@@ -1,11 +0,0 @@
-[data-lock-scrolling] {
-  overflow-y: scroll;
-  margin: 0;
-}
-[data-lock-scrolling][data-lock-scrolling-hidden] {
-  overflow-y: hidden;
-}
-[data-lock-scrolling] [data-lock-scrolling-wrapper] {
-  overflow: hidden;
-  height: 100%;
-}

package/dist/css/Scrollable.css

@@ -1,39 +0,0 @@
-.Scrollable-Scrollable {
-  --pc-scrollable-shadow-size: var(--p-space-5);
-  --pc-scrollable-shadow-bottom: inset 0
-    calc(-1 * var(--pc-scrollable-shadow-size)) var(--pc-scrollable-shadow-size)
-    calc(-1 * var(--pc-scrollable-shadow-size)) rgba(0, 0, 0, 0.15);
-  --pc-scrollable-shadow-top: inset 0 var(--pc-scrollable-shadow-size)
-    var(--pc-scrollable-shadow-size) calc(-1 * var(--pc-scrollable-shadow-size))
-    rgba(0, 0, 0, 0.15);
-  --pc-scrollable-max-height: none;
-  -webkit-overflow-scrolling: touch;
-  position: relative;
-  max-height: var(--pc-scrollable-max-height);
-  overflow-x: hidden;
-  overflow-y: hidden;
-}
-.Scrollable-Scrollable:focus {
-  outline: var(--p-border-width-2) solid var(--p-color-border-interactive-focus);
-  outline-offset: var(--p-space-05);
-}
-
-.Scrollable-horizontal {
-  overflow-x: auto;
-}
-
-.Scrollable-vertical {
-  overflow-y: auto;
-}
-
-.Scrollable-hasTopShadow {
-  box-shadow: var(--pc-scrollable-shadow-top);
-}
-
-.Scrollable-hasBottomShadow {
-  box-shadow: var(--pc-scrollable-shadow-bottom);
-}
-
-.Scrollable-hasTopShadow.Scrollable-hasBottomShadow {
-  box-shadow: var(--pc-scrollable-shadow-top), var(--pc-scrollable-shadow-bottom);
-}

package/dist/css/Search.css

@@ -1,47 +0,0 @@
-.Search-Search {
-  position: fixed;
-  visibility: hidden;
-  z-index: var(--p-z-index-8);
-  pointer-events: none;
-  top: 56px;
-  left: 0;
-  right: 0;
-  box-shadow: var(--p-shadow-2xl);
-  overflow: hidden;
-}
-@media (min-width: 31em) {
-  .Search-Search {
-    position: absolute;
-    top: 100%;
-    max-width: 580px;
-    margin: var(--p-space-1) var(--p-space-5) 0;
-    border-radius: var(--p-border-radius-2);
-  }
-}
-@media (min-width: 48em) {
-  .Search-Search {
-    margin: var(--p-space-1) var(--p-space-8) 0;
-  }
-}
-
-.Search-SearchContent {
-  background-color: var(--p-color-bg);
-}
-
-.Search-visible {
-  visibility: initial;
-  pointer-events: all;
-}
-
-.Search-Results {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  max-height: calc(100vh - 56px);
-  margin: 0;
-}
-@media (min-width: 31em) {
-  .Search-Results {
-    max-height: 60vh;
-  }
-}

package/dist/css/SearchDismissOverlay.css

@@ -1,13 +0,0 @@
-.SearchDismissOverlay-SearchDismissOverlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: var(--p-z-index-7);
-  height: 100%;
-}
-
-.SearchDismissOverlay-visible {
-  background-color: transparent;
-  animation: none;
-}

package/dist/css/SearchField.css

@@ -1,156 +0,0 @@
-.SearchField-SearchField {
-  --pc-search-field-backdrop: 1;
-  --pc-search-field-input: 2;
-  --pc-search-field-icon: 3;
-  --pc-search-field-action: 3;
-  z-index: var(--p-z-index-11);
-  position: relative;
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  border: var(--p-border-width-1) solid transparent;
-  width: 100%;
-  max-width: 580px;
-}
-
-.SearchField-focused .SearchField-Input,
-.SearchField-Input:focus {
-  border: none;
-  color: var(--p-color-text);
-}
-.SearchField-focused .SearchField-Input::placeholder,
-.SearchField-Input:focus::placeholder {
-  color: var(--p-color-text-subdued);
-}
-
-.SearchField-Input:focus-visible ~ .SearchField-Backdrop::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.SearchField-Input:focus-visible ~ .SearchField-BackdropShowFocusBorder {
-  border: var(--p-border-width-1) solid var(--pc-top-bar-border);
-}
-.SearchField-Input:focus-visible ~ .SearchField-Icon svg {
-  fill: var(--p-color-icon);
-}
-
-.SearchField-focused .SearchField-BackdropShowFocusBorder {
-  border: var(--p-border-width-1) solid var(--pc-top-bar-border);
-}
-.SearchField-focused .SearchField-Icon svg {
-  fill: var(--p-color-icon);
-}
-
-.SearchField-Input {
-  font-size: var(--p-font-size-200);
-  font-weight: var(--p-font-weight-regular);
-  line-height: var(--p-font-line-height-3);
-  border: none;
-  text-transform: initial;
-  letter-spacing: initial;
-  z-index: var(--pc-search-field-input);
-  height: 36px;
-  width: 100%;
-  padding: 0 0 0 calc(20px + var(--p-space-4));
-  border: none;
-  background-color: transparent;
-  outline: none;
-  color: var(--p-color-text);
-  will-change: fill, color;
-  transition: fill var(--p-motion-duration-200) var(--p-motion-ease), color var(--p-motion-duration-200) var(--p-motion-ease);
-  appearance: textfield;
-}
-@media (min-width: 48em) {
-  .SearchField-Input {
-    font-size: var(--p-font-size-100);
-  }
-}
-.SearchField-Input::placeholder {
-  color: var(--p-color-text);
-}
-.SearchField-Input::-webkit-search-decoration, .SearchField-Input::-webkit-search-cancel-button {
-  appearance: none;
-}
-
-.SearchField-Icon {
-  position: absolute;
-  z-index: var(--pc-search-field-icon);
-  top: 50%;
-  left: var(--p-space-2);
-  display: flex;
-  height: 20px;
-  pointer-events: none;
-  transform: translateY(-50%);
-}
-.SearchField-Icon svg {
-  fill: var(--p-color-icon);
-}
-
-.SearchField-Clear {
-  position: relative;
-  position: relative;
-  z-index: var(--pc-search-field-action);
-  border: none;
-  appearance: none;
-  background: transparent;
-  padding: var(--p-space-2);
-}
-.SearchField-Clear::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: calc(-1 * 1px);
-  right: calc(-1 * 1px);
-  bottom: calc(-1 * 1px);
-  left: calc(-1 * 1px);
-  display: block;
-  pointer-events: none;
-  box-shadow: 0 0 0 calc(-1 * 1px) var(--p-color-border-interactive-focus);
-  transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
-  border-radius: var(--p-border-radius-2);
-}
-.SearchField-Clear svg {
-  fill: var(--p-color-icon);
-}
-.SearchField-Clear:focus, .SearchField-Clear:hover {
-  outline: none;
-}
-.SearchField-Clear:hover svg, .SearchField-Clear:focus svg {
-  fill: var(--p-color-icon-hover);
-}
-.SearchField-Clear:focus-visible::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.SearchField-Clear:active svg {
-  fill: var(--p-color-icon-active);
-}
-.SearchField-Clear:active::after {
-  border: none;
-}
-
-.SearchField-Backdrop {
-  position: relative;
-  position: absolute;
-  z-index: var(--pc-search-field-backdrop);
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: var(--p-color-bg-inset);
-  border-radius: var(--p-border-radius-1);
-}
-.SearchField-Backdrop::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: calc(-1 * 1px);
-  right: calc(-1 * 1px);
-  bottom: calc(-1 * 1px);
-  left: calc(-1 * 1px);
-  display: block;
-  pointer-events: none;
-  box-shadow: 0 0 0 calc(-1 * 1px) var(--p-color-border-interactive-focus);
-  transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
-  border-radius: var(--p-border-radius-1);
-}

package/dist/css/Section.css

@@ -1,10 +0,0 @@
-.Section-Section {
-  flex: 0 0 auto;
-}
-.Section-Section:not(:last-of-type) {
-  border-bottom: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-
-.Section-titleHidden {
-  padding-right: calc(var(--p-space-12) + var(--p-space-1));
-}

package/dist/css/Select.css

@@ -1,177 +0,0 @@
-.Select-Select {
-  --pc-select-backdrop: 10;
-  --pc-select-content: 20;
-  --pc-select-input: 30;
-  position: relative;
-}
-.Select-Select select::-ms-expand {
-  display: none;
-}
-
-.Select-disabled .Select-Content {
-  color: var(--p-color-text-disabled);
-}
-.Select-disabled .Select-InlineLabel {
-  color: inherit;
-}
-.Select-disabled .Select-Icon svg {
-  fill: var(--p-color-icon-disabled);
-}
-.Select-disabled .Select-Backdrop {
-  border-color: var(--p-color-border-disabled);
-}
-.Select-disabled .Select-Backdrop::before {
-  background-color: var(--p-color-bg-disabled);
-}
-.Select-disabled .Select-Backdrop:hover {
-  cursor: default;
-}
-
-.Select-Content {
-  font-size: var(--p-font-size-200);
-  font-weight: var(--p-font-weight-regular);
-  line-height: var(--p-font-line-height-3);
-  border: none;
-  text-transform: initial;
-  letter-spacing: initial;
-  position: relative;
-  z-index: var(--pc-select-content);
-  display: flex;
-  align-items: center;
-  width: 100%;
-  min-height: 36px;
-  padding: calc((36px - var(--p-font-line-height-3) - var(--p-space-05)) / 2) var(--p-space-2) calc((36px - var(--p-font-line-height-3) - var(--p-space-05)) / 2) var(--p-space-3);
-}
-@media (min-width: 48em) {
-  .Select-Content {
-    font-size: var(--p-font-size-100);
-  }
-}
-@media (max-width: 48em) {
-  .Select-Content div > span {
-    font-size: var(--p-font-size-200);
-    line-height: var(--p-font-line-height-2);
-  }
-}
-
-.Select-SelectedOption {
-  flex: 1;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.Select-Prefix {
-  padding-right: var(--p-space-1);
-}
-
-.Select-Icon svg {
-  fill: var(--p-color-icon);
-}
-
-.Select-Input {
-  font-size: var(--p-font-size-200);
-  font-weight: var(--p-font-weight-regular);
-  line-height: var(--p-font-line-height-2);
-  text-transform: initial;
-  letter-spacing: initial;
-  position: absolute;
-  text-rendering: auto;
-  top: 0;
-  left: 0;
-  z-index: var(--pc-select-input);
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  opacity: 0;
-  appearance: none;
-  border: none;
-}
-@media (min-width: 48em) {
-  .Select-Input {
-    font-size: var(--p-font-size-100);
-    line-height: var(--p-font-line-height-2);
-  }
-}
-
-.Select-Backdrop {
-  z-index: var(--pc-select-backdrop);
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  border: var(--p-border-width-1) solid var(--p-color-border-input);
-  border-radius: var(--p-border-radius-1);
-  background-color: var(--p-color-bg);
-  box-shadow: var(--p-shadow-sm);
-  position: relative;
-  position: absolute;
-}
-.Select-Backdrop::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: calc(-1 * calc(1px + 1px));
-  right: calc(-1 * calc(1px + 1px));
-  bottom: calc(-1 * calc(1px + 1px));
-  left: calc(-1 * calc(1px + 1px));
-  display: block;
-  pointer-events: none;
-  box-shadow: 0 0 0 calc(-1 * calc(1px + 1px)) var(--p-color-border-interactive-focus);
-  transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
-  border-radius: var(--p-border-radius-1);
-}
-
-.Select-error .Select-Backdrop {
-  border-color: var(--p-color-border-critical);
-  background-color: var(--p-color-bg-critical-subdued);
-}
-.Select-error .Select-Backdrop.Select-hover, .Select-error .Select-Backdrop:hover {
-  border-color: var(--p-color-border-critical);
-}
-.Select-error .Select-Input:focus-visible ~ .Select-Backdrop::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-
-.Select-Input:focus-visible ~ .Select-Backdrop::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-
-@media (-ms-high-contrast: active) {
-  .Select-Content {
-    color: windowText;
-    -ms-high-contrast-adjust: none;
-  }
-  .Select-InlineLabel {
-    color: inherit;
-  }
-  .Select-InlineLabel::after {
-    content: ":";
-  }
-  .Select-SelectedOption {
-    color: inherit;
-  }
-  .Select-Icon svg {
-    fill: buttonText;
-  }
-  .Select-Backdrop::after {
-    display: none;
-  }
-  .Select-Input:focus ~ .Select-Content {
-    color: highlightText;
-  }
-  .Select-Input:focus ~ .Select-Backdrop {
-    background-color: highlight;
-  }
-  .Select-disabled .Select-Content {
-    color: grayText;
-  }
-  .Select-disabled .Select-Icon {
-    opacity: 1;
-  }
-  .Select-disabled .Select-Icon svg {
-    fill: grayText;
-  }
-}