@themindfulpug/core
Advanced tools
Comparing version 1.0.0 to 1.0.1
@@ -42,2 +42,5 @@ var __assign = (this && this.__assign) || function () { | ||
background: '#000' | ||
}, | ||
'&:active': { | ||
background: '#000' | ||
} | ||
@@ -64,2 +67,3 @@ } | ||
containedStyles['&:hover'].background = "\n linear-gradient(" + theme.palette.action.hover + ", " + theme.palette.action.hover + "),\n linear-gradient(" + colorPalette.main + ", " + colorPalette.main + ")\n "; | ||
containedStyles['&:active'].background = "\n linear-gradient(" + theme.palette.action.active + ", " + theme.palette.action.active + "),\n linear-gradient(" + colorPalette.main + ", " + colorPalette.main + ")\n "; | ||
return containedStyles; | ||
@@ -77,2 +81,3 @@ }; | ||
fullWidth && (button.width = '100%'); | ||
variantStyle.cursor = 'pointer'; | ||
return button; | ||
@@ -79,0 +84,0 @@ }; |
@@ -84,7 +84,9 @@ var __assign = (this && this.__assign) || function () { | ||
var _b = _a.logo, logo = _b === void 0 ? CDN_URL + "/the-mindful-pug-logo-w-text.png" : _b, links = _a.links, action = _a.action, style = _a.style, props = __rest(_a, ["logo", "links", "action", "style"]); | ||
var _c = useState(false), hovered = _c[0], setHovered = _c[1]; | ||
var _c = useState(), hovered = _c[0], setHovered = _c[1]; | ||
return (_jsxs("div", __assign({ css: setStyles }, props, { style: style }, { children: [_jsx("div", { children: typeof logo === 'string' ? (_jsx(Image, { src: logo, style: styles.logo }, void 0)) : (logo) }, void 0), | ||
_jsx("div", __assign({ css: styles.links }, { children: links.map(function (l, i) { return (_jsxs("div", __assign({ css: styles.link, onMouseEnter: function () { return setHovered(true); }, onMouseLeave: function () { return setHovered(false); } }, { children: [_jsx(Link, { to: l.to, text: l.text, style: hovered ? styles.linkOverrideHover : styles.linkOverride }, void 0), | ||
hovered && _jsx("div", { style: styles.underline }, void 0)] }), i)); }) }), void 0), | ||
_jsx("div", __assign({ css: styles.links }, { children: links.map(function (l, i) { return (_jsxs("div", __assign({ css: styles.link, onMouseEnter: function () { return setHovered(l.text); }, onMouseLeave: function () { return setHovered(''); } }, { children: [_jsx(Link, { to: l.to, text: l.text, style: hovered === l.text | ||
? styles.linkOverrideHover | ||
: styles.linkOverride }, void 0), | ||
hovered === l.text && _jsx("div", { style: styles.underline }, void 0)] }), i)); }) }), void 0), | ||
_jsx("div", __assign({ css: styles.action }, { children: Array.isArray(action) ? (action.map(function (a, i) { return (_jsx("div", __assign({ css: styles.button }, { children: a }), i)); })) : (_jsx("div", __assign({ css: styles.button }, { children: action }), void 0)) }), void 0)] }), void 0)); | ||
}; |
@@ -7,2 +7,9 @@ import { ThemeProvider } from '@emotion/react'; | ||
var defaultTheme = { | ||
breakpoints: { | ||
xs: 0, | ||
sm: 600, | ||
md: 960, | ||
lg: 1280, | ||
xl: 1920 | ||
}, | ||
palette: { | ||
@@ -9,0 +16,0 @@ type: 'light', |
export var lightTheme = { | ||
breakpoints: { | ||
xs: 0, | ||
sm: 600, | ||
md: 960, | ||
lg: 1280, | ||
xl: 1920 | ||
}, | ||
palette: { | ||
@@ -3,0 +10,0 @@ type: 'light', |
@@ -9,2 +9,9 @@ import '@emotion/react'; | ||
*/ | ||
declare type breakpoints = { | ||
xs: number; | ||
sm: number; | ||
md: number; | ||
lg: number; | ||
xl: number; | ||
}; | ||
export declare type color = { | ||
@@ -88,2 +95,3 @@ light: string; | ||
interface Theme { | ||
breakpoints: breakpoints; | ||
palette: palette; | ||
@@ -90,0 +98,0 @@ shadows: shadows; |
{ | ||
"name": "@themindfulpug/core", | ||
"version": "1.0.0", | ||
"version": "1.0.1", | ||
"author": "joshgreenwell", | ||
@@ -5,0 +5,0 @@ "license": "SEE LICENSE IN LICENSE.txt", |
47501
1187