@looker/design-tokens - npm Package Compare versions

Comparing version 2.1.0 to 2.2.0-alpha.0

CHANGELOG.md

@@ -6,2 +6,16 @@ # Change Log
 
+# [2.2.0-alpha.0](https://github.com/looker-open-source/components/compare/@looker/design-tokens@2.1.0...@looker/design-tokens@2.2.0-alpha.0) (2021-08-11)
+
+
+### Features
+
+* Add new elevation values ([#2716](https://github.com/looker-open-source/components/issues/2716)) ([7ee921e](https://github.com/looker-open-source/components/commit/7ee921ec520da10972224807e63374e28395d01b))
+* Leverage new theme.elevations instead of theme.shadows ([#2723](https://github.com/looker-open-source/components/issues/2723)) ([33eff32](https://github.com/looker-open-source/components/commit/33eff32a08892e3cc60e725a3604b500bf631672))
+* Leverage uX theme.space unit notation within library ([#2724](https://github.com/looker-open-source/components/issues/2724)) ([e1bcefb](https://github.com/looker-open-source/components/commit/e1bcefbc5ceb0bc7129a1a86a16f432210c0f15a))
+* **design-tokens:** Create new unit-based spacing tokens to represent new design system values ([#2661](https://github.com/looker-open-source/components/issues/2661)) ([9ae1a20](https://github.com/looker-open-source/components/commit/9ae1a20d9bd47f268a37066e8a1303dce88b3769))
+
+
+
+
+
 # [2.1.0](https://github.com/looker-open-source/components/compare/@looker/design-tokens@2.1.0-alpha.1...@looker/design-tokens@2.1.0) (2021-07-26)
@@ -8,0 +22,0 @@

lib/cjs/index.js

@@ -8,4 +8,11 @@ "use strict";
   shouldForwardProp: true,
+  units: true,
   transitions: true
 };
+Object.defineProperty(exports, "units", {
+  enumerable: true,
+  get: function get() {
+    return _space.units;
+  }
+});
 Object.defineProperty(exports, "transitions", {
@@ -37,2 +44,18 @@ enumerable: true,
 
+var _elevation = require("./elevation");
+
+Object.keys(_elevation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _elevation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _elevation[key];
+    }
+  });
+});
+
+var _space = require("./space");
+
 var _theme = require("./theme");
@@ -39,0 +62,0 @@

lib/cjs/system/index.js

@@ -287,16 +287,2 @@ "use strict";
 
-var _space = require("./space");
-
-Object.keys(_space).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _space[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _space[key];
-    }
-  });
-});
-
 var _typography = require("./typography");
@@ -303,0 +289,0 @@

lib/cjs/theme/theme.js

@@ -12,2 +12,6 @@ "use strict";
 
+var _elevation = require("../elevation");
+
+var _space = require("../space");
+
 var _tokens = require("../tokens");
@@ -19,2 +23,3 @@
   easings: _tokens.easings,
+  elevations: _elevation.elevations,
   fontSizes: _tokens.fontSizes,
@@ -27,3 +32,3 @@ fontWeights: _tokens.fontWeights,
   sizes: _tokens.sizes,
-  space: _tokens.space,
+  space: _space.space,
   transitions: _tokens.transitions,
@@ -30,0 +35,0 @@ zIndexFloor: 1

lib/cjs/tokens/index.js

@@ -72,15 +72,2 @@ "use strict";
 
-var _space = require("./space");
-
-Object.keys(_space).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _space[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _space[key];
-    }
-  });
-});
-
 var _transitions = require("./transitions");
@@ -87,0 +74,0 @@

lib/index.d.ts

 export declare const shouldForwardProp: genericShouldForwardProp;
 export * from './color';
+export * from './elevation';
+export type { LegacySpaceRamp, SpaceRamp, SpacingSizes, SpaceProps, UnitRamp, UnitSizes, } from './space';
+export { units } from './space';
 export * from './theme';
@@ -4,0 +7,0 @@ export * from './system';

lib/index.js

@@ -28,2 +28,4 @@ import "core-js/modules/es.array.is-array.js";
 export * from './color';
+export * from './elevation';
+export { units } from './space';
 export * from './theme';
@@ -30,0 +32,0 @@ export * from './system';

lib/system/index.d.ts

@@ -15,4 +15,3 @@ import { HTMLProps } from 'react';
 export * from './size';
-export * from './space';
 export * from './typography';
 export * from './reset';

lib/system/index.js

@@ -9,5 +9,4 @@ export { border, borderRadius, boxShadow, backgroundPosition, color, display, flexbox, fontSize, fontFamily, fontWeight, lineHeight, letterSpacing, fontStyle, height, layout, maxWidth, minWidth, overflow, padding, position, space, size, system, textAlign, typography, variant, verticalAlign, width } from 'styled-system';
 export * from './size';
-export * from './space';
 export * from './typography';
 export * from './reset';
 //# sourceMappingURL=index.js.map

lib/theme/theme.d.ts

 import { DefaultTheme } from 'styled-components';
 import { Colors } from '../color';
-import { Easings, FontFamilyChoices, FontSizeRamp, FontWeightRamp, LineHeightRamp, Radii, SizeRamp, Shadows, SpaceRamp, TransitionRamp, FontSources } from '../system';
+import { Elevations } from '../elevation';
+import { SpaceRamp } from '../space';
+import { Easings, FontFamilyChoices, FontSizeRamp, FontWeightRamp, LineHeightRamp, Radii, SizeRamp, Shadows, TransitionRamp, FontSources } from '../system';
 export interface Theme {
@@ -8,2 +10,3 @@ breakpoints: string[];
     easings: Easings;
+    elevations: Elevations;
     fontSizes: FontSizeRamp;
@@ -10,0 +13,0 @@ fonts: FontFamilyChoices;

lib/theme/theme.js

 import { DefaultTheme } from 'styled-components';
 import { colors } from '../color';
-import { breakpoints, easings, fontFamilies, fontSizes, fontWeights, lineHeights, radii, sizes, shadows, space, transitions } from '../tokens';
+import { elevations } from '../elevation';
+import { space } from '../space';
+import { breakpoints, easings, fontFamilies, fontSizes, fontWeights, lineHeights, radii, sizes, shadows, transitions } from '../tokens';
 export var theme = {
@@ -8,2 +10,3 @@ breakpoints: breakpoints,
   easings: easings,
+  elevations: elevations,
   fontSizes: fontSizes,
@@ -10,0 +13,0 @@ fontWeights: fontWeights,

lib/tokens/index.d.ts

@@ -6,4 +6,3 @@ export * from './breakpoints';
 export * from './size';
-export * from './space';
 export * from './transitions';
 export * from './typography';

lib/tokens/index.js

@@ -6,5 +6,4 @@ export * from './breakpoints';
 export * from './size';
-export * from './space';
 export * from './transitions';
 export * from './typography';
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@looker/design-tokens",
   "license": "MIT",
-  "version": "2.1.0",
+  "version": "2.2.0-alpha.0",
   "main": "lib/cjs/index.js",
@@ -45,3 +45,3 @@ "module": "lib/index.js",
   },
-  "gitHead": "1a8f95426726c3ed92fc259fa83dc01c6261d01f"
+  "gitHead": "cbe8a5c7764c6dc9594b5ad7d7b574d081e389a8"
 }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

557843

increased by3.53%

Number of package files

414

increased by3.76%

Lines of code

3862

increased by4.63%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes