@wix/editor-react-components 1.2216.0 → 1.2218.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.
@@ -31,7 +31,7 @@
31
31
  outline-offset: 1px;
32
32
  }
33
33
  .root__IB9QF:not(:disabled):not(.button--disabled):focus, .root__IB9QF:not(:disabled):not(.button--disabled):focus-visible {
34
- outline: 3px solid Highlight;
34
+ outline: 3px solid Highlight !important;
35
35
  outline-offset: 1px;
36
36
  }
37
37
  }
@@ -157,7 +157,7 @@
157
157
  outline-offset: 1px;
158
158
  }
159
159
  .root__IB9QF:not(:disabled):not(.button--disabled):focus, .root__IB9QF:not(:disabled):not(.button--disabled):focus-visible {
160
- outline: 3px solid Highlight;
160
+ outline: 3px solid Highlight !important;
161
161
  outline-offset: 1px;
162
162
  }
163
163
  }
@@ -38,6 +38,20 @@
38
38
  width: var(--item-size);
39
39
  height: var(--item-size);
40
40
  }
41
+ @media (forced-colors: active) {
42
+ .root__yd5w0 .container__fHurD .listItem__riFn4 .link__sg7qR:is(a) {
43
+ outline: 2px solid ButtonText;
44
+ outline-offset: 0;
45
+ }
46
+ .root__yd5w0 .container__fHurD .listItem__riFn4 .link__sg7qR:is(a):hover {
47
+ outline: 3px solid Highlight;
48
+ outline-offset: -2px;
49
+ }
50
+ .root__yd5w0 .container__fHurD .listItem__riFn4 .link__sg7qR:is(a):focus, .root__yd5w0 .container__fHurD .listItem__riFn4 .link__sg7qR:is(a):focus-visible {
51
+ outline: 3px solid Highlight !important;
52
+ outline-offset: 1px;
53
+ }
54
+ }
41
55
  .fallbackDirection__HeRgn:not([dir]) {
42
56
  direction: var(--wix-opt-in-direction);
43
57
  }
@@ -71,7 +71,7 @@
71
71
  outline-offset: 1px;
72
72
  }
73
73
  .root__IB9QF:not(:disabled):not(.button--disabled):focus, .root__IB9QF:not(:disabled):not(.button--disabled):focus-visible {
74
- outline: 3px solid Highlight;
74
+ outline: 3px solid Highlight !important;
75
75
  outline-offset: 1px;
76
76
  }
77
77
  }
@@ -114,13 +114,12 @@
114
114
  [data-open]:not([data-animation-state=exitActive]):not([data-animation-state=exitDone]) > .itemWrapper__sn71X > .labelContainer__E4y-p .dropdownToggleButton__nisoC, .labelContainer__E4y-p[data-interactive=true]:hover .dropdownToggleButton__nisoC, .labelContainer__E4y-p[data-preview=hover] .dropdownToggleButton__nisoC, .labelContainer__E4y-p.hover__tD6A4 .dropdownToggleButton__nisoC, .labelContainer__E4y-p.menu__item--hover .dropdownToggleButton__nisoC, .labelContainer__E4y-p[data-selected] .dropdownToggleButton__nisoC, .labelContainer__E4y-p[data-preview=selected] .dropdownToggleButton__nisoC, .labelContainer__E4y-p.selected__qC-k6 .dropdownToggleButton__nisoC, .labelContainer__E4y-p.menu__item--selected .dropdownToggleButton__nisoC {
115
115
  color: Highlight;
116
116
  }
117
- .labelContainer__E4y-p:focus-within {
118
- outline: 3px solid Highlight;
117
+ .labelContainer__E4y-p > a:focus, .labelContainer__E4y-p > a:focus-visible,
118
+ .labelContainer__E4y-p .dropdownToggleButton__nisoC:focus,
119
+ .labelContainer__E4y-p .dropdownToggleButton__nisoC:focus-visible {
120
+ outline: 3px solid Highlight !important;
119
121
  outline-offset: 1px;
120
122
  }
121
- .labelContainer__E4y-p:focus-within .dropdownToggleButton__nisoC {
122
- color: Highlight;
123
- }
124
123
  }
125
124
 
126
125
  @media (forced-colors: active) {
@@ -429,7 +428,7 @@
429
428
  outline-offset: -2px;
430
429
  }
431
430
  .item__nS3PO:focus, .item__nS3PO:focus-visible, .item__nS3PO:focus-within {
432
- outline: 3px solid Highlight;
431
+ outline: 3px solid Highlight !important;
433
432
  outline-offset: 1px;
434
433
  }
435
434
  }
@@ -482,7 +481,7 @@
482
481
  outline-offset: -2px;
483
482
  }
484
483
  .subItem__3ieV0:focus, .subItem__3ieV0:focus-visible, .subItem__3ieV0:focus-within {
485
- outline: 3px solid Highlight;
484
+ outline: 3px solid Highlight !important;
486
485
  outline-offset: 1px;
487
486
  }
488
487
  }
@@ -964,7 +963,7 @@
964
963
  outline-offset: 1px;
965
964
  }
966
965
  .root__IB9QF:not(:disabled):not(.button--disabled):focus, .root__IB9QF:not(:disabled):not(.button--disabled):focus-visible {
967
- outline: 3px solid Highlight;
966
+ outline: 3px solid Highlight !important;
968
967
  outline-offset: 1px;
969
968
  }
970
969
  }
@@ -3,8 +3,8 @@ import { D as DESCRIPTIONS, a as DISPLAY_NAMES, s as selectors } from "../chunks
3
3
  import { m as manifestFocusable, a as manifestMouseHover, b as manifestClickable, c as manifestChangeable } from "../chunks/manifestSdkMixins.js";
4
4
  import { g as getSelector } from "../chunks/manifest.js";
5
5
  const manifest = {
6
- id: "45b0e187-ebc8-4ab6-9ce3-f370aa55e86b",
7
- type: "wixEditorElements.MultiStateBox__DEV__v6",
6
+ id: "32d6f6fe-72ef-4490-82aa-d3b13cce6ef1",
7
+ type: "wixEditorElements.MultiStateBox",
8
8
  description: "A component that holds multiple states (each state is a container), displaying only one state at a time",
9
9
  installation: {
10
10
  initialSize: {
@@ -114,7 +114,8 @@ const manifest = {
114
114
  }
115
115
  },
116
116
  client: {
117
- componentUrl: "./site/components/MultiStateBox/component.tsx"
117
+ componentUrl: "./site/components/MultiStateBox/component.tsx",
118
+ moduleSpecifier: "@wix/editor-react-components/MultiStateBox"
118
119
  }
119
120
  },
120
121
  moduleConfiguration: {
@@ -41,7 +41,8 @@ const manifest = {
41
41
  "renderItem",
42
42
  "isLoadingFunc",
43
43
  "hasMoreFunc",
44
- "onLoadMoreFunc"
44
+ "onLoadMoreFunc",
45
+ "activeItem"
45
46
  ]
46
47
  },
47
48
  actions: {
@@ -59,6 +60,10 @@ const manifest = {
59
60
  dynamicItems: true
60
61
  }
61
62
  },
63
+ activeItem: {
64
+ dataType: DATA.DATA_TYPE.number,
65
+ displayName: "Active item"
66
+ },
62
67
  renderItem: {
63
68
  dataType: DATA.DATA_TYPE.container,
64
69
  [DATA.DATA_TYPE.container]: {
@@ -143,6 +148,14 @@ const manifest = {
143
148
  justifyContent: { displayName: "Alignment" }
144
149
  },
145
150
  displayGroups: {
151
+ items: {
152
+ displayName: DisplayNames.root.data.items,
153
+ groupType: DISPLAY_GROUPS.GROUP_TYPE.arrayItems,
154
+ arrayItems: {
155
+ arrayItems: "items",
156
+ selectedItemIndex: "activeItem"
157
+ }
158
+ },
146
159
  itemsPerRowGroup: {
147
160
  groupType: DISPLAY_GROUPS.GROUP_TYPE.cssDataType,
148
161
  cssDataType: {
@@ -483,7 +483,7 @@
483
483
  outline-offset: 1px;
484
484
  }
485
485
  .root__IB9QF:not(:disabled):not(.button--disabled):focus, .root__IB9QF:not(:disabled):not(.button--disabled):focus-visible {
486
- outline: 3px solid Highlight;
486
+ outline: 3px solid Highlight !important;
487
487
  outline-offset: 1px;
488
488
  }
489
489
  }
@@ -123,7 +123,7 @@
123
123
  outline-offset: -2px;
124
124
  }
125
125
  .menu-item__BJ1CW:focus, .menu-item__BJ1CW:focus-visible {
126
- outline: 3px solid Highlight;
126
+ outline: 3px solid Highlight !important;
127
127
  outline-offset: 1px;
128
128
  }
129
129
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/editor-react-components",
3
- "version": "1.2216.0",
3
+ "version": "1.2218.0",
4
4
  "description": "React components for the Wix Editor",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -74,7 +74,7 @@
74
74
  "@vis.gl/react-google-maps": "^1.5.2",
75
75
  "@wix/services-manager-react": "^0.1.27",
76
76
  "@wix/video": "^1.85.0",
77
- "@wix/wix-ui-icons-common": "^3.114.0",
77
+ "@wix/wix-ui-icons-common": "^3.173.0",
78
78
  "bidi-js": "^1.0.3",
79
79
  "color": "^4.2.3",
80
80
  "html-react-parser": "^5.1.18",
@@ -102,8 +102,8 @@
102
102
  "@wix/astro": "^2.39.0",
103
103
  "@wix/business-tools": "^1.0.225",
104
104
  "@wix/ci-build-info": "^1.0.333",
105
- "@wix/cli": "^1.1.219",
106
- "@wix/cli-app": "^1.1.219",
105
+ "@wix/cli": "^1.1.220",
106
+ "@wix/cli-app": "^1.1.220",
107
107
  "@wix/component-protocol": "^1.237.0",
108
108
  "@wix/component-storybook-utils": "^1.0.0",
109
109
  "@wix/components-infra": "^1.0.0",
@@ -123,10 +123,10 @@
123
123
  "@wix/janet-build": "^1.0.10",
124
124
  "@wix/janet-dev-server": "^1.16.22",
125
125
  "@wix/mappers-legacy-service": "^1.0.80",
126
- "@wix/media": "^1.0.259",
126
+ "@wix/media": "^1.0.261",
127
127
  "@wix/react-component-schema": "^1.7.0",
128
128
  "@wix/seo-service": "^1.5.0",
129
- "@wix/sled-playwright": "^1.293.0",
129
+ "@wix/sled-playwright": "^1.302.0",
130
130
  "@wix/thunderbolt-components-native": "^1.0.0",
131
131
  "@wix/thunderbolt-elements": "^1.0.0",
132
132
  "@wix/thunderbolt-symbols": "^1.1977.3146",
@@ -188,5 +188,5 @@
188
188
  "registry": "https://registry.npmjs.org/",
189
189
  "access": "public"
190
190
  },
191
- "falconPackageHash": "9e3a78187e76505b60d62b5eaa0f09c97581da78b7587ba33c97cae3"
191
+ "falconPackageHash": "758900af12d69a861a3a414483439debad598d898e13bf78fa2e9e92"
192
192
  }