fix(css): re-added css imports in components

Se-Gl · Aug 6, 2022 · 5ad9486 · 5ad9486
1 parent 686325e
commit 5ad9486
Show file tree

Hide file tree

Showing 16 changed files with 19 additions and 11 deletions.
diff --git a/dist/index.es.js b/dist/index.es.js
diff --git a/dist/index.js b/dist/index.js
diff --git a/src/components/Accordion/Accordion.js b/src/components/Accordion/Accordion.js
@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect } from 'react'
 import { BoxPlusIcon, PlusIcon } from './Icons'
-// import '../../style/green.css'
+import '../../../dist/style/green.css'
 
 export function Accordion({
   expand = 'Your title',

diff --git a/src/components/Accordion/Icons.js b/src/components/Accordion/Icons.js
@@ -1,5 +1,5 @@
 import React from 'react'
-// import '../../style/green.css'
+import '../../../dist/style/green.css'
 
 export function BoxPlusIcon({
   width = '11',

diff --git a/src/components/CookieBanner/CookieBanner.js b/src/components/CookieBanner/CookieBanner.js
@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react'
+import '../../../dist/style/green.css'
 
 export function CookieBanner({
   header = '🍪 Our website uses cookies',

diff --git a/src/components/Input/Input.js b/src/components/Input/Input.js
@@ -1,7 +1,6 @@
 import React from 'react'
-
-// import '../../style/input.css'
-// import '../../style/green.css'
+import '../../../dist/style/input.css'
+import '../../../dist/style/green.css'
 
 export function Input({
   required,

diff --git a/src/components/Input/TextArea.js b/src/components/Input/TextArea.js
@@ -1,5 +1,8 @@
 import React, { useEffect } from 'react'
 
+import '../../../dist/style/input.css'
+import '../../../dist/style/green.css'
+
 export function TextArea({
   required,
   id,

diff --git a/src/components/Modal/CloseIcon.js b/src/components/Modal/CloseIcon.js
@@ -1,5 +1,5 @@
 import React from 'react'
-// import '../../style/green.css'
+import '../../../dist/style/green.css'
 
 function CloseIcon({ width = '20', height = '20' }) {
   return (

diff --git a/src/components/Modal/Modal.js b/src/components/Modal/Modal.js
@@ -1,7 +1,7 @@
 import { createPortal } from 'react-dom'
 import React, { useEffect, useRef } from 'react'
 import CloseIcon from './CloseIcon'
-// import '../../style/green.css'
+import '../../../dist/style/green.css'
 
 export const Modal = ({
   children,

diff --git a/src/components/Toast/Toast.js b/src/components/Toast/Toast.js
@@ -1,5 +1,6 @@
 import React, { useCallback } from 'react'
 import ToastItem from './ToastItem'
+import '../../../dist/style/green.css'
 
 export const Toast = ({
   toastList,

diff --git a/src/components/Toast/ToastItem.js b/src/components/Toast/ToastItem.js
@@ -3,9 +3,8 @@ import CloseIcon from './icon/Close'
 import InfoIcon from './icon/Info'
 import ErrorIcon from './icon/Error'
 import SuccessIcon from './icon/Success'
-
-import './Toast.module.css'
 import WarningIcon from './icon/Warning'
+import './Toast.module.css'
 
 const ToastIcon = ({ type }) => {
   switch (type) {

diff --git a/src/components/Toast/icon/Close.js b/src/components/Toast/icon/Close.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import '../../../../dist/style/green.css'
 
 function CloseIcon({ width = '50', height = '50', className = 'fill-black' }) {
   return (

diff --git a/src/components/Toast/icon/Error.js b/src/components/Toast/icon/Error.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import '../../../../dist/style/green.css'
 
 function ErrorIcon({ width = '28', height = '28' }) {
   return (

diff --git a/src/components/Toast/icon/Info.js b/src/components/Toast/icon/Info.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import '../../../../dist/style/green.css'
 
 function InfoIcon({ width = '50', height = '50' }) {
   return (

diff --git a/src/components/Toast/icon/Success.js b/src/components/Toast/icon/Success.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import '../../../../dist/style/green.css'
 
 function SuccessIcon({ width = '50', height = '50' }) {
   return (

diff --git a/src/components/Toast/icon/Warning.js b/src/components/Toast/icon/Warning.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import '../../../../dist/style/green.css'
 
 function WarningIcon({ width = '50', height = '50' }) {
   return (