@atlaskit/range - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

CHANGELOG.md

 # @atlaskit/range
 
+## 0.1.1
+- [patch] [d13242d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d13242d):
+
+  - Change API to experimental theming API to namespace component themes into separate contexts and make theming simpler. Update all dependant components.
+
 ## 0.1.0
@@ -4,0 +9,0 @@ - [minor] [8945a58](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/8945a58):

dist/cjs/Range.js

@@ -32,7 +32,5 @@ "use strict";
 
-var _theme = require("@atlaskit/theme");
-
 var _styled = require("./styled");
 
-var _theme2 = require("./theme");
+var _theme = require("./theme");
 
@@ -116,6 +114,6 @@ var getPercentValue = function getPercentValue(value, min, max) {
       var value = this.getValue();
-      return _react.default.createElement(_theme.Theme, {
-        values: theme
-      }, function (computedTheme) {
-        return _react.default.createElement(_styled.Input, (0, _extends2.default)({}, rest, computedTheme.range(), {
+      return _react.default.createElement(_theme.Theme.Provider, {
+        value: theme
+      }, _react.default.createElement(_theme.Theme.Consumer, null, function (computedTheme) {
+        return _react.default.createElement(_styled.Input, (0, _extends2.default)({}, rest, computedTheme, {
           type: "range",
@@ -130,3 +128,3 @@ value: value,
         }));
-      });
+      }));
     }
@@ -144,4 +142,3 @@ }]);
   step: 1,
-  onChange: function onChange() {},
-  theme: _theme2.theme
+  onChange: function onChange() {}
 });

dist/cjs/theme.js

@@ -6,4 +6,3 @@ "use strict";
 });
-exports.theme = theme;
-exports.track = exports.thumb = void 0;
+exports.Theme = exports.track = exports.thumb = void 0;
 
@@ -18,2 +17,5 @@ var _theme = require("@atlaskit/theme");
   },
+  disabled: {
+    boxShadow: _theme.colors.N60A
+  },
   focus: {
@@ -23,5 +25,2 @@ // This border color is not being used - awaiting focus state lift to props
     border: _theme.colors.B200
-  },
-  disabled: {
-    boxShadow: _theme.colors.N60A
   }
@@ -46,12 +45,8 @@ };
 exports.track = track;
-
-function theme() {
+var Theme = (0, _theme.createTheme)(function () {
   return {
-    range: function range() {
-      return {
-        track: track,
-        thumb: thumb
-      };
-    }
+    thumb: thumb,
+    track: track
   };
-}
+});
+exports.Theme = Theme;

dist/esm/Range.js

@@ -11,5 +11,4 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { Component } from 'react';
-import { Theme } from '@atlaskit/theme';
 import { Input } from './styled';
-import { theme as baseTheme } from './theme';
+import { Theme } from './theme';
 
@@ -99,6 +98,6 @@ var getPercentValue = function getPercentValue(value, min, max) {
       var value = this.getValue();
-      return React.createElement(Theme, {
-        values: theme
-      }, function (computedTheme) {
-        return React.createElement(Input, _extends({}, rest, computedTheme.range(), {
+      return React.createElement(Theme.Provider, {
+        value: theme
+      }, React.createElement(Theme.Consumer, null, function (computedTheme) {
+        return React.createElement(Input, _extends({}, rest, computedTheme, {
           type: "range",
@@ -113,3 +112,3 @@ value: value,
         }));
-      });
+      }));
     }
@@ -127,6 +126,5 @@ }]);
   step: 1,
-  onChange: function onChange() {},
-  theme: baseTheme
+  onChange: function onChange() {}
 });
 
 export { Slider as default };

dist/esm/theme.js

@@ -1,2 +0,2 @@
-import { colors } from '@atlaskit/theme';
+import { colors, createTheme } from '@atlaskit/theme';
 export var thumb = {
@@ -8,2 +8,5 @@ default: {
   },
+  disabled: {
+    boxShadow: colors.N60A
+  },
   focus: {
@@ -13,5 +16,2 @@ // This border color is not being used - awaiting focus state lift to props
     border: colors.B200
-  },
-  disabled: {
-    boxShadow: colors.N60A
   }
@@ -34,11 +34,7 @@ };
 };
-export function theme() {
+export var Theme = createTheme(function () {
   return {
-    range: function range() {
-      return {
-        track: track,
-        thumb: thumb
-      };
-    }
+    thumb: thumb,
+    track: track
   };
-}
+});

dist/package.json

 {
 	"name": "@atlaskit/range",
-	"version": "0.1.0",
+	"version": "0.1.1",
 	"sideEffects": false
 }

package.json

 {
   "name": "@atlaskit/range",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A styled version of the native input[range] element.",
@@ -20,3 +20,3 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@atlaskit/theme": "^6.1.1",
+    "@atlaskit/theme": "^7.0.0",
     "@babel/runtime": "^7.0.0"
@@ -30,5 +30,5 @@ },
     "@atlaskit/build-utils": "^2.0.0",
-    "@atlaskit/docs": "^5.0.6",
-    "@atlaskit/checkbox": "^5.0.5",
-    "@atlaskit/tooltip": "^12.1.9",
+    "@atlaskit/checkbox": "^5.0.8",
+    "@atlaskit/docs": "^5.2.3",
+    "@atlaskit/tooltip": "^12.1.12",
     "enzyme": "https://registry.npmjs.org/@pgleeson/enzyme/-/enzyme-3.3.7.tgz",
@@ -42,2 +42,2 @@ "react-dom": "^16.4.2"
   ]
-}
+}

No alert changes

Improved metrics

Total package byte prevSize

45297

increased by2.76%

Worsened metrics

Lines of code

461

decreased by-2.54%

Dependency changes

• + Added@atlaskit/theme@7.0.5(transitive)

• + Addedexenv@1.2.2(transitive)

• - Removed@atlaskit/theme@6.2.1(transitive)

• Updated@atlaskit/theme@^7.0.0