@ably/ui 14.1.0-dev.708de27 → 14.1.0-dev.f3a3c90

package/src/core/Table/TableCell.tsx

@@ -1,71 +0,0 @@
-import React, { PropsWithChildren } from "react";
-
-type TableCellProps = {
-  isRowHeader?: boolean;
-} & React.TdHTMLAttributes<HTMLTableCellElement>;
-
-const LabelCell = ({
-  children,
-  ...rest
-}: PropsWithChildren<React.TdHTMLAttributes<HTMLTableCellElement>>) => {
-  const classes = `
-    ui-text-p1 font-bold pt-24 pb-8 border-light-grey sm:p-24 sm:relative sm:top-2 flex sm:table-cell ${
-      rest?.className ?? ""
-    }
-  `;
-
-  return (
-    <td {...rest} className={classes}>
-      {children}
-    </td>
-  );
-};
-
-const TableCell = ({
-  children,
-  isRowHeader,
-  ...rest
-}: PropsWithChildren<TableCellProps>) => (
-  <td
-    {...rest}
-    className={`
-        border-light-grey sm:p-24 leading-none flex sm:table-cell
-        ${
-          isRowHeader
-            ? "rounded-l-none rounded-r sm:rounded-lg py-20 px-24"
-            : "py-6"
-        }
-        ${rest?.className ?? ""}
-      `}
-  >
-    {children}
-  </td>
-);
-
-const HeaderCell = ({
-  children,
-  ...rest
-}: PropsWithChildren<React.TdHTMLAttributes<HTMLTableCellElement>>) => (
-  <td
-    {...rest}
-    className={`ui-text-h3 px-24 py-24 hidden sm:table-cell ${
-      rest?.className ?? ""
-    }`}
-  >
-    {children}
-  </td>
-);
-
-const CtaCell = ({
-  children,
-  ...rest
-}: PropsWithChildren<React.TdHTMLAttributes<HTMLTableCellElement>>) => (
-  <td
-    {...rest}
-    className={`pt-24 hidden sm:table-cell ${rest?.className ?? ""}`}
-  >
-    {children}
-  </td>
-);
-
-export { TableCell, LabelCell, HeaderCell, CtaCell };

package/src/core/Table/TableRow.tsx

@@ -1,25 +0,0 @@
-import React, { PropsWithChildren } from "react";
-
-const CtaRow = ({ children }: PropsWithChildren) => (
-  <tr>
-    <td className="hidden sm:block"></td>
-    {children}
-  </tr>
-);
-
-type RowProps = {
-  isHeader?: boolean;
-} & React.HTMLAttributes<HTMLTableRowElement>;
-
-const TableRow = ({
-  children,
-  isHeader,
-  ...rest
-}: PropsWithChildren<RowProps>) => (
-  <tr {...rest}>
-    {isHeader && <td className="bg-white" />}
-    {children}
-  </tr>
-);
-
-export { TableRow, CtaRow };

package/src/core/Table/data.tsx

@@ -1,133 +0,0 @@
-import React, { Fragment } from "react";
-
-import Tooltip from "../Tooltip";
-import Table from "../Table";
-import Icon from "../Icon";
-
-const Supported = () => (
-  <Icon
-    name="icon-gui-check-circled-fill"
-    size="1.5rem"
-    color="text-gui-success"
-    additionalCSS="flex-grow-0 flex-shrink-0"
-    data-testid="supported-icon"
-  />
-);
-
-const Unsupported = () => (
-  <Icon
-    name="icon-gui-cross-circled-fill"
-    size="1.5rem"
-    color="text-gui-error"
-    additionalCSS="flex-grow-0 flex-shrink-0"
-    data-testid="unsupported-icon"
-  />
-);
-
-const testRow = (index) => ({
-  label: `Label ${index + 1}`,
-  cells: [
-    { label: "text", content: "Cell content", column: "Free" },
-    {
-      label: "yes",
-      content: (
-        <div className="flex items-center sm:flex-col sm:items-start">
-          <span className="sm:order-1 px-6 sm:py-6 sm:px-0">Supported</span>
-          <span className="sm:order-0">
-            <Supported />
-          </span>
-        </div>
-      ),
-      column: "PAYG",
-    },
-    {
-      label: "no",
-      content: (
-        <div className="flex items-center  sm:flex-col sm:items-start">
-          <span className="sm:order-1 px-6 sm:py-6 sm:px-0">Unsupported</span>
-          <span className="sm:order-0">
-            <Unsupported />
-          </span>
-        </div>
-      ),
-      column: "Custom",
-    },
-  ],
-});
-
-const sections = ["Features", "Support", "Technical Support"].map((label) => ({
-  label,
-  rows: [...Array(5)].map((_, i) => testRow(i)),
-}));
-
-export const PricingPageTable = () => {
-  return (
-    <div className="ui-standard-container">
-      <h2 className="ui-text-h2 text-center m-32">Pricing Page Table</h2>
-      <p className="text-center m-32">Example content</p>
-      <Table.Root>
-        <Table.Header>
-          <Table.Row>
-            <Table.Cell>
-              <span className="ui-text-h3 hidden sm:block">Free</span>
-            </Table.Cell>
-            <Table.Cell>
-              <span className="ui-text-h3 hidden sm:block">PAYG</span>
-            </Table.Cell>
-            <Table.Cell>
-              <span className="ui-text-h3 hidden sm:block">Custom</span>
-            </Table.Cell>
-          </Table.Row>
-        </Table.Header>
-        <Table.Body>
-          {sections.map((section) => (
-            <Fragment key={section.label}>
-              <Table.RowHeader>
-                <Table.Cell colSpan={4}>{section.label}</Table.Cell>
-              </Table.RowHeader>
-              {section.rows.map((row) => (
-                <Table.Row key={row.label}>
-                  <Table.LabelCell
-                    key={row.label}
-                    className="border-t border-light-grey"
-                  >
-                    <a className="ui-link" href="#">
-                      {row.label}
-                    </a>
-                    <Tooltip>Example tooltip</Tooltip>
-                  </Table.LabelCell>
-                  {row.cells.map((cell) => (
-                    <Table.Cell key={cell.label} className="last:mb-16 sm:mb-0">
-                      <div className="flex-1 sm:hidden !text-dark-grey ui-text-overline2">
-                        {cell.column}
-                      </div>
-                      {cell.content}
-                    </Table.Cell>
-                  ))}
-                </Table.Row>
-              ))}
-            </Fragment>
-          ))}
-          <Table.Row>
-            <Table.Cell></Table.Cell>
-            <Table.CtaCell>
-              <a href="#" className="ui-btn-secondary">
-                Get started
-              </a>
-            </Table.CtaCell>
-            <Table.CtaCell>
-              <a href="#" className="ui-btn-secondary">
-                Get started
-              </a>
-            </Table.CtaCell>
-            <Table.CtaCell>
-              <a href="#" className="ui-btn">
-                Contact sales
-              </a>
-            </Table.CtaCell>
-          </Table.Row>
-        </Table.Body>
-      </Table.Root>
-    </div>
-  );
-};

package/src/core/Table.tsx

@@ -1,15 +0,0 @@
-import { Table, TableRowHeader, TableHeader, TableBody } from "./Table/Table";
-import { TableRow } from "./Table/TableRow";
-import { TableCell, LabelCell, HeaderCell, CtaCell } from "./Table/TableCell";
-
-export default {
-  Root: Table,
-  Row: TableRow,
-  Cell: TableCell,
-  LabelCell,
-  HeaderCell,
-  CtaCell,
-  RowHeader: TableRowHeader,
-  Body: TableBody,
-  Header: TableHeader,
-};

package/src/core/Tooltip/Tooltip.stories.tsx

@@ -1,27 +0,0 @@
-import React from "react";
-import Tooltip from "../Tooltip";
-
-export default {
-  title: "JS Components/Tooltip",
-  component: Tooltip,
-  tags: ["autodocs"],
-  args: {
-    children: "Example content",
-  },
-};
-
-export const Central = {
-  render: (args) => (
-    <div className="w-256 h-256 flex items-center justify-center m-24 border">
-      <Tooltip>{args.children}</Tooltip>
-    </div>
-  ),
-};
-
-export const LeftBound = {
-  render: (args) => (
-    <div className="w-256 h-256 flex items-center m-24 border">
-      <Tooltip>{args.children}</Tooltip>
-    </div>
-  ),
-};

package/src/core/Tooltip.tsx

@@ -1,88 +0,0 @@
-import React, {
-  ButtonHTMLAttributes,
-  HTMLAttributes,
-  PropsWithChildren,
-  useEffect,
-  useRef,
-  useState,
-} from "react";
-import Icon from "./Icon";
-
-type TooltipProps = {
-  triggerProps?: ButtonHTMLAttributes<HTMLButtonElement>;
-  tooltipProps?: HTMLAttributes<HTMLDivElement>;
-} & HTMLAttributes<HTMLDivElement>;
-
-const Tooltip = ({
-  children,
-  triggerProps,
-  tooltipProps,
-  ...rest
-}: PropsWithChildren<TooltipProps>) => {
-  const [open, setOpen] = useState(false);
-  const [position, setPosition] = useState({ x: 0, y: 0 });
-  const offset = 8;
-  const reference = useRef<HTMLButtonElement>(null);
-  const floating = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (open) {
-      const floatingRect = floating.current?.getBoundingClientRect();
-      const referenceRect = reference.current?.getBoundingClientRect();
-
-      if (floatingRect && referenceRect) {
-        setPosition({
-          x:
-            Math.min(floatingRect.width / 2, floatingRect.left) -
-            referenceRect.width / 2,
-          y: Math.min(floatingRect.height, floatingRect.top) + offset,
-        });
-      }
-    } else {
-      setPosition({ x: 0, y: 0 });
-    }
-  }, [open]);
-
-  return (
-    <div
-      {...rest}
-      className={`relative inline-block align-top h-16 ${
-        rest?.className ?? ""
-      }`}
-    >
-      <button
-        onMouseEnter={() => setOpen(true)}
-        onMouseLeave={() => setOpen(false)}
-        type="button"
-        ref={reference}
-        aria-describedby="tooltip"
-        {...triggerProps}
-        className={`ml-8 p-0 relative top-1 focus:outline-none ${
-          triggerProps?.className ?? ""
-        }`}
-      >
-        <Icon name="icon-gui-info" size="1rem" />
-      </button>
-
-      {open ? (
-        <div
-          role="tooltip"
-          ref={floating}
-          style={{
-            top: -position.y,
-            left: -position.x,
-            boxShadow: "4px 4px 15px rgba(0, 0, 0, 0.2)",
-          }}
-          {...tooltipProps}
-          className={`bg-light-grey p-12 rounded pointer-events-none absolute z-20 ${
-            tooltipProps?.className ?? ""
-          }`}
-        >
-          <div className="w-256">{children}</div>
-        </div>
-      ) : null}
-    </div>
-  );
-};
-
-export default Tooltip;

package/src/core/css.js

@@ -1,3 +0,0 @@
-export const remsToPixelValue = (remString) =>
-  parseFloat(remString) *
-  parseFloat(getComputedStyle(document.documentElement).fontSize);

package/src/core/dom-query.js

@@ -1,5 +0,0 @@
-export const queryId = (val, root = document) =>
-  root.querySelector(`[data-id=${val}]`);
-
-export const queryIdAll = (val, root = document) =>
-  root.querySelectorAll(`[data-id=${val}]`);

package/src/core/fonts/jetBrains-mono.css

@@ -1,3 +0,0 @@
-@layer base {
-  @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap");
-}

package/src/core/fonts/manrope.css

@@ -1,3 +0,0 @@
-@layer base {
-  @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");
-}

package/src/core/fonts/next.css

@@ -1,63 +0,0 @@
-/* LEGAL DISCLAIMER
- *
- * These Fonts are licensed only for use on these domains and their subdomains:
- * ably.com
- *
- * It is illegal to download or use them on other websites.
- *
- * While the @font-face statements below may be modified by the client, this
- * disclaimer may not be removed.
- *
- * Optimo webfonts are protected by copyright law and provided under license. To modify, alter, translate, convert, decode or reverse engineer in any manner whatsoever, including converting the Font Software into a different format is strictly prohibited. The webfont files are not to be used for anything other than web font use.
- *
- * optimo.ch
- */
-
-/* INSTRUCTIONS
- *
- * Copy the Legal Disclaimer, the domains name and the @font-faces statements to your regular CSS file. The fonts folder(s) should be placed relative to the regular CSS file.
- */
-
-@font-face {
-  font-family: "NEXT Book";
-  src: url("NEXT-Book-Light.eot");
-  src:
-    url("NEXT-Book-Light.eot?#iefix") format("embedded-opentype"),
-    url("NEXT-Book-Light.woff2") format("woff2"),
-    url("NEXT-Book-Light.woff") format("woff");
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "NEXT Book";
-  src: url("NEXT-Book-Light-Italic.eot");
-  src:
-    url("NEXT-Book-Light-Italic.eot?#iefix") format("embedded-opentype"),
-    url("NEXT-Book-Light-Italic.woff2") format("woff2"),
-    url("NEXT-Book-Light-Italic.woff") format("woff");
-  font-weight: 300;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "NEXT Book";
-  src: url("NEXT-Book-Medium.eot");
-  src:
-    url("NEXT-Book-Medium.eot?#iefix") format("embedded-opentype"),
-    url("NEXT-Book-Medium.woff2") format("woff2"),
-    url("NEXT-Book-Medium.woff") format("woff");
-  font-weight: 500;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "NEXT Book";
-  src: url("NEXT-Book-Medium-Italic.eot");
-  src:
-    url("NEXT-Book-Medium-Italic.eot?#iefix") format("embedded-opentype"),
-    url("NEXT-Book-Medium-Italic.woff2") format("woff2"),
-    url("NEXT-Book-Medium-Italic.woff") format("woff");
-  font-weight: 500;
-  font-style: italic;
-}

package/src/core/fonts/source-code-pro.css

@@ -1,3 +0,0 @@
-@layer base {
-  @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@600&display=swap");
-}

package/src/core/hubspot-chat-toggle.js

@@ -1,67 +0,0 @@
-import { queryId } from "./dom-query";
-
-/*
-    A method to enable/disable a CTA that
-    is used to open the HubSpot chat widget
-
-    If the Chat widget is unavailable this script
-    will apply a disabled property and change
-    the text on the button, to warn the user.
-
-    Params:
-    - dataId        the parent container data-id
-
-*/
-
-function enableBtn(el, text) {
-  el.disabled = false;
-  el.innerText = text;
-}
-
-function disableBtn(el, text) {
-  el.disabled = true;
-  el.innerText = text;
-}
-
-const WAIT_BETWEEN_RETRIES_MS = 100;
-let MAX_RETRY_COUNT = 30;
-
-export default function toggleChatWidget(params = {}) {
-  const { dataId } = params;
-  const container = queryId(dataId);
-  const chatButton = queryId("open-chat-widget", container);
-  const textEnabled = chatButton.dataset.enabledLabel;
-  const textDisabled = chatButton.dataset.disabledLabel;
-
-  if (!dataId || !container) return;
-  const trigger = queryId("open-chat-widget", container);
-
-  let clickHandler;
-
-  const waitForScript = (delay) => {
-    const widget = window?.HubSpotConversations?.widget;
-
-    // If the chat is set to be hidden out of hours this will return null
-    const iframe = document.querySelector("#hubspot-messages-iframe-container");
-
-    clickHandler = (e) => {
-      e.preventDefault();
-      widget.open();
-    };
-
-    if (widget && iframe) {
-      trigger.addEventListener("click", clickHandler);
-      enableBtn(trigger, textEnabled);
-    } else if (--MAX_RETRY_COUNT) {
-      setTimeout(() => waitForScript(WAIT_BETWEEN_RETRIES_MS), delay);
-    }
-  };
-
-  disableBtn(trigger, textDisabled);
-  waitForScript(0);
-
-  return () => {
-    disableBtn(trigger, textDisabled);
-    trigger.removeEventListener("click", clickHandler);
-  };
-}

package/src/core/icons/discord.svg

@@ -1,10 +0,0 @@
-<svg width="24" height="25" viewBox="0 0 71 55" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
-<path d="M60.1045 4.8978C55.5792 2.8214 50.7265 1.2916 45.6527 0.41542C45.5603 0.39851 45.468 0.440769 45.4204 0.525289C44.7963 1.6353 44.105 3.0834 43.6209 4.2216C38.1637 3.4046 32.7345 3.4046 27.3892 4.2216C26.905 3.0581 26.1886 1.6353 25.5617 0.525289C25.5141 0.443589 25.4218 0.40133 25.3294 0.41542C20.2584 1.2888 15.4057 2.8186 10.8776 4.8978C10.8384 4.9147 10.8048 4.9429 10.7825 4.9795C1.57795 18.7309 -0.943561 32.1443 0.293408 45.3914C0.299005 45.4562 0.335386 45.5182 0.385761 45.5576C6.45866 50.0174 12.3413 52.7249 18.1147 54.5195C18.2071 54.5477 18.305 54.5139 18.3638 54.4378C19.7295 52.5728 20.9469 50.6063 21.9907 48.5383C22.0523 48.4172 21.9935 48.2735 21.8676 48.2256C19.9366 47.4931 18.0979 46.6 16.3292 45.5858C16.1893 45.5041 16.1781 45.304 16.3068 45.2082C16.679 44.9293 17.0513 44.6391 17.4067 44.3461C17.471 44.2926 17.5606 44.2813 17.6362 44.3151C29.2558 49.6202 41.8354 49.6202 53.3179 44.3151C53.3935 44.2785 53.4831 44.2898 53.5502 44.3433C53.9057 44.6363 54.2779 44.9293 54.6529 45.2082C54.7816 45.304 54.7732 45.5041 54.6333 45.5858C52.8646 46.6197 51.0259 47.4931 49.0921 48.2228C48.9662 48.2707 48.9102 48.4172 48.9718 48.5383C50.038 50.6034 51.2554 52.5699 52.5959 54.435C52.6519 54.5139 52.7526 54.5477 52.845 54.5195C58.6464 52.7249 64.529 50.0174 70.6019 45.5576C70.6551 45.5182 70.6887 45.459 70.6943 45.3942C72.1747 30.0791 68.2147 16.7757 60.1968 4.9823C60.1772 4.9429 60.1437 4.9147 60.1045 4.8978ZM23.7259 37.3253C20.2276 37.3253 17.3451 34.1136 17.3451 30.1693C17.3451 26.225 20.1717 23.0133 23.7259 23.0133C27.308 23.0133 30.1626 26.2532 30.1066 30.1693C30.1066 34.1136 27.28 37.3253 23.7259 37.3253ZM47.3178 37.3253C43.8196 37.3253 40.9371 34.1136 40.9371 30.1693C40.9371 26.225 43.7636 23.0133 47.3178 23.0133C50.9 23.0133 53.7545 26.2532 53.6986 30.1693C53.6986 34.1136 50.9 37.3253 47.3178 37.3253Z" fill="currentColor"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="71" height="55" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/src/core/icons/facebook.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="25" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg">
-<path d="M24 13C24 6.37258 18.6274 1 12 1C5.37258 1 0 6.37258 0 13C0 18.9895 4.3882 23.954 10.125 24.8542V16.4688H7.07812V13H10.125V10.3563C10.125 7.34875 11.9166 5.6875 14.6576 5.6875C15.9701 5.6875 17.3438 5.92188 17.3438 5.92188V8.875H15.8306C14.34 8.875 13.875 9.80008 13.875 10.75V13H17.2031L16.6711 16.4688H13.875V24.8542C19.6118 23.954 24 18.9895 24 13Z" fill="currentColor"/>
-<path d="M16.6711 16.4688L17.2031 13H13.875V10.75C13.875 9.80102 14.34 8.875 15.8306 8.875H17.3438V5.92188C17.3438 5.92188 15.9705 5.6875 14.6576 5.6875C11.9166 5.6875 10.125 7.34875 10.125 10.3563V13H7.07812V16.4688H10.125V24.8542C11.3674 25.0486 12.6326 25.0486 13.875 24.8542V16.4688H16.6711Z" fill="none"/>
-</svg>

package/src/core/icons/github.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C5.4 0 0 5.41945 0 12.0432C0 17.3623 3.4 21.8785 8.2 23.4843C8.8 23.5846 9 23.1832 9 22.8821C9 22.581 9 21.8785 9 20.8749C5.7 21.5774 5 19.2692 5 19.2692C4.5 17.8641 3.7 17.4627 3.7 17.4627C2.6 16.7601 3.8 16.7602 3.8 16.7602C5 16.8605 5.6 17.9645 5.6 17.9645C6.7 19.771 8.4 19.2692 9.1 18.9681C9.2 18.1652 9.5 17.6634 9.9 17.3623C7.1 17.0612 4.3 16.0576 4.3 11.4411C4.3 10.1364 4.8 9.03242 5.5 8.22953C5.5 7.82809 5 6.62377 5.7 5.01801C5.7 5.01801 6.7 4.71693 9 6.22233C10 5.92125 11 5.82089 12 5.82089C13 5.82089 14 5.92125 15 6.22233C17.3 4.71693 18.3 5.01801 18.3 5.01801C19 6.72413 18.5 7.92845 18.4 8.22953C19.2 9.03242 19.6 10.1364 19.6 11.4411C19.6 16.0576 16.8 17.0612 14.1 17.3623C14.5 17.7638 14.9 18.4663 14.9 19.5702C14.9 21.176 14.9 22.4807 14.9 22.8821C14.9 23.1832 15.1 23.5846 15.7 23.4843C20.6 21.8785 24 17.3623 24 12.0432C24 5.41945 18.6 0 12 0Z" fill="currentColor" />
-</svg>

package/src/core/icons/glassdoor.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="24" viewBox="0 0 18 24" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.122 20.5734H0.5C0.5 22.4677 2.0222 24 3.90634 24H14.122C16.0027 24 17.5249 22.4643 17.5249 20.5734V6.49471C17.5249 6.42706 17.4708 6.36617 17.4032 6.36617H14.2438C14.1761 6.36617 14.122 6.42368 14.122 6.49133V20.57V20.5734ZM14.122 0C16.0027 0 17.5249 1.53573 17.5249 3.43002H3.90634V17.5087C3.90634 17.5763 3.84884 17.6338 3.78118 17.6338H0.625159C0.557505 17.6338 0.5 17.5763 0.5 17.5087V3.43002C0.5 1.53573 2.0222 0 3.90634 0H14.122Z" />
-</svg>

package/src/core/icons/google.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M17.6483 7.36875H9.1803V10.8492H14.0178C13.8092 11.9742 13.1764 12.9258 12.2225 13.5633C11.4162 14.1023 10.3873 14.4211 9.17795 14.4211C6.83655 14.4211 4.85608 12.8391 4.14827 10.7133C3.97014 10.1742 3.86702 9.59766 3.86702 9.00469C3.86702 8.41172 3.97014 7.83516 4.14827 7.29609C4.85842 5.17266 6.83889 3.59063 9.1803 3.59063C10.4998 3.59063 11.6834 4.04531 12.6162 4.93594L15.1944 2.35547C13.6358 0.902344 11.6037 0.0117188 9.1803 0.0117188C5.66702 0.0117188 2.62717 2.02734 1.14827 4.96641C0.538892 6.18047 0.192017 7.55391 0.192017 9.00703C0.192017 10.4602 0.538892 11.8312 1.14827 13.0453C2.62717 15.9844 5.66702 18 9.1803 18C11.6084 18 13.6428 17.1938 15.1287 15.8203C16.828 14.2547 17.81 11.9484 17.81 9.20859C17.81 8.57109 17.7537 7.95937 17.6483 7.36875Z" fill="currentColor" />
-</svg>

package/src/core/icons/icon-display-48hrs.svg

@@ -1,3 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path fill-rule="evenodd" clip-rule="evenodd" d="M4.75 24C4.75 13.3685 13.3685 4.75 24 4.75C24.4142 4.75 24.75 4.41421 24.75 4C24.75 3.58579 24.4142 3.25 24 3.25C12.5401 3.25 3.25 12.5401 3.25 24C3.25 35.4599 12.5401 44.75 24 44.75C35.4599 44.75 44.75 35.4599 44.75 24C44.75 23.5858 44.4142 23.25 44 23.25C43.5858 23.25 43.25 23.5858 43.25 24C43.25 34.6315 34.6315 43.25 24 43.25C13.3685 43.25 4.75 34.6315 4.75 24ZM33.0947 26.36C33.0947 28.682 31.1507 30.212 28.9727 30.212C26.7947 30.212 24.8507 28.682 24.8507 26.36C24.8507 24.884 25.6247 23.75 26.8487 23.138C25.8947 22.58 25.3007 21.626 25.3007 20.402C25.3007 18.35 27.0287 17 28.9727 17C30.9167 17 32.6447 18.35 32.6447 20.402C32.6447 21.626 32.0507 22.58 31.0787 23.138C32.3027 23.75 33.0947 24.884 33.0947 26.36ZM26.3087 26.36C26.3087 27.836 27.4787 28.862 28.9727 28.862C30.4667 28.862 31.6367 27.836 31.6367 26.36C31.6367 24.884 30.4667 23.84 28.9727 23.84C27.4787 23.84 26.3087 24.884 26.3087 26.36ZM26.7587 20.402C26.7587 21.626 27.7307 22.49 28.9727 22.49C30.2147 22.49 31.1867 21.626 31.1867 20.402C31.1867 19.196 30.2147 18.35 28.9727 18.35C27.7307 18.35 26.7587 19.196 26.7587 20.402ZM20.9773 27.008V29.996H19.5193V27.008H14.3533V25.838L19.3753 17.216H21.0493L15.9733 25.64H19.5193V22.778H20.9773V25.64H23.6773V27.008H20.9773Z" fill="currentColor" />
-</svg>

package/src/core/icons/icon-display-about-ably-col.svg

@@ -1,4 +0,0 @@
-<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="20.0002" cy="20.5" r="16.6667" fill="white" stroke="#03020D" stroke-width="1.5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0272 27.0696L19.8526 10.9167H17.4716L9.30566 25.8623L11.0272 27.0696ZM28.801 27.0696L19.9756 10.9167H22.3566L26.4396 18.3895L30.5225 25.8623L28.801 27.0696ZM19.9141 20.3011L28.678 27.1647L26.8895 28.4167L19.9141 22.956L12.9387 28.4167L11.1501 27.1647L19.9141 20.3011Z" fill="#FF5416"/>
-</svg>

package/src/core/icons/icon-display-api-keys.svg

@@ -1,3 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M23.9975 1.25001L24 1.25C30.2947 1.25 34.8666 5.48148 36.9677 11.5435C39.9369 11.7908 42.5707 12.9175 44.499 14.8032C46.5441 16.8032 47.75 19.6133 47.75 23C47.75 26.4402 46.5053 29.2339 44.403 31.1816C42.3094 33.1213 39.4195 34.1729 36.2009 34.2498L36.183 34.25H36C34.2051 34.25 32.75 35.7051 32.75 37.5V41.5C32.75 41.538 32.7472 41.5754 32.7417 41.6119C33.7603 41.9279 34.5 42.8775 34.5 44C34.5 45.3807 33.3807 46.5 32 46.5C30.6193 46.5 29.5 45.3807 29.5 44C29.5 42.8775 30.2397 41.9279 31.2583 41.6119C31.2528 41.5754 31.25 41.538 31.25 41.5V37.5C31.25 34.8766 33.3766 32.75 36 32.75H36.1739C39.0895 32.6786 41.6049 31.7291 43.3835 30.0813C45.1552 28.44 46.25 26.0569 46.25 23C46.25 19.9872 45.1862 17.5733 43.4502 15.8757C41.7085 14.1724 39.2446 13.1467 36.3792 13.0077C36.0667 12.9926 35.7964 12.7851 35.7011 12.4871C33.8169 6.59587 29.6288 2.75057 24.0012 2.75C16.999 2.77388 13.4625 5.84333 11.6103 9.01639C9.90907 11.9307 9.59656 14.9789 9.47898 16.1258C9.46599 16.2525 9.45537 16.356 9.44553 16.4335C9.40186 16.7776 9.1279 17.0469 8.78309 17.0846C4.68819 17.5327 1.75 20.5577 1.75 25C1.75 27.3994 2.61404 29.3228 4.00756 30.6484C5.40559 31.9784 7.38279 32.75 9.678 32.75H12C14.6234 32.75 16.75 34.8766 16.75 37.5V41.5C16.75 41.538 16.7472 41.5754 16.7417 41.6119C17.7603 41.9279 18.5 42.8775 18.5 44C18.5 45.3807 17.3807 46.5 16 46.5C14.6193 46.5 13.5 45.3807 13.5 44C13.5 42.8775 14.2397 41.9279 15.2583 41.6119C15.2528 41.5754 15.25 41.538 15.25 41.5V37.5C15.25 35.7051 13.7949 34.25 12 34.25H9.678C7.04421 34.25 4.68241 33.3607 2.97369 31.7352C1.26046 30.1054 0.25 27.7788 0.25 25C0.25 19.9901 3.49532 16.4323 8.01664 15.6768C8.15873 14.3389 8.57927 11.2334 10.3148 8.2602C12.4266 4.6425 16.4461 1.27535 23.9975 1.25001ZM24 32.75C24.4142 32.75 24.75 33.0858 24.75 33.5V41.6145C25.7643 41.933 26.5 42.8806 26.5 44C26.5 45.3807 25.3807 46.5 24 46.5C22.6193 46.5 21.5 45.3807 21.5 44C21.5 42.8806 22.2357 41.933 23.25 41.6145V33.5C23.25 33.0858 23.5858 32.75 24 32.75ZM14.5 44C14.5 43.1716 15.1716 42.5 16 42.5C16.8284 42.5 17.5 43.1716 17.5 44C17.5 44.8284 16.8284 45.5 16 45.5C15.1716 45.5 14.5 44.8284 14.5 44ZM32 42.5C31.1716 42.5 30.5 43.1716 30.5 44C30.5 44.8284 31.1716 45.5 32 45.5C32.8284 45.5 33.5 44.8284 33.5 44C33.5 43.1716 32.8284 42.5 32 42.5ZM22.5 44C22.5 43.1716 23.1716 42.5 24 42.5C24.8284 42.5 25.5 43.1716 25.5 44C25.5 44.8284 24.8284 45.5 24 45.5C23.1716 45.5 22.5 44.8284 22.5 44ZM17 17.75C14.1005 17.75 11.75 20.1005 11.75 23C11.75 25.8995 14.1005 28.25 17 28.25C18.9423 28.25 20.6392 27.1956 21.5481 25.6245L21.6444 25.458L24.1049 23.968C24.9592 23.4507 26.0267 23.4372 26.8938 23.9326L28.3798 24.7818C28.7641 25.0014 29.2359 25.0014 29.6202 24.7818L31.1356 23.9158C31.9811 23.4327 33.0189 23.4327 33.8644 23.9158L34.9166 24.5171C35.4428 24.8178 36.109 24.6977 36.497 24.232L37.3904 23.16C37.4676 23.0673 37.4676 22.9327 37.3903 22.84L35.7237 20.84C35.6762 20.783 35.6058 20.75 35.5316 20.75H21.7647L21.5481 20.3755C20.6392 18.8044 18.9423 17.75 17 17.75ZM10.25 23C10.25 19.2721 13.2721 16.25 17 16.25C19.3413 16.25 21.4033 17.4424 22.6132 19.25H35.5316C36.051 19.25 36.5435 19.4807 36.876 19.8797L38.5427 21.8797C39.0835 22.5287 39.0835 23.4713 38.5427 24.1203L37.6494 25.1923C36.7957 26.2167 35.3301 26.481 34.1724 25.8195L33.1202 25.2182C32.7359 24.9986 32.2641 24.9986 31.8798 25.2182L30.3644 26.0842C29.5189 26.5673 28.4811 26.5673 27.6356 26.0842L26.1496 25.235C25.7555 25.0098 25.2702 25.0159 24.8819 25.2511L22.7451 26.5451C21.5568 28.467 19.4287 29.75 17 29.75C13.2721 29.75 10.25 26.7279 10.25 23ZM14.5 23C14.5 22.4477 14.9477 22 15.5 22C16.0523 22 16.5 22.4477 16.5 23C16.5 23.5523 16.0523 24 15.5 24C14.9477 24 14.5 23.5523 14.5 23ZM15.5 21C14.3954 21 13.5 21.8954 13.5 23C13.5 24.1046 14.3954 25 15.5 25C16.6046 25 17.5 24.1046 17.5 23C17.5 21.8954 16.6046 21 15.5 21Z" fill="currentColor"/>
-</svg>

package/src/core/icons/icon-display-api.svg

@@ -1,3 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24 1.25L23.9975 1.25001C16.4461 1.27535 12.4266 4.6425 10.3148 8.2602C8.57927 11.2334 8.15873 14.3389 8.01664 15.6768C3.49532 16.4323 0.25 19.9901 0.25 25C0.25 27.7788 1.26046 30.1054 2.97369 31.7352C4.68241 33.3607 7.04421 34.25 9.678 34.25H12C13.7949 34.25 15.25 35.7051 15.25 37.5V41.5C15.25 41.538 15.2528 41.5754 15.2583 41.6119C14.2397 41.9279 13.5 42.8775 13.5 44C13.5 45.3807 14.6193 46.5 16 46.5C17.3807 46.5 18.5 45.3807 18.5 44C18.5 42.8775 17.7603 41.9279 16.7417 41.6119C16.7472 41.5754 16.75 41.538 16.75 41.5V37.5C16.75 34.8766 14.6234 32.75 12 32.75H9.678C7.38279 32.75 5.40559 31.9784 4.00756 30.6484C2.61404 29.3228 1.75 27.3994 1.75 25C1.75 20.5577 4.68819 17.5327 8.78309 17.0846C9.1279 17.0469 9.40186 16.7776 9.44553 16.4335C9.45537 16.356 9.46599 16.2525 9.47898 16.1258C9.59656 14.9789 9.90907 11.9307 11.6103 9.01639C13.4625 5.84333 16.999 2.77388 24.0012 2.75C29.6288 2.75057 33.8169 6.59587 35.7011 12.4871C35.7964 12.7851 36.0667 12.9926 36.3792 13.0077C39.2446 13.1467 41.7085 14.1724 43.4502 15.8757C45.1862 17.5733 46.25 19.9872 46.25 23C46.25 26.0569 45.1552 28.44 43.3835 30.0813C41.6049 31.7291 39.0895 32.6786 36.1739 32.75H36C33.3766 32.75 31.25 34.8766 31.25 37.5V41.5C31.25 41.538 31.2528 41.5754 31.2583 41.6119C30.2397 41.9279 29.5 42.8775 29.5 44C29.5 45.3807 30.6193 46.5 32 46.5C33.3807 46.5 34.5 45.3807 34.5 44C34.5 42.8775 33.7603 41.9279 32.7417 41.6119C32.7472 41.5754 32.75 41.538 32.75 41.5V37.5C32.75 35.7051 34.2051 34.25 36 34.25H36.183L36.2009 34.2498C39.4195 34.1729 42.3094 33.1213 44.403 31.1816C46.5053 29.2339 47.75 26.4402 47.75 23C47.75 19.6133 46.5441 16.8032 44.499 14.8032C42.5707 12.9175 39.9369 11.7908 36.9677 11.5435C34.8666 5.48148 30.2947 1.25 24 1.25ZM24 27.25C25.7949 27.25 27.25 25.7949 27.25 24C27.25 22.2051 25.7949 20.75 24 20.75C22.2051 20.75 20.75 22.2051 20.75 24C20.75 25.7949 22.2051 27.25 24 27.25ZM24.75 41.6145V28.6911C27.017 28.3315 28.75 26.3682 28.75 24C28.75 21.3766 26.6234 19.25 24 19.25C21.3766 19.25 19.25 21.3766 19.25 24C19.25 26.3682 20.983 28.3315 23.25 28.6911V41.6145C22.2357 41.933 21.5 42.8806 21.5 44C21.5 45.3807 22.6193 46.5 24 46.5C25.3807 46.5 26.5 45.3807 26.5 44C26.5 42.8806 25.7643 41.933 24.75 41.6145ZM16 42.5C15.1716 42.5 14.5 43.1716 14.5 44C14.5 44.8284 15.1716 45.5 16 45.5C16.8284 45.5 17.5 44.8284 17.5 44C17.5 43.1716 16.8284 42.5 16 42.5ZM30.5 44C30.5 43.1716 31.1716 42.5 32 42.5C32.8284 42.5 33.5 43.1716 33.5 44C33.5 44.8284 32.8284 45.5 32 45.5C31.1716 45.5 30.5 44.8284 30.5 44ZM24 42.5C23.1716 42.5 22.5 43.1716 22.5 44C22.5 44.8284 23.1716 45.5 24 45.5C24.8284 45.5 25.5 44.8284 25.5 44C25.5 43.1716 24.8284 42.5 24 42.5Z" fill="currentColor"/>
-</svg>