Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement →
Sign In

@retriever-ui/theme

Package Overview
Dependencies
Maintainers
2
Versions
15
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@retriever-ui/theme - npm Package Compare versions

Comparing version
1.1.1
 to
1.2.0
+6
-0
CHANGELOG.md
# @retriever-ui/theme
## 1.2.0
### Minor Changes
- [#51](https://github.com/indahousi/retriever/pull/51) [`ca17ec1`](https://github.com/indahousi/retriever/commit/ca17ec10f340e9060045a56815735ac9fee1b209) Thanks [@gsrosa](https://github.com/gsrosa)! - add form components
## 1.1.1

@@ -4,0 +10,0 @@ 

+2
-0
lib/colors.d.ts
import { Theme } from '@emotion/react';
declare const _default: {
light: {
'primary.50': string;
'primary.100': string;

@@ -46,2 +47,3 @@ 'primary.200': string;

dark: {
'primary.50': string;
'primary.100': string;

@@ -48,0 +50,0 @@ 'primary.200': string;

+2
-0
lib/colors.js
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var lightColor = {
'primary.50': '#FEE2E9',
'primary.100': '#FEC5D4',

@@ -46,2 +47,3 @@ 'primary.200': '#FC8AA8',

var darkColor = {
'primary.50': '#FEE2E9',
'primary.100': '#FEC5D4',

@@ -48,0 +50,0 @@ 'primary.200': '#FC8AA8',

+1
-1
lib/Global.d.ts
/// <reference types="react" />
import { Theme, CSSObject } from '@emotion/react';
import { CSSObject, Theme } from '@emotion/react';
interface GlobalStylesPRops {

@@ -4,0 +4,0 @@ styles?: (theme: Theme) => CSSObject;

+3
-3
lib/Global.js

@@ -10,9 +10,9 @@ "use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var react_2 = require("@emotion/react");
var react_1 = require("@emotion/react");
var react_2 = __importDefault(require("react"));
var GlobalStyles = function (_a) {
var styles = _a.styles;
return (react_1.default.createElement(react_2.Global, { styles: function (theme) { return (0, react_2.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n body {\n font-family: ", ";\n transition: background 0.5s;\n }\n\n * {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n box-sizing: border-box;\n color: ", ";\n margin: 0px;\n padding: 0px;\n }\n\n ", "\n "], ["\n body {\n font-family: ", ";\n transition: background 0.5s;\n }\n\n * {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n box-sizing: border-box;\n color: ", ";\n margin: 0px;\n padding: 0px;\n }\n\n ", "\n "])), theme.font.family, theme.colors['black.500'], styles && styles(theme)); } }));
return (react_2.default.createElement(react_1.Global, { styles: function (theme) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n body {\n font-family: ", ";\n transition: background 0.5s;\n }\n\n * {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n box-sizing: border-box;\n color: ", ";\n margin: 0px;\n padding: 0px;\n }\n\n ", "\n "], ["\n body {\n font-family: ", ";\n transition: background 0.5s;\n }\n\n * {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n box-sizing: border-box;\n color: ", ";\n margin: 0px;\n padding: 0px;\n }\n\n ", "\n "])), theme.font.family, theme.colors['black.500'], styles && styles(theme)); } }));
};
exports.default = GlobalStyles;
var templateObject_1;
+2
-2
lib/index.d.ts
import RetrieverProvider from './ThemeProvider';
export default RetrieverProvider;
export { ColorsProperties } from './colors';
export { default as GlobalStyles } from './Global';
export * from './theme';
export { default as GlobalStyles } from './Global';
export { ColorsProperties } from './colors';
export { FontsProperties } from './typography';
export { BreakpointsType, ButtonType, ColorsType, FontSizeType, FontType, FontWeightType, ITheme, LayersType, ScreensType, } from '@retriever-ui/type';
+1
-1
lib/index.js

@@ -19,4 +19,4 @@ "use strict";

exports.default = ThemeProvider_1.default;
__exportStar(require("./theme"), exports);
var Global_1 = require("./Global");
Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return __importDefault(Global_1).default; } });
__exportStar(require("./theme"), exports);
+2
-0
lib/theme.d.ts

@@ -22,2 +22,3 @@ export declare const defaultTheme: {

colors: {
'primary.50': string;
'primary.100': string;

@@ -84,2 +85,3 @@ 'primary.200': string;

colors: {
'primary.50': string;
'primary.100': string;

@@ -86,0 +88,0 @@ 'primary.200': string;

+2
-2
lib/theme.js

@@ -18,6 +18,6 @@ "use strict";

exports.lightTheme = exports.darkTheme = exports.defaultTheme = void 0;
var breakpoint_1 = __importDefault(require("./breakpoint"));
var button_1 = __importDefault(require("./button"));
var colors_1 = __importDefault(require("./colors"));
var breakpoint_1 = __importDefault(require("./breakpoint"));
var typography_1 = __importDefault(require("./typography"));
var button_1 = __importDefault(require("./button"));
exports.defaultTheme = {

@@ -24,0 +24,0 @@ breakpoints: {

+3
-3
lib/ThemeProvider.js

@@ -6,9 +6,9 @@ "use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var react_2 = require("@emotion/react");
var react_1 = require("@emotion/react");
var react_2 = __importDefault(require("react"));
var theme_1 = require("./theme");
var ThemeProvider = function (_a) {
var children = _a.children, _b = _a.theme, theme = _b === void 0 ? theme_1.lightTheme : _b;
return (react_1.default.createElement(react_2.ThemeProvider, { theme: theme }, children));
return (react_2.default.createElement(react_1.ThemeProvider, { theme: theme }, children));
};
exports.default = ThemeProvider;
+1
-1
package.json
{
"private": false,
"name": "@retriever-ui/theme",
"version": "1.1.1",
"version": "1.2.0",
"description": "Configuraçao dos temas e styleguide",

@@ -6,0 +6,0 @@ "license": "MIT",