@hig/themes - npm Package Compare versions

Comparing version 0.1.0-alpha.a8872f53 to 0.1.0-alpha.ac22c72f

build/index.es.js

@@ -0,3 +1,3 @@
+import PropTypes from 'prop-types';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 
@@ -14,2 +14,9 @@ var HIGLightTheme = {
 
+var themeContextShape = {
+  /** Uniquely identifies a theme */
+  themeId: PropTypes.string,
+  /** A class added to each themed element */
+  themeClass: PropTypes.string
+};
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
@@ -25,9 +32,2 @@
 
-var themeContextShape = {
-  /** Uniquely identifies a theme */
-  themeId: PropTypes.string,
-  /** A class added to each themed element */
-  themeClass: PropTypes.string
-};
-
 var Provider = function (_Component) {
@@ -68,15 +68,24 @@ _inherits(Provider, _Component);
 
-var Consumer = function (_Component2) {
-  _inherits(Consumer, _Component2);
+var _createClass$1 = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
+function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn$1(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Consumer = function (_Component) {
+  _inherits$1(Consumer, _Component);
+
   function Consumer() {
-    _classCallCheck(this, Consumer);
+    _classCallCheck$1(this, Consumer);
 
-    return _possibleConstructorReturn(this, (Consumer.__proto__ || Object.getPrototypeOf(Consumer)).apply(this, arguments));
+    return _possibleConstructorReturn$1(this, (Consumer.__proto__ || Object.getPrototypeOf(Consumer)).apply(this, arguments));
   }
 
-  _createClass(Consumer, [{
+  _createClass$1(Consumer, [{
     key: 'render',
     value: function render() {
-      return this.props.children(this.context.themeId ? this.context : HIGLightTheme);
+      var theme = this.context.themeId && this.context.themeClass ? this.context : HIGLightTheme;
+      return this.props.children(theme);
     }
@@ -93,6 +102,18 @@ }]);
 Consumer.contextTypes = themeContextShape;
+Consumer.__docgenInfo = {
+  'description': '',
+  'displayName': 'Consumer',
+  'props': {
+    'children': {
+      'type': {
+        'name': 'func'
+      },
+      'required': false,
+      'description': 'A theme provided to the consumer within'
+    }
+  }
+};
 
+var index = { Provider: Provider, Consumer: Consumer };
 
-var ThemeContext = { Provider: Provider, Consumer: Consumer };
-
-export { HIGLightTheme, MatrixTheme, ThemeContext };
+export { HIGLightTheme, MatrixTheme, index as ThemeContext };

build/index.js

@@ -7,4 +7,4 @@ 'use strict';
 
+var PropTypes = _interopDefault(require('prop-types'));
 var react = require('react');
-var PropTypes = _interopDefault(require('prop-types'));
 
@@ -21,2 +21,9 @@ var HIGLightTheme = {
 
+var themeContextShape = {
+  /** Uniquely identifies a theme */
+  themeId: PropTypes.string,
+  /** A class added to each themed element */
+  themeClass: PropTypes.string
+};
+
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
@@ -32,9 +39,2 @@
 
-var themeContextShape = {
-  /** Uniquely identifies a theme */
-  themeId: PropTypes.string,
-  /** A class added to each themed element */
-  themeClass: PropTypes.string
-};
-
 var Provider = function (_Component) {
@@ -75,15 +75,24 @@ _inherits(Provider, _Component);
 
-var Consumer = function (_Component2) {
-  _inherits(Consumer, _Component2);
+var _createClass$1 = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
+function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn$1(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Consumer = function (_Component) {
+  _inherits$1(Consumer, _Component);
+
   function Consumer() {
-    _classCallCheck(this, Consumer);
+    _classCallCheck$1(this, Consumer);
 
-    return _possibleConstructorReturn(this, (Consumer.__proto__ || Object.getPrototypeOf(Consumer)).apply(this, arguments));
+    return _possibleConstructorReturn$1(this, (Consumer.__proto__ || Object.getPrototypeOf(Consumer)).apply(this, arguments));
   }
 
-  _createClass(Consumer, [{
+  _createClass$1(Consumer, [{
     key: 'render',
     value: function render() {
-      return this.props.children(this.context.themeId ? this.context : HIGLightTheme);
+      var theme = this.context.themeId && this.context.themeClass ? this.context : HIGLightTheme;
+      return this.props.children(theme);
     }
@@ -100,8 +109,20 @@ }]);
 Consumer.contextTypes = themeContextShape;
+Consumer.__docgenInfo = {
+  'description': '',
+  'displayName': 'Consumer',
+  'props': {
+    'children': {
+      'type': {
+        'name': 'func'
+      },
+      'required': false,
+      'description': 'A theme provided to the consumer within'
+    }
+  }
+};
 
+var index = { Provider: Provider, Consumer: Consumer };
 
-var ThemeContext = { Provider: Provider, Consumer: Consumer };
-
 exports.HIGLightTheme = HIGLightTheme;
 exports.MatrixTheme = MatrixTheme;
-exports.ThemeContext = ThemeContext;
+exports.ThemeContext = index;

package.json

 {
   "name": "@hig/themes",
-  "version": "0.1.0-alpha.a8872f53",
+  "version": "0.1.0-alpha.ac22c72f",
   "description": "HIG theme definitions and supporting components",
@@ -10,8 +10,5 @@ "author": "Autodesk Inc.",
   "module": "build/index.es.js",
-  "dependencies": {
-    "@hig/banner": "0.2.0-alpha.a8872f53",
-    "@hig/styles": "0.1.0-alpha.a8872f53"
-  },
   "devDependencies": {
-    "@hig/scripts": "0.2.0-alpha.a8872f53"
+    "@hig/scripts": "0.2.0-alpha.ac22c72f",
+    "@hig/styles": "0.1.0-alpha.ac22c72f"
   },
@@ -18,0 +15,0 @@ "peerDependencies": {

README.md

@@ -5,2 +5,8 @@ # ThemeContext component
 
+## Getting started
+
+```
+yarn add @hig/themes
+```
+
 ## Provide a theme to components
@@ -15,2 +21,2 @@ ```
 }
-```
+```

src/__stories__/ThemeContext.stories.js

@@ -9,8 +9,8 @@ import React from "react";
 
-import Banner from "@hig/banner";
+import Banner, { AVAILABLE_TYPES as BANNER_TYPES } from "@hig/banner";
 import readme from '../../README.md';
-import { ThemeContext, HIGLightTheme, MatrixTheme } from '@hig/themes';
+import ThemeContext from "../ThemeContext";
+import HIGLightTheme from "../themes/HIGLightTheme";
+import MatrixTheme from "../themes/MatrixTheme";
 
-
-const typeOptions = makeSelectOptions(Banner.types);
 const themeOptions = {
@@ -34,8 +34,13 @@ "hig-light": "HIG Light",
   const theme = select('Theme', themeOptions, 'hig-light');
-  const bannerType = select("Banner type", typeOptions, Banner.types[0]);
   return (
     <ThemeContext.Provider value={themes[theme]}>
-      <Banner type={bannerType}>{`This message presented in ${themeOptions[theme]} theme`}</Banner>
+      <div>
+        {BANNER_TYPES.map((type) => (
+          <div style={{ marginBottom: "20px" }}>
+            <Banner type={type}>{`This ${type} message presented in ${themeOptions[theme]} theme`}</Banner>
+          </div>
+        ))}
+      </div>
     </ThemeContext.Provider>
   );
 }));

src/index.js

@@ -1,3 +0,3 @@
-export { default as HIGLightTheme } from './HIGLightTheme';
-export { default as MatrixTheme } from './MatrixTheme';
+export { default as HIGLightTheme } from './themes/HIGLightTheme';
+export { default as MatrixTheme } from './themes/MatrixTheme';
 export { default as ThemeContext } from './ThemeContext';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

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

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

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

Improved metrics

Total package byte prevSize

18794

increased by49.86%

Dependency count

2

decreased by-50%

Number of package files

19

increased by72.73%

Lines of code

396

increased by54.09%

Number of lines in readme file

21

increased by50%

Worsened metrics

Dev dependency count

2

increased by100%

Dependency changes

• - Removed@hig/banner@0.2.0-alpha.a8872f53

• - Removed@hig/styles@0.1.0-alpha.a8872f53

• - Removed@hig/banner@0.2.0-alpha.a8872f53(transitive)

• - Removed@hig/icon@0.1.0-alpha.a8872f53(transitive)

• - Removed@hig/icon-button@0.1.0-alpha.a8872f53(transitive)

• - Removed@hig/icons@0.1.0-alpha.a8872f53(transitive)

• - Removed@hig/typography@0.1.0-alpha.a8872f53(transitive)