@hig/themes - npm Package Compare versions

Comparing version 0.1.0-alpha to 0.1.0-alpha.65599608

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",
+  "version": "0.1.0-alpha.65599608",
   "description": "HIG theme definitions and supporting components",
@@ -10,12 +10,9 @@ "author": "Autodesk Inc.",
   "module": "build/index.es.js",
-  "dependencies": {
-    "@hig/styles": "^0.1.0-alpha",
-    "@hig/banner": "^0.1.1-alpha"
-  },
   "devDependencies": {
-    "@hig/scripts": "^0.1.0"
+    "@hig/scripts": "0.2.0-alpha.65599608",
+    "@hig/styles": "0.1.0-alpha.65599608"
   },
   "peerDependencies": {
-    "react": "^15.4.1",
-    "prop-types": "^15.6.1"
+    "prop-types": "^15.6.1",
+    "react": "^15.4.1"
   },
@@ -22,0 +19,0 @@ "scripts": {

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

Improved metrics

Total package byte prevSize

18743

increased by49.92%

Dependency count

2

decreased by-50%

Number of package files

19

increased by72.73%

Lines of code

396

increased by54.09%

Worsened metrics

Dev dependency count

2

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removed@hig/banner@^0.1.1-alpha

• - Removed@hig/styles@^0.1.0-alpha

• - Removed@hig/banner@0.1.6(transitive)

• - Removed@hig/icon@0.2.1(transitive)

• - Removed@hig/icon-button@0.2.2(transitive)

• - Removed@hig/icons@0.2.1(transitive)

• - Removed@hig/styles@0.1.1(transitive)

• - Removed@hig/theme-data-poc@0.0.8-alpha(transitive)

• - Removed@hig/themes@0.3.0(transitive)

• - Removed@hig/typography@0.1.4(transitive)

• - Removedclassnames@2.5.1(transitive)

• - Removedreact-lifecycles-compat@3.0.4(transitive)

• - Removedtinycolor2@1.6.0(transitive)