@payfit/unity-components 2.60.5 → 2.60.7

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/components/button/Button.js +3 -2
  2. package/dist/esm/components/button/Button.variants.js +52 -52
  3. package/dist/esm/components/icon-button/IconButton.js +6 -5
  4. package/dist/esm/components/icon-button/IconButton.variants.js +52 -52
  5. package/package.json +7 -7
package/dist/esm/components/button/Button.js CHANGED
@@ -56,12 +56,13 @@ var f = (n, r) => n ? /* @__PURE__ */ l(t, {
56
56
  h,
57
57
  g,
58
58
  S
59
- ]), w = { ...g && { "data-loading": g } };
59
+ ]), w = { ...g && { "data-loading": g } }, T = h || g;
60
60
  return /* @__PURE__ */ l(d, {
61
61
  "data-dd-privacy": "allow",
62
62
  ...b,
63
63
  ref: x,
64
- isDisabled: h || g,
64
+ isDisabled: T,
65
+ "aria-disabled": T ? !0 : void 0,
65
66
  isPending: g,
66
67
  className: C,
67
68
  ...w,
package/dist/esm/components/button/Button.variants.js CHANGED
@@ -7,7 +7,7 @@ var t = e({
7
7
  "uy:has-data-[unity-icon=\"prefix\"]:pl-100 uy:has-data-[unity-icon=\"prefix\"]:pr-200",
8
8
  "uy:has-data-[unity-icon=\"suffix\"]:pl-200 uy:has-data-[unity-icon=\"suffix\"]:pr-100",
9
9
  "uy:px-200 uy:has-data-[unity-icon=\"prefix\"]:has-data-[unity-icon=\"suffix\"]:px-100",
10
- "uy:data-[focus-visible=\"true\"]:outline-2 uy:data-[focus-visible=\"true\"]:outline-solid uy:data-[focus-visible=\"true\"]:outline-offset-2 uy:data-[focus-visible=\"true\"]:outline-utility-focus-ring"
10
+ "uy:enabled:data-[focus-visible=\"true\"]:outline-2 uy:enabled:data-[focus-visible=\"true\"]:outline-solid uy:enabled:data-[focus-visible=\"true\"]:outline-offset-2 uy:enabled:data-[focus-visible=\"true\"]:outline-utility-focus-ring"
11
11
  ],
12
12
  variants: {
13
13
  isDisabled: {
@@ -34,41 +34,41 @@ var t = e({
34
34
  color: {
35
35
  primary: [
36
36
  "uy:theme-legacy:bg-surface-primary-enabled uy:theme-rebrand:bg-surface-neutral-highest-enabled uy:text-content-inverted-enabled",
37
- "uy:theme-legacy:data-[hovered=\"true\"]:bg-surface-primary-hover uy:theme-rebrand:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:data-[hovered=\"true\"]:text-content-inverted-hover",
38
- "uy:theme-legacy:active:bg-surface-primary-active uy:theme-rebrand:active:bg-surface-neutral-highest-active uy:active:text-content-inverted-hover",
39
- "uy:theme-legacy:data-[pressed]:bg-surface-primary-pressed uy:theme-rebrand:data-[pressed]:bg-surface-neutral-highest-pressed uy:data-[pressed]:text-content-inverted-pressed"
37
+ "uy:theme-legacy:enabled:data-[hovered=\"true\"]:bg-surface-primary-hover uy:theme-rebrand:enabled:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
38
+ "uy:theme-legacy:enabled:active:bg-surface-primary-active uy:theme-rebrand:enabled:active:bg-surface-neutral-highest-active uy:enabled:active:text-content-inverted-hover",
39
+ "uy:theme-legacy:enabled:data-[pressed=\"true\"]:bg-surface-primary-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-highest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed"
40
40
  ],
41
41
  warning: [
42
42
  "uy:bg-surface-warning-enabled uy:text-content-neutral-enabled",
43
- "uy:data-[hovered=\"true\"]:bg-surface-warning-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
44
- "uy:active:bg-surface-warning-active uy:active:text-content-neutral-active",
45
- "uy:data-[pressed]:bg-surface-warning-pressed uy:data-[pressed]:text-content-neutral-pressed"
43
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-warning-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
44
+ "uy:enabled:active:bg-surface-warning-active uy:enabled:active:text-content-neutral-active",
45
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-warning-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed"
46
46
  ],
47
47
  danger: [
48
48
  "uy:bg-surface-danger-enabled uy:theme-legacy:text-content-inverted-enabled uy:theme-rebrand:text-content-inverted",
49
- "uy:data-[hovered=\"true\"]:bg-surface-danger-hover uy:theme-legacy:data-[hovered=\"true\"]:text-content-inverted-hover",
50
- "uy:active:bg-surface-danger-active uy:theme-legacy:active:text-content-inverted",
51
- "uy:data-[pressed]:bg-surface-danger-pressed uy:theme-legacy:data-[pressed]:text-content-inverted"
49
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-danger-hover uy:theme-legacy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
50
+ "uy:enabled:active:bg-surface-danger-active uy:theme-legacy:enabled:active:text-content-inverted",
51
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-danger-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-inverted"
52
52
  ],
53
53
  neutral: [
54
54
  "uy:bg-surface-neutral-low-enabled uy:text-content-neutral-enabled",
55
- "uy:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
56
- "uy:active:bg-surface-neutral-low-active uy:active:text-content-neutral-active",
57
- "uy:data-[pressed]:bg-surface-neutral-low-pressed uy:data-[pressed]:text-content-neutral-pressed"
55
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
56
+ "uy:enabled:active:bg-surface-neutral-low-active uy:enabled:active:text-content-neutral-active",
57
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed"
58
58
  ],
59
59
  inverted: [
60
60
  "uy:bg-surface-neutral-enabled uy:text-content-neutral-enabled",
61
- "uy:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
62
- "uy:active:bg-surface-neutral-active uy:active:text-content-neutral-active",
63
- "uy:data-[pressed]:bg-surface-neutral-active uy:data-[pressed]:text-content-neutral-pressed",
64
- "uy:data-[focus-visible]:outline-utility-inverted-focus-ring uy:data-[focus-visible]:text-content-neutral-focus uy:data-[focus-visible]:bg-surface-neutral-focus"
61
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
62
+ "uy:enabled:active:bg-surface-neutral-active uy:enabled:active:text-content-neutral-active",
63
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-active uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
64
+ "uy:enabled:data-[focus-visible]:outline-utility-inverted-focus-ring uy:enabled:data-[focus-visible]:text-content-neutral-focus uy:enabled:data-[focus-visible]:bg-surface-neutral-focus"
65
65
  ],
66
66
  "inverted.low": [
67
67
  "uy:bg-surface-inverted-low-enabled uy:text-content-inverted-enabled",
68
- "uy:data-[hovered=\"true\"]:bg-surface-inverted-low-hover uy:data-[hovered=\"true\"]:text-content-inverted-hover",
69
- "uy:active:bg-surface-inverted-low-active uy:active:text-content-inverted-active",
70
- "uy:data-[pressed=\"true\"]:bg-surface-inverted-low-pressed uy:data-[pressed=\"true\"]:text-content-inverted-pressed",
71
- "uy:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:data-[focus-visible=\"true\"]:text-content-inverted-focus uy:data-[focus-visible=\"true\"]:bg-surface-inverted-low-focus"
68
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-inverted-low-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
69
+ "uy:enabled:active:bg-surface-inverted-low-active uy:enabled:active:text-content-inverted-active",
70
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-inverted-low-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed",
71
+ "uy:enabled:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:enabled:data-[focus-visible=\"true\"]:text-content-inverted-focus uy:enabled:data-[focus-visible=\"true\"]:bg-surface-inverted-low-focus"
72
72
  ]
73
73
  },
74
74
  isDisabled: {
@@ -87,16 +87,16 @@ var t = e({
87
87
  color: {
88
88
  primary: [
89
89
  "uy:text-content-neutral-enabled uy:border-border-neutral-high-enabled",
90
- "uy:data-[hovered=\"true\"]:text-content-neutral-hover uy:data-[hovered=\"true\"]:border-border-neutral-high-hover",
91
- "uy:theme-legacy:data-[pressed=\"true\"]:text-content-neutral-high-pressed uy:theme-legacy:data-[pressed=\"true\"]:border-border-neutral-high-pressed",
92
- "uy:theme-rebrand:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
93
- "uy:data-[focus-visible=\"true\"]:border-border-neutral-high-focus uy:data-[focus-visible=\"true\"]:text-content-neutral-focus"
90
+ "uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover uy:enabled:data-[hovered=\"true\"]:border-border-neutral-high-hover",
91
+ "uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-neutral-high-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:border-border-neutral-high-pressed",
92
+ "uy:theme-rebrand:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
93
+ "uy:enabled:data-[focus-visible=\"true\"]:border-border-neutral-high-focus uy:enabled:data-[focus-visible=\"true\"]:text-content-neutral-focus"
94
94
  ],
95
95
  inverted: [
96
96
  "uy:text-content-inverted-enabled uy:border-border-inverted-enabled",
97
- "uy:theme-legacy:data-[pressed=\"true\"]:text-content-inverted-pressed uy:theme-legacy:data-[pressed=\"true\"]:border-border-inverted-pressed",
98
- "uy:theme-rebrand:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
99
- "uy:data-[focus-visible]:outline-utility-inverted-focus-ring"
97
+ "uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:border-border-inverted-pressed",
98
+ "uy:theme-rebrand:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
99
+ "uy:enabled:data-[focus-visible]:outline-utility-inverted-focus-ring"
100
100
  ]
101
101
  },
102
102
  isDisabled: {
@@ -111,45 +111,45 @@ var t = e({
111
111
  color: {
112
112
  primary: [
113
113
  "uy:bg-transparent uy:theme-legacy:text-content-primary-enabled uy:theme-rebrand:text-content-neutral-enabled",
114
- "uy:theme-legacy:data-[hovered=\"true\"]:bg-surface-primary-lowest-hover uy:theme-rebrand:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:theme-legacy:data-[hovered=\"true\"]:text-content-primary-hover uy:theme-rebrand:data-[hovered=\"true\"]:text-content-neutral-hover",
115
- "uy:theme-legacy:active:bg-surface-primary-lowest-active uy:theme-rebrand:active:bg-surface-neutral-active uy:theme-legacy:active:text-content-primary-active uy:theme-rebrand:active:text-content-neutral-active",
116
- "uy:theme-legacy:data-[pressed=true]:bg-surface-primary-lowest-pressed uy:theme-rebrand:data-[pressed=true]:bg-surface-neutral-pressed uy:theme-legacy:data-[pressed=true]:text-content-primary-pressed uy:theme-rebrand:data-[pressed=true]:text-content-neutral-pressed",
117
- "uy:data-[focus-visible]:bg-transparent uy:theme-rebrand:data-[focus-visible]:text-content-neutral-focus"
114
+ "uy:theme-legacy:enabled:data-[hovered=\"true\"]:bg-surface-primary-lowest-hover uy:theme-rebrand:enabled:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:theme-legacy:enabled:data-[hovered=\"true\"]:text-content-primary-hover uy:theme-rebrand:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
115
+ "uy:theme-legacy:enabled:active:bg-surface-primary-lowest-active uy:theme-rebrand:enabled:active:bg-surface-neutral-active uy:theme-legacy:enabled:active:text-content-primary-active uy:theme-rebrand:enabled:active:text-content-neutral-active",
116
+ "uy:theme-legacy:enabled:data-[pressed=\"true\"]:bg-surface-primary-lowest-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-primary-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
117
+ "uy:enabled:data-[focus-visible]:bg-transparent uy:theme-rebrand:enabled:data-[focus-visible]:text-content-neutral-focus"
118
118
  ],
119
119
  warning: [
120
120
  "uy:bg-transparent uy:text-content-warning-enabled",
121
- "uy:data-[hovered=\"true\"]:bg-surface-warning-lowest-hover uy:data-[hovered=\"true\"]:text-content-warning-hover",
122
- "uy:active:bg-surface-warning-lowest-active uy:active:text-content-warning-active",
123
- "uy:data-[pressed=true]:bg-surface-warning-lowest-pressed uy:data-[pressed=true]:text-content-warning-pressed",
124
- "uy:data-[focus-visible]:bg-transparent"
121
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-warning-lowest-hover uy:enabled:data-[hovered=\"true\"]:text-content-warning-hover",
122
+ "uy:enabled:active:bg-surface-warning-lowest-active uy:enabled:active:text-content-warning-active",
123
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-warning-lowest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-warning-pressed",
124
+ "uy:enabled:data-[focus-visible]:bg-transparent"
125
125
  ],
126
126
  danger: [
127
127
  "uy:bg-transparent uy:text-content-danger-enabled",
128
- "uy:data-[hovered=\"true\"]:bg-surface-danger-lowest-hover uy:data-[hovered=\"true\"]:text-content-danger-hover",
129
- "uy:active:bg-surface-danger-lowest-active uy:active:text-content-danger-active",
130
- "uy:data-[pressed=true]:bg-surface-danger-lowest-pressed uy:data-[pressed=true]:text-content-danger-pressed",
131
- "uy:data-[focus-visible]:bg-transparent"
128
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-danger-lowest-hover uy:enabled:data-[hovered=\"true\"]:text-content-danger-hover",
129
+ "uy:enabled:active:bg-surface-danger-lowest-active uy:enabled:active:text-content-danger-active",
130
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-danger-lowest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-danger-pressed",
131
+ "uy:enabled:data-[focus-visible]:bg-transparent"
132
132
  ],
133
133
  neutral: [
134
134
  "uy:bg-transparent uy:text-content-neutral-enabled",
135
- "uy:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
136
- "uy:active:bg-surface-neutral-active uy:active:text-content-neutral-active",
137
- "uy:data-[pressed=true]:bg-surface-neutral-pressed uy:data-[pressed=true]:text-content-neutral-pressed",
138
- "uy:data-[focus-visible]:bg-transparent"
135
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
136
+ "uy:enabled:active:bg-surface-neutral-active uy:enabled:active:text-content-neutral-active",
137
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
138
+ "uy:enabled:data-[focus-visible]:bg-transparent"
139
139
  ],
140
140
  "neutral.lowest": [
141
141
  "uy:bg-transparent uy:text-content-neutral-enabled",
142
- "uy:data-[hovered=\"true\"]:bg-surface-neutral-lowest-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
143
- "uy:active:bg-surface-neutral-lowest-active uy:active:text-content-neutral-active",
144
- "uy:data-[pressed=true]:bg-surface-neutral-lowest-pressed uy:data-[pressed=true]:text-content-neutral-pressed",
145
- "uy:data-[focus-visible]:bg-transparent"
142
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-lowest-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
143
+ "uy:enabled:active:bg-surface-neutral-lowest-active uy:enabled:active:text-content-neutral-active",
144
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-lowest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
145
+ "uy:enabled:data-[focus-visible]:bg-transparent"
146
146
  ],
147
147
  inverted: [
148
148
  "uy:bg-transparent uy:text-content-inverted-enabled",
149
- "uy:data-[hovered=\"true\"]:bg-surface-inverted-hover uy:data-[hovered=\"true\"]:text-content-inverted-hover",
150
- "uy:active:bg-surface-inverted-active uy:active:text-content-inverted-active",
151
- "uy:data-[pressed=true]:bg-surface-inverted-pressed uy:data-[pressed=true]:text-content-inverted-pressed",
152
- "uy:data-[focus-visible]:outline-utility-inverted-focus-ring uy:data-[focus-visible]:bg-transparent"
149
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-inverted-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
150
+ "uy:enabled:active:bg-surface-inverted-active uy:enabled:active:text-content-inverted-active",
151
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-inverted-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed",
152
+ "uy:enabled:data-[focus-visible]:outline-utility-inverted-focus-ring uy:enabled:data-[focus-visible]:bg-transparent"
153
153
  ]
154
154
  },
155
155
  isDisabled: {
package/dist/esm/components/icon-button/IconButton.js CHANGED
@@ -9,7 +9,7 @@ import { jsx as f, jsxs as p } from "react/jsx-runtime";
9
9
  import { Button as m } from "react-aria-components/Button";
10
10
  //#region src/components/icon-button/IconButton.tsx
11
11
  var h = s(({ variant: s, color: h = "primary", icon: g, iconRole: _, label: v, isDisabled: y = !1, isLoading: b = !1, onClick: x, onPress: S, className: C, ...w }, T) => {
12
- let E = t(), { theme: D } = u(), O = `icon-button-label-${E}`, k = c(() => {
12
+ let E = t(), { theme: D } = u(), O = `icon-button-label-${E}`, k = y || b, A = c(() => {
13
13
  let e = {
14
14
  isDisabled: y,
15
15
  isLoading: b
@@ -46,19 +46,20 @@ var h = s(({ variant: s, color: h = "primary", icon: g, iconRole: _, label: v, i
46
46
  y,
47
47
  b,
48
48
  D
49
- ]), A = { ...b && { "data-loading": b } };
49
+ ]), j = { ...b && { "data-loading": b } };
50
50
  return /* @__PURE__ */ f(r, {
51
51
  title: v,
52
52
  children: /* @__PURE__ */ p(m, {
53
53
  ref: T,
54
54
  "data-dd-privacy": "allow",
55
55
  ...w,
56
- className: l(k, C),
56
+ className: l(A, C),
57
57
  onPress: S ?? x,
58
- isDisabled: y || b,
58
+ isDisabled: k,
59
59
  isPending: b,
60
60
  "aria-label": v,
61
- ...A,
61
+ "aria-disabled": k ? !0 : void 0,
62
+ ...j,
62
63
  children: [b ? /* @__PURE__ */ f(n, {
63
64
  size: "small",
64
65
  label: "Loading",
package/dist/esm/components/icon-button/IconButton.variants.js CHANGED
@@ -7,7 +7,7 @@ var t = e({
7
7
  "uy:inline-flex uy:justify-center uy:items-center",
8
8
  "uy:rounded-100 uy:sm:rounded-75 uy:cursor-pointer",
9
9
  "uy:transition-colors",
10
- "uy:data-[focus-visible=\"true\"]:outline-2 uy:data-[focus-visible=\"true\"]:outline-solid uy:data-[focus-visible=\"true\"]:outline-offset-2 uy:data-[focus-visible=\"true\"]:outline-utility-focus-ring"
10
+ "uy:enabled:data-[focus-visible=\"true\"]:outline-2 uy:enabled:data-[focus-visible=\"true\"]:outline-solid uy:enabled:data-[focus-visible=\"true\"]:outline-offset-2 uy:enabled:data-[focus-visible=\"true\"]:outline-utility-focus-ring"
11
11
  ],
12
12
  variants: {
13
13
  isDisabled: {
@@ -29,41 +29,41 @@ var t = e({
29
29
  color: {
30
30
  primary: [
31
31
  "uy:theme-legacy:bg-surface-primary-enabled uy:theme-rebrand:bg-surface-neutral-highest-enabled uy:text-content-inverted-enabled",
32
- "uy:theme-legacy:data-[hovered=\"true\"]:bg-surface-primary-hover uy:theme-rebrand:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:data-[hovered=\"true\"]:text-content-inverted-hover",
33
- "uy:theme-legacy:active:bg-surface-primary-active uy:theme-rebrand:active:bg-surface-neutral-highest-active uy:active:text-content-inverted-hover",
34
- "uy:theme-legacy:data-[pressed]:bg-surface-primary-pressed uy:theme-rebrand:data-[pressed]:bg-surface-neutral-highest-pressed uy:data-[pressed]:text-content-inverted-pressed"
32
+ "uy:theme-legacy:enabled:data-[hovered=\"true\"]:bg-surface-primary-hover uy:theme-rebrand:enabled:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
33
+ "uy:theme-legacy:enabled:active:bg-surface-primary-active uy:theme-rebrand:enabled:active:bg-surface-neutral-highest-active uy:enabled:active:text-content-inverted-hover",
34
+ "uy:theme-legacy:enabled:data-[pressed=\"true\"]:bg-surface-primary-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-highest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed"
35
35
  ],
36
36
  warning: [
37
37
  "uy:bg-surface-warning-enabled uy:text-content-neutral-enabled",
38
- "uy:data-[hovered=\"true\"]:bg-surface-warning-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
39
- "uy:active:bg-surface-warning-active uy:active:text-content-neutral-active",
40
- "uy:data-[pressed]:bg-surface-warning-pressed uy:data-[pressed]:text-content-neutral-pressed"
38
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-warning-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
39
+ "uy:enabled:active:bg-surface-warning-active uy:enabled:active:text-content-neutral-active",
40
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-warning-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed"
41
41
  ],
42
42
  danger: [
43
43
  "uy:bg-surface-danger-enabled uy:theme-legacy:text-content-inverted-enabled uy:theme-rebrand:text-content-inverted",
44
- "uy:data-[hovered=\"true\"]:bg-surface-danger-hover uy:theme-legacy:data-[hovered=\"true\"]:text-content-inverted-hover",
45
- "uy:active:bg-surface-danger-active uy:theme-legacy:active:text-content-inverted",
46
- "uy:data-[pressed]:bg-surface-danger-pressed uy:theme-legacy:data-[pressed]:text-content-inverted"
44
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-danger-hover uy:theme-legacy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
45
+ "uy:enabled:active:bg-surface-danger-active uy:theme-legacy:enabled:active:text-content-inverted",
46
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-danger-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-inverted"
47
47
  ],
48
48
  neutral: [
49
49
  "uy:bg-surface-neutral-low-enabled uy:text-content-neutral-enabled",
50
- "uy:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
51
- "uy:active:bg-surface-neutral-low-active uy:active:text-content-neutral-active",
52
- "uy:data-[pressed]:bg-surface-neutral-low-pressed uy:data-[pressed]:text-content-neutral-pressed"
50
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
51
+ "uy:enabled:active:bg-surface-neutral-low-active uy:enabled:active:text-content-neutral-active",
52
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed"
53
53
  ],
54
54
  inverted: [
55
55
  "uy:bg-surface-neutral-enabled uy:text-content-neutral-enabled",
56
- "uy:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
57
- "uy:active:bg-surface-neutral-active uy:active:text-content-neutral-active",
58
- "uy:data-[pressed]:bg-surface-neutral-active uy:data-[pressed]:text-content-neutral-pressed",
59
- "uy:data-[focus-visible]:outline-utility-inverted-focus-ring uy:data-[focus-visible]:text-content-neutral-focus uy:data-[focus-visible]:bg-surface-neutral-focus"
56
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
57
+ "uy:enabled:active:bg-surface-neutral-active uy:enabled:active:text-content-neutral-active",
58
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-active uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
59
+ "uy:enabled:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:enabled:data-[focus-visible=\"true\"]:text-content-neutral-focus uy:enabled:data-[focus-visible=\"true\"]:bg-surface-neutral-focus"
60
60
  ],
61
61
  "inverted.low": [
62
62
  "uy:bg-surface-inverted-low-enabled uy:text-content-inverted-enabled",
63
- "uy:data-[hovered=\"true\"]:bg-surface-inverted-low-hover uy:data-[hovered=\"true\"]:text-content-inverted-hover",
64
- "uy:active:bg-surface-inverted-low-active uy:active:text-content-inverted-active",
65
- "uy:data-[pressed=\"true\"]:bg-surface-inverted-low-pressed uy:data-[pressed=\"true\"]:text-content-inverted-pressed",
66
- "uy:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:data-[focus-visible=\"true\"]:text-content-inverted-focus uy:data-[focus-visible=\"true\"]:bg-surface-inverted-low-focus"
63
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-inverted-low-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
64
+ "uy:enabled:active:bg-surface-inverted-low-active uy:enabled:active:text-content-inverted-active",
65
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-inverted-low-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed",
66
+ "uy:enabled:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:enabled:data-[focus-visible=\"true\"]:text-content-inverted-focus uy:enabled:data-[focus-visible=\"true\"]:bg-surface-inverted-low-focus"
67
67
  ]
68
68
  },
69
69
  isDisabled: {
@@ -82,16 +82,16 @@ var t = e({
82
82
  color: {
83
83
  primary: [
84
84
  "uy:text-content-neutral-enabled uy:border-border-neutral-high-enabled",
85
- "uy:data-[hovered=\"true\"]:text-content-neutral-hover uy:data-[hovered=\"true\"]:border-border-neutral-high-hover",
86
- "uy:theme-legacy:data-[pressed=\"true\"]:text-content-neutral-high-pressed uy:theme-legacy:data-[pressed=\"true\"]:border-border-neutral-high-pressed",
87
- "uy:theme-rebrand:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
88
- "uy:data-[focus-visible=\"true\"]:border-border-neutral-high-focus uy:data-[focus-visible=\"true\"]:text-content-neutral-focus"
85
+ "uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover uy:enabled:data-[hovered=\"true\"]:border-border-neutral-high-hover",
86
+ "uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-neutral-high-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:border-border-neutral-high-pressed",
87
+ "uy:theme-rebrand:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
88
+ "uy:enabled:data-[focus-visible=\"true\"]:border-border-neutral-high-focus uy:enabled:data-[focus-visible=\"true\"]:text-content-neutral-focus"
89
89
  ],
90
90
  inverted: [
91
91
  "uy:text-content-inverted-enabled uy:border-border-inverted-enabled",
92
- "uy:theme-legacy:data-[pressed=\"true\"]:text-content-inverted-pressed uy:theme-legacy:data-[pressed=\"true\"]:border-border-inverted-pressed",
93
- "uy:theme-rebrand:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
94
- "uy:data-[focus-visible]:outline-utility-inverted-focus-ring"
92
+ "uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:border-border-inverted-pressed",
93
+ "uy:theme-rebrand:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
94
+ "uy:enabled:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring"
95
95
  ]
96
96
  },
97
97
  isDisabled: {
@@ -106,45 +106,45 @@ var t = e({
106
106
  color: {
107
107
  primary: [
108
108
  "uy:bg-transparent uy:theme-legacy:text-content-primary-enabled uy:theme-rebrand:text-content-neutral-enabled",
109
- "uy:theme-legacy:data-[hovered=\"true\"]:bg-surface-primary-lowest-hover uy:theme-rebrand:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:theme-legacy:data-[hovered=\"true\"]:text-content-primary-hover uy:theme-rebrand:data-[hovered=\"true\"]:text-content-neutral-hover",
110
- "uy:theme-legacy:active:bg-surface-primary-lowest-active uy:theme-rebrand:active:bg-surface-neutral-active uy:theme-legacy:active:text-content-primary-active uy:theme-rebrand:active:text-content-neutral-active",
111
- "uy:theme-legacy:data-[pressed=true]:bg-surface-primary-lowest-pressed uy:theme-rebrand:data-[pressed=true]:bg-surface-neutral-pressed uy:theme-legacy:data-[pressed=true]:text-content-primary-pressed uy:theme-rebrand:data-[pressed=true]:text-content-neutral-pressed",
112
- "uy:data-[focus-visible]:bg-transparent uy:theme-rebrand:data-[focus-visible]:text-content-neutral-focus"
109
+ "uy:theme-legacy:enabled:data-[hovered=\"true\"]:bg-surface-primary-lowest-hover uy:theme-rebrand:enabled:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:theme-legacy:enabled:data-[hovered=\"true\"]:text-content-primary-hover uy:theme-rebrand:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
110
+ "uy:theme-legacy:enabled:active:bg-surface-primary-lowest-active uy:theme-rebrand:enabled:active:bg-surface-neutral-active uy:theme-legacy:enabled:active:text-content-primary-active uy:theme-rebrand:enabled:active:text-content-neutral-active",
111
+ "uy:theme-legacy:enabled:data-[pressed=\"true\"]:bg-surface-primary-lowest-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:bg-surface-neutral-pressed uy:theme-legacy:enabled:data-[pressed=\"true\"]:text-content-primary-pressed uy:theme-rebrand:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
112
+ "uy:enabled:data-[focus-visible=\"true\"]:bg-transparent uy:theme-rebrand:enabled:data-[focus-visible=\"true\"]:text-content-neutral-focus"
113
113
  ],
114
114
  warning: [
115
115
  "uy:bg-transparent uy:text-content-warning-enabled",
116
- "uy:data-[hovered=\"true\"]:bg-surface-warning-lowest-hover uy:data-[hovered=\"true\"]:text-content-warning-hover",
117
- "uy:active:bg-surface-warning-lowest-active uy:active:text-content-warning-active",
118
- "uy:data-[pressed=true]:bg-surface-warning-lowest-pressed uy:data-[pressed=true]:text-content-warning-pressed",
119
- "uy:data-[focus-visible]:bg-transparent"
116
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-warning-lowest-hover uy:enabled:data-[hovered=\"true\"]:text-content-warning-hover",
117
+ "uy:enabled:active:bg-surface-warning-lowest-active uy:enabled:active:text-content-warning-active",
118
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-warning-lowest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-warning-pressed",
119
+ "uy:enabled:data-[focus-visible=\"true\"]:bg-transparent"
120
120
  ],
121
121
  danger: [
122
122
  "uy:bg-transparent uy:text-content-danger-enabled",
123
- "uy:data-[hovered=\"true\"]:bg-surface-danger-lowest-hover uy:data-[hovered=\"true\"]:text-content-danger-hover",
124
- "uy:active:bg-surface-danger-lowest-active uy:active:text-content-danger-active",
125
- "uy:data-[pressed=true]:bg-surface-danger-lowest-pressed uy:data-[pressed=true]:text-content-danger-pressed",
126
- "uy:data-[focus-visible]:bg-transparent"
123
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-danger-lowest-hover uy:enabled:data-[hovered=\"true\"]:text-content-danger-hover",
124
+ "uy:enabled:active:bg-surface-danger-lowest-active uy:enabled:active:text-content-danger-active",
125
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-danger-lowest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-danger-pressed",
126
+ "uy:enabled:data-[focus-visible=\"true\"]:bg-transparent"
127
127
  ],
128
128
  neutral: [
129
129
  "uy:bg-transparent uy:text-content-neutral-enabled",
130
- "uy:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
131
- "uy:active:bg-surface-neutral-active uy:active:text-content-neutral-active",
132
- "uy:data-[pressed=true]:bg-surface-neutral-pressed uy:data-[pressed=true]:text-content-neutral-pressed",
133
- "uy:data-[focus-visible]:bg-transparent"
130
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
131
+ "uy:enabled:active:bg-surface-neutral-active uy:enabled:active:text-content-neutral-active",
132
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
133
+ "uy:enabled:data-[focus-visible=\"true\"]:bg-transparent"
134
134
  ],
135
135
  "neutral.lowest": [
136
136
  "uy:bg-transparent uy:text-content-neutral-enabled",
137
- "uy:data-[hovered=\"true\"]:bg-surface-neutral-lowest-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
138
- "uy:active:bg-surface-neutral-lowest-active uy:active:text-content-neutral-active",
139
- "uy:data-[pressed=true]:bg-surface-neutral-lowest-pressed uy:data-[pressed=true]:text-content-neutral-pressed",
140
- "uy:data-[focus-visible]:bg-transparent"
137
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-lowest-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
138
+ "uy:enabled:active:bg-surface-neutral-lowest-active uy:enabled:active:text-content-neutral-active",
139
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-lowest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
140
+ "uy:enabled:data-[focus-visible=\"true\"]:bg-transparent"
141
141
  ],
142
142
  inverted: [
143
143
  "uy:bg-transparent uy:text-content-inverted-enabled",
144
- "uy:data-[hovered=\"true\"]:bg-surface-inverted-hover uy:data-[hovered=\"true\"]:text-content-inverted-hover",
145
- "uy:active:bg-surface-inverted-active uy:active:text-content-inverted-active",
146
- "uy:data-[pressed=true]:bg-surface-inverted-pressed uy:data-[pressed=true]:text-content-inverted-pressed",
147
- "uy:data-[focus-visible]:outline-utility-inverted-focus-ring uy:data-[focus-visible]:bg-transparent"
144
+ "uy:enabled:data-[hovered=\"true\"]:bg-surface-inverted-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
145
+ "uy:enabled:active:bg-surface-inverted-active uy:enabled:active:text-content-inverted-active",
146
+ "uy:enabled:data-[pressed=\"true\"]:bg-surface-inverted-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed",
147
+ "uy:enabled:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:enabled:data-[focus-visible=\"true\"]:bg-transparent"
148
148
  ]
149
149
  },
150
150
  isDisabled: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payfit/unity-components",
3
- "version": "2.60.5",
3
+ "version": "2.60.7",
4
4
  "module": "./dist/esm/index.js",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -96,7 +96,7 @@
96
96
  "tailwind-variants": "3.2.2",
97
97
  "usehooks-ts": "3.1.1",
98
98
  "zod": "4.4.3",
99
- "@payfit/unity-illustrations": "2.60.5"
99
+ "@payfit/unity-illustrations": "2.60.7"
100
100
  },
101
101
  "peerDependencies": {
102
102
  "@hookform/devtools": "^4",
@@ -108,8 +108,8 @@
108
108
  "react-hook-form": "^7",
109
109
  "react-router-dom": "^5",
110
110
  "zod": "^3 || ^4",
111
- "@payfit/unity-icons": "2.60.5",
112
- "@payfit/unity-themes": "2.60.5"
111
+ "@payfit/unity-icons": "2.60.7",
112
+ "@payfit/unity-themes": "2.60.7"
113
113
  },
114
114
  "devDependencies": {
115
115
  "@figma/code-connect": "1.4.9",
@@ -159,9 +159,9 @@
159
159
  "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
160
160
  "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
161
161
  "@payfit/storybook-config": "0.0.0-use.local",
162
- "@payfit/unity-icons": "2.60.5",
163
- "@payfit/unity-illustrations": "2.60.5",
164
- "@payfit/unity-themes": "2.60.5",
162
+ "@payfit/unity-icons": "2.60.7",
163
+ "@payfit/unity-illustrations": "2.60.7",
164
+ "@payfit/unity-themes": "2.60.7",
165
165
  "@payfit/vite-configs": "0.0.0-use.local"
166
166
  },
167
167
  "peerDependenciesMeta": {