@retriever-ui/theme - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

CHANGELOG.md

+# @retriever-ui/theme
+
+## 0.0.4
+### Patch Changes
+
+- 6bf56ac: Init changeset to control changelogs
+- 4d17177: implement to publish in npm
+- Updated dependencies [6bf56ac]
+- Updated dependencies [4d17177]
+  - @retriever-ui/type@0.0.4

package.json

 {
   "private": false,
   "name": "@retriever-ui/theme",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Configuraçao dos temas e styleguide",
@@ -41,5 +41,5 @@ "license": "MIT",
   "dependencies": {
-    "@retriever-ui/type": "^0.0.3"
+    "@retriever-ui/type": "^0.0.4"
   },
-  "gitHead": "6daf561dba6cda6535719d5d8b5d3da91989d2a9"
+  "gitHead": "1792b78aa0eff536008818724049ae2231d786a9"
 }

lib/Global.d.ts

-declare const GlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
-export default GlobalStyles;

lib/Global.js

-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var styled_components_1 = require("styled-components");
-var GlobalStyles = styled_components_1.createGlobalStyle(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n\n\n"], ["\n  ",
-    "\n\n\n"])), function (_a) {
-    var theme = _a.theme;
-    return styled_components_1.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      color: ", ";\n\n      ", " {\n        font-size: ", ";\n      }\n    }\n    html {\n      font-size: 6.25%;\n    }\n    body {\n      background-color: ", ";\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      color: ", ";\n\n      ", " {\n        font-size: ", ";\n      }\n    }\n    html {\n      font-size: 6.25%;\n    }\n    body {\n      background-color: ", ";\n      font-family: 'Montserrat', sans-serif;\n      transition: background 0.5s;\n    }\n  "])), theme.font.sizes.mobile.text.medium, theme.colors.black, theme.breakpoint('md'), theme.font.sizes.desktop.text.medium, theme.colors.background);
-});
-exports.default = GlobalStyles;
-var templateObject_1, templateObject_2;

lib/index.d.ts

-import ThemeProvider from './ThemeProvider';
-export default ThemeProvider;
-export * from './Theme';
-export { default as GlobalStyles } from './Global';

lib/index.js

-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GlobalStyles = void 0;
-var ThemeProvider_1 = __importDefault(require("./ThemeProvider"));
-exports.default = ThemeProvider_1.default;
-__exportStar(require("./Theme"), exports);
-var Global_1 = require("./Global");
-Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return __importDefault(Global_1).default; } });

lib/Theme.d.ts

-import { IthemeCustom, BreakpointsType, ButtonType, FontType, LayersType } from '@retriever/type';
-interface IThemeWithoutColor {
-    breakpoint: (T: keyof BreakpointsType) => string;
-    font: FontType;
-    button: ButtonType;
-    layers: LayersType;
-}
-export declare const defaultTheme: IThemeWithoutColor;
-export declare const darkTheme: IthemeCustom;
-export declare const lightTheme: IthemeCustom;
-export {};

lib/Theme.js

-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.lightTheme = exports.darkTheme = exports.defaultTheme = void 0;
-var breakpoints = {
-    sm: '576px',
-    md: '768px',
-    lg: '992px',
-    xl: '1200px',
-};
-function breakpoint(breakpoint) {
-    var size = breakpoints[breakpoint] || breakpoints['lg'];
-    return "@media screen and (min-width: " + size + ")";
-}
-exports.defaultTheme = {
-    breakpoint: breakpoint,
-    font: {
-        family: 'Montserrat',
-        weight: {
-            thin: 300,
-            regular: 400,
-            medium: 500,
-            semiBold: 600,
-            bold: 700,
-        },
-        sizes: {
-            mobile: {
-                text: {
-                    extraSmall: '10rem',
-                    small: '10rem',
-                    medium: '12rem',
-                    large: '14rem',
-                    extraLarge: '16rem',
-                },
-                title: {
-                    extraSmall: '14rem',
-                    small: '16rem',
-                    medium: '20rem',
-                    large: '24rem',
-                    extraLarge: '32rem',
-                },
-            },
-            desktop: {
-                text: {
-                    extraSmall: '10rem',
-                    small: '12rem',
-                    medium: '14rem',
-                    large: '16rem',
-                    extraLarge: '18rem',
-                },
-                title: {
-                    extraSmall: '16rem',
-                    small: '20rem',
-                    medium: '24rem',
-                    large: '32rem',
-                    extraLarge: '40rem',
-                },
-            },
-        },
-    },
-    button: {
-        extraSmall: {
-            height: '24rem',
-            font: '11rem',
-        },
-        small: {
-            height: '30rem',
-            font: '12rem',
-        },
-        medium: {
-            height: '40rem',
-            font: '14rem',
-        },
-        large: {
-            height: '46rem',
-            font: '16rem',
-        },
-        extraLarge: {
-            height: '50rem',
-            font: '18rem',
-        },
-    },
-    layers: {
-        base: 10,
-        header: 15,
-        menu: 25,
-        overlay: 30,
-        modal: 40,
-        alwaysOnTop: 50,
-    },
-};
-exports.darkTheme = __assign(__assign({}, exports.defaultTheme), { colors: {
-        primary: '#FF6F95',
-        primary_01: '#E32557',
-        primary_02: '#FA3C6E',
-        primary_03: '#FB5984',
-        primary_04: '#FF6F95',
-        primary_05: '#FFB1C6',
-        secondary: '#4E4E78',
-        secondary_01: '#00003A',
-        secondary_02: '#000044',
-        secondary_03: '#000050',
-        secondary_04: '#2B2B65',
-        secondary_05: '#CCCCDC',
-        black: '#F5F5F5',
-        black_01: '#242424',
-        black_02: '#333333',
-        black_03: '#7E7E7E',
-        black_04: '#F5F5F5',
-        black_05: '#FFFFFF',
-        white: '#474747',
-        background: '#242424',
-        success: '#0CC065',
-        danger: '#CA1010',
-        info: '#F2994A',
-        gray: '#DDDDDD',
-        gray_01: '#EEEEEE ',
-        gray_02: '#A4A4A4 ',
-        gray_03: '#7E7E7E',
-    } });
-exports.lightTheme = __assign(__assign({}, exports.defaultTheme), { colors: {
-        primary: '#FA3C6E',
-        primary_01: '#FFB1C6',
-        primary_02: '#FF6F95',
-        primary_03: '#FB5984',
-        primary_04: '#E32557',
-        primary_05: '#CF1143',
-        secondary: '#000050',
-        secondary_01: '#CCCCDC',
-        secondary_02: '#4E4E78',
-        secondary_03: '#2B2B65',
-        secondary_04: '#000044',
-        secondary_05: '#00003A',
-        black: '#474747',
-        black_01: '#FFFFFF',
-        black_02: '#F5F5F5',
-        black_03: '#474747',
-        black_04: '#333333',
-        black_05: '#242424',
-        white: '#FFFFFF',
-        background: '#F5F5F5',
-        success: '#0CC065',
-        danger: '#CA1010',
-        info: '#F2994A',
-        gray: '#DDDDDD',
-        gray_01: '#EEEEEE',
-        gray_02: '#A4A4A4',
-        gray_03: '#7E7E7E',
-    } });

lib/ThemeProvider.d.ts

-import { ReactNode } from 'react';
-import { DefaultTheme } from 'styled-components';
-declare type ThemeProviderProps = {
-    theme?: DefaultTheme;
-    children: ReactNode;
-};
-declare const ThemeProvider: ({ children, theme, }: ThemeProviderProps) => JSX.Element;
-export default ThemeProvider;

lib/ThemeProvider.js

-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = require("styled-components");
-var Global_1 = __importDefault(require("./Global"));
-var Theme_1 = require("./Theme");
-var ThemeProvider = function (_a) {
-    var children = _a.children, _b = _a.theme, theme = _b === void 0 ? Theme_1.lightTheme : _b;
-    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: Theme_1.lightTheme || theme },
-        children,
-        react_1.default.createElement(Global_1.default, null)));
-};
-exports.default = ThemeProvider;

New alerts

Empty package

Supply chain risk

Package does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.

Found 1 instance in 1 package

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

1223

-87.99%

Number of package files

3

-70%

Lines of code

0

-100%

Number of medium supply chain risk alerts

3

Infinity%

Dependency changes

• + Added

  @retriever-ui/type@0.0.4
  (transitive)

• - Removed

  @retriever-ui/type@0.0.3
  (transitive)

• Updated

  @retriever-ui/type@^0.0.4