From 971c5586824002c50eeb63b9be050c2bbaa25505 Mon Sep 17 00:00:00 2001 From: cherik Date: Mon, 11 Oct 2021 12:31:03 +0330 Subject: [PATCH 1/3] remove all default colors --- src/components/typography/ButtonText.tsx | 1 - src/components/typography/GLink.tsx | 3 --- src/components/typography/Overline.tsx | 2 -- src/components/typography/body/Caption.tsx | 2 -- src/components/typography/body/Lead.tsx | 2 -- src/components/typography/body/P.tsx | 2 -- src/components/typography/body/SemiTitle.tsx | 2 -- src/components/typography/body/Subline.tsx | 2 -- src/components/typography/body/Title.tsx | 2 -- src/components/typography/displays/D1.tsx | 2 -- src/components/typography/displays/D2.tsx | 2 -- src/components/typography/displays/D3.tsx | 2 -- src/components/typography/headlines/H1.tsx | 2 -- src/components/typography/headlines/H2.tsx | 2 -- src/components/typography/headlines/H3.tsx | 2 -- src/components/typography/headlines/H4.tsx | 2 -- src/components/typography/headlines/H5.tsx | 2 -- src/components/typography/headlines/H6.tsx | 2 -- 18 files changed, 36 deletions(-) diff --git a/src/components/typography/ButtonText.tsx b/src/components/typography/ButtonText.tsx index 724b205..635dc53 100644 --- a/src/components/typography/ButtonText.tsx +++ b/src/components/typography/ButtonText.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../common/colors"; export interface IButtonTextProps { size?: 'small' | 'medium' | 'large'; diff --git a/src/components/typography/GLink.tsx b/src/components/typography/GLink.tsx index 532a0b5..1892a49 100644 --- a/src/components/typography/GLink.tsx +++ b/src/components/typography/GLink.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../common/colors"; export interface IGLinkProps { size?: 'Tiny' | 'Small' | 'Medium' | 'Big'; @@ -24,6 +23,4 @@ export const GLink = styled.a` break; } }} - - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/Overline.tsx b/src/components/typography/Overline.tsx index 5a3bae4..0f35c3a 100644 --- a/src/components/typography/Overline.tsx +++ b/src/components/typography/Overline.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../common/colors"; export interface IOverlineProps { styleType?: 'Small' | 'Regular' | 'Italic'; @@ -20,5 +19,4 @@ export const Overline = styled.a` break; } }} - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/body/Caption.tsx b/src/components/typography/body/Caption.tsx index 660e309..f0bcf20 100644 --- a/src/components/typography/body/Caption.tsx +++ b/src/components/typography/body/Caption.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; export interface ICaptionProps { medium?: boolean; @@ -12,5 +11,4 @@ export const Caption = styled.div` font-weight: ${props => props.medium ? 500 : 400}; font-size: 14px; line-height: 150%; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/body/Lead.tsx b/src/components/typography/body/Lead.tsx index 231a2ac..0bb3009 100644 --- a/src/components/typography/body/Lead.tsx +++ b/src/components/typography/body/Lead.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; export const Lead = styled.div` /* Body/Lead */ @@ -8,5 +7,4 @@ export const Lead = styled.div` font-weight: normal; font-size: 20px; line-height: 150%; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/body/P.tsx b/src/components/typography/body/P.tsx index 2967cff..f1ff442 100644 --- a/src/components/typography/body/P.tsx +++ b/src/components/typography/body/P.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; export const P = styled.div` /* Body/P */ @@ -8,5 +7,4 @@ export const P = styled.div` font-weight: normal; font-size: 16px; line-height: 150%; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/body/SemiTitle.tsx b/src/components/typography/body/SemiTitle.tsx index 942d509..26c168e 100644 --- a/src/components/typography/body/SemiTitle.tsx +++ b/src/components/typography/body/SemiTitle.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; export const SemiTitle = styled.div` /* Body/SEMI-TITLE */ @@ -9,5 +8,4 @@ export const SemiTitle = styled.div` font-size: 16px; line-height: 150%; text-transform: uppercase; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/body/Subline.tsx b/src/components/typography/body/Subline.tsx index 14d781a..7fa9be2 100644 --- a/src/components/typography/body/Subline.tsx +++ b/src/components/typography/body/Subline.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; export const Subline = styled.div` /* Body/Subline */ @@ -8,5 +7,4 @@ export const Subline = styled.div` font-weight: normal; font-size: 12px; line-height: 150%; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/body/Title.tsx b/src/components/typography/body/Title.tsx index e7eb19c..aa7ba16 100644 --- a/src/components/typography/body/Title.tsx +++ b/src/components/typography/body/Title.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; export const Title = styled.div` /* Body/Title */ @@ -9,5 +8,4 @@ export const Title = styled.div` font-size: 32px; line-height: 42px; letter-spacing: -0.01em; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/displays/D1.tsx b/src/components/typography/displays/D1.tsx index 0c5696c..6f0b53c 100644 --- a/src/components/typography/displays/D1.tsx +++ b/src/components/typography/displays/D1.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; export const D1 = styled.div` /* Display/D1 */ @@ -9,5 +8,4 @@ export const D1 = styled.div` font-size: 107px; line-height: 130%; letter-spacing: -0.04em; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/displays/D2.tsx b/src/components/typography/displays/D2.tsx index 14e941f..f53dc5c 100644 --- a/src/components/typography/displays/D2.tsx +++ b/src/components/typography/displays/D2.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; export const D2 = styled.div` /* Display/D2 */ @@ -9,5 +8,4 @@ export const D2 = styled.div` font-size: 97px; line-height: 130%; letter-spacing: -0.04em; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/displays/D3.tsx b/src/components/typography/displays/D3.tsx index 77a19aa..cc83175 100644 --- a/src/components/typography/displays/D3.tsx +++ b/src/components/typography/displays/D3.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; export const D3 = styled.div` /* Display/D3 */ @@ -9,5 +8,4 @@ export const D3 = styled.div` font-size: 88px; line-height: 120%; letter-spacing: -0.04em; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/headlines/H1.tsx b/src/components/typography/headlines/H1.tsx index a0d78a2..91007de 100644 --- a/src/components/typography/headlines/H1.tsx +++ b/src/components/typography/headlines/H1.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; import { IHeadingProps } from "./common"; export const H1 = styled.h1` @@ -10,5 +9,4 @@ export const H1 = styled.h1` font-size: 66px; line-height: 130%; letter-spacing: -0.03em; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/headlines/H2.tsx b/src/components/typography/headlines/H2.tsx index c45b439..aa617dc 100644 --- a/src/components/typography/headlines/H2.tsx +++ b/src/components/typography/headlines/H2.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; import { IHeadingProps } from "./common"; export const H2 = styled.h2` @@ -10,5 +9,4 @@ export const H2 = styled.h2` font-size: 52px; line-height: 76px; letter-spacing: -0.02em; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/headlines/H3.tsx b/src/components/typography/headlines/H3.tsx index 57a82ee..b7b6522 100644 --- a/src/components/typography/headlines/H3.tsx +++ b/src/components/typography/headlines/H3.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; import { IHeadingProps } from "./common"; export const H3 = styled.h3` @@ -9,5 +8,4 @@ export const H3 = styled.h3` font-weight: ${props => props.weight || 500}; font-size: 41px; line-height: 60px; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/headlines/H4.tsx b/src/components/typography/headlines/H4.tsx index f9694b8..7492128 100644 --- a/src/components/typography/headlines/H4.tsx +++ b/src/components/typography/headlines/H4.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; import { IHeadingProps } from "./common"; export const H4 = styled.h4` @@ -10,5 +9,4 @@ export const H4 = styled.h4` font-size: 32px; line-height: 47px; letter-spacing: -0.01em; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/headlines/H5.tsx b/src/components/typography/headlines/H5.tsx index 0c2b4e8..1c40529 100644 --- a/src/components/typography/headlines/H5.tsx +++ b/src/components/typography/headlines/H5.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; import { IHeadingProps } from "./common"; export const H5 = styled.h5` @@ -10,5 +9,4 @@ export const H5 = styled.h5` font-size: 25px; line-height: 36px; letter-spacing: -0.005em; - color: ${brandColors.deep[900]}; `; \ No newline at end of file diff --git a/src/components/typography/headlines/H6.tsx b/src/components/typography/headlines/H6.tsx index 17af220..36cc0cf 100644 --- a/src/components/typography/headlines/H6.tsx +++ b/src/components/typography/headlines/H6.tsx @@ -1,5 +1,4 @@ import styled from "styled-components"; -import { brandColors } from "../../../common/colors"; import { IHeadingProps } from "./common"; export const H6 = styled.h6` @@ -10,5 +9,4 @@ export const H6 = styled.h6` font-size: 18px; line-height: 26px; letter-spacing: -0.005em; - color: ${brandColors.deep[900]}; `; \ No newline at end of file From 28fee2c1d0a124fd28a253ff9f867f3256287a3d Mon Sep 17 00:00:00 2001 From: cherik Date: Mon, 11 Oct 2021 12:32:21 +0330 Subject: [PATCH 2/3] export colors --- src/index.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/src/index.ts b/src/index.ts index 40b494c..eaaeb3f 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1 +1,2 @@ export * from "./components"; +export * from "./common/colors"; From 477e869a07295f0444c3ed315c66388186240beb Mon Sep 17 00:00:00 2001 From: cherik Date: Mon, 11 Oct 2021 12:33:22 +0330 Subject: [PATCH 3/3] fix: 1.0.1 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 7dee8bb..359cea2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@giveth/ui-design-system", - "version": "0.1.1", + "version": "1.0.1", "files": [ "dist" ],