🎩 You're Invited:Meet the Socket team at Black Hat in Las Vegas, August 3-6.RSVP →
Sign In

react-styled-spacer

Package Overview
Dependencies
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-styled-spacer - npm Package Compare versions

Comparing version
1.2.0
 to
1.2.1
+1
-0
dist/Spacer/Spacer.d.ts

@@ -11,2 +11,3 @@ import { FC } from 'react';

shrink?: number | string;
spaceAround?: boolean;
}

@@ -13,0 +14,0 @@ declare const Spacer: FC<SpacerProps & {

+3
-0
dist/Spacer/Spacer.js

@@ -55,2 +55,5 @@ "use strict";

}
if (spacerProps.spaceAround) {
return react_1.default.createElement(S.SpaceAround, __assign({}, spacerProps), children);
}
if (children) {

@@ -57,0 +60,0 @@ var spacedChildren = children.reduce(function (acc, curr, index, arr) {

+3
-1
dist/Spacer/styled.d.ts

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

export declare const Space: any;
import { SpacerProps } from './Spacer';
export declare const Space: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<any, SpacerProps>>;
export declare const SpaceAround: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<any, SpacerProps>>;
+18
-2
dist/Spacer/styled.js

@@ -26,3 +26,3 @@ "use strict";

Object.defineProperty(exports, "__esModule", { value: true });
exports.Space = void 0;
exports.SpaceAround = exports.Space = void 0;
var native_1 = __importStar(require("styled-components/native"));

@@ -64,2 +64,18 @@ var debugStyles = (0, native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: hotpink;\n"], ["\n background: hotpink;\n"])));

});
var templateObject_1, templateObject_2;
exports.SpaceAround = native_1.default.View(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin: ", ";\n ", "\n ", "\n ", "\n"], ["\n margin: ", ";\n ", "\n ", "\n ", "\n"])), function (_a) {
var w = _a.w, h = _a.h, theme = _a.theme;
var height = getRoundedValue(getHeight(theme, h), getMultiplier(theme));
var width = getRoundedValue(getWidth(theme, w), getMultiplier(theme));
return height + " " + width;
}, function (_a) {
var grow = _a.grow;
return grow && "flex-grow: " + grow + ";";
}, function (_a) {
var shrink = _a.shrink;
return shrink && "flex-shrink: " + shrink + ";";
}, function (_a) {
var _b;
var theme = _a.theme;
return ((_b = theme === null || theme === void 0 ? void 0 : theme.spacers) === null || _b === void 0 ? void 0 : _b.debug) && debugStyles;
});
var templateObject_1, templateObject_2, templateObject_3;
+7
-7
package.json
{
"name": "react-styled-spacer",
"version": "1.2.0",
"version": "1.2.1",
"description": "Spacer component for whitespace in react and react-native",

@@ -33,12 +33,12 @@ "main": "dist/index.js",

"peerDependencies": {
"react": "*"
"react": "*",
"styled-components": "^5.0.0 || ^6.0.0",
"react-native-web": "*"
},
"dependencies": {
"devDependencies": {
"react-native-web": "^0.17.1",
"styled-components": "^5.3.1"
},
"devDependencies": {
"@types/react": "^17.0.19",
"typescript": "^4.4.2"
"typescript": "^4.4.2",
"styled-components": "^6.3.8"
}
}
-9
dist/functions/createThemeConfig.d.ts
import { CreateSpacerConfigParams } from '../types';
declare const createSpacerConfig: ({ custom, ...config }: CreateSpacerConfigParams) => {
spacers: {
debug?: boolean;
multiplier?: number;
default?: number;
};
};
export default createSpacerConfig;
-31
dist/functions/createThemeConfig.js
"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
Object.defineProperty(exports, "__esModule", { value: true });
var createSpacerConfig = function (_a) {
var _b = _a.custom, custom = _b === void 0 ? {} : _b, config = __rest(_a, ["custom"]);
return ({
spacers: __assign(__assign({}, config), custom),
});
};
exports.default = createSpacerConfig;