@spaced-out/ui-design-system 0.1.86 → 0.1.87-beta.0

package/lib/utils/charts/typography.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.underline = exports.subTitleExtraSmall = exports.jumboMedium = exports.formLabelSmall = exports.buttonTextExtraSmall = exports.bodySmall = exports.baseType = void 0;
+var _color = require("../../styles/variables/_color");
+var _font = require("../../styles/variables/_font");
+
+const baseType = {
+  fontFamily: 'Centra No 2',
+  fontStyle: 'normal',
+  lineHeight: _font.fontLineHeight120,
+  margin: 0,
+  color: _color.colorTextPrimary,
+  letterSpacing: _font.fontLetterSpacing0,
+  fontWeight: _font.fontWeightMedium,
+  display: 'flex',
+  alignItems: 'center'
+};
+exports.baseType = baseType;
+const jumboMedium = {
+  ...baseType,
+  fontSize: _font.fontSize36,
+  lineHeight: _font.fontLineHeight100,
+  letterSpacing: _font.fontLetterSpacingMinus3
+};
+exports.jumboMedium = jumboMedium;
+const bodySmall = {
+  ...baseType,
+  fontSize: _font.fontSize12,
+  fontWeight: _font.fontWeightBook,
+  lineHeight: _font.fontLineHeight130,
+  letterSpacing: _font.fontLetterSpacing4
+};
+exports.bodySmall = bodySmall;
+const formLabelSmall = {
+  ...baseType,
+  fontSize: _font.fontSize12,
+  lineHeight: _font.fontLineHeight140
+};
+exports.formLabelSmall = formLabelSmall;
+const buttonTextExtraSmall = {
+  ...baseType,
+  fontSize: _font.fontSize12,
+  letterSpacing: _font.fontLetterSpacing1
+};
+exports.buttonTextExtraSmall = buttonTextExtraSmall;
+const underline = {
+  textDecoration: 'underline'
+};
+exports.underline = underline;
+const subTitleExtraSmall = {
+  ...baseType,
+  fontSize: _font.fontSize12,
+  letterSpacing: _font.fontLetterSpacing0,
+  lineHeight: _font.fontLineHeight140
+};
+exports.subTitleExtraSmall = subTitleExtraSmall;

package/lib/utils/charts/typography.js.flow

@@ -0,0 +1,67 @@
+// @flow strict
+import {colorTextPrimary} from '../../styles/variables/_color';
+import {
+  fontLetterSpacing0,
+  fontLetterSpacing1,
+  fontLetterSpacing4,
+  fontLetterSpacingMinus3,
+  fontLineHeight100,
+  fontLineHeight120,
+  fontLineHeight130,
+  fontLineHeight140,
+  fontSize12,
+  fontSize36,
+  fontWeightBook,
+  fontWeightMedium,
+} from '../../styles/variables/_font';
+
+
+export const baseType = {
+  fontFamily: 'Centra No 2',
+  fontStyle: 'normal',
+  lineHeight: fontLineHeight120,
+  margin: 0,
+  color: colorTextPrimary,
+  letterSpacing: fontLetterSpacing0,
+  fontWeight: fontWeightMedium,
+  display: 'flex',
+  alignItems: 'center',
+};
+
+export const jumboMedium = {
+  ...baseType,
+  fontSize: fontSize36,
+  lineHeight: fontLineHeight100,
+  letterSpacing: fontLetterSpacingMinus3,
+};
+
+export const bodySmall = {
+  ...baseType,
+  fontSize: fontSize12,
+  fontWeight: fontWeightBook,
+  lineHeight: fontLineHeight130,
+  letterSpacing: fontLetterSpacing4,
+};
+
+export const formLabelSmall = {
+  ...baseType,
+  fontSize: fontSize12,
+  lineHeight: fontLineHeight140,
+};
+
+export const buttonTextExtraSmall = {
+  ...baseType,
+  fontSize: fontSize12,
+  letterSpacing: fontLetterSpacing1,
+};
+
+export const underline = {
+  textDecoration: 'underline',
+};
+
+export const subTitleExtraSmall = {
+  ...baseType,
+  fontSize: fontSize12,
+  letterSpacing: fontLetterSpacing0,
+  lineHeight: fontLineHeight140,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.86",
+  "version": "0.1.87-beta.0",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {
@@ -93,6 +93,9 @@
     "gulp-babel": "^8.0.0",
     "gulp-rename": "^2.0.0",
     "gulp-replace": "^1.1.3",
+    "highcharts": "^11.4.1",
+    "highcharts-more": "^0.1.7",
+    "highcharts-react-official": "^3.2.1",
     "husky": "2.1.0",
     "invariant": "^2.2.4",
     "jest": "^29.3.1",