@macive/ui 0.0.10 → 0.0.12

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);
-}

package/dist/css/Box.css

@@ -1,198 +0,0 @@
-.Box-listReset {
-  list-style-type: none;
-  margin-block-start: 0;
-  margin-block-end: 0;
-  outline: none;
-  padding-inline-start: 0;
-}
-
-.Box-Box {
-  --pc-box-padding-block-end-xs: initial;
-  --pc-box-padding-block-end-sm: initial;
-  --pc-box-padding-block-end-md: initial;
-  --pc-box-padding-block-end-lg: initial;
-  --pc-box-padding-block-end-xl: initial;
-  padding-block-end: var(--pc-box-padding-block-end-xs);
-  --pc-box-padding-block-start-xs: initial;
-  --pc-box-padding-block-start-sm: initial;
-  --pc-box-padding-block-start-md: initial;
-  --pc-box-padding-block-start-lg: initial;
-  --pc-box-padding-block-start-xl: initial;
-  padding-block-start: var(--pc-box-padding-block-start-xs);
-  --pc-box-padding-inline-start-xs: initial;
-  --pc-box-padding-inline-start-sm: initial;
-  --pc-box-padding-inline-start-md: initial;
-  --pc-box-padding-inline-start-lg: initial;
-  --pc-box-padding-inline-start-xl: initial;
-  padding-inline-start: var(--pc-box-padding-inline-start-xs);
-  --pc-box-padding-inline-end-xs: initial;
-  --pc-box-padding-inline-end-sm: initial;
-  --pc-box-padding-inline-end-md: initial;
-  --pc-box-padding-inline-end-lg: initial;
-  --pc-box-padding-inline-end-xl: initial;
-  padding-inline-end: var(--pc-box-padding-inline-end-xs);
-  --pc-box-shadow: initial;
-  --pc-box-background: initial;
-  --pc-box-border-radius: initial;
-  --pc-box-border-radius-end-start: var(--pc-box-border-radius);
-  --pc-box-border-radius-end-end: var(--pc-box-border-radius);
-  --pc-box-border-radius-start-start: var(--pc-box-border-radius);
-  --pc-box-border-radius-start-end: var(--pc-box-border-radius);
-  --pc-box-color: initial;
-  --pc-box-min-height: initial;
-  --pc-box-min-width: initial;
-  --pc-box-max-width: initial;
-  --pc-box-outline-color: initial;
-  --pc-box-outline-style: initial;
-  --pc-box-outline-width: initial;
-  --pc-box-overflow-x: initial;
-  --pc-box-overflow-y: initial;
-  --pc-box-width: initial;
-  --pc-box-border-style: initial;
-  --pc-box-border-color: initial;
-  --pc-box-border-width: 0;
-  --pc-box-border-block-start-width: var(--pc-box-border-width);
-  --pc-box-border-block-end-width: var(--pc-box-border-width);
-  --pc-box-border-inline-start-width: var(--pc-box-border-width);
-  --pc-box-border-inline-end-width: var(--pc-box-border-width);
-  --pc-box-inset-block-start: initial;
-  --pc-box-inset-block-end: initial;
-  --pc-box-inset-inline-start: initial;
-  --pc-box-inset-inline-end: initial;
-  inset-block-start: var(--pc-box-inset-block-start);
-  inset-block-end: var(--pc-box-inset-block-end);
-  inset-inline-start: var(--pc-box-inset-inline-start);
-  inset-inline-end: var(--pc-box-inset-inline-end);
-  background-color: var(--pc-box-background);
-  box-shadow: var(--pc-box-shadow);
-  border-end-start-radius: var(--pc-box-border-radius-end-start);
-  border-end-end-radius: var(--pc-box-border-radius-end-end);
-  border-start-start-radius: var(--pc-box-border-radius-start-start);
-  border-start-end-radius: var(--pc-box-border-radius-start-end);
-  border-color: var(--pc-box-border-color);
-  border-style: var(--pc-box-border-style);
-  border-block-start-width: var(--pc-box-border-block-start-width);
-  border-block-end-width: var(--pc-box-border-block-end-width);
-  border-inline-start-width: var(--pc-box-border-inline-start-width);
-  border-inline-end-width: var(--pc-box-border-inline-end-width);
-  color: var(--pc-box-color);
-  min-height: var(--pc-box-min-height);
-  min-width: var(--pc-box-min-width);
-  max-width: var(--pc-box-max-width);
-  outline-color: var(--pc-box-outline-color);
-  outline-style: var(--pc-box-outline-style);
-  outline-width: var(--pc-box-outline-width);
-  overflow-x: var(--pc-box-overflow-x);
-  overflow-y: var(--pc-box-overflow-y);
-  width: var(--pc-box-width);
-  -webkit-overflow-scrolling: touch;
-}
-@media (min-width: 31em) {
-  .Box-Box {
-    padding-block-end: var(--pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs));
-  }
-}
-@media (min-width: 48em) {
-  .Box-Box {
-    padding-block-end: var(--pc-box-padding-block-end-md, var(--pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs)));
-  }
-}
-@media (min-width: 65em) {
-  .Box-Box {
-    padding-block-end: var(--pc-box-padding-block-end-lg, var(--pc-box-padding-block-end-md, var(--pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs))));
-  }
-}
-@media (min-width: 90em) {
-  .Box-Box {
-    padding-block-end: var(--pc-box-padding-block-end-xl, var(--pc-box-padding-block-end-lg, var(--pc-box-padding-block-end-md, var(--pc-box-padding-block-end-sm, var(--pc-box-padding-block-end-xs)))));
-  }
-}
-@media (min-width: 31em) {
-  .Box-Box {
-    padding-block-start: var(--pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs));
-  }
-}
-@media (min-width: 48em) {
-  .Box-Box {
-    padding-block-start: var(--pc-box-padding-block-start-md, var(--pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs)));
-  }
-}
-@media (min-width: 65em) {
-  .Box-Box {
-    padding-block-start: var(--pc-box-padding-block-start-lg, var(--pc-box-padding-block-start-md, var(--pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs))));
-  }
-}
-@media (min-width: 90em) {
-  .Box-Box {
-    padding-block-start: var(--pc-box-padding-block-start-xl, var(--pc-box-padding-block-start-lg, var(--pc-box-padding-block-start-md, var(--pc-box-padding-block-start-sm, var(--pc-box-padding-block-start-xs)))));
-  }
-}
-@media (min-width: 31em) {
-  .Box-Box {
-    padding-inline-start: var(--pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs));
-  }
-}
-@media (min-width: 48em) {
-  .Box-Box {
-    padding-inline-start: var(--pc-box-padding-inline-start-md, var(--pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs)));
-  }
-}
-@media (min-width: 65em) {
-  .Box-Box {
-    padding-inline-start: var(--pc-box-padding-inline-start-lg, var(--pc-box-padding-inline-start-md, var(--pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs))));
-  }
-}
-@media (min-width: 90em) {
-  .Box-Box {
-    padding-inline-start: var(--pc-box-padding-inline-start-xl, var(--pc-box-padding-inline-start-lg, var(--pc-box-padding-inline-start-md, var(--pc-box-padding-inline-start-sm, var(--pc-box-padding-inline-start-xs)))));
-  }
-}
-@media (min-width: 31em) {
-  .Box-Box {
-    padding-inline-end: var(--pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs));
-  }
-}
-@media (min-width: 48em) {
-  .Box-Box {
-    padding-inline-end: var(--pc-box-padding-inline-end-md, var(--pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs)));
-  }
-}
-@media (min-width: 65em) {
-  .Box-Box {
-    padding-inline-end: var(--pc-box-padding-inline-end-lg, var(--pc-box-padding-inline-end-md, var(--pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs))));
-  }
-}
-@media (min-width: 90em) {
-  .Box-Box {
-    padding-inline-end: var(--pc-box-padding-inline-end-xl, var(--pc-box-padding-inline-end-lg, var(--pc-box-padding-inline-end-md, var(--pc-box-padding-inline-end-sm, var(--pc-box-padding-inline-end-xs)))));
-  }
-}
-
-.Box-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;
-}
-
-@media print {
-  .Box-printHidden {
-    display: none !important;
-  }
-}
-
-.Box-applyHoverEffect {
-  cursor: pointer;
-  width: 100%;
-  opacity: 1;
-  transition: opacity 0.3s;
-}
-.Box-applyHoverEffect:hover {
-  opacity: 0.8;
-}

package/dist/css/BulkActions.css

@@ -1,94 +0,0 @@
-.BulkActions-Group {
-  font-size: var(--p-font-size-200);
-  font-weight: var(--p-font-weight-regular);
-  line-height: var(--p-font-line-height-3);
-  border: none;
-  text-transform: initial;
-  letter-spacing: initial;
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  opacity: 0;
-  width: 100%;
-  justify-content: center;
-  transition: var(--p-motion-duration-100) var(--p-motion-ease);
-  transition-property: transform, opacity;
-  transform: translateY(120px);
-  padding: 0 var(--p-space-4);
-  will-change: transform, opacity;
-}
-@media (min-width: 48em) {
-  .BulkActions-Group {
-    font-size: var(--p-font-size-100);
-  }
-}
-.BulkActions-Group.BulkActions-Group-not-sticky {
-  transform: none;
-  opacity: 1;
-}
-.BulkActions-Group.BulkActions-Group-entering, .BulkActions-Group.BulkActions-Group-exiting {
-  opacity: 0;
-  display: flex;
-}
-.BulkActions-Group.BulkActions-Group-entered {
-  opacity: 1;
-  display: flex;
-  transform: translateY(0);
-}
-.BulkActions-Group.BulkActions-Group-exited {
-  opacity: 0;
-  display: none;
-}
-.BulkActions-Group.BulkActions-Group-measuring {
-  transition: none;
-  display: flex;
-  opacity: 0;
-}
-
-.BulkActions-ButtonGroupWrapper {
-  width: auto;
-  justify-content: flex-start;
-  padding: var(--p-space-4);
-  background: var(--p-color-bg);
-  border-radius: var(--p-border-radius-2);
-  box-shadow: var(--p-shadow-md), var(--p-shadow-xl);
-  max-width: 100%;
-  pointer-events: auto;
-}
-@media (max-width: 31em) {
-  .BulkActions-ButtonGroupWrapper > div > div:first-child {
-    flex: 1 1 auto;
-  }
-}
-@media (min-width: 31em) {
-  .BulkActions-ButtonGroupWrapper {
-    width: auto;
-    justify-content: flex-start;
-    margin-right: var(--p-space-2);
-    margin-left: calc(-1 * var(--p-space-05));
-  }
-}
-.BulkActions-Group-measuring .BulkActions-ButtonGroupWrapper {
-  position: absolute;
-  width: auto;
-}
-
-.BulkActions-BulkActionButton {
-  white-space: nowrap;
-}
-.BulkActions-BulkActionButton button {
-  display: flex;
-}
-
-.BulkActions-disabled {
-  transition: none;
-  box-shadow: none;
-  border-color: var(--p-color-border-disabled);
-  background: var(--p-color-bg-disabled);
-  color: var(--p-color-text-disabled);
-  cursor: default;
-  pointer-events: none;
-}
-.BulkActions-disabled svg {
-  fill: var(--p-color-icon-disabled);
-}