@1d1s/design-system 0.2.27 → 0.2.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -7261,12 +7261,12 @@ function Ub({
7261
7261
  p || w(E), a?.(E), f?.(_);
7262
7262
  },
7263
7263
  className: P(
7264
- "relative overflow-hidden rounded-[28px] border-2 transition-colors duration-200",
7264
+ "relative overflow-hidden rounded-[28px] border-2 transition-all duration-200 ease-out active:scale-95",
7265
7265
  "flex flex-col items-center justify-center",
7266
7266
  !C && "gap-4",
7267
7267
  y ? "border-main-800 bg-main-200 text-main-800" : "border-gray-300 bg-white text-gray-500",
7268
7268
  !u && "hover:cursor-pointer" && (y ? "hover:bg-main-300" : "hover:bg-gray-100"),
7269
- u && "cursor-not-allowed opacity-60",
7269
+ u && "cursor-not-allowed opacity-60 active:scale-100",
7270
7270
  d
7271
7271
  ),
7272
7272
  style: {
@@ -11731,10 +11731,12 @@ const Da = yt(
11731
11731
  variant: {
11732
11732
  default: [
11733
11733
  "rounded-3 border border-gray-300 bg-white px-5 text-gray-900 shadow-none",
11734
+ "hover:border-gray-400",
11734
11735
  "focus-visible:border-main-500 focus-visible:ring-3 focus-visible:ring-main-300/60"
11735
11736
  ],
11736
11737
  search: [
11737
11738
  "rounded-3 !h-10 border border-gray-300 bg-white pl-11 pr-4 text-gray-700 placeholder:text-gray-500",
11739
+ "hover:border-gray-400",
11738
11740
  "focus-visible:border-main-500 focus-visible:ring-3 focus-visible:ring-main-300/60"
11739
11741
  ]
11740
11742
  },
@@ -13395,8 +13397,9 @@ const Q0 = yt(
13395
13397
  "text-gray-700 transition-all duration-200 ease-out active:scale-95",
13396
13398
  "cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:active:scale-100",
13397
13399
  "focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-main-300/60",
13398
- "hover:bg-gray-100",
13400
+ "hover:border-gray-400 hover:bg-gray-100",
13399
13401
  "data-[state=on]:border-main-800 data-[state=on]:bg-main-800 data-[state=on]:text-white",
13402
+ "data-[state=on]:hover:bg-main-600 data-[state=on]:hover:border-main-600",
13400
13403
  "data-[state=on]:shadow-[0_4px_10px_rgba(255,87,34,0.22)]"
13401
13404
  ],
13402
13405
  {
@@ -13716,8 +13719,9 @@ const hb = yt(
13716
13719
  "text-gray-700 transition-all duration-200 ease-out active:scale-95",
13717
13720
  "cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:active:scale-100",
13718
13721
  "focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-main-300/60",
13719
- "hover:bg-gray-100",
13722
+ "hover:border-gray-400 hover:bg-gray-100",
13720
13723
  "data-[state=on]:border-main-800 data-[state=on]:bg-main-800 data-[state=on]:text-white",
13724
+ "data-[state=on]:hover:bg-main-600 data-[state=on]:hover:border-main-600",
13721
13725
  "data-[state=on]:shadow-[0_4px_10px_rgba(255,87,34,0.22)]"
13722
13726
  ],
13723
13727
  {