@highlight-ui/layout - npm Package Compare versions

Comparing version 0.2.2 to 0.2.3

dist/cjs/index.js

@@ -43,18 +43,18 @@ 'use strict';
 var styles$1 = {
-  "stack": "Stack-module__1EcFT-8V__v0-2-2",
-  "spacing-0": "Stack-module__6lRZvyuc__v0-2-2",
-  "spacing-0-5": "Stack-module__g9Dn3J1U__v0-2-2",
-  "spacing-1": "Stack-module__IqD3B5Y2__v0-2-2",
-  "spacing-2": "Stack-module__y3QoKyTs__v0-2-2",
-  "spacing-3": "Stack-module__x0wRVlfo__v0-2-2",
-  "spacing-4": "Stack-module__thm96A-q__v0-2-2",
-  "spacing-5": "Stack-module__oMP2QdUC__v0-2-2",
-  "spacing-6": "Stack-module__KD9eyULq__v0-2-2",
-  "spacing-8": "Stack-module__pesLazX2__v0-2-2",
-  "spacing-10": "Stack-module__YpWt5m5x__v0-2-2",
-  "spacing-12": "Stack-module__E0RiyNBI__v0-2-2",
-  "spacing-16": "Stack-module__MTsavH-u__v0-2-2",
-  "spacing-20": "Stack-module__pqezygQ0__v0-2-2",
-  "spacing-24": "Stack-module__tFFh2DIC__v0-2-2",
-  "spacing-32": "Stack-module__FcbRkwlI__v0-2-2"
+  "stack": "Stack-module__1EcFT-8V__v0-2-3",
+  "spacing-0": "Stack-module__6lRZvyuc__v0-2-3",
+  "spacing-0-5": "Stack-module__g9Dn3J1U__v0-2-3",
+  "spacing-1": "Stack-module__IqD3B5Y2__v0-2-3",
+  "spacing-2": "Stack-module__y3QoKyTs__v0-2-3",
+  "spacing-3": "Stack-module__x0wRVlfo__v0-2-3",
+  "spacing-4": "Stack-module__thm96A-q__v0-2-3",
+  "spacing-5": "Stack-module__oMP2QdUC__v0-2-3",
+  "spacing-6": "Stack-module__KD9eyULq__v0-2-3",
+  "spacing-8": "Stack-module__pesLazX2__v0-2-3",
+  "spacing-10": "Stack-module__YpWt5m5x__v0-2-3",
+  "spacing-12": "Stack-module__E0RiyNBI__v0-2-3",
+  "spacing-16": "Stack-module__MTsavH-u__v0-2-3",
+  "spacing-20": "Stack-module__pqezygQ0__v0-2-3",
+  "spacing-24": "Stack-module__tFFh2DIC__v0-2-3",
+  "spacing-32": "Stack-module__FcbRkwlI__v0-2-3"
 };
@@ -73,25 +73,25 @@ var Stack = React__default["default"].forwardRef(function (_a, ref) {
 var styles = {
-  "inline": "Inline-module__bXbkibKw__v0-2-2",
-  "wrap": "Inline-module__YF9rtVNH__v0-2-2",
-  "justify-start": "Inline-module__-WI6T-Pu__v0-2-2",
-  "align-start": "Inline-module__uD5yQygQ__v0-2-2",
-  "justify-center": "Inline-module__iz1r0ak9__v0-2-2",
-  "align-center": "Inline-module__97XnVtXw__v0-2-2",
-  "justify-end": "Inline-module__5EBc1Pez__v0-2-2",
-  "align-end": "Inline-module__oXJkmk-c__v0-2-2",
-  "spacing-0": "Inline-module__SAlBEU9D__v0-2-2",
-  "spacing-0-5": "Inline-module__D1V7owtS__v0-2-2",
-  "spacing-1": "Inline-module__OigU1RUi__v0-2-2",
-  "spacing-2": "Inline-module__XTSrxcwj__v0-2-2",
-  "spacing-3": "Inline-module__kTVUcUWM__v0-2-2",
-  "spacing-4": "Inline-module__G9I7Vdtm__v0-2-2",
-  "spacing-5": "Inline-module__WVGqRKtI__v0-2-2",
-  "spacing-6": "Inline-module__W9oxvNGX__v0-2-2",
-  "spacing-8": "Inline-module__Us2UoNCq__v0-2-2",
-  "spacing-10": "Inline-module__D3CLyxtx__v0-2-2",
-  "spacing-12": "Inline-module__3hwmqgcV__v0-2-2",
-  "spacing-16": "Inline-module__rlpoWnog__v0-2-2",
-  "spacing-20": "Inline-module__esCMhoV1__v0-2-2",
-  "spacing-24": "Inline-module__WSUyNPQ2__v0-2-2",
-  "spacing-32": "Inline-module__F-eRrOMk__v0-2-2"
+  "inline": "Inline-module__bXbkibKw__v0-2-3",
+  "wrap": "Inline-module__YF9rtVNH__v0-2-3",
+  "justify-start": "Inline-module__-WI6T-Pu__v0-2-3",
+  "align-start": "Inline-module__uD5yQygQ__v0-2-3",
+  "justify-center": "Inline-module__iz1r0ak9__v0-2-3",
+  "align-center": "Inline-module__97XnVtXw__v0-2-3",
+  "justify-end": "Inline-module__5EBc1Pez__v0-2-3",
+  "align-end": "Inline-module__oXJkmk-c__v0-2-3",
+  "spacing-0": "Inline-module__SAlBEU9D__v0-2-3",
+  "spacing-0-5": "Inline-module__D1V7owtS__v0-2-3",
+  "spacing-1": "Inline-module__OigU1RUi__v0-2-3",
+  "spacing-2": "Inline-module__XTSrxcwj__v0-2-3",
+  "spacing-3": "Inline-module__kTVUcUWM__v0-2-3",
+  "spacing-4": "Inline-module__G9I7Vdtm__v0-2-3",
+  "spacing-5": "Inline-module__WVGqRKtI__v0-2-3",
+  "spacing-6": "Inline-module__W9oxvNGX__v0-2-3",
+  "spacing-8": "Inline-module__Us2UoNCq__v0-2-3",
+  "spacing-10": "Inline-module__D3CLyxtx__v0-2-3",
+  "spacing-12": "Inline-module__3hwmqgcV__v0-2-3",
+  "spacing-16": "Inline-module__rlpoWnog__v0-2-3",
+  "spacing-20": "Inline-module__esCMhoV1__v0-2-3",
+  "spacing-24": "Inline-module__WSUyNPQ2__v0-2-3",
+  "spacing-32": "Inline-module__F-eRrOMk__v0-2-3"
 };
@@ -98,0 +98,0 @@ var Inline = React__default["default"].forwardRef(function (_a, ref) {

dist/esm/index.js

@@ -31,18 +31,18 @@ import React from 'react';
 var styles$1 = {
-  "stack": "Stack-module__1EcFT-8V__v0-2-2",
-  "spacing-0": "Stack-module__6lRZvyuc__v0-2-2",
-  "spacing-0-5": "Stack-module__g9Dn3J1U__v0-2-2",
-  "spacing-1": "Stack-module__IqD3B5Y2__v0-2-2",
-  "spacing-2": "Stack-module__y3QoKyTs__v0-2-2",
-  "spacing-3": "Stack-module__x0wRVlfo__v0-2-2",
-  "spacing-4": "Stack-module__thm96A-q__v0-2-2",
-  "spacing-5": "Stack-module__oMP2QdUC__v0-2-2",
-  "spacing-6": "Stack-module__KD9eyULq__v0-2-2",
-  "spacing-8": "Stack-module__pesLazX2__v0-2-2",
-  "spacing-10": "Stack-module__YpWt5m5x__v0-2-2",
-  "spacing-12": "Stack-module__E0RiyNBI__v0-2-2",
-  "spacing-16": "Stack-module__MTsavH-u__v0-2-2",
-  "spacing-20": "Stack-module__pqezygQ0__v0-2-2",
-  "spacing-24": "Stack-module__tFFh2DIC__v0-2-2",
-  "spacing-32": "Stack-module__FcbRkwlI__v0-2-2"
+  "stack": "Stack-module__1EcFT-8V__v0-2-3",
+  "spacing-0": "Stack-module__6lRZvyuc__v0-2-3",
+  "spacing-0-5": "Stack-module__g9Dn3J1U__v0-2-3",
+  "spacing-1": "Stack-module__IqD3B5Y2__v0-2-3",
+  "spacing-2": "Stack-module__y3QoKyTs__v0-2-3",
+  "spacing-3": "Stack-module__x0wRVlfo__v0-2-3",
+  "spacing-4": "Stack-module__thm96A-q__v0-2-3",
+  "spacing-5": "Stack-module__oMP2QdUC__v0-2-3",
+  "spacing-6": "Stack-module__KD9eyULq__v0-2-3",
+  "spacing-8": "Stack-module__pesLazX2__v0-2-3",
+  "spacing-10": "Stack-module__YpWt5m5x__v0-2-3",
+  "spacing-12": "Stack-module__E0RiyNBI__v0-2-3",
+  "spacing-16": "Stack-module__MTsavH-u__v0-2-3",
+  "spacing-20": "Stack-module__pqezygQ0__v0-2-3",
+  "spacing-24": "Stack-module__tFFh2DIC__v0-2-3",
+  "spacing-32": "Stack-module__FcbRkwlI__v0-2-3"
 };
@@ -61,25 +61,25 @@ var Stack = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 var styles = {
-  "inline": "Inline-module__bXbkibKw__v0-2-2",
-  "wrap": "Inline-module__YF9rtVNH__v0-2-2",
-  "justify-start": "Inline-module__-WI6T-Pu__v0-2-2",
-  "align-start": "Inline-module__uD5yQygQ__v0-2-2",
-  "justify-center": "Inline-module__iz1r0ak9__v0-2-2",
-  "align-center": "Inline-module__97XnVtXw__v0-2-2",
-  "justify-end": "Inline-module__5EBc1Pez__v0-2-2",
-  "align-end": "Inline-module__oXJkmk-c__v0-2-2",
-  "spacing-0": "Inline-module__SAlBEU9D__v0-2-2",
-  "spacing-0-5": "Inline-module__D1V7owtS__v0-2-2",
-  "spacing-1": "Inline-module__OigU1RUi__v0-2-2",
-  "spacing-2": "Inline-module__XTSrxcwj__v0-2-2",
-  "spacing-3": "Inline-module__kTVUcUWM__v0-2-2",
-  "spacing-4": "Inline-module__G9I7Vdtm__v0-2-2",
-  "spacing-5": "Inline-module__WVGqRKtI__v0-2-2",
-  "spacing-6": "Inline-module__W9oxvNGX__v0-2-2",
-  "spacing-8": "Inline-module__Us2UoNCq__v0-2-2",
-  "spacing-10": "Inline-module__D3CLyxtx__v0-2-2",
-  "spacing-12": "Inline-module__3hwmqgcV__v0-2-2",
-  "spacing-16": "Inline-module__rlpoWnog__v0-2-2",
-  "spacing-20": "Inline-module__esCMhoV1__v0-2-2",
-  "spacing-24": "Inline-module__WSUyNPQ2__v0-2-2",
-  "spacing-32": "Inline-module__F-eRrOMk__v0-2-2"
+  "inline": "Inline-module__bXbkibKw__v0-2-3",
+  "wrap": "Inline-module__YF9rtVNH__v0-2-3",
+  "justify-start": "Inline-module__-WI6T-Pu__v0-2-3",
+  "align-start": "Inline-module__uD5yQygQ__v0-2-3",
+  "justify-center": "Inline-module__iz1r0ak9__v0-2-3",
+  "align-center": "Inline-module__97XnVtXw__v0-2-3",
+  "justify-end": "Inline-module__5EBc1Pez__v0-2-3",
+  "align-end": "Inline-module__oXJkmk-c__v0-2-3",
+  "spacing-0": "Inline-module__SAlBEU9D__v0-2-3",
+  "spacing-0-5": "Inline-module__D1V7owtS__v0-2-3",
+  "spacing-1": "Inline-module__OigU1RUi__v0-2-3",
+  "spacing-2": "Inline-module__XTSrxcwj__v0-2-3",
+  "spacing-3": "Inline-module__kTVUcUWM__v0-2-3",
+  "spacing-4": "Inline-module__G9I7Vdtm__v0-2-3",
+  "spacing-5": "Inline-module__WVGqRKtI__v0-2-3",
+  "spacing-6": "Inline-module__W9oxvNGX__v0-2-3",
+  "spacing-8": "Inline-module__Us2UoNCq__v0-2-3",
+  "spacing-10": "Inline-module__D3CLyxtx__v0-2-3",
+  "spacing-12": "Inline-module__3hwmqgcV__v0-2-3",
+  "spacing-16": "Inline-module__rlpoWnog__v0-2-3",
+  "spacing-20": "Inline-module__esCMhoV1__v0-2-3",
+  "spacing-24": "Inline-module__WSUyNPQ2__v0-2-3",
+  "spacing-32": "Inline-module__F-eRrOMk__v0-2-3"
 };
@@ -86,0 +86,0 @@ var Inline = /*#__PURE__*/React.forwardRef(function (_a, ref) {

package.json

 {
   "name": "@highlight-ui/layout",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "author": "Personio GmbH & Co. KG",
@@ -32,3 +32,3 @@ "main": "dist/cjs/index.js",
     "@highlight-ui/configs-scripts": "^3.2.3",
-    "@highlight-ui/tokens": "^2.3.1",
+    "@highlight-ui/tokens": "^2.3.2",
     "@testing-library/dom": "8.19.0",
@@ -42,3 +42,3 @@ "@testing-library/react": "12.1.5",
   "dependencies": {
-    "@highlight-ui/utils-commons": "^2.3.6"
+    "@highlight-ui/utils-commons": "^2.3.7"
   },
@@ -49,3 +49,3 @@ "peerDependencies": {
   },
-  "gitHead": "50d4ff0ea3cef7a8fed5b666a7788bb279fdb6da"
+  "gitHead": "1754af597681c79e3279c49591e9b2e6d9e486dd"
 }

README.md

@@ -10,8 +10,8 @@ [![npm](https://img.shields.io/npm/v/@highlight-ui/layout)](https://www.npmjs.com/package/@highlight-ui/layout)
 
-- Vertical spacing 
-   - Controlled by `spacing` tokens
+- Vertical spacing
+  - Controlled by `spacing` tokens
 - Horizontal spacing
-   - Controlled by `spacing` tokens
-   - Horizontal and vertical alignment based on `flex` values
-   - Toggle to allow wrapping
+  - Controlled by `spacing` tokens
+  - Horizontal and vertical alignment based on `flex` values
+  - Toggle to allow wrapping
 
@@ -50,3 +50,2 @@ ## Installation
 
-
 In your TypeScript file:
@@ -68,11 +67,9 @@
 
+| Prop        | Type                | Required | Default     | Description                                              |
+| :---------- | :------------------ | :------- | :---------- | :------------------------------------------------------- |
+| `space`     | `SpacingType`       | No       | `spacing-0` | The spacing applied to the children.                     |
+| `className` | `string`            | No       | `null`      | Classname to apply to the element.                       |
+| `metadata`  | `ComponentMetadata` | No       | `null`      | Object used for testing. Contains testId and actionName. |
+| `children`  | `React.ReactNode`   | No       | `null`      | Components to apply spacing between.                     |
 
-
-| Prop        | Type                | Required  | Default     | Description                                              |
-| :---------- | :------------------ | :-------- | :---------- | :------------------------------------------------------- |
-| `space`     | `SpacingType`       | No        | `spacing-0` | The spacing applied to the children.                     |
-| `className` | `string`            | No        | `null`      | Classname to apply to the element.                       |
-| `metadata`  | `ComponentMetadata` | No        | `null`      | Object used for testing. Contains testId and actionName. |
-| `children`  | `React.ReactNode`   | No        | `null`      | Components to apply spacing between.                     |
-
 ### Inline
@@ -100,13 +97,12 @@
 
+| Prop            | Type                | Required | Default     | Description                                                             |
+| :-------------- | :------------------ | :------- | :---------- | :---------------------------------------------------------------------- |
+| `space`         | `SpacingType`       | No       | `spacing-0` | The spacing applied to the children.                                    |
+| `align`         | `AlignmentType`     | No       | `start`     | Horizontal alignment of the items.                                      |
+| `alignVertical` | `AlignmentType`     | No       | `start`     | Vertical alignment of the items.                                        |
+| `wrap`          | `boolean`           | No       | `true`      | Whether to wrap the items when their width exceeds the container width. |
+| `className`     | `string`            | No       | `null`      | Classname to apply to the element.                                      |
+| `metadata`      | `ComponentMetadata` | No       | `null`      | Object used for testing. Contains testId and actionName.                |
+| `children`      | `React.ReactNode`   | No       | `null`      | Components to apply spacing between.                                    |
 
-| Prop            | Type                | Required    | Default     | Description                                                             |
-| :-------------- | :------------------ | :---------- | :---------- | :---------------------------------------------------------------------- |
-| `space`         | `SpacingType`       | No          | `spacing-0` | The spacing applied to the children.                                    |
-| `align`         | `AlignmentType`     | No          | `start`     | Horizontal alignment of the items.                                      |
-| `alignVertical` | `AlignmentType`     | No          | `start`     | Vertical alignment of the items.                                        |
-| `wrap`          | `boolean`           | No          | `true`      | Whether to wrap the items when their width exceeds the container width. |
-| `className`     | `string`            | No          | `null`      | Classname to apply to the element.                                      |
-| `metadata`      | `ComponentMetadata` | No          | `null`      | Object used for testing. Contains testId and actionName.                |
-| `children`      | `React.ReactNode`   | No          | `null`      | Components to apply spacing between.                                    |
-
 ### Shared types
@@ -123,3 +119,3 @@
 
-Certain props are already defined in the `renderInline` (or `renderStack`) method, to reuse through individual tests. Any props can be overriden by passing these to the above function. 
+Certain props are already defined in the `renderInline` (or `renderStack`) method, to reuse through individual tests. Any props can be overriden by passing these to the above function.
 
@@ -141,3 +137,2 @@ ```
 
-
 ## Place in design system 💻
@@ -144,0 +139,0 @@

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

63275

decreased by-0.07%

Number of lines in readme file

141

decreased by-3.42%

Dependency changes

• Updated@highlight-ui/utils-commons@^2.3.7