@retriever-ui/theme - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

CHANGELOG.md

 # @retriever-ui/theme
 
+## 1.1.0
+
+### Minor Changes
+
+- [#40](https://github.com/indahousi/retriever/pull/40) [`088bd8f`](https://github.com/indahousi/retriever/commit/088bd8fab6e7be43d2652f2eacaafe600943dca1) Thanks [@gandarfh](https://github.com/gandarfh)! - Implement paragraph and heading to fonts names
+
+### Patch Changes
+
+- Updated dependencies [[`088bd8f`](https://github.com/indahousi/retriever/commit/088bd8fab6e7be43d2652f2eacaafe600943dca1)]:
+  - @retriever-ui/type@0.1.0
+
 ## 1.0.1
@@ -4,0 +15,0 @@

lib/Global.js

@@ -12,8 +12,8 @@ "use strict";
 var react_2 = require("@emotion/react");
-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 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.heading.extraLarge, theme.breakpoint('md'), theme.font.sizes.desktop.heading.extraLarge, theme.font.sizes.mobile.heading.large, theme.breakpoint('md'), theme.font.sizes.desktop.heading.large, theme.font.sizes.mobile.heading.medium, theme.breakpoint('md'), theme.font.sizes.desktop.heading.medium, theme.font.sizes.mobile.heading.small, theme.breakpoint('md'), theme.font.sizes.desktop.heading.small, theme.font.sizes.mobile.heading.extraSmall, theme.breakpoint('md'), theme.font.sizes.desktop.heading.extraSmall, theme.font.sizes.mobile.paragraph.medium, theme.breakpoint('md'), theme.font.sizes.desktop.paragraph.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)); } }));
+    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.paragraph.medium, theme.breakpoint('md'), theme.font.sizes.desktop.paragraph.medium, headingsDefault(theme), styles && styles(theme)); } }));
 };
 exports.default = GlobalStyles;
 var templateObject_1, templateObject_2;

lib/index.d.ts

@@ -6,2 +6,3 @@ import RetrieverProvider from './ThemeProvider';
 export { ColorsProperties } from './colors';
+export { FontsProperties } from './typography';
 export { BreakpointsType, ButtonType, ColorsType, FontSizeType, FontType, FontWeightType, ITheme, LayersType, ScreensType, } from '@retriever-ui/type';

lib/typography.d.ts

@@ -0,3 +1,5 @@
+import { Theme } from '@emotion/react';
 import { FontType } from '@retriever-ui/type';
 declare const typography: FontType;
+export declare type FontsProperties<T extends Theme> = keyof T['font']['fixedSize'];
 export default typography;

lib/typography.js

@@ -13,43 +13,43 @@ "use strict";
     sizes: {
+        desktop: {
+            heading: {
+                extraLarge: '2.5rem',
+                large: '2rem',
+                medium: '1.5rem',
+                small: '1.25rem',
+                extraSmall: '1rem',
+            },
+            paragraph: {
+                extraLarge: '1.25rem',
+                large: '1.125rem',
+                medium: '1rem',
+                small: '0.875rem',
+                extraSmall: '0.75rem',
+            },
+        },
         mobile: {
-            text: {
-                extraSmall: '0.625rem',
-                small: '0.625rem',
-                medium: '0.75rem',
-                large: '0.875rem',
-                extraLarge: '1rem',
-            },
-            title: {
+            heading: {
+                extraLarge: '2rem',
+                large: '1.5rem',
+                medium: '1.25rem',
+                small: '1rem',
                 extraSmall: '0.875rem',
-                small: '1rem',
-                medium: '1.25rem',
-                large: '1.5rem',
-                extraLarge: '2rem',
             },
-        },
-        desktop: {
-            text: {
+            paragraph: {
+                extraLarge: '1.125rem',
+                large: '1rem',
+                medium: '0.875rem',
+                small: '0.75rem',
                 extraSmall: '0.625rem',
-                small: '0.75rem',
-                medium: '0.875rem',
-                large: '1rem',
-                extraLarge: '1.125rem',
             },
-            title: {
-                extraSmall: '1rem',
-                small: '1.25rem',
-                medium: '1.5rem',
-                large: '2rem',
-                extraLarge: '2.5rem',
-            },
         },
     },
     fixedSize: {
-        extraSmall: '0.625rem',
-        small: '0.75rem',
+        extraSmall: '1.25rem',
+        small: '1rem',
         medium: '0.875rem',
-        large: '1rem',
-        extraLarge: '1.25rem',
+        large: '0.75rem',
+        extraLarge: '0.625rem',
     },
 };
 exports.default = typography;

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

24271

2.9%

Lines of code

538

0.56%

Dependency changes

• + Added

  @retriever-ui/type@0.1.0
  (transitive)

• - Removed

  @retriever-ui/type@0.0.11
  (transitive)

• Updated

  @retriever-ui/type@^0.1.0