bumbag-theme-medipass - npm Package Compare versions

Comparing version 1.0.0-rc.9 to 1.0.0-rc.11

es/Button.js

@@ -119,9 +119,9 @@ import { css, palette, space } from 'bumbag';
     outlined: function outlined(styleProps) {
-      return css(_templateObject2(), palette('white')(styleProps), palette()(styleProps), palette(styleProps.palette + "Inverted")(styleProps), palette(styleProps.palette + "Inverted")(styleProps), palette(styleProps.palette + "700")(styleProps), palette(styleProps.palette + "700")(styleProps));
+      return css(_templateObject2(), palette('white')(styleProps), palette(styleProps.palette)(styleProps), palette(styleProps.palette + "Inverted")(styleProps), palette(styleProps.palette + "Inverted")(styleProps), palette(styleProps.palette + "700")(styleProps), palette(styleProps.palette + "700")(styleProps));
     },
     ghost: function ghost(styleProps) {
-      return css(_templateObject3(), palette(styleProps.palette + "Inverted")(styleProps), palette(styleProps.palette + "Inverted")(styleProps), palette()(styleProps), palette(styleProps.palette + "Inverted")(styleProps), palette(styleProps.palette + "Inverted")(styleProps), palette()(styleProps), palette('white')(styleProps), styleProps.palette === 'default' ? palette('text')(styleProps) : palette(styleProps.palette)(styleProps));
+      return css(_templateObject3(), palette(styleProps.palette + "Inverted")(styleProps), palette(styleProps.palette + "Inverted")(styleProps), palette(styleProps.palette)(styleProps), palette(styleProps.palette + "Inverted")(styleProps), palette(styleProps.palette + "Inverted")(styleProps), palette(styleProps.palette)(styleProps), palette('white')(styleProps), styleProps.palette === 'default' ? palette('text')(styleProps) : palette(styleProps.palette)(styleProps));
     },
     focus: function focus(styleProps) {
-      return css(_templateObject4(), styleProps.palette === 'default' ? palette('gray800')(styleProps) : palette()(styleProps), palette('white')(styleProps), styleProps.palette === 'default' ? palette('gray800')(styleProps) : palette(styleProps.palette + "600")(styleProps), styleProps.palette === 'default' ? 'white' : palette(styleProps.palette + "Inverted")(styleProps));
+      return css(_templateObject4(), styleProps.palette === 'default' ? palette('gray800')(styleProps) : palette(styleProps.palette)(styleProps), palette('white')(styleProps), styleProps.palette === 'default' ? palette('gray800')(styleProps) : palette(styleProps.palette + "600")(styleProps), styleProps.palette === 'default' ? 'white' : palette(styleProps.palette + "Inverted")(styleProps));
     },
@@ -128,0 +128,0 @@ hover: function hover(styleProps) {

lib/Button.js

@@ -123,9 +123,9 @@ 'use strict';
     outlined: function outlined(styleProps) {
-      return bumbag.css(_templateObject2(), bumbag.palette('white')(styleProps), bumbag.palette()(styleProps), bumbag.palette(styleProps.palette + "Inverted")(styleProps), bumbag.palette(styleProps.palette + "Inverted")(styleProps), bumbag.palette(styleProps.palette + "700")(styleProps), bumbag.palette(styleProps.palette + "700")(styleProps));
+      return bumbag.css(_templateObject2(), bumbag.palette('white')(styleProps), bumbag.palette(styleProps.palette)(styleProps), bumbag.palette(styleProps.palette + "Inverted")(styleProps), bumbag.palette(styleProps.palette + "Inverted")(styleProps), bumbag.palette(styleProps.palette + "700")(styleProps), bumbag.palette(styleProps.palette + "700")(styleProps));
     },
     ghost: function ghost(styleProps) {
-      return bumbag.css(_templateObject3(), bumbag.palette(styleProps.palette + "Inverted")(styleProps), bumbag.palette(styleProps.palette + "Inverted")(styleProps), bumbag.palette()(styleProps), bumbag.palette(styleProps.palette + "Inverted")(styleProps), bumbag.palette(styleProps.palette + "Inverted")(styleProps), bumbag.palette()(styleProps), bumbag.palette('white')(styleProps), styleProps.palette === 'default' ? bumbag.palette('text')(styleProps) : bumbag.palette(styleProps.palette)(styleProps));
+      return bumbag.css(_templateObject3(), bumbag.palette(styleProps.palette + "Inverted")(styleProps), bumbag.palette(styleProps.palette + "Inverted")(styleProps), bumbag.palette(styleProps.palette)(styleProps), bumbag.palette(styleProps.palette + "Inverted")(styleProps), bumbag.palette(styleProps.palette + "Inverted")(styleProps), bumbag.palette(styleProps.palette)(styleProps), bumbag.palette('white')(styleProps), styleProps.palette === 'default' ? bumbag.palette('text')(styleProps) : bumbag.palette(styleProps.palette)(styleProps));
     },
     focus: function focus(styleProps) {
-      return bumbag.css(_templateObject4(), styleProps.palette === 'default' ? bumbag.palette('gray800')(styleProps) : bumbag.palette()(styleProps), bumbag.palette('white')(styleProps), styleProps.palette === 'default' ? bumbag.palette('gray800')(styleProps) : bumbag.palette(styleProps.palette + "600")(styleProps), styleProps.palette === 'default' ? 'white' : bumbag.palette(styleProps.palette + "Inverted")(styleProps));
+      return bumbag.css(_templateObject4(), styleProps.palette === 'default' ? bumbag.palette('gray800')(styleProps) : bumbag.palette(styleProps.palette)(styleProps), bumbag.palette('white')(styleProps), styleProps.palette === 'default' ? bumbag.palette('gray800')(styleProps) : bumbag.palette(styleProps.palette + "600")(styleProps), styleProps.palette === 'default' ? 'white' : bumbag.palette(styleProps.palette + "Inverted")(styleProps));
     },
@@ -132,0 +132,0 @@ hover: function hover(styleProps) {

package.json

 {
   "name": "bumbag-theme-medipass",
-  "version": "1.0.0-rc.9",
+  "version": "1.0.0-rc.11",
   "main": "lib/index.js",
@@ -21,3 +21,3 @@ "module": "es/index.js",
     "@types/react-dom": "16.x",
-    "bumbag": "5.x",
+    "bumbag": "1.x",
     "react": "16.x",
@@ -36,3 +36,3 @@ "react-dom": "16.x"
   ],
-  "gitHead": "c913615f4871e7adb7ea2a04e21bf527fe4d937e"
+  "gitHead": "81ff2f386126fd17d83e63cd3f2696ac4d0985fb"
 }

src/Button.ts

@@ -22,3 +22,3 @@ import { css, palette, space } from 'bumbag';
       &:hover {
-        background-color: ${palette()(styleProps)};
+        background-color: ${palette(styleProps.palette)(styleProps)};
         color: ${palette(`${styleProps.palette}Inverted`)(styleProps)};
@@ -39,3 +39,3 @@ fill: ${palette(`${styleProps.palette}Inverted`)(styleProps)};
         fill: ${palette(`${styleProps.palette}Inverted`)(styleProps)};
-        background-color: ${palette()(styleProps)};
+        background-color: ${palette(styleProps.palette)(styleProps)};
       }
@@ -46,3 +46,3 @@
         fill: ${palette(`${styleProps.palette}Inverted`)(styleProps)};
-        background-color: ${palette()(styleProps)};
+        background-color: ${palette(styleProps.palette)(styleProps)};
       }
@@ -59,3 +59,3 @@
     focus: (styleProps) => css`
-      outline: 2px solid ${styleProps.palette === 'default' ? palette('gray800')(styleProps) : palette()(styleProps)};
+      outline: 2px solid ${styleProps.palette === 'default' ? palette('gray800')(styleProps) : palette(styleProps.palette)(styleProps)};
       outline-offset: 0;
@@ -62,0 +62,0 @@ box-shadow: none;

No alert changes

Improved metrics

Total package byte prevSize

886530

increased by0.02%

No dependency changes