@indoqa/style-system-demo - npm Package Compare versions

Comparing version 1.4.1-alpha.2 to 1.4.1-alpha.3

package.json

 {
   "name": "@indoqa/style-system-demo",
-  "version": "1.4.1-alpha.2",
+  "version": "1.4.1-alpha.3",
   "description": "A demo for the Indoqa Style-System theming support and base components.",
@@ -36,9 +36,9 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@indoqa/react-app-polyfill": "^1.4.1-alpha.2",
-    "@indoqa/style-system": "^1.4.1-alpha.2",
-    "@indoqa/ui-explorer": "^1.4.1-alpha.2",
-    "fela": "^11.5.2",
-    "fela-monolithic": "^11.5.2",
-    "fela-plugin-named-keys": "^11.5.2",
-    "fela-preset-web": "^11.5.2",
+    "@indoqa/react-app-polyfill": "^1.4.1-alpha.3",
+    "@indoqa/style-system": "^1.4.1-alpha.3",
+    "@indoqa/ui-explorer": "^1.4.1-alpha.3",
+    "fela": "^11.6.0",
+    "fela-monolithic": "^11.6.0",
+    "fela-plugin-named-keys": "^11.6.0",
+    "fela-preset-web": "^11.6.0",
     "history": "^4.10.1",
@@ -48,8 +48,9 @@ "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "react-fela": "^11.5.2",
+    "react-fela": "^11.6.0",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
-    "react-syntax-highlighter": "^15.4.3"
+    "react-syntax-highlighter": "^15.4.3",
+    "tslib": "^2.1.0"
   },
-  "gitHead": "3fa3a934becee4ea371b80f9e7662e13b6a8be3a"
+  "gitHead": "195e01d994e14ddb4874c32b985cd70fa7c78118"
 }

src/fela/FelaComponentSamplesCode.ts

@@ -22,3 +22,3 @@ const felaComponentSamplesCode = `const StyledDiv: React.FC = () => {
 const themedElementWithChildrenCode = `const ThemedElementWithChildren: React.FC = ({children}) => {
-  const style: StyleFunction<Theme> = ({theme}): PStyle => ({
+  const style: StyleFunction<Theme> = ({theme}): IStyle => ({
     backgroundColor: theme.colors.primary,
@@ -41,3 +41,3 @@ color: 'white',
 const themedElementWithChildrenAndPropsCode = `const ThemedElementWithChildrenAndProps: React.FC<Props> = ({onClick, children}) => {
-  const style: StyleFunction<Theme> = ({theme}): PStyle => ({
+  const style: StyleFunction<Theme> = ({theme}): IStyle => ({
     backgroundColor: theme.colors.primary,
@@ -44,0 +44,0 @@ color: 'white',

src/fela/FelaHookSamplesCode.ts

 const styledDivCode = `const StyledDiv: React.FC = () => {
   const {css} = useFela()
-  const style: PStyle = {
+  const style: IStyle = {
     backgroundColor: 'orange',
@@ -26,3 +26,3 @@ width: 50,
   const {css, theme} = useFela<Theme>()
-  const style: PStyle = {
+  const style: IStyle = {
     backgroundColor: theme.colors.accent,
@@ -50,3 +50,3 @@ color: 'white',
   const {css, theme} = useFela<Theme>()
-  const style: PStyle = {
+  const style: IStyle = {
     backgroundColor: theme.colors.accent,
@@ -98,5 +98,5 @@ color: 'white',
 
-const styledWithStaticRendererCode = `const RendererUsage: React.FC = () => {
+const styledWithStaticRendererCode = `const RendererUsage = () => {
   const {renderer} = useFela()
-  const style: PStyle = {
+  const style: IStyle = {
     backgroundColor: 'green',
@@ -103,0 +103,0 @@ width: 50,

No alert changes

Worsened metrics

Total package byte prevSize

59293

decreased by-0.13%

Dependency count

16

increased by6.67%

Lines of code

1475

decreased by-0.14%

Dependency changes

• + Addedtslib@^2.1.0

• + Addedtslib@2.8.1(transitive)

• Updated@indoqa/react-app-polyfill@^1.4.1-alpha.3

• Updated@indoqa/style-system@^1.4.1-alpha.3

• Updated@indoqa/ui-explorer@^1.4.1-alpha.3

• Updatedfela@^11.6.0

• Updatedfela-monolithic@^11.6.0

• Updatedfela-plugin-named-keys@^11.6.0

• Updatedfela-preset-web@^11.6.0

• Updatedreact-fela@^11.6.0