@wix/editor-react-components 1.2417.0 → 1.2418.0

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.
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { useState } from "react";
3
3
  import { c as clsx } from "../chunks/clsx.js";
4
- import { F as Field, d as Checkbox, T as Tooltip } from "../chunks/index11.js";
4
+ import { F as Field, e as Checkbox, T as Tooltip } from "../chunks/index11.js";
5
5
  import { useService } from "@wix/services-manager-react";
6
6
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
7
7
  import { f as formatClassNames } from "../chunks/classNames.js";
@@ -146,9 +146,18 @@
146
146
  }
147
147
 
148
148
  .errorMessage__PtMqM {
149
+ display: flex;
150
+ flex-direction: row;
151
+ align-items: center;
152
+ gap: 4px;
149
153
  font: normal normal normal 12px/1.4em madefor-text, sans-serif;
150
154
  color: var(--errorTextColor, #ff4040);
151
155
  }
156
+ .errorMessage__PtMqM svg {
157
+ flex: none;
158
+ width: 18px;
159
+ height: 18px;
160
+ }
152
161
 
153
162
  .tooltipButton__EXd4N {
154
163
  flex: none;
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { c as clsx } from "../chunks/clsx.js";
3
- import { a as Fieldset, T as Tooltip, c as CheckboxGroup_CheckboxGroup_CheckboxGroup, d as Checkbox } from "../chunks/index11.js";
3
+ import { a as Fieldset, T as Tooltip, d as CheckboxGroup_CheckboxGroup_CheckboxGroup, e as Checkbox } from "../chunks/index11.js";
4
4
  import "react";
5
5
  import { useService } from "@wix/services-manager-react";
6
6
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { useState } from "react";
3
3
  import { c as clsx } from "../chunks/clsx.js";
4
- import { a as Fieldset, T as Tooltip, R as RadioGroup_RadioGroup_RadioGroup, b as Radio } from "../chunks/index11.js";
4
+ import { a as Fieldset, T as Tooltip, R as RadioGroup_RadioGroup_RadioGroup, b as Radio, c as InfoCircle_default } from "../chunks/index11.js";
5
5
  import { useService } from "@wix/services-manager-react";
6
6
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
7
7
  import { f as formatClassNames } from "../chunks/classNames.js";
@@ -228,7 +228,7 @@ function RadioButtonsComponent(props) {
228
228
  ))
229
229
  }
230
230
  ),
231
- isInvalid && validity.validationMessage && /* @__PURE__ */ jsx(
231
+ isInvalid && validity.validationMessage && /* @__PURE__ */ jsxs(
232
232
  "div",
233
233
  {
234
234
  id: errorId,
@@ -237,7 +237,10 @@ function RadioButtonsComponent(props) {
237
237
  formatClassNames(semanticClassNames.errorMessage)
238
238
  ),
239
239
  "data-testid": TestIds.errorMessage,
240
- children: validity.validationMessage
240
+ children: [
241
+ /* @__PURE__ */ jsx(InfoCircle_default, { "aria-hidden": "true" }),
242
+ validity.validationMessage
243
+ ]
241
244
  }
242
245
  )
243
246
  ] })
@@ -164,8 +164,17 @@
164
164
 
165
165
  .errorMessage__F6jDK {
166
166
  align-self: var(--alignment, flex-start);
167
+ display: flex;
168
+ flex-direction: row;
169
+ align-items: center;
170
+ gap: 4px;
167
171
  font: normal normal normal 12px/1.4em madefor-text, sans-serif;
168
172
  color: var(--errorTextColor, #e62214);
173
+ }
174
+ .errorMessage__F6jDK svg {
175
+ flex: none;
176
+ width: 18px;
177
+ height: 18px;
169
178
  }.radio-buttons {
170
179
  --radiosSpacing: 6px;
171
180
  --labelSpacing: 16px;
@@ -14,9 +14,18 @@
14
14
  }
15
15
 
16
16
  .errorMessage__K0qsG {
17
+ display: flex;
18
+ flex-direction: row;
19
+ align-items: center;
20
+ gap: 4px;
17
21
  font: normal normal normal 12px/1.4em madefor-text, sans-serif;
18
22
  color: var(--errorTextColor, #ff4040);
19
23
  }
24
+ .errorMessage__K0qsG svg {
25
+ flex: none;
26
+ width: 18px;
27
+ height: 18px;
28
+ }
20
29
 
21
30
  .root__dlp5n .field__i7dfL {
22
31
  gap: 0;
@@ -30434,6 +30434,7 @@ export {
30434
30434
  Tooltip as T,
30435
30435
  Fieldset as a,
30436
30436
  Radio as b,
30437
- CheckboxGroup_CheckboxGroup_CheckboxGroup as c,
30438
- Checkbox as d
30437
+ InfoCircle_default as c,
30438
+ CheckboxGroup_CheckboxGroup_CheckboxGroup as d,
30439
+ Checkbox as e
30439
30440
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/editor-react-components",
3
- "version": "1.2417.0",
3
+ "version": "1.2418.0",
4
4
  "description": "React components for the Wix Editor",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -197,5 +197,5 @@
197
197
  "registry": "https://registry.npmjs.org/",
198
198
  "access": "public"
199
199
  },
200
- "falconPackageHash": "d20d1592ca00bc81e0c098a84a03e63af9872ec70031662f188e0d2f"
200
+ "falconPackageHash": "2c7f8e41d9c5beb0aa71bf08876245cb60111c623a0ec1e982b6f0c2"
201
201
  }