gwen - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

lib/src/styles/base.d.ts

@@ -1,19 +0,2 @@
-export declare const theme: {
-    teal: string;
-    red: string;
-    green: string;
-    blue: string;
-    yellow: string;
-    pink: string;
-    primary: string;
-    secondary: string;
-    black: string;
-    gray: (factor: number) => string;
-    white: string;
-    sans: string;
-    serif: string;
-};
-export declare const smallBreak = "500px";
-export declare const mediumBreak = "900px";
-export declare const largeBreak = "2000px";
+export declare const gray: (factor: number) => string;
 export declare const row: string;
@@ -38,2 +21,9 @@ export declare const col: string;
 export declare const color: (color: string) => string;
+export declare const fs1: string;
+export declare const fs2: string;
+export declare const fs3: string;
+export declare const fs4: string;
+export declare const fs5: string;
+export declare const fs6: string;
+export declare const fs7: string;
 export declare const fs8: string;
@@ -70,4 +60,4 @@ export declare const fs9: string;
 export declare const fill: string;
-export declare const sans: string;
-export declare const serif: string;
-export declare const app: string;
+export declare const tal: string;
+export declare const tac: string;
+export declare const tar: string;

lib/src/styles/base.js

@@ -8,24 +8,25 @@ "use strict";
 var color_1 = __importDefault(require("color"));
-exports.theme = {
-    teal: '#078399',
-    red: '#86151b',
-    green: '#027a42',
-    blue: '#0d93ad',
-    yellow: '#c5b503',
-    pink: "#FC0077",
-    primary: "#FC0077",
-    secondary: "#FC0077",
-    black: '#000',
-    gray: function (factor) {
-        return color_1.default('#ffffff')
-            .darken(factor / 100)
-            .hex();
-    },
-    white: '#fff',
-    sans: 'Merriweather Sans',
-    serif: 'EB Garamond',
+exports.gray = function (factor) {
+    return color_1.default('#ffffff')
+        .darken(factor / 100)
+        .hex();
 };
-exports.smallBreak = '500px';
-exports.mediumBreak = '900px';
-exports.largeBreak = '2000px';
+// export const theme = {
+//   teal: '#078399',
+//   red: '#86151b',
+//   green: '#027a42',
+//   blue: '#0d93ad',
+//   yellow: '#c5b503',
+//   pink: `#FC0077`,
+//   primary: `#FC0077`,
+//   secondary: `#FC0077`,
+//   black: '#000',
+//   gray,
+//   white: '#fff',
+//   sans: `'Helvetica', 'Arial', sans-serif`,
+//   serif: `"Times New Roman", Times, serif`,
+//   smallBreak: '500px',
+//   mediumBreak: '900px',
+//   largeBreak: '2000px',
+// };
 exports.row = emotion_1.css({
@@ -55,3 +56,3 @@ display: 'flex',
 exports.label = emotion_1.css({
-    color: exports.theme.gray(40),
+    color: exports.gray(40),
     textTransform: 'uppercase',
@@ -65,2 +66,9 @@ fontWeight: 800,
 };
+exports.fs1 = emotion_1.css({ fontSize: '1pt' });
+exports.fs2 = emotion_1.css({ fontSize: '2pt' });
+exports.fs3 = emotion_1.css({ fontSize: '3pt' });
+exports.fs4 = emotion_1.css({ fontSize: '4pt' });
+exports.fs5 = emotion_1.css({ fontSize: '5pt' });
+exports.fs6 = emotion_1.css({ fontSize: '6pt' });
+exports.fs7 = emotion_1.css({ fontSize: '7pt' });
 exports.fs8 = emotion_1.css({ fontSize: '8pt' });
@@ -97,11 +105,5 @@ exports.fs9 = emotion_1.css({ fontSize: '9pt' });
 exports.fill = emotion_1.cx(exports.wide, exports.tall);
-exports.sans = emotion_1.css({
-    fontFamily: "\"" + exports.theme.sans + "\", 'Helvetica', 'Arial',\n    sans-serif",
-});
-exports.serif = emotion_1.css({
-    fontFamily: "\"" + exports.theme.serif + "\", \"Times New Roman\", Times, serif",
-});
-exports.app = emotion_1.cx(exports.full, emotion_1.css({
-    fontFamily: "\"" + exports.theme.sans + "\", 'Helvetica', 'Arial',\n    sans-serif",
-}));
+exports.tal = emotion_1.css({ textAlign: 'left' });
+exports.tac = emotion_1.css({ textAlign: 'center' });
+exports.tar = emotion_1.css({ textAlign: 'right' });
 //# sourceMappingURL=base.js.map

lib/src/styles/btn.js

@@ -9,3 +9,2 @@ "use strict";
 var emotion_1 = require("emotion");
-var internal_1 = require("../internal");
 exports.base = emotion_1.css({
@@ -81,3 +80,3 @@ border: 'none',
     return emotion_1.cx(exports.threeD, exports.bgColor(color), exports.shadowColor(color), emotion_1.css({
-        color: internal_1.theme.white,
+        color: 'white',
     }));
@@ -84,0 +83,0 @@ };

lib/src/styles/inp.js

@@ -8,5 +8,5 @@ "use strict";
         fontSize: '16px',
-        backgroundColor: internal_1.theme.gray(4),
+        backgroundColor: internal_1.gray(4),
         borderRadius: '4px',
-        border: "2px solid " + internal_1.theme.gray(20),
+        border: "2px solid " + internal_1.gray(20),
         position: 'relative',
@@ -16,3 +16,3 @@ transition: '0.1s'
     _a["&:focus-within"] = {
-        border: "2px solid " + internal_1.theme.gray(40),
+        border: "2px solid " + internal_1.gray(40),
     },
@@ -32,3 +32,3 @@ _a["& input"] = {
         transition: '0.1s',
-        color: internal_1.theme.gray(40),
+        color: internal_1.gray(40),
         textTransform: 'uppercase',
@@ -35,0 +35,0 @@ fontWeight: 800,

package.json

 {
   "name": "gwen",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "A styling utility designed for brevity",
@@ -5,0 +5,0 @@ "main": "./lib/src/index.js",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

25380

0.34%

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Lines of code

411

-2.14%

No dependency changes