@looker/design-tokens - npm Package Compare versions

Comparing version 2.4.0 to 2.5.0

cjs/color/defaults.js

@@ -16,2 +16,3 @@ "use strict";
   key: _palette.purple400,
+  pageBackground: _palette.white,
   text: _palette.charcoal800
@@ -18,0 +19,0 @@ };

cjs/utils/helpers.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.disabledSwatchColor = exports.toggleSwitchShadowColor = exports.knobShadowColor = exports.calendarMixColor = exports.tabShadowColor = exports.iconButtonColorDerivation = exports.buttonShadow = void 0;
+exports.disabledSwatchColor = exports.calendarMixColor = exports.tabShadowColor = exports.iconButtonColorDerivation = exports.buttonShadow = void 0;
 
@@ -45,14 +45,2 @@ var _rgba = _interopRequireDefault(require("polished/lib/color/rgba"));
 
-const knobShadowColor = () => (0, _styledComponents.css)(["box-shadow:0 0 0.01rem 0.01rem ", ";"], ({
-  theme
-}) => (0, _rgba.default)(theme.colors.keyInteractive, 0.5));
-
-exports.knobShadowColor = knobShadowColor;
-
-const toggleSwitchShadowColor = () => (0, _styledComponents.css)(["box-shadow:0 0 0 0.2rem ", ";"], ({
-  theme
-}) => (0, _rgba.default)(theme.colors.keyInteractive, 0.4));
-
-exports.toggleSwitchShadowColor = toggleSwitchShadowColor;
-
 const disabledSwatchColor = color => color && color !== 'transparent' ? (0, _rgba.default)(color, 0.85) : undefined;
@@ -59,0 +47,0 @@

color/defaults.js

@@ -8,2 +8,3 @@ import { blue500, blue600, charcoal800, green500, purple400, red500, yellow500, white } from '../legacy/palette';
   key: purple400,
+  pageBackground: white,
   text: charcoal800
@@ -10,0 +11,0 @@ };

color/types/specifiable.d.ts

@@ -7,2 +7,3 @@ export declare const coreColors: Array<keyof CoreColors>;
     background: string;
+    pageBackground: string;
     key: string;
@@ -9,0 +10,0 @@ }

package.json

 {
 	"name": "@looker/design-tokens",
 	"license": "MIT",
-	"version": "2.4.0",
+	"version": "2.5.0",
 	"sideEffects": false,
@@ -6,0 +6,0 @@ "publishConfig": {

utils/helpers.d.ts

@@ -6,4 +6,2 @@ import type { ExtendedStatefulColor } from '../color/types/stateful';
 export declare const calendarMixColor: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
-export declare const knobShadowColor: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
-export declare const toggleSwitchShadowColor: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 export declare const disabledSwatchColor: (color?: string | undefined) => string | undefined;

utils/helpers.js

@@ -30,14 +30,2 @@ import rgba from 'polished/lib/color/rgba';
 };
-export var knobShadowColor = function knobShadowColor() {
-  return css(["box-shadow:0 0 0.01rem 0.01rem ", ";"], function (_ref5) {
-    var theme = _ref5.theme;
-    return rgba(theme.colors.keyInteractive, 0.5);
-  });
-};
-export var toggleSwitchShadowColor = function toggleSwitchShadowColor() {
-  return css(["box-shadow:0 0 0 0.2rem ", ";"], function (_ref6) {
-    var theme = _ref6.theme;
-    return rgba(theme.colors.keyInteractive, 0.4);
-  });
-};
 export var disabledSwatchColor = function disabledSwatchColor(color) {
@@ -44,0 +32,0 @@ return color && color !== 'transparent' ? rgba(color, 0.85) : undefined;

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

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

Worsened metrics

Total package byte prevSize

536065

decreased by-0.35%

Lines of code

3861

decreased by-0.49%

No dependency changes