CHANGED: style and components directories, removed redundant imports from styles

ADDED: container and card component, card-subcomponents WIP

src/primitive-components/ripple/hooks/useRippleEffect.ts

@@ -24,7 +24,11 @@ export type InteractionEventsType = MouseEvent &
     DragEvent &
     FocusEvent;
 
-const UseRippleEffect = (ref, callback): undefined | RippleEventHandlers => {
+const UseRippleEffect = (
+    ref,
+    callback,
+    enabled = true,
+): undefined | RippleEventHandlers => {
     const [mounted, setMounted] = useState<boolean>(false);
 
     useEffect(() => {
@@ -37,6 +41,10 @@ const UseRippleEffect = (ref, callback): undefined | RippleEventHandlers => {
         return;
     }
 
+    if (!enabled) {
+        return;
+    }
+
     const { start, stop } = ref.current;
 
     return {