@payfit/unity-components 3.6.14 → 3.6.16

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.
Files changed (5) hide show
  1. package/dist/esm/modules/ai-kit/components/ai-button/AIButton.js +6 -4
  2. package/dist/esm/modules/ai-kit/components/ai-composer/AIComposer.variants.js +1 -1
  3. package/dist/esm/modules/ai-kit/components/ai-trigger-button/AITriggerButton.js +5 -5
  4. package/dist/esm/modules/ai-kit/utils/ai-gradient-effect.js +26 -1
  5. package/package.json +7 -7
package/dist/esm/modules/ai-kit/components/ai-button/AIButton.js CHANGED
@@ -13,6 +13,8 @@ var p = c({
13
13
  base: [
14
14
  "uy:relative",
15
15
  "uy:isolate",
16
+ "uy:border-2",
17
+ "uy:border-solid",
16
18
  "uy:[--uy-ai-gradient-border-width:1px]",
17
19
  "uy:[--uy-ai-gradient-border-opacity:0]",
18
20
  "uy:[--uy-ai-gradient-surface-opacity:0]",
@@ -75,7 +77,7 @@ var p = c({
75
77
  ] }
76
78
  },
77
79
  isDisabled: { true: {
78
- base: ["uy:disabled:text-content-neutral-disabled", "uy:data-[loading]:text-content-neutral-disabled"],
80
+ base: ["uy:disabled:text-content-neutral-disabled", "uy:data-[loading=\"true\"]:text-content-neutral-disabled"],
79
81
  aiSurface: "uy:hidden"
80
82
  } },
81
83
  isLoading: { true: { aiSurface: "uy:hidden" } }
@@ -102,10 +104,8 @@ var p = c({
102
104
  variant: "outlined",
103
105
  className: { base: [
104
106
  "uy:text-content-neutral-disabled",
105
- "uy:disabled:border-1",
106
107
  "uy:disabled:border-border-neutral-high-disabled",
107
- "uy:data-[loading]:border-1",
108
- "uy:data-[loading]:border-border-neutral-high-disabled",
108
+ "uy:data-[loading=\"true\"]:border-border-neutral-high-disabled",
109
109
  "uy:enabled:data-[hovered=\"true\"]:text-content-neutral-disabled",
110
110
  "uy:enabled:active:text-content-neutral-disabled",
111
111
  "uy:enabled:data-[pressed=\"true\"]:text-content-neutral-disabled",
@@ -117,6 +117,8 @@ var p = c({
117
117
  variant: "ghost",
118
118
  className: { base: [
119
119
  "uy:bg-surface-neutral-low-disabled",
120
+ "uy:disabled:border-surface-neutral-low-disabled",
121
+ "uy:data-[loading=\"true\"]:border-surface-neutral-low-disabled",
120
122
  "uy:text-content-neutral-disabled",
121
123
  "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-low-disabled",
122
124
  "uy:enabled:data-[hovered=\"true\"]:text-content-neutral-disabled",
package/dist/esm/modules/ai-kit/components/ai-composer/AIComposer.variants.js CHANGED
@@ -4,7 +4,7 @@ import { uyTv as n } from "@payfit/unity-themes";
4
4
  var r = n({
5
5
  slots: {
6
6
  base: [
7
- "uy:flex uy:min-h-15 uy:rounded-200 uy:border-1 uy:px-200 uy:py-150 uy:data-[state=\"enabled\"]:shadow-100",
7
+ "uy:flex uy:min-h-15 uy:rounded-200 uy:border-1 uy:border-solid uy:px-200 uy:py-150 uy:data-[state=\"enabled\"]:shadow-100",
8
8
  "uy:bg-surface-neutral",
9
9
  "uy:[--uy-ai-gradient-border-width:1px]",
10
10
  "uy:[--uy-ai-gradient-border-opacity:0]",
package/dist/esm/modules/ai-kit/components/ai-trigger-button/AITriggerButton.js CHANGED
@@ -9,13 +9,13 @@ import { ToggleButton as d } from "react-aria-components/ToggleButton";
9
9
  //#region src/modules/ai-kit/components/ai-trigger-button/AITriggerButton.tsx
10
10
  var f = c({
11
11
  extend: e,
12
- base: /* @__PURE__ */ "uy:relative uy:isolate uy:[--uy-ai-gradient-border-width:2px],uy:[--uy-ai-gradient-border-opacity:0],uy:[--uy-ai-gradient-surface-opacity:0],uy:[--uy-ai-gradient-animation-play-state:paused],uy:max-w-full,uy:text-content-neutral-enabled,uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover,uy:enabled:active:text-content-neutral-active,uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed,uy:enabled:data-[focus-visible=\"true\"]:text-content-neutral-focus,uy:data-[pressed=\"true\"]:[--uy-ai-gradient-border-width:1px],uy:data-[pressed=\"true\"]:[--uy-ai-gradient-border-opacity:1],uy:data-[pressed=\"true\"]:[--uy-ai-gradient-surface-opacity:0.06],uy:data-[pressed=\"true\"]:[--uy-ai-gradient-animation-play-state:paused],uy:data-[pressed=\"true\"]:data-[hovered=\"true\"]:[--uy-ai-gradient-animation-play-state:paused],uy:data-[pressed=\"true\"]:data-[focus-visible=\"true\"]:[--uy-ai-gradient-animation-play-state:paused],uy:data-[selected=\"true\"]:[--uy-ai-gradient-border-width:1px],uy:data-[selected=\"true\"]:[--uy-ai-gradient-border-opacity:1],uy:data-[selected=\"true\"]:[--uy-ai-gradient-surface-opacity:0.06],uy:data-[hovered=\"true\"]:[--uy-ai-gradient-border-opacity:1],uy:data-[hovered=\"true\"]:[--uy-ai-gradient-surface-opacity:0.06],uy:data-[hovered=\"true\"]:[--uy-ai-gradient-animation-play-state:running],uy:data-[focus-visible=\"true\"]:[--uy-ai-gradient-border-opacity:1],uy:data-[focus-visible=\"true\"]:[--uy-ai-gradient-surface-opacity:0.06],uy:data-[focus-visible=\"true\"]:[--uy-ai-gradient-animation-play-state:running],uy:data-[selected=\"true\"]:data-[hovered=\"true\"]:[--uy-ai-gradient-border-width:2px],uy:data-[selected=\"true\"]:hover:[--uy-ai-gradient-border-width:2px]".split(","),
12
+ base: /* @__PURE__ */ "uy:relative uy:isolate uy:border-2 uy:border-solid,uy:[--uy-ai-gradient-border-width:2px],uy:[--uy-ai-gradient-border-opacity:0],uy:[--uy-ai-gradient-surface-opacity:0],uy:[--uy-ai-gradient-animation-play-state:paused],uy:max-w-full,uy:text-content-neutral-enabled,uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover,uy:enabled:active:text-content-neutral-active,uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed,uy:enabled:data-[focus-visible=\"true\"]:text-content-neutral-focus,uy:data-[pressed=\"true\"]:[--uy-ai-gradient-border-width:1px],uy:data-[pressed=\"true\"]:[--uy-ai-gradient-border-opacity:1],uy:data-[pressed=\"true\"]:[--uy-ai-gradient-surface-opacity:0.06],uy:data-[pressed=\"true\"]:[--uy-ai-gradient-animation-play-state:paused],uy:data-[pressed=\"true\"]:data-[hovered=\"true\"]:[--uy-ai-gradient-animation-play-state:paused],uy:data-[pressed=\"true\"]:data-[focus-visible=\"true\"]:[--uy-ai-gradient-animation-play-state:paused],uy:data-[selected=\"true\"]:[--uy-ai-gradient-border-width:1px],uy:data-[selected=\"true\"]:[--uy-ai-gradient-border-opacity:1],uy:data-[selected=\"true\"]:[--uy-ai-gradient-surface-opacity:0.06],uy:data-[hovered=\"true\"]:[--uy-ai-gradient-border-opacity:1],uy:data-[hovered=\"true\"]:[--uy-ai-gradient-surface-opacity:0.06],uy:data-[hovered=\"true\"]:[--uy-ai-gradient-animation-play-state:running],uy:data-[focus-visible=\"true\"]:[--uy-ai-gradient-border-opacity:1],uy:data-[focus-visible=\"true\"]:[--uy-ai-gradient-surface-opacity:0.06],uy:data-[focus-visible=\"true\"]:[--uy-ai-gradient-animation-play-state:running],uy:data-[selected=\"true\"]:data-[hovered=\"true\"]:[--uy-ai-gradient-border-width:2px],uy:data-[selected=\"true\"]:data-[focus-visible=\"true\"]:[--uy-ai-gradient-border-width:2px],uy:data-[selected=\"true\"]:hover:[--uy-ai-gradient-border-width:2px]".split(","),
13
13
  variants: {
14
14
  isDisabled: {
15
15
  true: [
16
- "uy:disabled:border-border-neutral-high-disabled",
16
+ "uy:disabled:border-transparent",
17
17
  "uy:disabled:text-content-neutral-disabled",
18
- "uy:data-[loading=\"true\"]:border-border-neutral-high-disabled",
18
+ "uy:data-[loading=\"true\"]:border-transparent",
19
19
  "uy:data-[loading=\"true\"]:text-content-neutral-disabled"
20
20
  ],
21
21
  false: ""
@@ -57,7 +57,7 @@ var f = c({
57
57
  }), E = p({ isDisabled: w }), D = {
58
58
  appearance: w ? "grayscale" : "color",
59
59
  "aria-hidden": !0,
60
- className: s("uy:[--uy-payfit-ai-brand-rotation:0deg]", "uy:[--uy-payfit-ai-brand-scale:1]", "uy:origin-center", "uy:transform-gpu", "uy:rotate-(--uy-payfit-ai-brand-rotation)", "uy:scale-(--uy-payfit-ai-brand-scale)", "uy:motion-safe:transition-[--uy-payfit-ai-brand-rotation,--uy-payfit-ai-brand-scale]", "uy:motion-safe:duration-600", "uy:motion-safe:ease-out", "uy:group-data-[hovered=\"true\"]:[--uy-payfit-ai-brand-rotation:370deg]", "uy:group-data-[hovered=\"true\"]:[--uy-payfit-ai-brand-scale:1.1]", "uy:group-data-[focus-visible=\"true\"]:[--uy-payfit-ai-brand-rotation:370deg]", "uy:group-data-[focus-visible=\"true\"]:[--uy-payfit-ai-brand-scale:1.1]") ?? "",
60
+ className: s("uy:[--uy-payfit-ai-brand-rotation:0deg]", "uy:[--uy-payfit-ai-brand-scale:1]", "uy:origin-center", "uy:transform-gpu", "uy:rotate-(--uy-payfit-ai-brand-rotation)", "uy:scale-(--uy-payfit-ai-brand-scale)", "uy:motion-safe:transition-[--uy-payfit-ai-brand-rotation,--uy-payfit-ai-brand-scale]", "uy:motion-safe:duration-600", "uy:motion-safe:ease-out", "uy:group-data-[hovered=\"true\"]:[--uy-payfit-ai-brand-rotation:10deg]", "uy:group-data-[hovered=\"true\"]:[--uy-payfit-ai-brand-scale:1.1]", "uy:group-data-[focus-visible=\"true\"]:[--uy-payfit-ai-brand-rotation:10deg]", "uy:group-data-[focus-visible=\"true\"]:[--uy-payfit-ai-brand-scale:1.1]") ?? "",
61
61
  size: h === "default" ? 24 : 20
62
62
  }, O = /* @__PURE__ */ u(d, {
63
63
  ...v,
@@ -75,7 +75,7 @@ var f = c({
75
75
  className: E,
76
76
  "data-unity-slot": "ai.surface"
77
77
  }), /* @__PURE__ */ u("span", {
78
- className: "uy:relative uy:z-20 uy:inline-flex uy:items-center uy:justify-center uy:gap-50",
78
+ className: s("uy:relative uy:z-20 uy:inline-flex uy:items-center uy:justify-center", h === "default" ? "uy:gap-75" : "uy:gap-50"),
79
79
  children: [_?.(D) ?? /* @__PURE__ */ l(i, {
80
80
  ...D,
81
81
  "data-unity-icon": "prefix"
package/dist/esm/modules/ai-kit/utils/ai-gradient-effect.js CHANGED
@@ -1,7 +1,32 @@
1
1
  import { uyTv as e } from "@payfit/unity-themes";
2
2
  //#region src/modules/ai-kit/utils/ai-gradient-effect.ts
3
3
  var t = e({
4
- base: /* @__PURE__ */ "uy:relative.uy:group.uy:isolate.uy:border-solid.uy:border-(length:--uy-ai-gradient-border-width).uy:motion-safe:transition-[--uy-ai-gradient-border-width,--uy-ai-gradient-border-opacity,--uy-ai-gradient-animation-play-state].uy:motion-safe:duration-50.uy:motion-safe:ease-linear.uy:supports-mask-border:border-transparent.uy:supports-mask-border:before:content-[''].uy:supports-mask-border:before:pointer-events-none.uy:supports-mask-border:before:absolute.uy:supports-mask-border:before:-inset-(--uy-ai-gradient-border-width).uy:supports-mask-border:before:z-0.uy:supports-mask-border:before:rounded-[inherit].uy:supports-mask-border:before:p-(--uy-ai-gradient-border-width).uy:supports-mask-border:before:opacity-[var(--uy-ai-gradient-border-opacity)].uy:motion-safe:before:[animation-play-state:var(--uy-ai-gradient-animation-play-state)].uy:supports-mask-border:before:[mask-image:linear-gradient(#000_0_0),linear-gradient(#000_0_0)].uy:supports-mask-border:before:[mask-origin:content-box,border-box].uy:supports-mask-border:before:[mask-clip:content-box,border-box].uy:supports-mask-border:before:[mask-composite:exclude].uy:supports-mask-border:before:[-webkit-mask-image:linear-gradient(#000_0_0),linear-gradient(#000_0_0)].uy:supports-mask-border:before:[-webkit-mask-origin:content-box,border-box].uy:supports-mask-border:before:[-webkit-mask-clip:content-box,border-box].uy:supports-mask-border:before:[-webkit-mask-composite:xor]".split("."),
4
+ base: [
5
+ "uy:relative",
6
+ "uy:group",
7
+ "uy:isolate",
8
+ "uy:motion-safe:transition-[--uy-ai-gradient-border-width,--uy-ai-gradient-border-opacity,--uy-ai-gradient-animation-play-state]",
9
+ "uy:motion-safe:duration-50",
10
+ "uy:motion-safe:ease-linear",
11
+ "uy:supports-mask-border:border-transparent",
12
+ "uy:supports-mask-border:before:content-['']",
13
+ "uy:supports-mask-border:before:pointer-events-none",
14
+ "uy:supports-mask-border:before:absolute",
15
+ "uy:supports-mask-border:before:-inset-(--uy-ai-gradient-border-width)",
16
+ "uy:supports-mask-border:before:z-0",
17
+ "uy:supports-mask-border:before:rounded-[inherit]",
18
+ "uy:supports-mask-border:before:p-(--uy-ai-gradient-border-width)",
19
+ "uy:supports-mask-border:before:opacity-[var(--uy-ai-gradient-border-opacity)]",
20
+ "uy:motion-safe:before:[animation-play-state:var(--uy-ai-gradient-animation-play-state)]",
21
+ "uy:supports-mask-border:before:[mask-image:linear-gradient(#000_0_0),linear-gradient(#000_0_0)]",
22
+ "uy:supports-mask-border:before:[mask-origin:content-box,border-box]",
23
+ "uy:supports-mask-border:before:[mask-clip:content-box,border-box]",
24
+ "uy:supports-mask-border:before:[mask-composite:exclude]",
25
+ "uy:supports-mask-border:before:[-webkit-mask-image:linear-gradient(#000_0_0),linear-gradient(#000_0_0)]",
26
+ "uy:supports-mask-border:before:[-webkit-mask-origin:content-box,border-box]",
27
+ "uy:supports-mask-border:before:[-webkit-mask-clip:content-box,border-box]",
28
+ "uy:supports-mask-border:before:[-webkit-mask-composite:xor]"
29
+ ],
5
30
  variants: {
6
31
  gradient: {
7
32
  linear: ["uy:supports-mask-border:before:[background:linear-gradient(90deg,var(--uy-gradient-payfit-ai-animated))_0%_50%/400%_100%_no-repeat]", "uy:motion-safe:before:animate-uy-ai-gradient-linear-sweep"],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payfit/unity-components",
3
- "version": "3.6.14",
3
+ "version": "3.6.16",
4
4
  "module": "./dist/esm/index.js",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -103,7 +103,7 @@
103
103
  "@formatjs/intl": "4.1.12",
104
104
  "@internationalized/date": "3.12.4",
105
105
  "minimatch": "10.2.5",
106
- "@payfit/unity-illustrations": "3.6.14",
106
+ "@payfit/unity-illustrations": "3.6.16",
107
107
  "@radix-ui/react-avatar": "1.2.6",
108
108
  "@radix-ui/react-slot": "1.3.3",
109
109
  "@react-aria/interactions": "3.28.1",
@@ -132,8 +132,8 @@
132
132
  "zod": "4.6.5"
133
133
  },
134
134
  "peerDependencies": {
135
- "@payfit/unity-icons": "3.6.14",
136
- "@payfit/unity-themes": "3.6.14",
135
+ "@payfit/unity-icons": "3.6.16",
136
+ "@payfit/unity-themes": "3.6.16",
137
137
  "@storybook/react-vite": "^10",
138
138
  "@tanstack/react-query": "^5",
139
139
  "@tanstack/form-core": "1.33.5",
@@ -156,9 +156,9 @@
156
156
  "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
157
157
  "@payfit/storybook-addon-datadog-rum": "0.0.0-use.local",
158
158
  "@payfit/storybook-config": "0.0.0-use.local",
159
- "@payfit/unity-icons": "3.6.14",
160
- "@payfit/unity-illustrations": "3.6.14",
161
- "@payfit/unity-themes": "3.6.14",
159
+ "@payfit/unity-icons": "3.6.16",
160
+ "@payfit/unity-illustrations": "3.6.16",
161
+ "@payfit/unity-themes": "3.6.16",
162
162
  "@payfit/vite-configs": "0.0.0-use.local",
163
163
  "@storybook/addon-a11y": "10.6.0",
164
164
  "@storybook/addon-designs": "11.1.4",