[DPCP-27] [DPCP-28] Fix IconButton Size and add Deep Link Protocol (#8)

* ar(fix) husky

* ar(feat) DPCP-27 DPCP-28: Icon Button Size, Custom Protocol

* ar(feat) DPCP-27 DPCP-28: Icon Button Size, Custom Protocol

* ar(feat) DPCP-27 DPCP-28: Icon Button Size, Custom Protocol

* ar(feat) DPCP-27 DPCP-28: Icon Button Size, Custom Protocol

* ar(feat) DPCP-27 DPCP-28: Icon Button Size, Custom Protocol

* ar(feat) DPCP-27 DPCP-28: Icon Button Size, Custom Protocol

* ar(feat) DPCP-27 DPCP-28: Icon Button Size, Custom Protocol

.eslintrc

@@ -22,7 +22,7 @@
       "jsx": true
     }
   },
-  "ignorePatterns": ["*.config.ts"],
+  "ignorePatterns": ["*.config.ts", "*.config.d.ts"],
   "extends": [
     "eslint:recommended",
     "plugin:react/recommended",

.gitignore

@@ -134,4 +134,4 @@ storybook-static
 
 *storybook.log
 
-.DS_Store
+.DS_Store

.husky/pre-commit

@@ -1,8 +1,8 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npm run format
-npm run lint
-npm run build
-npm run test
+npm run format:fix
+# npm run lint
+# npm run build
+# npm run test
 git add .

package.json

@@ -15,12 +15,14 @@
     "lint:icons": "eslint . --ext .ts,.tsx --ignore-path .gitignore --fix",
     "format": "prettier --write --parser typescript '**/*.{ts,tsx}' --ignore-path .ignoreicons",
     "lint": "eslint . --ext .ts,.tsx --ignore-path .ignoreicons --fix",
-    "build": "tsc -p tsconfig.json && vite build && cp ./tailwind.config.ts ./dist/ && tsc -p tsconfig-dist.json",
+    "build": "tsc -p tsconfig.json && cp ./tailwind.config.ts ./public/ && tsc -p tsconfig-dist.json && vite build",
+    "build:watch": "tsc -p tsconfig.json && cp ./tailwind.config.ts ./public/ && tsc -p tsconfig-dist.json && vite build --watch",
     "test": "vitest run",
     "test-watch": "vitest",
     "test:ui": "vitest --ui",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
+    "format:fix": "npm run ci:format",
     "ci:format": "npm run format && npm run lint",
     "ci:format:icons": "npm run format:icons && npm run lint:icons",
     "prepare": "husky",

public/tailwind.config.d.ts

@@ -0,0 +1,304 @@
+export declare const DreamPipColors: {
+  transparent: string;
+  logo: {
+    light: {
+      st0: string;
+      st1: string;
+      st2: string;
+      st3: string;
+      st4: string;
+      st5: string;
+      st6: string;
+      st7: string;
+    };
+    dark: {
+      st0: string;
+      st1: string;
+      st2: string;
+      st3: string;
+      st4: string;
+      st5: string;
+      st6: string;
+      st7: string;
+    };
+  };
+  card: {
+    white: string;
+    soft: string;
+    dark: string;
+    foggy: string;
+  };
+  icon: {
+    light: {
+      primary: string;
+      secondary: string;
+      bw: string;
+      white: string;
+    };
+    dark: {
+      primary: string;
+      secondary: string;
+      bw: string;
+      white: string;
+    };
+  };
+  primary: {
+    light: string;
+    contrast: string;
+    dark: string;
+    passion: string;
+    passionLight: string;
+    passionSoft: string;
+    soft: string;
+    green: string;
+    white: string;
+  };
+  secondary: {
+    light: string;
+    constrast: string;
+    dark: string;
+    passion: string;
+    passionLight: string;
+    passionSoft: string;
+    soft: string;
+  };
+  gradient: {
+    soft: {
+      light: {
+        from: string;
+        to: string;
+      };
+      dark: {
+        from: string;
+        to: string;
+      };
+    };
+  };
+  soft: {
+    light: string;
+    constrast: string;
+    bg: string;
+    dark: string;
+  };
+  outro: {
+    light: string;
+    dark: string;
+  };
+  body: {
+    primary: string;
+    light: string;
+    dark: string;
+    passion: string;
+  };
+  inverse: {
+    light: string;
+    dark: string;
+  };
+  neutral: {
+    light: string;
+    dark: string;
+  };
+};
+declare const _default: {
+  content: string[];
+  important: string;
+  safelist: string[];
+  theme: {
+    colors: {
+      transparent: string;
+      logo: {
+        light: {
+          st0: string;
+          st1: string;
+          st2: string;
+          st3: string;
+          st4: string;
+          st5: string;
+          st6: string;
+          st7: string;
+        };
+        dark: {
+          st0: string;
+          st1: string;
+          st2: string;
+          st3: string;
+          st4: string;
+          st5: string;
+          st6: string;
+          st7: string;
+        };
+      };
+      card: {
+        white: string;
+        soft: string;
+        dark: string;
+        foggy: string;
+      };
+      icon: {
+        light: {
+          primary: string;
+          secondary: string;
+          bw: string;
+          white: string;
+        };
+        dark: {
+          primary: string;
+          secondary: string;
+          bw: string;
+          white: string;
+        };
+      };
+      primary: {
+        light: string;
+        contrast: string;
+        dark: string;
+        passion: string;
+        passionLight: string;
+        passionSoft: string;
+        soft: string;
+        green: string;
+        white: string;
+      };
+      secondary: {
+        light: string;
+        constrast: string;
+        dark: string;
+        passion: string;
+        passionLight: string;
+        passionSoft: string;
+        soft: string;
+      };
+      gradient: {
+        soft: {
+          light: {
+            from: string;
+            to: string;
+          };
+          dark: {
+            from: string;
+            to: string;
+          };
+        };
+      };
+      soft: {
+        light: string;
+        constrast: string;
+        bg: string;
+        dark: string;
+      };
+      outro: {
+        light: string;
+        dark: string;
+      };
+      body: {
+        primary: string;
+        light: string;
+        dark: string;
+        passion: string;
+      };
+      inverse: {
+        light: string;
+        dark: string;
+      };
+      neutral: {
+        light: string;
+        dark: string;
+      };
+    };
+    fontSize: {
+      sm: string;
+      md: string;
+      base: string;
+      xl: string;
+      '1xl': string;
+      '2xl': string;
+      '3xl': string;
+      '4xl': string;
+      '5xl': string;
+    };
+    letterSpacing: {
+      a0: string;
+      a1: string;
+      a2: string;
+      a3: string;
+      a4: string;
+      a5: string;
+      a6: string;
+      b0: string;
+      b1: string;
+      b2: string;
+      b3: string;
+      b4: string;
+      b5: string;
+      b6: string;
+    };
+    lineHeight: {
+      a0: string;
+      a1: string;
+      a2: string;
+      a3: string;
+      a4: string;
+      a5: string;
+      a6: string;
+      b0: string;
+      b1: string;
+      b2: string;
+      b3: string;
+      b4: string;
+      b5: string;
+      b6: string;
+    };
+    spacing: {
+      0: string;
+      a0: string;
+      a1: string;
+      a2: string;
+      a3: string;
+      a4: string;
+      a5: string;
+      a6: string;
+      a7: string;
+      a8: string;
+      a9: string;
+      b0: string;
+      b1: string;
+      b2: string;
+      b3: string;
+      b4: string;
+      b5: string;
+      b6: string;
+    };
+    sizing: {
+      0: string;
+      a0: string;
+      a1: string;
+      a2: string;
+      a3: string;
+      a4: string;
+      a5: string;
+      a6: string;
+      a7: string;
+      a8: string;
+      a9: string;
+      b0: string;
+      b1: string;
+      b2: string;
+      b3: string;
+      b4: string;
+      b5: string;
+      b6: string;
+    };
+    aspectRatio: {
+      square: string;
+      blog: string;
+      tv: string;
+      cinema: string;
+    };
+  };
+  plugins: any[];
+  corePlugins: {
+    preflight: false;
+  };
+  darkMode: ['variant', string];
+};
+export default _default;