@liner-fe/design-token 2.0.28 → 2.0.31

package/src/design/radius/index.ts

@@ -0,0 +1,12 @@
+import { ISize } from '../size/type';
+import { IRadius } from './type';
+
+export const radius: IRadius = {
+  'lp-sys-xxs': ISize.lp_pri_2,
+  'lp-sys-xs': ISize.lp_pri_4,
+  'lp-sys-s': ISize.lp_pri_6,
+  'lp-sys-m': ISize.lp_pri_8,
+  'lp-sys-l': ISize.lp_pri_10,
+  'lp-sys-xl': ISize.lp_pri_12,
+  'lp-sys-xxl': ISize.lp_pri_200,
+} as const;

package/src/design/radius/type.ts

@@ -0,0 +1,11 @@
+import { ISize } from '../size/type';
+
+export interface IRadius {
+  'lp-sys-xxs': ISize.lp_pri_2;
+  'lp-sys-xs': ISize.lp_pri_4;
+  'lp-sys-s': ISize.lp_pri_6;
+  'lp-sys-m': ISize.lp_pri_8;
+  'lp-sys-l': ISize.lp_pri_10;
+  'lp-sys-xl': ISize.lp_pri_12;
+  'lp-sys-xxl': ISize.lp_pri_200;
+}

package/src/design/size/index.ts

@@ -0,0 +1,30 @@
+import { ISize } from './type';
+
+export const size: Record<keyof typeof ISize, ISize> = {
+  lp_pri_0: ISize.lp_pri_0,
+  lp_pri_1: ISize.lp_pri_1,
+  lp_pri_2: ISize.lp_pri_2,
+  lp_pri_3: ISize.lp_pri_3,
+  lp_pri_4: ISize.lp_pri_4,
+  lp_pri_6: ISize.lp_pri_6,
+  lp_pri_8: ISize.lp_pri_8,
+  lp_pri_10: ISize.lp_pri_10,
+  lp_pri_12: ISize.lp_pri_12,
+  lp_pri_14: ISize.lp_pri_14,
+  lp_pri_16: ISize.lp_pri_16,
+  lp_pri_18: ISize.lp_pri_18,
+  lp_pri_20: ISize.lp_pri_20,
+  lp_pri_24: ISize.lp_pri_24,
+  lp_pri_32: ISize.lp_pri_32,
+  lp_pri_40: ISize.lp_pri_40,
+  lp_pri_48: ISize.lp_pri_48,
+  lp_pri_56: ISize.lp_pri_56,
+  lp_pri_64: ISize.lp_pri_64,
+  lp_pri_80: ISize.lp_pri_80,
+  lp_pri_100: ISize.lp_pri_100,
+  lp_pri_120: ISize.lp_pri_120,
+  lp_pri_140: ISize.lp_pri_140,
+  lp_pri_160: ISize.lp_pri_160,
+  lp_pri_180: ISize.lp_pri_180,
+  lp_pri_200: ISize.lp_pri_200,
+};

package/src/design/size/type.ts

@@ -0,0 +1,28 @@
+export enum ISize {
+  'lp_pri_0' = 0,
+  'lp_pri_1' = 1,
+  'lp_pri_2' = 2,
+  'lp_pri_3' = 3,
+  'lp_pri_4' = 4,
+  'lp_pri_6' = 6,
+  'lp_pri_8' = 8,
+  'lp_pri_10' = 10,
+  'lp_pri_12' = 12,
+  'lp_pri_14' = 14,
+  'lp_pri_16' = 16,
+  'lp_pri_18' = 18,
+  'lp_pri_20' = 20,
+  'lp_pri_24' = 24,
+  'lp_pri_32' = 32,
+  'lp_pri_40' = 40,
+  'lp_pri_48' = 48,
+  'lp_pri_56' = 56,
+  'lp_pri_64' = 64,
+  'lp_pri_80' = 80,
+  'lp_pri_100' = 100,
+  'lp_pri_120' = 120,
+  'lp_pri_140' = 140,
+  'lp_pri_160' = 160,
+  'lp_pri_180' = 180,
+  'lp_pri_200' = 200,
+}

package/src/design/typography/index.ts

@@ -0,0 +1,3 @@
+export * from './primitive';
+export * from './semantic';
+export * from './usage';

package/src/design/typography/primitive.ts

@@ -0,0 +1,39 @@
+const lineHeight = {
+  'lp-pri-font-lineheight-120': '120%',
+  'lp-pri-font-lineheight-130': '130%',
+  'lp-pri-font-lineheight-150': '150%',
+  'lp-pri-font-lineheight-180': '180%',
+} as const;
+
+const size = {
+  'lp-pri-font-size-8': 8,
+  'lp-pri-font-size-11': 11,
+  'lp-pri-font-size-12': 12,
+  'lp-pri-font-size-13': 13,
+  'lp-pri-font-size-14': 14,
+  'lp-pri-font-size-15': 15,
+  'lp-pri-font-size-16': 16,
+  'lp-pri-font-size-17': 17,
+  'lp-pri-font-size-20': 20,
+  'lp-pri-font-size-24': 24,
+  'lp-pri-font-size-28': 28,
+  'lp-pri-font-size-32': 32,
+  'lp-pri-font-size-40': 40,
+  'lp-pri-font-size-64': 64,
+  'lp-pri-font-size-72': 72,
+} as const;
+
+const weight = {
+  'lp-pri-font-weight-300': 300,
+  'lp-pri-font-weight-350': 350,
+  'lp-pri-font-weight-400': 400,
+  'lp-pri-font-weight-420': 420,
+  'lp-pri-font-weight-450': 450,
+  'lp-pri-font-weight-500': 500,
+  'lp-pri-font-weight-600': 600,
+  'lp-pri-font-weight-650': 650,
+  'lp-pri-font-weight-700': 700,
+  'lp-pri-font-weight-800': 800,
+} as const;
+
+export const font = { weight, lineHeight, size };

package/src/design/typography/semantic.ts

@@ -0,0 +1,33 @@
+import { font } from './primitive';
+import { TypographyKeys } from './types';
+
+export type FontFamily =
+  | 'lp-pri-font-family-poppins'
+  | 'lp-pri-font-family-pretendard-jp'
+  | 'lp-pri-font-family-variables-pretendard'
+  | 'lp-pri-font-family-variables-pretendard-jp';
+
+interface TypographyValues {
+  family: FontFamily;
+  weight: keyof typeof font.weight;
+  lineHeight: keyof typeof font.lineHeight;
+  size: keyof typeof font.size;
+}
+
+export const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {
+  'lp-sys-typo-title1-normal-medium': {
+    family: 'lp-pri-font-family-poppins',
+    weight: 'lp-pri-font-weight-800',
+    lineHeight: 'lp-pri-font-lineheight-120',
+    size: 'lp-pri-font-size-72',
+  },
+};
+
+export const typography: Partial<Record<TypographyKeys, TypographyValues>> = {
+  'lp-sys-typo-title1-normal-medium': {
+    family: 'lp-pri-font-family-pretendard-jp',
+    weight: 'lp-pri-font-weight-800',
+    lineHeight: 'lp-pri-font-lineheight-120',
+    size: 'lp-pri-font-size-72',
+  },
+};

package/src/design/typography/types.ts

@@ -0,0 +1,32 @@
+export type TypographyPrefix = 'lp-sys-typo';
+
+export type TypographyTitlePrefix = 'title';
+export type TypographyTitle =
+  | '1-accent-bold'
+  | '2-accent-bold'
+  | '3-accent-bold'
+  | '4-accent-bold'
+  | '1-accent-medium'
+  | '2-accent-medium'
+  | '3-accent-medium'
+  | '4-accent-medium'
+  | '1-normal-bold'
+  | '2-normal-bold'
+  | '3-normal-bold'
+  | '4-normal-bold'
+  | '1-normal-medium'
+  | '2-normal-medium';
+export type TypographyTitleType = `${TypographyTitlePrefix}${TypographyTitle}`;
+
+export type TypographyDisplayPrefix = 'display';
+export type TypographyDisplay =
+  | '1-accent-black'
+  | '2-accent-black'
+  | '3-accent-black'
+  | '1-normal-black'
+  | '2-normal-black'
+  | '3-normal-black';
+
+export type TypographyDisplayType = `${TypographyDisplayPrefix}${TypographyDisplay}`;
+
+export type TypographyKeys = `${TypographyPrefix}-${TypographyTitleType | TypographyDisplayType}`;

package/src/design/typography/usage/Heading.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { HTMLAttributes } from 'react';
+import { IDisplayProps, IHeadingProps } from './types';
+
+export const Heading1 = (props: IHeadingProps) => {
+  return (
+    <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>
+      {props.children}
+    </div>
+  );
+};
+
+export const Heading2 = (props: IHeadingProps) => {
+  return (
+    <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>
+      {props.children}
+    </div>
+  );
+};

package/src/design/typography/usage/Paragraph.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import { HTMLAttributes } from 'react';
+import { TypographySubType, TypographySubWeight } from './types';
+
+export type ParagraphType = IParagraphAnswer | IParagraphNormal;
+
+export interface IParagraphNormal extends HTMLAttributes<HTMLDivElement> {
+  type: TypographySubType.normal;
+  weight: TypographySubWeight.bold | TypographySubWeight.medium | TypographySubWeight.regular;
+}
+
+export interface IParagraphAnswer extends HTMLAttributes<HTMLDivElement> {
+  type: TypographySubType.answer;
+  weight: TypographySubWeight.bold | TypographySubWeight.regular;
+}
+
+export interface IParagraphAccent extends HTMLAttributes<HTMLDivElement> {
+  type: TypographySubType.accent;
+  weight: TypographySubWeight.bold | TypographySubWeight.medium | TypographySubWeight.regular;
+}
+
+export const Paragraph1 = (props: ParagraphType) => {
+  return (
+    <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>
+      {props.children}
+    </div>
+  );
+};
+
+export const Paragraph2 = (props: ParagraphType) => {
+  return (
+    <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>
+      {props.children}
+    </div>
+  );
+};
+
+export const Paragraph3 = (props: ParagraphType) => {
+  return (
+    <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>
+      {props.children}
+    </div>
+  );
+};

package/src/design/typography/usage/Title.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { HTMLAttributes } from 'react';
+import { TypographySubType, TypographySubWeight } from './types';
+
+export type TitleType = ITitleAccent | ITitleNormal;
+
+interface ITitleAccent extends HTMLAttributes<HTMLDivElement> {
+  type: TypographySubType.accent;
+  weight: TypographySubWeight.bold | TypographySubWeight.medium;
+}
+
+interface ITitleNormal extends HTMLAttributes<HTMLDivElement> {
+  type: TypographySubType.normal;
+  weight: TypographySubWeight.bold | TypographySubWeight.medium;
+}
+
+export const Title1 = (props: TitleType) => {
+  return (
+    <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>
+      {props.children}
+    </div>
+  );
+};

package/src/design/typography/usage/index.ts

@@ -0,0 +1 @@
+export * from './Heading';

package/src/design/typography/usage/types.ts

@@ -0,0 +1,29 @@
+import { HTMLAttributes } from 'react';
+
+export enum TypographySubType {
+  answer = 'answer',
+  accent = 'accent',
+  normal = 'normal',
+}
+
+export enum TypographySubWeight {
+  black = 'black',
+  bold = 'bold',
+  medium = 'medium',
+  regular = 'regular',
+}
+
+export interface IDisplayProps extends HTMLAttributes<HTMLDivElement> {
+  type: TypographySubType.accent | TypographySubType.normal;
+  weight: TypographySubWeight.black;
+}
+
+export interface IHeadingProps extends HTMLAttributes<HTMLDivElement> {
+  type: TypographySubType.answer;
+  weight: TypographySubWeight.bold;
+}
+
+export interface ICaptionProps extends HTMLAttributes<HTMLDivElement> {
+  type: TypographySubType.normal;
+  weight: TypographySubWeight.regular | TypographySubWeight.bold;
+}

package/src/global.css

@@ -0,0 +1,170 @@
+
+:root{
+        --lp-pri-achromatic-white: #ffffff;
+--lp-pri-achromatic-black: #000000;
+--lp-pri-gray-cool-950: #F7F8FF;
+--lp-pri-gray-cool-900: #EEF0F7;
+--lp-pri-gray-cool-800: #DFE3F3;
+--lp-pri-gray-cool-700: #C7CFE9;
+--lp-pri-gray-cool-600: #97A5D6;
+--lp-pri-gray-cool-500: #7487C4;
+--lp-pri-gray-cool-400: #5B6BA4;
+--lp-pri-gray-cool-300: #4A5889;
+--lp-pri-gray-cool-200: #39426A;
+--lp-pri-gray-cool-100: #282C3E;
+--lp-pri-gray-cool-50: #1F2131;
+--lp-pri-brand-original-950: #F5F6FF;
+--lp-pri-brand-original-900: #E9EBFF;
+--lp-pri-brand-original-800: #D4D7FF;
+--lp-pri-brand-original-700: #ADB3FF;
+--lp-pri-brand-original-600: #8690FF;
+--lp-pri-brand-original-500: #5F6CFF;
+--lp-pri-brand-original-400: #3B49E3;
+--lp-pri-brand-original-300: #303CB5;
+--lp-pri-brand-original-200: #242F86;
+--lp-pri-brand-original-100: #1B2366;
+--lp-pri-brand-original-50: #151A4D;
+--lp-pri-brand-variation-950: #F6F4FE;
+--lp-pri-brand-variation-900: #EDE9FE;
+--lp-pri-brand-variation-800: #DBD3FE;
+--lp-pri-brand-variation-700: #B8A7FE;
+--lp-pri-brand-variation-600: #947BFE;
+--lp-pri-brand-variation-500: #704FFD;
+--lp-pri-brand-variation-400: #593AFF;
+--lp-pri-brand-variation-300: #422BCE;
+--lp-pri-brand-variation-200: #321F9B;
+--lp-pri-brand-variation-100: #24156E;
+--lp-pri-brand-variation-50: #1A1052;
+--lp-pri-red-900: #FFE9EB;
+--lp-pri-red-800: #FFCDD1;
+--lp-pri-red-700: #FF9AA2;
+--lp-pri-red-600: #FF6773;
+--lp-pri-red-500: #FF3445;
+--lp-pri-red-400: #FA1D2F;
+--lp-pri-red-300: #C2172C;
+--lp-pri-red-200: #910B1D;
+--lp-pri-red-100: #68081A;
+--lp-pri-red-50: #4A0616;
+--lp-pri-orange-900: #FFEEE6;
+--lp-pri-orange-800: #FFD2B8;
+--lp-pri-orange-700: #FFA970;
+--lp-pri-orange-600: #FF8842;
+--lp-pri-orange-500: #FF6215;
+--lp-pri-orange-400: #F84B10;
+--lp-pri-orange-300: #BD3512;
+--lp-pri-orange-200: #8A220D;
+--lp-pri-orange-100: #61170E;
+--lp-pri-orange-50: #45110E;
+--lp-pri-green-900: #E2F6E5;
+--lp-pri-green-800: #BDEAC4;
+--lp-pri-green-700: #83D88E;
+--lp-pri-green-600: #51C760;
+--lp-pri-green-500: #26AF3E;
+--lp-pri-green-400: #1B9632;
+--lp-pri-green-300: #137728;
+--lp-pri-green-200: #0C5B1F;
+--lp-pri-green-100: #074218;
+--lp-pri-green-50: #053014;
+
+    --lp-pri-font-size-8: 8px;
+--lp-pri-font-size-11: 11px;
+--lp-pri-font-size-12: 12px;
+--lp-pri-font-size-13: 13px;
+--lp-pri-font-size-14: 14px;
+--lp-pri-font-size-15: 15px;
+--lp-pri-font-size-16: 16px;
+--lp-pri-font-size-17: 17px;
+--lp-pri-font-size-20: 20px;
+--lp-pri-font-size-24: 24px;
+--lp-pri-font-size-28: 28px;
+--lp-pri-font-size-32: 32px;
+--lp-pri-font-size-40: 40px;
+--lp-pri-font-size-64: 64px;
+--lp-pri-font-size-72: 72px;
+
+    --lp-pri-font-lineheight-120: 120%;
+--lp-pri-font-lineheight-130: 130%;
+--lp-pri-font-lineheight-150: 150%;
+--lp-pri-font-lineheight-180: 180%;
+--lp-pri-font-weight-300: 300;
+--lp-pri-font-weight-350: 350;
+--lp-pri-font-weight-400: 400;
+--lp-pri-font-weight-420: 420;
+--lp-pri-font-weight-450: 450;
+--lp-pri-font-weight-500: 500;
+--lp-pri-font-weight-600: 600;
+--lp-pri-font-weight-650: 650;
+--lp-pri-font-weight-700: 700;
+--lp-pri-font-weight-800: 800;
+
+    
+
+    .lp-sys-typo-title1-normal-medium {  font-family: lp-pri-font-family-pretendard-jp;
+  font-size: var(--lp-pri-font-size-72);
+  font-weight: var(--lp-pri-font-weight-800);
+  line-height: var(--lp-pri-font-lineheight-120);}
+}
+
+
+
+:root[color-theme='dark'] {
+    --lp-neutral-primary: var(--lp-pri-gray-cool-950);
+--lp-neutral-secondary: var(--lp-pri-gray-cool-900);
+--lp-neutral-tertiary: var(--lp-pri-gray-cool-800);
+--lp-inverse-neutral-primary: var(--lp-pri-achromatic-white);
+--lp-neutral-container-primary: var(--lp-pri-gray-cool-700);
+--lp-neutral-container-secondary: var(--lp-pri-gray-cool-600);
+--lp-neutral-container-tertiary: var(--lp-pri-gray-cool-500);
+--lp-neutral-border-primary: var(--lp-pri-gray-cool-400);
+--lp-neutral-border-secondary: var(--lp-pri-gray-cool-300);
+--lp-neutral-border-tertiary: var(--lp-pri-gray-cool-200);
+--lp-neutral-placeholder: var(--lp-pri-gray-cool-100);
+--lp-accent-primary: var(--lp-pri-brand-original-600);
+--lp-accent-container-primary: var(--lp-pri-brand-original-500);
+--lp-positive-primary: var(--lp-pri-green-600);
+--lp-positive-container-primary: var(--lp-pri-green-500);
+--lp-caution-primary: var(--lp-pri-orange-600);
+--lp-caution-container-primary: var(--lp-pri-orange-500);
+--lp-negative-primary: var(--lp-pri-red-600);
+--lp-negative-container-primary: var(--lp-pri-red-500);
+--lp-link-primary: var(--lp-pri-brand-original-700);
+--lp-dim: var(--lp-pri-gray-cool-100);
+--lp-status-neutral-primary: var(--lp-pri-gray-cool-950);
+--lp-status-accent-primary: var(--lp-pri-brand-original-500);
+--lp-status-disabled-primary: var(--lp-pri-gray-cool-300);
+}
+
+
+
+
+:root[color-theme='light'] {
+    --lp-neutral-primary: var(--lp-pri-gray-cool-50);
+--lp-neutral-secondary: var(--lp-pri-gray-cool-100);
+--lp-neutral-tertiary: var(--lp-pri-gray-cool-200);
+--lp-inverse-neutral-primary: var(--lp-pri-achromatic-black);
+--lp-neutral-container-primary: var(--lp-pri-gray-cool-300);
+--lp-neutral-container-secondary: var(--lp-pri-gray-cool-400);
+--lp-neutral-container-tertiary: var(--lp-pri-gray-cool-500);
+--lp-neutral-border-primary: var(--lp-pri-gray-cool-600);
+--lp-neutral-border-secondary: var(--lp-pri-gray-cool-700);
+--lp-neutral-border-tertiary: var(--lp-pri-gray-cool-800);
+--lp-neutral-placeholder: var(--lp-pri-gray-cool-900);
+--lp-accent-primary: var(--lp-pri-brand-original-400);
+--lp-accent-container-primary: var(--lp-pri-brand-original-300);
+--lp-positive-primary: var(--lp-pri-green-400);
+--lp-positive-container-primary: var(--lp-pri-green-300);
+--lp-caution-primary: var(--lp-pri-orange-400);
+--lp-caution-container-primary: var(--lp-pri-orange-300);
+--lp-negative-primary: var(--lp-pri-red-400);
+--lp-negative-container-primary: var(--lp-pri-red-300);
+--lp-link-primary: var(--lp-pri-brand-original-500);
+--lp-dim: var(--lp-pri-gray-cool-50);
+--lp-status-neutral-primary: var(--lp-pri-gray-cool-50);
+--lp-status-accent-primary: var(--lp-pri-brand-original-400);
+--lp-status-disabled-primary: var(--lp-pri-gray-cool-200);
+}
+    
+
+:root[language="en"] {
+
+}

package/src/hooks/useDarkTheme.ts

@@ -0,0 +1,42 @@
+import { useLayoutEffect } from 'react';
+
+const LOCAL_STORAGE_KEY = 'theme';
+
+export const useDarkTheme = () => {
+  const isUserColorTheme = localStorage.getItem('color-theme');
+
+  const setDarkTheme = () => {
+    document.documentElement.setAttribute('color-theme', 'dark');
+  };
+
+  const setLightTheme = () => {
+    document.documentElement.setAttribute('color-theme', 'light');
+  };
+
+  const toggleTheme = () => {
+    const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';
+
+    document.documentElement.setAttribute('color-theme', willChangeTheme);
+    localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);
+  };
+
+  useLayoutEffect(() => {
+    const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);
+    if (prevTheme) {
+      if (prevTheme === 'dark') {
+        setDarkTheme();
+      } else {
+        setLightTheme();
+      }
+    } else {
+      const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+      document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');
+    }
+  }, []);
+
+  return {
+    setDarkTheme,
+    toggleTheme,
+  };
+};

package/src/hooks/useLanguage.ts

@@ -0,0 +1 @@
+export const useLanguage = () => {};

package/src/index.ts

@@ -1,3 +1,9 @@
-export * from './color';
-export * from './assets';
-export * from './typography';
+export * from './design/color';
+export * from './design/color/vars';
+export * from './design/radius';
+export * from './design/opacity';
+export * from './design/size';
+export * from './design/typography';
+
+export * from './hooks/useDarkTheme';
+export * from './hooks/useLanguage';

package/lib/assets/ic-bold-16-android.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface IProps {
-    fill?: string;
-}
-export declare const ICBold16Android: ({ fill }: IProps) => React.JSX.Element;
-export {};

package/lib/assets/ic-bold-16-apple.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface IProps {
-    fill?: string;
-}
-export declare const ICBold16Apple: ({ fill }: IProps) => React.JSX.Element;
-export {};

package/lib/assets/ic-bold-16-chrome.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface IProps {
-    fill?: string;
-}
-export declare const ICBold16Chrome: ({ fill }: IProps) => React.JSX.Element;
-export {};

package/lib/assets/ic-bold-16-quote-up.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface IProps {
-    fill?: string;
-}
-export declare const ICBold16QuoteUp: ({ fill }: IProps) => React.JSX.Element;
-export {};

package/lib/assets/ic-bold-24-caution.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface IProps {
-    fill?: string;
-}
-export declare const ICBold24Caution: ({ fill }: IProps) => React.JSX.Element;
-export {};

package/lib/assets/ic-bold-24-check.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface IProps {
-    fill?: string;
-}
-export declare const ICBold24Check: ({ fill }: IProps) => React.JSX.Element;
-export {};

package/lib/assets/ic-bold-24-file.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface IProps {
-    fill?: string;
-}
-export declare const ICBold24File: ({ fill }: IProps) => React.JSX.Element;
-export {};

package/lib/assets/ic-bold-24-globe.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface IProps {
-    fill?: string;
-}
-export declare const ICBold24Globe: ({ fill }: IProps) => React.JSX.Element;
-export {};

package/lib/assets/ic-bold-24-image.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface IProps {
-    fill?: string;
-}
-export declare const ICBold24Image: ({ fill }: IProps) => React.JSX.Element;
-export {};

package/lib/assets/ic-bold-24-info.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface IProps {
-    fill?: string;
-}
-export declare const ICBold24Info: ({ fill }: IProps) => React.JSX.Element;
-export {};

package/lib/assets/ic-color-24-academic.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ICColor24Academic: () => React.JSX.Element;

package/lib/assets/ic-color-24-excel.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ICColor24Excel: () => React.JSX.Element;

package/lib/assets/ic-color-24-html.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ICColor24Html: () => React.JSX.Element;

package/lib/assets/ic-color-24-image.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ICColor24Image: () => React.JSX.Element;

package/lib/assets/ic-color-24-math.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ICColor24Math: () => React.JSX.Element;

package/lib/assets/ic-color-24-news.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ICColor24News: () => React.JSX.Element;

package/lib/assets/ic-color-24-pdf.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ICColor24Pdf: () => React.JSX.Element;

package/lib/assets/ic-color-24-ppt.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ICColor24Ppt: () => React.JSX.Element;