@retriever-ui/theme - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

CHANGELOG.md

 # @retriever-ui/theme
 
+## 1.0.1
+
+### Patch Changes
+
+- [#38](https://github.com/indahousi/retriever/pull/38) [`aee773d`](https://github.com/indahousi/retriever/commit/aee773dfdcb10978929d72d7c2672d48f48e78c1) Thanks [@gandarfh](https://github.com/gandarfh)! - Remove spacing theme and add headings global styles.
+
+- Updated dependencies [[`aee773d`](https://github.com/indahousi/retriever/commit/aee773dfdcb10978929d72d7c2672d48f48e78c1)]:
+  - @retriever-ui/type@0.0.11
+
 ## 1.0.0
@@ -4,0 +13,0 @@

lib/Global.d.ts

 /// <reference types="react" />
-declare const GlobalStyles: () => JSX.Element;
+import { Theme, CSSObject } from '@emotion/react';
+interface GlobalStylesPRops {
+    styles?: (theme: Theme) => CSSObject;
+}
+declare const GlobalStyles: ({ styles }: GlobalStylesPRops) => JSX.Element;
 export default GlobalStyles;

lib/Global.js

@@ -12,4 +12,8 @@ "use strict";
 var react_2 = require("@emotion/react");
-var GlobalStyles = function () { return (react_1.default.createElement(react_2.Global, { styles: function (theme) { return react_2.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      * {\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-font-smoothing: antialiased;\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n        font-family: 'Montserrat', sans-serif;\n        font-size: ", ";\n\n        ", " {\n          font-size: ", ";\n        }\n      }\n      body {\n        font-family: 'Montserrat', sans-serif;\n        transition: background 0.5s;\n      }\n    "], ["\n      * {\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-font-smoothing: antialiased;\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n        font-family: 'Montserrat', sans-serif;\n        font-size: ", ";\n\n        ", " {\n          font-size: ", ";\n        }\n      }\n      body {\n        font-family: 'Montserrat', sans-serif;\n        transition: background 0.5s;\n      }\n    "])), theme.font.sizes.mobile.text.medium, theme.breakpoint('md'), theme.font.sizes.desktop.text.medium); } })); };
+var headingsDefault = function (theme) { return (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  h1 {\n    font-size: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n  h2 {\n    font-size: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n  h3 {\n    font-size: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n  h4 {\n    font-size: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n  h5 {\n    font-size: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n  h6 {\n    font-size: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n"], ["\n  h1 {\n    font-size: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n  h2 {\n    font-size: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n  h3 {\n    font-size: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n  h4 {\n    font-size: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n  h5 {\n    font-size: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n  h6 {\n    font-size: ", ";\n\n    ", " {\n      font-size: ", ";\n    }\n  }\n"])), theme.font.sizes.mobile.title.extraLarge, theme.breakpoint('md'), theme.font.sizes.desktop.title.extraLarge, theme.font.sizes.mobile.title.large, theme.breakpoint('md'), theme.font.sizes.desktop.title.large, theme.font.sizes.mobile.title.medium, theme.breakpoint('md'), theme.font.sizes.desktop.title.medium, theme.font.sizes.mobile.title.small, theme.breakpoint('md'), theme.font.sizes.desktop.title.small, theme.font.sizes.mobile.title.extraSmall, theme.breakpoint('md'), theme.font.sizes.desktop.title.extraSmall, theme.font.sizes.mobile.text.medium, theme.breakpoint('md'), theme.font.sizes.desktop.text.medium); };
+var GlobalStyles = function (_a) {
+    var styles = _a.styles;
+    return (react_1.default.createElement(react_2.Global, { styles: function (theme) { return (0, react_2.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      body {\n        font-family: 'Montserrat', sans-serif;\n        transition: background 0.5s;\n      }\n\n      * {\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-font-smoothing: antialiased;\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n        font-family: 'Montserrat', sans-serif;\n        color: ", ";\n        font-size: ", ";\n\n        ", " {\n          font-size: ", ";\n        }\n      }\n\n      ", "\n      ", "\n    "], ["\n      body {\n        font-family: 'Montserrat', sans-serif;\n        transition: background 0.5s;\n      }\n\n      * {\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-font-smoothing: antialiased;\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n        font-family: 'Montserrat', sans-serif;\n        color: ", ";\n        font-size: ", ";\n\n        ", " {\n          font-size: ", ";\n        }\n      }\n\n      ", "\n      ", "\n    "])), theme.colors['black.500'], theme.font.sizes.mobile.text.medium, theme.breakpoint('md'), theme.font.sizes.desktop.text.medium, headingsDefault(theme), styles && styles(theme)); } }));
+};
 exports.default = GlobalStyles;
-var templateObject_1;
+var templateObject_1, templateObject_2;

lib/index.d.ts

@@ -1,3 +0,3 @@
-import ThemeProvider from './ThemeProvider';
-export default ThemeProvider;
+import RetrieverProvider from './ThemeProvider';
+export default RetrieverProvider;
 export * from './theme';
@@ -4,0 +4,0 @@ export { default as GlobalStyles } from './Global';

lib/theme.d.ts

@@ -9,3 +9,2 @@ export declare const defaultTheme: {
     breakpoint: (breakpoint: keyof import("@retriever-ui/type").BreakpointsType) => string;
-    spacing: (...spacingArgs: (string | number)[]) => string;
     font: import("@retriever-ui/type").FontType;
@@ -72,3 +71,2 @@ button: import("@retriever-ui/type").ButtonType;
     breakpoint: (breakpoint: keyof import("@retriever-ui/type").BreakpointsType) => string;
-    spacing: (...spacingArgs: (string | number)[]) => string;
     font: import("@retriever-ui/type").FontType;
@@ -135,3 +133,2 @@ button: import("@retriever-ui/type").ButtonType;
     breakpoint: (breakpoint: keyof import("@retriever-ui/type").BreakpointsType) => string;
-    spacing: (...spacingArgs: (string | number)[]) => string;
     font: import("@retriever-ui/type").FontType;
@@ -138,0 +135,0 @@ button: import("@retriever-ui/type").ButtonType;

lib/theme.js

@@ -20,3 +20,2 @@ "use strict";
 var breakpoint_1 = __importDefault(require("./breakpoint"));
-var spacings_1 = __importDefault(require("./spacings"));
 var typography_1 = __importDefault(require("./typography"));
@@ -32,3 +31,2 @@ var button_1 = __importDefault(require("./button"));
     breakpoint: breakpoint_1.default,
-    spacing: spacings_1.default,
     font: typography_1.default,
@@ -35,0 +33,0 @@ button: button_1.default,

package.json

 {
   "private": false,
   "name": "@retriever-ui/theme",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Configuraçao dos temas e styleguide",
@@ -42,5 +42,5 @@ "license": "MIT",
   "dependencies": {
-    "@retriever-ui/type": "^0.0.10"
+    "@retriever-ui/type": "^0.0.11"
   },
   "gitHead": "c01a9cf342f17503489f4ee9e86bc8a53228c28b"
 }

lib/spacings.d.ts

-declare type SpacingArg = string | number;
-declare const spacing: (...spacingArgs: SpacingArg[]) => string;
-export default spacing;

lib/spacings.js

-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var createSpacings = function (spacings) {
-    var spacing = spacings.map(function (spacing) {
-        var _a = __read(spacing, 2), number = _a[0], unit = _a[1];
-        return "" + number + unit;
-    });
-    return spacing.join(' ');
-};
-var formatIfString = function (value) {
-    var arg = Number(value.replace(/[a-zA-Z]+/g, ''));
-    var type = String(value.match(/[a-zA-Z]+/g));
-    if (type !== 'null') {
-        return [arg, type];
-    }
-    return [arg, 'px'];
-};
-var spacingInOneString = function (spacing) {
-    if (typeof spacing !== 'string')
-        return '';
-    var splitToSpacings = spacing.split(' ');
-    var haveWhiteSpace = splitToSpacings.length > 0;
-    if (!haveWhiteSpace) {
-        var spacingFormated = formatIfString(spacing);
-        return createSpacings([spacingFormated]);
-    }
-    var args = splitToSpacings.map(function (arg) {
-        return formatIfString(arg);
-    });
-    return createSpacings(args);
-};
-var spacing = function () {
-    var spacingArgs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        spacingArgs[_i] = arguments[_i];
-    }
-    if (process.env.NODE_ENV !== 'production' && spacingArgs.length > 4) {
-        console.error("[Retriever-ui] To many arguments provided, expected between 1 and 4, you provide " + spacingArgs.length);
-    }
-    if (spacingArgs.length === 1)
-        return spacingInOneString(spacingArgs[0]);
-    var args = spacingArgs.map(function (arg) {
-        return typeof arg === 'string' ? formatIfString(arg) : [arg, 'px'];
-    });
-    return createSpacings(args);
-};
-exports.default = spacing;

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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

23587

0.03%

Number of low supply chain risk alerts

0

-100%

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Number of package files

19

-9.52%

Lines of code

535

-9.78%

Dependency changes

• + Added

  @retriever-ui/type@0.0.11
  (transitive)

• - Removed

  @retriever-ui/type@0.0.10
  (transitive)

• Updated

  @retriever-ui/type@^0.0.11