@hopper-ui/styled-system 1.2.0 → 2.0.0

package/dist/tokens/tokens.js

@@ -1,4 +1,4 @@
-export { Tokens } from '../chunk-45MYTH4M.js';
-import '../chunk-E2EGUGKS.js';
-import '../chunk-JKXZGQAL.js';
+export { Tokens } from '../chunk-EF3UX45A.js';
+import '../chunk-YJKWZYVH.js';
+import '../chunk-DVOV55CD.js';
 import '../chunk-6LX4VMOV.js';

package/dist/useStyledSystem.css

@@ -1,125 +1,125 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/UseStyledSystem.module.css/#css-module-data */
-.UseStyledSystem-module__hop-b-hover___Zqeu5:hover {
+.UseStyledSystem-module__hop-b-hover___Plz1Z:hover {
   --hop-b-hover: initial;
   border: var(--hop-b-hover) !important;
 }
-.UseStyledSystem-module__hop-bb-hover___a1mz8:hover {
+.UseStyledSystem-module__hop-bb-hover___duyqg:hover {
   --hop-bb-hover: initial;
   border-bottom: var(--hop-bb-hover) !important;
 }
-.UseStyledSystem-module__hop-bl-hover___BVwnM:hover {
+.UseStyledSystem-module__hop-bl-hover___SSZt0:hover {
   --hop-bl-hover: initial;
   border-left: var(--hop-bl-hover) !important;
 }
-.UseStyledSystem-module__hop-br-hover___hTuCm:hover {
+.UseStyledSystem-module__hop-br-hover___cc-cR:hover {
   --hop-br-hover: initial;
   border-right: var(--hop-br-hover) !important;
 }
-.UseStyledSystem-module__hop-bt-hover___adE7m:hover {
+.UseStyledSystem-module__hop-bt-hover___vzXA1:hover {
   --hop-bt-hover: initial;
   border-top: var(--hop-bt-hover) !important;
 }
-.UseStyledSystem-module__hop-b-focus___DfUJn:focus-visible {
+.UseStyledSystem-module__hop-b-focus___hVIrm:focus-visible {
   --hop-b-focus: initial;
   border: var(--hop-b-focus) !important;
 }
-.UseStyledSystem-module__hop-bb-focus___axUzQ:focus-visible {
+.UseStyledSystem-module__hop-bb-focus___f9mPE:focus-visible {
   --hop-bb-focus: initial;
   border-bottom: var(--hop-bb-focus) !important;
 }
-.UseStyledSystem-module__hop-bl-focus___AHFjp:focus-visible {
+.UseStyledSystem-module__hop-bl-focus___xF6Bc:focus-visible {
   --hop-bl-focus: initial;
   border-left: var(--hop-bl-focus) !important;
 }
-.UseStyledSystem-module__hop-br-focus___5mdx8:focus-visible {
+.UseStyledSystem-module__hop-br-focus___ptv3o:focus-visible {
   --hop-br-focus: initial;
   border-right: var(--hop-br-focus) !important;
 }
-.UseStyledSystem-module__hop-bt-focus___ybiFb:focus-visible {
+.UseStyledSystem-module__hop-bt-focus___MNw8i:focus-visible {
   --hop-bt-focus: initial;
   border-top: var(--hop-bt-focus) !important;
 }
-.UseStyledSystem-module__hop-b-active___BU6Oj:active {
+.UseStyledSystem-module__hop-b-active___rWbbY:active {
   --hop-b-active: initial;
   border: var(--hop-b-active) !important;
 }
-.UseStyledSystem-module__hop-bb-active___pFoxa:active {
+.UseStyledSystem-module__hop-bb-active___LX6qX:active {
   --hop-bb-active: initial;
   border-bottom: var(--hop-bb-active) !important;
 }
-.UseStyledSystem-module__hop-bl-active___ueWsf:active {
+.UseStyledSystem-module__hop-bl-active___VSuvj:active {
   --hop-bl-active: initial;
   border-left: var(--hop-bl-active) !important;
 }
-.UseStyledSystem-module__hop-br-active___sBjPX:active {
+.UseStyledSystem-module__hop-br-active___JMM30:active {
   --hop-br-active: initial;
   border-right: var(--hop-br-active) !important;
 }
-.UseStyledSystem-module__hop-bt-active___ldKxI:active {
+.UseStyledSystem-module__hop-bt-active___r6-6b:active {
   --hop-bt-active: initial;
   border-top: var(--hop-bt-active) !important;
 }
-.UseStyledSystem-module__hop-bg-hover___Gzm9t:hover {
+.UseStyledSystem-module__hop-bg-hover___LcLu5:hover {
   --hop-bg-hover: initial;
   background-color: var(--hop-bg-hover) !important;
 }
-.UseStyledSystem-module__hop-bg-focus___jIrSB:focus-visible {
+.UseStyledSystem-module__hop-bg-focus___viVUG:focus-visible {
   --hop-bg-focus: initial;
   background-color: var(--hop-bg-focus) !important;
 }
-.UseStyledSystem-module__hop-bg-active___fafHA:active {
+.UseStyledSystem-module__hop-bg-active___e--6L:active {
   --hop-bg-active: initial;
   background-color: var(--hop-bg-active) !important;
 }
-.UseStyledSystem-module__hop-bs-hover___Zoiej:hover {
+.UseStyledSystem-module__hop-bs-hover___1YDvX:hover {
   --hop-bs-hover: initial;
   box-shadow: var(--hop-bs-hover) !important;
 }
-.UseStyledSystem-module__hop-bs-focus___Ojcth:focus-visible {
+.UseStyledSystem-module__hop-bs-focus___uu9Ac:focus-visible {
   --hop-bs-focus: initial;
   box-shadow: var(--hop-bs-focus) !important;
 }
-.UseStyledSystem-module__hop-bs-active___8gnFg:active {
+.UseStyledSystem-module__hop-bs-active___v8uK1:active {
   --hop-bs-active: initial;
   box-shadow: var(--hop-bs-active) !important;
 }
-.UseStyledSystem-module__hop-c-hover___Q88Tg:hover {
+.UseStyledSystem-module__hop-c-hover___8yXVl:hover {
   --hop-c-hover: initial;
   color: var(--hop-c-hover) !important;
 }
-.UseStyledSystem-module__hop-c-focus___Vyuyv:focus-visible {
+.UseStyledSystem-module__hop-c-focus___YNdjT:focus-visible {
   --hop-c-focus: initial;
   color: var(--hop-c-focus) !important;
 }
-.UseStyledSystem-module__hop-c-active___UquV3:active {
+.UseStyledSystem-module__hop-c-active___crOAD:active {
   --hop-c-active: initial;
   color: var(--hop-c-active) !important;
 }
-.UseStyledSystem-module__hop-cs-hover___GqEOP:hover {
+.UseStyledSystem-module__hop-cs-hover___MCgaD:hover {
   --hop-cs-hover: initial;
   cursor: var(--hop-cs-hover) !important;
 }
-.UseStyledSystem-module__hop-f-hover___7EKmX:hover {
+.UseStyledSystem-module__hop-f-hover___dxKWH:hover {
   --hop-f-hover: initial;
   fill: var(--hop-f-hover) !important;
 }
-.UseStyledSystem-module__hop-f-focus___k-Xh5:focus-visible {
+.UseStyledSystem-module__hop-f-focus___y-fcL:focus-visible {
   --hop-f-focus: initial;
   fill: var(--hop-f-focus) !important;
 }
-.UseStyledSystem-module__hop-o-hover___bSfTb:hover {
+.UseStyledSystem-module__hop-o-hover___IWVF-:hover {
   --hop-o-hover: initial;
   opacity: var(--hop-o-hover) !important;
 }
-.UseStyledSystem-module__hop-o-focus___92q-T:focus-visible {
+.UseStyledSystem-module__hop-o-focus___IaFLw:focus-visible {
   --hop-o-focus: initial;
   opacity: var(--hop-o-focus) !important;
 }
-.UseStyledSystem-module__hop-o-active___qojJF:active {
+.UseStyledSystem-module__hop-o-active___caQJi:active {
   --hop-o-active: initial;
   opacity: var(--hop-o-active) !important;
 }
-.UseStyledSystem-module__hop-ol-focus___U-dIO:focus-visible {
+.UseStyledSystem-module__hop-ol-focus___ybCdL:focus-visible {
   --hop-ol-focus: initial;
   color: var(--hop-ol-focus) !important;
 }

package/dist/useStyledSystem.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
 import { Breakpoint } from './responsive/Breakpoints.js';
-import { StyledSystemProps } from './styledSystemProps.js';
 import { ResponsiveProp } from './responsive/useResponsiveValue.js';
+import { StyledSystemProps } from './styledSystemProps.js';
 import 'csstype';
 import './tokens/tokenMappings.js';
 

package/dist/useStyledSystem.js

@@ -1,6 +1,6 @@
-export { isStyledSystemProp, useStyledSystem } from './chunk-TSYETPJT.js';
-import './chunk-DRFY5W7M.js';
-import './chunk-KKVEOD5L.js';
+export { isStyledSystemProp, useStyledSystem } from './chunk-SSBFBJJN.js';
+import './chunk-5GX5VZFT.js';
+import './chunk-Y7GWSHYF.js';
 import './chunk-SFOVKOPG.js';
 import './chunk-VBKLISDI.js';
 import './chunk-XUHDFZZL.js';

package/dist/utils/useMediaQuery.js

@@ -1,2 +1,2 @@
-export { supportsMatchMedia, useMediaQuery } from '../chunk-M4X2T3D3.js';
+export { supportsMatchMedia, useMediaQuery } from '../chunk-T6JS7L6B.js';
 import '../chunk-6LX4VMOV.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/styled-system",
   "author": "Workleap",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "description": "The styled-system package.",
   "license": "Apache-2.0",
   "repository": {
@@ -34,39 +34,41 @@
     "README.md"
   ],
   "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+    "react": "^18",
+    "react-dom": "^18"
   },
   "dependencies": {
-    "@react-aria/ssr": "^3.9.2",
-    "clsx": "^2.1.0"
+    "@react-aria/ssr": "^3.9.3",
+    "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@swc/core": "1.4.8",
-    "@swc/helpers": "0.5.7",
+    "@swc/core": "1.5.3",
+    "@swc/helpers": "0.5.11",
     "@swc/jest": "0.2.36",
-    "@testing-library/jest-dom": "6.4.2",
-    "@testing-library/react": "14.2.2",
+    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/react": "15.0.7",
     "@types/jest": "29.5.12",
-    "@types/react": "18.2.67",
-    "@types/react-dom": "18.2.22",
-    "@types/react-test-renderer": "18.0.7",
-    "@workleap/eslint-plugin": "3.1.0",
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.0",
+    "@types/react-test-renderer": "18.3.0",
+    "@workleap/eslint-plugin": "3.2.2",
     "@workleap/swc-configs": "2.2.3",
-    "@workleap/tsup-configs": "3.0.4",
+    "@workleap/tsup-configs": "3.0.6",
     "@workleap/typescript-configs": "3.0.2",
+    "eslint": "8.57.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "postcss": "8.4.37",
+    "jest-fail-on-console": "3.2.0",
+    "postcss": "8.4.38",
     "postcss-modules": "6.0.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-test-renderer": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-test-renderer": "18.3.1",
     "ts-jest": "29.1.2",
     "tsup": "8.0.2",
-    "typescript": "5.4.2",
-    "@hopper-ui/tokens": "3.5.0"
+    "typescript": "5.4.5",
+    "@hopper-ui/tokens": "4.0.0"
   },
   "scripts": {
     "dev": "tsup --config ./tsup.dev.ts",

package/dist/{chunk-M4X2T3D3.js → chunk-T6JS7L6B.js}

@@ -1,5 +1,5 @@
-import { useState, useEffect } from 'react';
 import { useIsSSR } from '@react-aria/ssr';
+import { useState, useEffect } from 'react';
 
 // src/utils/useMediaQuery.ts
 var supportsMatchMedia = typeof window !== "undefined" && typeof window.matchMedia === "function";