@allurereport/web-awesome 3.0.0-beta.12 → 3.0.0-beta.14

package/src/components/ArrowButton/index.tsx

@@ -1,36 +0,0 @@
-import { SvgIcon, allureIcons } from "@allurereport/web-components";
-import { clsx } from "clsx";
-import type { FunctionalComponent } from "preact";
-import * as styles from "./styles.scss";
-
-export interface ArrowButtonProps {
-  isOpened?: boolean;
-  iconSize?: "m" | "xs" | "s";
-  buttonSize?: "m" | "xs" | "s";
-  className?: string;
-  icon?: string;
-}
-
-export const ArrowButton: FunctionalComponent<ArrowButtonProps> = ({
-  isOpened,
-  buttonSize = "m",
-  iconSize = "xs",
-  className,
-  icon = allureIcons.lineArrowsChevronDown,
-  ...rest
-}) => {
-  return (
-    <button className={clsx(styles["arrow-button"], styles[`arrow-button-${buttonSize}`])} {...rest}>
-      <SvgIcon
-        id={icon}
-        size={iconSize}
-        className={clsx(
-          styles["arrow-button-icon"],
-          isOpened && styles["arrow-button-icon--opened"],
-          styles[`icon-size-${iconSize}`],
-          className,
-        )}
-      />
-    </button>
-  );
-};

package/src/components/ArrowButton/styles.scss

@@ -1,35 +0,0 @@
-.arrow-button {
-  background: transparent;
-  border: none;
-  padding: 8px 4px;
-  border-radius: 4px;
-  cursor: pointer;
-  color: var(--on-icon-secondary);
-
-  &:hover {
-    background: var(--bg-control-flat-medium);
-    color: var(--on-icon-primary);
-  }
-}
-
-.arrow-button-s {
-  padding: 0 4px;
-}
-
-.arrow-button-m {
-  padding: 4px 6px;
-}
-
-.icon-size-m {
-  width: 15px;
-  height: 15px;
-}
-
-.arrow-button-icon {
-  transform: rotate(-90deg);
-  transition: transform 200ms;
-}
-
-.arrow-button-icon--opened {
-  transform: rotate(0);
-}