Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@symbo.ls/atoms
Advanced tools
@symbo.ls/atoms - npm Package Compare versions
Comparing version 2.11.429 to 2.11.430
86
Block.js
@@ -307,1 +307,87 @@ 'use strict' | ||
| } | ||
| // alt approach | ||
| // blockProps: (el, s, ctx) => { | ||
| // const { props, deps } = el | ||
| // const styles = {} | ||
| // // Utility to conditionally add a style | ||
| // const addStyle = (key, value) => { | ||
| // if (deps.isObject(value)) deps.merge(styles, value) | ||
| // else if (value) styles[key] = value | ||
| // } | ||
| // // Box sizing | ||
| // addStyle('boxSizing', !deps.isUndefined(props.boxSizing) ? props.boxSizing : 'border-box') | ||
| // // Display | ||
| // addStyle('display', !deps.isUndefined(props.display) ? props.display : undefined) | ||
| // // Show/Hide | ||
| // if (ctx.utils.exec(el.props.show, el, s) === false) { | ||
| // addStyle('display', 'none !important') | ||
| // } | ||
| // if (ctx.utils.exec(el.props.hide, el, s)) { | ||
| // addStyle('display', 'none !important') | ||
| // } | ||
| // // Size transformations | ||
| // const sizeKeys = ['height', 'width', 'inlineSize', 'blockSize', 'minWidth', 'maxWidth', 'minHeight', 'maxHeight', 'minBlockSize', 'maxBlockSize', 'minInlineSize', 'maxInlineSize'] | ||
| // sizeKeys.forEach(key => addStyle(key, deps.transformSizeRatio(key, props))) | ||
| // // Box size | ||
| // if (deps.isString(props.boxSize)) { | ||
| // const [height, width] = props.boxSize.split(' ') | ||
| // Object.assign(styles, deps.transformSize('height', height)) | ||
| // Object.assign(styles, deps.transformSize('width', width || height)) | ||
| // } | ||
| // // Size ranges | ||
| // const rangeKeys = ['widthRange', 'heightRange', 'minSize', 'maxSize'] | ||
| // rangeKeys.forEach(key => { | ||
| // if (deps.isString(props[key])) { | ||
| // const [min, max] = props[key].split(' ') | ||
| // addStyle(`min${key.charAt(0).toUpperCase() + key.slice(1)}`, deps.transformSize('min' + key, min)) | ||
| // addStyle(`max${key.charAt(0).toUpperCase() + key.slice(1)}`, deps.transformSize('max' + key, max || min)) | ||
| // } | ||
| // }) | ||
| // // Direction, objectFit, aspectRatio, etc. | ||
| // const simpleProps = ['direction', 'objectFit', 'aspectRatio', 'float', 'flex', 'flexDirection', 'alignItems', 'alignContent', 'justifyContent', 'justifyItems', 'alignSelf', 'order', 'resize', 'verticalAlign', 'columns', 'columnRule', 'columnWidth', 'columnSpan', 'columnFill', 'columnCount'] | ||
| // simpleProps.forEach(key => addStyle(key, !deps.isUndefined(props[key]) ? props[key] : undefined)) | ||
| // // Flex and grid specific properties | ||
| // if (props.flexWrap) { | ||
| // addStyle('flexWrap', props.flexWrap) | ||
| // } | ||
| // if (deps.isString(props.flexFlow)) { | ||
| // let [direction, wrap] = props.flexFlow.split(' ') | ||
| // direction = direction.startsWith('x') || direction === 'row' ? 'row' : 'column' | ||
| // addStyle('flexFlow', direction + ' ' + (wrap || '')) | ||
| // } | ||
| // if (deps.isString(props.flexAlign)) { | ||
| // const [alignItems, justifyContent] = props.flexAlign.split(' ') | ||
| // addStyle('alignItems', alignItems) | ||
| // addStyle('justifyContent', justifyContent) | ||
| // } | ||
| // // Gap properties | ||
| // if (!deps.isUndefined(props.gap)) { | ||
| // addStyle('gap', transfromGap(props.gap)) | ||
| // } | ||
| // if (props.columnGap) { | ||
| // addStyle('columnGap', deps.getSpacingBasedOnRatio(props, 'columnGap')) | ||
| // } | ||
| // if (props.rowGap) { | ||
| // addStyle('rowGap', deps.getSpacingBasedOnRatio(props, 'rowGap')) | ||
| // } | ||
| // // Grid properties | ||
| // const gridProps = ['gridColumn', 'gridColumnStart', 'gridRow', 'gridRowStart'] | ||
| // gridProps.forEach(key => addStyle(key, !deps.isUndefined(props[key]) ? props[key] : undefined)) | ||
| // console.log(styles) | ||
| // return styles | ||
| // } |
| { | ||
| "name": "@symbo.ls/atoms", | ||
| "version": "2.11.429", | ||
| "version": "2.11.430", | ||
| "main": "index.js", | ||
| "license": "MIT", | ||
| "gitHead": "ff81d19b0ad978bbba24590f269a7bdbb6799798", | ||
| "gitHead": "340f3f6f7aa8ebd812340008730e4490a607be19", | ||
| "dependencies": { | ||
@@ -8,0 +8,0 @@ "@domql/state": "latest", |
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
Improved metrics
- Total package byte prevSize
- increased by6.14%
58870
- Lines of code
- increased by4.81%
1570
No dependency changes