@macive/ui 0.0.9 → 0.0.11

package/dist/css/Option.css

@@ -1,141 +0,0 @@
-.Option-Option {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  cursor: pointer;
-  width: 100%;
-  min-height: 36px;
-  text-align: left;
-  text-decoration: none;
-  border-radius: var(--p-border-radius-1);
-  margin-top: var(--p-space-1);
-  color: inherit;
-}
-.Option-Option:focus {
-  outline: none;
-}
-.Option-Option:visited {
-  color: inherit;
-}
-
-.Option-SingleSelectOption {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  cursor: pointer;
-  text-align: left;
-  position: relative;
-}
-.Option-SingleSelectOption:focus {
-  outline: none;
-}
-.Option-SingleSelectOption::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);
-}
-.Option-SingleSelectOption.Option-focused: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;
-}
-.Option-SingleSelectOption.Option-active {
-  background: var(--p-color-bg-interactive-selected);
-}
-.Option-SingleSelectOption.Option-active::before, .Option-SingleSelectOption.Option-select::before {
-  content: "";
-  background-color: var(--p-color-bg-interactive);
-  position: absolute;
-  top: 0;
-  left: calc(-1 * var(--p-space-2));
-  height: 100%;
-  display: block;
-  width: var(--p-border-width-3);
-  border-top-right-radius: var(--p-border-radius-1);
-  border-bottom-right-radius: var(--p-border-radius-1);
-}
-.Option-SingleSelectOption:not(.Option-disabled) {
-  color: inherit;
-}
-.Option-SingleSelectOption .Option-Media {
-  padding: 0 var(--p-space-2) 0 0;
-}
-
-.Option-Label,
-.Option-SingleSelectOption {
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-  cursor: pointer;
-  border-radius: var(--p-border-radius-1);
-  padding: var(--p-space-2);
-  word-wrap: break-word;
-  word-break: break-word;
-  overflow-wrap: break-word;
-}
-.Option-Label:hover:not(.Option-disabled),
-.Option-SingleSelectOption:hover:not(.Option-disabled) {
-  background: var(--p-color-bg-hover);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Option-Label.Option-select, .Option-Label.Option-select:hover:not(.Option-disabled), .Option-Label:active:not(.Option-disabled),
-.Option-SingleSelectOption.Option-select,
-.Option-SingleSelectOption.Option-select:hover:not(.Option-disabled),
-.Option-SingleSelectOption:active:not(.Option-disabled) {
-  background: var(--p-color-bg-interactive-selected);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Option-Label.Option-disabled,
-.Option-SingleSelectOption.Option-disabled {
-  background: transparent;
-  cursor: default;
-  color: var(--p-color-text-disabled);
-}
-
-.Option-Checkbox {
-  box-sizing: border-box;
-  display: flex;
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
-  margin-right: var(--p-space-2);
-  margin-left: calc(-1 * var(--p-space-025));
-}
-
-.Option-disabled .Option-Media svg {
-  fill: var(--p-color-icon-disabled);
-}
-
-.Option-Media svg {
-  fill: var(--p-color-icon);
-}
-
-.Option-verticalAlignTop {
-  align-items: flex-start;
-}
-
-.Option-verticalAlignCenter {
-  align-items: center;
-}
-
-.Option-verticalAlignBottom {
-  align-items: flex-end;
-}

package/dist/css/Page.css

@@ -1,42 +0,0 @@
-html,
-body {
-  min-height: 100%;
-  height: 100%;
-}
-
-.Page-Page {
-  margin: 0 auto;
-  padding: 0;
-  max-width: 998px;
-}
-@media (min-width: 31em) {
-  .Page-Page {
-    padding: 0 var(--p-space-6);
-  }
-}
-.Page-Page::after {
-  content: "";
-  display: table;
-}
-
-.Page-fullWidth {
-  max-width: none;
-}
-
-.Page-narrowWidth {
-  max-width: 662px;
-}
-
-.Page-Content {
-  padding: var(--p-space-2) 0;
-}
-@media (min-width: 48em) {
-  .Page-Content {
-    padding-top: var(--p-space-5);
-  }
-}
-
-.Page-divider {
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-  padding-top: var(--p-space-8);
-}

package/dist/css/Popover.css

@@ -1,106 +0,0 @@
-.Popover-Popover {
-  max-width: calc(100vw - var(--p-space-8));
-  margin: 5px var(--p-space-2) var(--p-space-4);
-  box-shadow: var(--p-shadow-xl);
-  border-radius: var(--p-border-radius-2);
-  will-change: left, top;
-}
-
-.Popover-PopoverOverlay {
-  opacity: 0;
-  transition: opacity var(--p-motion-duration-100) var(--p-motion-ease), transform var(--p-motion-duration-100) var(--p-motion-ease);
-  transform: translateY(-5px);
-}
-
-.Popover-PopoverOverlay-entering {
-  opacity: 1;
-  transform: translateY(0);
-}
-
-.Popover-PopoverOverlay-open {
-  opacity: 1;
-  transform: none;
-}
-
-.Popover-measuring:not(.Popover-PopoverOverlay-exiting) {
-  opacity: 0;
-  transform: translateY(-5px);
-}
-
-.Popover-fullWidth {
-  margin: 5px auto 0 auto;
-}
-.Popover-fullWidth .Popover-Content {
-  max-width: none;
-}
-
-.Popover-positionedAbove {
-  margin: var(--p-space-4) var(--p-space-2) 5px;
-}
-.Popover-positionedAbove.Popover-fullWidth {
-  margin: 0 auto 5px auto;
-}
-
-.Popover-Content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  border-radius: var(--p-border-radius-1);
-  max-width: 400px;
-  max-height: 500px;
-}
-.Popover-Content:focus {
-  outline: none;
-}
-
-.Popover-Content-fullHeight {
-  max-height: 100vh;
-}
-
-.Popover-Content-fluidContent {
-  max-height: none;
-  max-width: none;
-}
-
-.Popover-Pane {
-  flex: 1 1 auto;
-  max-width: 100%;
-}
-.Popover-Pane + .Popover-Pane {
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-.Popover-Pane:focus {
-  outline: none;
-}
-
-.Popover-Pane-fixed {
-  overflow: visible;
-  flex: 0 0 auto;
-}
-
-.Popover-Pane-captureOverscroll {
-  overscroll-behavior: contain;
-}
-
-.Popover-Section + .Popover-Section {
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-
-.Popover-FocusTracker {
-  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;
-}
-
-@media print {
-  .Popover-PopoverOverlay-hideOnPrint {
-    display: none !important;
-  }
-}

package/dist/css/PositionedOverlay.css

@@ -1,16 +0,0 @@
-.PositionedOverlay-PositionedOverlay {
-  position: absolute;
-  z-index: var(--p-z-index-2);
-}
-
-.PositionedOverlay-fixed {
-  position: fixed;
-}
-
-.PositionedOverlay-calculating {
-  visibility: hidden;
-}
-
-.PositionedOverlay-preventInteraction {
-  pointer-events: none;
-}

package/dist/css/RadioButton.css

@@ -1,99 +0,0 @@
-.RadioButton-RadioButton {
-  position: relative;
-  margin: var(--p-space-025);
-}
-
-.RadioButton-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;
-}
-.RadioButton-Input:focus-visible + .RadioButton-Backdrop::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.RadioButton-Input:focus-visible + .RadioButton-Backdrop::after {
-  border-radius: var(--p-border-radius-full);
-}
-.RadioButton-Input:checked + .RadioButton-Backdrop {
-  border-color: var(--p-color-border-interactive);
-}
-.RadioButton-Input:checked + .RadioButton-Backdrop::before {
-  transition: opacity var(--p-motion-duration-150) var(--p-motion-ease), transform var(--p-motion-duration-150) var(--p-motion-ease);
-  opacity: 1;
-  transform: translate(-50%, -50%) scale(1);
-}
-.RadioButton-Input:disabled + .RadioButton-Backdrop {
-  border-color: var(--p-color-border-disabled);
-  cursor: default;
-}
-.RadioButton-Input:disabled + .RadioButton-Backdrop::before {
-  background-color: var(--p-color-border-disabled);
-}
-
-.RadioButton-Backdrop {
-  --pc-icon-size-small: 8px;
-  position: relative;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  border: var(--p-border-width-2) solid var(--p-color-border-input);
-  border-radius: var(--p-border-radius-full);
-  background-color: var(--p-color-bg);
-  transition: border-color var(--p-motion-duration-100) var(--p-motion-ease);
-  position: relative;
-}
-@media (max-width: 48em) {
-  .RadioButton-Backdrop {
-    --pc-icon-size-small: 10px;
-  }
-}
-.RadioButton-Backdrop::before {
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  opacity: 0;
-  transform: translate(-50%, -50%) scale(0.1);
-  transform-origin: 50% 50%;
-  height: var(--pc-icon-size-small);
-  width: var(--pc-icon-size-small);
-  background-color: var(--p-color-bg-interactive);
-  border-radius: var(--p-border-radius-full);
-  transition: opacity var(--p-motion-duration-100) var(--p-motion-ease), transform var(--p-motion-duration-100) var(--p-motion-ease);
-}
-@media (forced-colors: active) {
-  .RadioButton-Backdrop::before {
-    border: var(--p-border-width-5) solid transparent;
-  }
-}
-.RadioButton-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);
-}
-.RadioButton-Backdrop::after {
-  border-radius: var(--p-border-radius-full);
-}
-.RadioButton-Backdrop.RadioButton-hover, .RadioButton-Backdrop:hover {
-  cursor: pointer;
-  border-color: var(--p-color-border-input-hover);
-}

package/dist/css/RangeSlider.css

@@ -1,7 +0,0 @@
-.RangeSlider-RangeSlider {
-  --pc-range-slider-input: 10;
-  --pc-range-slider-output: 20;
-  --pc-range-slider-track-height: 4px;
-  --pc-range-slider-thumb-size: 16px;
-  --pc-track-dashed-border-radius: var(--p-border-radius-1);
-}

package/dist/css/ResourceItem.css

@@ -1,127 +0,0 @@
-.ResourceItem-ResourceItem {
-  --pc-resource-item-min-height: 44px;
-  --pc-resource-item-disclosure-width: 48px;
-  --pc-resource-item-offset: 38px;
-  --pc-resource-item-clickable-stacking-order: 1;
-  --pc-resource-item-content-stacking-order: 2;
-  outline: none;
-  cursor: pointer;
-}
-.ResourceItem-ResourceItem:hover {
-  background-color: var(--p-color-bg-hover);
-}
-.ResourceItem-ResourceItem:hover .ResourceItem-Actions > * {
-  clip: auto;
-  overflow: visible;
-}
-.ResourceItem-ResourceItem:active {
-  background-color: var(--p-color-bg-active);
-}
-
-.ResourceItem-ItemWrapper {
-  overflow: hidden;
-  max-width: 100%;
-}
-
-.ResourceItem-focusedInner,
-.ResourceItem-focusedInner.ResourceItem-focused,
-.ResourceItem-focusedInner.ResourceItem-focused.ResourceItem-selected {
-  box-shadow: none;
-}
-
-.ResourceItem-Link,
-.ResourceItem-Button {
-  position: absolute;
-  z-index: var(--pc-resource-item-clickable-stacking-order);
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  opacity: 0;
-}
-
-.ResourceItem-Button {
-  padding: 0;
-  border: none;
-}
-
-.ResourceItem-selectable {
-  width: calc(100% + var(--pc-resource-item-offset));
-  transform: translateX(calc(-1 * var(--pc-resource-item-offset)));
-  transition: transform var(--p-motion-ease) var(--p-motion-duration-200);
-  margin-right: calc(-1 * var(--pc-resource-item-offset));
-}
-.ResourceItem-selectable.ResourceItem-selectMode {
-  transform: translateX(0);
-}
-@media (min-width: 31em) {
-  .ResourceItem-selectable {
-    width: 100%;
-    transform: translateX(0);
-    margin-right: 0;
-  }
-}
-
-.ResourceItem-Actions > * {
-  clip: rect(0, 0, 0, 0);
-  overflow: hidden;
-}
-.ResourceItem-focused .ResourceItem-Actions > * {
-  clip: auto;
-  overflow: visible;
-}
-
-.ResourceItem-selected {
-  background-color: var(--p-color-bg-interactive-selected);
-}
-.ResourceItem-selected:hover {
-  background-color: var(--p-color-bg-interactive-subdued-hover);
-}
-.ResourceItem-selected:active {
-  background-color: var(--p-color-bg-interactive-subdued-active);
-}
-
-.ResourceItem-ListItem {
-  position: relative;
-}
-.ResourceItem-ListItem::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);
-}
-.ResourceItem-ListItem + .ResourceItem-ListItem {
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-.ResourceItem-ListItem:not(.ResourceItem-hasBulkActions, .ResourceItem-selectMode)::after {
-  border-radius: var(--p-border-radius-05);
-}
-.ResourceItem-ListItem:not(.ResourceItem-hasBulkActions, .ResourceItem-selectMode):last-of-type {
-  border-bottom-left-radius: var(--p-border-radius-2);
-  border-bottom-right-radius: var(--p-border-radius-2);
-}
-.ResourceItem-ListItem:not(.ResourceItem-hasBulkActions, .ResourceItem-selectMode):last-of-type .ResourceItem-ItemWrapper {
-  border-radius: inherit;
-}
-.ResourceItem-ListItem:not(.ResourceItem-hasBulkActions, .ResourceItem-selectMode):last-of-type.ResourceItem-focused::after {
-  border-bottom-left-radius: var(--p-border-radius-2);
-  border-bottom-right-radius: var(--p-border-radius-2);
-}
-.ResourceItem-ListItem.ResourceItem-focused {
-  z-index: var(--pc-resource-item-clickable-stacking-order);
-}
-.ResourceItem-ListItem.ResourceItem-focused::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-* + ul > .ResourceItem-ListItem:first-of-type.ResourceItem-focused::after {
-  top: 1px;
-}