@uxf/styles - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

package.json

 {
   "name": "@uxf/styles",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "",
@@ -14,3 +14,3 @@ "main": "index.js",
     "typecheck": "tsc --noEmit --skipLibCheck",
-    "test": "npm run lint:css && npm run typecheck"
+    "test": "npm run lint:ts && npm run lint:css && npm run typecheck"
   },
@@ -17,0 +17,0 @@ "publishConfig": {

properties/transitions.d.ts

@@ -1,5 +0,10 @@
-import { Breakpoints, TransitionProperties } from "../types";
+import { Property } from "csstype";
+import { TransitionProperties } from "../types";
 export interface Transitions {
-    $transition?: TransitionProperties;
+    $transition?: {
+        property: TransitionProperties;
+        duration?: number;
+        easing?: Property.TransitionTimingFunction;
+    };
 }
-export declare const transitions: <B extends Record<string, number>>({ breakpoints, $transition, }: Transitions & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const transitions: ({ $transition }: Transitions) => import("styled-components").FlattenSimpleInterpolation;

properties/transitions.js

@@ -9,13 +9,9 @@ "use strict";
 var styled_components_1 = require("styled-components");
-var formatTransitions_1 = require("../utils/formatTransitions");
-var responsive_1 = require("../utils/responsive");
+var transition_1 = require("../utils/transition");
 var transitions = function (_a) {
-    var breakpoints = _a.breakpoints, $transition = _a.$transition;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        transition: formatTransitions_1.formatTransitions($transition),
-    }));
+    var $transition = _a.$transition;
+    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    transition: ", ";\n"], ["\n    transition: ", ";\n"])), $transition ? transition_1.transition($transition.property, $transition.duration, $transition.easing) : null);
 };
 exports.transitions = transitions;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNpdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy90cmFuc2l0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLGdFQUErRDtBQUMvRCxrREFBbUQ7QUFPNUMsSUFBTSxXQUFXLEdBQUcsVUFBNEIsRUFHeEI7UUFGM0IsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUE7SUFDcUIsT0FBQSx1QkFBRyxpRkFBQSxRQUNqQztRQUVBLElBQ0wsS0FISyx5QkFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hCLFVBQVUsRUFBRSxxQ0FBaUIsQ0FBQyxXQUFXLENBQUM7S0FDN0MsQ0FBQztBQUg4QixDQUluQyxDQUFDO0FBUFcsUUFBQSxXQUFXLGVBT3RCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNpdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy90cmFuc2l0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQ0EsdURBQXdDO0FBRXhDLGtEQUFpRDtBQU0xQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQTRCO1FBQTFCLFdBQVcsaUJBQUE7SUFBb0IsT0FBQSx1QkFBRyw4RkFBQSxvQkFDOUMsRUFBK0YsS0FDaEgsS0FEaUIsV0FBVyxDQUFDLENBQUMsQ0FBQyx1QkFBVSxDQUFDLFdBQVcsQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLFFBQVEsRUFBRSxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUk7QUFEcEQsQ0FFNUQsQ0FBQztBQUZXLFFBQUEsV0FBVyxlQUV0QiJ9

README.md

@@ -207,3 +207,2 @@ # @uxf/styles
 ### `formatResponsiveGridColumns`
-### `formatTransitions`
 ### `formatValue`
@@ -210,0 +209,0 @@ ### `formatResponsiveValue`

utils/transition.d.ts

 import { Property } from "csstype";
-import { TransitionProperty } from "../types";
-export declare const transition: (property: TransitionProperty, duration?: number, easing?: Property.TransitionTimingFunction) => string;
+import { TransitionProperties } from "../types";
+export declare const transition: (property: TransitionProperties, duration?: number, easing?: Property.TransitionTimingFunction) => string;

utils/transition.js

@@ -9,5 +9,8 @@ "use strict";
     if (easing === void 0) { easing = "ease-in-out"; }
+    if (Array.isArray(property)) {
+        return property.map(function (p) { return exports.transition(p, duration, easing); }).join(", ");
+    }
     return camelCaseToDash_1.camelCaseToDash(property) + " " + withUnit_1.withUnit(duration, "ms") + " " + easing;
 };
 exports.transition = transition;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNpdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy90cmFuc2l0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG1FQUFrRTtBQUdsRSx1Q0FBc0M7QUFFL0IsSUFBTSxVQUFVLEdBQUcsVUFDdEIsUUFBNEIsRUFDNUIsUUFBYyxFQUNkLE1BQXlEO0lBRHpELHlCQUFBLEVBQUEsY0FBYztJQUNkLHVCQUFBLEVBQUEsc0JBQXlEO0lBQ3hELE9BQUcsaUNBQWUsQ0FBQyxRQUFRLENBQUMsU0FBSSxtQkFBUSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBSSxNQUFRO0FBQXBFLENBQW9FLENBQUM7QUFKN0QsUUFBQSxVQUFVLGNBSW1EIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNpdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy90cmFuc2l0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG1FQUFrRTtBQUdsRSx1Q0FBc0M7QUFFL0IsSUFBTSxVQUFVLEdBQUcsVUFDdEIsUUFBOEIsRUFDOUIsUUFBYyxFQUNkLE1BQXlEO0lBRHpELHlCQUFBLEVBQUEsY0FBYztJQUNkLHVCQUFBLEVBQUEsc0JBQXlEO0lBRXpELElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRTtRQUN6QixPQUFPLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxrQkFBVSxDQUFDLENBQUMsRUFBRSxRQUFRLEVBQUUsTUFBTSxDQUFDLEVBQS9CLENBQStCLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7S0FDMUU7SUFDRCxPQUFVLGlDQUFlLENBQUMsUUFBUSxDQUFDLFNBQUksbUJBQVEsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLFNBQUksTUFBUSxDQUFDO0FBQ2hGLENBQUMsQ0FBQztBQVRXLFFBQUEsVUFBVSxjQVNyQiJ9

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

172654

decreased by-15.67%

Number of package files

126

decreased by-1.56%

Lines of code

1703

decreased by-6.43%

Number of lines in readme file

228

decreased by-0.44%

No dependency changes