@macive/ui 0.0.9 → 0.0.11

package/dist/css/CSSAnimation.css

@@ -1,11 +0,0 @@
-.CSSAnimation-startFade {
-  opacity: 0;
-  will-change: opacity;
-  transition: opacity var(--p-motion-duration-300) var(--p-motion-ease-out);
-  pointer-events: none;
-}
-
-.CSSAnimation-endFade {
-  opacity: 1;
-  pointer-events: auto;
-}

package/dist/css/Caption.css

@@ -1,12 +0,0 @@
-.Caption-Caption {
-  margin: 0;
-  font-size: 13px;
-  font-weight: var(--p-font-weight-regular);
-  line-height: var(--p-font-line-height-2);
-}
-@media (min-width: 48em) {
-  .Caption-Caption {
-    font-size: var(--p-font-size-75);
-    line-height: var(--p-font-line-height-1);
-  }
-}

package/dist/css/CheckableButton.css

@@ -1,44 +0,0 @@
-.CheckableButton-CheckableButton {
-  color: var(--p-color-text);
-  font-size: var(--p-font-size-75);
-  font-weight: var(--p-font-weight-medium);
-  line-height: var(--p-font-line-height-1);
-  text-transform: initial;
-  letter-spacing: initial;
-  display: flex;
-  align-items: center;
-  min-height: 36px;
-  min-width: 36px;
-  margin: 0;
-  cursor: pointer;
-  user-select: none;
-  text-decoration: none;
-  text-align: left;
-  border-radius: var(--p-border-radius-1);
-  width: auto;
-}
-.CheckableButton-CheckableButton svg {
-  fill: var(--p-color-icon-on-color);
-}
-.CheckableButton-CheckableButton:hover, .CheckableButton-CheckableButton:active {
-  background: transparent;
-}
-.CheckableButton-CheckableButton:focus {
-  outline: none;
-}
-
-.CheckableButton-Checkbox {
-  pointer-events: none;
-  height: 20px;
-  width: 20px;
-}
-
-.CheckableButton-Label {
-  flex: 1;
-  white-space: nowrap;
-  overflow: hidden;
-  max-width: 100%;
-  text-overflow: ellipsis;
-  padding: var(--p-space-025) 0;
-  margin-left: calc(var(--p-space-5) - var(--p-border-width-2));
-}

package/dist/css/Checkbox.css

@@ -1,118 +0,0 @@
-.Checkbox-Checkbox {
-  position: relative;
-  width: 100%;
-  margin: var(--p-space-025);
-}
-.Checkbox-Checkbox.Checkbox-active .Checkbox-Backdrop::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-
-.Checkbox-Input {
-  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;
-}
-.Checkbox-Input:focus-visible + .Checkbox-Backdrop::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Checkbox-Input:active:not(:disabled) + .Checkbox-Backdrop, .Checkbox-Input:checked + .Checkbox-Backdrop, .Checkbox-Input.Checkbox-Input-indeterminate + .Checkbox-Backdrop {
-  border-color: var(--p-color-border-interactive);
-}
-.Checkbox-Input:active:not(:disabled) + .Checkbox-Backdrop::before, .Checkbox-Input:checked + .Checkbox-Backdrop::before, .Checkbox-Input.Checkbox-Input-indeterminate + .Checkbox-Backdrop::before {
-  opacity: 1;
-  transform: scale(1);
-}
-@media (-ms-high-contrast: active) {
-  .Checkbox-Input:active:not(:disabled) + .Checkbox-Backdrop::before, .Checkbox-Input:checked + .Checkbox-Backdrop::before, .Checkbox-Input.Checkbox-Input-indeterminate + .Checkbox-Backdrop::before {
-    border: var(--p-border-width-2) solid windowText;
-  }
-}
-.Checkbox-Input:active:not(:disabled) ~ .Checkbox-Icon, .Checkbox-Input:checked ~ .Checkbox-Icon, .Checkbox-Input.Checkbox-Input-indeterminate ~ .Checkbox-Icon {
-  transform: translate(-50%, -50%) scale(1);
-  opacity: 1;
-  transition: opacity var(--p-motion-duration-150) var(--p-motion-ease), transform var(--p-motion-duration-150) var(--p-motion-ease);
-}
-.Checkbox-Input:disabled + .Checkbox-Backdrop {
-  border-color: var(--p-color-border-disabled);
-}
-.Checkbox-Input:disabled + .Checkbox-Backdrop::before {
-  background-color: var(--p-color-bg-disabled);
-}
-.Checkbox-Input:disabled + .Checkbox-Backdrop:hover {
-  cursor: default;
-}
-.Checkbox-Input:disabled:checked + .Checkbox-Backdrop,
-.Checkbox-Input:disabled:checked + .Checkbox-Backdrop::before {
-  background: var(--p-color-border-disabled);
-}
-
-.Checkbox-Backdrop {
-  position: relative;
-  border: var(--p-border-width-2) solid var(--p-color-border-input);
-  background-color: var(--p-color-bg);
-  border-radius: var(--p-border-radius-1);
-  position: relative;
-  display: block;
-  width: 100%;
-  height: 100%;
-  position: relative;
-}
-.Checkbox-Backdrop::before {
-  content: "";
-  position: absolute;
-  top: calc(-1 * var(--p-border-width-2));
-  right: calc(-1 * var(--p-border-width-2));
-  bottom: calc(-1 * var(--p-border-width-2));
-  left: calc(-1 * var(--p-border-width-2));
-  border-radius: var(--p-border-radius-1);
-  background-color: var(--p-color-bg-interactive);
-  opacity: 0;
-  transform: scale(0.25);
-  transition: opacity var(--p-motion-duration-100) var(--p-motion-ease), transform var(--p-motion-duration-100) var(--p-motion-ease);
-}
-.Checkbox-Backdrop.Checkbox-hover, .Checkbox-Backdrop:hover {
-  cursor: pointer;
-  border-color: var(--p-color-border-hover);
-}
-.Checkbox-Backdrop::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: calc(-1 * calc(var(--p-border-width-2) + 1px));
-  right: calc(-1 * calc(var(--p-border-width-2) + 1px));
-  bottom: calc(-1 * calc(var(--p-border-width-2) + 1px));
-  left: calc(-1 * calc(var(--p-border-width-2) + 1px));
-  display: block;
-  pointer-events: none;
-  box-shadow: 0 0 0 calc(-1 * calc(var(--p-border-width-2) + 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);
-}
-
-.Checkbox-Icon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform-origin: 50% 50%;
-  pointer-events: none;
-  transform: translate(-50%, -50%) scale(0.25);
-  opacity: 0;
-  transition: opacity var(--p-motion-duration-100) var(--p-motion-ease), transform var(--p-motion-duration-100) var(--p-motion-ease);
-}
-@media (-ms-high-contrast: active) {
-  .Checkbox-Icon {
-    fill: windowText;
-  }
-}
-.Checkbox-Icon svg {
-  fill: var(--p-color-icon-on-color);
-}

package/dist/css/Choice.css

@@ -1,89 +0,0 @@
-.Choice-Choice {
-  display: flex;
-  justify-content: flex-start;
-  padding: var(--p-space-1) 0;
-  cursor: pointer;
-}
-@media (min-width: 31em) {
-  .Choice-Choice {
-    display: inline-flex;
-  }
-}
-
-.Choice-Error {
-  color: "red";
-}
-
-.Choice-labelHidden {
-  padding: 0;
-}
-.Choice-labelHidden > .Choice-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;
-}
-.Choice-labelHidden .Choice-Control {
-  margin-top: 0;
-  margin-right: 0;
-}
-
-.Choice-disabled {
-  cursor: default;
-}
-.Choice-disabled > .Choice-Label {
-  color: var(--p-color-text-disabled);
-}
-.Choice-disabled > .Choice-Label:hover {
-  cursor: default;
-}
-@media (-ms-high-contrast: active) {
-  .Choice-disabled > .Choice-Label {
-    color: grayText;
-  }
-}
-
-.Choice-Control {
-  --pc-choice-size: 20px;
-  display: flex;
-  flex: 0 0 auto;
-  align-items: stretch;
-  width: var(--pc-choice-size);
-  height: var(--pc-choice-size);
-  margin-right: var(--p-space-2);
-}
-@media (max-width: 48em) {
-  .Choice-Control {
-    --pc-choice-size: 22px;
-  }
-}
-.Choice-Control > * {
-  width: 100%;
-}
-
-.Choice-Label {
-  -webkit-tap-highlight-color: transparent;
-}
-.Choice-Label:hover {
-  cursor: pointer;
-}
-
-.Choice-Descriptions {
-  --pc-choice-size: 20px;
-  padding-left: calc(var(--p-space-2) + var(--pc-choice-size));
-}
-@media (max-width: 48em) {
-  .Choice-Descriptions {
-    --pc-choice-size: 22px;
-  }
-}
-
-.Choice-HelpText {
-  margin-bottom: var(--p-space-1);
-}

package/dist/css/ChoiceList.css

@@ -1,3 +0,0 @@
-.ChoiceList-ChoiceChildren {
-  padding-left: calc(var(--p-space-2) + 20px);
-}

package/dist/css/CloseButton.css

@@ -1,49 +0,0 @@
-.CloseButton-CloseButton {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  cursor: pointer;
-  position: relative;
-  margin-left: var(--p-space-5);
-  margin-right: calc(-1 * var(--p-space-2));
-  padding: var(--p-space-2);
-  border-radius: var(--p-border-radius-2);
-}
-.CloseButton-CloseButton:focus {
-  outline: none;
-}
-.CloseButton-CloseButton::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);
-}
-.CloseButton-CloseButton:hover {
-  background: var(--p-color-bg-hover);
-}
-.CloseButton-CloseButton:hover svg {
-  fill: var(--p-color-icon-hover);
-}
-.CloseButton-CloseButton:active, .CloseButton-CloseButton.CloseButton-pressed {
-  background: var(--p-color-bg-active);
-}
-.CloseButton-CloseButton: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;
-}
-.CloseButton-CloseButton.CloseButton-titleHidden {
-  margin: var(--p-space-2);
-}

package/dist/css/Collapsible.css

@@ -1,22 +0,0 @@
-.Collapsible-Collapsible {
-  padding-top: 0;
-  padding-bottom: 0;
-  max-height: 0;
-  overflow: hidden;
-  will-change: max-height;
-  transition-property: max-height;
-  transition-duration: var(--p-motion-duration-100);
-  transition-timing-function: var(--p-motion-ease-out);
-}
-
-.Collapsible-isFullyClosed {
-  display: none;
-}
-
-@media print {
-  .Collapsible-expandOnPrint {
-    max-height: none !important;
-    overflow: visible;
-    display: block;
-  }
-}

package/dist/css/ColorPicker.css

@@ -1,129 +0,0 @@
-.ColorPicker-ColorPicker {
-  --pc-color-picker-size: 160px;
-  --pc-color-picker-dragger-size: 18px;
-  --pc-color-picker-z-index: 10;
-  --pc-color-picker-adjustments: 20;
-  --pc-color-picker-dragger: 30;
-  --pc-color-picker-inner-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.5);
-  --pc-color-picker-dragger-shadow: inset 0 1px 2px 0 rgba(33, 43, 54, 0.32),
-    0 1px 2px 0 rgba(33, 43, 54, 0.32);
-  user-select: none;
-  display: flex;
-}
-
-.ColorPicker-MainColor {
-  background: repeating-conic-gradient(var(--p-color-bg) 0% 25%, var(--p-color-bg-subdued) 0% 50%) 50%/var(--p-space-4) var(--p-space-4);
-  position: relative;
-  overflow: hidden;
-  height: var(--pc-color-picker-size);
-  width: var(--pc-color-picker-size);
-  border-radius: var(--p-border-radius-1);
-  cursor: pointer;
-}
-.ColorPicker-fullWidth .ColorPicker-MainColor {
-  width: auto;
-  flex-grow: 1;
-}
-.ColorPicker-MainColor .ColorPicker-Dragger {
-  right: calc(0.5 * var(--pc-color-picker-dragger-size));
-  margin: 0;
-  box-shadow: var(--pc-color-picker-dragger-shadow);
-}
-.ColorPicker-MainColor .ColorPicker-ColorLayer {
-  border-radius: var(--p-border-radius-1);
-}
-.ColorPicker-MainColor::after, .ColorPicker-MainColor::before {
-  content: "";
-  position: absolute;
-  z-index: var(--pc-color-picker-adjustments);
-  top: 0;
-  left: 0;
-  display: block;
-  height: 100%;
-  width: 100%;
-  pointer-events: none;
-  border-radius: var(--p-border-radius-1);
-}
-.ColorPicker-MainColor::before {
-  background: linear-gradient(to right, white, transparent);
-}
-.ColorPicker-MainColor::after {
-  background-image: linear-gradient(to top, black, transparent);
-  box-shadow: var(--pc-color-picker-inner-shadow);
-}
-@media (-ms-high-contrast: active) {
-  .ColorPicker-MainColor {
-    outline: var(--p-border-width-1) solid windowText;
-  }
-}
-
-.ColorPicker-Dragger {
-  position: relative;
-  z-index: var(--pc-color-picker-dragger);
-  bottom: calc(0.5 * var(--pc-color-picker-dragger-size));
-  transform: none;
-  height: var(--pc-color-picker-dragger-size);
-  width: var(--pc-color-picker-dragger-size);
-  margin: 0 auto;
-  will-change: transform;
-  background: transparent;
-  border: var(--p-border-radius-1) solid var(--p-color-bg);
-  border-radius: var(--p-border-radius-full);
-  pointer-events: none;
-  box-shadow: var(--pc-color-picker-dragger-shadow);
-}
-
-.ColorPicker-HuePicker,
-.ColorPicker-AlphaPicker {
-  position: relative;
-  overflow: hidden;
-  height: var(--pc-color-picker-size);
-  width: var(--p-space-6);
-  margin-left: var(--p-space-2);
-  border-width: var(--p-border-radius-1);
-  border-radius: calc(var(--pc-color-picker-size) * 0.5);
-}
-.ColorPicker-HuePicker::after,
-.ColorPicker-AlphaPicker::after {
-  content: "";
-  position: absolute;
-  z-index: var(--pc-color-picker-adjustments);
-  top: 0;
-  left: 0;
-  display: block;
-  height: 100%;
-  width: 100%;
-  pointer-events: none;
-  border-radius: calc(var(--pc-color-picker-size) * 0.5);
-  box-shadow: var(--pc-color-picker-inner-shadow);
-}
-@media (-ms-high-contrast: active) {
-  .ColorPicker-HuePicker,
-  .ColorPicker-AlphaPicker {
-    outline: var(--p-border-width-1) solid windowText;
-  }
-}
-
-.ColorPicker-HuePicker {
-  background-image: linear-gradient(to bottom, red var(--pc-color-picker-dragger-size), yellow, rgb(0, 255, 0), cyan, blue, rgb(255, 0, 255), red calc(var(--pc-color-picker-size) - var(--pc-color-picker-dragger-size)));
-}
-
-.ColorPicker-AlphaPicker {
-  background: repeating-conic-gradient(var(--p-color-bg) 0% 25%, var(--p-color-bg-subdued) 0% 50%) 50%/var(--p-space-4) var(--p-space-4);
-}
-
-.ColorPicker-ColorLayer {
-  position: absolute;
-  z-index: var(--pc-color-picker-z-index);
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  pointer-events: none;
-}
-
-.ColorPicker-Slidable {
-  height: 100%;
-  width: 100%;
-  cursor: pointer;
-}

package/dist/css/Container.css

@@ -1,14 +0,0 @@
-.Container-Container {
-  border-bottom: var(--p-border-width-1) solid var(--p-color-border-subdued);
-  border-top-left-radius: var(--p-border-radius-2);
-  border-top-right-radius: var(--p-border-radius-2);
-  background: var(--p-color-bg);
-}
-
-@media (max-width: 31em) {
-  .Container-Container {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    height: 57px;
-  }
-}

package/dist/css/ContextualSaveBar.css

@@ -1,83 +0,0 @@
-.ContextualSaveBar-ContextualSaveBar {
-  /* stylelint-disable -- polaris: Used to apply dark theme to action buttons */
-  --p-color-bg: var(--p-color-bg-inverse);
-  --p-color-text: var(--p-color-text-inverse);
-  --p-color-bg-hover: var(--p-color-bg-inverse-hover);
-  --p-color-bg-subdued-active: var(--p-color-bg-inverse-active);
-  /* stylelint-enable */
-  display: flex;
-  height: 56px;
-  background: var(--p-color-bg-inverse);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
-}
-.ContextualSaveBar-ContextualSaveBar .ContextualSaveBar-LogoContainer {
-  border-right: none;
-}
-.ContextualSaveBar-ContextualSaveBar .ContextualSaveBar-ContextControl {
-  opacity: 0.3;
-  pointer-events: none;
-}
-@media (forced-colors: active) {
-  .ContextualSaveBar-ContextualSaveBar {
-    border: var(--p-border-width-1) solid transparent;
-  }
-}
-
-.ContextualSaveBar-LogoContainer {
-  display: none;
-}
-@media (min-width: 48em) {
-  .ContextualSaveBar-LogoContainer {
-    display: flex;
-    flex: 0 0 240px;
-    align-items: center;
-    height: 100%;
-    padding: 0 var(--p-space-4);
-    background-color: transparent;
-  }
-}
-
-.ContextualSaveBar-Contents {
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  justify-content: space-between;
-  min-width: 1px;
-  max-width: 998px;
-  height: 100%;
-  margin: 0 auto;
-  padding: 0 var(--p-space-4);
-}
-@media (min-width: 31em) {
-  .ContextualSaveBar-Contents {
-    padding: 0 var(--p-space-5);
-  }
-}
-@media (min-width: 48em) {
-  .ContextualSaveBar-Contents {
-    padding: 0 var(--p-space-8);
-  }
-}
-
-.ContextualSaveBar-fullWidth {
-  max-width: none;
-  padding: 0 var(--p-space-4);
-}
-
-.ContextualSaveBar-ActionContainer {
-  flex-shrink: 0;
-}
-
-.ContextualSaveBar-Action {
-  margin-left: var(--p-space-2);
-}
-
-.ContextualSaveBar-ContextControl {
-  display: none;
-}
-@media (min-width: 48em) {
-  .ContextualSaveBar-ContextControl {
-    display: block;
-    width: 240px;
-  }
-}