trepur_components 2.3.7 → 2.3.8

package/archive/typography/Fonts/Fonts.tsx

@@ -1,181 +0,0 @@
-import React from 'react';
-
-import Icon from '@components/Icon';
-
-import '../../styles/base.css';
-
-const Fonts: React.FC<{}> = (): JSX.Element => {
-  return (
-    <div className="theme-local">
-      <h2>Font sizes</h2>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-xxs font-regular">This text is xxs</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-xs font-regular">This text is xs</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-sm font-regular">This text is sm</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-regular">This text is md</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-lg font-regular">This text is lg</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-xl font-regular">This text is xl</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-xxl font-regular">This text is xxl</p>
-      </div>
-      <h2>Font weights</h2>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-thin">This font is thin</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-extraLight">This font is extra light</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-light">This font is light</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-regular">This font is regular</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-medium">This font is medium</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-semiBold">This font is semi bold</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-bold">This font is bold</p>
-      </div>
-      <div className="flex items-center">
-        <Icon
-          className="mx-4"
-          type="check"
-          bgColour="success"
-          colour="white"
-          rounded
-          size={1}
-        />
-        <p className="text-md font-extraBold">This font is extra bold</p>
-      </div>
-    </div>
-  );
-};
-
-export default Fonts;