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

@theme-ui/css

Package Overview
Dependencies
Maintainers
4
Versions
430
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@theme-ui/css - npm Package Compare versions

Comparing version 0.16.2 to 0.17.0-develop.0

4

dist/declarations/src/index.d.ts

@@ -1,3 +0,3 @@

import type { CSSObject, ThemeUIStyleObject, Theme } from './types';
export * from './types';
import type { CSSObject, ThemeUIStyleObject, Theme } from "./types.js";
export * from "./types.js";
/**

@@ -4,0 +4,0 @@ * Allows for nested scales with shorthand values

import * as CSS from 'csstype';
import type { ThemeUIConfig } from './options';
import type { ThemeUIConfig } from "./options.js";
export type { CSSObject } from '@emotion/react';

@@ -4,0 +4,0 @@ type StandardCSSProperties = CSS.Properties<number | string>;

@@ -1,2 +0,2 @@

import type { ColorModesScale, Theme, ThemeStyles } from './types';
import type { ColorModesScale, Theme, ThemeStyles } from "./types.js";
/**

@@ -6,3 +6,3 @@ * Constrained identity function used to constrain user's theme type to Theme

*/
export declare const makeTheme: <T extends Theme<{}>>(theme: T) => T;
export declare const makeTheme: <T extends Theme>(theme: T) => T;
/**

@@ -12,3 +12,3 @@ * Constrained identity function used to create a styles dictionary

*/
export declare const makeStyles: <T extends ThemeStyles<Theme<{}>>>(styles: T) => T;
export declare const makeStyles: <T extends ThemeStyles>(styles: T) => T;
export declare const makeColorsScale: <T extends ColorModesScale>(colors: T) => T;

@@ -315,3 +315,3 @@ /**

const scaleName = prop in scales ? scales[prop] : undefined;
const scale = scaleName ? theme == null ? void 0 : theme[scaleName] : get(theme, prop, {});
const scale = scaleName ? theme?.[scaleName] : get(theme, prop, {});
const transform = get(transforms, prop, get);

@@ -318,0 +318,0 @@ const value = transform(scale, val, val);

@@ -1,2 +0,2 @@

export * from "./declarations/src/index";
//# sourceMappingURL=theme-ui-css.cjs.d.ts.map
export * from "./declarations/src/index.js";
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtdWktY3NzLmNqcy5kLnRzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi9kZWNsYXJhdGlvbnMvc3JjL2luZGV4LmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEifQ==

@@ -319,3 +319,3 @@ 'use strict';

const scaleName = prop in scales ? scales[prop] : undefined;
const scale = scaleName ? theme == null ? void 0 : theme[scaleName] : get(theme, prop, {});
const scale = scaleName ? theme?.[scaleName] : get(theme, prop, {});
const transform = get(transforms, prop, get);

@@ -322,0 +322,0 @@ const value = transform(scale, val, val);

@@ -319,3 +319,3 @@ 'use strict';

const scaleName = prop in scales ? scales[prop] : undefined;
const scale = scaleName ? theme == null ? void 0 : theme[scaleName] : get(theme, prop, {});
const scale = scaleName ? theme?.[scaleName] : get(theme, prop, {});
const transform = get(transforms, prop, get);

@@ -322,0 +322,0 @@ const value = transform(scale, val, val);

@@ -315,3 +315,3 @@ /**

const scaleName = prop in scales ? scales[prop] : undefined;
const scale = scaleName ? theme == null ? void 0 : theme[scaleName] : get(theme, prop, {});
const scale = scaleName ? theme?.[scaleName] : get(theme, prop, {});
const transform = get(transforms, prop, get);

@@ -318,0 +318,0 @@ const value = transform(scale, val, val);

@@ -315,3 +315,3 @@ /**

const scaleName = prop in scales ? scales[prop] : undefined;
const scale = scaleName ? theme == null ? void 0 : theme[scaleName] : get(theme, prop, {});
const scale = scaleName ? theme?.[scaleName] : get(theme, prop, {});
const transform = get(transforms, prop, get);

@@ -318,0 +318,0 @@ const value = transform(scale, val, val);

{
"name": "@theme-ui/css",
"version": "0.16.2",
"version": "0.17.0-develop.0",
"source": "src/index.ts",

@@ -37,3 +37,3 @@ "main": "dist/theme-ui-css.cjs.js",

"dependencies": {
"csstype": "^3.0.10"
"csstype": "3.0.10"
},

@@ -46,3 +46,3 @@ "peerDependencies": {

"@types/react": "^18.2.12",
"@theme-ui/test-utils": "^0.16.2"
"@theme-ui/test-utils": "^0.17.0-develop.0"
},

@@ -49,0 +49,0 @@ "preconstruct": {

@@ -731,4 +731,7 @@ import { css, NestedScaleDict, Theme } from '../src'

css({
// @ts-ignore TS2873
color: false && 'blue',
// @ts-ignore TS2873
backgroundColor: undefined && 'whitesmoke',
// @ts-ignore TS2873
textDecoration: null && 'underline',

@@ -735,0 +738,0 @@ border: '1px solid black',

@@ -1,2 +0,2 @@

export * from "../../dist/declarations/src/utils";
//# sourceMappingURL=theme-ui-css-utils.cjs.d.ts.map
export * from "../../dist/declarations/src/utils.js";
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtdWktY3NzLXV0aWxzLmNqcy5kLnRzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vZGlzdC9kZWNsYXJhdGlvbnMvc3JjL3V0aWxzLmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEifQ==
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