Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@highlight-ui/layout
Advanced tools
@highlight-ui/layout - npm Package Compare versions
Comparing version 0.2.0 to 0.2.1
@@ -6,9 +6,5 @@ 'use strict'; | ||
| }); | ||
| var React = require('react'); | ||
| var classnames = require('classnames'); | ||
| var utilsCommons = require('@highlight-ui/utils-commons'); | ||
| function _interopDefaultLegacy(e) { | ||
@@ -19,7 +15,6 @@ return e && typeof e === 'object' && 'default' in e ? e : { | ||
| } | ||
| var React__default = /*#__PURE__*/_interopDefaultLegacy(React); | ||
| var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames); | ||
| var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames); | ||
| /*! ***************************************************************************** | ||
| /****************************************************************************** | ||
| Copyright (c) Microsoft Corporation. | ||
@@ -39,3 +34,2 @@ | ||
| var __assign = function () { | ||
@@ -45,36 +39,32 @@ __assign = Object.assign || function __assign(t) { | ||
| 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 styles$1 = { | ||
| "stack": "Stack-module__1Z0TVMk0__v0-2-0", | ||
| "spacing-0": "Stack-module__2ySgOKfI__v0-2-0", | ||
| "spacing-0-5": "Stack-module__3aTg7ont__v0-2-0", | ||
| "spacing-1": "Stack-module__PDhQa1l5__v0-2-0", | ||
| "spacing-2": "Stack-module__1jenF-92__v0-2-0", | ||
| "spacing-3": "Stack-module__36QSkEUh__v0-2-0", | ||
| "spacing-4": "Stack-module__1YqBVz_r__v0-2-0", | ||
| "spacing-5": "Stack-module__pl44GgJA__v0-2-0", | ||
| "spacing-6": "Stack-module__2yG7841h__v0-2-0", | ||
| "spacing-8": "Stack-module__3mcyNuOg__v0-2-0", | ||
| "spacing-10": "Stack-module__2Pc3xBPs__v0-2-0", | ||
| "spacing-12": "Stack-module__nNSh936F__v0-2-0", | ||
| "spacing-16": "Stack-module__1tkzlJ5Y__v0-2-0", | ||
| "spacing-20": "Stack-module__2bXwUC-Y__v0-2-0", | ||
| "spacing-24": "Stack-module__2NtXK43f__v0-2-0", | ||
| "spacing-32": "Stack-module__1oPS-87M__v0-2-0" | ||
| "stack": "Stack-module__1EcFT-8V__v0-2-1", | ||
| "spacing-0": "Stack-module__6lRZvyuc__v0-2-1", | ||
| "spacing-0-5": "Stack-module__g9Dn3J1U__v0-2-1", | ||
| "spacing-1": "Stack-module__IqD3B5Y2__v0-2-1", | ||
| "spacing-2": "Stack-module__y3QoKyTs__v0-2-1", | ||
| "spacing-3": "Stack-module__x0wRVlfo__v0-2-1", | ||
| "spacing-4": "Stack-module__thm96A-q__v0-2-1", | ||
| "spacing-5": "Stack-module__oMP2QdUC__v0-2-1", | ||
| "spacing-6": "Stack-module__KD9eyULq__v0-2-1", | ||
| "spacing-8": "Stack-module__pesLazX2__v0-2-1", | ||
| "spacing-10": "Stack-module__YpWt5m5x__v0-2-1", | ||
| "spacing-12": "Stack-module__E0RiyNBI__v0-2-1", | ||
| "spacing-16": "Stack-module__MTsavH-u__v0-2-1", | ||
| "spacing-20": "Stack-module__pqezygQ0__v0-2-1", | ||
| "spacing-24": "Stack-module__tFFh2DIC__v0-2-1", | ||
| "spacing-32": "Stack-module__FcbRkwlI__v0-2-1" | ||
| }; | ||
| var Stack = React__default["default"].forwardRef(function (_a, ref) { | ||
| var _b = _a.space, | ||
| space = _b === void 0 ? 'spacing-0' : _b, | ||
| className = _a.className, | ||
| metadata = _a.metadata, | ||
| children = _a.children; | ||
| space = _b === void 0 ? 'spacing-0' : _b, | ||
| className = _a.className, | ||
| metadata = _a.metadata, | ||
| children = _a.children; | ||
| return React__default["default"].createElement("div", __assign({ | ||
@@ -86,40 +76,39 @@ className: classnames__default["default"](styles$1.stack, styles$1[space], className), | ||
| var styles = { | ||
| "inline": "Inline-module__2aZXP6_L__v0-2-0", | ||
| "wrap": "Inline-module__3_a_UnFU__v0-2-0", | ||
| "justify-start": "Inline-module__3tWW_bxE__v0-2-0", | ||
| "align-start": "Inline-module__3KOYdxUy__v0-2-0", | ||
| "justify-center": "Inline-module__3374-2FN__v0-2-0", | ||
| "align-center": "Inline-module__27MAKqkj__v0-2-0", | ||
| "justify-end": "Inline-module__20Q7r0QF__v0-2-0", | ||
| "align-end": "Inline-module__32BDfYVC__v0-2-0", | ||
| "spacing-0": "Inline-module__3QBhX-d-__v0-2-0", | ||
| "spacing-0-5": "Inline-module__2BjQmfKr__v0-2-0", | ||
| "spacing-1": "Inline-module__3pNbh9rd__v0-2-0", | ||
| "spacing-2": "Inline-module__2faoCu-m__v0-2-0", | ||
| "spacing-3": "Inline-module__2wWXsICI__v0-2-0", | ||
| "spacing-4": "Inline-module__1ZQERGdz__v0-2-0", | ||
| "spacing-5": "Inline-module__2oLnGAsK__v0-2-0", | ||
| "spacing-6": "Inline-module__1cCvK5Ld__v0-2-0", | ||
| "spacing-8": "Inline-module__1C9ylay-__v0-2-0", | ||
| "spacing-10": "Inline-module__2LTq5c9n__v0-2-0", | ||
| "spacing-12": "Inline-module__wdvPl5Ud__v0-2-0", | ||
| "spacing-16": "Inline-module__2F43RmI6__v0-2-0", | ||
| "spacing-20": "Inline-module__JGDJkFEE__v0-2-0", | ||
| "spacing-24": "Inline-module__WKta76h4__v0-2-0", | ||
| "spacing-32": "Inline-module__1wjFy7b-__v0-2-0" | ||
| "inline": "Inline-module__bXbkibKw__v0-2-1", | ||
| "wrap": "Inline-module__YF9rtVNH__v0-2-1", | ||
| "justify-start": "Inline-module__-WI6T-Pu__v0-2-1", | ||
| "align-start": "Inline-module__uD5yQygQ__v0-2-1", | ||
| "justify-center": "Inline-module__iz1r0ak9__v0-2-1", | ||
| "align-center": "Inline-module__97XnVtXw__v0-2-1", | ||
| "justify-end": "Inline-module__5EBc1Pez__v0-2-1", | ||
| "align-end": "Inline-module__oXJkmk-c__v0-2-1", | ||
| "spacing-0": "Inline-module__SAlBEU9D__v0-2-1", | ||
| "spacing-0-5": "Inline-module__D1V7owtS__v0-2-1", | ||
| "spacing-1": "Inline-module__OigU1RUi__v0-2-1", | ||
| "spacing-2": "Inline-module__XTSrxcwj__v0-2-1", | ||
| "spacing-3": "Inline-module__kTVUcUWM__v0-2-1", | ||
| "spacing-4": "Inline-module__G9I7Vdtm__v0-2-1", | ||
| "spacing-5": "Inline-module__WVGqRKtI__v0-2-1", | ||
| "spacing-6": "Inline-module__W9oxvNGX__v0-2-1", | ||
| "spacing-8": "Inline-module__Us2UoNCq__v0-2-1", | ||
| "spacing-10": "Inline-module__D3CLyxtx__v0-2-1", | ||
| "spacing-12": "Inline-module__3hwmqgcV__v0-2-1", | ||
| "spacing-16": "Inline-module__rlpoWnog__v0-2-1", | ||
| "spacing-20": "Inline-module__esCMhoV1__v0-2-1", | ||
| "spacing-24": "Inline-module__WSUyNPQ2__v0-2-1", | ||
| "spacing-32": "Inline-module__F-eRrOMk__v0-2-1" | ||
| }; | ||
| var Inline = React__default["default"].forwardRef(function (_a, ref) { | ||
| var _b; | ||
| var _c = _a.space, | ||
| space = _c === void 0 ? 'spacing-0' : _c, | ||
| _d = _a.align, | ||
| align = _d === void 0 ? 'start' : _d, | ||
| _e = _a.alignVertical, | ||
| alignVertical = _e === void 0 ? 'start' : _e, | ||
| _f = _a.wrap, | ||
| wrap = _f === void 0 ? true : _f, | ||
| className = _a.className, | ||
| metadata = _a.metadata, | ||
| children = _a.children; | ||
| space = _c === void 0 ? 'spacing-0' : _c, | ||
| _d = _a.align, | ||
| align = _d === void 0 ? 'start' : _d, | ||
| _e = _a.alignVertical, | ||
| alignVertical = _e === void 0 ? 'start' : _e, | ||
| _f = _a.wrap, | ||
| wrap = _f === void 0 ? true : _f, | ||
| className = _a.className, | ||
| metadata = _a.metadata, | ||
| children = _a.children; | ||
| return React__default["default"].createElement("div", __assign({ | ||
@@ -126,0 +115,0 @@ className: classnames__default["default"](styles.inline, styles[space], styles["justify-" + align], styles["align-" + alignVertical], (_b = {}, _b[styles.wrap] = wrap, _b), className), |
| import React from 'react'; | ||
| import classnames from 'classnames'; | ||
| import { parseMetadata } from '@highlight-ui/utils-commons'; | ||
| /*! ***************************************************************************** | ||
| /****************************************************************************** | ||
| Copyright (c) Microsoft Corporation. | ||
@@ -23,36 +24,32 @@ | ||
| 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 styles$1 = { | ||
| "stack": "Stack-module__1Z0TVMk0__v0-2-0", | ||
| "spacing-0": "Stack-module__2ySgOKfI__v0-2-0", | ||
| "spacing-0-5": "Stack-module__3aTg7ont__v0-2-0", | ||
| "spacing-1": "Stack-module__PDhQa1l5__v0-2-0", | ||
| "spacing-2": "Stack-module__1jenF-92__v0-2-0", | ||
| "spacing-3": "Stack-module__36QSkEUh__v0-2-0", | ||
| "spacing-4": "Stack-module__1YqBVz_r__v0-2-0", | ||
| "spacing-5": "Stack-module__pl44GgJA__v0-2-0", | ||
| "spacing-6": "Stack-module__2yG7841h__v0-2-0", | ||
| "spacing-8": "Stack-module__3mcyNuOg__v0-2-0", | ||
| "spacing-10": "Stack-module__2Pc3xBPs__v0-2-0", | ||
| "spacing-12": "Stack-module__nNSh936F__v0-2-0", | ||
| "spacing-16": "Stack-module__1tkzlJ5Y__v0-2-0", | ||
| "spacing-20": "Stack-module__2bXwUC-Y__v0-2-0", | ||
| "spacing-24": "Stack-module__2NtXK43f__v0-2-0", | ||
| "spacing-32": "Stack-module__1oPS-87M__v0-2-0" | ||
| "stack": "Stack-module__1EcFT-8V__v0-2-1", | ||
| "spacing-0": "Stack-module__6lRZvyuc__v0-2-1", | ||
| "spacing-0-5": "Stack-module__g9Dn3J1U__v0-2-1", | ||
| "spacing-1": "Stack-module__IqD3B5Y2__v0-2-1", | ||
| "spacing-2": "Stack-module__y3QoKyTs__v0-2-1", | ||
| "spacing-3": "Stack-module__x0wRVlfo__v0-2-1", | ||
| "spacing-4": "Stack-module__thm96A-q__v0-2-1", | ||
| "spacing-5": "Stack-module__oMP2QdUC__v0-2-1", | ||
| "spacing-6": "Stack-module__KD9eyULq__v0-2-1", | ||
| "spacing-8": "Stack-module__pesLazX2__v0-2-1", | ||
| "spacing-10": "Stack-module__YpWt5m5x__v0-2-1", | ||
| "spacing-12": "Stack-module__E0RiyNBI__v0-2-1", | ||
| "spacing-16": "Stack-module__MTsavH-u__v0-2-1", | ||
| "spacing-20": "Stack-module__pqezygQ0__v0-2-1", | ||
| "spacing-24": "Stack-module__tFFh2DIC__v0-2-1", | ||
| "spacing-32": "Stack-module__FcbRkwlI__v0-2-1" | ||
| }; | ||
| var Stack = /*#__PURE__*/React.forwardRef(function (_a, ref) { | ||
| var _b = _a.space, | ||
| space = _b === void 0 ? 'spacing-0' : _b, | ||
| className = _a.className, | ||
| metadata = _a.metadata, | ||
| children = _a.children; | ||
| space = _b === void 0 ? 'spacing-0' : _b, | ||
| className = _a.className, | ||
| metadata = _a.metadata, | ||
| children = _a.children; | ||
| return /*#__PURE__*/React.createElement("div", __assign({ | ||
@@ -64,40 +61,39 @@ className: classnames(styles$1.stack, styles$1[space], className), | ||
| var styles = { | ||
| "inline": "Inline-module__2aZXP6_L__v0-2-0", | ||
| "wrap": "Inline-module__3_a_UnFU__v0-2-0", | ||
| "justify-start": "Inline-module__3tWW_bxE__v0-2-0", | ||
| "align-start": "Inline-module__3KOYdxUy__v0-2-0", | ||
| "justify-center": "Inline-module__3374-2FN__v0-2-0", | ||
| "align-center": "Inline-module__27MAKqkj__v0-2-0", | ||
| "justify-end": "Inline-module__20Q7r0QF__v0-2-0", | ||
| "align-end": "Inline-module__32BDfYVC__v0-2-0", | ||
| "spacing-0": "Inline-module__3QBhX-d-__v0-2-0", | ||
| "spacing-0-5": "Inline-module__2BjQmfKr__v0-2-0", | ||
| "spacing-1": "Inline-module__3pNbh9rd__v0-2-0", | ||
| "spacing-2": "Inline-module__2faoCu-m__v0-2-0", | ||
| "spacing-3": "Inline-module__2wWXsICI__v0-2-0", | ||
| "spacing-4": "Inline-module__1ZQERGdz__v0-2-0", | ||
| "spacing-5": "Inline-module__2oLnGAsK__v0-2-0", | ||
| "spacing-6": "Inline-module__1cCvK5Ld__v0-2-0", | ||
| "spacing-8": "Inline-module__1C9ylay-__v0-2-0", | ||
| "spacing-10": "Inline-module__2LTq5c9n__v0-2-0", | ||
| "spacing-12": "Inline-module__wdvPl5Ud__v0-2-0", | ||
| "spacing-16": "Inline-module__2F43RmI6__v0-2-0", | ||
| "spacing-20": "Inline-module__JGDJkFEE__v0-2-0", | ||
| "spacing-24": "Inline-module__WKta76h4__v0-2-0", | ||
| "spacing-32": "Inline-module__1wjFy7b-__v0-2-0" | ||
| "inline": "Inline-module__bXbkibKw__v0-2-1", | ||
| "wrap": "Inline-module__YF9rtVNH__v0-2-1", | ||
| "justify-start": "Inline-module__-WI6T-Pu__v0-2-1", | ||
| "align-start": "Inline-module__uD5yQygQ__v0-2-1", | ||
| "justify-center": "Inline-module__iz1r0ak9__v0-2-1", | ||
| "align-center": "Inline-module__97XnVtXw__v0-2-1", | ||
| "justify-end": "Inline-module__5EBc1Pez__v0-2-1", | ||
| "align-end": "Inline-module__oXJkmk-c__v0-2-1", | ||
| "spacing-0": "Inline-module__SAlBEU9D__v0-2-1", | ||
| "spacing-0-5": "Inline-module__D1V7owtS__v0-2-1", | ||
| "spacing-1": "Inline-module__OigU1RUi__v0-2-1", | ||
| "spacing-2": "Inline-module__XTSrxcwj__v0-2-1", | ||
| "spacing-3": "Inline-module__kTVUcUWM__v0-2-1", | ||
| "spacing-4": "Inline-module__G9I7Vdtm__v0-2-1", | ||
| "spacing-5": "Inline-module__WVGqRKtI__v0-2-1", | ||
| "spacing-6": "Inline-module__W9oxvNGX__v0-2-1", | ||
| "spacing-8": "Inline-module__Us2UoNCq__v0-2-1", | ||
| "spacing-10": "Inline-module__D3CLyxtx__v0-2-1", | ||
| "spacing-12": "Inline-module__3hwmqgcV__v0-2-1", | ||
| "spacing-16": "Inline-module__rlpoWnog__v0-2-1", | ||
| "spacing-20": "Inline-module__esCMhoV1__v0-2-1", | ||
| "spacing-24": "Inline-module__WSUyNPQ2__v0-2-1", | ||
| "spacing-32": "Inline-module__F-eRrOMk__v0-2-1" | ||
| }; | ||
| var Inline = /*#__PURE__*/React.forwardRef(function (_a, ref) { | ||
| var _b; | ||
| var _c = _a.space, | ||
| space = _c === void 0 ? 'spacing-0' : _c, | ||
| _d = _a.align, | ||
| align = _d === void 0 ? 'start' : _d, | ||
| _e = _a.alignVertical, | ||
| alignVertical = _e === void 0 ? 'start' : _e, | ||
| _f = _a.wrap, | ||
| wrap = _f === void 0 ? true : _f, | ||
| className = _a.className, | ||
| metadata = _a.metadata, | ||
| children = _a.children; | ||
| space = _c === void 0 ? 'spacing-0' : _c, | ||
| _d = _a.align, | ||
| align = _d === void 0 ? 'start' : _d, | ||
| _e = _a.alignVertical, | ||
| alignVertical = _e === void 0 ? 'start' : _e, | ||
| _f = _a.wrap, | ||
| wrap = _f === void 0 ? true : _f, | ||
| className = _a.className, | ||
| metadata = _a.metadata, | ||
| children = _a.children; | ||
| return /*#__PURE__*/React.createElement("div", __assign({ | ||
@@ -104,0 +100,0 @@ className: classnames(styles.inline, styles[space], styles["justify-" + align], styles["align-" + alignVertical], (_b = {}, _b[styles.wrap] = wrap, _b), className), |
| { | ||
| "name": "@highlight-ui/layout", | ||
| "version": "0.2.0", | ||
| "version": "0.2.1", | ||
| "author": "Personio GmbH & Co. KG", | ||
@@ -29,21 +29,21 @@ "main": "dist/cjs/index.js", | ||
| "devDependencies": { | ||
| "@highlight-ui/configs-base-jest": "^3.1.1", | ||
| "@highlight-ui/configs-base-tsconfig": "^3.2.0", | ||
| "@highlight-ui/configs-scripts": "^3.2.2", | ||
| "@highlight-ui/tokens": "^2.3.0", | ||
| "@highlight-ui/configs-base-jest": "^3.1.2", | ||
| "@highlight-ui/configs-base-tsconfig": "^3.2.1", | ||
| "@highlight-ui/configs-scripts": "^3.2.3", | ||
| "@highlight-ui/tokens": "^2.3.1", | ||
| "@testing-library/dom": "8.19.0", | ||
| "@testing-library/react": "12.1.5", | ||
| "classnames": "^2.3.1", | ||
| "jest": "^27.2.3", | ||
| "react": "^17.0.2", | ||
| "rimraf": "^3.0.2" | ||
| "classnames": "~2.3.1", | ||
| "jest": "~27.2.3", | ||
| "react": "17.0.2", | ||
| "rimraf": "~3.0.2" | ||
| }, | ||
| "dependencies": { | ||
| "@highlight-ui/utils-commons": "^2.3.5" | ||
| "@highlight-ui/utils-commons": "^2.3.6" | ||
| }, | ||
| "peerDependencies": { | ||
| "classnames": "^2.3.1", | ||
| "classnames": "~2.3.1", | ||
| "react": "17.0.2" | ||
| }, | ||
| "gitHead": "105c85b1c8d0c7d233b9712d982acada5ea19e86" | ||
| "gitHead": "3758f5f987510edb100f5a22ebe829b7cee4573f" | ||
| } |
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
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.4%
60686
- Number of medium supply chain risk alerts
- decreased by-100%
0
Dependency changes
+ Addedclassnames@2.3.3(transitive)
- Removedclassnames@2.5.1(transitive)