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

package/src/icons/SecurityIcon/SecurityIcon.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="M7 8.295L5.705 7L5 7.705L7 9.705L11 5.705L10.295 5L7 8.295Z" />
-    <path d="M8 15L4.9121 13.3535C4.03174 12.8852 3.29552 12.186 2.78248 11.3309C2.26944 10.4758 1.99893 9.49718 2 8.5V2C2.00028 1.73487 2.10573 1.48068 2.2932 1.2932C2.48068 1.10572 2.73487 1.00028 3 1H13C13.2651 1.00028 13.5193 1.10572 13.7068 1.2932C13.8943 1.48068 13.9997 1.73487 14 2V8.5C14.0011 9.49718 13.7306 10.4758 13.2175 11.3309C12.7045 12.186 11.9683 12.8852 11.0879 13.3535L8 15ZM3 2V8.5C2.99914 9.3159 3.22048 10.1166 3.64028 10.8163C4.06007 11.5159 4.66246 12.088 5.3828 12.4712L8 13.8666L10.6172 12.4712C11.3375 12.088 11.9399 11.5159 12.3597 10.8163C12.7795 10.1166 13.0009 9.3159 13 8.5V2H3Z" />
-  </svg>
-);
-
-export const SecurityIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/SecurityIcon/SecurityIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/SelectIcon/SelectIcon.tsx

@@ -1,36 +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
-    data-component-name="icons/SelectIcon"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path d="M10.5 3.64746H1.5V4.64746H10.5V3.64746Z" fill="currentColor" />
-    <path d="M10.5 6.64746H1.5V7.64746H10.5V6.64746Z" fill="currentColor" />
-    <path d="M7.5 9.64746H1.5V10.6475H7.5V9.64746Z" fill="currentColor" />
-    <path
-      d="M10.5 10.9425L9.205 9.64746L8.5 10.3525L10.5 12.3525L14.5 8.35246L13.795 7.64746L10.5 10.9425Z"
-      fill="currentColor"
-    />
-  </svg>
-);
-
-export const SelectIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/SelectIcon/SelectIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '1.3em'};
-  width: ${({ size }) => size || '1.3em'};
-  vertical-align: middle;
-`;

package/src/icons/SendIcon/SendIcon.tsx

@@ -1,33 +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="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      d="M13.0094 7.61066L3.38435 2.79816C3.30892 2.76043 3.22418 2.74532 3.14035 2.75463C3.05652 2.76394 2.97717 2.79729 2.91186 2.85066C2.84948 2.90294 2.80292 2.97158 2.77742 3.04886C2.75191 3.12615 2.74847 3.20902 2.76748 3.28816L3.92685 7.56253H8.87498V8.43753H3.92685L2.74998 12.6988C2.73214 12.7649 2.73006 12.8342 2.7439 12.9013C2.75774 12.9683 2.78712 13.0312 2.82968 13.0848C2.87223 13.1384 2.92677 13.1813 2.98891 13.21C3.05106 13.2387 3.11907 13.2524 3.18748 13.25C3.25597 13.2496 3.3234 13.2331 3.38435 13.2019L13.0094 8.38941C13.081 8.35269 13.1412 8.29692 13.1832 8.22821C13.2252 8.15951 13.2474 8.08055 13.2474 8.00003C13.2474 7.91951 13.2252 7.84056 13.1832 7.77185C13.1412 7.70315 13.081 7.64737 13.0094 7.61066Z"
-      fill="white"
-    />
-  </svg>
-);
-
-export const SendIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/SendIcon/SendIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/SettingsCogIcon/SettingsCogIcon.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) => {
-  return (
-    <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path
-        d="M13.5 8.38008C13.5 8.25508 13.5 8.13008 13.5 8.00008C13.5 7.87008 13.5 7.74508 13.5 7.61508L14.46 6.77508C14.637 6.61911 14.7531 6.40559 14.7879 6.17228C14.8226 5.93897 14.7738 5.70088 14.65 5.50008L13.47 3.50008C13.3823 3.34821 13.2562 3.22207 13.1044 3.13431C12.9526 3.04655 12.7804 3.00026 12.605 3.00008C12.4963 2.99925 12.3882 3.01614 12.285 3.05008L11.07 3.46008C10.8602 3.32068 10.6414 3.19541 10.415 3.08508L10.16 1.82508C10.1143 1.59488 9.98905 1.3881 9.80623 1.24093C9.62341 1.09376 9.39466 1.01558 9.16 1.02008H6.82C6.58535 1.01558 6.3566 1.09376 6.17378 1.24093C5.99096 1.3881 5.86573 1.59488 5.82 1.82508L5.565 3.08508C5.33697 3.19538 5.11649 3.32066 4.905 3.46008L3.715 3.03008C3.61065 3.00289 3.50259 2.99276 3.395 3.00008C3.21964 3.00026 3.04741 3.04655 2.89559 3.13431C2.74376 3.22207 2.61769 3.34821 2.53 3.50008L1.35 5.50008C1.2333 5.70058 1.18993 5.93541 1.22733 6.16436C1.26473 6.39332 1.38057 6.60214 1.555 6.75508L2.5 7.62008C2.5 7.74508 2.5 7.87008 2.5 8.00008C2.5 8.13008 2.5 8.25508 2.5 8.38508L1.555 9.22508C1.37564 9.37908 1.25663 9.59165 1.2191 9.82505C1.18158 10.0585 1.22795 10.2976 1.35 10.5001L2.53 12.5001C2.61769 12.6519 2.74376 12.7781 2.89559 12.8659C3.04741 12.9536 3.21964 12.9999 3.395 13.0001C3.50368 13.0009 3.61176 12.984 3.715 12.9501L4.93 12.5401C5.13977 12.6795 5.35859 12.8048 5.585 12.9151L5.84 14.1751C5.88573 14.4053 6.01096 14.6121 6.19378 14.7592C6.3766 14.9064 6.60535 14.9846 6.84 14.9801H9.2C9.43466 14.9846 9.66341 14.9064 9.84623 14.7592C10.029 14.6121 10.1543 14.4053 10.2 14.1751L10.455 12.9151C10.683 12.8048 10.9035 12.6795 11.115 12.5401L12.325 12.9501C12.4282 12.984 12.5363 13.0009 12.645 13.0001C12.8204 12.9999 12.9926 12.9536 13.1444 12.8659C13.2962 12.7781 13.4223 12.6519 13.51 12.5001L14.65 10.5001C14.7667 10.2996 14.8101 10.0648 14.7727 9.8358C14.7353 9.60685 14.6194 9.39802 14.445 9.24508L13.5 8.38008ZM12.605 12.0001L10.89 11.4201C10.4885 11.7601 10.0297 12.026 9.535 12.2051L9.18 14.0001H6.82L6.465 12.2251C5.97422 12.0409 5.51786 11.7755 5.115 11.4401L3.395 12.0001L2.215 10.0001L3.575 8.80008C3.48255 8.28251 3.48255 7.75265 3.575 7.23508L2.215 6.00008L3.395 4.00008L5.11 4.58008C5.51147 4.24003 5.97031 3.97421 6.465 3.79508L6.82 2.00008H9.18L9.535 3.77508C10.0258 3.95929 10.4821 4.22465 10.885 4.56008L12.605 4.00008L13.785 6.00008L12.425 7.20008C12.5175 7.71765 12.5175 8.24751 12.425 8.76508L13.785 10.0001L12.605 12.0001Z"
-        fill="#1A1C21"
-      />
-      <path
-        d="M8 11.0001C7.40666 11.0001 6.82664 10.8241 6.33329 10.4945C5.83995 10.1648 5.45543 9.69631 5.22837 9.14813C5.0013 8.59995 4.94189 7.99675 5.05765 7.41481C5.1734 6.83287 5.45913 6.29832 5.87868 5.87876C6.29824 5.4592 6.83279 5.17348 7.41473 5.05773C7.99668 4.94197 8.59988 5.00138 9.14805 5.22844C9.69623 5.45551 10.1648 5.84002 10.4944 6.33337C10.8241 6.82672 11 7.40674 11 8.00008C11.004 8.39516 10.9292 8.78707 10.7798 9.15286C10.6305 9.51865 10.4096 9.85096 10.1303 10.1303C9.85089 10.4097 9.51857 10.6305 9.15278 10.7799C8.787 10.9292 8.39508 11.0041 8 11.0001ZM8 6.00008C7.73568 5.99392 7.47285 6.04145 7.22741 6.13978C6.98198 6.23811 6.75904 6.3852 6.57208 6.57216C6.38512 6.75912 6.23803 6.98205 6.1397 7.22749C6.04137 7.47292 5.99385 7.73575 6 8.00008C5.99385 8.26441 6.04137 8.52724 6.1397 8.77267C6.23803 9.01811 6.38512 9.24105 6.57208 9.42801C6.75904 9.61496 6.98198 9.76206 7.22741 9.86039C7.47285 9.95872 7.73568 10.0062 8 10.0001C8.26433 10.0062 8.52716 9.95872 8.7726 9.86039C9.01803 9.76206 9.24097 9.61496 9.42793 9.42801C9.61489 9.24105 9.76198 9.01811 9.86031 8.77267C9.95864 8.52724 10.0062 8.26441 10 8.00008C10.0062 7.73575 9.95864 7.47292 9.86031 7.22749C9.76198 6.98205 9.61489 6.75912 9.42793 6.57216C9.24097 6.3852 9.01803 6.23811 8.7726 6.13978C8.52716 6.04145 8.26433 5.99392 8 6.00008Z"
-        fill="#1A1C21"
-      />
-    </svg>
-  );
-};
-
-export const SettingsCogIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/SettingsCogIcon/SettingsCogIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/SettingsIcon/SettingsIcon.tsx

@@ -1,48 +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 & { variant?: 'circle' | 'default' }) => {
-  const { variant, ...rest } = props;
-  return (
-    <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest}>
-      {variant === 'circle' ? (
-        <>
-          <path
-            d="M10.8116 7.33256C10.8116 7.22318 10.8116 7.11381 10.8116 7.00006C10.8116 6.88631 10.8116 6.77693 10.8116 6.66318L11.6516 5.92818C11.8064 5.7917 11.908 5.60488 11.9384 5.40073C11.9689 5.19658 11.9261 4.98825 11.8178 4.81256L10.7853 3.06256C10.7086 2.92967 10.5983 2.8193 10.4654 2.74251C10.3326 2.66572 10.1819 2.62521 10.0284 2.62506C9.93336 2.62433 9.83878 2.6391 9.74845 2.66881L8.68532 3.02756C8.50177 2.90558 8.31031 2.79597 8.1122 2.69943L7.88907 1.59693C7.84907 1.39551 7.73949 1.21457 7.57952 1.0858C7.41956 0.957028 7.21939 0.888621 7.01407 0.892556H4.96657C4.76125 0.888621 4.56109 0.957028 4.40112 1.0858C4.24116 1.21457 4.13158 1.39551 4.09157 1.59693L3.86845 2.69943C3.66892 2.79594 3.476 2.90556 3.29095 3.02756L2.2497 2.65131C2.15839 2.62752 2.06384 2.61865 1.9697 2.62506C1.81626 2.62521 1.66555 2.66572 1.53271 2.74251C1.39986 2.8193 1.28954 2.92967 1.21282 3.06256L0.180323 4.81256C0.0782047 4.98799 0.040258 5.19347 0.0729819 5.3938C0.105706 5.59414 0.207064 5.77686 0.359698 5.91068L1.18657 6.66756C1.18657 6.77693 1.18657 6.88631 1.18657 7.00006C1.18657 7.11381 1.18657 7.22318 1.18657 7.33693L0.359698 8.07193C0.202753 8.20668 0.0986221 8.39268 0.0657848 8.59691C0.0329474 8.80114 0.0735273 9.0104 0.180323 9.18756L1.21282 10.9376C1.28954 11.0704 1.39986 11.1808 1.53271 11.2576C1.66555 11.3344 1.81626 11.3749 1.9697 11.3751C2.06479 11.3758 2.15936 11.361 2.2497 11.3313L3.31282 10.9726C3.49637 11.0945 3.68784 11.2041 3.88595 11.3007L4.10907 12.4032C4.14908 12.6046 4.25866 12.7855 4.41862 12.9143C4.57859 13.0431 4.77875 13.1115 4.98407 13.1076H7.04907C7.25439 13.1115 7.45456 13.0431 7.61452 12.9143C7.77449 12.7855 7.88407 12.6046 7.92407 12.4032L8.1472 11.3007C8.34673 11.2042 8.53965 11.0946 8.7247 10.9726L9.78345 11.3313C9.87378 11.361 9.96836 11.3758 10.0634 11.3751C10.2169 11.3749 10.3676 11.3344 10.5004 11.2576C10.6333 11.1808 10.7436 11.0704 10.8203 10.9376L11.8178 9.18756C11.9199 9.01212 11.9579 8.80664 11.9252 8.60631C11.8924 8.40597 11.7911 8.22325 11.6384 8.08943L10.8116 7.33256ZM10.0284 10.5001L8.52782 9.99256C8.17654 10.2901 7.77506 10.5227 7.3422 10.6794L7.03157 12.2501H4.96657L4.65595 10.6969C4.22651 10.5357 3.8272 10.3036 3.4747 10.0101L1.9697 10.5001L0.937198 8.75006L2.1272 7.70006C2.0463 7.24718 2.0463 6.78356 2.1272 6.33068L0.937198 5.25006L1.9697 3.50006L3.47032 4.00756C3.82161 3.71001 4.22309 3.47742 4.65595 3.32068L4.96657 1.75006H7.03157L7.3422 3.30318C7.77164 3.46437 8.17095 3.69656 8.52345 3.99006L10.0284 3.50006L11.0609 5.25006L9.87095 6.30006C9.95184 6.75293 9.95184 7.21656 9.87095 7.66943L11.0609 8.75006L10.0284 10.5001Z"
-            fill="#22242B"
-          />
-          <path
-            d="M5.99907 9.62506C5.4799 9.62506 4.97238 9.4711 4.5407 9.18266C4.10902 8.89422 3.77257 8.48426 3.57389 8.0046C3.37521 7.52494 3.32323 6.99714 3.42451 6.48794C3.5258 5.97874 3.7758 5.51101 4.14292 5.1439C4.51003 4.77679 4.97776 4.52678 5.48696 4.42549C5.99616 4.32421 6.52396 4.37619 7.00362 4.57487C7.48327 4.77355 7.89324 5.11 8.18168 5.54168C8.47012 5.97336 8.62407 6.48088 8.62407 7.00006C8.62758 7.34575 8.56208 7.68867 8.43141 8.00874C8.30073 8.3288 8.10751 8.61958 7.86305 8.86403C7.61859 9.10849 7.32782 9.30171 7.00776 9.43239C6.68769 9.56306 6.34477 9.62857 5.99907 9.62506ZM5.99907 5.25006C5.76779 5.24467 5.53781 5.28625 5.32305 5.37229C5.1083 5.45833 4.91323 5.58703 4.74964 5.75062C4.58605 5.91421 4.45734 6.10928 4.37131 6.32404C4.28527 6.53879 4.24369 6.76877 4.24907 7.00006C4.24369 7.23134 4.28527 7.46132 4.37131 7.67607C4.45734 7.89083 4.58605 8.0859 4.74964 8.24949C4.91323 8.41308 5.1083 8.54178 5.32305 8.62782C5.53781 8.71386 5.76779 8.75544 5.99907 8.75006C6.23036 8.75544 6.46034 8.71386 6.67509 8.62782C6.88985 8.54178 7.08492 8.41308 7.24851 8.24949C7.41209 8.0859 7.5408 7.89083 7.62684 7.67607C7.71288 7.46132 7.75446 7.23134 7.74907 7.00006C7.75446 6.76877 7.71288 6.53879 7.62684 6.32404C7.5408 6.10928 7.41209 5.91421 7.24851 5.75062C7.08492 5.58703 6.88985 5.45833 6.67509 5.37229C6.46034 5.28625 6.23036 5.24467 5.99907 5.25006Z"
-            fill="#22242B"
-          />
-        </>
-      ) : (
-        <>
-          <path
-            d="M15.875 2.5H13.5687C13.2875 1.20625 12.1625 0.25 10.8125 0.25C9.4625 0.25 8.3375 1.20625 8.05625 2.5H0.125V3.625H8.05625C8.3375 4.91875 9.4625 5.875 10.8125 5.875C12.1625 5.875 13.2875 4.91875 13.5687 3.625H15.875V2.5ZM10.8125 4.75C9.85625 4.75 9.125 4.01875 9.125 3.0625C9.125 2.10625 9.85625 1.375 10.8125 1.375C11.7688 1.375 12.5 2.10625 12.5 3.0625C12.5 4.01875 11.7688 4.75 10.8125 4.75Z"
-            fill="#22242B"
-          />
-          <path
-            d="M0.125 11.5H2.43125C2.7125 12.7937 3.8375 13.75 5.1875 13.75C6.5375 13.75 7.6625 12.7937 7.94375 11.5H15.875V10.375H7.94375C7.6625 9.08125 6.5375 8.125 5.1875 8.125C3.8375 8.125 2.7125 9.08125 2.43125 10.375H0.125V11.5ZM5.1875 9.25C6.14375 9.25 6.875 9.98125 6.875 10.9375C6.875 11.8938 6.14375 12.625 5.1875 12.625C4.23125 12.625 3.5 11.8938 3.5 10.9375C3.5 9.98125 4.23125 9.25 5.1875 9.25Z"
-            fill="#22242B"
-          />
-        </>
-      )}
-    </svg>
-  );
-};
-
-export const SettingsIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/SettingsIcon/SettingsIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/ShareIcon/ShareIcon.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="M11.5 10.0001C11.1257 10.002 10.7566 10.0879 10.42 10.2514C10.0834 10.415 9.78776 10.652 9.55497 10.9451L5.89997 8.6601C6.03318 8.23018 6.03318 7.77002 5.89997 7.3401L9.55497 5.0551C9.92594 5.51446 10.4475 5.82769 11.0273 5.93931C11.6071 6.05092 12.2077 5.95372 12.7227 5.66491C13.2377 5.37611 13.6339 4.91435 13.841 4.36143C14.0482 3.8085 14.0529 3.20011 13.8544 2.64402C13.656 2.08793 13.2671 1.62003 12.7567 1.32322C12.2462 1.0264 11.6472 0.919827 11.0657 1.02237C10.4843 1.12491 9.95785 1.42996 9.57975 1.88346C9.20164 2.33697 8.99626 2.90966 8.99997 3.5001C9.00233 3.72369 9.03599 3.94585 9.09997 4.1601L5.44497 6.4451C5.12229 6.03889 4.68124 5.74313 4.18295 5.5988C3.68465 5.45447 3.1538 5.46873 2.66398 5.63961C2.17415 5.81048 1.74961 6.1295 1.44921 6.55245C1.14881 6.9754 0.987427 7.48133 0.987427 8.0001C0.987427 8.51888 1.14881 9.0248 1.44921 9.44775C1.74961 9.8707 2.17415 10.1897 2.66398 10.3606C3.1538 10.5315 3.68465 10.5457 4.18295 10.4014C4.68124 10.2571 5.12229 9.96131 5.44497 9.5551L9.09997 11.8401C9.03599 12.0544 9.00233 12.2765 8.99997 12.5001C8.99997 12.9946 9.14659 13.4779 9.4213 13.889C9.696 14.3002 10.0864 14.6206 10.5433 14.8098C11.0001 14.999 11.5027 15.0485 11.9877 14.9521C12.4726 14.8556 12.9181 14.6175 13.2677 14.2679C13.6174 13.9182 13.8555 13.4728 13.9519 12.9878C14.0484 12.5029 13.9989 12.0002 13.8097 11.5434C13.6204 11.0866 13.3 10.6961 12.8889 10.4214C12.4778 10.1467 11.9944 10.0001 11.5 10.0001ZM11.5 2.0001C11.7966 2.0001 12.0867 2.08808 12.3333 2.2529C12.58 2.41772 12.7723 2.65199 12.8858 2.92608C12.9993 3.20017 13.029 3.50177 12.9711 3.79274C12.9133 4.08371 12.7704 4.35098 12.5606 4.56076C12.3509 4.77054 12.0836 4.9134 11.7926 4.97128C11.5016 5.02916 11.2 4.99945 10.9259 4.88592C10.6519 4.77239 10.4176 4.58013 10.2528 4.33346C10.0879 4.08678 9.99997 3.79677 9.99997 3.5001C9.99997 3.10228 10.158 2.72075 10.4393 2.43944C10.7206 2.15814 11.1021 2.0001 11.5 2.0001ZM3.49997 9.5001C3.2033 9.5001 2.91329 9.41213 2.66661 9.24731C2.41994 9.08248 2.22768 8.84822 2.11415 8.57413C2.00062 8.30004 1.97091 7.99844 2.02879 7.70747C2.08667 7.4165 2.22953 7.14922 2.43931 6.93944C2.64909 6.72966 2.91636 6.5868 3.20733 6.52892C3.49831 6.47105 3.79991 6.50075 4.074 6.61428C4.34808 6.72781 4.58235 6.92007 4.74717 7.16675C4.912 7.41342 4.99997 7.70343 4.99997 8.0001C4.99997 8.39793 4.84193 8.77946 4.56063 9.06076C4.27933 9.34207 3.89779 9.5001 3.49997 9.5001ZM11.5 14.0001C11.2033 14.0001 10.9133 13.9121 10.6666 13.7473C10.4199 13.5825 10.2277 13.3482 10.1142 13.0741C10.0006 12.8 9.97091 12.4984 10.0288 12.2075C10.0867 11.9165 10.2295 11.6492 10.4393 11.4394C10.6491 11.2297 10.9164 11.0868 11.2073 11.0289C11.4983 10.971 11.7999 11.0008 12.074 11.1143C12.3481 11.2278 12.5824 11.4201 12.7472 11.6667C12.912 11.9134 13 12.2034 13 12.5001C13 12.8979 12.8419 13.2795 12.5606 13.5608C12.2793 13.8421 11.8978 14.0001 11.5 14.0001Z" />
-  </svg>
-);
-
-export const ShareIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/ShareIcon/ShareIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/SidePanelCloseIcon/SidePanelCloseIcon.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" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M14 2H2C1.45 2 1 2.45 1 3V13C1 13.55 1.45 14 2 14H14C14.55 14 15 13.55 15 13V3C15 2.45 14.55 2 14 2ZM5 13H2V3H5V13ZM14 7.5H8.9L10.7 5.7L10 5L7 8L10 11L10.7 10.3L8.9 8.5H14V13H6V3H14V7.5Z" />
-  </svg>
-);
-
-export const SidePanelCloseIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/SidePanelCloseIcon/SidePanelCloseIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/SidePanelOpenIcon/SidePanelOpenIcon.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="M14 2H2C1.45 2 1 2.45 1 3V13C1 13.55 1.45 14 2 14H14C14.55 14 15 13.55 15 13V3C15 2.45 14.55 2 14 2ZM5 13H2V3H5V13ZM14 13H6V8.5H11.1L9.3 10.3L10 11L13 8L10 5L9.3 5.7L11.1 7.5H6V3H14V13Z" />
-  </svg>
-);
-
-export const SidePanelOpenIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/SidePanelOpenIcon/SidePanelOpenIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/SlackIcon/SlackIcon.tsx

@@ -1,61 +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="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      d="M3.6516 9.97873C3.65161 10.2904 3.5592 10.595 3.38606 10.8542C3.21292 11.1133 2.96682 11.3153 2.67889 11.4346C2.39095 11.5539 2.07412 11.5851 1.76845 11.5243C1.46278 11.4635 1.182 11.3134 0.961622 11.093C0.741246 10.8726 0.591169 10.5919 0.53037 10.2862C0.469572 9.98052 0.500782 9.66368 0.620054 9.37575C0.739327 9.08781 0.941305 8.84172 1.20044 8.66858C1.45959 8.49543 1.76425 8.40303 2.07591 8.40304H3.6516V9.97873Z"
-      fill="#555761"
-    />
-    <path
-      d="M4.4456 9.97873C4.44822 9.56254 4.61539 9.16429 4.91061 8.87092C5.20583 8.57756 5.60512 8.4129 6.02131 8.4129C6.43751 8.4129 6.8368 8.57756 7.13202 8.87092C7.42724 9.16429 7.59441 9.56254 7.59703 9.97873V13.9242C7.59834 14.1319 7.55855 14.3379 7.47995 14.5302C7.40135 14.7225 7.28549 14.8974 7.13904 15.0448C6.99259 15.1922 6.81844 15.3091 6.62662 15.3889C6.43479 15.4688 6.22908 15.5098 6.02131 15.5098C5.81355 15.5098 5.60783 15.4688 5.41601 15.3889C5.22418 15.3091 5.05004 15.1922 4.90359 15.0448C4.75714 14.8974 4.64128 14.7225 4.56268 14.5302C4.48408 14.3379 4.44429 14.1319 4.4456 13.9242V9.97873Z"
-      fill="#555761"
-    />
-    <path
-      d="M6.02135 3.65135C5.70969 3.65136 5.40502 3.55896 5.14588 3.38582C4.88674 3.21268 4.68476 2.96658 4.56549 2.67864C4.44622 2.39071 4.41501 2.07387 4.47581 1.7682C4.53661 1.46253 4.68668 1.18175 4.90706 0.961378C5.12744 0.741002 5.40821 0.590925 5.71389 0.530126C6.01956 0.469328 6.33639 0.500538 6.62433 0.61981C6.91226 0.739083 7.15836 0.94106 7.3315 1.2002C7.50464 1.45934 7.59705 1.764 7.59703 2.07566V3.65135H6.02135Z"
-      fill="#555761"
-    />
-    <path
-      d="M6.02135 4.44535C6.43753 4.44797 6.83578 4.61514 7.12915 4.91036C7.42252 5.20558 7.58717 5.60488 7.58717 6.02107C7.58717 6.43727 7.42252 6.83656 7.12915 7.13178C6.83578 7.427 6.43753 7.59417 6.02135 7.59679H2.07591C1.86815 7.5981 1.66218 7.55831 1.46985 7.47971C1.27753 7.4011 1.10265 7.28525 0.955275 7.1388C0.807901 6.99235 0.690943 6.8182 0.611133 6.62638C0.531322 6.43455 0.490234 6.22884 0.490234 6.02107C0.490234 5.8133 0.531322 5.60759 0.611133 5.41577C0.690943 5.22394 0.807901 5.04979 0.955275 4.90334C1.10265 4.7569 1.27753 4.64104 1.46985 4.56244C1.66218 4.48383 1.86815 4.44404 2.07591 4.44535H6.02135Z"
-      fill="#555761"
-    />
-    <path
-      d="M12.3487 6.0211C12.3487 5.70944 12.4411 5.40478 12.6143 5.14564C12.7874 4.8865 13.0335 4.68452 13.3214 4.56525C13.6094 4.44598 13.9262 4.41477 14.2319 4.47556C14.5375 4.53636 14.8183 4.68644 15.0387 4.90682C15.2591 5.12719 15.4091 5.40797 15.4699 5.71364C15.5307 6.01931 15.4995 6.33615 15.3803 6.62408C15.261 6.91201 15.059 7.15811 14.7999 7.33125C14.5407 7.50439 14.2361 7.5968 13.9244 7.59679H12.3487V6.0211Z"
-      fill="#555761"
-    />
-    <path
-      d="M11.5547 6.0211C11.5521 6.43729 11.3849 6.83554 11.0897 7.1289C10.7945 7.42227 10.3952 7.58693 9.979 7.58693C9.56281 7.58693 9.16351 7.42227 8.86829 7.1289C8.57307 6.83554 8.4059 6.43729 8.40328 6.0211V2.07566C8.40198 1.8679 8.44177 1.66193 8.52037 1.46961C8.59897 1.27729 8.71483 1.10241 8.86127 0.955031C9.00772 0.807656 9.18187 0.690699 9.3737 0.610888C9.56552 0.531078 9.77124 0.48999 9.979 0.48999C10.1868 0.48999 10.3925 0.531078 10.5843 0.610888C10.7761 0.690699 10.9503 0.807656 11.0967 0.955031C11.2432 1.10241 11.359 1.27729 11.4376 1.46961C11.5162 1.66193 11.556 1.8679 11.5547 2.07566V6.0211Z"
-      fill="#555761"
-    />
-    <path
-      d="M9.97897 12.3485C10.2906 12.3485 10.5953 12.4409 10.8544 12.614C11.1136 12.7872 11.3156 13.0333 11.4348 13.3212C11.5541 13.6091 11.5853 13.926 11.5245 14.2316C11.4637 14.5373 11.3136 14.8181 11.0933 15.0385C10.8729 15.2588 10.5921 15.4089 10.2864 15.4697C9.98076 15.5305 9.66392 15.4993 9.37599 15.38C9.08806 15.2607 8.84196 15.0588 8.66882 14.7996C8.49568 14.5405 8.40327 14.2358 8.40328 13.9242V12.3485H9.97897Z"
-      fill="#555761"
-    />
-    <path
-      d="M9.97897 11.5545C9.56278 11.5519 9.16453 11.3847 8.87117 11.0895C8.5778 10.7942 8.41315 10.395 8.41315 9.97876C8.41315 9.56256 8.5778 9.16327 8.87117 8.86805C9.16453 8.57283 9.56278 8.40566 9.97897 8.40304H13.9244C14.1322 8.40173 14.3381 8.44152 14.5305 8.52012C14.7228 8.59872 14.8977 8.71458 15.045 8.86103C15.1924 9.00748 15.3094 9.18163 15.3892 9.37345C15.469 9.56528 15.5101 9.77099 15.5101 9.97876C15.5101 10.1865 15.469 10.3922 15.3892 10.5841C15.3094 10.7759 15.1924 10.95 15.045 11.0965C14.8977 11.2429 14.7228 11.3588 14.5305 11.4374C14.3381 11.516 14.1322 11.5558 13.9244 11.5545H9.97897Z"
-      fill="#555761"
-    />
-  </svg>
-);
-
-export const SlackIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/SlackIcon/SlackIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '18px'};
-`;

package/src/icons/SortIcon/SortIcon.tsx

@@ -1,29 +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 14 12" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      d="M8 9L8.707 8.293L10.5 10.086V0H11.5V10.086L13.293 8.293L14 9L11 12L8 9Z"
-      fill="#22242B"
-    />
-    <path d="M7 7H0V8H7V7Z" fill="#22242B" />
-    <path d="M7 4H2V5H7V4Z" fill="#22242B" />
-    <path d="M7 1H4V2H7V1Z" fill="#22242B" />
-  </svg>
-);
-
-export const SortIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/SortIcon/SortIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '14px'};
-  width: ${({ size }) => size || '12px'};
-`;

package/src/icons/Spinner/Spinner.tsx

@@ -1,17 +0,0 @@
-import styled, { keyframes } from 'styled-components';
-
-import { CircleDashIcon } from '@redocly/theme/icons/CircleDashIcon/CircleDashIcon';
-
-const rotate = keyframes`
-  0% {
-    transform: rotate(0deg); }
-  100% {
-    transform: rotate(360deg);
-  }
-`;
-
-export const Spinner = styled(CircleDashIcon).attrs({
-  'data-component-name': 'icons/Spinner/Spinner',
-})`
-  animation: 2s ${rotate} linear infinite;
-`;

package/src/icons/SpinnerIcon/SpinnerIcon.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import type { IconProps } from '@redocly/theme/icons/types';
-
-import { breakpoints, getCssColorVariable } from '@redocly/theme/core/utils';
-
-const Icon = (props: IconProps) => (
-  <svg viewBox="0 -1 38 40" strokeOpacity=".5" {...props}>
-    <g fill="none" fillRule="evenodd">
-      <g transform="translate(1 1)" strokeWidth="4">
-        <circle strokeOpacity=".3" cx="18" cy="18" r="18" />
-        <path d="M36 18c0-9.94-8.06-18-18-18">
-          <animateTransform
-            attributeName="transform"
-            type="rotate"
-            from="0 18 18"
-            to="360 18 18"
-            dur="1s"
-            repeatCount="indefinite"
-          />
-        </path>
-      </g>
-    </g>
-  </svg>
-);
-
-export const SpinnerIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/SpinnerIcon/SpinnerIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '1em'};
-  width: ${({ size }) => size || '1em'};
-  cursor: pointer;
-  left: 0.8em;
-  stroke: var(--search-input-text-color);
-
-  @media screen and (min-width: ${breakpoints.medium}) {
-    width: 1.2em;
-    height: 1.2em;
-  }
-`;

package/src/icons/StarFilledIcon/StarFilledIcon.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.00001 1L5.72501 5.61L0.640015 6.345L4.32001 9.935L3.45001 15L8.00001 12.61L12.55 15L11.68 9.935L15.36 6.35L10.275 5.61L8.00001 1Z" />
-  </svg>
-);
-
-export const StarFilledIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/StarFilledIcon/StarFilledIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/StarIcon/StarIcon.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.00001 3.26L9.38001 6.05L9.61001 6.55L10.11 6.625L13.19 7.07L11 9.22L10.625 9.585L10.715 10.085L11.24 13.15L8.48501 11.705L8.00001 11.5L7.53501 11.745L4.78001 13.17L5.28001 10.105L5.37001 9.605L5.00001 9.22L2.79001 7.045L5.87001 6.6L6.37001 6.525L6.60001 6.025L8.00001 3.26ZM8.00001 1L5.72501 5.61L0.640015 6.345L4.32001 9.935L3.45001 15L8.00001 12.61L12.55 15L11.68 9.935L15.36 6.35L10.275 5.61L8.00001 1Z" />
-  </svg>
-);
-
-export const StarIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/StarIcon/StarIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/StopIcon/StopIcon.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none" {...props}>
-    <path d="M10.5 3.5V10.5H3.5V3.5H10.5ZM10.5 2.625H3.5C3.26794 2.625 3.04538 2.71719 2.88128 2.88128C2.71719 3.04538 2.625 3.26794 2.625 3.5V10.5C2.625 10.7321 2.71719 10.9546 2.88128 11.1187C3.04538 11.2828 3.26794 11.375 3.5 11.375H10.5C10.7321 11.375 10.9546 11.2828 11.1187 11.1187C11.2828 10.9546 11.375 10.7321 11.375 10.5V3.5C11.375 3.26794 11.2828 3.04538 11.1187 2.88128C10.9546 2.71719 10.7321 2.625 10.5 2.625Z" />
-  </svg>
-);
-
-export const StopIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/StopIcon/StopIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/SubtractIcon/SubtractIcon.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
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path d="M12 7.5H4V8.5H12V7.5Z" />
-  </svg>
-);
-
-export const SubtractIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/SubtractIcon/SubtractIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/SunIcon/SunIcon.tsx

@@ -1,31 +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 6.00293C8.39556 6.00293 8.78224 6.12023 9.11114 6.33999C9.44004 6.55975 9.69638 6.87211 9.84776 7.23756C9.99913 7.60301 10.0387 8.00515 9.96157 8.39311C9.8844 8.78107 9.69392 9.13744 9.41421 9.41714C9.13451 9.69685 8.77814 9.88733 8.39018 9.9645C8.00222 10.0417 7.60009 10.0021 7.23463 9.85069C6.86918 9.69931 6.55682 9.44297 6.33706 9.11407C6.1173 8.78517 6 8.39849 6 8.00293C6.0006 7.47268 6.2115 6.96432 6.58644 6.58937C6.96139 6.21443 7.46975 6.00353 8 6.00293ZM8 5.00293C7.40666 5.00293 6.82664 5.17888 6.33329 5.50852C5.83994 5.83817 5.45542 6.3067 5.22836 6.85488C5.0013 7.40306 4.94189 8.00626 5.05764 8.5882C5.1734 9.17014 5.45912 9.70469 5.87868 10.1243C6.29824 10.5438 6.83279 10.8295 7.41473 10.9453C7.99667 11.061 8.59987 11.0016 9.14805 10.7746C9.69623 10.5475 10.1648 10.163 10.4944 9.66964C10.8241 9.17629 11 8.59627 11 8.00293C11 7.20728 10.6839 6.44422 10.1213 5.88161C9.55871 5.319 8.79565 5.00293 8 5.00293Z" />
-    <path d="M3.40382 2.6997L2.69679 3.40674L4.4497 5.15966L5.15674 4.45262L3.40382 2.6997Z" />
-    <path d="M3.5 7.50293H1V8.50293H3.5V7.50293Z" />
-    <path d="M4.4497 10.8462L2.69678 12.5991L3.40382 13.3062L5.15674 11.5532L4.4497 10.8462Z" />
-    <path d="M8.5 12.5029H7.5V15.0029H8.5V12.5029Z" />
-    <path d="M11.5503 10.8462L10.8433 11.5532L12.5962 13.3062L13.3032 12.5991L11.5503 10.8462Z" />
-    <path d="M15 7.50293H12.5V8.50293H15V7.50293Z" />
-    <path d="M12.5962 2.69971L10.8433 4.45263L11.5503 5.15966L13.3032 3.40674L12.5962 2.69971Z" />
-    <path d="M8.5 1.00293H7.5V3.50293H8.5V1.00293Z" />
-  </svg>
-);
-
-export const SunIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/MoonIcon/MoonIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/TableBuiltIcon/TableBuiltIcon.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="M14 4H12V2C11.9997 1.73489 11.8942 1.48072 11.7067 1.29326C11.5193 1.10579 11.2651 1.00033 11 1H2C1.73489 1.00033 1.48072 1.10579 1.29326 1.29326C1.10579 1.48072 1.00033 1.73489 1 2V11C1.00033 11.2651 1.10579 11.5193 1.29326 11.7067C1.48072 11.8942 1.73489 11.9997 2 12H4V14C4.00033 14.2651 4.10579 14.5193 4.29326 14.7067C4.48072 14.8942 4.73488 14.9997 5 15H14C14.2651 14.9997 14.5193 14.8942 14.7067 14.7067C14.8942 14.5193 14.9997 14.2651 15 14V5C14.9997 4.73488 14.8942 4.48072 14.7067 4.29326C14.5193 4.10579 14.2651 4.00033 14 4ZM11 11H7V8.5H11V11ZM11 7.5H7V5H11V7.5ZM6 7.5H2V5H6V7.5ZM11 2V4H2V2H11ZM2 11V8.5H6V11H2ZM14 14H5V12H11C11.2651 11.9997 11.5193 11.8942 11.7067 11.7067C11.8942 11.5193 11.9997 11.2651 12 11V5H14V14Z" />
-  </svg>
-);
-
-export const TableBuiltIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/TableBuiltIcon/TableBuiltIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;

package/src/icons/TableIcon/TableIcon.tsx

@@ -1,26 +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 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path
-      d="M13.5 1.5C13.5 1.23478 13.3946 0.98043 13.2071 0.792893C13.0196 0.605357 12.7652 0.5 12.5 0.5H1.5C1.23478 0.5 0.98043 0.605357 0.792893 0.792893C0.605357 0.98043 0.5 1.23478 0.5 1.5V12.5C0.5 12.7652 0.605357 13.0196 0.792893 13.2071C0.98043 13.3946 1.23478 13.5 1.5 13.5H12.5C12.7652 13.5 13.0196 13.3946 13.2071 13.2071C13.3946 13.0196 13.5 12.7652 13.5 12.5V1.5ZM12.5 1.5V3.5H1.5V1.5H12.5ZM12.5 12.5H1.5V10.5H12.5V12.5ZM12.5 9.5H1.5V7.5H12.5V9.5ZM12.5 6.5H1.5V4.5H12.5V6.5Z"
-      fill="#22242B"
-    />
-  </svg>
-);
-
-export const TableIcon = styled(Icon).attrs({
-  'data-component-name': 'icons/TableIcon/TableIcon',
-})`
-  path {
-    fill: ${({ color }) => getCssColorVariable(color)};
-  }
-
-  height: ${({ size }) => size || '16px'};
-  width: ${({ size }) => size || '16px'};
-`;