@macive/ui 0.0.9 → 0.0.11

package/dist/css/IndexTable.css

@@ -1,656 +0,0 @@
-.IndexTable-IndexTable {
-  --pc-index-table-translate-offset: 35px;
-  --pc-index-table-table-header-offset: 36px;
-  --pc-index-table-cell: 1;
-  --pc-index-table-sticky-cell: 31;
-  --pc-index-table-scroll-bar: 35;
-  --pc-index-table-bulk-actions: 36;
-  --pc-index-table-loading-panel: 37;
-  position: relative;
-  border-radius: inherit;
-}
-
-.IndexTable-IndexTableWrapper {
-  border-radius: inherit;
-}
-
-.IndexTable-IndexTableWrapperWithBulkActions {
-  --pc-index-table-bulk-actions-offset: 92px;
-  padding-bottom: var(--pc-index-table-bulk-actions-offset);
-  border-radius: 0;
-}
-
-.IndexTable-LoadingContainer-enter {
-  opacity: 0;
-  transform: translateY(-100%);
-}
-
-.IndexTable-LoadingContainer-enter-active {
-  opacity: 1;
-  transition: opacity var(--p-motion-duration-100) var(--p-motion-ease-out), transform var(--p-motion-duration-100) var(--p-motion-ease-out);
-  transform: translateY(0);
-}
-
-.IndexTable-LoadingContainer-exit {
-  opacity: 1;
-  transform: translateY(0);
-}
-
-.IndexTable-LoadingContainer-exit-active {
-  opacity: 0;
-  transform: translateY(-100%);
-  transition: opacity var(--p-motion-duration-100) var(--p-motion-ease-in), transform var(--p-motion-duration-100) var(--p-motion-ease-in);
-}
-
-.IndexTable-LoadingPanel {
-  position: absolute;
-  z-index: var(--p-z-index-2);
-  top: 0;
-  left: 0;
-  display: flex;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-  background: var(--p-color-bg);
-  padding: var(--p-space-2) var(--p-space-4);
-  box-shadow: var(--p-shadow-md);
-}
-.IndexTable-LoadingPanel .IndexTable-LoadingPanelRow {
-  display: flex;
-  flex-wrap: nowrap;
-  width: 100%;
-  background: var(--p-color-bg-info-subdued);
-  padding: var(--p-space-2);
-  padding-bottom: var(--p-space-1);
-  border-radius: var(--p-border-radius-1);
-}
-
-.IndexTable-LoadingPanelText {
-  margin-left: var(--p-space-3);
-  color: var(--p-color-text);
-}
-
-.IndexTable-Table {
-  width: 100%;
-  min-width: 100%;
-  border-collapse: collapse;
-}
-
-.IndexTable-Table-scrolling .IndexTable-TableCell-first,
-.IndexTable-Table-scrolling .IndexTable-TableCell-first + .IndexTable-TableCell,
-.IndexTable-Table-scrolling .IndexTable-TableHeading-first,
-.IndexTable-Table-scrolling .IndexTable-TableHeading-second {
-  visibility: visible;
-  background-color: var(--p-color-bg);
-}
-.IndexTable-Table-scrolling .IndexTable-TableCell-first,
-.IndexTable-Table-scrolling .IndexTable-TableHeading-first {
-  filter: drop-shadow(1px 0 0 var(--p-color-border-subdued));
-}
-@media (min-width: 31em) {
-  .IndexTable-Table-scrolling.IndexTable-Table-sticky .IndexTable-TableCell-first + .IndexTable-TableCell,
-  .IndexTable-Table-scrolling.IndexTable-Table-sticky .IndexTable-TableHeading-second {
-    filter: drop-shadow(1px 0 0 var(--p-color-border-subdued));
-  }
-}
-.IndexTable-Table-scrolling.IndexTable-Table-sticky.IndexTable-Table-unselectable .IndexTable-TableHeading-second,
-.IndexTable-Table-scrolling.IndexTable-Table-sticky.IndexTable-Table-unselectable .IndexTable-TableCell:first-child {
-  filter: drop-shadow(1px 0 0 var(--p-color-border-subdued));
-}
-.IndexTable-Table-scrolling.IndexTable-Table-unselectable .IndexTable-TableHeading-second,
-.IndexTable-Table-scrolling.IndexTable-Table-unselectable .IndexTable-TableCell:first-child {
-  visibility: visible;
-}
-
-.IndexTable-TableRow {
-  background-color: var(--p-color-bg);
-  cursor: pointer;
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-.IndexTable-TableRow.IndexTable-TableRow-unclickable {
-  cursor: auto;
-}
-.IndexTable-TableRow.IndexTable-statusSuccess,
-.IndexTable-TableRow.IndexTable-statusSuccess .IndexTable-TableCell-first,
-.IndexTable-TableRow.IndexTable-statusSuccess .IndexTable-TableCell-first + .IndexTable-TableCell {
-  background-color: var(--p-color-bg-primary-subdued-selected);
-}
-.IndexTable-TableRow.IndexTable-statusSubdued,
-.IndexTable-TableRow.IndexTable-statusSubdued .IndexTable-TableCell-first,
-.IndexTable-TableRow.IndexTable-statusSubdued .IndexTable-TableCell-first + .IndexTable-TableCell {
-  background-color: var(--p-color-bg-subdued);
-}
-.IndexTable-TableRow.IndexTable-TableRow-hovered,
-.IndexTable-TableRow.IndexTable-TableRow-hovered .IndexTable-TableCell-first,
-.IndexTable-TableRow.IndexTable-TableRow-hovered .IndexTable-TableCell-first + .IndexTable-TableCell {
-  background-color: var(--p-color-bg-hover);
-}
-.IndexTable-TableRow.IndexTable-TableRow-selected,
-.IndexTable-TableRow.IndexTable-TableRow-selected .IndexTable-TableHeading-first,
-.IndexTable-TableRow.IndexTable-TableRow-selected .IndexTable-TableHeading-second,
-.IndexTable-TableRow.IndexTable-TableRow-selected .IndexTable-TableCell-first,
-.IndexTable-TableRow.IndexTable-TableRow-selected .IndexTable-TableCell-first + .IndexTable-TableCell {
-  background-color: var(--p-color-bg-interactive-selected);
-}
-.IndexTable-TableRow.IndexTable-TableRow-hovered.IndexTable-TableRow-selected,
-.IndexTable-TableRow.IndexTable-TableRow-hovered.IndexTable-TableRow-selected .IndexTable-TableCell-first,
-.IndexTable-TableRow.IndexTable-TableRow-hovered.IndexTable-TableRow-selected .IndexTable-TableCell-first + .IndexTable-TableCell {
-  background-color: var(--p-color-bg-interactive-subdued-hover);
-}
-
-.IndexTable-TableRow-subdued {
-  color: var(--p-color-text-subdued);
-}
-
-.IndexTable-TableRow-disabled {
-  cursor: default;
-  color: var(--p-color-text-subdued);
-}
-
-.IndexTable-ZebraStriping .IndexTable-TableRow:nth-child(2n+1) {
-  background: none;
-}
-.IndexTable-ZebraStriping .IndexTable-TableRow:nth-child(2n),
-.IndexTable-ZebraStriping .IndexTable-TableRow:nth-child(2n) .IndexTable-TableCell:first-child,
-.IndexTable-ZebraStriping .IndexTable-TableRow:nth-child(2n) .IndexTable-TableCell:last-child {
-  background: var(--p-color-bg-subdued);
-}
-.IndexTable-ZebraStriping .IndexTable-TableRow:nth-child(2n):hover,
-.IndexTable-ZebraStriping .IndexTable-TableRow:nth-child(2n) .IndexTable-TableCell:first-child:hover,
-.IndexTable-ZebraStriping .IndexTable-TableRow:nth-child(2n) .IndexTable-TableCell:last-child:hover {
-  background-color: var(--p-color-bg-hover);
-}
-.IndexTable-ZebraStriping .IndexTable-TableRow-hovered:nth-child(2n+1),
-.IndexTable-ZebraStriping .IndexTable-TableRow-hovered:nth-child(2n),
-.IndexTable-ZebraStriping .IndexTable-TableRow-hovered:nth-child(2n) .IndexTable-TableCell:first-child,
-.IndexTable-ZebraStriping .IndexTable-TableRow-hovered:nth-child(2n) .IndexTable-TableCell:last-child {
-  background-color: var(--p-color-bg-hover);
-}
-
-.IndexTable-TableHeading {
-  background: var(--p-color-bg-subdued);
-  padding: var(--p-space-2) var(--p-space-4);
-  text-align: left;
-  font-weight: var(--p-font-weight-medium);
-  color: var(--p-color-text-subdued);
-  font-size: var(--p-font-size-75);
-  white-space: nowrap;
-  border: 0;
-}
-
-.IndexTable-TableHeading-align-center {
-  text-align: center;
-}
-.IndexTable-TableHeading-align-center [class*=TooltipContainer] {
-  justify-content: center;
-}
-
-.IndexTable-TableHeading-align-end {
-  text-align: right;
-}
-.IndexTable-TableHeading-align-end [class*=TooltipContainer] {
-  justify-content: end;
-}
-
-.IndexTable-TableHeading-sortable {
-  background: var(--p-color-bg-subdued);
-}
-
-.IndexTable-TableHeading-flush {
-  padding: 0;
-}
-
-.IndexTable-TableHeading-first {
-  --pc-index-table-checkbox-offset-left: 16px;
-  --pc-index-table-checkbox-offset-right: 18px;
-  position: sticky;
-  left: 0;
-  padding-right: var(--pc-index-table-checkbox-offset-right);
-  width: var(--p-space-5);
-  z-index: var(--pc-index-table-sticky-cell);
-}
-
-.IndexTable-TableHeadingSortButton {
-  position: relative;
-  background: none;
-  padding: 0;
-  border: 0;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: var(--p-font-weight-medium);
-  color: var(--p-color-text-subdued);
-  font-size: var(--p-font-size-75);
-}
-.IndexTable-TableHeadingSortButton:hover .IndexTable-TableHeadingSortIcon, .IndexTable-TableHeadingSortButton:focus .IndexTable-TableHeadingSortIcon {
-  opacity: 1;
-}
-
-.IndexTable-TableHeadingSortButton-heading-align-end {
-  transform: translateX(var(--p-space-5));
-  transition-delay: var(--p-motion-duration-50);
-}
-.IndexTable-TableHeadingSortButton-heading-align-end:hover, .IndexTable-TableHeadingSortButton-heading-align-end:focus {
-  transition-delay: none;
-  transform: translateX(var(--p-space-1));
-}
-
-/* expands button area to retain hover after button slides to the left */
-.IndexTable-TableHeadingSortButton-heading-align-end:hover::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: calc(100% - var(--p-space-2));
-  height: 100%;
-  width: var(--p-space-6);
-  display: block;
-  animation: none;
-  transition: none;
-}
-
-.IndexTable-TableHeadingSortButton-heading-align-end-currently-sorted {
-  transform: translateX(var(--p-space-1));
-}
-.IndexTable-TableHeadingSortButton-heading-align-end-currently-sorted .IndexTable-TableHeadingSortIcon-heading-align-end {
-  animation: none;
-}
-
-.IndexTable-TableHeadingSortButton-heading-align-end-previously-sorted {
-  animation: right-aligned-sort-button-slide-out var(--p-motion-duration-50) var(--p-motion-ease);
-}
-
-.IndexTable-TableHeadingSortIcon {
-  order: 1;
-  opacity: 0;
-  height: var(--p-space-5);
-  width: var(--p-space-5);
-}
-.IndexTable-TableHeadingSortIcon:not(.IndexTable-TableHeadingSortIcon-heading-align-end:hover), .IndexTable-TableHeadingSortIcon:not(.IndexTable-TableHeadingSortButton-heading-align-end-previously-sorted) {
-  transition: opacity var(--p-motion-duration-50) var(--p-motion-ease);
-}
-
-.IndexTable-TableHeadingSortButton:hover .IndexTable-TableHeadingSortIcon-heading-align-end {
-  animation: reveal-right-aligned-sort-button-icon var(--p-motion-duration-200) var(--p-motion-ease);
-}
-
-.IndexTable-TableHeadingSortButton-heading-align-end-currently-sorted:hover .IndexTable-TableHeadingSortIcon-heading-align-end {
-  animation: none;
-}
-
-.IndexTable-TableHeadingUnderline {
-  border-bottom: var(--p-border-width-2) dotted var(--p-color-border-subdued);
-}
-
-.IndexTable-TableHeadingTooltipUnderlinePlaceholder {
-  border-bottom: var(--p-border-width-2) dotted transparent;
-}
-
-.IndexTable-TableHeadingSortIcon-visible {
-  opacity: 1;
-}
-
-.IndexTable-TableHeadingSortSvg {
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  max-height: 100%;
-}
-
-.IndexTable-SortableTableHeadingWithCustomMarkup {
-  display: flex;
-  flex-wrap: nowrap;
-}
-
-.IndexTable-SortableTableHeaderWrapper {
-  cursor: pointer;
-}
-
-.IndexTable-ColumnHeaderCheckboxWrapper {
-  display: flex;
-}
-
-.IndexTable-FirstStickyHeaderElement {
-  padding-right: var(--p-space-05);
-}
-
-.IndexTable-TableHeading-second:not(.IndexTable-TableHeading-unselectable) {
-  padding-left: 0;
-}
-
-.IndexTable-TableCell {
-  z-index: var(--pc-index-table-cell);
-  text-align: left;
-  padding: var(--p-space-2) var(--p-space-4);
-  white-space: nowrap;
-}
-
-.IndexTable-TableCell-flush {
-  padding: 0;
-}
-
-.IndexTable-TableCell-first {
-  position: sticky;
-  left: 0;
-  z-index: var(--pc-index-table-sticky-cell);
-  vertical-align: middle;
-}
-
-.IndexTable-TableCell-first + .IndexTable-TableCell {
-  left: var(--pc-checkbox-offset);
-  padding-left: 0;
-}
-
-@media (min-width: 31em) {
-  .IndexTable-Table-sticky .IndexTable-TableCell-first + .IndexTable-TableCell {
-    position: sticky;
-    z-index: var(--pc-index-table-sticky-cell);
-  }
-}
-@media (min-width: 31em) {
-  .IndexTable-Table-sticky .IndexTable-TableHeading-second:not(.IndexTable-TableHeading-unselectable) {
-    position: sticky;
-    left: 0;
-    z-index: var(--pc-index-table-sticky-cell);
-  }
-}
-.IndexTable-Table-sticky .IndexTable-TableHeading-second.IndexTable-TableHeading-unselectable {
-  position: sticky;
-  left: 0;
-}
-
-.IndexTable-Table-unselectable.IndexTable-Table-sticky .IndexTable-TableCell:first-child {
-  left: 0;
-  background-color: var(--p-color-bg);
-  z-index: var(--pc-index-table-sticky-cell);
-  position: sticky;
-}
-.IndexTable-Table-unselectable .IndexTable-statusSuccess .IndexTable-TableCell:first-child {
-  background-color: var(--p-color-bg-primary-subdued-selected);
-}
-.IndexTable-Table-unselectable .IndexTable-statusSubdued .IndexTable-TableCell:first-child {
-  background-color: var(--p-color-bg-subdued);
-}
-.IndexTable-Table-unselectable .IndexTable-TableRow-hovered .IndexTable-TableCell:first-child {
-  background-color: var(--p-color-bg-hover);
-}
-
-@media (min-width: 31em) {
-  .IndexTable-Table-sticky-scrolling .IndexTable-TableCell:last-child,
-  .IndexTable-Table-sticky-scrolling .IndexTable-TableHeading-last {
-    filter: drop-shadow(-1px 0 0 var(--p-color-border-subdued));
-  }
-}
-
-@media (min-width: 31em) {
-  .IndexTable-Table-sticky-last .IndexTable-TableCell:last-child {
-    position: sticky;
-    right: 0;
-    background-color: var(--p-color-bg);
-    z-index: var(--pc-index-table-sticky-cell);
-  }
-}
-@media (min-width: 31em) {
-  .IndexTable-Table-sticky-last .IndexTable-TableHeading-last {
-    position: sticky;
-    right: 0;
-    background-color: var(--p-color-bg);
-    z-index: auto;
-  }
-}
-.IndexTable-Table-sticky-last .IndexTable-statusSuccess .IndexTable-TableCell:last-child {
-  background-color: var(--p-color-bg-primary-subdued-selected);
-}
-.IndexTable-Table-sticky-last .IndexTable-statusSubdued .IndexTable-TableCell:last-child {
-  background-color: var(--p-color-bg-subdued);
-}
-.IndexTable-Table-sticky-last .IndexTable-TableRow-hovered .IndexTable-TableCell:last-child {
-  background-color: var(--p-color-bg-hover);
-}
-.IndexTable-Table-sticky-last .IndexTable-TableRow-selected .IndexTable-TableCell:last-child {
-  background-color: var(--p-color-bg-interactive-selected);
-}
-
-.IndexTable-Table-sortable .IndexTable-TableHeading {
-  background-color: var(--p-color-bg-subdued);
-}
-
-.IndexTable-StickyTable {
-  position: relative;
-  top: 0;
-  left: 0;
-  right: 0;
-  visibility: hidden;
-  z-index: var(--pc-index-table-loading-panel);
-}
-
-.IndexTable-StickyTableHeader {
-  position: absolute;
-  display: flex;
-  width: 100%;
-}
-.IndexTable-StickyTableHeader:not(.IndexTable-StickyTableHeader-isSticky) {
-  top: -1000px;
-  left: -1000px;
-}
-
-.IndexTable-StickyTableColumnHeader {
-  flex: 0 0 auto;
-}
-
-.IndexTable-StickyTableHeadings {
-  overflow: hidden;
-  flex: 1 1 auto;
-  display: flex;
-}
-
-.IndexTable-StickyTableHeading-second {
-  padding-left: 0;
-}
-@media (min-width: 31em) {
-  .IndexTable-StickyTableHeading-second {
-    display: none;
-  }
-}
-.IndexTable-StickyTableHeading-second.IndexTable-unselectable {
-  display: none;
-}
-
-.IndexTable-StickyTableHeading-second-scrolling {
-  padding: 0 var(--p-space-025) 0 var(--p-space-4);
-  display: none;
-}
-@media (min-width: 31em) {
-  .IndexTable-StickyTableHeading-second-scrolling {
-    display: block;
-  }
-}
-
-.IndexTable-StickyTableHeader-isSticky {
-  visibility: visible;
-  background-color: var(--p-color-bg);
-  box-shadow: var(--p-shadow-md);
-}
-
-.IndexTable-IndexTable:hover .IndexTable-ScrollLeft {
-  display: block;
-}
-.IndexTable-IndexTable:hover .IndexTable-ScrollRight {
-  display: block;
-}
-
-.IndexTable-IndexTable .IndexTable-ScrollRight-onboarding {
-  display: block;
-}
-
-.IndexTable-BulkActionsWrapper {
-  visibility: visible;
-  position: absolute;
-  z-index: var(--pc-index-table-bulk-actions);
-  left: 0;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: var(--p-space-4);
-}
-
-.IndexTable-BulkActionsWrapperSticky {
-  position: fixed;
-  top: auto;
-  bottom: calc(var(--p-space-10) - var(--p-space-1));
-}
-
-.IndexTable-SelectAllActionsWrapper {
-  visibility: visible;
-  position: relative;
-  z-index: var(--pc-index-table-bulk-actions);
-  top: 0;
-  left: 0;
-  right: 0;
-  padding: 0 var(--p-space-2) 0 var(--p-space-4);
-  background: var(--p-color-bg);
-  border-radius: var(--p-border-radius-2);
-}
-.IndexTable-SelectAllActionsWrapper.IndexTable-StickyTableHeader-condensed {
-  padding-top: calc(var(--p-space-2) + var(--p-space-05));
-}
-
-.IndexTable-ScrollBarContainer {
-  position: sticky;
-  z-index: var(--pc-index-table-scroll-bar);
-  bottom: 0;
-  padding: var(--p-space-05);
-  background-color: var(--p-color-bg);
-  border-bottom-right-radius: var(--p-border-radius-2);
-  border-bottom-left-radius: var(--p-border-radius-2);
-}
-
-.IndexTable-scrollBarContainerCondensed {
-  visibility: hidden;
-  pointer-events: none;
-}
-
-.IndexTable-scrollBarContainerHidden {
-  height: 0;
-  padding: 0;
-}
-
-.IndexTable-ScrollBar {
-  overflow-x: scroll;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-}
-
-.IndexTable-ScrollBar::-webkit-scrollbar-track {
-  border-radius: var(--p-border-radius-1);
-  background-color: transparent;
-}
-
-.IndexTable-ScrollBar::-webkit-scrollbar {
-  appearance: none;
-  height: var(--p-space-2);
-  width: var(--p-space-2);
-  background-color: transparent;
-}
-
-.IndexTable-ScrollBar::-webkit-scrollbar-thumb {
-  border-radius: var(--p-border-radius-1);
-  background-color: var(--p-color-border-strong);
-  transition: background-color var(--p-motion-duration-100) var(--p-motion-ease-out);
-}
-
-.IndexTable-ScrollBar:hover::-webkit-scrollbar-thumb {
-  background-color: var(--p-color-border-inverse);
-}
-
-.IndexTable-disableTextSelection {
-  user-select: none;
-}
-
-.IndexTable-selectMode {
-  transform: translateY(calc(-1 * var(--pc-index-table-table-header-offset)));
-  margin-bottom: calc(-1 * var(--pc-index-table-table-header-offset));
-}
-
-.IndexTable-EmptySearchResultWrapper {
-  padding: var(--p-space-4);
-}
-
-.IndexTable-condensedRow {
-  width: calc(100% + var(--pc-index-table-translate-offset));
-  transform: translateX(calc(-1 * var(--pc-index-table-translate-offset)));
-  transition: transform var(--p-motion-ease) var(--p-motion-duration-200);
-  display: flex;
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-  filter: none;
-  align-items: center;
-}
-
-[data-selectmode=true] .IndexTable-condensedRow {
-  transform: none;
-}
-
-.IndexTable-CondensedList {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-}
-
-.IndexTable-HeaderWrapper {
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  min-height: 56px;
-  padding: var(--p-space-2) var(--p-space-4);
-  background-color: var(--p-color-bg);
-}
-.IndexTable-HeaderWrapper.IndexTable-unselectable {
-  min-height: auto;
-  padding: 0;
-}
-
-.IndexTable-StickyTable-condensed {
-  visibility: visible;
-}
-
-.IndexTable-StickyTableHeader-condensed {
-  padding: var(--p-space-4) var(--p-space-4) var(--p-space-2);
-}
-
-.IndexTable-ScrollBarContent {
-  height: 1px;
-  width: var(--pc-index-table-scroll-bar-content-width);
-}
-
-/* stylelint-disable-next-line polaris/motion/at-rule-disallowed-list -- custom reset animation for right-aligned header */
-@keyframes right-aligned-sort-button-slide-out {
-  0% {
-    transform: translateX(var(--p-space-1));
-  }
-  80% {
-    transform: translateX(var(--p-space-1));
-  }
-  100% {
-    transform: translateX(var(--p-space-5));
-  }
-}
-/* stylelint-disable-next-line polaris/motion/at-rule-disallowed-list -- custom animation for right-aligned header */
-@keyframes reveal-right-aligned-sort-button-icon {
-  0% {
-    transform: translateX(calc(var(--p-space-5) * -1));
-    opacity: 0;
-  }
-  40% {
-    opacity: 0;
-  }
-  50% {
-    transform: translateX(0);
-  }
-  100% {
-    opacity: 1;
-  }
-}

package/dist/css/Indicator.css

@@ -1,26 +0,0 @@
-.Indicator-Indicator {
-  --pc-indicator-size: 10px;
-  --pc-indicator-base-position: calc(-1 * var(--p-space-1));
-}
-.Indicator-Indicator::before, .Indicator-Indicator::after {
-  content: "";
-  position: absolute;
-  background-color: var(--p-color-border-info);
-  right: var(--pc-indicator-base-position);
-  top: var(--pc-indicator-base-position);
-  width: var(--pc-indicator-size);
-  height: var(--pc-indicator-size);
-  border-radius: var(--p-border-radius-full);
-  border: calc(var(--pc-indicator-size) / 2) solid transparent;
-}
-
-.Indicator-pulseIndicator::before {
-  z-index: 1;
-  animation: var(--p-motion-keyframes-bounce) var(--p-motion-duration-5000) ease infinite;
-}
-
-.Indicator-pulseIndicator::after {
-  right: var(--pc-indicator-base-position);
-  top: var(--pc-indicator-base-position);
-  animation: var(--p-motion-keyframes-pulse) var(--p-motion-duration-5000) ease infinite;
-}

package/dist/css/KeyboardKey.css

@@ -1,29 +0,0 @@
-.KeyboardKey-KeyboardKey {
-  height: 28px;
-  display: inline-flex;
-  justify-content: center;
-  margin: 0 var(--p-space-05) var(--p-space-05);
-  padding: 0 var(--p-space-2);
-  background: var(--p-color-bg-inset);
-  box-shadow: 0 var(--p-space-025) 0 rgba(0, 0, 0, 0.15);
-  border-radius: var(--p-border-radius-1);
-  color: var(--p-color-text);
-  font-size: var(--p-font-size-100);
-  font-weight: var(--p-font-weight-medium);
-  font-family: var(--p-font-family-sans);
-  line-height: 28px;
-  text-align: center;
-  min-width: 28px;
-  user-select: none;
-}
-
-.KeyboardKey-small {
-  background: var(--p-color-bg-app-selected);
-  border-radius: var(--p-border-radius-05);
-  box-shadow: none;
-  line-height: unset;
-  padding: 0 var(--p-space-1);
-  font-size: var(--p-font-size-75);
-  height: var(--p-space-5);
-  min-width: var(--p-space-5);
-}