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

@vanilla-extract/css

Package Overview
Dependencies
Maintainers
4
Versions
126
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vanilla-extract/css - npm Package Compare versions

Comparing version 0.0.0-inline-prototype-2023322105512 to 0.0.0-inline-prototype-2023322121810

16

dist/vanilla-extract-css.browser.cjs.js

@@ -243,2 +243,3 @@ 'use strict';

}
var createVar$ = createVar;
function fallbackVar() {

@@ -280,2 +281,3 @@ var finalValue = '';

}
var createThemeContract$ = createThemeContract;
function createGlobalThemeContract(tokens, mapFn) {

@@ -293,2 +295,3 @@ return _private.walkObject(tokens, (value, path) => {

}
var createGlobalThemeContract$ = createGlobalThemeContract;

@@ -310,2 +313,3 @@ function createGlobalTheme(selector, arg2, arg3) {

}
var createGlobalTheme$ = createGlobalTheme;
function createTheme(arg1, arg2, arg3) {

@@ -317,2 +321,3 @@ var themeClassName = generateIdentifier(typeof arg2 === 'object' ? arg3 : arg2);

}
var createTheme$ = createTheme;

@@ -480,2 +485,3 @@ var _templateObject;

}
var layer$ = layer;
function globalLayer() {

@@ -492,2 +498,3 @@ var [options, name] = getLayerArgs(...arguments);

}
var globalLayer$ = globalLayer;

@@ -497,2 +504,3 @@ // createContainer is used for local scoping of CSS containers

var createContainer = debugId => generateIdentifier(debugId);
var createContainer$ = createContainer;

@@ -504,7 +512,13 @@ var css$ = t => t;

exports.createContainer = createContainer;
exports.createContainer$ = createContainer$;
exports.createGlobalTheme = createGlobalTheme;
exports.createGlobalTheme$ = createGlobalTheme$;
exports.createGlobalThemeContract = createGlobalThemeContract;
exports.createGlobalThemeContract$ = createGlobalThemeContract$;
exports.createTheme = createTheme;
exports.createTheme$ = createTheme$;
exports.createThemeContract = createThemeContract;
exports.createThemeContract$ = createThemeContract$;
exports.createVar = createVar;
exports.createVar$ = createVar$;
exports.css$ = css$;

@@ -520,2 +534,3 @@ exports.fallbackVar = fallbackVar;

exports.globalLayer = globalLayer;
exports.globalLayer$ = globalLayer$;
exports.globalStyle = globalStyle;

@@ -526,2 +541,3 @@ exports.globalStyle$ = globalStyle$;

exports.layer = layer;
exports.layer$ = layer$;
exports.style = style;

@@ -528,0 +544,0 @@ exports.style$ = style$;

10

dist/vanilla-extract-css.browser.esm.js

@@ -231,2 +231,3 @@ import { injectStyles } from '../injectStyles/dist/vanilla-extract-css-injectStyles.browser.esm.js';

}
var createVar$ = createVar;
function fallbackVar() {

@@ -268,2 +269,3 @@ var finalValue = '';

}
var createThemeContract$ = createThemeContract;
function createGlobalThemeContract(tokens, mapFn) {

@@ -281,2 +283,3 @@ return walkObject(tokens, (value, path) => {

}
var createGlobalThemeContract$ = createGlobalThemeContract;

@@ -298,2 +301,3 @@ function createGlobalTheme(selector, arg2, arg3) {

}
var createGlobalTheme$ = createGlobalTheme;
function createTheme(arg1, arg2, arg3) {

@@ -305,2 +309,3 @@ var themeClassName = generateIdentifier(typeof arg2 === 'object' ? arg3 : arg2);

}
var createTheme$ = createTheme;

@@ -468,2 +473,3 @@ var _templateObject;

}
var layer$ = layer;
function globalLayer() {

@@ -480,2 +486,3 @@ var [options, name] = getLayerArgs(...arguments);

}
var globalLayer$ = globalLayer;

@@ -485,5 +492,6 @@ // createContainer is used for local scoping of CSS containers

var createContainer = debugId => generateIdentifier(debugId);
var createContainer$ = createContainer;
var css$ = t => t;
export { assignVars, composeStyles, createContainer, createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract, createVar, css$, fallbackVar, fontFace, fontFace$, generateIdentifier, globalFontFace, globalFontFace$, globalKeyframes, globalKeyframes$, globalLayer, globalStyle, globalStyle$, keyframes, keyframes$, layer, style, style$, styleVariants, styleVariants$ };
export { assignVars, composeStyles, createContainer, createContainer$, createGlobalTheme, createGlobalTheme$, createGlobalThemeContract, createGlobalThemeContract$, createTheme, createTheme$, createThemeContract, createThemeContract$, createVar, createVar$, css$, fallbackVar, fontFace, fontFace$, generateIdentifier, globalFontFace, globalFontFace$, globalKeyframes, globalKeyframes$, globalLayer, globalLayer$, globalStyle, globalStyle$, keyframes, keyframes$, layer, layer$, style, style$, styleVariants, styleVariants$ };

@@ -215,4 +215,6 @@ import { Properties, AtRule } from 'csstype';

declare function createGlobalTheme<ThemeContract extends Contract>(selector: string, themeContract: ThemeContract, tokens: MapLeafNodes<ThemeContract, string>): void;
declare const createGlobalTheme$: typeof createGlobalTheme;
declare function createTheme<ThemeTokens extends Tokens>(tokens: ThemeTokens, debugId?: string): [className: string, vars: ThemeVars<ThemeTokens>];
declare function createTheme<ThemeContract extends Contract>(themeContract: ThemeContract, tokens: MapLeafNodes<ThemeContract, string>, debugId?: string): string;
declare const createTheme$: typeof createTheme;

@@ -240,7 +242,10 @@ declare function style(rule: ComplexStyleRule, debugId?: string): string;

declare function createVar(debugId?: string): CSSVarFunction;
declare const createVar$: typeof createVar;
declare function fallbackVar(...values: [string, ...Array<string>]): CSSVarFunction;
declare function assignVars<VarContract extends Contract>(varContract: VarContract, tokens: MapLeafNodes<VarContract, string>): Record<CSSVarFunction, string>;
declare function createThemeContract<ThemeTokens extends NullableTokens>(tokens: ThemeTokens): ThemeVars<ThemeTokens>;
declare const createThemeContract$: typeof createThemeContract;
declare function createGlobalThemeContract<ThemeTokens extends Tokens>(tokens: ThemeTokens): ThemeVars<ThemeTokens>;
declare function createGlobalThemeContract<ThemeTokens extends NullableTokens>(tokens: ThemeTokens, mapFn: (value: string | null, path: Array<string>) => string): ThemeVars<ThemeTokens>;
declare const createGlobalThemeContract$: typeof createGlobalThemeContract;

@@ -252,9 +257,12 @@ type LayerOptions = {

declare function layer(debugId?: string): string;
declare const layer$: typeof layer;
declare function globalLayer(options: LayerOptions, name: string): string;
declare function globalLayer(name: string): string;
declare const globalLayer$: typeof globalLayer;
declare const createContainer: (debugId?: string) => string;
declare const createContainer$: (debugId?: string) => string;
declare const css$: <T>(t: T) => T;
export { Adapter, CSSProperties, ComplexStyleRule, FileScope, GlobalStyleRule, StyleRule, assignVars, composeStyles, createContainer, createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract, createVar, css$, fallbackVar, fontFace, fontFace$, generateIdentifier, globalFontFace, globalFontFace$, globalKeyframes, globalKeyframes$, globalLayer, globalStyle, globalStyle$, keyframes, keyframes$, layer, style, style$, styleVariants, styleVariants$ };
export { Adapter, CSSProperties, ComplexStyleRule, FileScope, GlobalStyleRule, StyleRule, assignVars, composeStyles, createContainer, createContainer$, createGlobalTheme, createGlobalTheme$, createGlobalThemeContract, createGlobalThemeContract$, createTheme, createTheme$, createThemeContract, createThemeContract$, createVar, createVar$, css$, fallbackVar, fontFace, fontFace$, generateIdentifier, globalFontFace, globalFontFace$, globalKeyframes, globalKeyframes$, globalLayer, globalLayer$, globalStyle, globalStyle$, keyframes, keyframes$, layer, layer$, style, style$, styleVariants, styleVariants$ };

@@ -243,2 +243,3 @@ 'use strict';

}
var createVar$ = createVar;
function fallbackVar() {

@@ -280,2 +281,3 @@ var finalValue = '';

}
var createThemeContract$ = createThemeContract;
function createGlobalThemeContract(tokens, mapFn) {

@@ -293,2 +295,3 @@ return _private.walkObject(tokens, (value, path) => {

}
var createGlobalThemeContract$ = createGlobalThemeContract;

@@ -310,2 +313,3 @@ function createGlobalTheme(selector, arg2, arg3) {

}
var createGlobalTheme$ = createGlobalTheme;
function createTheme(arg1, arg2, arg3) {

@@ -317,2 +321,3 @@ var themeClassName = generateIdentifier(typeof arg2 === 'object' ? arg3 : arg2);

}
var createTheme$ = createTheme;

@@ -480,2 +485,3 @@ var _templateObject;

}
var layer$ = layer;
function globalLayer() {

@@ -492,2 +498,3 @@ var [options, name] = getLayerArgs(...arguments);

}
var globalLayer$ = globalLayer;

@@ -497,2 +504,3 @@ // createContainer is used for local scoping of CSS containers

var createContainer = debugId => generateIdentifier(debugId);
var createContainer$ = createContainer;

@@ -504,7 +512,13 @@ var css$ = t => t;

exports.createContainer = createContainer;
exports.createContainer$ = createContainer$;
exports.createGlobalTheme = createGlobalTheme;
exports.createGlobalTheme$ = createGlobalTheme$;
exports.createGlobalThemeContract = createGlobalThemeContract;
exports.createGlobalThemeContract$ = createGlobalThemeContract$;
exports.createTheme = createTheme;
exports.createTheme$ = createTheme$;
exports.createThemeContract = createThemeContract;
exports.createThemeContract$ = createThemeContract$;
exports.createVar = createVar;
exports.createVar$ = createVar$;
exports.css$ = css$;

@@ -520,2 +534,3 @@ exports.fallbackVar = fallbackVar;

exports.globalLayer = globalLayer;
exports.globalLayer$ = globalLayer$;
exports.globalStyle = globalStyle;

@@ -526,2 +541,3 @@ exports.globalStyle$ = globalStyle$;

exports.layer = layer;
exports.layer$ = layer$;
exports.style = style;

@@ -528,0 +544,0 @@ exports.style$ = style$;

@@ -243,2 +243,3 @@ 'use strict';

}
var createVar$ = createVar;
function fallbackVar() {

@@ -280,2 +281,3 @@ var finalValue = '';

}
var createThemeContract$ = createThemeContract;
function createGlobalThemeContract(tokens, mapFn) {

@@ -293,2 +295,3 @@ return _private.walkObject(tokens, (value, path) => {

}
var createGlobalThemeContract$ = createGlobalThemeContract;

@@ -310,2 +313,3 @@ function createGlobalTheme(selector, arg2, arg3) {

}
var createGlobalTheme$ = createGlobalTheme;
function createTheme(arg1, arg2, arg3) {

@@ -317,2 +321,3 @@ var themeClassName = generateIdentifier(typeof arg2 === 'object' ? arg3 : arg2);

}
var createTheme$ = createTheme;

@@ -480,2 +485,3 @@ var _templateObject;

}
var layer$ = layer;
function globalLayer() {

@@ -492,2 +498,3 @@ var [options, name] = getLayerArgs(...arguments);

}
var globalLayer$ = globalLayer;

@@ -497,2 +504,3 @@ // createContainer is used for local scoping of CSS containers

var createContainer = debugId => generateIdentifier(debugId);
var createContainer$ = createContainer;

@@ -504,7 +512,13 @@ var css$ = t => t;

exports.createContainer = createContainer;
exports.createContainer$ = createContainer$;
exports.createGlobalTheme = createGlobalTheme;
exports.createGlobalTheme$ = createGlobalTheme$;
exports.createGlobalThemeContract = createGlobalThemeContract;
exports.createGlobalThemeContract$ = createGlobalThemeContract$;
exports.createTheme = createTheme;
exports.createTheme$ = createTheme$;
exports.createThemeContract = createThemeContract;
exports.createThemeContract$ = createThemeContract$;
exports.createVar = createVar;
exports.createVar$ = createVar$;
exports.css$ = css$;

@@ -520,2 +534,3 @@ exports.fallbackVar = fallbackVar;

exports.globalLayer = globalLayer;
exports.globalLayer$ = globalLayer$;
exports.globalStyle = globalStyle;

@@ -526,2 +541,3 @@ exports.globalStyle$ = globalStyle$;

exports.layer = layer;
exports.layer$ = layer$;
exports.style = style;

@@ -528,0 +544,0 @@ exports.style$ = style$;

@@ -231,2 +231,3 @@ import { injectStyles } from '../injectStyles/dist/vanilla-extract-css-injectStyles.esm.js';

}
var createVar$ = createVar;
function fallbackVar() {

@@ -268,2 +269,3 @@ var finalValue = '';

}
var createThemeContract$ = createThemeContract;
function createGlobalThemeContract(tokens, mapFn) {

@@ -281,2 +283,3 @@ return walkObject(tokens, (value, path) => {

}
var createGlobalThemeContract$ = createGlobalThemeContract;

@@ -298,2 +301,3 @@ function createGlobalTheme(selector, arg2, arg3) {

}
var createGlobalTheme$ = createGlobalTheme;
function createTheme(arg1, arg2, arg3) {

@@ -305,2 +309,3 @@ var themeClassName = generateIdentifier(typeof arg2 === 'object' ? arg3 : arg2);

}
var createTheme$ = createTheme;

@@ -468,2 +473,3 @@ var _templateObject;

}
var layer$ = layer;
function globalLayer() {

@@ -480,2 +486,3 @@ var [options, name] = getLayerArgs(...arguments);

}
var globalLayer$ = globalLayer;

@@ -485,5 +492,6 @@ // createContainer is used for local scoping of CSS containers

var createContainer = debugId => generateIdentifier(debugId);
var createContainer$ = createContainer;
var css$ = t => t;
export { assignVars, composeStyles, createContainer, createGlobalTheme, createGlobalThemeContract, createTheme, createThemeContract, createVar, css$, fallbackVar, fontFace, fontFace$, generateIdentifier, globalFontFace, globalFontFace$, globalKeyframes, globalKeyframes$, globalLayer, globalStyle, globalStyle$, keyframes, keyframes$, layer, style, style$, styleVariants, styleVariants$ };
export { assignVars, composeStyles, createContainer, createContainer$, createGlobalTheme, createGlobalTheme$, createGlobalThemeContract, createGlobalThemeContract$, createTheme, createTheme$, createThemeContract, createThemeContract$, createVar, createVar$, css$, fallbackVar, fontFace, fontFace$, generateIdentifier, globalFontFace, globalFontFace$, globalKeyframes, globalKeyframes$, globalLayer, globalLayer$, globalStyle, globalStyle$, keyframes, keyframes$, layer, layer$, style, style$, styleVariants, styleVariants$ };

2

package.json
{
"name": "@vanilla-extract/css",
"version": "0.0.0-inline-prototype-2023322105512",
"version": "0.0.0-inline-prototype-2023322121810",
"description": "Zero-runtime Stylesheets-in-TypeScript",

@@ -5,0 +5,0 @@ "sideEffects": true,

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