@macive/ui 0.0.9 → 0.0.11

package/dist/css/TooltipOverlay.css

@@ -1,99 +0,0 @@
-.TooltipOverlay-TooltipOverlay {
-  --pc-tooltip-overlay-offset: var(--p-space-3);
-  position: relative;
-  margin: var(--pc-tooltip-overlay-offset) var(--p-space-4) var(--p-space-4);
-  opacity: 1;
-  box-shadow: var(--p-shadow-lg);
-  border-radius: var(--pc-tooltip-border-radius);
-  pointer-events: none;
-  will-change: opacity, left, top, transform;
-  transform: none;
-  transition: none;
-}
-@media screen and (-ms-high-contrast: active) {
-  .TooltipOverlay-TooltipOverlay {
-    border: var(--p-border-width-2) solid windowText;
-  }
-}
-.TooltipOverlay-TooltipOverlay::after {
-  content: "";
-  position: absolute;
-  top: calc(var(--p-space-4) * -1);
-  left: calc(var(--pc-tooltip-chevron-x-pos) - var(--p-space-2) - var(--p-space-4));
-  height: 0;
-  width: 0;
-  border-width: var(--p-space-2);
-  border-style: solid;
-  border-color: transparent transparent var(--p-color-bg) transparent;
-}
-.TooltipOverlay-TooltipOverlay.TooltipOverlay-positionedAbove::after {
-  top: auto;
-  bottom: calc(var(--p-space-4) * -1);
-  border-color: var(--p-color-bg) transparent transparent transparent;
-}
-
-.TooltipOverlay-measuring {
-  opacity: 0;
-}
-
-.TooltipOverlay-measured:not(.TooltipOverlay-instant) {
-  animation: var(--p-motion-keyframes-appear-below) var(--p-motion-duration-50) var(--p-motion-ease-out) var(--p-motion-duration-100) 1 both;
-}
-@media (prefers-reduced-motion) {
-  .TooltipOverlay-measured:not(.TooltipOverlay-instant) {
-    animation: none;
-  }
-}
-
-.TooltipOverlay-measured.TooltipOverlay-positionedAbove:not(.TooltipOverlay-instant) {
-  animation: var(--p-motion-keyframes-appear-above) var(--p-motion-duration-50) var(--p-motion-ease-out) var(--p-motion-duration-100) 1 both;
-}
-@media (prefers-reduced-motion) {
-  .TooltipOverlay-measured.TooltipOverlay-positionedAbove:not(.TooltipOverlay-instant) {
-    animation: none;
-  }
-}
-
-.TooltipOverlay-positionedAbove {
-  margin: var(--p-space-4) var(--p-space-4) var(--pc-tooltip-overlay-offset);
-}
-
-.TooltipOverlay-Content {
-  position: relative;
-  background-color: var(--p-color-bg);
-  color: var(--p-color-text);
-  word-break: break-word;
-  border-radius: var(--pc-tooltip-border-radius);
-  padding: var(--pc-tooltip-padding);
-}
-
-.TooltipOverlay-default {
-  max-width: 200px;
-}
-
-.TooltipOverlay-wide {
-  max-width: 275px;
-}
-
-[data-polaris-tooltip-activator] {
-  outline: 0;
-  position: relative;
-}
-[data-polaris-tooltip-activator]::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);
-}
-[data-polaris-tooltip-activator]:focus-visible::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}

package/dist/css/TopBar.css

@@ -1,170 +0,0 @@
-.TopBar-SecondaryMenu {
-  cursor: inherit;
-}
-
-.TopBar-TopBar {
-  position: relative;
-  display: flex;
-  height: 56px;
-  box-shadow: var(--p-shadow-sm);
-  background-color: var(--p-color-bg);
-  transition: var(--p-motion-duration-200) background-color var(--p-motion-ease-in-out);
-}
-.TopBar-TopBar::after {
-  content: "";
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  border-bottom: var(--p-border-width-1) solid transparent;
-}
-
-.TopBar-LogoDisplayControl {
-  display: none;
-}
-@media (min-width: 48em) {
-  .TopBar-LogoDisplayControl {
-    display: flex;
-  }
-}
-
-.TopBar-LogoDisplayContainer {
-  display: flex;
-}
-
-.TopBar-LogoContainer {
-  flex: 0 0 240px;
-  align-items: center;
-  height: 100%;
-  padding: 0 var(--p-space-2) 0 var(--p-space-4);
-  flex-basis: 240px;
-  flex-basis: calc(240px + constant(safe-area-inset-left));
-  flex-basis: calc(240px + env(safe-area-inset-left));
-  padding-left: var(--p-space-4);
-  padding-left: calc(var(--p-space-4) + constant(safe-area-inset-left));
-  padding-left: calc(var(--p-space-4) + env(safe-area-inset-left));
-}
-.TopBar-LogoContainer.TopBar-hasLogoSuffix {
-  gap: var(--p-space-2);
-}
-
-.TopBar-Logo,
-.TopBar-LogoLink {
-  display: block;
-}
-
-.TopBar-ContextControl {
-  display: none;
-}
-@media (min-width: 48em) {
-  .TopBar-ContextControl {
-    width: 240px;
-    display: block;
-  }
-}
-@media (min-width: 90em) {
-  .TopBar-ContextControl {
-    width: 240px;
-  }
-}
-
-.TopBar-NavigationIcon {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  cursor: pointer;
-  position: relative;
-  align-self: center;
-  margin-left: calc(var(--p-space-2) + var(--p-space-05));
-  margin-right: var(--p-space-2);
-  padding: var(--p-space-2);
-  border-radius: var(--p-border-radius-1);
-  fill: var(--p-color-icon);
-  transition: var(--p-motion-duration-150) fill var(--p-motion-ease) var(--p-motion-duration-50);
-}
-.TopBar-NavigationIcon:focus {
-  outline: none;
-}
-.TopBar-NavigationIcon.TopBar-focused:active {
-  background-color: var(--p-color-bg-active);
-}
-.TopBar-NavigationIcon:hover {
-  background-color: var(--p-color-bg-hover);
-}
-.TopBar-NavigationIcon::after {
-  content: "";
-  position: absolute;
-  top: calc(-1 * var(--p-space-2));
-  left: calc(-1 * var(--p-space-2));
-  width: calc(100% + var(--p-space-5));
-  height: calc(100% + var(--p-space-5));
-}
-@media (min-width: 48em) {
-  .TopBar-NavigationIcon {
-    display: none;
-  }
-}
-.TopBar-NavigationIcon .TopBar-IconWrapper {
-  position: relative;
-}
-.TopBar-NavigationIcon .TopBar-IconWrapper::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: calc(-1 * calc(6px + 1px));
-  right: calc(-1 * calc(6px + 1px));
-  bottom: calc(-1 * calc(6px + 1px));
-  left: calc(-1 * calc(6px + 1px));
-  display: block;
-  pointer-events: none;
-  box-shadow: 0 0 0 calc(-1 * calc(6px + 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);
-}
-.TopBar-NavigationIcon:focus-visible:not(:active) .TopBar-IconWrapper::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-
-.TopBar-Contents {
-  z-index: var(--p-z-index-1);
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  justify-content: flex-end;
-  height: 100%;
-}
-@media (min-width: 48em) {
-  .TopBar-Contents {
-    position: relative;
-  }
-}
-
-.TopBar-SearchField {
-  margin: 0 auto;
-  padding: 0;
-  max-width: 998px;
-  position: relative;
-  width: 100%;
-  margin: 0;
-  max-width: none;
-  margin-right: var(--p-space-1);
-}
-@media (min-width: 31em) {
-  .TopBar-SearchField {
-    padding: 0 var(--p-space-6);
-  }
-}
-@media (min-width: 90em) {
-  .TopBar-SearchField {
-    margin-left: calc((100% - 998px) / 2);
-  }
-}
-
-.TopBar-SecondaryMenu svg {
-  fill: var(--p-color-icon);
-}

package/dist/css/Truncate.css

@@ -1,6 +0,0 @@
-.Truncate-Truncate {
-  display: block;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}

package/dist/css/UserMenu.css

@@ -1,9 +0,0 @@
-.UserMenu-Details {
-  max-width: 160px;
-  margin-right: var(--p-space-2);
-}
-@media (max-width: 48em) {
-  .UserMenu-Details {
-    display: none;
-  }
-}

package/dist/css/VerticalStack.css

@@ -1,48 +0,0 @@
-.VerticalStack-VerticalStack {
-  --pc-vertical-stack-gap-xs: initial;
-  --pc-vertical-stack-gap-sm: initial;
-  --pc-vertical-stack-gap-md: initial;
-  --pc-vertical-stack-gap-lg: initial;
-  --pc-vertical-stack-gap-xl: initial;
-  gap: var(--pc-vertical-stack-gap-xs);
-  --pc-vertical-stack-align: initial;
-  --pc-vertical-stack-inline-align: initial;
-  --pc-vertical-stack-order: initial;
-  display: flex;
-  flex-direction: var(--pc-vertical-stack-order);
-  align-items: var(--pc-vertical-stack-inline-align);
-  justify-content: var(--pc-vertical-stack-align);
-}
-@media (min-width: 31em) {
-  .VerticalStack-VerticalStack {
-    gap: var(--pc-vertical-stack-gap-sm, var(--pc-vertical-stack-gap-xs));
-  }
-}
-@media (min-width: 48em) {
-  .VerticalStack-VerticalStack {
-    gap: var(--pc-vertical-stack-gap-md, var(--pc-vertical-stack-gap-sm, var(--pc-vertical-stack-gap-xs)));
-  }
-}
-@media (min-width: 65em) {
-  .VerticalStack-VerticalStack {
-    gap: var(--pc-vertical-stack-gap-lg, var(--pc-vertical-stack-gap-md, var(--pc-vertical-stack-gap-sm, var(--pc-vertical-stack-gap-xs))));
-  }
-}
-@media (min-width: 90em) {
-  .VerticalStack-VerticalStack {
-    gap: var(--pc-vertical-stack-gap-xl, var(--pc-vertical-stack-gap-lg, var(--pc-vertical-stack-gap-md, var(--pc-vertical-stack-gap-sm, var(--pc-vertical-stack-gap-xs)))));
-  }
-}
-
-.VerticalStack-listReset {
-  list-style-type: none;
-  margin-block-start: 0;
-  margin-block-end: 0;
-  padding-inline-start: 0;
-}
-
-.VerticalStack-fieldsetReset {
-  border: none;
-  margin: 0;
-  padding: 0;
-}

package/dist/css/VideoThumbnail.css

@@ -1,88 +0,0 @@
-.VideoThumbnail-Thumbnail {
-  position: relative;
-  padding-bottom: 56.25%;
-  background-size: cover;
-  background-position: center center;
-  background-repeat: no-repeat;
-  width: 100%;
-  height: 100%;
-}
-
-.VideoThumbnail-ThumbnailContainer {
-  position: relative;
-  height: 100%;
-}
-
-.VideoThumbnail-PlayButton {
-  --pc-play-button-focused-state-overlay: rgba(223, 227, 232, 0.3);
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  border: none;
-  background: transparent;
-  transition: opacity var(--p-motion-duration-200) var(--p-motion-ease-in);
-  cursor: pointer;
-}
-.VideoThumbnail-PlayButton:focus {
-  outline: none;
-  box-shadow: inset 2px 0 0 var(--p-color-border-interactive-focus);
-  background-image: linear-gradient(var(--pc-play-button-focused-state-overlay), var(--pc-play-button-focused-state-overlay));
-}
-.VideoThumbnail-PlayButton:focus .VideoThumbnail-Timestamp {
-  background-color: rgba(0, 0, 0, 0.8);
-}
-.VideoThumbnail-PlayButton:hover .VideoThumbnail-Timestamp {
-  background-color: rgba(0, 0, 0, 0.8);
-}
-
-.VideoThumbnail-PlayIcon {
-  fill: var(--p-color-icon-on-color);
-}
-
-.VideoThumbnail-Timestamp {
-  position: absolute;
-  bottom: 0;
-  padding: var(--p-space-1) var(--p-space-2) var(--p-space-1) var(--p-space-1);
-  margin-bottom: var(--p-space-4);
-  margin-left: var(--p-space-4);
-  border-radius: var(--p-border-radius-1);
-  color: var(--p-color-text-on-color);
-  background-color: rgba(0, 0, 0, 0.6);
-  text-align: center;
-  transition: background-color var(--p-motion-duration-200) var(--p-motion-ease-in);
-}
-
-.VideoThumbnail-Progress {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  background-color: var(--p-color-bg);
-  height: 6px;
-  overflow: hidden;
-}
-
-.VideoThumbnail-Indicator {
-  height: inherit;
-  width: 100%;
-  transform-origin: left;
-  transform: scaleX(0);
-  background-color: var(--p-color-border-info);
-  transition: transform var(--p-motion-duration-500) var(--p-motion-ease);
-}
-
-.VideoThumbnail-ProgressBar,
-.VideoThumbnail-Label {
-  position: absolute !important;
-  top: 0;
-  width: 1px !important;
-  height: 1px !important;
-  margin: 0 !important;
-  padding: 0 !important;
-  overflow: hidden !important;
-  clip-path: inset(50%) !important;
-  border: 0 !important;
-  white-space: nowrap !important;
-}