fix: fixed storybook and chromatic

Author: dev-eranda

.github/workflows/ci.yml

@@ -20,5 +20,5 @@ jobs:
         run: yarn test
       - name: Visual regression tests
         env:
-          CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          CHROMATIC_PROJECT_TOKEN: ${{ secrets.chpt_a1073d7bf2439e5 }}
         run: yarn test:chromatic

packages/react/package.json

@@ -39,9 +39,9 @@
     "dev": "yarn build --watch",
     "test": "jest --verbose",
     "test:watch": "yarn test --watch",
-    "test:chromatic": "chromatic --project-token=\"$CHROMATIC_PROJECT_TOKEN\"",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "test:chromatic": "chromatic --project-token=chpt_a1073d7bf2439e5"
   },
   "publishConfig": {
     "access": "public"

packages/scss/src/molecules/Select.scss

@@ -1,82 +1,3 @@
-// @import "foundation/all";
-
-// .dse-select {
-//   display: flex;
-//   flex-direction: column;
-
-//   position: relative;
-
-//   &__labe {
-
-//     @include padding("xs");
-//     align-items: center;
-//     background: $form-bg-color;
-//     border: 1px solid $form-border-color;
-
-//     cursor: pointer;
-//     display: flex;
-
-//     font-family: $body-font-family;
-//     justify-content: space-between;
-//   }
-
-//   &__caret {
-//     transition: all 250ms ease;
-
-//     &--open {
-//       transform: rotate(180deg);
-//     }
-
-//     &--closed {
-//       transform: rotate(0deg);
-//     }
-//   }
-
-//   &__overlay {
-//     @include padding("none");
-//     @include margin("none");
-//     background-color: $form-bg-color;
-
-//     border: 1px solid $form-border-color;
-
-//     box-shadow: map-get($shadows, "base");
-//     display: none;
-
-//     list-style-type: none;
-
-//     position: absolute;
-
-//     width: 100%;
-//     z-index: 99;
-//   }
-
-//   &__option {
-//     @include padding("xs");
-//     align-items: center;
-
-//     box-sizing: border-box;
-//     cursor: pointer;
-//     display: flex;
-//     justify-content: space-between;
-//     width: 100%;
-//   }
-
-//   &__option--highlighted {
-//     background-color: $form-bg-color-hover;
-//   }
-
-//   &__option--selected {
-//     background-color: $form-bg-option-selected;
-//     color: $form-color-option-selected;
-//   }
-// }
-
-// .dse-select__overlay {
-//   &--open {
-//     display: block;
-//   }
-// }
-
 @import "foundation/all";
 
 .dse-select {