@macive/ui 0.0.10 → 0.0.11

package/dist/css/DataTable.css

@@ -1,350 +0,0 @@
-.DataTable-DataTable {
-  --pc-data-table-first-column-width: 145px;
-  position: relative;
-  max-width: 100vw;
-  background-color: var(--p-color-bg);
-  border-radius: var(--p-border-radius-2);
-  overflow: hidden;
-}
-
-.DataTable-condensed .DataTable-Navigation {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  padding: var(--p-space-4) var(--p-space-2) 0;
-}
-@media (min-width: 48em) {
-  .DataTable-condensed .DataTable-Navigation {
-    justify-content: flex-end;
-  }
-}
-
-.DataTable-Navigation {
-  display: none;
-}
-.DataTable-IncreasedTableDensity .DataTable-Navigation {
-  padding: var(--p-space-2) var(--p-space-2) 0 var(--p-space-2);
-}
-
-.DataTable-Pip {
-  height: 6px;
-  width: 6px;
-  background: var(--p-color-text-subdued);
-  border-radius: var(--p-border-radius-1);
-}
-.DataTable-Pip:not(:last-of-type) {
-  margin-right: var(--p-space-1);
-}
-
-.DataTable-Pip-visible {
-  background: var(--p-color-text);
-}
-
-.DataTable-ScrollContainer {
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
-  scroll-behavior: smooth;
-  background-color: inherit;
-}
-
-.DataTable-Table {
-  width: 100%;
-  border-spacing: 0;
-}
-
-.DataTable-TableRow + .DataTable-TableRow .DataTable-Cell {
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-
-.DataTable-Cell {
-  font-weight: var(--p-font-weight-regular);
-  color: var(--p-color-text);
-  padding: var(--p-space-4);
-  white-space: nowrap;
-  text-align: left;
-  transition: background-color var(--p-motion-duration-200) var(--p-motion-ease-in-out);
-}
-.DataTable-IncreasedTableDensity .DataTable-Cell {
-  padding: var(--p-space-2) var(--p-space-4);
-}
-
-.DataTable-ZebraStripingOnData .DataTable-TableRow:nth-child(2n+1) .DataTable-Cell, .DataTable-ZebraStripingOnData.DataTable-RowCountIsEven .DataTable-TableRow:nth-child(2n) .DataTable-Cell, .DataTable-ZebraStripingOnData.DataTable-ShowTotalsInFooter .DataTable-TableRow:nth-child(2n) .DataTable-Cell, .DataTable-ZebraStripingOnData.DataTable-ShowTotalsInFooter.DataTable-RowCountIsEven .DataTable-TableRow:nth-child(2n+1) .DataTable-Cell {
-  background: none;
-}
-.DataTable-ZebraStripingOnData .DataTable-TableRow:nth-child(2n) .DataTable-Cell, .DataTable-ZebraStripingOnData.DataTable-RowCountIsEven .DataTable-TableRow:nth-child(2n+1) .DataTable-Cell, .DataTable-ZebraStripingOnData.DataTable-ShowTotalsInFooter .DataTable-TableRow:nth-child(2n+1) .DataTable-Cell, .DataTable-ZebraStripingOnData.DataTable-ShowTotalsInFooter.DataTable-RowCountIsEven .DataTable-TableRow:nth-child(2n) .DataTable-Cell {
-  background: var(--p-color-bg-subdued);
-}
-
-.DataTable-Cell-separate::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  border-right: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-
-.DataTable-Cell-firstColumn {
-  text-align: left;
-  white-space: normal;
-}
-
-.DataTable-Cell-numeric {
-  text-align: right;
-}
-
-.DataTable-Cell-truncated {
-  white-space: nowrap;
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-  max-width: var(--pc-data-table-first-column-width);
-}
-
-.DataTable-Cell-header {
-  font-weight: var(--p-font-weight-regular);
-  color: var(--p-color-text);
-  border-bottom: var(--p-border-width-1) solid var(--p-color-border-subdued);
-  border-top: 0;
-}
-.DataTable-IncreasedTableDensity .DataTable-Cell-header {
-  font-weight: var(--p-font-weight-medium);
-  font-size: var(--p-font-size-75);
-}
-
-.DataTable-Cell-sortable {
-  padding: 0;
-}
-.DataTable-IncreasedTableDensity .DataTable-Cell-sortable {
-  padding: var(--p-space-2) var(--p-space-3);
-}
-.DataTable-IncreasedTableDensity .DataTable-Cell-sortable:first-child {
-  padding-left: var(--p-space-3);
-}
-.DataTable-IncreasedTableDensity .DataTable-Cell-sortable:last-child {
-  padding-right: var(--p-space-3);
-}
-.DataTable-IncreasedTableDensity .DataTable-Cell-sortable .DataTable-Heading-left {
-  padding-right: 0;
-  padding-left: var(--p-space-1);
-}
-
-.DataTable-Cell-verticalAlignTop {
-  vertical-align: top;
-}
-
-.DataTable-Cell-verticalAlignBottom {
-  vertical-align: bottom;
-}
-
-.DataTable-Cell-verticalAlignMiddle {
-  vertical-align: middle;
-}
-
-.DataTable-Cell-verticalAlignBaseline {
-  vertical-align: baseline;
-}
-
-@media (min-width: 48em) {
-  .DataTable-hoverable .DataTable-Cell-hovered {
-    background: var(--p-color-bg-hover);
-  }
-}
-
-.DataTable-Icon {
-  display: flex;
-  align-self: flex-end;
-  opacity: 0;
-  transition: opacity var(--p-motion-duration-200) var(--p-motion-ease);
-}
-
-.DataTable-Heading {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  cursor: pointer;
-  position: relative;
-  position: relative;
-  display: inline-flex;
-  justify-content: flex-end;
-  align-items: baseline;
-  color: var(--p-color-text);
-  transition: color var(--p-motion-duration-200) var(--p-motion-ease);
-  cursor: pointer;
-  padding: var(--p-space-2);
-  margin: var(--p-space-2);
-}
-.DataTable-Heading:focus {
-  outline: none;
-}
-.DataTable-Heading::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);
-}
-.DataTable-Heading svg {
-  fill: var(--p-color-icon-disabled);
-}
-.DataTable-StickyHeaderEnabled [data-sticky-active] .DataTable-Heading {
-  visibility: hidden;
-}
-.DataTable-StickyHeaderEnabled [data-sticky-active] .DataTable-StickyHeaderWrapper .DataTable-Heading {
-  visibility: visible;
-}
-.DataTable-IncreasedTableDensity .DataTable-Heading {
-  font-weight: var(--p-font-weight-medium);
-  font-size: var(--p-font-size-75);
-  padding: 0;
-  padding-right: var(--p-space-1);
-  margin: 0;
-}
-.DataTable-Heading:hover {
-  color: var(--p-color-text-interactive-hover);
-}
-.DataTable-Heading:hover .DataTable-Icon {
-  opacity: 1;
-}
-.DataTable-Heading:focus-visible:not(:active)::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.DataTable-Heading:focus-visible:not(:active) .DataTable-Icon {
-  opacity: 1;
-}
-.DataTable-Heading:focus-visible:not(:active) .DataTable-Icon svg {
-  fill: var(--p-color-icon-disabled);
-}
-
-.DataTable-Heading-left {
-  justify-content: flex-start;
-  flex-direction: row-reverse;
-}
-
-.DataTable-Cell-sorted .DataTable-Icon {
-  opacity: 1;
-}
-.DataTable-Cell-sorted .DataTable-Icon svg {
-  fill: var(--p-color-icon);
-}
-.DataTable-Cell-sorted:hover svg {
-  fill: var(--p-color-icon-interactive-hover);
-}
-.DataTable-Cell-sorted .DataTable-Heading:focus:not(:active) svg {
-  fill: var(--p-color-icon);
-}
-
-.DataTable-Cell-total {
-  font-weight: var(--p-font-weight-semibold);
-  background: var(--p-color-bg-subdued);
-  border-bottom: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-.DataTable-ZebraStripingOnData.DataTable-ShowTotals .DataTable-Cell-total {
-  background: var(--p-color-bg-subdued);
-}
-.DataTable-ZebraStripingOnData.DataTable-ShowTotals.DataTable-RowCountIsEven .DataTable-Cell-total, .DataTable-ZebraStripingOnData.DataTable-ShowTotalsInFooter .DataTable-Cell-total {
-  background: none;
-}
-
-.DataTable-Cell-total-footer {
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-  border-bottom: none;
-}
-.DataTable-Cell-total-footer:first-child {
-  border-bottom-left-radius: var(--p-border-radius-2);
-}
-.DataTable-Cell-total-footer:last-child {
-  border-bottom-right-radius: var(--p-border-radius-2);
-}
-
-.DataTable-Footer {
-  padding: var(--p-space-4);
-  background: var(--p-color-bg-subdued);
-  color: var(--p-color-text-subdued);
-  text-align: center;
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-  border-bottom-left-radius: var(--p-border-radius-2);
-  border-bottom-right-radius: var(--p-border-radius-2);
-}
-.DataTable-ZebraStripingOnData .DataTable-Footer {
-  background: none;
-}
-
-.DataTable-StickyHeaderEnabled .DataTable-StickyHeaderWrapper {
-  position: relative;
-  top: 0;
-  left: 0;
-  right: 0;
-  visibility: hidden;
-  z-index: var(--p-z-index-1);
-}
-.DataTable-StickyHeaderEnabled .DataTable-StickyHeaderInner {
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  overflow: hidden;
-  border-spacing: 0;
-}
-.DataTable-StickyHeaderEnabled .DataTable-StickyHeaderInner:not(.DataTable-StickyHeaderInner-isSticky) {
-  top: -9999px;
-  left: -9999px;
-}
-.DataTable-StickyHeaderEnabled .DataTable-StickyHeaderTable {
-  border-collapse: collapse;
-  display: block;
-  overflow-x: auto;
-  width: 100%;
-  scrollbar-width: none;
-}
-.DataTable-StickyHeaderEnabled .DataTable-StickyHeaderTable::-webkit-scrollbar {
-  appearance: none;
-  height: 0;
-  width: 0;
-}
-.DataTable-StickyHeaderEnabled .DataTable-StickyHeaderTable .DataTable-FixedFirstColumn {
-  bottom: 0;
-  top: auto;
-}
-.DataTable-StickyHeaderEnabled .DataTable-StickyTableHeadingsRow {
-  background-color: var(--p-color-bg);
-}
-.DataTable-StickyHeaderEnabled .DataTable-StickyHeaderInner-isSticky {
-  visibility: visible;
-  background-color: var(--p-color-bg);
-  box-shadow: var(--p-shadow-md);
-}
-
-.DataTable-FixedFirstColumn {
-  position: absolute;
-  background: inherit;
-  z-index: 3;
-  border-spacing: 0;
-  top: 0;
-  left: 0;
-}
-@media (max-width: 48em) {
-  .DataTable-FixedFirstColumn {
-    z-index: 1;
-  }
-}
-
-.DataTable-TooltipContent {
-  display: block;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}

package/dist/css/DescriptionList.css

@@ -1,55 +0,0 @@
-.DescriptionList-DescriptionList {
-  margin: 0;
-  padding: 0;
-  word-break: break-word;
-}
-@media (min-width: 31em) {
-  .DescriptionList-DescriptionList {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: flex-start;
-  }
-}
-
-.DescriptionList-Term {
-  font-weight: var(--p-font-weight-semibold);
-  padding: var(--p-space-4) 0 var(--p-space-2);
-}
-.DescriptionList-spacingTight .DescriptionList-Term {
-  padding: var(--p-space-2) 0 var(--p-space-1);
-}
-@media (min-width: 31em) {
-  .DescriptionList-Term {
-    flex: 0 1 25%;
-    padding: var(--p-space-4) var(--p-space-4) var(--p-space-4) 0;
-  }
-  .DescriptionList-spacingTight .DescriptionList-Term {
-    padding: var(--p-space-2) var(--p-space-2) var(--p-space-2) 0;
-  }
-  .DescriptionList-Description + .DescriptionList-Term + .DescriptionList-Description {
-    border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-  }
-}
-
-.DescriptionList-Description {
-  margin-left: 0;
-  padding: 0 0 var(--p-space-4);
-}
-.DescriptionList-spacingTight .DescriptionList-Description {
-  padding: 0 0 var(--p-space-2);
-}
-.DescriptionList-Description + .DescriptionList-Term {
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-@media (min-width: 31em) {
-  .DescriptionList-Description {
-    flex: 1 1 51%;
-    padding: var(--p-space-4) 0;
-  }
-  .DescriptionList-spacingTight .DescriptionList-Description {
-    padding: var(--p-space-2) 0;
-  }
-  .DescriptionList-Description + .DescriptionList-Term + .DescriptionList-Description {
-    border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-  }
-}

package/dist/css/Dialog.css

@@ -1,102 +0,0 @@
-.Dialog-Container {
-  position: fixed;
-  z-index: var(--p-z-index-11);
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  pointer-events: none;
-}
-@media (min-width: 48em) {
-  .Dialog-Container {
-    justify-content: center;
-  }
-}
-
-.Dialog-Dialog:focus {
-  outline: 0;
-}
-
-.Dialog-Modal {
-  pointer-events: initial;
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  max-height: calc(100vh - 60px);
-  background: var(--p-color-bg);
-  box-shadow: var(--p-shadow-2xl);
-}
-@media (forced-colors: active) {
-  .Dialog-Modal {
-    border: var(--p-border-width-1) solid transparent;
-  }
-}
-@media (max-width: 48em) {
-  .Dialog-Modal {
-    bottom: 0;
-    max-height: 100%;
-  }
-}
-@media (min-width: 48em) {
-  .Dialog-Modal {
-    position: relative;
-    max-width: 620px;
-    margin: 0 auto;
-    border-radius: var(--p-border-radius-2);
-  }
-}
-@media (min-width: 48em) and (min-height: 41.25em) {
-  .Dialog-Modal.Dialog-limitHeight {
-    max-height: 600px;
-  }
-}
-@media (min-width: 48em) {
-  .Dialog-Modal.Dialog-sizeSmall {
-    max-width: calc(100% - var(--p-space-16));
-  }
-}
-@media (min-width: 31em) {
-  .Dialog-Modal.Dialog-sizeSmall {
-    max-width: 380px;
-  }
-}
-@media (min-width: 48em) {
-  .Dialog-Modal.Dialog-sizeLarge {
-    max-width: calc(100% - var(--p-space-16));
-  }
-}
-@media (min-width: 65em) {
-  .Dialog-Modal.Dialog-sizeLarge {
-    max-width: 980px;
-  }
-}
-.Dialog-Modal.Dialog-fullScreen {
-  height: 100%;
-}
-@media (min-width: 48em) {
-  .Dialog-Modal.Dialog-fullScreen {
-    height: unset;
-  }
-}
-
-.Dialog-animateFadeUp {
-  will-change: transform, opacity;
-  opacity: 1;
-  transform: translateY(0);
-  transition: transform var(--p-motion-ease) var(--p-motion-duration-200), opacity var(--p-motion-ease) var(--p-motion-duration-200);
-}
-.Dialog-animateFadeUp.Dialog-entering, .Dialog-animateFadeUp.Dialog-exiting, .Dialog-animateFadeUp.Dialog-exited {
-  opacity: 0;
-  transform: translateY(200px);
-}
-.Dialog-animateFadeUp.Dialog-entered {
-  opacity: 1;
-  transform: translateY(0);
-}

package/dist/css/DirectionButton.css

@@ -1,48 +0,0 @@
-.DirectionButton-DirectionButton {
-  position: relative;
-  border-radius: var(--p-border-radius-1);
-  padding: var(--p-space-05);
-  font-size: var(--p-font-size-100);
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  cursor: pointer;
-  width: 100%;
-  border: none;
-  background: none;
-  text-align: left;
-}
-.DirectionButton-DirectionButton::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);
-}
-.DirectionButton-DirectionButton + .DirectionButton-DirectionButton {
-  margin-top: var(--p-space-1);
-}
-.DirectionButton-DirectionButton:focus-visible {
-  outline: 0;
-}
-.DirectionButton-DirectionButton:focus-visible::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-
-.DirectionButton-DirectionButton-active {
-  background: var(--p-color-bg-interactive-selected);
-  color: var(--p-color-text-interactive);
-}
-
-.DirectionButton-Label {
-  flex: 1;
-  margin-left: var(--p-space-1);
-}

package/dist/css/DisplayText.css

@@ -1,51 +0,0 @@
-.DisplayText-DisplayText {
-  margin: 0;
-}
-
-.DisplayText-sizeSmall {
-  font-size: var(--p-font-size-200);
-  font-weight: var(--p-font-weight-regular);
-  line-height: var(--p-font-line-height-3);
-}
-@media (min-width: 48em) {
-  .DisplayText-sizeSmall {
-    font-size: var(--p-font-size-300);
-    line-height: var(--p-font-line-height-4);
-  }
-}
-
-.DisplayText-sizeMedium {
-  font-size: 21px;
-  font-weight: var(--p-font-weight-regular);
-  line-height: var(--p-font-line-height-4);
-}
-@media (min-width: 48em) {
-  .DisplayText-sizeMedium {
-    font-size: 26px;
-    line-height: var(--p-font-line-height-5);
-  }
-}
-
-.DisplayText-sizeLarge {
-  font-size: var(--p-font-size-400);
-  font-weight: var(--p-font-weight-semibold);
-  line-height: var(--p-font-line-height-4);
-}
-@media (min-width: 48em) {
-  .DisplayText-sizeLarge {
-    font-size: var(--p-font-size-500);
-    line-height: var(--p-font-line-height-5);
-  }
-}
-
-.DisplayText-sizeExtraLarge {
-  font-size: 27px;
-  font-weight: var(--p-font-weight-semibold);
-  line-height: 36px;
-}
-@media (min-width: 48em) {
-  .DisplayText-sizeExtraLarge {
-    font-size: 42px;
-    line-height: 44px;
-  }
-}