Use webpack to minify output and apply babel-plugin-styled-components (#1438)

* Use webpack to minify output and apply babel-plugin-sstyled-components
Add minHeight/maxHeight/minWidth/maxWidth support to Image

* purge the barrel files and restore the ToastProvider tests and stories

Author: sdalonzo

.github/workflows/chromatic-ci.yaml

@@ -8,7 +8,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0 # needed by chromatic for git history
 

.github/workflows/codeql-analysis.yml

@@ -39,7 +39,7 @@ jobs:
 
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       # Initializes the CodeQL tools for scanning.
       - name: Initialize CodeQL

.github/workflows/continuous-integration.yml

@@ -14,9 +14,9 @@ jobs:
         node-version: [18.x]
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
-          fetch-depth: 0 # needed by chromatic for git history
+          fetch-depth: 0
 
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3

.github/workflows/npm-publish-beta.yaml

@@ -20,9 +20,9 @@ jobs:
     steps:
       # Checks out a copy of your repository on the ubuntu-latest machine
       - name: Checkout code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
-          fetch-depth: 0
+          fetch-depth: 1
           token: ${{ secrets.GH_PAT }}
 
       - uses: actions/setup-node@v3

.github/workflows/npm-publish.yaml

@@ -19,9 +19,9 @@ jobs:
     steps:
       # Checks out a copy of your repository on the ubuntu-latest machine
       - name: Checkout code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
-          fetch-depth: 0
+          fetch-depth: 2
           token: ${{ secrets.GH_PAT }}
 
       - uses: actions/setup-node@v3

.github/workflows/on-main.yml

@@ -9,7 +9,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 

.github/workflows/release-branch.yaml

@@ -19,7 +19,7 @@ jobs:
     steps:
       # Checks out a copy of your repository on the ubuntu-latest machine
       - name: Checkout code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - uses: actions/setup-node@v3
         with:

apps/storybook/.storybook/decorators.tsx

@@ -1,4 +1,4 @@
-import { Box, ThemeProvider } from 'pcln-design-system'
+import { Box, ThemeProvider } from 'pcln-design-system/lib'
 import React from 'react'
 
 const ThemeProviderDecorator = (Story) => (

apps/storybook/.storybook/parameters/backgrounds.ts

@@ -1,4 +1,4 @@
-import { createTheme } from 'pcln-design-system'
+import { createTheme } from 'pcln-design-system/lib'
 const baseTheme = createTheme()
 
 export const backgrounds = {

apps/storybook/.storybook/preview-body.html

@@ -0,0 +1 @@
+<div id="ToastProviderRoot"></div>