@macive/ui 0.0.10 → 0.0.12

package/dist/css/SelectAllActions.css

@@ -1,64 +0,0 @@
-.SelectAllActions-SelectAllActions {
-  display: flex;
-  gap: var(--p-space-2);
-  align-items: center;
-  justify-content: flex-start;
-  will-change: opacity;
-}
-
-.SelectAllActions-SelectAllActions-entering,
-.SelectAllActions-SelectAllActions-exiting {
-  opacity: 0;
-  display: flex;
-}
-
-.SelectAllActions-SelectAllActions-entered {
-  opacity: 1;
-  display: flex;
-}
-
-.SelectAllActions-SelectAllActions-exited {
-  opacity: 0;
-  display: none;
-}
-
-.SelectAllActions-PaginatedSelectAll {
-  font-size: var(--p-font-size-75);
-  font-weight: var(--p-font-weight-semibold);
-}
-
-.SelectAllActions-AllAction {
-  font-size: var(--p-font-size-75);
-  font-weight: var(--p-font-weight-semibold);
-  border: 0;
-  background: none;
-  padding: 0;
-  cursor: pointer;
-  color: var(--p-color-text-interactive);
-  outline: none;
-  position: relative;
-}
-.SelectAllActions-AllAction::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);
-}
-.SelectAllActions-AllAction:hover, .SelectAllActions-AllAction:focus {
-  color: var(--p-color-text-interactive-hover);
-}
-.SelectAllActions-AllAction:active {
-  color: var(--p-color-text-interactive-active);
-}
-.SelectAllActions-AllAction: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;
-}

package/dist/css/SettingAction.css

@@ -1,20 +0,0 @@
-.SettingAction-SettingAction {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  margin-top: calc(-1 * var(--p-space-4));
-  margin-left: calc(-1 * var(--p-space-4));
-}
-
-.SettingAction-Setting,
-.SettingAction-Action {
-  flex: 0 0 auto;
-  margin-top: var(--p-space-4);
-  margin-left: var(--p-space-4);
-  max-width: calc(100% - var(--p-space-4));
-  min-width: 0;
-}
-
-.SettingAction-Setting {
-  flex: 1 0 350px;
-}

package/dist/css/Sheet.css

@@ -1,81 +0,0 @@
-.Sheet-Sheet {
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--p-color-bg);
-  box-shadow: var(--p-shadow-2xl);
-}
-@media screen and (-ms-high-contrast: active) {
-  .Sheet-Sheet {
-    border-left: var(--p-border-width-1) solid var(--p-color-border-subdued);
-  }
-}
-@media (min-width: 48em) {
-  .Sheet-Sheet {
-    right: 0;
-    width: 380px;
-  }
-}
-.Sheet-Sheet:focus {
-  outline: 0;
-}
-
-.Sheet-Container {
-  position: fixed;
-  z-index: var(--p-z-index-11);
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-@media (min-width: 48em) {
-  .Sheet-Container {
-    left: auto;
-    width: 380px;
-  }
-}
-
-.Sheet-Bottom {
-  will-change: transform;
-  transition: transform var(--p-motion-duration-300) var(--p-motion-ease);
-  transform-origin: bottom;
-}
-
-.Sheet-enterBottom {
-  transform: translateY(100%);
-}
-
-.Sheet-enterBottomActive {
-  transform: translateY(0%);
-}
-
-.Sheet-exitBottom {
-  transform: translateY(0%);
-}
-
-.Sheet-exitBottomActive {
-  transform: translateY(100%);
-}
-
-.Sheet-Right {
-  will-change: transform;
-  transition: transform var(--p-motion-duration-300) var(--p-motion-ease);
-  transform-origin: right;
-}
-
-.Sheet-enterRight {
-  transform: translateX(100%);
-}
-
-.Sheet-enterRightActive {
-  transform: translateX(0%);
-}
-
-.Sheet-exitRight {
-  transform: translateX(0%);
-}
-
-.Sheet-exitRightActive {
-  transform: translateX(100%);
-}

package/dist/css/SingleThumb.css

@@ -1,287 +0,0 @@
-.SingleThumb-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);
-}
-
-.SingleThumb-SingleThumb {
-  display: flex;
-  align-items: center;
-}
-.SingleThumb-SingleThumb.SingleThumb-disabled {
-  opacity: 0.8;
-}
-
-.SingleThumb-InputWrapper {
-  position: relative;
-  display: flex;
-  align-items: center;
-  flex: 1 1 auto;
-  height: var(--pc-range-slider-thumb-size);
-}
-.SingleThumb-InputWrapper input {
-  padding: var(--p-space-3) 0;
-  background-color: transparent;
-  cursor: pointer;
-}
-.SingleThumb-InputWrapper::after {
-  content: "";
-  position: absolute;
-  height: var(--pc-range-slider-track-height);
-  width: 100%;
-  background-image: linear-gradient(to right, var(--p-color-border), var(--p-color-border) 50%, transparent 50%, transparent 100%);
-  background-size: var(--pc-range-slider-track-height) var(--pc-range-slider-track-height);
-  border-radius: var(--pc-track-dashed-border-radius);
-  border-right: var(--pc-track-dashed-border-radius) var(--p-color-border) solid;
-}
-@media (max-width: 31em) {
-  .SingleThumb-InputWrapper {
-    height: 44px;
-  }
-}
-
-.SingleThumb-disabled input {
-  cursor: not-allowed;
-}
-
-.SingleThumb-Prefix {
-  flex: 0 0 auto;
-  margin-right: var(--p-space-2);
-}
-
-.SingleThumb-Suffix {
-  flex: 0 0 auto;
-  margin-left: var(--p-space-2);
-}
-
-.SingleThumb-Input {
-  --pc-single-thumb-progress-lower: var(--p-color-bg-interactive);
-  --pc-single-thumb-progress-upper: transparent;
-  --pc-single-thumb-gradient-colors: var(--pc-single-thumb-progress-lower) 0%,
-    var(--pc-single-thumb-progress-lower) var(--pc-range-slider-progress),
-    var(--pc-single-thumb-progress-upper) var(--pc-range-slider-progress),
-    var(--pc-single-thumb-progress-upper) 100%;
-  position: relative;
-  z-index: var(--pc-range-slider-input);
-  flex: 1 1 auto;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  background-color: transparent;
-  appearance: none;
-}
-.SingleThumb-Input::-ms-tooltip {
-  display: none;
-}
-.SingleThumb-Input:focus {
-  outline: 0;
-}
-.SingleThumb-Input::-moz-focus-outer {
-  border: 0;
-}
-.SingleThumb-Input::-ms-track {
-  outline: var(--p-border-width-1) solid transparent;
-  cursor: pointer;
-  width: 100%;
-  height: var(--pc-range-slider-track-height);
-  background-image: linear-gradient(to right, var(--pc-single-thumb-gradient-colors));
-  border: none;
-  border-radius: var(--pc-range-slider-track-height);
-}
-.SingleThumb-Input::-moz-range-track {
-  cursor: pointer;
-  width: 100%;
-  height: var(--pc-range-slider-track-height);
-  background-image: linear-gradient(to right, var(--pc-single-thumb-gradient-colors));
-  border: none;
-  border-radius: var(--pc-range-slider-track-height);
-}
-.SingleThumb-Input::-webkit-slider-runnable-track {
-  cursor: pointer;
-  width: 100%;
-  height: var(--pc-range-slider-track-height);
-  background-image: linear-gradient(to right, var(--pc-single-thumb-gradient-colors));
-  border: none;
-  border-radius: var(--pc-range-slider-track-height);
-}
-.SingleThumb-Input::-ms-thumb {
-  cursor: -webkit-grab;
-  width: var(--pc-range-slider-thumb-size);
-  height: var(--pc-range-slider-thumb-size);
-  border: var(--p-border-width-1) solid transparent;
-  border-radius: var(--p-border-radius-full);
-  background: linear-gradient(var(--p-color-bg-interactive), var(--p-color-bg-interactive));
-  box-shadow: 0 0 0 0 var(--p-color-border-interactive-focus);
-  appearance: none;
-  transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
-  transition-property: border-color, box-shadow, transform;
-  transition-duration: var(--p-motion-duration-200);
-  transition-timing-function: var(--p-motion-ease);
-  margin-top: calc(-1 * (var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height)) / 2);
-}
-.SingleThumb-Input::-ms-thumb:hover {
-  background: linear-gradient(var(--p-color-bg-interactive), var(--p-color-bg-interactive));
-}
-.SingleThumb-Input::-moz-range-thumb {
-  cursor: -webkit-grab;
-  width: var(--pc-range-slider-thumb-size);
-  height: var(--pc-range-slider-thumb-size);
-  border: var(--p-border-width-1) solid transparent;
-  border-radius: var(--p-border-radius-full);
-  background: linear-gradient(var(--p-color-bg-interactive), var(--p-color-bg-interactive));
-  box-shadow: 0 0 0 0 var(--p-color-border-interactive-focus);
-  appearance: none;
-  transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
-  transition-property: border-color, box-shadow, transform;
-  transition-duration: var(--p-motion-duration-200);
-  transition-timing-function: var(--p-motion-ease);
-  margin-top: calc(-1 * (var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height)) / 2);
-}
-.SingleThumb-Input::-moz-range-thumb:hover {
-  background: linear-gradient(var(--p-color-bg-interactive), var(--p-color-bg-interactive));
-}
-.SingleThumb-Input::-webkit-slider-thumb {
-  cursor: -webkit-grab;
-  width: var(--pc-range-slider-thumb-size);
-  height: var(--pc-range-slider-thumb-size);
-  border: var(--p-border-width-1) solid transparent;
-  border-radius: var(--p-border-radius-full);
-  background: linear-gradient(var(--p-color-bg-interactive), var(--p-color-bg-interactive));
-  box-shadow: 0 0 0 0 var(--p-color-border-interactive-focus);
-  appearance: none;
-  transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
-  transition-property: border-color, box-shadow, transform;
-  transition-duration: var(--p-motion-duration-200);
-  transition-timing-function: var(--p-motion-ease);
-  margin-top: calc(-1 * (var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height)) / 2);
-}
-.SingleThumb-Input::-webkit-slider-thumb:hover {
-  background: linear-gradient(var(--p-color-bg-interactive), var(--p-color-bg-interactive));
-}
-.SingleThumb-Input::-ms-thumb {
-  margin-top: 0;
-  transform: translateY(calc(var(--pc-range-slider-thumb-size) * 0.2)) scale(0.4);
-}
-.SingleThumb-Input::-webkit-slider-thumb {
-  margin-top: calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height)) * -0.5);
-}
-.SingleThumb-Input:active::-ms-thumb {
-  transform: scale(1.5);
-}
-.SingleThumb-Input:active::-moz-range-thumb {
-  transform: scale(1.5);
-}
-.SingleThumb-Input:active::-webkit-slider-thumb {
-  transform: scale(1.5);
-}
-.SingleThumb-Input:focus {
-  outline: var(--p-border-width-1) solid transparent;
-}
-.SingleThumb-Input:focus::-ms-thumb {
-  border-color: var(--p-color-bg);
-  box-shadow: 0 0 0 var(--p-border-width-2) var(--p-color-border-interactive-focus);
-}
-.SingleThumb-Input:focus::-moz-range-thumb {
-  border-color: var(--p-color-bg);
-  box-shadow: 0 0 0 var(--p-border-width-2) var(--p-color-border-interactive-focus);
-}
-.SingleThumb-Input:focus::-webkit-slider-thumb {
-  border-color: var(--p-color-bg);
-  box-shadow: 0 0 0 var(--p-border-width-2) var(--p-color-border-interactive-focus);
-}
-.SingleThumb-error .SingleThumb-Input {
-  --pc-single-thumb-progress-lower: var(--p-color-bg-critical-strong);
-}
-.SingleThumb-error .SingleThumb-Input::-ms-thumb {
-  border-color: var(--p-color-bg-critical-strong);
-  background: var(--p-color-bg-critical-strong);
-}
-.SingleThumb-error .SingleThumb-Input::-moz-range-thumb {
-  border-color: var(--p-color-bg-critical-strong);
-  background: var(--p-color-bg-critical-strong);
-}
-.SingleThumb-error .SingleThumb-Input::-webkit-slider-thumb {
-  border-color: var(--p-color-bg-critical-strong);
-  background: var(--p-color-bg-critical-strong);
-}
-.SingleThumb-disabled .SingleThumb-Input::-ms-track {
-  outline: var(--p-border-width-1) solid transparent;
-  cursor: auto;
-  background-image: none;
-  background-color: var(--p-color-border-disabled);
-}
-.SingleThumb-disabled .SingleThumb-Input::-moz-range-track {
-  cursor: auto;
-  background-image: none;
-  background-color: var(--p-color-border-disabled);
-}
-.SingleThumb-disabled .SingleThumb-Input::-webkit-slider-runnable-track {
-  cursor: auto;
-  background-image: none;
-  background-color: var(--p-color-border-disabled);
-}
-.SingleThumb-disabled .SingleThumb-Input::-ms-thumb {
-  cursor: not-allowed;
-  border-color: var(--p-color-border-disabled);
-  background: var(--p-color-border-disabled);
-}
-.SingleThumb-disabled .SingleThumb-Input::-moz-range-thumb {
-  cursor: not-allowed;
-  border-color: var(--p-color-border-disabled);
-  background: var(--p-color-border-disabled);
-}
-.SingleThumb-disabled .SingleThumb-Input::-webkit-slider-thumb {
-  cursor: not-allowed;
-  border-color: var(--p-color-border-disabled);
-  background: var(--p-color-border-disabled);
-}
-
-.SingleThumb-Output {
-  --pc-range-slider-output-spacing: var(--p-space-4);
-  position: absolute;
-  z-index: var(--pc-range-slider-output);
-  bottom: var(--pc-range-slider-thumb-size);
-  left: var(--pc-range-slider-progress);
-  transform: translateX(calc(-50% + var(--pc-range-slider-output-factor) * var(--pc-range-slider-thumb-size)));
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-  transition-property: opacity, visibility, bottom;
-  transition-duration: var(--p-motion-duration-200);
-  transition-timing-function: var(--p-motion-ease);
-}
-.SingleThumb-Input:active + .SingleThumb-Output {
-  opacity: 1;
-  visibility: visible;
-  bottom: calc(var(--pc-range-slider-thumb-size) + 8px);
-}
-
-.SingleThumb-OutputBubble {
-  position: relative;
-  display: flex;
-  box-shadow: var(--p-shadow-xl);
-  padding: 0 var(--p-space-2);
-  min-width: 32px;
-  height: 32px;
-  background-color: var(--p-color-bg);
-  border-radius: var(--p-border-radius-1);
-  transition-property: transform;
-  transition-duration: var(--p-motion-duration-200);
-  transition-timing-function: var(--p-motion-ease);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.SingleThumb-Input:hover + .SingleThumb-Output .SingleThumb-OutputBubble, .SingleThumb-Input:active + .SingleThumb-Output .SingleThumb-OutputBubble, .SingleThumb-Input:focus + .SingleThumb-Output .SingleThumb-OutputBubble {
-  transform: translateY(calc(-1 * var(--pc-range-slider-output-spacing)));
-}
-@media (min-width: 48em) {
-  .SingleThumb-Input:hover + .SingleThumb-Output .SingleThumb-OutputBubble, .SingleThumb-Input:active + .SingleThumb-Output .SingleThumb-OutputBubble, .SingleThumb-Input:focus + .SingleThumb-Output .SingleThumb-OutputBubble {
-    transform: translateY(calc(-1 * var(--pc-range-slider-output-spacing) * 0.4));
-  }
-}
-.SingleThumb-OutputBubble > :first-child {
-  display: block;
-  flex: 1 1 auto;
-  margin: auto;
-}

package/dist/css/SkeletonBodyText.css

@@ -1,17 +0,0 @@
-.SkeletonBodyText-SkeletonBodyText {
-  height: var(--p-space-2);
-  display: flex;
-  background-color: var(--p-color-bg-strong);
-  border-radius: var(--p-border-radius-1);
-}
-@media screen and (-ms-high-contrast: active) {
-  .SkeletonBodyText-SkeletonBodyText {
-    background-color: grayText;
-  }
-}
-.SkeletonBodyText-SkeletonBodyText:last-child:not(:first-child) {
-  width: 80%;
-}
-.SkeletonBodyText-SkeletonBodyText + .SkeletonBodyText-SkeletonBodyText {
-  margin-top: var(--p-space-3);
-}

package/dist/css/SkeletonDisplayText.css

@@ -1,57 +0,0 @@
-.SkeletonDisplayText-DisplayText {
-  --pc-skeleton-display-text-height: var(--p-font-line-height-2);
-  --pc-skeleton-display-text-height-not-condensed: var(--p-font-line-height-2);
-  max-width: 120px;
-  display: flex;
-  background-color: var(--p-color-bg-strong);
-  border-radius: var(--p-border-radius-1);
-}
-@media screen and (-ms-high-contrast: active) {
-  .SkeletonDisplayText-DisplayText {
-    background-color: grayText;
-  }
-}
-
-.SkeletonDisplayText-sizeSmall {
-  --pc-skeleton-display-text-height: var(--p-font-line-height-3);
-  --pc-skeleton-display-text-height-not-condensed: var(--p-font-line-height-4);
-  height: var(--pc-skeleton-display-text-height);
-}
-@media (min-width: 48em) {
-  .SkeletonDisplayText-sizeSmall {
-    height: var(--pc-skeleton-display-text-height-not-condensed);
-  }
-}
-
-.SkeletonDisplayText-sizeMedium {
-  --pc-skeleton-display-text-height: var(--p-font-line-height-4);
-  --pc-skeleton-display-text-height-not-condensed: var(--p-font-line-height-5);
-  height: var(--pc-skeleton-display-text-height);
-}
-@media (min-width: 48em) {
-  .SkeletonDisplayText-sizeMedium {
-    height: var(--pc-skeleton-display-text-height-not-condensed);
-  }
-}
-
-.SkeletonDisplayText-sizeLarge {
-  --pc-skeleton-display-text-height: var(--p-font-line-height-4);
-  --pc-skeleton-display-text-height-not-condensed: var(--p-font-line-height-5);
-  height: var(--pc-skeleton-display-text-height);
-}
-@media (min-width: 48em) {
-  .SkeletonDisplayText-sizeLarge {
-    height: var(--pc-skeleton-display-text-height-not-condensed);
-  }
-}
-
-.SkeletonDisplayText-sizeExtraLarge {
-  --pc-skeleton-display-text-height: 36px;
-  --pc-skeleton-display-text-height-not-condensed: 44px;
-  height: var(--pc-skeleton-display-text-height);
-}
-@media (min-width: 48em) {
-  .SkeletonDisplayText-sizeExtraLarge {
-    height: var(--pc-skeleton-display-text-height-not-condensed);
-  }
-}

package/dist/css/SkeletonPage.css

@@ -1,16 +0,0 @@
-:root {
-  --pc-skeleton-page-max-width: 998px;
-  --pc-skeleton-page-max-width-narrow: 662px;
-}
-
-.SkeletonPage-Title {
-  font-weight: var(--p-font-weight-semibold);
-  font-size: var(--p-font-size-300);
-  line-height: var(--p-font-line-height-4);
-}
-
-@media screen and (-ms-high-contrast: active) {
-  .SkeletonPage-SkeletonTitle {
-    background-color: grayText;
-  }
-}

package/dist/css/SkeletonTabs.css

@@ -1,31 +0,0 @@
-.SkeletonTabs-Tabs {
-  display: flex;
-  width: 100%;
-  border-bottom: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-
-.SkeletonTabs-Tab {
-  position: relative;
-  padding: calc(var(--p-space-5) + var(--p-space-05)) var(--p-space-4);
-}
-.SkeletonTabs-Tab:first-child::before {
-  background-color: var(--p-color-border-hover);
-}
-.SkeletonTabs-Tab::before {
-  content: "";
-  position: absolute;
-  bottom: -1px;
-  left: var(--p-space-3);
-  right: var(--p-space-3);
-  height: var(--p-border-width-3);
-  border-top-left-radius: var(--p-border-radius-1);
-  border-top-right-radius: var(--p-border-radius-1);
-}
-
-.SkeletonTabs-Tab-short {
-  width: 80px;
-}
-
-.SkeletonTabs-Tab-long {
-  width: 100px;
-}

package/dist/css/SkeletonThumbnail.css

@@ -1,34 +0,0 @@
-.SkeletonThumbnail-SkeletonThumbnail {
-  --pc-skeleton-thumbnail-extra-small-size: 24px;
-  --pc-skeleton-thumbnail-small-size: 40px;
-  --pc-skeleton-thumbnail-medium-size: 60px;
-  --pc-skeleton-thumbnail-large-size: 80px;
-  display: flex;
-  background-color: var(--p-color-bg-strong);
-  border-radius: var(--p-border-radius-1);
-}
-@media screen and (-ms-high-contrast: active) {
-  .SkeletonThumbnail-SkeletonThumbnail {
-    background-color: grayText;
-  }
-}
-
-.SkeletonThumbnail-sizeExtraSmall {
-  height: var(--pc-skeleton-thumbnail-extra-small-size);
-  width: var(--pc-skeleton-thumbnail-extra-small-size);
-}
-
-.SkeletonThumbnail-sizeSmall {
-  height: var(--pc-skeleton-thumbnail-small-size);
-  width: var(--pc-skeleton-thumbnail-small-size);
-}
-
-.SkeletonThumbnail-sizeMedium {
-  height: var(--pc-skeleton-thumbnail-medium-size);
-  width: var(--pc-skeleton-thumbnail-medium-size);
-}
-
-.SkeletonThumbnail-sizeLarge {
-  height: var(--pc-skeleton-thumbnail-large-size);
-  width: var(--pc-skeleton-thumbnail-large-size);
-}

package/dist/css/Stack.css

@@ -1,92 +0,0 @@
-/* General Stack Styling */
-.Stack-stack {
-  display: flex;
-  width: 100%;
-}
-
-/* Direction */
-.Stack-stack-horizontal {
-  flex-direction: row;
-}
-
-.Stack-stack-vertical {
-  flex-direction: column;
-}
-
-/* Wrapping */
-.Stack-stack-wrap {
-  flex-wrap: wrap;
-}
-
-/* Spacing Variants */
-.Stack-stack-spacing-extraTight > * + * {
-  margin: 4px !important;
-}
-
-.Stack-stack-spacing-tight > * + * {
-  margin: 8px !important;
-}
-
-.Stack-stack-spacing-base > * + * {
-  margin: 16px !important;
-}
-
-.Stack-stack-spacing-loose > * + * {
-  margin: 24px !important;
-}
-
-.Stack-stack-spacing-extraLoose > * + * {
-  margin: 32px !important;
-}
-
-/* Alignment on Cross Axis */
-.Stack-stack-alignment-start {
-  align-items: flex-start;
-}
-
-.Stack-stack-alignment-center {
-  align-items: center;
-}
-
-.Stack-stack-alignment-end {
-  align-items: flex-end;
-}
-
-.Stack-stack-alignment-baseline {
-  align-items: baseline;
-}
-
-.Stack-stack-alignment-stretch {
-  align-items: stretch;
-}
-
-/* Distribution on Main Axis */
-.Stack-stack-distribution-start {
-  justify-content: flex-start;
-}
-
-.Stack-stack-distribution-center {
-  justify-content: center;
-}
-
-.Stack-stack-distribution-end {
-  justify-content: flex-end;
-}
-
-.Stack-stack-distribution-spaceAround {
-  justify-content: space-around;
-}
-
-.Stack-stack-distribution-spaceBetween {
-  justify-content: space-between;
-}
-
-/* Stack.Item Specific */
-.Stack-stackItem {
-  /* Default styling for stack items */
-}
-
-.Stack-fill {
-  flex: 1;
-  /* Fill remaining space */
-}