@lightspeed/cirrus-tokens - npm Package Compare versions

Comparing version 3.5.0 to 3.5.1

CHANGELOG.md

@@ -10,2 +10,8 @@ # Changelog
 
+## 3.5.1 - 2019-01-29
+
+### Fixed
+
+- Use `@lightspeed/config-prettier`, re-format all files ([#612](https://github.com/lightspeedretail/cirrus/pull/612))
+
 ## 3.5.0 - 2018-12-12
@@ -26,14 +32,11 @@
 <a name="3.3.0"></a>
+
 # [3.3.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@3.2.1...@lightspeed/cirrus-tokens@3.3.0) (2018-11-15)
 
-
 ### Features
 
-* **token:** Add breakpoints to theme generation script ([#514](https://github.com/lightspeedretail/cirrus/issues/514)) ([7a23732](https://github.com/lightspeedretail/cirrus/commit/7a23732))
+- **token:** Add breakpoints to theme generation script ([#514](https://github.com/lightspeedretail/cirrus/issues/514)) ([7a23732](https://github.com/lightspeedretail/cirrus/commit/7a23732))
 
+<a name="3.2.1"></a>
 
-
-
-
-<a name="3.2.1"></a>
 ## [3.2.1](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@3.2.0...@lightspeed/cirrus-tokens@3.2.1) (2018-11-13)
@@ -43,216 +46,158 @@
 
+<a name="3.2.0"></a>
 
-
-
-
-<a name="3.2.0"></a>
 # [3.2.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@3.1.0...@lightspeed/cirrus-tokens@3.2.0) (2018-11-13)
 
-
 ### Features
 
-* **tokens:** Add theme generation-script. Add new core package ([#511](https://github.com/lightspeedretail/cirrus/issues/511)) ([463af70](https://github.com/lightspeedretail/cirrus/commit/463af70))
+- **tokens:** Add theme generation-script. Add new core package ([#511](https://github.com/lightspeedretail/cirrus/issues/511)) ([463af70](https://github.com/lightspeedretail/cirrus/commit/463af70))
 
+<a name="3.1.0"></a>
 
-
-
-
-<a name="3.1.0"></a>
 # [3.1.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@3.0.0...@lightspeed/cirrus-tokens@3.1.0) (2018-11-12)
 
-
 ### Features
 
-* **tokens:** update cr-inner-shadow-1 value ([#508](https://github.com/lightspeedretail/cirrus/issues/508)) ([297b342](https://github.com/lightspeedretail/cirrus/commit/297b342))
+- **tokens:** update cr-inner-shadow-1 value ([#508](https://github.com/lightspeedretail/cirrus/issues/508)) ([297b342](https://github.com/lightspeedretail/cirrus/commit/297b342))
 
+<a name="3.0.0"></a>
 
-
-
-
-<a name="3.0.0"></a>
 # [3.0.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.8.0...@lightspeed/cirrus-tokens@3.0.0) (2018-10-15)
 
+- Colour & Style refresh (#492) ([30bbb53](https://github.com/lightspeedretail/cirrus/commit/30bbb53)), closes [#492](https://github.com/lightspeedretail/cirrus/issues/492)
 
-* Colour & Style refresh (#492) ([30bbb53](https://github.com/lightspeedretail/cirrus/commit/30bbb53)), closes [#492](https://github.com/lightspeedretail/cirrus/issues/492)
-
-
 ### BREAKING CHANGES
 
-* Styling and colour adjustments for the following components:
+- Styling and colour adjustments for the following components:
 
-- Button 
-- Select
-- Radio
-- Checkbox 
-- Modal Header shadow
-- Card shadow style
-- Alert
+* Button
+* Select
+* Radio
+* Checkbox
+* Modal Header shadow
+* Card shadow style
+* Alert
 
 Most changes are done at the sass level and are simple colour replacement or removal of properties, namely box shadows.
 
+<a name="2.8.0"></a>
 
-
-
-
-<a name="2.8.0"></a>
 # [2.8.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.7.1...@lightspeed/cirrus-tokens@2.8.0) (2018-07-05)
 
-
 ### Features
 
-* **tokens:** Add token helper functions ([#449](https://github.com/lightspeedretail/cirrus/issues/449)) ([4ad3f8e](https://github.com/lightspeedretail/cirrus/commit/4ad3f8e))
+- **tokens:** Add token helper functions ([#449](https://github.com/lightspeedretail/cirrus/issues/449)) ([4ad3f8e](https://github.com/lightspeedretail/cirrus/commit/4ad3f8e))
 
+<a name="2.7.1"></a>
 
-
-
-
-<a name="2.7.1"></a>
 ## [2.7.1](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.7.0...@lightspeed/cirrus-tokens@2.7.1) (2018-03-16)
 
-
-
-
 **Note:** Version bump only for package @lightspeed/cirrus-tokens
 
 <a name="2.7.0"></a>
+
 # [2.7.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.6.0...@lightspeed/cirrus-tokens@2.7.0) (2018-02-28)
 
-
 ### Features
 
-* **tokens:** Shadows now visually aligned with original design ([#376](https://github.com/lightspeedretail/cirrus/issues/376)) ([871cccc](https://github.com/lightspeedretail/cirrus/commit/871cccc))
+- **tokens:** Shadows now visually aligned with original design ([#376](https://github.com/lightspeedretail/cirrus/issues/376)) ([871cccc](https://github.com/lightspeedretail/cirrus/commit/871cccc))
 
+<a name="2.6.0"></a>
 
-
-
-<a name="2.6.0"></a>
 # [2.6.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.5.0...@lightspeed/cirrus-tokens@2.6.0) (2018-02-22)
 
-
 ### Features
 
-* **icon:** Add fill utility classes ([#367](https://github.com/lightspeedretail/cirrus/issues/367)) ([e12c9c9](https://github.com/lightspeedretail/cirrus/commit/e12c9c9))
-* **tokens:** add border shadow and update documentation ([#370](https://github.com/lightspeedretail/cirrus/issues/370)) ([dc6ebef](https://github.com/lightspeedretail/cirrus/commit/dc6ebef))
+- **icon:** Add fill utility classes ([#367](https://github.com/lightspeedretail/cirrus/issues/367)) ([e12c9c9](https://github.com/lightspeedretail/cirrus/commit/e12c9c9))
+- **tokens:** add border shadow and update documentation ([#370](https://github.com/lightspeedretail/cirrus/issues/370)) ([dc6ebef](https://github.com/lightspeedretail/cirrus/commit/dc6ebef))
 
+<a name="2.5.0"></a>
 
-
-
-<a name="2.5.0"></a>
 # [2.5.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.4.0...@lightspeed/cirrus-tokens@2.5.0) (2018-02-19)
 
-
 ### Features
 
-* **tokens:** Updated blue-200 to newer color ([#365](https://github.com/lightspeedretail/cirrus/issues/365)) ([53ab86c](https://github.com/lightspeedretail/cirrus/commit/53ab86c))
+- **tokens:** Updated blue-200 to newer color ([#365](https://github.com/lightspeedretail/cirrus/issues/365)) ([53ab86c](https://github.com/lightspeedretail/cirrus/commit/53ab86c))
 
+<a name="2.4.0"></a>
 
-
-
-<a name="2.4.0"></a>
 # [2.4.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.3.2...@lightspeed/cirrus-tokens@2.4.0) (2018-02-09)
 
-
 ### Features
 
-* add flag component ([#351](https://github.com/lightspeedretail/cirrus/issues/351)) ([9ce1fdb](https://github.com/lightspeedretail/cirrus/commit/9ce1fdb)), closes [#276](https://github.com/lightspeedretail/cirrus/issues/276)
+- add flag component ([#351](https://github.com/lightspeedretail/cirrus/issues/351)) ([9ce1fdb](https://github.com/lightspeedretail/cirrus/commit/9ce1fdb)), closes [#276](https://github.com/lightspeedretail/cirrus/issues/276)
 
+<a name="2.3.2"></a>
 
-
-
-<a name="2.3.2"></a>
 ## [2.3.2](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.3.0...@lightspeed/cirrus-tokens@2.3.2) (2018-01-08)
 
-
-
-
 **Note:** Version bump only for package @lightspeed/cirrus-tokens
 
 <a name="2.3.1"></a>
+
 ## [2.3.1](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.3.0...@lightspeed/cirrus-tokens@2.3.1) (2018-01-08)
 
-
-
-
 **Note:** Version bump only for package @lightspeed/cirrus-tokens
 
 <a name="2.3.0"></a>
+
 # [2.3.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.2.1...@lightspeed/cirrus-tokens@2.3.0) (2017-12-12)
 
-
 ### Features
 
-* **button:** Add positioning support for childrens ([#284](https://github.com/lightspeedretail/cirrus/issues/284)) ([20f40ed](https://github.com/lightspeedretail/cirrus/commit/20f40ed))
+- **button:** Add positioning support for childrens ([#284](https://github.com/lightspeedretail/cirrus/issues/284)) ([20f40ed](https://github.com/lightspeedretail/cirrus/commit/20f40ed))
 
+<a name="2.2.1"></a>
 
-
-
-<a name="2.2.1"></a>
 ## [2.2.1](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.2.0...@lightspeed/cirrus-tokens@2.2.1) (2017-11-24)
 
-
-
-
 **Note:** Version bump only for package @lightspeed/cirrus-tokens
 
 <a name="2.2.0"></a>
+
 # [2.2.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.1.3...@lightspeed/cirrus-tokens@2.2.0) (2017-11-09)
 
-
 ### Features
 
-* **tokens:** add background-color and border-color classes ([#227](https://github.com/lightspeedretail/cirrus/issues/227)) ([7488337](https://github.com/lightspeedretail/cirrus/commit/7488337))
+- **tokens:** add background-color and border-color classes ([#227](https://github.com/lightspeedretail/cirrus/issues/227)) ([7488337](https://github.com/lightspeedretail/cirrus/commit/7488337))
 
+<a name="2.1.3"></a>
 
-
-
-<a name="2.1.3"></a>
 ## [2.1.3](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.1.2...@lightspeed/cirrus-tokens@2.1.3) (2017-10-25)
 
-
-
-
 **Note:** Version bump only for package @lightspeed/cirrus-tokens
 
 <a name="2.1.2"></a>
+
 ## [2.1.2](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.1.1...@lightspeed/cirrus-tokens@2.1.2) (2017-10-02)
 
-
-
-
 **Note:** Version bump only for package @lightspeed/cirrus-tokens
 
 <a name="2.1.1"></a>
+
 ## [2.1.1](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.1.0...@lightspeed/cirrus-tokens@2.1.1) (2017-09-22)
 
-
 ### Bug Fixes
 
-* **tokens:** update dive color ([#162](https://github.com/lightspeedretail/cirrus/issues/162)) ([9e6c365](https://github.com/lightspeedretail/cirrus/commit/9e6c365))
+- **tokens:** update dive color ([#162](https://github.com/lightspeedretail/cirrus/issues/162)) ([9e6c365](https://github.com/lightspeedretail/cirrus/commit/9e6c365))
 
+<a name="2.1.0"></a>
 
-
-
-<a name="2.1.0"></a>
 # [2.1.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-tokens@2.0.0...@lightspeed/cirrus-tokens@2.1.0) (2017-07-12)
 
-
 ### Features
 
-* add label component (#63) ([af0dbea](https://github.com/lightspeedretail/cirrus/commit/af0dbea))
+- add label component (#63) ([af0dbea](https://github.com/lightspeedretail/cirrus/commit/af0dbea))
 
+<a name="2.0.0"></a>
 
-
-
-<a name="2.0.0"></a>
 # 2.0.0 (2017-07-04)
 
-
 ### Bug Fixes
 
-* add publishConfig access public to packages ([011e61e](https://github.com/lightspeedretail/cirrus/commit/011e61e))
-* make packages public ([208da2f](https://github.com/lightspeedretail/cirrus/commit/208da2f))
+- add publishConfig access public to packages ([011e61e](https://github.com/lightspeedretail/cirrus/commit/011e61e))
+- make packages public ([208da2f](https://github.com/lightspeedretail/cirrus/commit/208da2f))
 
-
 ### Features
 
-* **button:** Add Button Component (#44) ([14b8d4b](https://github.com/lightspeedretail/cirrus/commit/14b8d4b))
+- **button:** Add Button Component (#44) ([14b8d4b](https://github.com/lightspeedretail/cirrus/commit/14b8d4b))

package.json

 {
   "name": "@lightspeed/cirrus-tokens",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "description": "Cirrus's Foundation",
@@ -20,3 +20,3 @@ "main": "index.js",
   },
-  "gitHead": "0d4398d7a571cdecae4476fbf333c23bf10ea3d5"
+  "gitHead": "5aabc872d41cda04b1aed105bde2d97b616cdc11"
 }

README.md

@@ -86,9 +86,8 @@ # Tokens
 
-
 ## Colors
-Every color is structured in the following way: We have one base color (_e.g., **blue**_) and each base color has three variants which are scaled on brightness with a numeric system similar to fonts (**blue-100** being the lighter variant and **blue-300** being the darker one*). That leaves space for potential new colors and makes things clear if you have to pick a non-base color for something.
 
+Every color is structured in the following way: We have one base color (_e.g., **blue**_) and each base color has three variants which are scaled on brightness with a numeric system similar to fonts (**blue-100** being the lighter variant and **blue-300** being the darker one\*). That leaves space for potential new colors and makes things clear if you have to pick a non-base color for something.
+
 We name our colors by their original name except for our brand colors. It makes things more clear when you are using a brand color which is a good thing to take in mind.
 
-
 - Text colors: `.cr-{color}-{value}`
@@ -109,2 +108,3 @@ - Background colors: `.cr-bg-{color}-{value}`
 #### Font scale
+
 The font scale consists of seven different font sizes. No other sizes are accepted. The `text-xxs` text style should only be used in uppercase because 8 is generally too small for text, by making it uppercase it has the same height as normal `text-xs` text.
@@ -134,2 +134,3 @@
 ## Shadows
+
 Shadows make things tangible on screen. It gives the illusion of things coming off the screen and not being flat. They will also help to create depth levels, which enables hierarchy.
@@ -139,3 +140,2 @@
 
-
 - Outer: `.cr-shadow-{scale}`
@@ -146,3 +146,5 @@ - Inner: `.cr-inner-shadow-{scale}`, `.cr-inner-shadow-n{scale}
 ---
+
 ## Radii
+
 Border radius applies to all corners. We use them to make our elements look friendlier and softer to the eye.
@@ -379,3 +381,2 @@
 ```js
-
 import React from 'react';
@@ -392,9 +393,5 @@ import tokens from '@lightspeed/cirrus-tokens';
 
-const MyComponent = () => (
-  <div style={styles}>
-    My Component
-  </div>
-);
+const MyComponent = () => <div style={styles}>My Component</div>;
 
 export default MyComponent;
 ```

src/shadows.js

@@ -7,3 +7,9 @@ const { parseToRgb } = require('polished');
 
-const outerValues = [{ y: 1, blur: 2 }, { y: 2, blur: 4 }, { y: 3, blur: 6 }, { y: 6, blur: 12 }, { y: 12, blur: 24 }];
+const outerValues = [
+  { y: 1, blur: 2 },
+  { y: 2, blur: 4 },
+  { y: 3, blur: 6 },
+  { y: 6, blur: 12 },
+  { y: 12, blur: 24 },
+];
 const outer = outerValues.reduce((obj, { y, blur }, index) => {
@@ -31,3 +37,5 @@ const scale = index + 1;
   // eslint-disable-next-line no-param-reassign
-  obj[`inner-shadow-n${scale}`] = `inset 0 ${pxToRem(y)} ${pxToRem(blur)} rgba(${red}, ${green}, ${blue}, 0.18)`;
+  obj[`inner-shadow-n${scale}`] = `inset 0 ${pxToRem(y)} ${pxToRem(
+    blur,
+  )} rgba(${red}, ${green}, ${blue}, 0.18)`;
   return obj;
@@ -34,0 +42,0 @@ }, {});

theme/default.js

@@ -104,3 +104,6 @@ // Do not modify directly!
   ],
-  innerShadows: ['inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1)', 'inset 0 0 0.375rem rgba(12, 13, 13, 0.18)'],
+  innerShadows: [
+    'inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1)',
+    'inset 0 0 0.375rem rgba(12, 13, 13, 0.18)',
+  ],
   innerShadowsN: ['inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18)'],
@@ -107,0 +110,0 @@ borderShadows: ['0 0 0 0.0625rem rgba(12, 13, 13, 0.15)'],

No alert changes

Improved metrics

Lines of code

627

increased by1.79%

Worsened metrics

Total package byte prevSize

57723

decreased by-22.02%

Number of package files

24

decreased by-7.69%

Number of lines in readme file

391

decreased by-0.76%

No dependency changes