@macive/ui 0.0.9 → 0.0.11

package/dist/css/Tabs.css

@@ -1,253 +0,0 @@
-.Tabs-Tabs {
-  display: flex;
-  flex-wrap: wrap;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.Tabs-fitted {
-  flex-wrap: nowrap;
-}
-.Tabs-fitted .Tabs-TabContainer {
-  flex: 1 1 100%;
-}
-.Tabs-fitted .Tabs-Title {
-  width: 100%;
-  padding: var(--p-space-2) var(--p-space-4);
-}
-
-.Tabs-fillSpace .Tabs-TabContainer {
-  flex: 1 1 auto;
-}
-
-.Tabs-TabContainer {
-  display: flex;
-  margin: 0;
-  padding: 0;
-}
-
-.Tabs-Tab {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  cursor: pointer;
-  color: var(--p-color-text);
-  position: relative;
-  justify-content: center;
-  width: 100%;
-  min-width: 100%;
-  margin-top: var(--p-space-025);
-  margin-bottom: calc(-1 * var(--p-space-025));
-  padding: var(--p-space-2) var(--p-space-1);
-  outline: none;
-  text-align: center;
-  white-space: nowrap;
-  text-decoration: none;
-  cursor: pointer;
-}
-.Tabs-Tab:focus {
-  outline: none;
-}
-.Tabs-Tab:hover {
-  text-decoration: none;
-}
-.Tabs-Tab:hover .Tabs-Title {
-  font-weight: var(--p-font-weight-regular);
-  color: var(--p-color-text);
-  background-color: transparent;
-}
-.Tabs-Tab:hover .Tabs-Title::before {
-  background-color: var(--p-color-bg-strong-hover);
-}
-.Tabs-Tab:active .Tabs-Title {
-  background-color: transparent;
-}
-.Tabs-Tab:active .Tabs-Title::before {
-  background-color: var(--p-color-bg-strong-active);
-}
-.Tabs-Tab:focus-visible .Tabs-Title {
-  font-weight: var(--p-font-weight-regular);
-  color: var(--p-color-text);
-}
-.Tabs-Tab:focus-visible:not(:active) .Tabs-Title::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Tabs-Tab:visited {
-  color: inherit;
-}
-
-.Tabs-Tab-selected {
-  font-weight: var(--p-font-weight-regular);
-  color: var(--p-color-text);
-}
-.Tabs-Tab-selected:focus .Tabs-Title {
-  outline: var(--p-border-width-3) solid transparent;
-}
-.Tabs-Tab-selected:focus .Tabs-Title::before {
-  background: var(--p-color-bg-primary);
-}
-.Tabs-Tab-selected .Tabs-Title {
-  outline: var(--p-border-width-3) solid transparent;
-  color: var(--p-color-text);
-}
-.Tabs-Tab-selected .Tabs-Title::before {
-  background: var(--p-color-bg-primary);
-}
-
-.Tabs-Title {
-  position: relative;
-  border-radius: var(--p-border-radius-1);
-  display: block;
-  padding: var(--p-space-2) var(--p-space-4);
-  min-width: 50px;
-  color: var(--p-color-text-subdued);
-}
-.Tabs-Title::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);
-}
-.Tabs-Title::before {
-  content: "";
-  position: absolute;
-  bottom: calc(-1 * var(--p-space-2));
-  left: 0;
-  right: 0;
-  height: var(--p-border-width-3);
-  border-top-left-radius: var(--p-border-radius-1);
-  border-top-right-radius: var(--p-border-radius-1);
-}
-
-.Tabs-titleWithIcon {
-  display: flex;
-}
-
-.Tabs-Panel {
-  display: block;
-}
-.Tabs-Panel:focus {
-  outline: none;
-}
-
-.Tabs-Panel-hidden {
-  display: none;
-}
-
-.Tabs-Item {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  cursor: pointer;
-  position: relative;
-  display: block;
-  width: 100%;
-  min-height: 16px;
-  padding: 8px var(--p-space-4);
-  text-align: left;
-  text-decoration: none;
-  cursor: pointer;
-  border-radius: var(--p-border-radius-1);
-  color: inherit;
-}
-.Tabs-Item:focus {
-  outline: none;
-}
-.Tabs-Item::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);
-}
-.Tabs-Item::-moz-focus-inner {
-  border: none;
-}
-.Tabs-Item:hover {
-  background-color: var(--p-color-bg-hover);
-}
-.Tabs-Item:active {
-  background-color: var(--p-color-bg-primary-subdued-active);
-}
-.Tabs-Item: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;
-}
-.Tabs-Item:visited {
-  color: inherit;
-}
-
-.Tabs-DisclosureTab {
-  display: none;
-}
-
-.Tabs-DisclosureTab-visible {
-  display: flex;
-}
-
-.Tabs-DisclosureActivator {
-  position: relative;
-  height: 100%;
-  background-color: transparent;
-  cursor: pointer;
-  border: none;
-  outline: none;
-  margin: var(--p-space-025) var(--p-space-025) calc(-1 * var(--p-space-025)) 0;
-}
-.Tabs-DisclosureActivator::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);
-}
-.Tabs-DisclosureActivator:hover svg, .Tabs-DisclosureActivator:focus svg {
-  fill: var(--p-color-icon);
-}
-.Tabs-DisclosureActivator:focus-visible .Tabs-Title::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Tabs-DisclosureActivator:hover .Tabs-Title::before {
-  background-color: var(--p-color-border-hover);
-}
-
-.Tabs-TabMeasurer {
-  display: flex;
-  visibility: hidden;
-  height: 0;
-}

package/dist/css/Text.css

@@ -1,276 +0,0 @@
-.Text-root {
-  margin: 0;
-  text-align: inherit;
-}
-
-.Text-block {
-  display: block;
-}
-
-.Text-truncate {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.Text-visuallyHidden {
-  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;
-}
-
-.Text-start {
-  text-align: start;
-}
-
-.Text-center {
-  text-align: center;
-}
-
-.Text-end {
-  text-align: end;
-}
-
-.Text-justify {
-  text-align: justify;
-}
-
-.Text-text {
-  color: var(--p-color-text);
-}
-
-.Text-link {
-  color: var(--color-text-interactive-active);
-}
-
-.Text-brand {
-  color: var(--p-color-text-info);
-}
-
-.Text-success {
-  color: var(--p-color-text-success);
-}
-
-.Text-critical {
-  color: var(--p-color-text-critical);
-}
-
-.Text-warning {
-  color: var(--p-color-text-caution);
-}
-
-.Text-accent {
-  color: var(--p-color-text-accent);
-}
-
-.Text-muted {
-  color: var(--p-color-text-muted);
-}
-
-.Text-subdued {
-  color: var(--p-color-text-subdued);
-}
-
-.Text-text-inverse {
-  color: var(--p-color-text-inverse);
-}
-
-.Text-heading {
-  font-size: var(--p-font-size-200);
-  line-height: var(--p-font-line-height-2);
-  font-weight: var(--p-font-weight-semibold);
-}
-
-.Text-bodyXs {
-  font-size: var(--p-font-size-75);
-  line-height: var(--p-font-line-height-1);
-  font-weight: var(--p-font-weight-semibold);
-}
-
-.Text-tiny {
-  font-size: var(--p-font-size-75);
-  line-height: var(--p-font-line-height-1);
-  font-weight: var(--p-font-weight-semibold);
-}
-
-.Text-headingXs {
-  font-size: var(--p-font-size-75);
-  line-height: var(--p-font-line-height-1);
-  font-weight: var(--p-font-weight-semibold);
-}
-
-.Text-headingSm {
-  font-size: var(--p-font-size-100);
-  line-height: var(--p-font-line-height-2);
-  font-weight: var(--p-font-weight-semibold);
-}
-
-.Text-headingMd {
-  font-size: var(--p-font-size-200);
-  line-height: var(--p-font-line-height-3);
-  font-weight: var(--p-font-weight-semibold);
-}
-
-.Text-headingLg {
-  font-size: var(--p-font-size-200);
-  line-height: var(--p-font-line-height-2);
-  font-weight: var(--p-font-weight-semibold);
-}
-@media (min-width: 48em) {
-  .Text-headingLg {
-    font-size: var(--p-font-size-300);
-    line-height: var(--p-font-line-height-3);
-  }
-}
-
-.Text-headingXl {
-  font-size: var(--p-font-size-300);
-  line-height: var(--p-font-line-height-3);
-  font-weight: var(--p-font-weight-semibold);
-}
-@media (min-width: 48em) {
-  .Text-headingXl {
-    font-size: var(--p-font-size-400);
-    line-height: var(--p-font-line-height-4);
-  }
-}
-
-.Text-heading2xl {
-  font-size: var(--p-font-size-300);
-  line-height: var(--p-font-line-height-3);
-  font-weight: var(--p-font-weight-semibold);
-}
-@media (min-width: 48em) {
-  .Text-heading2xl {
-    font-size: var(--p-font-size-500);
-    line-height: var(--p-font-line-height-5);
-  }
-}
-
-.Text-heading3xl {
-  font-size: var(--p-font-size-400);
-  line-height: var(--p-font-line-height-4);
-  font-weight: var(--p-font-weight-semibold);
-}
-@media (min-width: 48em) {
-  .Text-heading3xl {
-    font-size: var(--p-font-size-600);
-    line-height: var(--p-font-line-height-6);
-  }
-}
-
-.Text-heading4xl {
-  font-size: var(--p-font-size-600);
-  line-height: var(--p-font-line-height-6);
-  font-weight: var(--p-font-weight-bold);
-}
-@media (min-width: 48em) {
-  .Text-heading4xl {
-    font-size: var(--p-font-size-700);
-    line-height: var(--p-font-line-height-7);
-  }
-}
-
-.Text-bodySm {
-  font-size: var(--p-font-size-75);
-  line-height: var(--p-font-line-height-1);
-}
-
-.Text-bodyMd {
-  font-size: var(--p-font-size-100);
-  line-height: var(--p-font-line-height-2);
-}
-
-.Text-bodyLg {
-  font-size: var(--p-font-size-200);
-  line-height: var(--p-font-line-height-2);
-}
-
-.Text-regular {
-  font-weight: var(--p-font-weight-regular);
-}
-
-.Text-medium {
-  font-weight: var(--p-font-weight-medium);
-}
-
-.Text-semibold {
-  font-weight: var(--p-font-weight-semibold);
-}
-
-.Text-bold {
-  font-weight: var(--p-font-weight-bold);
-}
-
-.Text-break {
-  overflow-wrap: anywhere;
-  word-break: normal;
-}
-
-.Text-numeric {
-  font-variant-numeric: tabular-nums lining-nums;
-}
-
-.Text-base {
-  color: var(--p-color-text);
-}
-
-.Text-inherit {
-  color: inherit;
-}
-
-.Text-disabled {
-  color: var(--p-color-text-disabled);
-}
-
-.Text-success {
-  color: var(--p-color-text-success);
-}
-
-.Text-critical {
-  color: var(--p-color-text-critical);
-}
-
-.Text-caution {
-  color: var(--p-color-text-caution);
-}
-
-.Text-subdued {
-  color: var(--p-color-text-secondary);
-}
-
-.Text-magic {
-  color: var(--p-color-text-magic);
-}
-
-.Text-magic-subdued {
-  color: var(--p-color-text-magic-secondary);
-}
-
-.Text-text-inverse {
-  color: var(--p-color-text-inverse);
-}
-
-.Text-text-inverse-secondary {
-  color: var(--p-color-text-inverse-secondary);
-}
-
-.Text-break {
-  overflow-wrap: anywhere;
-  word-break: normal;
-}
-
-.Text-numeric {
-  font-variant-numeric: tabular-nums lining-nums;
-}
-
-.Text-line-through {
-  text-decoration-line: line-through;
-}

package/dist/css/TextContainer.css

@@ -1,14 +0,0 @@
-.TextContainer-TextContainer {
-  --pc-text-container-spacing: var(--p-space-4);
-}
-.TextContainer-TextContainer > *:not(:first-child) {
-  margin-top: var(--pc-text-container-spacing);
-}
-
-.TextContainer-spacingTight {
-  --pc-text-container-spacing: var(--p-space-2);
-}
-
-.TextContainer-spacingLoose {
-  --pc-text-container-spacing: var(--p-space-5);
-}