@squiz/formatted-text-editor 1.21.1-alpha.2 → 1.21.1-alpha.20

package/src/ui/Inputs/Text/TextInput.tsx

@@ -1,20 +0,0 @@
-import React, { ForwardedRef, forwardRef, InputHTMLAttributes } from 'react';
-
-type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
-  label?: string;
-};
-
-const TextInputInternal = ({ name, label, ...rest }: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => {
-  return (
-    <>
-      {label && (
-        <label htmlFor={name} className="squiz-fte-form-label">
-          {label}
-        </label>
-      )}
-      <input ref={ref} id={name} name={name} type="text" className="squiz-fte-form-control" {...rest} />
-    </>
-  );
-};
-
-export const TextInput = forwardRef(TextInputInternal);

package/src/ui/ToolbarButton/ToolbarButton.tsx

@@ -1,26 +0,0 @@
-import React, { ReactElement } from 'react';
-
-type ToolbarButtonProps = {
-  handleOnClick: () => void;
-  isDisabled?: boolean;
-  isActive: boolean;
-  icon: ReactElement;
-  label: string;
-};
-
-const ToolbarButton = ({ handleOnClick, isDisabled, isActive, icon, label }: ToolbarButtonProps) => {
-  return (
-    <button
-      aria-label={label}
-      title={label}
-      type="button"
-      onClick={handleOnClick}
-      disabled={isDisabled}
-      className={`squiz-fte-btn toolbar-button ${isActive ? 'is-active' : ''}`}
-    >
-      {icon}
-    </button>
-  );
-};
-
-export default ToolbarButton;

package/src/ui/ToolbarButton/_toolbar-button.scss

@@ -1,17 +0,0 @@
-.toolbar-button {
-  @apply bg-white text-gray-600 p-1;
-
-  ~ .toolbar-button {
-    margin-left: 2px;
-  }
-
-  &:hover,
-  &:focus {
-    background-color: rgba(black, 0.04);
-  }
-
-  &.is-active,
-  &:active {
-    @apply text-blue-300 bg-blue-100;
-  }
-}