Socket
Socket
Sign inDemoInstall

@storybook/theming

Package Overview
Dependencies
16
Maintainers
10
Versions
1607
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 5.1.0-alpha.2 to 5.1.0-alpha.3

5

dist/create.js

@@ -34,3 +34,6 @@ "use strict";

var syntax_1 = require("./modules/syntax");
var themes = { light: light_1.default, dark: dark_1.default };
var themes = {
light: light_1.default,
dark: dark_1.default,
};
var createColors = function (vars) { return ({

@@ -37,0 +40,0 @@ // Changeable colors

2

dist/global.d.ts

@@ -32,3 +32,3 @@ declare type Value = string | number;

}) => Return;
export declare const createGlobal: ({ color, background, typography }: {
export declare const createGlobal: ({ color, background, typography, }: {
color: {

@@ -35,0 +35,0 @@ primary: string;

{
"name": "@storybook/theming",
"version": "5.1.0-alpha.2",
"version": "5.1.0-alpha.3",
"description": "Core Storybook Components",

@@ -26,3 +26,3 @@ "keywords": [

"@emotion/styled": "^10.0.7",
"@storybook/client-logger": "5.1.0-alpha.2",
"@storybook/client-logger": "5.1.0-alpha.3",
"common-tags": "^1.8.0",

@@ -47,3 +47,3 @@ "core-js": "^2.6.5",

},
"gitHead": "394cc916377ea71bfce7f3d9fc1e4c9f154f02bd"
"gitHead": "978caa74502fd06c825dc78d6ad984e3bca79ff6"
}

@@ -12,3 +12,6 @@ // This generates theme variables in the correct shape for the UI

const themes: { light: ThemeVars; dark: ThemeVars } = { light: lightThemeVars, dark: darkThemeVars };
const themes: { light: ThemeVars; dark: ThemeVars } = {
light: lightThemeVars,
dark: darkThemeVars,
};

@@ -131,3 +134,4 @@ interface Rest {

content: appContentBg,
hoverable: base === 'light' ? 'rgba(0,0,0,.05)' : 'rgba(250,250,252,.1)' || background.hoverable,
hoverable:
base === 'light' ? 'rgba(0,0,0,.05)' : 'rgba(250,250,252,.1)' || background.hoverable,

@@ -134,0 +138,0 @@ positive: background.positive,

@@ -90,3 +90,11 @@ import { Color, Background, Typography } from './base';

export const createGlobal = memoize(1)(
({ color, background, typography }: { color: Color; background: Background; typography: Typography }): Return => {
({
color,
background,
typography,
}: {
color: Color;
background: Background;
typography: Typography;
}): Return => {
const resetStyles = createReset({ typography });

@@ -93,0 +101,0 @@ return {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc