@khanacademy/wonder-blocks-layout - npm Package Compare versions

Comparing version 0.0.0-PR2242-20240611150524 to 0.0.0-PR2244-20240611173101

CHANGELOG.md

 # @khanacademy/wonder-blocks-layout
 
-## 0.0.0-PR2242-20240611150524
+## 0.0.0-PR2244-20240611173101
 
-### Major Changes
-
--   1f82251b: Migrate Strut to PandaCss
-
 ### Minor Changes
@@ -13,7 +9,2 @@
 
-### Patch Changes
-
--   Updated dependencies [48a65fb3]
-    -   @khanacademy/wonder-blocks-core@0.0.0-PR2242-20240611150524
-
 ## 2.0.33
@@ -20,0 +11,0 @@

dist/components/media-layout.d.ts

@@ -1,3 +0,1 @@
-/// <reference path="../../../wonder-blocks-core/types/aphrodite.d.ts" />
-/// <reference path="../../types/aphrodite.d.ts" />
 import * as React from "react";
@@ -4,0 +2,0 @@ import type { StyleDeclaration } from "aphrodite";

dist/es/index.js

@@ -5,3 +5,2 @@ import * as React from 'react';
 import { StyleSheet } from 'aphrodite';
-import { css, cx } from '@/styled-system/css';
 
@@ -211,31 +210,18 @@ function _extends() {
     } = this.props;
-    const rawStyle = Array.isArray(style) ? css(...style) : typeof style === "object" ? css(style) : undefined;
-    return React.createElement("div", {
+    return React.createElement(View, {
       "aria-hidden": "true",
-      className: cx(viewStyle, strutStyle, rawStyle),
-      style: {
-        "--strut-size": size + "px"
-      }
+      style: [strutStyle(size), style]
     });
   }
 }
-const viewStyle = css({
-  alignItems: "stretch",
-  borderWidth: 0,
-  borderStyle: "solid",
-  boxSizing: "border-box",
-  display: "flex",
-  flexDirection: "column",
-  margin: 0,
-  padding: 0,
-  position: "relative",
-  zIndex: 0,
-  minHeight: 0,
-  minWidth: 0
-});
-const strutStyle = css({
-  width: "var(--strut-size)",
-  flexBasis: "var(--strut-size)",
-  flexShrink: 0
-});
+const strutStyle = size => {
+  return {
+    width: size,
+    MsFlexBasis: size,
+    MsFlexPreferredSize: size,
+    WebkitFlexBasis: size,
+    flexBasis: size,
+    flexShrink: 0
+  };
+};
 
@@ -242,0 +228,0 @@ const queryMatchesSize = (mediaQuery, mediaSize) => {

dist/index.js

@@ -9,3 +9,2 @@ 'use strict';
 var aphrodite = require('aphrodite');
-var css = require('@/styled-system/css');
 
@@ -235,31 +234,18 @@ function _interopNamespace(e) {
     } = this.props;
-    const rawStyle = Array.isArray(style) ? css.css(...style) : typeof style === "object" ? css.css(style) : undefined;
-    return React__namespace.createElement("div", {
+    return React__namespace.createElement(wonderBlocksCore.View, {
       "aria-hidden": "true",
-      className: css.cx(viewStyle, strutStyle, rawStyle),
-      style: {
-        "--strut-size": size + "px"
-      }
+      style: [strutStyle(size), style]
     });
   }
 }
-const viewStyle = css.css({
-  alignItems: "stretch",
-  borderWidth: 0,
-  borderStyle: "solid",
-  boxSizing: "border-box",
-  display: "flex",
-  flexDirection: "column",
-  margin: 0,
-  padding: 0,
-  position: "relative",
-  zIndex: 0,
-  minHeight: 0,
-  minWidth: 0
-});
-const strutStyle = css.css({
-  width: "var(--strut-size)",
-  flexBasis: "var(--strut-size)",
-  flexShrink: 0
-});
+const strutStyle = size => {
+  return {
+    width: size,
+    MsFlexBasis: size,
+    MsFlexPreferredSize: size,
+    WebkitFlexBasis: size,
+    flexBasis: size,
+    flexShrink: 0
+  };
+};
 
@@ -266,0 +252,0 @@ const queryMatchesSize = (mediaQuery, mediaSize) => {

package.json

 {
   "name": "@khanacademy/wonder-blocks-layout",
-  "version": "0.0.0-PR2242-20240611150524",
+  "version": "0.0.0-PR2244-20240611173101",
   "design": "v1",
@@ -17,3 +17,3 @@ "publishConfig": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-core": "0.0.0-PR2242-20240611150524",
+    "@khanacademy/wonder-blocks-core": "^6.4.1",
     "@khanacademy/wonder-blocks-tokens": "^1.3.0"
@@ -20,0 +20,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

142288

decreased by-8.18%

Lines of code

2192

decreased by-2.45%

Dependency changes

• + Added@khanacademy/wonder-blocks-core@6.4.3(transitive)

• - Removed@khanacademy/wonder-blocks-core@0.0.0-PR2242-20240611150524(transitive)

• Updated@khanacademy/wonder-blocks-core@^6.4.1