@cloudflare/style-const - npm Package Compare versions

Comparing version 1.0.7 to 1.0.9

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+       <a name="1.0.9"></a>
+## [1.0.9](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-const@1.0.7...@cloudflare/style-const@1.0.9) (2018-06-07)
+
+
+
+
+**Note:** Version bump only for package @cloudflare/style-const
+
        <a name="1.0.7"></a>
@@ -18,3 +26,3 @@ ## [1.0.7](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-const@1.0.5...@cloudflare/style-const@1.0.7) (2018-06-07)
 
-       <a name="1.0.5"></a>
+      <a name="1.0.5"></a>
 ## [1.0.5](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/style-const@1.0.4...@cloudflare/style-const@1.0.5) (2018-05-24)
@@ -27,3 +35,3 @@
 
-      <a name="1.0.4"></a>
+     <a name="1.0.4"></a>
 ## [1.0.4](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/style-const@1.0.3...@cloudflare/style-const@1.0.4) (2018-05-24)
@@ -40,3 +48,3 @@
 
-     <a name="1.0.3"></a>
+    <a name="1.0.3"></a>
 ## [1.0.3](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/style-const@1.0.2...@cloudflare/style-const@1.0.3) (2018-05-14)
@@ -52,3 +60,3 @@
 
-    <a name="1.0.2"></a>
+   <a name="1.0.2"></a>
 ## [1.0.2](http://stash.cfops.it:7999/www/cf-ux/compare/@cloudflare/style-const@1.0.1...@cloudflare/style-const@1.0.2) (2018-05-10)
@@ -64,3 +72,3 @@
 
-   <a name="1.0.1"></a>
+  <a name="1.0.1"></a>
 ## 1.0.1 (2018-05-09)
@@ -73,3 +81,3 @@
 
-  <a name="3.3.0"></a>
+ <a name="3.3.0"></a>
 # [3.3.0](http://stash.cfops.it:7999/www/cf-ux/compare/cf-style-const@3.2.2...cf-style-const@3.3.0) (2018-05-08)
@@ -104,3 +112,3 @@
 
- <a name="3.2.2"></a>
+<a name="3.2.2"></a>
 ## [3.2.2](http://stash.cfops.it:7999/www/cf-ux/compare/cf-style-const@3.2.1...cf-style-const@3.2.2) (2018-05-04)
@@ -107,0 +115,0 @@

es/index.js

@@ -1,12 +0,3 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.variables = undefined;
+import variables from './variables';
 
-var _variables = require('./variables');
-
-var _variables2 = _interopRequireDefault(_variables);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.variables = _variables2.default;
+export { variables };

es/variables.js

@@ -1,7 +0,3 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+import { darken, lighten } from 'polished';
 
-var _polished = require('polished');
-
 var showWarnings = process.env.NODE_ENV !== 'production';
@@ -97,5 +93,5 @@
   borderRadius: '2px',
-  fontColor: (0, _polished.darken)(0.8, '#fff'),
+  fontColor: darken(0.8, '#fff'),
   colorOffsetDark: colorOffsetDark,
-  colorGrayLight: (0, _polished.darken)(0.13, '#fff'), // deprecated
+  colorGrayLight: darken(0.13, '#fff'), // deprecated
   zIndexMax: 1000,
@@ -148,7 +144,7 @@ zIndexModal: 1400
   bodyAccentColor: {
-    value: (0, _polished.darken)(0.8, '#fff'),
+    value: darken(0.8, '#fff'),
     replacement: 'colors.gray[1]'
   },
   bodyOffsetColor: {
-    value: (0, _polished.darken)(0.53, '#fff'),
+    value: darken(0.53, '#fff'),
     replacement: 'colors.gray[4]'
@@ -162,11 +158,11 @@ },
   colorError: { value: '#ff3100', replacement: 'colors.red[4]' },
-  colorMuted: { value: (0, _polished.darken)(0.5125, '#fff'), replacement: 'colors.gray[4]' },
+  colorMuted: { value: darken(0.5125, '#fff'), replacement: 'colors.gray[4]' },
   colorSmoke: { value: '#f2f2f2', replacement: 'colors.gray[9]' },
   colorBlue: { value: '#2f7bbf', replacement: 'colors.blue[4]' },
   colorBlueLight: {
-    value: (0, _polished.lighten)(colorOffsetLight, '#2f7bbf'),
+    value: lighten(colorOffsetLight, '#2f7bbf'),
     replacement: 'colors.blue[5]'
   },
   colorBlueDark: {
-    value: (0, _polished.darken)(colorOffsetDark, '#2f7bbf'),
+    value: darken(colorOffsetDark, '#2f7bbf'),
     replacement: 'colors.blue[3]'
@@ -176,24 +172,24 @@ },
   colorOrangeLight: {
-    value: (0, _polished.lighten)(colorOffsetLight, '#ff7900'),
+    value: lighten(colorOffsetLight, '#ff7900'),
     replacement: 'colors.orange[7]'
   },
   colorOrangeDark: {
-    value: (0, _polished.darken)(colorOffsetDark, '#ff7900'),
+    value: darken(colorOffsetDark, '#ff7900'),
     replacement: 'colors.orange[5]'
   },
-  colorGray: { value: (0, _polished.darken)(0.5125, '#fff'), replacement: 'colors.gray[4]' },
+  colorGray: { value: darken(0.5125, '#fff'), replacement: 'colors.gray[4]' },
   colorGrayLight: {
-    value: (0, _polished.darken)(0.13, '#fff'),
+    value: darken(0.13, '#fff'),
     replacement: 'colors.gray[7]'
   },
   colorGrayLightOnboarding: { value: '#F7F7F7', replacement: 'colors.gray[9]' },
-  colorGrayDark: { value: (0, _polished.darken)(0.8, '#fff'), replacement: 'colors.gray[1]' },
+  colorGrayDark: { value: darken(0.8, '#fff'), replacement: 'colors.gray[1]' },
   colorGrayBorder: { value: '#666', replacement: 'colors.gray[3]' },
   colorGreen: { value: '#9bca3e', replacement: 'colors.green[6]' },
   colorGreenLight: {
-    value: (0, _polished.lighten)(colorOffsetLight, '#9bca3e'),
+    value: lighten(colorOffsetLight, '#9bca3e'),
     replacement: 'colors.green[7]'
   },
   colorGreenDark: {
-    value: (0, _polished.darken)(colorOffsetDark, '#9bca3e'),
+    value: darken(colorOffsetDark, '#9bca3e'),
     replacement: 'colors.green[5]'
@@ -203,7 +199,7 @@ },
   colorRedLight: {
-    value: (0, _polished.lighten)(colorOffsetLight, '#bd2527'),
+    value: lighten(colorOffsetLight, '#bd2527'),
     replacement: 'colors.red[4]'
   },
   colorRedDark: {
-    value: (0, _polished.darken)(colorOffsetDark, '#bd2527'),
+    value: darken(colorOffsetDark, '#bd2527'),
     replacement: 'colors.red[2]'
@@ -213,7 +209,7 @@ },
   colorYellowLight: {
-    value: (0, _polished.lighten)(colorOffsetLight, '#ffd24d'),
+    value: lighten(colorOffsetLight, '#ffd24d'),
     replacement: 'colors.gold[7]'
   },
   colorYellowDark: {
-    value: (0, _polished.darken)(colorOffsetDark, '#ffd24d'),
+    value: darken(colorOffsetDark, '#ffd24d'),
     replacement: 'colors.gold[5]'
@@ -223,7 +219,7 @@ },
   colorPinkLight: {
-    value: (0, _polished.lighten)(colorOffsetLight, '#d91698'),
+    value: lighten(colorOffsetLight, '#d91698'),
     replacement: 'colors.violet[4]'
   },
   colorPinkDark: {
-    value: (0, _polished.darken)(colorOffsetDark, '#d91698'),
+    value: darken(colorOffsetDark, '#d91698'),
     replacement: 'colors.violet[2]'
@@ -233,7 +229,7 @@ },
   colorPurpleLight: {
-    value: (0, _polished.lighten)(colorOffsetLight, '#9545e5'),
+    value: lighten(colorOffsetLight, '#9545e5'),
     replacement: 'colors.violet[4]'
   },
   colorPurpleDark: {
-    value: (0, _polished.darken)(colorOffsetDark, '#9545e5'),
+    value: darken(colorOffsetDark, '#9545e5'),
     replacement: 'colors.violet[2]'
@@ -299,2 +295,2 @@ },
 
-exports.default = theme;
+export default theme;

lib/variables.js

@@ -9,8 +9,8 @@ 'use strict';
 
-var showWarnings = process.env.NODE_ENV !== 'production';
+const showWarnings = process.env.NODE_ENV !== 'production';
 
-var colorOffsetDark = 0.07;
-var colorOffsetLight = 0.15;
+const colorOffsetDark = 0.07;
+const colorOffsetLight = 0.15;
 
-var theme = {
+const theme = {
   breakpoints: {
@@ -101,3 +101,3 @@ mobile: '13.6em',
   fontColor: (0, _polished.darken)(0.8, '#fff'),
-  colorOffsetDark: colorOffsetDark,
+  colorOffsetDark,
   colorGrayLight: (0, _polished.darken)(0.13, '#fff'), // deprecated
@@ -108,3 +108,3 @@ zIndexMax: 1000,
 
-var namedColors = {
+const namedColors = {
   grass: { value: '#9BCA3E', replacement: 'green[6]' },
@@ -147,3 +147,3 @@ fern: { value: '#85B832', replacement: 'green[5]' },
 
-var themeColors = {
+const themeColors = {
   fontColorHeadingCaption: { value: '#888', replacement: 'colors.gray[4]' },
@@ -255,7 +255,7 @@ disabledBackground: { value: '#ededed', replacement: 'colors.gray[8]' },
 
-Object.keys(namedColors).forEach(function (color) {
+Object.keys(namedColors).forEach(color => {
   Object.defineProperty(theme.colors, color, {
-    get: function get() {
+    get: function () {
       if (showWarnings) {
-        console.warn('Usage of named colors (such as ' + color + ') is now deprecated. Try using ' + namedColors[color].replacement + ' instead.');
+        console.warn(`Usage of named colors (such as ${color}) is now deprecated. Try using ${namedColors[color].replacement} instead.`);
       }
@@ -269,5 +269,5 @@
 
-Object.keys(themeColors).forEach(function (color) {
+Object.keys(themeColors).forEach(color => {
   Object.defineProperty(theme, color, {
-    get: function get() {
+    get: function () {
       // if (showWarnings) {
@@ -286,7 +286,7 @@ // console.warn(
 
-Object.keys(theme.colors).forEach(function (color) {
+Object.keys(theme.colors).forEach(color => {
   Object.defineProperty(theme.color, color, {
-    get: function get() {
+    get: function () {
       if (showWarnings) {
-        console.warn('Usage of \'theme.color\' is deprecated. Use \'theme.colors\' instead.');
+        console.warn(`Usage of 'theme.color' is deprecated. Use 'theme.colors' instead.`);
       }
@@ -293,0 +293,0 @@

package.json

 {
   "name": "@cloudflare/style-const",
   "description": "Cloudflare Style Constants",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "main": "lib/index.js",
@@ -6,0 +6,0 @@ "module": "es/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

60833

decreased by-0.8%

Lines of code

1413

decreased by-0.63%

No dependency changes