@macive/ui 0.0.10 → 0.0.11

package/dist/css/AppProvider.css

@@ -1,66 +0,0 @@
-:root {
-  --polaris-version-number: "{{POLARIS_VERSION}}";
-}
-
-html,
-body {
-  font-size: var(--p-font-size-100);
-  line-height: var(--p-font-line-height-2);
-  font-weight: var(--p-font-weight-regular);
-  text-transform: initial;
-  letter-spacing: initial;
-  font-weight: var(--p-font-weight-regular);
-  color: var(--p-color-text);
-}
-
-html,
-body,
-button {
-  font-family: var(--p-font-family-sans);
-}
-
-html {
-  position: relative;
-  font-size: 100%;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-size-adjust: 100%;
-  text-rendering: optimizeLegibility;
-}
-
-body {
-  min-height: 100%;
-  margin: 0;
-  padding: 0;
-  background-color: rgb(241, 242, 244);
-}
-@media print {
-  body {
-    background-color: transparent !important;
-  }
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-  margin: 0;
-  font-size: 1em;
-  font-weight: var(--p-font-weight-regular);
-}
-
-button::-moz-focus-inner,
-[type=button]::-moz-focus-inner,
-[type=reset]::-moz-focus-inner,
-[type=submit]::-moz-focus-inner {
-  border-style: none;
-}

package/dist/css/Avatar.css

@@ -1,123 +0,0 @@
-.Avatar-Avatar {
-  --pc-avatar-extra-small-size: 24px;
-  --pc-avatar-small-size: 32px;
-  --pc-avatar-medium-size: 40px;
-  --pc-avatar-large-size: 60px;
-  position: relative;
-  display: block;
-  overflow: hidden;
-  min-width: var(--pc-avatar-extra-small-size);
-  max-width: 100%;
-  background: var(--p-color-bg-strong);
-  color: var(--p-color-icon-subdued);
-  user-select: none;
-}
-@media (forced-colors: active) {
-  .Avatar-Avatar {
-    border: var(--p-border-width-1) solid transparent;
-  }
-}
-.Avatar-Avatar::after {
-  content: "";
-  display: block;
-  padding-bottom: 100%;
-}
-
-.Avatar-Text {
-  font-size: var(--p-font-size-300);
-  font-weight: var(--p-font-weight-regular);
-}
-.Avatar-Text.Avatar-long {
-  font-size: var(--p-font-size-100);
-}
-
-.Avatar-shapeRound {
-  border-radius: var(--p-border-radius-full);
-}
-
-.Avatar-shapeSquare {
-  border-radius: var(--p-border-radius-05);
-}
-.Avatar-shapeSquare .Avatar-Text {
-  font-size: var(--p-font-size-200);
-  font-weight: var(--p-font-weight-semibold);
-}
-.Avatar-shapeSquare .Avatar-long {
-  font-size: var(--p-font-size-75);
-}
-
-.Avatar-hidden {
-  visibility: hidden;
-}
-
-.Avatar-sizeExtraSmall {
-  width: var(--pc-avatar-extra-small-size);
-}
-
-.Avatar-sizeSmall {
-  width: var(--pc-avatar-small-size);
-}
-
-.Avatar-sizeMedium {
-  width: var(--pc-avatar-medium-size);
-}
-
-.Avatar-sizeLarge {
-  width: var(--pc-avatar-large-size);
-}
-
-.Avatar-styleOne {
-  color: rgb(61, 40, 0);
-  background: rgb(255, 201, 107);
-}
-
-.Avatar-styleTwo {
-  color: rgb(73, 11, 28);
-  background: rgb(255, 196, 176);
-}
-
-.Avatar-styleThree {
-  color: rgb(0, 47, 25);
-  background: rgb(146, 230, 181);
-}
-
-.Avatar-styleFour {
-  color: rgb(0, 45, 45);
-  background: rgb(145, 224, 214);
-}
-
-.Avatar-styleFive {
-  color: rgb(79, 14, 31);
-  background: rgb(253, 201, 208);
-}
-
-.Avatar-imageHasLoaded {
-  background: transparent;
-}
-
-.Avatar-Image {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  border-radius: inherit;
-  transform: translate(-50%, -50%);
-  object-fit: cover;
-}
-
-.Avatar-Initials {
-  position: absolute;
-  top: 0;
-  right: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}
-
-.Avatar-Svg {
-  width: 100%;
-  height: 100%;
-}

package/dist/css/Backdrop.css

@@ -1,21 +0,0 @@
-.Backdrop-Backdrop {
-  position: fixed;
-  z-index: var(--p-z-index-10);
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: block;
-  background-color: rgba(0, 0, 0, 0.5);
-  animation: var(--p-motion-keyframes-fade-in) var(--p-motion-duration-200) 1 forwards;
-  opacity: 0;
-  will-change: opacity;
-}
-
-.Backdrop-transparent {
-  background-color: transparent;
-}
-
-.Backdrop-belowNavigation {
-  z-index: var(--p-z-index-7);
-}

package/dist/css/Badge.css

@@ -1,86 +0,0 @@
-.Badge-Badge {
-  display: inline-flex;
-  align-items: center;
-  border-radius: 9999px;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  font-weight: 600;
-}
-
-.Badge-statusSuccess {
-  background-color: green;
-}
-
-.Badge-statusInfo {
-  background-color: #242d31;
-}
-
-.Badge-statusAttention {
-  background-color: #f59e0b;
-}
-
-.Badge-statusWarning {
-  background-color: #f59e0b;
-}
-
-.Badge-statusCritical {
-  background-color: #f50b0b;
-}
-
-.Badge-statusNew {
-  border: none;
-}
-
-.Badge-withinFilter {
-  border-radius: 0.375rem;
-}
-
-.Badge-icon {
-  margin-left: auto;
-}
-
-.Badge-Icon {
-  margin-left: auto;
-}
-
-.Badge-success {
-  background-color: #10b981;
-  color: white;
-}
-
-.Badge-PipContainer {
-  display: grid;
-  align-items: center;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.Badge-plain {
-  background-color: #EEEEEE;
-  color: #4B5563;
-}
-
-.Badge-info {
-  background-color: #3498db;
-  color: white;
-}
-
-.Badge-warning {
-  background-color: #f59e0b;
-  color: white;
-}
-
-.Badge-critical {
-  background-color: #ef4444;
-  color: white;
-}
-
-.Badge-attention {
-  background-color: #f97316;
-  color: white;
-}
-
-.Badge-new {
-  background-color: #10b981;
-  color: white;
-}

package/dist/css/Banner.css

@@ -1,374 +0,0 @@
-.Banner-Banner {
-  --pc-banner-secondary-action-horizontal-padding: var(--p-space-3);
-  --pc-banner-secondary-action-vertical-padding: var(--p-space-2);
-  position: relative;
-  display: flex;
-}
-.Banner-Banner.Banner-statusCritical .Banner-PrimaryAction.Banner-Button {
-  border-color: var(--p-color-border-critical-subdued);
-}
-.Banner-Banner.Banner-statusCritical .Banner-PrimaryAction.Banner-Button:hover {
-  border-color: var(--p-color-border-critical-subdued);
-  background: var(--p-color-bg-critical-subdued-hover);
-}
-.Banner-Banner.Banner-statusCritical .Banner-PrimaryAction.Banner-Button:active {
-  border-color: var(--p-color-border-critical-subdued);
-  background: var(--p-color-bg-critical-subdued-active);
-}
-.Banner-Banner.Banner-statusCritical .Banner-PrimaryAction.Banner-Button:focus:not(:active) {
-  border-color: var(--p-color-border-critical-subdued);
-  background: var(--p-color-bg-critical-subdued);
-}
-.Banner-Banner .Banner-PrimaryAction {
-  border-color: var(--p-color-border-critical-subdued);
-}
-.Banner-Banner.Banner-statusWarning .Banner-PrimaryAction.Banner-Button {
-  border-color: var(--p-color-border-caution-subdued);
-}
-.Banner-Banner.Banner-statusWarning .Banner-PrimaryAction.Banner-Button:hover {
-  border-color: var(--p-color-border-caution-subdued);
-  background: var(--p-color-bg-caution-subdued-hover);
-}
-.Banner-Banner.Banner-statusWarning .Banner-PrimaryAction.Banner-Button:active {
-  border-color: var(--p-color-border-caution-subdued);
-  background: var(--p-color-bg-caution-subdued-active);
-}
-.Banner-Banner.Banner-statusWarning .Banner-PrimaryAction.Banner-Button:focus:not(:active) {
-  border-color: var(--p-color-border-caution-subdued);
-  background: var(--p-color-bg-caution-subdued);
-}
-.Banner-Banner.Banner-statusInfo .Banner-PrimaryAction.Banner-Button {
-  border-color: var(--p-color-border-info-subdued);
-}
-.Banner-Banner.Banner-statusInfo .Banner-PrimaryAction.Banner-Button:hover {
-  border-color: var(--p-color-border-info-subdued);
-  background: var(--p-color-bg-info-subdued-hover);
-}
-.Banner-Banner.Banner-statusInfo .Banner-PrimaryAction.Banner-Button:active {
-  border-color: var(--p-color-border-info-subdued);
-  background: var(--p-color-bg-info-subdued-active);
-}
-.Banner-Banner.Banner-statusInfo .Banner-PrimaryAction.Banner-Button:focus:not(:active) {
-  border-color: var(--p-color-border-info-subdued);
-  background: var(--p-color-bg-info-subdued);
-}
-.Banner-Banner.Banner-statusSuccess .Banner-PrimaryAction.Banner-Button {
-  border-color: var(--p-color-border-success-subdued);
-}
-.Banner-Banner.Banner-statusSuccess .Banner-PrimaryAction.Banner-Button:hover {
-  border-color: var(--p-color-border-success-subdued);
-  background: var(--p-color-bg-success-subdued-hover);
-}
-.Banner-Banner.Banner-statusSuccess .Banner-PrimaryAction.Banner-Button:active {
-  border-color: var(--p-color-border-success-subdued);
-  background: var(--p-color-bg-success-subdued-active);
-}
-.Banner-Banner.Banner-statusSuccess .Banner-PrimaryAction.Banner-Button:focus:not(:active) {
-  border-color: var(--p-color-border-success-subdued);
-  background: var(--p-color-bg-success-subdued);
-}
-
-.Banner-ContentWrapper {
-  margin-top: calc(-1 * var(--p-space-05));
-  flex: 1 1 auto;
-}
-
-.Banner-withinContentContainer {
-  padding: var(--p-space-4);
-  border: var(--p-border-width-1) solid var(--p-color-border-strong);
-  background-color: var(--p-color-bg-app);
-  position: relative;
-  border-radius: var(--p-border-radius-1);
-}
-.Banner-withinContentContainer .Banner-Dismiss {
-  top: var(--p-space-4);
-  right: var(--p-space-3);
-  position: absolute;
-}
-.Banner-withinContentContainer::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);
-}
-.Banner-withinContentContainer:focus {
-  outline: none;
-}
-.Banner-withinContentContainer.Banner-keyFocused::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Banner-withinContentContainer.Banner-statusSuccess {
-  border-color: var(--p-color-border-success-subdued);
-  background-color: var(--p-color-bg-success-subdued);
-}
-.Banner-withinContentContainer.Banner-statusInfo {
-  border-color: var(--p-color-border-info-subdued);
-  background-color: var(--p-color-bg-info-subdued);
-}
-.Banner-withinContentContainer.Banner-statusWarning {
-  border-color: var(--p-color-border-caution-subdued);
-  background-color: var(--p-color-bg-caution-subdued);
-}
-.Banner-withinContentContainer.Banner-statusCritical {
-  border-color: var(--p-color-border-critical-subdued);
-  background-color: var(--p-color-bg-critical-subdued);
-}
-.Banner-withinContentContainer + .Banner-Banner {
-  margin-top: var(--p-space-2);
-}
-
-.Banner-withinPage {
-  border-radius: 0 0 var(--p-border-radius-1) var(--p-border-radius-1);
-  padding: var(--p-space-5);
-  border: var(--p-border-width-1) solid var(--p-color-border-strong);
-  background-color: var(--p-color-bg-app);
-  position: relative;
-  border-radius: var(--p-border-radius-2);
-}
-.Banner-withinPage::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);
-}
-@media (max-width: 31em) {
-  .Banner-withinPage {
-    border-radius: 0;
-    border-width: var(--p-border-width-1) 0;
-  }
-}
-.Banner-withinPage:focus {
-  outline: none;
-}
-.Banner-withinPage.Banner-keyFocused::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Banner-withinPage.Banner-statusSuccess {
-  border-color: var(--p-color-border-success-subdued);
-  background-color: var(--p-color-bg-success-subdued);
-}
-.Banner-withinPage.Banner-statusInfo {
-  border-color: var(--p-color-border-info-subdued);
-  background-color: var(--p-color-bg-info-subdued);
-}
-.Banner-withinPage.Banner-statusWarning {
-  border-color: var(--p-color-border-caution-subdued);
-  background-color: var(--p-color-bg-caution-subdued);
-}
-.Banner-withinPage.Banner-statusCritical {
-  border-color: var(--p-color-border-critical-subdued);
-  background-color: var(--p-color-bg-critical-subdued);
-}
-.Banner-withinPage + .Banner-Banner {
-  margin-top: var(--p-space-5);
-}
-.Banner-withinPage .Banner-Ribbon {
-  padding-right: var(--p-space-4);
-}
-.Banner-withinPage .Banner-Dismiss {
-  right: var(--p-space-4);
-  top: var(--p-space-5);
-  position: absolute;
-}
-
-.Banner-hasDismiss {
-  padding-right: calc(var(--p-space-8) + var(--p-space-2));
-}
-
-.Banner-SecondaryAction {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  cursor: pointer;
-  display: inline-block;
-  text-align: left;
-  text-decoration: none;
-  margin: calc(-1 * var(--pc-banner-secondary-action-vertical-padding)) calc(-0.5 * var(--pc-banner-secondary-action-horizontal-padding));
-  padding: var(--pc-banner-secondary-action-vertical-padding) var(--pc-banner-secondary-action-horizontal-padding);
-  color: var(--p-color-text);
-  padding-left: var(--p-space-2);
-}
-.Banner-SecondaryAction:focus {
-  outline: none;
-}
-.Banner-SecondaryAction:hover > .Banner-Text {
-  text-decoration: underline;
-}
-.Banner-SecondaryAction:active > .Banner-Text {
-  text-decoration: underline;
-}
-.Banner-SecondaryAction:focus-visible > .Banner-Text {
-  padding: var(--p-space-05) var(--p-space-1);
-  margin: calc(-1 * var(--p-space-05)) calc(-1 * var(--p-space-1));
-  background: transparent;
-  border-radius: var(--p-border-radius-1);
-  box-shadow: none;
-  text-decoration: underline;
-}
-.Banner-SecondaryAction:focus-visible > .Banner-Text::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) {
-  .Banner-SecondaryAction:focus-visible > .Banner-Text {
-    outline: var(--p-border-width-2) dotted;
-  }
-}
-.Banner-SecondaryAction:visited {
-  color: inherit;
-}
-
-.Banner-Text {
-  position: relative;
-}
-.Banner-Text::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);
-}
-
-.Banner-Button {
-  position: relative;
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 36px;
-  min-width: 36px;
-  margin: 0;
-  padding: calc((36px - var(--p-font-line-height-2) - var(--p-space-05)) / 2) var(--p-space-4);
-  background: var(--p-color-bg);
-  box-shadow: var(--p-shadow-sm);
-  border-radius: var(--p-border-radius-3);
-  color: var(--p-color-text);
-  border: var(--p-border-width-1) solid var(--p-color-border-strong);
-  line-height: 1;
-  text-align: center;
-  cursor: pointer;
-  user-select: none;
-  text-decoration: none;
-  -webkit-tap-highlight-color: transparent;
-  position: relative;
-  font-size: var(--p-font-size-100);
-  font-weight: var(--p-font-weight-medium);
-  line-height: var(--p-font-line-height-1);
-  text-transform: initial;
-  letter-spacing: initial;
-  color: var(--p-color-text);
-}
-.Banner-Button::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: calc(-1 * calc(var(--p-border-width-1) + 1px));
-  right: calc(-1 * calc(var(--p-border-width-1) + 1px));
-  bottom: calc(-1 * calc(var(--p-border-width-1) + 1px));
-  left: calc(-1 * calc(var(--p-border-width-1) + 1px));
-  display: block;
-  pointer-events: none;
-  box-shadow: 0 0 0 calc(-1 * calc(var(--p-border-width-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);
-}
-.Banner-Button svg {
-  fill: var(--p-color-icon);
-}
-.Banner-Button:hover {
-  background: var(--p-color-bg-hover);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Banner-Button:focus-visible {
-  box-shadow: var(--p-shadow-sm);
-  outline: 0;
-}
-.Banner-Button:focus-visible::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Banner-Button:active {
-  background: var(--p-color-bg-subdued-active);
-  box-shadow: var(--p-shadow-sm);
-}
-.Banner-Button:active::after {
-  border: none;
-  box-shadow: none;
-}
-.Banner-Button.Banner-pressed {
-  background: var(--p-color-bg-inset-strong);
-  box-shadow: var(--p-shadow-inset-md);
-  color: var(--p-color-text-on-color);
-  border-color: var(--p-color-border-inverse);
-}
-.Banner-Button.Banner-pressed svg {
-  fill: currentColor;
-}
-@media (-ms-high-contrast: active) {
-  .Banner-Button {
-    border: var(--p-border-width-1) solid windowText;
-  }
-}
-.Banner-Button::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: calc(-1 * calc(2px + 1px));
-  right: calc(-1 * calc(2px + 1px));
-  bottom: calc(-1 * calc(2px + 1px));
-  left: calc(-1 * calc(2px + 1px));
-  display: block;
-  pointer-events: none;
-  box-shadow: 0 0 0 calc(-1 * calc(2px + 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);
-}
-.Banner-Button:focus-visible::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-
-.Banner-loading {
-  position: relative;
-  color: transparent;
-  pointer-events: none;
-}
-
-.Banner-Spinner {
-  --pc-spinner-size: var(--p-space-5);
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: calc(-1 * var(--pc-spinner-size) / 2);
-  margin-left: calc(-1 * var(--pc-spinner-size) / 2);
-}