feat: badge component (Trendyol#131)

* feat: badge component * test: debug tests with puppeteer * test(badge): icon visibility test fixed * refactor(badge): linter fixes * refactor(badge): linter fixes * test(badge): better check for visibility * refactor(badge): lint fix Co-authored-by: Murat Çorlu <127687 [email protected]> Co-authored-by: Murat Çorlu <[email protected]>
Asim-Tahir · Jun 28, 2022 · b47ee47 · b47ee47
1 parent 2dfb5e3
commit b47ee47
Show file tree

Hide file tree

Showing 11 changed files with 29,240 additions and 80 deletions.
diff --git a/commitlint.config.js b/commitlint.config.js
@@ -11,6  11,7 @@ module.exports = {
         'button',
         'icon',
         'input',
         'badge'
       ],
     ],
   },

diff --git a/docs/design-system/colors.stories.mdx b/docs/design-system/colors.stories.mdx
@@ -10,27  10,42 @@ Baklava uses a list of defined color with some default values.
   <ColorItem
     title="--bl-color-primary"
     subtitle="Primary Color"
-    colors={{ '': '#F27A1A', '--hover': '#EF6114' }}
     colors={{ '': '#F27A1A', '--hover': '#EF6114', '--background': '#FEF2E8' }}
   />
   <ColorItem
     title="--bl-color-secondary"
     subtitle="Secondary Color"
-    colors={{ '': '#273142', '--hover': '#0F131A' }}
     colors={{ '': '#273142', '--hover': '#0F131A', '--background': '#F1F2F7' }}
   />
   <ColorItem
     title="--bl-color-tertiary"
     subtitle="Tertiary Color"
-    colors={{ '': '#f1f2f7', '--hover': '#d5d9e1' }}
     colors={{ '': '#f1f2f7', '--hover': '#d5d9e1', '--background': '#F7F7FA' }}
   />
   <ColorItem
     title="--bl-color-success"
     subtitle="Success Color"
-    colors={{ '': '#0bc15c', '--hover': '#09a44e' }}
     colors={{ '': '#0bc15c', '--hover': '#09a44e', '--background': '#E7F9EF' }}
   />
   <ColorItem
     title="--bl-color-danger"
     subtitle="Danger Color"
-    colors={{ '': '#ff5043', '--hover': '#ff3028' }}
     colors={{ '': '#ff5043', '--hover': '#ff3028', '--background': '#FFEEEC' }}
   />
   <ColorItem
     title="--bl-color-warning"
     subtitle="Warning Color"
     colors={{ '': '#FFB600', '--hover': '#FF9800', '--background': '#FFF8E6' }}
   />
   <ColorItem
     title="--bl-color-alternative"
     subtitle="Alternative Color"
     colors={{ '': '#5794FF', '--hover': '#3469FF', '--background': '#EEF4FF' }}
   />
   <ColorItem
     title="--bl-color-featured"
     subtitle="Featured Color"
     colors={{ '': '#8C4EFF', '--hover': '#5E2EFF', '--background': '#F4EDFF' }}
   />
   <ColorItem
     title="--bl-color-content"
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,6 11,7 @@ module.exports = { @@
             'button',
             'icon',
             'input',
+            'badge'
           ],
         ],
       },
@@ Expand Down @@