@stylexjs/shared 0.11.0 → 0.11.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/shared",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "main": "lib/index.js",
   "repository": "https://www.github.com/facebook/stylex",
   "license": "MIT",
@@ -13,7 +13,16 @@
     "postcss-value-parser": "^4.1.0"
   },
   "devDependencies": {
-    "@stylexjs/scripts": "0.11.0"
+    "@babel/cli": "^7.26.4",
+    "@babel/core": "^7.26.8",
+    "@babel/eslint-parser": "^7.26.8",
+    "@babel/plugin-syntax-flow": "^7.26.0",
+    "@babel/preset-env": "^7.26.8",
+    "@babel/preset-flow": "^7.25.9",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@stylexjs/scripts": "0.11.1",
+    "babel-plugin-syntax-hermes-parser": "^0.26.0"
   },
   "jest": {
     "snapshotFormat": {

package/lib/utils/media-query-transform.d.ts

@@ -1,16 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- */
-
-import { MediaQuery } from '@style-value-parser/src/at-queries-from-tokens/media-query';
-export declare function applyLastMediaQueryWins(
-  mediaQuery: MediaQuery,
-): MediaQuery;
-export declare function transformMediaQueryStyles(
-  styles: Record<string, any>,
-): Record<string, any>;

package/lib/utils/media-query-transform.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.applyLastMediaQueryWins = applyLastMediaQueryWins;
-exports.transformMediaQueryStyles = transformMediaQueryStyles;
-var _mediaQuery = require("@style-value-parser/src/at-queries-from-tokens/media-query");
-function applyLastMediaQueryWins(mediaQuery) {
-  const queries = mediaQuery.queries.queries;
-  if (queries.length <= 1) {
-    return mediaQuery;
-  }
-  const transformedQueries = queries.slice(0, -1).map(query => new _mediaQuery.NotMediaRule(query instanceof _mediaQuery.MediaRule ? query.rules : query)).concat(queries.slice(-1));
-  const newOrSeparatedRules = new _mediaQuery.OrSeparatedMediaRules(transformedQueries);
-  return new _mediaQuery.MediaQuery(newOrSeparatedRules);
-}
-function transformMediaQueryStyles(styles) {
-  const transformedStyles = {};
-  for (const key in styles) {
-    if (typeof styles[key] === 'object' && styles[key] !== null) {
-      const mediaQueries = Object.keys(styles[key]).filter(k => k.startsWith('@media'));
-      const defaultValues = Object.keys(styles[key]).filter(k => !k.startsWith('@media'));
-      const transformedMediaQueries = {};
-      for (let i = 0; i < mediaQueries.length; i++) {
-        const currentQuery = mediaQueries[i];
-        const negations = mediaQueries.slice(i + 1).map(q => `not (${q.replace('@media ', '')})`).join(' and ');
-        const transformedQuery = negations ? `${currentQuery} and (${negations})` : currentQuery;
-        transformedMediaQueries[transformedQuery] = styles[key][currentQuery];
-      }
-      transformedStyles[key] = {
-        ...defaultValues.reduce((acc, val) => {
-          acc[val] = styles[key][val];
-          return acc;
-        }, {}),
-        ...transformedMediaQueries
-      };
-    } else {
-      transformedStyles[key] = styles[key];
-    }
-  }
-  return transformedStyles;
-}
-const originalStyles = {
-  gridColumn: {
-    default: '1 / 2',
-    '@media (max-width: 1440px)': '1 / 4',
-    '@media (max-width: 1024px)': '1 / 3',
-    '@media (max-width: 768px)': '1 / -1'
-  }
-};
-const transformedStyles = transformMediaQueryStyles(originalStyles);
-console.log(transformedStyles);

package/lib/utils/media-query-transform.js.flow

@@ -1,20 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict
- */
-
-// Importing media query parser classes
-import { MediaQuery } from '@style-value-parser/src/at-queries-from-tokens/media-query';
-
-declare export function applyLastMediaQueryWins(
-  mediaQuery: MediaQuery,
-): MediaQuery;
-
-// Function to transform a style object so that the last media query always wins
-declare export function transformMediaQueryStyles(
-  styles: Record<string, any>,
-): Record<string, any>;