🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more →
Sign In

@react-style-system/core

Package Overview
Dependencies
Maintainers
1
Versions
36
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-style-system/core - npm Package Compare versions

Comparing version
0.0.0-0844f6041
 to
0.0.0-0bc31a47c
+2
-2
index.esm.js

@@ -16,3 +16,3 @@ import React, { createContext, useMemo, useContext } from 'react';

}), [color, surface]);
return React.createElement(ColorContext.Provider, {
return /*#__PURE__*/React.createElement(ColorContext.Provider, {
value: contextValue

@@ -47,3 +47,3 @@ }, children);

}) {
return React.createElement(ThemeContext.Provider, {
return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
value: theme

@@ -50,0 +50,0 @@ }, children);

+1
-1
index.esm.js.map

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

{"version":3,"file":"index.esm.js","sources":["../../packages/core/src/ColorContext.ts","../../packages/core/src/ColorContextProvider.tsx","../../packages/core/src/createReadablePalette.ts","../../packages/core/src/ThemeContext.ts","../../packages/core/src/ThemeProvider.tsx","../../packages/core/src/useColorContext.ts","../../packages/core/src/useTheme.ts","../../packages/core/src/css.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ColorContextValue } from './types';\n\nexport default createContext<ColorContextValue | null>(null);\n","import React, { useMemo } from 'react';\nimport ColorContext from './ColorContext';\n\ninterface Props {\n color: string;\n surface: string;\n children: React.ReactNode;\n}\n\nfunction ColorContextProvider({ color, surface, children }: Props) {\n const contextValue = useMemo(() => ({ color, surface }), [color, surface]);\n return (\n <ColorContext.Provider value={contextValue}>\n {children}\n </ColorContext.Provider>\n );\n}\n\nexport default ColorContextProvider;\n","import { getContrast, readableColor } from 'polished';\nimport { ReadableColorPalette } from './types';\n\nconst hasBadDecorativeContrast = (a: string, b: string) =>\n getContrast(a, b) < 1.5;\nconst hasBadReadableContrast = (a: string, b: string) => getContrast(a, b) < 3;\nconst hasBadAaContrast = (a: string, b: string) => getContrast(a, b) < 4.5;\nconst hasBadAaaContrast = (a: string, b: string) => getContrast(a, b) < 7;\n\nfunction createReadablePalette(\n color: string,\n surface = '#fff',\n): ReadableColorPalette {\n const readableContrast = readableColor(color);\n\n return {\n original: color,\n decorative: hasBadDecorativeContrast(color, surface)\n ? readableContrast\n : color,\n readable: hasBadReadableContrast(color, surface) ? readableContrast : color,\n aa: hasBadAaContrast(color, surface) ? readableContrast : color,\n aaa: hasBadAaaContrast(color, surface) ? readableContrast : color,\n };\n}\n\nexport default createReadablePalette;\n","import { createContext } from 'react';\nexport default createContext<unknown>(null);\n","import React from 'react';\nimport ThemeContext from './ThemeContext';\n\ninterface Props {\n theme: unknown;\n children: React.ReactNode;\n}\n\nfunction ThemeProvider({ theme, children }: Props) {\n return (\n <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>\n );\n}\n\nexport default ThemeProvider;\n","import { useContext } from 'react';\nimport invariant from 'invariant';\nimport ColorContext from './ColorContext';\n\nfunction useColorContext() {\n const colorContext = useContext(ColorContext);\n invariant(\n colorContext !== null,\n 'Could not find color context. Ensure this component is wrapped in a ColorContextProvider.',\n );\n return colorContext;\n}\n\nexport default useColorContext;\n","import { useContext } from 'react';\nimport invariant from 'invariant';\nimport ThemeContext from './ThemeContext';\n\nfunction useTheme<T>(): T {\n const theme = useContext(ThemeContext) as T | null;\n invariant(\n theme !== null,\n 'Could not find theme. Ensure this component is wrapped in a ThemeProvider',\n );\n return theme;\n}\n\nexport default useTheme;\n","function css(strings: TemplateStringsArray, ...values: Array<string | number>) {\n let combined = '';\n\n for (let i = 0; i < strings.length; i += 1) {\n const currentString = strings[i];\n const currentValue = values[i] || '';\n combined += currentString + currentValue;\n }\n\n return combined;\n}\n\nexport default css;\n"],"names":["createContext","ColorContextProvider","color","surface","children","contextValue","useMemo","hasBadDecorativeContrast","a","b","getContrast","hasBadReadableContrast","hasBadAaContrast","hasBadAaaContrast","createReadablePalette","readableContrast","readableColor","original","decorative","readable","aa","aaa","ThemeProvider","theme","useColorContext","colorContext","useContext","ColorContext","invariant","useTheme","ThemeContext","css","strings","values","combined","i","length","currentString","currentValue"],"mappings":"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"}
{"version":3,"file":"index.esm.js","sources":["../../packages/core/src/ColorContext.ts","../../packages/core/src/ColorContextProvider.tsx","../../packages/core/src/createReadablePalette.ts","../../packages/core/src/ThemeContext.ts","../../packages/core/src/ThemeProvider.tsx","../../packages/core/src/useColorContext.ts","../../packages/core/src/useTheme.ts","../../packages/core/src/css.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ColorContextValue } from './types';\n\nexport default createContext<ColorContextValue | null>(null);\n","import React, { useMemo } from 'react';\nimport ColorContext from './ColorContext';\n\ninterface Props {\n color: string;\n surface: string;\n children: React.ReactNode;\n}\n\nfunction ColorContextProvider({ color, surface, children }: Props) {\n const contextValue = useMemo(() => ({ color, surface }), [color, surface]);\n return (\n <ColorContext.Provider value={contextValue}>\n {children}\n </ColorContext.Provider>\n );\n}\n\nexport default ColorContextProvider;\n","import { getContrast, readableColor } from 'polished';\nimport { ReadableColorPalette } from './types';\n\nconst hasBadDecorativeContrast = (a: string, b: string) =>\n getContrast(a, b) < 1.5;\nconst hasBadReadableContrast = (a: string, b: string) => getContrast(a, b) < 3;\nconst hasBadAaContrast = (a: string, b: string) => getContrast(a, b) < 4.5;\nconst hasBadAaaContrast = (a: string, b: string) => getContrast(a, b) < 7;\n\nfunction createReadablePalette(\n color: string,\n surface = '#fff',\n): ReadableColorPalette {\n const readableContrast = readableColor(color);\n\n return {\n original: color,\n decorative: hasBadDecorativeContrast(color, surface)\n ? readableContrast\n : color,\n readable: hasBadReadableContrast(color, surface) ? readableContrast : color,\n aa: hasBadAaContrast(color, surface) ? readableContrast : color,\n aaa: hasBadAaaContrast(color, surface) ? readableContrast : color,\n };\n}\n\nexport default createReadablePalette;\n","import { createContext } from 'react';\nexport default createContext<unknown>(null);\n","import React from 'react';\nimport ThemeContext from './ThemeContext';\n\ninterface Props {\n theme: unknown;\n children: React.ReactNode;\n}\n\nfunction ThemeProvider({ theme, children }: Props) {\n return (\n <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>\n );\n}\n\nexport default ThemeProvider;\n","import { useContext } from 'react';\nimport invariant from 'invariant';\nimport ColorContext from './ColorContext';\n\nfunction useColorContext() {\n const colorContext = useContext(ColorContext);\n invariant(\n colorContext !== null,\n 'Could not find color context. Ensure this component is wrapped in a ColorContextProvider.',\n );\n return colorContext;\n}\n\nexport default useColorContext;\n","import { useContext } from 'react';\nimport invariant from 'invariant';\nimport ThemeContext from './ThemeContext';\n\nfunction useTheme<T>(): T {\n const theme = useContext(ThemeContext) as T | null;\n invariant(\n theme !== null,\n 'Could not find theme. Ensure this component is wrapped in a ThemeProvider',\n );\n return theme;\n}\n\nexport default useTheme;\n","function css(strings: TemplateStringsArray, ...values: Array<string | number>) {\n let combined = '';\n\n for (let i = 0; i < strings.length; i += 1) {\n const currentString = strings[i];\n const currentValue = values[i] || '';\n combined += currentString + currentValue;\n }\n\n return combined;\n}\n\nexport default css;\n"],"names":["createContext","ColorContextProvider","color","surface","children","contextValue","useMemo","hasBadDecorativeContrast","a","b","getContrast","hasBadReadableContrast","hasBadAaContrast","hasBadAaaContrast","createReadablePalette","readableContrast","readableColor","original","decorative","readable","aa","aaa","ThemeProvider","theme","useColorContext","colorContext","useContext","ColorContext","invariant","useTheme","ThemeContext","css","strings","values","combined","i","length","currentString","currentValue"],"mappings":"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"}
+3
-3
index.js
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('polished'), require('invariant')) :
typeof define === 'function' && define.amd ? define(['exports', 'react', 'polished', 'invariant'], factory) :
(global = global || self, factory(global.ReactStyleSystem = {}, global.React, global.polished, global.invariant));
(global = global || self, factory(global.reactStyleSystem = {}, global.React, global.polished, global.invariant));
}(this, (function (exports, React, polished, invariant) { 'use strict';

@@ -22,3 +22,3 @@

}, [color, surface]);
return React__default.createElement(ColorContext.Provider, {
return /*#__PURE__*/React__default.createElement(ColorContext.Provider, {
value: contextValue

@@ -61,3 +61,3 @@ }, children);

children = _ref.children;
return React__default.createElement(ThemeContext.Provider, {
return /*#__PURE__*/React__default.createElement(ThemeContext.Provider, {
value: theme

@@ -64,0 +64,0 @@ }, children);

+1
-1
index.js.map

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

{"version":3,"file":"index.js","sources":["../../packages/core/src/ColorContext.ts","../../packages/core/src/ColorContextProvider.tsx","../../packages/core/src/createReadablePalette.ts","../../packages/core/src/ThemeContext.ts","../../packages/core/src/ThemeProvider.tsx","../../packages/core/src/useColorContext.ts","../../packages/core/src/useTheme.ts","../../packages/core/src/css.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ColorContextValue } from './types';\n\nexport default createContext<ColorContextValue | null>(null);\n","import React, { useMemo } from 'react';\nimport ColorContext from './ColorContext';\n\ninterface Props {\n color: string;\n surface: string;\n children: React.ReactNode;\n}\n\nfunction ColorContextProvider({ color, surface, children }: Props) {\n const contextValue = useMemo(() => ({ color, surface }), [color, surface]);\n return (\n <ColorContext.Provider value={contextValue}>\n {children}\n </ColorContext.Provider>\n );\n}\n\nexport default ColorContextProvider;\n","import { getContrast, readableColor } from 'polished';\nimport { ReadableColorPalette } from './types';\n\nconst hasBadDecorativeContrast = (a: string, b: string) =>\n getContrast(a, b) < 1.5;\nconst hasBadReadableContrast = (a: string, b: string) => getContrast(a, b) < 3;\nconst hasBadAaContrast = (a: string, b: string) => getContrast(a, b) < 4.5;\nconst hasBadAaaContrast = (a: string, b: string) => getContrast(a, b) < 7;\n\nfunction createReadablePalette(\n color: string,\n surface = '#fff',\n): ReadableColorPalette {\n const readableContrast = readableColor(color);\n\n return {\n original: color,\n decorative: hasBadDecorativeContrast(color, surface)\n ? readableContrast\n : color,\n readable: hasBadReadableContrast(color, surface) ? readableContrast : color,\n aa: hasBadAaContrast(color, surface) ? readableContrast : color,\n aaa: hasBadAaaContrast(color, surface) ? readableContrast : color,\n };\n}\n\nexport default createReadablePalette;\n","import { createContext } from 'react';\nexport default createContext<unknown>(null);\n","import React from 'react';\nimport ThemeContext from './ThemeContext';\n\ninterface Props {\n theme: unknown;\n children: React.ReactNode;\n}\n\nfunction ThemeProvider({ theme, children }: Props) {\n return (\n <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>\n );\n}\n\nexport default ThemeProvider;\n","import { useContext } from 'react';\nimport invariant from 'invariant';\nimport ColorContext from './ColorContext';\n\nfunction useColorContext() {\n const colorContext = useContext(ColorContext);\n invariant(\n colorContext !== null,\n 'Could not find color context. Ensure this component is wrapped in a ColorContextProvider.',\n );\n return colorContext;\n}\n\nexport default useColorContext;\n","import { useContext } from 'react';\nimport invariant from 'invariant';\nimport ThemeContext from './ThemeContext';\n\nfunction useTheme<T>(): T {\n const theme = useContext(ThemeContext) as T | null;\n invariant(\n theme !== null,\n 'Could not find theme. Ensure this component is wrapped in a ThemeProvider',\n );\n return theme;\n}\n\nexport default useTheme;\n","function css(strings: TemplateStringsArray, ...values: Array<string | number>) {\n let combined = '';\n\n for (let i = 0; i < strings.length; i += 1) {\n const currentString = strings[i];\n const currentValue = values[i] || '';\n combined += currentString + currentValue;\n }\n\n return combined;\n}\n\nexport default css;\n"],"names":["createContext","ColorContextProvider","color","surface","children","contextValue","useMemo","React","hasBadDecorativeContrast","a","b","getContrast","hasBadReadableContrast","hasBadAaContrast","hasBadAaaContrast","createReadablePalette","readableContrast","readableColor","original","decorative","readable","aa","aaa","ThemeProvider","theme","useColorContext","colorContext","useContext","ColorContext","invariant","useTheme","ThemeContext","css","strings","combined","i","length","currentString","currentValue"],"mappings":";;;;;;;;;AAGA,qBAAeA,mBAAa,CAA2B,IAA3B,CAA5B;;ECMA,SAASC,oBAAT,OAAmE;EAAA,MAAnCC,KAAmC,QAAnCA,KAAmC;EAAA,MAA5BC,OAA4B,QAA5BA,OAA4B;EAAA,MAAnBC,QAAmB,QAAnBA,QAAmB;EACjE,MAAMC,YAAY,GAAGC,aAAO,CAAC;EAAA,WAAO;EAAEJ,MAAAA,KAAK,EAALA,KAAF;EAASC,MAAAA,OAAO,EAAPA;EAAT,KAAP;EAAA,GAAD,EAA6B,CAACD,KAAD,EAAQC,OAAR,CAA7B,CAA5B;EACA,SACEI,6BAAC,YAAD,CAAc,QAAd;EAAuB,IAAA,KAAK,EAAEF;EAA9B,KACGD,QADH,CADF;EAKD;;ECbD,IAAMI,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,CAAD,EAAYC,CAAZ;EAAA,SAC/BC,oBAAW,CAACF,CAAD,EAAIC,CAAJ,CAAX,GAAoB,GADW;EAAA,CAAjC;;EAEA,IAAME,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACH,CAAD,EAAYC,CAAZ;EAAA,SAA0BC,oBAAW,CAACF,CAAD,EAAIC,CAAJ,CAAX,GAAoB,CAA9C;EAAA,CAA/B;;EACA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,CAAD,EAAYC,CAAZ;EAAA,SAA0BC,oBAAW,CAACF,CAAD,EAAIC,CAAJ,CAAX,GAAoB,GAA9C;EAAA,CAAzB;;EACA,IAAMI,iBAAiB,GAAG,SAApBA,iBAAoB,CAACL,CAAD,EAAYC,CAAZ;EAAA,SAA0BC,oBAAW,CAACF,CAAD,EAAIC,CAAJ,CAAX,GAAoB,CAA9C;EAAA,CAA1B;;EAEA,SAASK,qBAAT,CACEb,KADF,EAGwB;EAAA,MADtBC,OACsB,uEADZ,MACY;EACtB,MAAMa,gBAAgB,GAAGC,sBAAa,CAACf,KAAD,CAAtC;EAEA,SAAO;EACLgB,IAAAA,QAAQ,EAAEhB,KADL;EAELiB,IAAAA,UAAU,EAAEX,wBAAwB,CAACN,KAAD,EAAQC,OAAR,CAAxB,GACRa,gBADQ,GAERd,KAJC;EAKLkB,IAAAA,QAAQ,EAAER,sBAAsB,CAACV,KAAD,EAAQC,OAAR,CAAtB,GAAyCa,gBAAzC,GAA4Dd,KALjE;EAMLmB,IAAAA,EAAE,EAAER,gBAAgB,CAACX,KAAD,EAAQC,OAAR,CAAhB,GAAmCa,gBAAnC,GAAsDd,KANrD;EAOLoB,IAAAA,GAAG,EAAER,iBAAiB,CAACZ,KAAD,EAAQC,OAAR,CAAjB,GAAoCa,gBAApC,GAAuDd;EAPvD,GAAP;EASD;;ACvBD,qBAAeF,mBAAa,CAAU,IAAV,CAA5B;;ECOA,SAASuB,aAAT,OAAmD;EAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;EAAA,MAAnBpB,QAAmB,QAAnBA,QAAmB;EACjD,SACEG,6BAAC,YAAD,CAAc,QAAd;EAAuB,IAAA,KAAK,EAAEiB;EAA9B,KAAsCpB,QAAtC,CADF;EAGD;;ECRD,SAASqB,eAAT,GAA2B;EACzB,MAAMC,YAAY,GAAGC,gBAAU,CAACC,YAAD,CAA/B;EACAC,EAAAA,SAAS,CACPH,YAAY,KAAK,IADV,EAEP,2FAFO,CAAT;EAIA,SAAOA,YAAP;EACD;;ECPD,SAASI,QAAT,GAA0B;EACxB,MAAMN,KAAK,GAAGG,gBAAU,CAACI,YAAD,CAAxB;EACAF,EAAAA,SAAS,CACPL,KAAK,KAAK,IADH,EAEP,2EAFO,CAAT;EAIA,SAAOA,KAAP;EACD;;ECXD,SAASQ,GAAT,CAAaC,OAAb,EAA+E;EAC7E,MAAIC,QAAQ,GAAG,EAAf;;EAEA,OAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGF,OAAO,CAACG,MAA5B,EAAoCD,CAAC,IAAI,CAAzC,EAA4C;EAC1C,QAAME,aAAa,GAAGJ,OAAO,CAACE,CAAD,CAA7B;EACA,QAAMG,YAAY,GAAG,CAAOH,CAAP,gCAAOA,CAAP,6BAAOA,CAAP,UAAa,EAAlC;EACAD,IAAAA,QAAQ,IAAIG,aAAa,GAAGC,YAA5B;EACD;;EAED,SAAOJ,QAAP;EACD;;;;;;;;;;;;;;;;;;;"}
{"version":3,"file":"index.js","sources":["../../packages/core/src/ColorContext.ts","../../packages/core/src/ColorContextProvider.tsx","../../packages/core/src/createReadablePalette.ts","../../packages/core/src/ThemeContext.ts","../../packages/core/src/ThemeProvider.tsx","../../packages/core/src/useColorContext.ts","../../packages/core/src/useTheme.ts","../../packages/core/src/css.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ColorContextValue } from './types';\n\nexport default createContext<ColorContextValue | null>(null);\n","import React, { useMemo } from 'react';\nimport ColorContext from './ColorContext';\n\ninterface Props {\n color: string;\n surface: string;\n children: React.ReactNode;\n}\n\nfunction ColorContextProvider({ color, surface, children }: Props) {\n const contextValue = useMemo(() => ({ color, surface }), [color, surface]);\n return (\n <ColorContext.Provider value={contextValue}>\n {children}\n </ColorContext.Provider>\n );\n}\n\nexport default ColorContextProvider;\n","import { getContrast, readableColor } from 'polished';\nimport { ReadableColorPalette } from './types';\n\nconst hasBadDecorativeContrast = (a: string, b: string) =>\n getContrast(a, b) < 1.5;\nconst hasBadReadableContrast = (a: string, b: string) => getContrast(a, b) < 3;\nconst hasBadAaContrast = (a: string, b: string) => getContrast(a, b) < 4.5;\nconst hasBadAaaContrast = (a: string, b: string) => getContrast(a, b) < 7;\n\nfunction createReadablePalette(\n color: string,\n surface = '#fff',\n): ReadableColorPalette {\n const readableContrast = readableColor(color);\n\n return {\n original: color,\n decorative: hasBadDecorativeContrast(color, surface)\n ? readableContrast\n : color,\n readable: hasBadReadableContrast(color, surface) ? readableContrast : color,\n aa: hasBadAaContrast(color, surface) ? readableContrast : color,\n aaa: hasBadAaaContrast(color, surface) ? readableContrast : color,\n };\n}\n\nexport default createReadablePalette;\n","import { createContext } from 'react';\nexport default createContext<unknown>(null);\n","import React from 'react';\nimport ThemeContext from './ThemeContext';\n\ninterface Props {\n theme: unknown;\n children: React.ReactNode;\n}\n\nfunction ThemeProvider({ theme, children }: Props) {\n return (\n <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>\n );\n}\n\nexport default ThemeProvider;\n","import { useContext } from 'react';\nimport invariant from 'invariant';\nimport ColorContext from './ColorContext';\n\nfunction useColorContext() {\n const colorContext = useContext(ColorContext);\n invariant(\n colorContext !== null,\n 'Could not find color context. Ensure this component is wrapped in a ColorContextProvider.',\n );\n return colorContext;\n}\n\nexport default useColorContext;\n","import { useContext } from 'react';\nimport invariant from 'invariant';\nimport ThemeContext from './ThemeContext';\n\nfunction useTheme<T>(): T {\n const theme = useContext(ThemeContext) as T | null;\n invariant(\n theme !== null,\n 'Could not find theme. Ensure this component is wrapped in a ThemeProvider',\n );\n return theme;\n}\n\nexport default useTheme;\n","function css(strings: TemplateStringsArray, ...values: Array<string | number>) {\n let combined = '';\n\n for (let i = 0; i < strings.length; i += 1) {\n const currentString = strings[i];\n const currentValue = values[i] || '';\n combined += currentString + currentValue;\n }\n\n return combined;\n}\n\nexport default css;\n"],"names":["createContext","ColorContextProvider","color","surface","children","contextValue","useMemo","React","hasBadDecorativeContrast","a","b","getContrast","hasBadReadableContrast","hasBadAaContrast","hasBadAaaContrast","createReadablePalette","readableContrast","readableColor","original","decorative","readable","aa","aaa","ThemeProvider","theme","useColorContext","colorContext","useContext","ColorContext","invariant","useTheme","ThemeContext","css","strings","combined","i","length","currentString","currentValue"],"mappings":"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"}
+2
-2
package.json
{
"name": "@react-style-system/core",
"version": "0.0.0-0844f6041",
"version": "0.0.0-0bc31a47c",
"author": {

@@ -27,4 +27,4 @@ "email": "ricokahler@me.com",

"invariant": "2.2.4",
"polished": "3.4.4"
"polished": "3.5.0"
}
}