New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@s-ui/react-layout-grid

Package Overview
Dependencies
Maintainers
1
Versions
22
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@s-ui/react-layout-grid - npm Package Compare versions

Comparing version 2.9.0 to 2.10.0

9

CHANGELOG.md
# CHANGELOG
# 2.10.0 (2022-05-04)
### Features
* **components/layout/grid:** inject default gridItem props by the Grid props ([831a461](https://github.com/SUI-Components/sui-components/commit/831a461e3b9415b1fb2035196a0c172b26701edb))
# 2.9.0 (2022-05-04)

@@ -4,0 +13,0 @@

37

lib/index.js

@@ -5,2 +5,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";

import PolymorphicElement from '@s-ui/react-primitive-polymorphic-element';
import Injector from '@s-ui/react-primitive-injector';
import { ALIGN_ITEMS, ALIGN_CONTENT, BASE_CLASS, JUSTIFY_CONTENT, GUTTER_VALUES, CELL_NUMBERS, BREAKPOINTS } from './settings.js';

@@ -18,3 +19,18 @@ import LayoutGridItem from './gridItem/index.js';

justifyContent = _ref.justifyContent,
gutter = _ref.gutter;
gutter = _ref.gutter,
colSpan = _ref.colSpan,
l = _ref.l,
lOffset = _ref.lOffset,
m = _ref.m,
mOffset = _ref.mOffset,
s = _ref.s,
sOffset = _ref.sOffset,
xl = _ref.xl,
xlOffset = _ref.xlOffset,
xs = _ref.xs,
xsOffset = _ref.xsOffset,
xxl = _ref.xxl,
xxlOffset = _ref.xxlOffset,
xxs = _ref.xxs,
xxsOffset = _ref.xxsOffset;
var classNames = cx("" + BASE_CLASS, Object.values(ALIGN_CONTENT).includes(alignContent) && BASE_CLASS + "--ac-" + alignContent, Object.values(ALIGN_ITEMS).includes(alignItems) && BASE_CLASS + "--ai-" + alignItems, Object.values(JUSTIFY_CONTENT).includes(justifyContent) && BASE_CLASS + "--jc-" + justifyContent, getGutterClassNames(gutter));

@@ -24,3 +40,20 @@ return /*#__PURE__*/_jsx(PolymorphicElement, {

className: classNames,
children: children
children: /*#__PURE__*/_jsx(Injector, {
colSpan: colSpan,
l: l,
lOffset: lOffset,
m: m,
mOffset: mOffset,
s: s,
sOffset: sOffset,
xl: xl,
xlOffset: xlOffset,
xs: xs,
xsOffset: xsOffset,
xxl: xxl,
xxlOffset: xxlOffset,
xxs: xxs,
xxsOffset: xxsOffset,
children: children
})
});

@@ -27,0 +60,0 @@ }

3

package.json
{
"name": "@s-ui/react-layout-grid",
"version": "2.9.0",
"version": "2.10.0",
"description": "",

@@ -13,2 +13,3 @@ "main": "lib/index.js",

"@s-ui/component-dependencies": "1",
"@s-ui/react-primitive-injector": "1",
"@s-ui/react-primitive-polymorphic-element": "1"

@@ -15,0 +16,0 @@ },

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