Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@cloudflare/style-container

Package Overview
Dependencies
Maintainers
27
Versions
506
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@cloudflare/style-container - npm Package Compare versions

Comparing version 4.0.3 to 4.0.4

19

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log

<a name="4.0.4"></a>
## [4.0.4](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@4.0.3...@cloudflare/style-container@4.0.4) (2018-07-26)
### Bug Fixes
* **style-container:** UI-1013 Fix generics 2-4 to be optional ([401a143](http://stash.cfops.it:7999/fe/stratus/commits/401a143))
<a name="4.0.3"></a>

@@ -19,3 +30,3 @@ ## [4.0.3](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@4.0.2...@cloudflare/style-container@4.0.3) (2018-07-20)

<a name="4.0.2"></a>
<a name="4.0.2"></a>
## [4.0.2](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@4.0.1...@cloudflare/style-container@4.0.2) (2018-07-19)

@@ -28,3 +39,3 @@

<a name="4.0.1"></a>
<a name="4.0.1"></a>
## [4.0.1](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@4.0.0...@cloudflare/style-container@4.0.1) (2018-07-19)

@@ -37,3 +48,3 @@

<a name="4.0.0"></a>
<a name="4.0.0"></a>
# [4.0.0](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@3.0.3...@cloudflare/style-container@4.0.0) (2018-07-18)

@@ -54,3 +65,3 @@

<a name="3.0.3"></a>
<a name="3.0.3"></a>
## [3.0.3](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/style-container@3.0.2...@cloudflare/style-container@3.0.3) (2018-07-15)

@@ -57,0 +68,0 @@

import { createComponent as createFelaComponent } from 'react-fela';
import getReactDisplayName from 'react-display-name';
function createComponent(rule) {
export function createComponent(rule) {
var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'div';

@@ -11,3 +10,2 @@ var passThroughProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];

}
export default createComponent;

@@ -8,3 +8,3 @@ declare module '@cloudflare/style-container' {

export type TThemable = { theme?: typeof variables };
export type TThemable = { theme: typeof variables };

@@ -29,10 +29,10 @@ type DisplayNameFn = (name: string) => void;

Props,
ComponentElem extends HTMLElement,
ComponentProps,
Tag extends keyof HTMLElementTagNameMap
ComponentElem extends HTMLElement = HTMLDivElement,
ComponentProps = {},
Tag extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap
>(
rule: Style<Props & TThemable>,
base?: Tag | FelaHtmlComponent<ComponentProps, ComponentElem>,
passthrough?: string[]
): React.SFC<Exclude<Props, 'theme'> & ComponentProps>;
passThroughProps?: string[]
): React.SFC<Props & ComponentProps>;

@@ -39,0 +39,0 @@ export function createStyledComponent<T, P = {}>(

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

});
exports.createComponent = createComponent;
exports.default = void 0;

@@ -8,0 +9,0 @@

{
"name": "@cloudflare/style-container",
"description": "Cloudflare Style Container",
"version": "4.0.3",
"version": "4.0.4",
"main": "lib/index.js",

@@ -6,0 +6,0 @@ "module": "es/index.js",

@@ -10,14 +10,14 @@ import * as React from 'react';

export type TTheme = { theme: typeof variables };
export type TThemable = { theme: typeof variables };
function createComponent<
export function createComponent<
Props,
ComponentElem extends HTMLElement,
ComponentProps,
Tag extends keyof HTMLElementTagNameMap
ComponentElem extends HTMLElement = HTMLDivElement,
ComponentProps = {},
Tag extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap
>(
rule: Style<Props & TTheme>,
rule: Style<Props & TThemable>,
base: Tag | FelaHtmlComponent<ComponentProps, ComponentElem> = 'div' as Tag,
passThroughProps: string[] = []
): React.SFC<Exclude<Props, 'theme'> & ComponentProps> {
): React.SFC<Props & ComponentProps> {
const Component = createFelaComponent(

@@ -24,0 +24,0 @@ rule,

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc