@os-design/utils - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

lib/darkMode.d.ts

		export interface WithDarkMode {
		/**
		* Applies styles to contrast the component against dark backgrounds.
		* @default false
		*/
		darkMode?: boolean;
		}
		//# sourceMappingURL=darkMode.d.ts.map

lib/media.d.ts

		@@ -12,9 +12,4 @@ interface Breakpoints {
		};
		/**
		* Generates the media query.
		* @example
		* m.xxl { font-size: 1.2em; } // @media (min-width: 1600px) { font-size: 1.2em; }
		*/
		declare const m: Media;
		export default m;
		//# sourceMappingURL=media.d.ts.map

lib/media.js

		@@ -11,7 +11,2 @@ "use strict";
		};
		/**
		* Generates the media query.
		* @example
		* m.xxl { font-size: 1.2em; } // @media (min-width: 1600px) { font-size: 1.2em; }
		*/
		const m = Object.keys(breakpoints).reduce((res, key) => {
		@@ -18,0 +13,0 @@ res[key] = `@media (min-width: ${breakpoints[key]}px)`;

lib/omitProps.d.ts

		import { StyledOptions } from '@emotion/styled-base';
		/**
		* Returns options for @emotion/styled to omit selected props.
		* @param props
		*/
		declare const omitProps: (props: string[]) => StyledOptions;
		export default omitProps;
		//# sourceMappingURL=omitProps.d.ts.map

lib/omitProps.js

		"use strict";
		Object.defineProperty(exports, "__esModule", { value: true });
		/**
		* Returns options for @emotion/styled to omit selected props.
		* @param props
		*/
		const omitProps = (props) => ({
		@@ -8,0 +4,0 @@ shouldForwardProp: p => !props.includes(p),

lib/sizing.d.ts

		import { WithTheme } from '@os-design/theming';
		export interface WithSizing {
		/**
		* Sets the size of the element.
		* @default medium
		*/
		sizing?: 'small' \| 'medium' \| 'large';
		}
		/**
		* Sets the size of the element.
		* Used by the button, input, etc.
		*/
		declare const sizing: (p: WithTheme & WithSizing) => import("@emotion/utils").SerializedStyles;
		export default sizing;
		//# sourceMappingURL=sizing.d.ts.map

lib/sizing.js

		"use strict";
		Object.defineProperty(exports, "__esModule", { value: true });
		const core_1 = require("@emotion/core");
		/**
		* Sets the size of the element.
		* Used by the button, input, etc.
		*/
		const sizing = (p) => core_1.css `
		@@ -9,0 +5,0 @@ font-size: ${p.theme.sizing[p.sizing \|\| 'medium']}em;

lib/transition.d.ts

		import { WithTheme } from '@os-design/theming';
		/**
		* Sets the transition.
		* @param properties
		*/
		declare const transition: (...properties: string[]) => (p: WithTheme) => import("@emotion/utils").SerializedStyles;
		export default transition;
		//# sourceMappingURL=transition.d.ts.map

lib/transition.js

		"use strict";
		Object.defineProperty(exports, "__esModule", { value: true });
		const core_1 = require("@emotion/core");
		/**
		* Sets the transition for the single property.
		* @param property
		*/
		const single = (property) => (p) => core_1.css `
		transition: ${property} ${p.theme.transitionDelay}ms;
		`;
		/**
		* Sets the transition for multiple properties.
		* @param properties
		*/
		const multiple = (properties) => (p) => core_1.css `
		@@ -19,8 +11,4 @@ transition: all ${p.theme.transitionDelay}ms;
		`;
		/**
		* Sets the transition.
		* @param properties
		*/
		const transition = (...properties) => (p) => (properties.length === 1 ? single(properties[0])(p) : multiple(properties)(p));
		exports.default = transition;
		//# sourceMappingURL=transition.js.map

package.json

		{
		"name": "@os-design/utils",
		"version": "0.0.2",
		"version": "0.0.3",
		"license": "MIT",
		@@ -12,3 +12,4 @@ "main": "lib/index.js",
		"clean": "rimraf ./lib",
		"build": "yarn clean && tsc"
		"build": "yarn clean && tsc",
		"ncu": "ncu -u"
		},
		@@ -22,5 +23,5 @@ "publishConfig": {
		"devDependencies": {
		"@emotion/styled-base": "^10.0.23"
		"@emotion/styled-base": "^10.0.24"
		},
		"gitHead": "988da56eb63871d767f49d584e4cf45e689cc6b0"
		"gitHead": "b0835a8f592ae7aac5ebb68a8fec3a2e541c6558"
		}

lib/darkMode.d.ts.map