@opensea/ui-kit - npm Package Compare versions

Comparing version 0.0.38 to 0.0.39

dist/index.modern.js

@@ -335,3 +335,5 @@ import { forwardRef, useRef, useMemo, useState, useContext, createContext } from 'react';
     disabled: {
-      true: classNames("pointer-events-none border-level-2 bg-component-gray-1 text-secondary", twDataIdSelector(Icon, "[&_[data-id=Icon]]:text-secondary"))
+      true: classNames("pointer-events-none border-level-2 bg-component-gray-1 text-secondary",
+      // TODO: Importing twDataIdSelector and Icon here leads to a circular dependency and broken build. Figure out a better way to do this.
+      "[&_[data-id=Icon]]:text-secondary")
     },
@@ -338,0 +340,0 @@ error: {

dist/index.module.js

@@ -333,3 +333,5 @@ import { forwardRef, useRef, useMemo, useState, useContext, createContext } from 'react';
     disabled: {
-      "true": classNames("pointer-events-none border-level-2 bg-component-gray-1 text-secondary", twDataIdSelector(Icon, "[&_[data-id=Icon]]:text-secondary"))
+      "true": classNames("pointer-events-none border-level-2 bg-component-gray-1 text-secondary",
+      // TODO: Importing twDataIdSelector and Icon here leads to a circular dependency and broken build. Figure out a better way to do this.
+      "[&_[data-id=Icon]]:text-secondary")
     },
@@ -336,0 +338,0 @@ error: {

dist/index.umd.js

@@ -347,3 +347,5 @@ (function (global, factory) {
       disabled: {
-        "true": classNames("pointer-events-none border-level-2 bg-component-gray-1 text-secondary", twDataIdSelector(Icon, "[&_[data-id=Icon]]:text-secondary"))
+        "true": classNames("pointer-events-none border-level-2 bg-component-gray-1 text-secondary",
+        // TODO: Importing twDataIdSelector and Icon here leads to a circular dependency and broken build. Figure out a better way to do this.
+        "[&_[data-id=Icon]]:text-secondary")
       },
@@ -350,0 +352,0 @@ error: {

package.json

 {
   "name": "@opensea/ui-kit",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "description": "OpenSea's Design System implementation in React",
@@ -66,9 +66,9 @@ "license": "MIT",
     "@playwright/test": "1.38.0",
-    "@storybook/addon-essentials": "7.4.2",
-    "@storybook/addon-interactions": "7.4.2",
-    "@storybook/addon-links": "7.4.2",
+    "@storybook/addon-essentials": "7.4.3",
+    "@storybook/addon-interactions": "7.4.3",
+    "@storybook/addon-links": "7.4.3",
     "@storybook/addon-styling": "1.3.7",
-    "@storybook/blocks": "7.4.2",
-    "@storybook/nextjs": "7.4.2",
-    "@storybook/react": "7.4.2",
+    "@storybook/blocks": "7.4.3",
+    "@storybook/nextjs": "7.4.3",
+    "@storybook/react": "7.4.3",
     "@storybook/testing-library": "0.2.1",
@@ -85,7 +85,7 @@ "@testing-library/jest-dom": "6.1.3",
     "next": "13.4.19",
-    "postcss": "8.4.29",
+    "postcss": "8.4.30",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hook-form": "7.46.1",
-    "storybook": "7.4.2",
+    "storybook": "7.4.3",
     "tailwindcss": "3.3.3",
@@ -92,0 +92,0 @@ "vite-tsconfig-paths": "4.2.1"

src/styles/utils/input.ts

 import { VariantProps, cva } from "class-variance-authority"
-import { Icon } from "@/src/components"
-import { classNames, twDataIdSelector } from "@/src/utils"
+import { classNames } from "@/src/utils"
 
@@ -17,3 +16,4 @@ export type InputVariantProps = VariantProps<typeof inputVariants>
           "pointer-events-none border-level-2 bg-component-gray-1 text-secondary",
-          twDataIdSelector(Icon, "[&_[data-id=Icon]]:text-secondary"),
+          // TODO: Importing twDataIdSelector and Icon here leads to a circular dependency and broken build. Figure out a better way to do this.
+          "[&_[data-id=Icon]]:text-secondary",
         ),
@@ -20,0 +20,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

1632590

increased by0.03%

Lines of code

14578

increased by0.05%

No dependency changes