Socket
Socket
Sign inDemoInstall

@os-design/styles

Package Overview
Dependencies
Maintainers
1
Versions
56
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@os-design/styles - npm Package Compare versions

Comparing version 1.0.39 to 1.0.40

4

dist/cjs/ellipsisStyles/index.js

@@ -7,9 +7,5 @@ "use strict";

exports["default"] = void 0;
var _react = require("@emotion/react");
var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var ellipsisStyles = (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));

@@ -16,0 +12,0 @@ var _default = ellipsisStyles;

@@ -7,9 +7,5 @@ "use strict";

exports["default"] = void 0;
var _react = require("@emotion/react");
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var enableScrollingStyles = function enableScrollingStyles(axis) {

@@ -19,5 +15,4 @@ var showScrollbar = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;

};
var _default = enableScrollingStyles;
exports["default"] = _default;
//# sourceMappingURL=index.js.map

@@ -7,9 +7,5 @@ "use strict";

exports["default"] = void 0;
var _facepaint = _interopRequireDefault(require("facepaint"));
var _media = require("@os-design/media");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types

@@ -29,5 +25,4 @@ var horizontalPaddingStyles = function horizontalPaddingStyles() {

};
var _default = horizontalPaddingStyles;
exports["default"] = _default;
//# sourceMappingURL=index.js.map
"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
Object.defineProperty(exports, "__esModule", {

@@ -73,19 +72,10 @@ value: true

});
var _ellipsisStyles = _interopRequireDefault(require("./ellipsisStyles"));
var _enableScrollingStyles = _interopRequireDefault(require("./enableScrollingStyles"));
var _horizontalPaddingStyles = _interopRequireDefault(require("./horizontalPaddingStyles"));
var _lineClampStyles = _interopRequireDefault(require("./lineClampStyles"));
var _resetButtonStyles = _interopRequireDefault(require("./resetButtonStyles"));
var _resetFocusStyles = _interopRequireDefault(require("./resetFocusStyles"));
var _resetUlStyles = _interopRequireDefault(require("./resetUlStyles"));
var _sizeStyles = _interopRequireWildcard(require("./sizeStyles"));
Object.keys(_sizeStyles).forEach(function (key) {

@@ -102,10 +92,6 @@ if (key === "default" || key === "__esModule") return;

});
var _transitionStyles = _interopRequireDefault(require("./transitionStyles"));
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
//# sourceMappingURL=index.js.map

@@ -7,15 +7,10 @@ "use strict";

exports["default"] = void 0;
var _react = require("@emotion/react");
var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var lineClampStyles = function lineClampStyles(maxLines) {
return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n"])), maxLines);
};
var _default = lineClampStyles;
exports["default"] = _default;
//# sourceMappingURL=index.js.map

@@ -7,13 +7,7 @@ "use strict";

exports["default"] = void 0;
var _react = require("@emotion/react");
var _resetFocusStyles = _interopRequireDefault(require("../resetFocusStyles"));
var _templateObject;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var resetButtonStyles = (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", ";\n border: 0;\n padding: 0;\n"])), _resetFocusStyles["default"]);

@@ -20,0 +14,0 @@ var _default = resetButtonStyles;

@@ -7,9 +7,5 @@ "use strict";

exports["default"] = void 0;
var _react = require("@emotion/react");
var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var resetFocusStyles = (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &:focus {\n outline: none;\n }\n"])));

@@ -16,0 +12,0 @@ var _default = resetFocusStyles;

@@ -7,9 +7,5 @@ "use strict";

exports["default"] = void 0;
var _react = require("@emotion/react");
var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var resetUlStyles = (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n list-style: none;\n margin: 0;\n padding: 0;\n"])));

@@ -16,0 +12,0 @@ var _default = resetUlStyles;

@@ -7,22 +7,15 @@ "use strict";

exports["default"] = void 0;
var _react = require("@emotion/react");
var _templateObject, _templateObject2;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
var sizeStyles = function sizeStyles(p) {
var size = p.theme.sizes[p.size || 'medium'];
if (!size) {
return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", ";\n "])), p.size);
}
return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-size: ", "em;\n "])), size);
};
var _default = sizeStyles;
exports["default"] = _default;
//# sourceMappingURL=index.js.map

@@ -7,9 +7,5 @@ "use strict";

exports["default"] = void 0;
var _react = require("@emotion/react");
var _templateObject, _templateObject2;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var singleTransitionStyles = function singleTransitionStyles(property) {

@@ -20,3 +16,2 @@ return function (p) {

};
var multipleTransitionsStyles = function multipleTransitionsStyles(properties) {

@@ -26,5 +21,5 @@ return function (p) {

};
}; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
};
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
var transitionStyles = function transitionStyles() {

@@ -34,3 +29,2 @@ for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {

}
return function (p) {

@@ -40,5 +34,4 @@ return props.length === 1 ? singleTransitionStyles(props[0])(p) : multipleTransitionsStyles(props)(p);

};
var _default = transitionStyles;
exports["default"] = _default;
//# sourceMappingURL=index.js.map
import { css } from '@emotion/react';
const enableScrollingStyles = (axis, showScrollbar = true) => css`

@@ -20,4 +19,3 @@ ${['x', 'both'].includes(axis) && css`

`;
export default enableScrollingStyles;
//# sourceMappingURL=index.js.map
import fp from 'facepaint';
import { m } from '@os-design/media';
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types

@@ -9,4 +8,3 @@ const horizontalPaddingStyles = (side = 'both') => p => fp([m.min.sm])({

});
export default horizontalPaddingStyles;
//# sourceMappingURL=index.js.map
import { css } from '@emotion/react';
const lineClampStyles = maxLines => css`

@@ -9,4 +8,3 @@ display: -webkit-box;

`;
export default lineClampStyles;
//# sourceMappingURL=index.js.map
import { css } from '@emotion/react';
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
const sizeStyles = p => {
const size = p.theme.sizes[p.size || 'medium'];
if (!size) {

@@ -12,3 +10,2 @@ return css`

}
return css`

@@ -18,4 +15,3 @@ font-size: ${size}em;

};
export default sizeStyles;
//# sourceMappingURL=index.js.map

7

dist/esm/transitionStyles/index.js
import { css } from '@emotion/react';
const singleTransitionStyles = property => p => css`
transition: ${property} ${p.theme.transitionDelay}ms;
`;
const multipleTransitionsStyles = properties => p => css`
transition: all ${p.theme.transitionDelay}ms;
transition-property: ${properties.join(', ')};
`; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
`;
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
const transitionStyles = (...props) => p => props.length === 1 ? singleTransitionStyles(props[0])(p) : multipleTransitionsStyles(props)(p);
export default transitionStyles;
//# sourceMappingURL=index.js.map
{
"name": "@os-design/styles",
"version": "1.0.39",
"version": "1.0.40",
"license": "UNLICENSED",

@@ -32,4 +32,4 @@ "repository": "git@gitlab.com:os-team/libs/os-design.git",

"dependencies": {
"@os-design/media": "^1.0.15",
"@os-design/theming": "^1.0.37",
"@os-design/media": "^1.0.16",
"@os-design/theming": "^1.0.38",
"facepaint": "^1.2.1"

@@ -40,3 +40,3 @@ },

"@emotion/serialize": "*",
"@os-design/omit-emotion-props": "^1.0.7"
"@os-design/omit-emotion-props": "^1.0.8"
},

@@ -47,3 +47,3 @@ "peerDependencies": {

},
"gitHead": "5a2a0d8ca15882259f4f84a52faca3e43f79841b"
"gitHead": "8cb28f6719d699c014fbce91d832a9ff06abe515"
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc