@redocly/theme 0.70.0-next.1 → 0.70.0-next.10

package/src/icons/TagsIcon/TagsIcon.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      d="M6.25 10C6.94036 10 7.5 9.44036 7.5 8.75C7.5 8.05964 6.94036 7.5 6.25 7.5C5.55964 7.5 5 8.05964 5 8.75C5 9.44036 5.55964 10 6.25 10Z"
-      fill="#555761"
-    />
-    <path
-      d="M10 18.75C9.91775 18.7505 9.83621 18.7347 9.76006 18.7036C9.68391 18.6725 9.61465 18.6267 9.55625 18.5687L2.86875 11.875C2.63401 11.6417 2.5014 11.3247 2.5 10.9937V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H8.49375C8.82474 5.0014 9.14166 5.13401 9.375 5.36875L16.0687 12.0563C16.1273 12.1144 16.1738 12.1835 16.2056 12.2596C16.2373 12.3358 16.2536 12.4175 16.2536 12.5C16.2536 12.5825 16.2373 12.6642 16.2056 12.7404C16.1738 12.8165 16.1273 12.8856 16.0687 12.9437L10.4437 18.5687C10.3853 18.6267 10.3161 18.6725 10.2399 18.7036C10.1638 18.7347 10.0823 18.7505 10 18.75ZM3.75 6.25V10.9937L10 17.2437L14.7437 12.5L8.49375 6.25H3.75Z"
-      fill="#555761"
-    />
-    <path
-      d="M17.3187 8.30625L10.625 1.61875C10.3917 1.38401 10.0747 1.2514 9.74375 1.25H5C4.66848 1.25 4.35054 1.3817 4.11612 1.61612C3.8817 1.85054 3.75 2.16848 3.75 2.5V3.75H5V2.5H9.74375L15.9937 8.75L15.1813 9.55625L16.0687 10.4437L17.3187 9.19375C17.3773 9.13565 17.4238 9.06652 17.4556 8.99036C17.4873 8.9142 17.5036 8.83251 17.5036 8.75C17.5036 8.66749 17.4873 8.5858 17.4556 8.50964C17.4238 8.43348 17.3773 8.36435 17.3187 8.30625Z"
-      fill="#555761"
-    />
-  </svg>
-);
-
-export const TagsIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/TagsIcon/TagsIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '18px'};
-`;

package/src/icons/TaskViewIcon/TaskViewIcon.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" {...props}>
-    <path
-      d="M9.625 11.375C10.1082 11.375 10.5 10.9832 10.5 10.5C10.5 10.0168 10.1082 9.625 9.625 9.625C9.14175 9.625 8.75 10.0168 8.75 10.5C8.75 10.9832 9.14175 11.375 9.625 11.375Z"
-      fill="#3B3C45"
-    />
-    <path
-      d="M13.0274 10.2718C12.757 9.58322 12.2906 8.98906 11.6858 8.563C11.081 8.13695 10.3644 7.89773 9.625 7.875C8.88555 7.89773 8.16903 8.13695 7.56424 8.563C6.95944 8.98906 6.49296 9.58322 6.22261 10.2718L6.125 10.5L6.22261 10.7282C6.49296 11.4168 6.95944 12.0109 7.56424 12.437C8.16903 12.863 8.88555 13.1023 9.625 13.125C10.3644 13.1023 11.081 12.863 11.6858 12.437C12.2906 12.0109 12.757 11.4168 13.0274 10.7282L13.125 10.5L13.0274 10.2718ZM9.625 12.25C9.27888 12.25 8.94054 12.1474 8.65275 11.9551C8.36497 11.7628 8.14066 11.4895 8.00821 11.1697C7.87576 10.8499 7.8411 10.4981 7.90863 10.1586C7.97615 9.81913 8.14282 9.50731 8.38756 9.26256C8.63231 9.01782 8.94413 8.85115 9.28359 8.78363C9.62306 8.7161 9.97493 8.75076 10.2947 8.88321C10.6145 9.01566 10.8878 9.23997 11.0801 9.52775C11.2724 9.81554 11.375 10.1539 11.375 10.5C11.3745 10.964 11.1899 11.4088 10.8619 11.7369C10.5338 12.0649 10.089 12.2495 9.625 12.25Z"
-      fill="#3B3C45"
-    />
-    <path
-      d="M5.25 12.25H3.0625V3.0625H4.375V4.375H9.625V3.0625H10.9375V7H11.8125V3.0625C11.8125 2.83044 11.7203 2.60788 11.5562 2.44378C11.3921 2.27969 11.1696 2.1875 10.9375 2.1875H9.625V1.75C9.625 1.51794 9.53281 1.29538 9.36872 1.13128C9.20462 0.967187 8.98206 0.875 8.75 0.875H5.25C5.01794 0.875 4.79538 0.967187 4.63128 1.13128C4.46719 1.29538 4.375 1.51794 4.375 1.75V2.1875H3.0625C2.83044 2.1875 2.60788 2.27969 2.44378 2.44378C2.27969 2.60788 2.1875 2.83044 2.1875 3.0625V12.25C2.1875 12.4821 2.27969 12.7046 2.44378 12.8687C2.60788 13.0328 2.83044 13.125 3.0625 13.125H5.25V12.25ZM5.25 1.75H8.75V3.5H5.25V1.75Z"
-      fill="#3B3C45"
-    />
-  </svg>
-);
-
-export const TaskViewIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/TaskViewIcon/TaskViewIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/ThumbDownFilledIcon/ThumbDownFilledIcon.tsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => {
-  const { color, ...restProps } = props;
-
-  return (
-    <svg
-      width="14"
-      height="14"
-      viewBox="0 0 14 14"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...restProps}
-    >
-      <path
-        d="M3.0625 0.875H0.875V7H3.0625V0.875Z"
-        fill={getCssColorVariable(color) || '#DCDDE5'}
-      />
-      <path
-        d="M10.0625 0.875H3.9375V7.35118L5.26846 9.34771L5.63828 11.9362C5.66886 12.1443 5.77308 12.3346 5.932 12.4725C6.09092 12.6103 6.29402 12.6866 6.5044 12.6875H6.5625C6.91048 12.6871 7.2441 12.5487 7.49016 12.3027C7.73621 12.0566 7.87462 11.723 7.875 11.375V8.75H11.375C11.839 8.74948 12.2838 8.56494 12.6119 8.23686C12.9399 7.90879 13.1245 7.46397 13.125 7V3.9375C13.1241 3.12555 12.8012 2.34712 12.227 1.77298C11.6529 1.19885 10.8744 0.875903 10.0625 0.875Z"
-        fill={getCssColorVariable(color) || '#DCDDE5'}
-      />
-    </svg>
-  );
-};
-
-export const ThumbDownFilledIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/ThumbDownFilledIcon/ThumbDownFilledIcon',
-})`
-  height: ${({ size }) => size || '14px'};
-  width: ${({ size }) => size || '14px'};
-  color: ${({ color }) => color && getCssColorVariable(color)};
-`;

package/src/icons/ThumbDownIcon/ThumbDownIcon.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-const Icon = (props: IconProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="14"
-    height="14"
-    viewBox="0 0 14 14"
-    fill="none"
-    {...props}
-  >
-    <path
-      d="M12.8422 6.66036C12.8984 6.47286 12.9266 6.27911 12.9266 6.08224C12.9266 5.64005 12.7812 5.21505 12.5188 4.86818C12.575 4.68068 12.6031 4.48693 12.6031 4.29005C12.6031 3.84786 12.4578 3.42286 12.1953 3.07599C12.2516 2.88849 12.2797 2.69474 12.2797 2.49786C12.2797 1.69161 11.8 0.965052 11.0562 0.647865C10.9255 0.591503 10.7845 0.562777 10.6422 0.56349H1.25C0.973437 0.56349 0.75 0.786927 0.75 1.06349V6.75099C0.75 7.02755 0.973437 7.25099 1.25 7.25099H3.27031L4.61094 12.1072C4.82656 12.8901 5.54531 13.4369 6.35781 13.4369C6.82188 13.4369 7.25469 13.2526 7.575 12.9151C7.89531 12.5791 8.05937 12.1385 8.03594 11.6744L7.94219 9.75411H11.6906C11.8797 9.75411 12.0641 9.70411 12.2266 9.6088C12.8578 9.24161 13.25 8.57599 13.25 7.87443C13.25 7.43224 13.1047 7.00724 12.8422 6.66036ZM1.875 6.12443V1.68693H3.14062V6.12443H1.875ZM11.675 8.63068H6.7625L6.9125 11.7307C6.92188 11.9166 6.83906 12.0916 6.68437 12.2072C6.58906 12.2776 6.47188 12.3135 6.35469 12.3119C6.20497 12.3105 6.05977 12.2605 5.94087 12.1695C5.82198 12.0785 5.73581 11.9514 5.69531 11.8072L4.14062 6.17443V1.68693H10.6313C10.7874 1.75692 10.9201 1.87054 11.0132 2.01413C11.1063 2.15772 11.156 2.32515 11.1562 2.4963C11.1562 2.64786 11.1203 2.79161 11.0484 2.92286L10.8313 3.31974L11.1734 3.61661C11.2698 3.70003 11.347 3.80322 11.3998 3.91917C11.4527 4.03511 11.4799 4.16107 11.4797 4.28849C11.4797 4.44005 11.4437 4.5838 11.3719 4.71505L11.1547 5.11193L11.4969 5.4088C11.5932 5.49222 11.6704 5.59541 11.7232 5.71135C11.7761 5.82729 11.8033 5.95326 11.8031 6.08068C11.8031 6.23224 11.7672 6.37599 11.6953 6.50724L11.4766 6.90568L11.8188 7.20255C11.9151 7.28597 11.9923 7.38916 12.0451 7.5051C12.098 7.62104 12.1252 7.74701 12.125 7.87443C12.125 8.17286 11.9531 8.46036 11.675 8.63068Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-
-export const ThumbDownIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/ThumbDownIcon/ThumbDownIcon',
-})``;

package/src/icons/ThumbUpFilledIcon/ThumbUpFilledIcon.tsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => {
-  const { color, ...restProps } = props;
-
-  return (
-    <svg
-      width="14"
-      height="14"
-      viewBox="0 0 14 14"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...restProps}
-    >
-      <path d="M3.0625 7H0.875V13.125H3.0625V7Z" fill={getCssColorVariable(color) || '#DCDDE5'} />
-      <path
-        d="M10.0625 13.125H3.9375V6.64882L5.26846 4.65229L5.63828 2.06382C5.66886 1.85567 5.77308 1.66539 5.932 1.52753C6.09092 1.38967 6.29402 1.31338 6.5044 1.3125H6.5625C6.91048 1.31288 7.2441 1.45129 7.49016 1.69734C7.73621 1.9434 7.87462 2.27702 7.875 2.625V5.25H11.375C11.839 5.25052 12.2838 5.43506 12.6119 5.76314C12.9399 6.09121 13.1245 6.53603 13.125 7V10.0625C13.1241 10.8744 12.8012 11.6529 12.227 12.227C11.6529 12.8012 10.8744 13.1241 10.0625 13.125Z"
-        fill={getCssColorVariable(color) || '#DCDDE5'}
-      />
-    </svg>
-  );
-};
-
-export const ThumbUpFilledIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/ThumbUpFilledIcon/ThumbUpFilledIcon',
-})`
-  height: ${({ size }) => size || '14px'};
-  width: ${({ size }) => size || '14px'};
-  color: ${({ color }) => color && getCssColorVariable(color)};
-`;

package/src/icons/ThumbUpIcon/ThumbUpIcon.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-const Icon = (props: IconProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="14"
-    height="14"
-    viewBox="0 0 14 14"
-    fill="none"
-    {...props}
-  >
-    <path
-      d="M12.8422 7.33966C13.1047 6.99279 13.25 6.56779 13.25 6.1256C13.25 5.42404 12.8578 4.75997 12.2266 4.38966C12.0641 4.29434 11.879 4.24417 11.6906 4.24435H7.94375L8.0375 2.32404C8.05938 1.85997 7.89531 1.41935 7.57656 1.08341C7.42013 0.917829 7.23141 0.786087 7.02206 0.696324C6.8127 0.606562 6.58716 0.560687 6.35938 0.561535C5.54688 0.561535 4.82812 1.10841 4.6125 1.89122L3.27031 6.7506H1.25C0.973437 6.7506 0.75 6.97404 0.75 7.2506V12.9381C0.75 13.2147 0.973437 13.4381 1.25 13.4381H10.6453C10.7891 13.4381 10.9297 13.41 11.0594 13.3537C11.8031 13.0365 12.2828 12.31 12.2828 11.5037C12.2828 11.3068 12.2547 11.1131 12.1984 10.9256C12.4609 10.5787 12.6062 10.1537 12.6062 9.71154C12.6062 9.51466 12.5781 9.32091 12.5219 9.13341C12.7844 8.78654 12.9297 8.36154 12.9297 7.91935C12.9266 7.72247 12.8984 7.52716 12.8422 7.33966ZM1.875 12.3131V7.8756H3.14062V12.3131H1.875ZM11.8188 6.79747L11.4766 7.09435L11.6938 7.49122C11.7653 7.62196 11.8024 7.76875 11.8016 7.91779C11.8016 8.1756 11.6891 8.42091 11.4953 8.58966L11.1531 8.88654L11.3703 9.28341C11.4419 9.41414 11.479 9.56094 11.4781 9.70997C11.4781 9.96779 11.3656 10.2131 11.1719 10.3818L10.8297 10.6787L11.0469 11.0756C11.1184 11.2063 11.1555 11.3531 11.1547 11.5022C11.1547 11.8522 10.9484 12.1678 10.6297 12.3115H4.14062V7.8256L5.69531 2.19279C5.7354 2.04841 5.82146 1.92104 5.94044 1.82997C6.05943 1.7389 6.20485 1.68909 6.35469 1.6881C6.47344 1.6881 6.59062 1.72247 6.68437 1.79279C6.83906 1.90841 6.92188 2.08341 6.9125 2.26935L6.7625 5.36935H11.675C11.9531 5.53966 12.125 5.82716 12.125 6.1256C12.125 6.38341 12.0125 6.62716 11.8188 6.79747Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-
-export const ThumbUpIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/ThumbUpIcon/ThumbUpIcon',
-})``;

package/src/icons/TimeIcon/TimeIcon.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M8 15C6.61553 15 5.26216 14.5895 4.11101 13.8203C2.95987 13.0511 2.06266 11.9579 1.53285 10.6788C1.00303 9.3997 0.86441 7.99224 1.13451 6.63437C1.4046 5.2765 2.07129 4.02922 3.05026 3.05026C4.02922 2.07129 5.2765 1.4046 6.63437 1.13451C7.99224 0.86441 9.3997 1.00303 10.6788 1.53285C11.9579 2.06266 13.0511 2.95987 13.8203 4.11101C14.5895 5.26216 15 6.61553 15 8C15 9.85652 14.2625 11.637 12.9497 12.9497C11.637 14.2625 9.85652 15 8 15ZM8 2C6.81332 2 5.65328 2.3519 4.66658 3.01119C3.67989 3.67047 2.91085 4.60755 2.45673 5.7039C2.0026 6.80026 1.88378 8.00666 2.11529 9.17054C2.3468 10.3344 2.91825 11.4035 3.75736 12.2426C4.59648 13.0818 5.66558 13.6532 6.82946 13.8847C7.99335 14.1162 9.19975 13.9974 10.2961 13.5433C11.3925 13.0892 12.3295 12.3201 12.9888 11.3334C13.6481 10.3467 14 9.18669 14 8C14 6.4087 13.3679 4.88258 12.2426 3.75736C11.1174 2.63214 9.5913 2 8 2Z" />
-    <path d="M10.295 11L7.5 8.205V3.5H8.5V7.79L11 10.295L10.295 11Z" />
-  </svg>
-);
-
-export const TimeIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/TimeIcon/TimeIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/TrashCanIcon/TrashCanIcon.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M7 6H6V12H7V6Z" />
-    <path d="M10 6H9V12H10V6Z" />
-    <path d="M2 3V4H3V14C3 14.2652 3.10536 14.5196 3.29289 14.7071C3.48043 14.8946 3.73478 15 4 15H12C12.2652 15 12.5196 14.8946 12.7071 14.7071C12.8946 14.5196 13 14.2652 13 14V4H14V3H2ZM4 14V4H12V14H4Z" />
-    <path d="M10 1H6V2H10V1Z" />
-  </svg>
-);
-
-export const TrashCanIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/TrashCanIcon/TrashCanIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-  cursor: pointer;
-`;

package/src/icons/UserIcon/UserIcon.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      d="M8 2C8.49445 2 8.9778 2.14662 9.38893 2.42133C9.80005 2.69603 10.1205 3.08648 10.3097 3.54329C10.4989 4.00011 10.5484 4.50277 10.452 4.98773C10.3555 5.47268 10.1174 5.91814 9.76777 6.26777C9.41814 6.6174 8.97268 6.8555 8.48773 6.95196C8.00277 7.04843 7.50011 6.99892 7.04329 6.8097C6.58648 6.62048 6.19603 6.30005 5.92133 5.88893C5.64662 5.4778 5.5 4.99445 5.5 4.5C5.5 3.83696 5.76339 3.20107 6.23223 2.73223C6.70107 2.26339 7.33696 2 8 2ZM8 1C7.30777 1 6.63108 1.20527 6.0555 1.58986C5.47993 1.97444 5.03133 2.52107 4.76642 3.16061C4.50152 3.80015 4.4322 4.50388 4.56725 5.18282C4.7023 5.86175 5.03564 6.48539 5.52513 6.97487C6.01461 7.46436 6.63825 7.7977 7.31718 7.93275C7.99612 8.0678 8.69985 7.99849 9.33939 7.73358C9.97893 7.46867 10.5256 7.02007 10.9101 6.4445C11.2947 5.86892 11.5 5.19223 11.5 4.5C11.5 3.57174 11.1313 2.6815 10.4749 2.02513C9.8185 1.36875 8.92826 1 8 1Z"
-      fill="#1A1C21"
-    />
-    <path
-      d="M13 15H12V12.5C12 12.1717 11.9353 11.8466 11.8097 11.5433C11.6841 11.24 11.4999 10.9644 11.2678 10.7322C11.0356 10.5001 10.76 10.3159 10.4567 10.1903C10.1534 10.0647 9.8283 10 9.5 10H6.5C5.83696 10 5.20107 10.2634 4.73223 10.7322C4.26339 11.2011 4 11.837 4 12.5V15H3V12.5C3 11.5717 3.36875 10.6815 4.02513 10.0251C4.6815 9.36875 5.57174 9 6.5 9H9.5C10.4283 9 11.3185 9.36875 11.9749 10.0251C12.6313 10.6815 13 11.5717 13 12.5V15Z"
-      fill="#1A1C21"
-    />
-  </svg>
-);
-
-export const UserIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/UserIcon/UserIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/VSCodeIcon/VSCodeIcon.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-const Icon = (props: IconProps) => (
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 100 100"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      clipRule="evenodd"
-      d="m70.9119 99.3171c1.575.6136 3.3709.5743 4.9606-.1907l20.5883-9.9067c2.1634-1.041 3.5392-3.2305 3.5392-5.6325v-67.1739c0-2.402-1.3757-4.5915-3.5391-5.6325l-20.5884-9.907044c-2.0863-1.003885-4.5279-.757996-6.359.573194-.2615.19016-.5107.40248-.7445.63646l-39.4139 35.95809-17.1679-13.0319c-1.5982-1.2131-3.83357-1.1137-5.31787.2365l-5.5063 5.0088c-1.815582 1.6515-1.817663 4.5078-.0045 6.1621l14.88857 13.5831-14.88857 13.5831c-1.813163 1.6542-1.811082 4.5106.0045 6.1621l5.5063 5.0088c1.4843 1.3502 3.71967 1.4496 5.31787.2364l17.1679-13.0318 39.4139 35.958c.6235.6239 1.3556 1.0937 2.1429 1.4004zm4.1033-72.0182-29.9061 22.7012 29.9061 22.7011z"
-      fill="currentColor"
-      fillRule="evenodd"
-    />
-  </svg>
-);
-
-export const VSCodeIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/VSCodeIcon/VSCodeIcon',
-})`
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/ValueVariableIcon/ValueVariableIcon.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M4.14282 2C2.95936 2 1.99997 2.95939 1.99997 4.14286V6.61312C1.99997 7.03547 1.7628 7.42181 1.38676 7.61313C1.24248 7.68211 1.14282 7.82942 1.14282 8C1.14282 8.17057 1.24248 8.31791 1.38676 8.38683C1.7628 8.57814 1.99997 8.96454 1.99997 9.38686V11.8571C1.99997 13.0406 2.95936 14 4.14282 14C4.37951 14 4.57139 13.8081 4.57139 13.5714C4.57139 13.3348 4.37951 13.1429 4.14282 13.1429C3.43274 13.1429 2.85711 12.5672 2.85711 11.8571V9.38686C2.85711 8.85963 2.64758 8.3642 2.28997 8C2.64759 7.63581 2.85711 7.14037 2.85711 6.61312V4.14286C2.85711 3.43277 3.43274 2.85714 4.14282 2.85714C4.37951 2.85714 4.57139 2.66526 4.57139 2.42857C4.57139 2.19188 4.37951 2 4.14282 2ZM11.8571 2C13.0406 2 14 2.95939 14 4.14286V6.61312C14 7.03547 14.2371 7.42181 14.6132 7.61313C14.7574 7.68211 14.8571 7.82942 14.8571 8C14.8571 8.17057 14.7574 8.31791 14.6132 8.38683C14.2371 8.57814 14 8.96454 14 9.38686V11.8571C14 13.0406 13.0406 14 11.8571 14C11.6205 14 11.4285 13.8081 11.4285 13.5714C11.4285 13.3348 11.6205 13.1429 11.8571 13.1429C12.5672 13.1429 13.1428 12.5672 13.1428 11.8571V9.38686C13.1428 8.85963 13.3523 8.3642 13.71 8C13.3523 7.63581 13.1428 7.14037 13.1428 6.61312V4.14286C13.1428 3.43277 12.5672 2.85714 11.8571 2.85714C11.6205 2.85714 11.4285 2.66526 11.4285 2.42857C11.4285 2.19188 11.6205 2 11.8571 2Z" />
-    <path d="M5.14282 10.4507C5.14011 10.3693 5.15893 10.2886 5.1974 10.2167C5.23586 10.1449 5.2926 10.0845 5.36188 10.0416C5.43116 9.99875 5.51053 9.97491 5.59197 9.97253C5.67341 9.97015 5.75404 9.98931 5.82571 10.0281C5.8925 10.0638 5.95238 10.1029 6.00651 10.1455C6.06063 10.187 6.10785 10.2261 6.15046 10.2618C6.1872 10.2958 6.23516 10.3151 6.28519 10.316C6.34507 10.316 6.42338 10.2699 6.51896 10.1812C6.61454 10.0914 6.72049 9.97164 6.83334 9.82078C6.9485 9.67107 7.06481 9.51216 7.18458 9.34403C7.30434 9.17589 7.41489 9.00546 7.51854 8.83157L7.77879 8.38245C7.85019 8.25578 7.90201 8.15329 7.93195 8.07613C7.88445 7.87411 7.83339 7.67293 7.77879 7.4727C7.72422 7.27286 7.67316 7.07207 7.62563 6.87043C7.58427 6.70554 7.53312 6.54327 7.47247 6.38446C7.42248 6.25257 7.34957 6.13054 7.25713 6.02401C7.17471 5.92766 7.06937 5.85361 6.95081 5.80867C6.81131 5.76185 6.66596 5.73472 6.51896 5.72806C6.39217 5.72715 6.26562 5.73911 6.14124 5.76376V5.5392L7.79492 5.24209C8.02286 5.48841 8.2029 5.77506 8.3258 6.08735C8.38568 6.23706 8.4375 6.39022 8.47896 6.54683C8.52156 6.7023 8.56648 6.87273 8.61369 7.05929C8.70351 6.92685 8.81522 6.75988 8.94765 6.55489C9.08551 6.34321 9.2387 6.14191 9.40598 5.95262C9.57872 5.75454 9.76297 5.58987 9.95413 5.45743C10.1314 5.33112 10.3403 5.25657 10.5576 5.24209C10.7073 5.24209 10.842 5.28124 10.9618 5.3584C11.0827 5.43671 11.1426 5.55993 11.1426 5.72691C11.1426 6.05165 10.9802 6.21402 10.6566 6.21402C10.5403 6.21531 10.4255 6.1876 10.3226 6.13341C10.2205 6.0792 10.1066 6.05111 9.99098 6.05165C9.87583 6.05165 9.75721 6.10923 9.63054 6.22209C9.49724 6.34457 9.37684 6.4804 9.27124 6.62744C9.07212 6.90042 8.88575 7.18248 8.71273 7.4727L9.22633 9.60543C9.24678 9.74114 9.28272 9.87406 9.33343 10.0016C9.35969 10.0722 9.39617 10.1385 9.44168 10.1985C9.45808 10.2228 9.47933 10.2434 9.50411 10.2591C9.52889 10.2747 9.55665 10.2851 9.58563 10.2895C9.67502 10.2828 9.76005 10.2482 9.82861 10.1904C10.0197 10.0357 10.1867 9.8533 10.3238 9.64919C10.3837 9.56052 10.4309 9.47646 10.4677 9.39815L10.6831 9.5064C10.6142 9.65578 10.5296 9.79744 10.4309 9.92903C10.3081 10.1006 10.173 10.263 10.0267 10.415C9.8822 10.5655 9.72585 10.7041 9.55914 10.8296C9.39677 10.9493 9.24936 11.0058 9.11808 11C8.99903 11.0045 8.88293 10.9624 8.79449 10.8825C8.70702 10.8011 8.62828 10.7108 8.55957 10.6131C8.49245 10.4815 8.44142 10.3423 8.40756 10.1985C8.35614 10.0054 8.31082 9.81064 8.27167 9.61465C8.23128 9.41074 8.19251 9.20652 8.15536 9.00201C8.12866 8.83936 8.08624 8.6797 8.02869 8.52525L7.79492 8.95709C7.69785 9.13721 7.59018 9.31141 7.47247 9.47876C7.3458 9.65956 7.21682 9.84266 7.08439 10.0281C6.95957 10.2061 6.81467 10.3692 6.65255 10.514C6.49708 10.6522 6.34738 10.7685 6.20343 10.8653C6.06911 10.9583 5.90839 11.0055 5.7451 11C5.5928 11.0015 5.44525 10.947 5.33053 10.8468C5.27243 10.7983 5.22556 10.7378 5.19315 10.6694C5.16074 10.601 5.14357 10.5264 5.14282 10.4507Z" />
-  </svg>
-);
-
-export const ValueVariableIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/ValueVariableIcon/ValueVariableIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/VerticalViewIcon/VerticalViewIcon.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M6 15H2C1.73487 14.9997 1.48068 14.8943 1.2932 14.7068C1.10572 14.5193 1.00028 14.2651 1 14V2C1.00028 1.73487 1.10572 1.48068 1.2932 1.2932C1.48068 1.10572 1.73487 1.00028 2 1H6C6.26513 1.00028 6.51932 1.10572 6.7068 1.2932C6.89428 1.48068 6.99972 1.73487 7 2V14C6.99972 14.2651 6.89428 14.5193 6.7068 14.7068C6.51932 14.8943 6.26513 14.9997 6 15ZM2 2V14H6V2H2Z" />
-    <path d="M14 15H10C9.73487 14.9997 9.48068 14.8943 9.2932 14.7068C9.10572 14.5193 9.00028 14.2651 9 14V2C9.00028 1.73487 9.10572 1.48068 9.2932 1.2932C9.48068 1.10572 9.73487 1.00028 10 1H14C14.2651 1.00028 14.5193 1.10572 14.7068 1.2932C14.8943 1.48068 14.9997 1.73487 15 2V14C14.9997 14.2651 14.8943 14.5193 14.7068 14.7068C14.5193 14.8943 14.2651 14.9997 14 15ZM10 2V14H14V2H10Z" />
-  </svg>
-);
-
-export const VerticalViewIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/VerticalViewIcon/VerticalViewIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/ViewIcon/ViewIcon.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M15.47 7.83C14.8819 6.30882 13.861 4.99331 12.5334 4.04604C11.2058 3.09878 9.62971 2.56129 7.99997 2.5C6.37023 2.56129 4.79416 3.09878 3.46657 4.04604C2.13898 4.99331 1.11805 6.30882 0.52997 7.83C0.490254 7.93985 0.490254 8.06015 0.52997 8.17C1.11805 9.69118 2.13898 11.0067 3.46657 11.954C4.79416 12.9012 6.37023 13.4387 7.99997 13.5C9.62971 13.4387 11.2058 12.9012 12.5334 11.954C13.861 11.0067 14.8819 9.69118 15.47 8.17C15.5097 8.06015 15.5097 7.93985 15.47 7.83ZM7.99997 12.5C5.34997 12.5 2.54997 10.535 1.53497 8C2.54997 5.465 5.34997 3.5 7.99997 3.5C10.65 3.5 13.45 5.465 14.465 8C13.45 10.535 10.65 12.5 7.99997 12.5Z" />
-    <path d="M7.99997 5C7.40663 5 6.82661 5.17595 6.33326 5.50559C5.83991 5.83524 5.45539 6.30377 5.22833 6.85195C5.00127 7.40013 4.94186 8.00333 5.05761 8.58527C5.17337 9.16721 5.45909 9.70176 5.87865 10.1213C6.29821 10.5409 6.83276 10.8266 7.4147 10.9424C7.99664 11.0581 8.59984 10.9987 9.14802 10.7716C9.6962 10.5446 10.1647 10.1601 10.4944 9.66671C10.824 9.17336 11 8.59334 11 8C11 7.20435 10.6839 6.44129 10.1213 5.87868C9.55868 5.31607 8.79562 5 7.99997 5ZM7.99997 10C7.60441 10 7.21773 9.8827 6.88883 9.66294C6.55993 9.44318 6.30359 9.13082 6.15221 8.76537C6.00084 8.39991 5.96123 7.99778 6.0384 7.60982C6.11557 7.22186 6.30605 6.86549 6.58576 6.58579C6.86546 6.30608 7.22183 6.1156 7.60979 6.03843C7.99775 5.96126 8.39988 6.00087 8.76534 6.15224C9.13079 6.30362 9.44315 6.55996 9.66291 6.88886C9.88267 7.21776 9.99997 7.60444 9.99997 8C9.99997 8.53043 9.78926 9.03914 9.41418 9.41421C9.03911 9.78929 8.5304 10 7.99997 10Z" />
-  </svg>
-);
-
-export const ViewIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/ViewIcon/ViewIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/ViewOffIcon/ViewOffIcon.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M2.62 11.255L3.335 10.545C2.55211 9.84206 1.93699 8.97234 1.535 8C2.55 5.465 5.35 3.5 8 3.5C8.68195 3.509 9.35772 3.63064 10 3.86L10.775 3.08C9.89633 2.70866 8.95385 2.51167 8 2.5C6.37026 2.56129 4.79419 3.09878 3.4666 4.04604C2.13901 4.99331 1.11808 6.30882 0.530001 7.83C0.490285 7.93985 0.490285 8.06015 0.530001 8.17C0.974124 9.34851 1.69021 10.4055 2.62 11.255Z" />
-    <path d="M6 7.865C6.03477 7.38586 6.24085 6.93524 6.58054 6.59554C6.92024 6.25584 7.37086 6.04977 7.85 6.015L8.755 5.105C8.24788 4.97147 7.71462 4.97321 7.20838 5.11003C6.70214 5.24685 6.24061 5.51399 5.8698 5.8848C5.49899 6.25561 5.23186 6.71714 5.09503 7.22338C4.95821 7.72962 4.95647 8.26288 5.09 8.77L6 7.865Z" />
-    <path d="M15.47 7.83C14.8967 6.3366 13.899 5.04351 12.6 4.11L15 1.705L14.295 1L1 14.295L1.705 15L4.255 12.45C5.39194 13.117 6.68202 13.4787 8 13.5C9.62974 13.4387 11.2058 12.9012 12.5334 11.954C13.861 11.0067 14.8819 9.69118 15.47 8.17C15.5097 8.06015 15.5097 7.93985 15.47 7.83ZM10 8C9.9979 8.35005 9.90395 8.69342 9.72755 8.99578C9.55116 9.29815 9.29849 9.54892 8.99481 9.72303C8.69112 9.89714 8.34705 9.9885 7.997 9.98797C7.64694 9.98744 7.30316 9.89503 7 9.72L9.72 7C9.89975 7.30287 9.99634 7.64783 10 8ZM8 12.5C6.95103 12.4817 5.92195 12.2107 5 11.71L6.27 10.44C6.84767 10.8408 7.54777 11.026 8.24807 10.9632C8.94836 10.9005 9.60437 10.5937 10.1015 10.0965C10.5987 9.59937 10.9055 8.94336 10.9682 8.24307C11.031 7.54277 10.8458 6.84267 10.445 6.265L11.88 4.83C13.0273 5.61749 13.9245 6.71771 14.465 8C13.45 10.535 10.65 12.5 8 12.5Z" />
-  </svg>
-);
-
-export const ViewOffIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/ViewOffIcon/ViewOffIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/WarningAltFilled/WarningAltFilled.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M8.001 3.08571H7.999L2.32435 13.9983L2.3253 14H13.6747L13.6757 13.9983L8.001 3.08571ZM7.4375 6.00001H8.5625V10.5H7.4375V6.00001ZM8 13C7.85167 13 7.70666 12.956 7.58333 12.8736C7.45999 12.7912 7.36386 12.6741 7.30709 12.537C7.25033 12.4 7.23548 12.2492 7.26441 12.1037C7.29335 11.9582 7.36478 11.8246 7.46967 11.7197C7.57456 11.6148 7.7082 11.5434 7.85369 11.5144C7.99917 11.4855 8.14997 11.5003 8.28702 11.5571C8.42406 11.6139 8.54119 11.71 8.62361 11.8333C8.70602 11.9567 8.75 12.1017 8.75 12.25C8.75 12.4489 8.67099 12.6397 8.53033 12.7803C8.38968 12.921 8.19892 13 8 13Z" />
-    <path d="M14.5 15H1.5C1.4141 15 1.32965 14.9779 1.25478 14.9357C1.17992 14.8936 1.11718 14.8329 1.0726 14.7595C1.02802 14.686 1.00311 14.6024 1.00027 14.5165C0.997436 14.4307 1.01677 14.3455 1.0564 14.2693L7.5564 1.76931C7.59862 1.68812 7.66231 1.62008 7.74053 1.5726C7.81875 1.52511 7.9085 1.5 8 1.5C8.09151 1.5 8.18126 1.52511 8.25948 1.5726C8.3377 1.62008 8.40138 1.68812 8.4436 1.76931L14.9436 14.2693C14.9832 14.3455 15.0026 14.4307 14.9997 14.5165C14.9969 14.6024 14.972 14.686 14.9274 14.7595C14.8828 14.8329 14.8201 14.8936 14.7452 14.9357C14.6704 14.9779 14.5859 15 14.5 15ZM2.3253 14H13.6747L13.6757 13.9983L8.001 3.08571H7.999L2.32435 13.9983L2.3253 14Z" />
-  </svg>
-);
-
-export const WarningAltFilled = styled(Icon).attrs({
-  'data-component-name': 'icons/WarningAltFilled/WarningAltFilled',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/WarningAltFilledIcon/WarningAltFilledIcon.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M8.001 2.83571H7.999L2.32435 13.7483L2.3253 13.75H13.6747L13.6757 13.7483L8.001 2.83571ZM7.4375 5.75001H8.5625V10.25H7.4375V5.75001ZM8 12.75C7.85167 12.75 7.70666 12.706 7.58333 12.6236C7.45999 12.5412 7.36386 12.4241 7.30709 12.287C7.25033 12.15 7.23548 11.9992 7.26441 11.8537C7.29335 11.7082 7.36478 11.5746 7.46967 11.4697C7.57456 11.3648 7.7082 11.2934 7.85369 11.2644C7.99917 11.2355 8.14997 11.2503 8.28702 11.3071C8.42406 11.3639 8.54119 11.46 8.62361 11.5833C8.70602 11.7067 8.75 11.8517 8.75 12C8.75 12.1989 8.67099 12.3897 8.53033 12.5303C8.38968 12.671 8.19892 12.75 8 12.75Z" />
-    <path d="M14.5 14.75H1.5C1.4141 14.75 1.32965 14.7279 1.25478 14.6857C1.17992 14.6436 1.11718 14.5829 1.0726 14.5095C1.02802 14.436 1.00311 14.3524 1.00027 14.2665C0.997436 14.1807 1.01677 14.0955 1.0564 14.0193L7.5564 1.51931C7.59862 1.43812 7.66231 1.37008 7.74053 1.3226C7.81875 1.27511 7.9085 1.25 8 1.25C8.09151 1.25 8.18126 1.27511 8.25948 1.3226C8.3377 1.37008 8.40138 1.43812 8.4436 1.51931L14.9436 14.0193C14.9832 14.0955 15.0026 14.1807 14.9997 14.2665C14.9969 14.3524 14.972 14.436 14.9274 14.5095C14.8828 14.5829 14.8201 14.6436 14.7452 14.6857C14.6704 14.7279 14.5859 14.75 14.5 14.75ZM2.3253 13.75H13.6747L13.6757 13.7483L8.001 2.83571H7.999L2.32435 13.7483L2.3253 13.75Z" />
-  </svg>
-);
-
-export const WarningAltFilledIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/WarningAltFilledIcon/WarningAltFilledIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/WarningAltIcon/WarningAltIcon.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M8 11.5C7.85167 11.5 7.70666 11.544 7.58333 11.6264C7.45999 11.7088 7.36386 11.826 7.30709 11.963C7.25033 12.1 7.23548 12.2508 7.26441 12.3963C7.29335 12.5418 7.36478 12.6754 7.46967 12.7803C7.57456 12.8852 7.7082 12.9567 7.85369 12.9856C7.99917 13.0145 8.14997 12.9997 8.28702 12.9429C8.42406 12.8862 8.54119 12.79 8.62361 12.6667C8.70602 12.5433 8.75 12.3983 8.75 12.25C8.75 12.0511 8.67099 11.8603 8.53033 11.7197C8.38968 11.579 8.19892 11.5 8 11.5Z" />
-    <path d="M8.5 6.00001H7.5V10.5H8.5V6.00001Z" />
-    <path d="M14.5 15H1.5C1.4141 15 1.32965 14.9779 1.25478 14.9357C1.17992 14.8936 1.11718 14.8329 1.0726 14.7595C1.02802 14.686 1.00311 14.6024 1.00027 14.5165C0.997436 14.4307 1.01677 14.3455 1.0564 14.2693L7.5564 1.76931C7.59862 1.68812 7.66231 1.62008 7.74053 1.5726C7.81875 1.52511 7.9085 1.5 8 1.5C8.09151 1.5 8.18126 1.52511 8.25948 1.5726C8.3377 1.62008 8.40138 1.68812 8.4436 1.76931L14.9436 14.2693C14.9832 14.3455 15.0026 14.4307 14.9997 14.5165C14.9969 14.6024 14.972 14.686 14.9274 14.7595C14.8828 14.8329 14.8201 14.8936 14.7452 14.9357C14.6704 14.9779 14.5859 15 14.5 15ZM2.32535 14H13.6747L13.6757 13.9984L8.001 3.08571H7.999L2.32435 13.9984L2.32535 14Z" />
-  </svg>
-);
-
-export const WarningAltIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/WarningAltIcon/WarningAltIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/WarningCycleIcon/WarningCycleIcon.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg
-    width="18"
-    height="18"
-    viewBox="0 0 18 18"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path d="M9 1.125C7.44248 1.125 5.91992 1.58686 4.62489 2.45218C3.32985 3.31749 2.32049 4.5474 1.72445 5.98637C1.12841 7.42534 0.972461 9.00874 1.27632 10.5363C1.58018 12.0639 2.3302 13.4671 3.43154 14.5685C4.53288 15.6698 5.93607 16.4198 7.46367 16.7237C8.99127 17.0275 10.5747 16.8716 12.0136 16.2756C13.4526 15.6795 14.6825 14.6702 15.5478 13.3751C16.4131 12.0801 16.875 10.5575 16.875 9C16.875 6.91142 16.0453 4.90838 14.5685 3.43153C13.0916 1.95469 11.0886 1.125 9 1.125ZM9 15.75C7.66498 15.75 6.35994 15.3541 5.2499 14.6124C4.13987 13.8707 3.27471 12.8165 2.76382 11.5831C2.25293 10.3497 2.11925 8.99251 2.3797 7.68314C2.64015 6.37377 3.28303 5.17103 4.22703 4.22703C5.17104 3.28302 6.37377 2.64015 7.68314 2.3797C8.99252 2.11925 10.3497 2.25292 11.5831 2.76381C12.8165 3.2747 13.8707 4.13987 14.6124 5.2499C15.3541 6.35993 15.75 7.66498 15.75 9C15.75 10.7902 15.0388 12.5071 13.773 13.773C12.5071 15.0388 10.7902 15.75 9 15.75Z" />
-    <path d="M9.5625 4.5H8.4375V10.6875H9.5625V4.5Z" />
-    <path d="M9 12.375C8.83313 12.375 8.67 12.4245 8.53124 12.5172C8.39249 12.6099 8.28434 12.7417 8.22048 12.8959C8.15662 13.05 8.13991 13.2197 8.17247 13.3834C8.20502 13.547 8.28538 13.6974 8.40338 13.8154C8.52138 13.9334 8.67172 14.0137 8.8354 14.0463C8.99907 14.0788 9.16872 14.0621 9.32289 13.9983C9.47707 13.9344 9.60884 13.8263 9.70156 13.6875C9.79427 13.5488 9.84375 13.3856 9.84375 13.2188C9.84375 12.995 9.75486 12.7804 9.59662 12.6221C9.43839 12.4639 9.22378 12.375 9 12.375Z" />
-  </svg>
-);
-
-export const WarningCycleIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/WarningCycleIcon/WarningCycleIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/WarningFilledIcon/WarningFilledIcon.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M8 1C4.15 1 1 4.15 1 8C1 11.85 4.15 15 8 15C11.85 15 15 11.85 15 8C15 4.15 11.85 1 8 1ZM7.45 4H8.55V9.5H7.45V4ZM8 12.5C7.6 12.5 7.25 12.15 7.25 11.75C7.25 11.35 7.6 11 8 11C8.4 11 8.75 11.35 8.75 11.75C8.75 12.15 8.4 12.5 8 12.5Z" />
-  </svg>
-);
-
-export const WarningFilledIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/WarningFilledIcon/WarningFilledIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/WarningSquareIcon/WarningSquareIcon.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M8 10C7.85166 10 7.70666 10.044 7.58332 10.1264C7.45999 10.2088 7.36386 10.3259 7.30709 10.463C7.25032 10.6 7.23547 10.7508 7.26441 10.8963C7.29335 11.0418 7.36478 11.1754 7.46967 11.2803C7.57456 11.3852 7.7082 11.4566 7.85368 11.4856C7.99917 11.5145 8.14997 11.4997 8.28701 11.4429C8.42406 11.3861 8.54119 11.29 8.6236 11.1667C8.70601 11.0433 8.75 10.8983 8.75 10.75C8.75 10.5511 8.67098 10.3603 8.53033 10.2197C8.38968 10.079 8.19891 10 8 10Z" />
-    <path d="M8.5 4.5H7.5V9H8.5V4.5Z" />
-    <path d="M13 14H3C2.73488 13.9997 2.4807 13.8942 2.29323 13.7068C2.10576 13.5193 2.0003 13.2651 2 13V3C2.0003 2.73488 2.10576 2.4807 2.29323 2.29323C2.4807 2.10576 2.73488 2.0003 3 2H13C13.2651 2.0003 13.5193 2.10576 13.7068 2.29323C13.8942 2.4807 13.9997 2.73488 14 3V13C13.9997 13.2651 13.8942 13.5193 13.7068 13.7068C13.5193 13.8942 13.2651 13.9997 13 14ZM3 3V13H13.0006L13 3H3Z" />
-  </svg>
-);
-
-export const WarningSquareIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/WarningSquareIcon/WarningSquareIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;