@hopper-ui/styled-system 2.0.0 → 2.0.2

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___Plz1Z:hover {
+.UseStyledSystem-module__hop-b-hover___ByQqv:hover {
   --hop-b-hover: initial;
   border: var(--hop-b-hover) !important;
 }
-.UseStyledSystem-module__hop-bb-hover___duyqg:hover {
+.UseStyledSystem-module__hop-bb-hover___Xeioa:hover {
   --hop-bb-hover: initial;
   border-bottom: var(--hop-bb-hover) !important;
 }
-.UseStyledSystem-module__hop-bl-hover___SSZt0:hover {
+.UseStyledSystem-module__hop-bl-hover___Cxjz3:hover {
   --hop-bl-hover: initial;
   border-left: var(--hop-bl-hover) !important;
 }
-.UseStyledSystem-module__hop-br-hover___cc-cR:hover {
+.UseStyledSystem-module__hop-br-hover___L4OWT:hover {
   --hop-br-hover: initial;
   border-right: var(--hop-br-hover) !important;
 }
-.UseStyledSystem-module__hop-bt-hover___vzXA1:hover {
+.UseStyledSystem-module__hop-bt-hover___xCq-6:hover {
   --hop-bt-hover: initial;
   border-top: var(--hop-bt-hover) !important;
 }
-.UseStyledSystem-module__hop-b-focus___hVIrm:focus-visible {
+.UseStyledSystem-module__hop-b-focus___5ey6Q:focus-visible {
   --hop-b-focus: initial;
   border: var(--hop-b-focus) !important;
 }
-.UseStyledSystem-module__hop-bb-focus___f9mPE:focus-visible {
+.UseStyledSystem-module__hop-bb-focus___dzkqR:focus-visible {
   --hop-bb-focus: initial;
   border-bottom: var(--hop-bb-focus) !important;
 }
-.UseStyledSystem-module__hop-bl-focus___xF6Bc:focus-visible {
+.UseStyledSystem-module__hop-bl-focus___j2NSy:focus-visible {
   --hop-bl-focus: initial;
   border-left: var(--hop-bl-focus) !important;
 }
-.UseStyledSystem-module__hop-br-focus___ptv3o:focus-visible {
+.UseStyledSystem-module__hop-br-focus___m2UpF:focus-visible {
   --hop-br-focus: initial;
   border-right: var(--hop-br-focus) !important;
 }
-.UseStyledSystem-module__hop-bt-focus___MNw8i:focus-visible {
+.UseStyledSystem-module__hop-bt-focus___617Ma:focus-visible {
   --hop-bt-focus: initial;
   border-top: var(--hop-bt-focus) !important;
 }
-.UseStyledSystem-module__hop-b-active___rWbbY:active {
+.UseStyledSystem-module__hop-b-active___vHP2d:active {
   --hop-b-active: initial;
   border: var(--hop-b-active) !important;
 }
-.UseStyledSystem-module__hop-bb-active___LX6qX:active {
+.UseStyledSystem-module__hop-bb-active___5YpAB:active {
   --hop-bb-active: initial;
   border-bottom: var(--hop-bb-active) !important;
 }
-.UseStyledSystem-module__hop-bl-active___VSuvj:active {
+.UseStyledSystem-module__hop-bl-active___AYzyh:active {
   --hop-bl-active: initial;
   border-left: var(--hop-bl-active) !important;
 }
-.UseStyledSystem-module__hop-br-active___JMM30:active {
+.UseStyledSystem-module__hop-br-active___EZc9-:active {
   --hop-br-active: initial;
   border-right: var(--hop-br-active) !important;
 }
-.UseStyledSystem-module__hop-bt-active___r6-6b:active {
+.UseStyledSystem-module__hop-bt-active___3bAw6:active {
   --hop-bt-active: initial;
   border-top: var(--hop-bt-active) !important;
 }
-.UseStyledSystem-module__hop-bg-hover___LcLu5:hover {
+.UseStyledSystem-module__hop-bg-hover___NONEn:hover {
   --hop-bg-hover: initial;
   background-color: var(--hop-bg-hover) !important;
 }
-.UseStyledSystem-module__hop-bg-focus___viVUG:focus-visible {
+.UseStyledSystem-module__hop-bg-focus___9qrlQ:focus-visible {
   --hop-bg-focus: initial;
   background-color: var(--hop-bg-focus) !important;
 }
-.UseStyledSystem-module__hop-bg-active___e--6L:active {
+.UseStyledSystem-module__hop-bg-active___AJVse:active {
   --hop-bg-active: initial;
   background-color: var(--hop-bg-active) !important;
 }
-.UseStyledSystem-module__hop-bs-hover___1YDvX:hover {
+.UseStyledSystem-module__hop-bs-hover___2wpw8:hover {
   --hop-bs-hover: initial;
   box-shadow: var(--hop-bs-hover) !important;
 }
-.UseStyledSystem-module__hop-bs-focus___uu9Ac:focus-visible {
+.UseStyledSystem-module__hop-bs-focus___0o-5R:focus-visible {
   --hop-bs-focus: initial;
   box-shadow: var(--hop-bs-focus) !important;
 }
-.UseStyledSystem-module__hop-bs-active___v8uK1:active {
+.UseStyledSystem-module__hop-bs-active___ETL48:active {
   --hop-bs-active: initial;
   box-shadow: var(--hop-bs-active) !important;
 }
-.UseStyledSystem-module__hop-c-hover___8yXVl:hover {
+.UseStyledSystem-module__hop-c-hover___vMN-7:hover {
   --hop-c-hover: initial;
   color: var(--hop-c-hover) !important;
 }
-.UseStyledSystem-module__hop-c-focus___YNdjT:focus-visible {
+.UseStyledSystem-module__hop-c-focus___epcDl:focus-visible {
   --hop-c-focus: initial;
   color: var(--hop-c-focus) !important;
 }
-.UseStyledSystem-module__hop-c-active___crOAD:active {
+.UseStyledSystem-module__hop-c-active___UoikK:active {
   --hop-c-active: initial;
   color: var(--hop-c-active) !important;
 }
-.UseStyledSystem-module__hop-cs-hover___MCgaD:hover {
+.UseStyledSystem-module__hop-cs-hover___WHpUN:hover {
   --hop-cs-hover: initial;
   cursor: var(--hop-cs-hover) !important;
 }
-.UseStyledSystem-module__hop-f-hover___dxKWH:hover {
+.UseStyledSystem-module__hop-f-hover___FczO1:hover {
   --hop-f-hover: initial;
   fill: var(--hop-f-hover) !important;
 }
-.UseStyledSystem-module__hop-f-focus___y-fcL:focus-visible {
+.UseStyledSystem-module__hop-f-focus___lAOOH:focus-visible {
   --hop-f-focus: initial;
   fill: var(--hop-f-focus) !important;
 }
-.UseStyledSystem-module__hop-o-hover___IWVF-:hover {
+.UseStyledSystem-module__hop-o-hover___a-6up:hover {
   --hop-o-hover: initial;
   opacity: var(--hop-o-hover) !important;
 }
-.UseStyledSystem-module__hop-o-focus___IaFLw:focus-visible {
+.UseStyledSystem-module__hop-o-focus___E9zOT:focus-visible {
   --hop-o-focus: initial;
   opacity: var(--hop-o-focus) !important;
 }
-.UseStyledSystem-module__hop-o-active___caQJi:active {
+.UseStyledSystem-module__hop-o-active___ArZQU:active {
   --hop-o-active: initial;
   opacity: var(--hop-o-active) !important;
 }
-.UseStyledSystem-module__hop-ol-focus___ybCdL:focus-visible {
+.UseStyledSystem-module__hop-ol-focus___rwEXJ:focus-visible {
   --hop-ol-focus: initial;
   color: var(--hop-ol-focus) !important;
 }

package/dist/useStyledSystem.js

@@ -1,9 +1,9 @@
-export { isStyledSystemProp, useStyledSystem } from './chunk-SSBFBJJN.js';
-import './chunk-5GX5VZFT.js';
-import './chunk-Y7GWSHYF.js';
+export { isStyledSystemProp, useStyledSystem } from './chunk-XOHK7VFY.js';
+import './chunk-NJIDLCB7.js';
+import './chunk-FAICHNEU.js';
 import './chunk-SFOVKOPG.js';
 import './chunk-VBKLISDI.js';
 import './chunk-XUHDFZZL.js';
 import './chunk-U5R6ZXH3.js';
 import './chunk-QMDDVBCZ.js';
-import './chunk-6LX4VMOV.js';
+import './chunk-2UOTJGT6.js';

package/dist/utils/assertion.js

@@ -1,2 +1,2 @@
 export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined } from '../chunk-U5R6ZXH3.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

package/dist/utils/slot.d.ts

@@ -0,0 +1,20 @@
+/**
+ * THIS FILE IS MEANT TO BE TEMPORARY. This function's only utility is to allow us to use Hopper components in Orbiter.
+ * TODO: Once Orbiter is gone, this file and function should be removed.
+ */
+/**
+ * This methods allows us to define a slot name for a component. This is useful for Orbiter to know where to place the component.
+ * @example
+ * // In Orbiter's codebase, they load slot's content using the useSlots hook.
+ *   const { button } = useSlots(children, useMemo(() => ({
+ *       button: {
+ *           className: "o-ui-dialog-button"
+ *       },
+ *   }), [sizeValue, disabled, loading]));
+ *
+ * // In Hopper, our button component should  be wrapped in the slot function.
+ * const _Button = slot("button", forwardRef(Button));
+ */
+declare function slot<P>(slotName: string, ElementType: P): P;
+
+export { slot };

package/dist/utils/slot.js

@@ -0,0 +1,2 @@
+export { slot } from '../chunk-7STOSQRA.js';
+import '../chunk-2UOTJGT6.js';

package/dist/utils/useInsertStyleElement.js

@@ -1,4 +1,4 @@
 export { useInsertStyleElement } from '../chunk-RIORU7JO.js';
 import '../chunk-YPIK2HRL.js';
 import '../chunk-U5R6ZXH3.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

package/dist/utils/useIsomorphicInsertionEffect.js

@@ -1,2 +1,2 @@
 export { useIsomorphicInsertionEffect } from '../chunk-YPIK2HRL.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

package/dist/utils/useIsomorphicLayoutEffect.js

@@ -1,2 +1,2 @@
 export { useIsomorphicLayoutEffect } from '../chunk-3YM73BQP.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

package/dist/utils/useMediaQuery.js

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

package/dist/utils/useThemeComputedStyle.js

@@ -1,3 +1,3 @@
-export { ThemeComputedStyle } from '../chunk-B6ZBFYWJ.js';
+export { ThemeComputedStyle } from '../chunk-6IPAN22Z.js';
 import '../chunk-U5R6ZXH3.js';
-import '../chunk-6LX4VMOV.js';
+import '../chunk-2UOTJGT6.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/styled-system",
   "author": "Workleap",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "The styled-system package.",
   "license": "Apache-2.0",
   "repository": {
@@ -38,17 +38,17 @@
     "react-dom": "^18"
   },
   "dependencies": {
-    "@react-aria/ssr": "^3.9.3",
+    "@react-aria/ssr": "^3.9.4",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@swc/core": "1.5.3",
+    "@swc/core": "1.5.25",
     "@swc/helpers": "0.5.11",
     "@swc/jest": "0.2.36",
     "@testing-library/jest-dom": "6.4.5",
-    "@testing-library/react": "15.0.7",
+    "@testing-library/react": "16.0.0",
     "@types/jest": "29.5.12",
-    "@types/react": "18.3.1",
+    "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "@types/react-test-renderer": "18.3.0",
     "@workleap/eslint-plugin": "3.2.2",
@@ -59,16 +59,16 @@
     "identity-obj-proxy": "3.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "jest-fail-on-console": "3.2.0",
+    "jest-fail-on-console": "3.3.0",
     "postcss": "8.4.38",
     "postcss-modules": "6.0.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",
+    "ts-jest": "29.1.4",
+    "tsup": "8.1.0",
     "typescript": "5.4.5",
-    "@hopper-ui/tokens": "4.0.0"
+    "@hopper-ui/tokens": "4.0.2"
   },
   "scripts": {
     "dev": "tsup --config ./tsup.dev.ts",

package/dist/chunk-6LX4VMOV.js

@@ -1,26 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-
-export { __privateAdd, __privateGet, __privateSet, __publicField };