fix(GlobalStyle): remove CSS imports

singularity-ui · Feb 16, 2022 · f54cfb6 · f54cfb6
1 parent 1c0005a
commit f54cfb6
Show file tree

Hide file tree

Showing 8,799 changed files with 141 additions and 211,348 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -14,6 +14,7 @@
     "/icons/material/",
     "/scripts/",
     "/storybook-static/",
+    "postcss.config.js",
     "rollup.config.icons.js",
     "rollup.config.js"
   ],

diff --git a/.storybook/main.js b/.storybook/main.js
@@ -1,6 +1,11 @@
 /* eslint-env node */
 
 module.exports = {
-  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+  addons: [
+    '@storybook/addon-actions',
+    '@storybook/addon-essentials',
+    '@storybook/addon-links',
+    '@storybook/addon-postcss',
+  ],
   stories: ['../stories/**/*.stories.mdx', '../stories/**/*.stories.@(js|jsx|ts|tsx)'],
 }
diff --git a/.storybook/preview.jsx b/.storybook/preview.jsx
@@ -4,6 +4,11 @@ import { ThemeProvider } from 'styled-components'
 import { theme } from '../common/theme'
 import { GlobalStyle } from '../GlobalStyle'
 
+import '@fontsource/poppins/300.css'
+import '@fontsource/poppins/400.css'
+import '@fontsource/poppins/500.css'
+import '@fontsource/poppins/700.css'
+
 export const decorators = [
   Story => (
     <ThemeProvider theme={theme}>

diff --git a/GlobalStyle.tsx b/GlobalStyle.tsx
@@ -1,11 +1,5 @@
 import { createGlobalStyle } from 'styled-components'
 
-import '@fontsource/poppins/300.css'
-import '@fontsource/poppins/400.css'
-import '@fontsource/poppins/500.css'
-import '@fontsource/poppins/600.css'
-import '@fontsource/poppins/700.css'
-
 export const GlobalStyle = createGlobalStyle`
   html, body {
     height: 100%;

diff --git a/fields/Checkbox.tsx b/fields/Checkbox.tsx
@@ -3,8 +3,8 @@ import React, { ChangeEvent, ForwardRefRenderFunction, InputHTMLAttributes } fro
 import styled from 'styled-components'
 
 import { SIZE, SIZES } from '../common/constants'
-import MaterialCheckBox from '../icons/material/MaterialCheckBox'
 import MaterialCheckBoxOutlineBlank from '../icons/material/MaterialCheckBoxOutlineBlank'
+import MaterialCheckBoxOutlined from '../icons/material/MaterialCheckBoxOutlined'
 import { Error, Helper } from './shared'
 
 const StyledLabel = styled.label<{
@@ -88,7 +88,7 @@ export const CheckboxWithProps: ForwardRefRenderFunction<HTMLInputElement, Check
       <StyledLabel className="Checkbox" hasError={hasError} size={size}>
         <input ref={ref} onChange={handleOnChange} type="checkbox" {...props} />
 
-        {isChecked ? <MaterialCheckBox /> : <MaterialCheckBoxOutlineBlank />}
+        {isChecked ? <MaterialCheckBoxOutlined /> : <MaterialCheckBoxOutlineBlank />}
         <LabelText isChecked={isChecked}>{label}</LabelText>
       </StyledLabel>
 

diff --git a/icons/material/MaterialAcUnit.js b/icons/material/MaterialAcUnit.js
diff --git a/icons/material/MaterialAcUnitOutlined.js b/icons/material/MaterialAcUnitOutlined.js
diff --git a/icons/material/MaterialAcUnitRounded.js b/icons/material/MaterialAcUnitRounded.js
diff --git a/icons/material/MaterialAcUnitSharp.js b/icons/material/MaterialAcUnitSharp.js
diff --git a/icons/material/MaterialAcUnitTwoTone.js b/icons/material/MaterialAcUnitTwoTone.js
diff --git a/icons/material/MaterialAccessAlarm.js b/icons/material/MaterialAccessAlarm.js
diff --git a/icons/material/MaterialAccessAlarmOutlined.js b/icons/material/MaterialAccessAlarmOutlined.js
diff --git a/icons/material/MaterialAccessAlarmRounded.js b/icons/material/MaterialAccessAlarmRounded.js
diff --git a/icons/material/MaterialAccessAlarmSharp.js b/icons/material/MaterialAccessAlarmSharp.js
diff --git a/icons/material/MaterialAccessAlarmTwoTone.js b/icons/material/MaterialAccessAlarmTwoTone.js
diff --git a/icons/material/MaterialAccessAlarms.js b/icons/material/MaterialAccessAlarms.js
diff --git a/icons/material/MaterialAccessAlarmsOutlined.js b/icons/material/MaterialAccessAlarmsOutlined.js
diff --git a/icons/material/MaterialAccessAlarmsRounded.js b/icons/material/MaterialAccessAlarmsRounded.js