Merge pull request #266 from CSE-Shaco/feat/design-system-showcase-split

Feat/design system showcase split

Author: CSE-Shaco

src/components/ui/design-system/GdgDropdown.module.css

@@ -1,26 +1,26 @@
 .root {}
 
-:global(.gdg-dropdown-trigger [data-slot='input-wrapper']) {
+.root :global(.gdg-dropdown-trigger [data-slot='input-wrapper']) {
   border: 0;
   outline: 0;
   box-shadow: none;
   background: transparent;
 }
 
-:global(.gdg-dropdown-trigger [data-slot='selector-button']) {
+.root :global(.gdg-dropdown-trigger [data-slot='selector-button']) {
   border: 0;
   outline: 0;
   box-shadow: none;
 }
 
-:global(.gdg-dropdown-trigger[data-focus-visible='true']),
-:global(.gdg-dropdown-trigger [data-focus-visible='true']) {
+.root :global(.gdg-dropdown-trigger[data-focus-visible='true']),
+.root :global(.gdg-dropdown-trigger [data-focus-visible='true']) {
   outline: 0;
   box-shadow: none;
 }
 
-:global(.gdg-dropdown-popover [data-top-scroll]),
-:global(.gdg-dropdown-popover [data-bottom-scroll]) {
+.root :global(.gdg-dropdown-popover [data-top-scroll]),
+.root :global(.gdg-dropdown-popover [data-bottom-scroll]) {
   mask-image: none !important;
   -webkit-mask-image: none !important;
 }

src/utils/cn.ts

@@ -0,0 +1,5 @@
+export type ClassValue = string | false | null | undefined
+
+export function cn(...inputs: ClassValue[]): string {
+  return inputs.filter(Boolean).join(' ')
+}