@flodesk/grain 1.1.0 → 1.1.3

package/es/base-styles.css

@@ -2,17 +2,19 @@
   --base: 15px;
   --ratio: calc(0.2vw + 2px);
 
-  --grn-text-sm: 13px;
-  --grn-text-md: var(--base);
-  --grn-text-lg: calc(var(--grn-text-md) + var(--ratio));
-  --grn-text-xl: calc(var(--grn-text-lg) + var(--ratio));
+  --grn-text-s: 13px;
+  --grn-text-m: var(--base);
+  --grn-text-l: calc(var(--grn-text-m) + var(--ratio));
+  --grn-text-xl: calc(var(--grn-text-l) + var(--ratio));
   --grn-text-xxl: calc(var(--grn-text-xl) + var(--ratio));
 
   --grn-weight-normal: 400;
-  --grn-weight-bold: 600;
+  --grn-weight-semiBold: 600;
 }
 
 * {
   letter-spacing: calc(1.3px - 0.07em);
   line-height: calc(5px + 1em);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }

package/es/components/text/index.js

@@ -4,20 +4,24 @@ import "core-js/modules/es.object.define-properties.js";
 
 var _templateObject;
 
+import "core-js/modules/es.array.includes.js";
+
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import PropTypes from 'prop-types';
 import React from "react";
 import styled from "@emotion/styled";
-var Wrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: block;\n  font-size: var(--grn-text-", ");\n  font-weight: var(--grn-weight-", ");\n"])), function (p) {
-  return p.size;
+var sizes = ['s', 'm', 'l', 'xl', 'xxl'];
+var weights = ['normal', 'semiBold'];
+var Wrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: block;\n  font-size: ", ";\n  font-weight: var(--grn-weight-", ");\n"])), function (p) {
+  return sizes.includes(p.size) ? "var(--grn-text-".concat(p.size, ")") : p.size;
 }, function (p) {
   return p.weight;
 });
 export var Text = function Text(_ref) {
   var children = _ref.children,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
+      size = _ref$size === void 0 ? 'm' : _ref$size,
       _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? 'normal' : _ref$weight;
   return /*#__PURE__*/React.createElement(Wrapper, {
@@ -25,8 +29,6 @@ export var Text = function Text(_ref) {
     weight: weight
   }, children);
 };
-var sizes = ['sm', 'md', 'lg', 'xl', 'xxl'];
-var weights = ['normal', 'bold'];
 Text.propTypes = {
   size: PropTypes.oneOf(sizes),
   weight: PropTypes.oneOf(weights)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "1.1.0",
+  "version": "1.1.3",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",
@@ -21,9 +21,10 @@
     "es"
   ],
   "dependencies": {
-    "core-js": "^3.22.8",
     "@emotion/react": "^11.9.0",
-    "@emotion/styled": "^11.8.1"
+    "@emotion/styled": "^11.8.1",
+    "core-js": "^3.22.8",
+    "prop-types": "^15.8.1"
   },
   "peerDependencies": {
     "react": ">=16.8",

package/es/tokens/typography/index.js

@@ -1,7 +0,0 @@
-export var textSizes = {
-  s: "2",
-  m: "2",
-  l: "2",
-  xl: "2",
-  xxl: "2"
-};