@wix/form-public 0.501.0 → 0.503.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.
package/dist/index.css CHANGED
@@ -1,177 +1,177 @@
1
1
  @charset "UTF-8";
2
2
 
3
3
  /* ../../node_modules/@wix/ricos/css/plugin-collapsible-list-viewer.global.css */
4
- .pP-ZD {
4
+ .wcnC4 {
5
+ direction: ltr;
6
+ }
7
+ .TYhBe {
8
+ direction: rtl;
9
+ }
10
+ .hwP-L {
11
+ background: transparent;
12
+ border: none;
13
+ cursor: pointer;
14
+ display: flex;
15
+ outline: none;
16
+ padding-inline-end: 14px;
17
+ padding-inline-start: 10px;
18
+ }
19
+ .hwP-L:hover {
20
+ opacity: .7;
21
+ }
22
+ .TYhBe .hwP-L {
23
+ transform: scaleX(-1);
24
+ }
25
+ .hwP-L:focus-visible .p4Uei {
26
+ outline: 5px auto Highlight;
27
+ outline: 5px auto -webkit-focus-ring-color;
28
+ }
29
+ .hwP-L .p4Uei {
30
+ outline: none;
31
+ transition: transform .15s linear;
32
+ fill: #646464;
33
+ color: #646464;
34
+ }
35
+ .hwP-L .p4Uei.otDxZ {
36
+ transform: rotate(90deg);
37
+ }
38
+ .J2VbX {
39
+ overflow-wrap: break-word;
40
+ width: 100%;
41
+ word-break: break-word;
42
+ }
43
+ @media print {
44
+ .hwP-L .p4Uei {
45
+ transform: rotate(90deg) !important;
46
+ }
47
+ }
48
+ ._0tDlu {
5
49
  align-items: center;
6
50
  cursor: auto;
7
51
  display: flex;
8
52
  margin: 12px 0;
9
53
  }
10
- .pP-ZD .HG6KJ {
54
+ ._0tDlu .aqB7B {
11
55
  flex: 1;
12
56
  }
13
- .pP-ZD p[data-text-align=right][data-placeholder]:first-child:before {
57
+ ._0tDlu p[data-text-align=right][data-placeholder]:first-child:before {
14
58
  left: 0;
15
59
  right: 0;
16
60
  text-align: right;
17
61
  width: 100%;
18
62
  }
19
- .pP-ZD p[data-text-align=left][data-placeholder]:first-child:before {
63
+ ._0tDlu p[data-text-align=left][data-placeholder]:first-child:before {
20
64
  left: 0;
21
65
  right: 0;
22
66
  text-align: left;
23
67
  width: 100%;
24
68
  }
25
- .giC9V {
69
+ ._5x1Ru {
26
70
  margin: 10px 0 12px;
27
71
  }
28
- .aeIcb {
72
+ .IyNSf {
29
73
  margin: 0;
30
74
  min-height: 48px;
31
75
  }
32
- .aeIcb.giC9V {
76
+ .IyNSf._5x1Ru {
33
77
  cursor: pointer;
34
78
  margin: 2px 0;
35
79
  }
36
- .YgXL4 {
80
+ .am8sI {
37
81
  align-self: start;
38
82
  display: flex;
39
83
  outline: none;
40
84
  padding-top: 12px;
41
85
  }
42
- .Dh-BB {
86
+ .ItpdI {
43
87
  cursor: grab;
44
88
  padding-top: 12px;
45
89
  position: absolute;
46
90
  }
47
- .Dh-BB:hover {
91
+ .ItpdI:hover {
48
92
  opacity: .7;
49
93
  }
50
- .Dh-BB svg {
94
+ .ItpdI svg {
51
95
  fill: #646464;
52
96
  color: #646464;
53
97
  }
54
- .O-gO0 {
98
+ ._3J1hh {
55
99
  right: -23px;
56
100
  }
57
- .Lea4V {
101
+ .f8I7- {
58
102
  left: -23px;
59
103
  }
60
- .tiPxU {
104
+ .JZ7RX {
61
105
  display: flex;
62
106
  flex-direction: row;
63
107
  position: relative;
64
108
  }
65
- .tiPxU p[data-text-align=right][data-placeholder]:first-child:before {
109
+ .JZ7RX p[data-text-align=right][data-placeholder]:first-child:before {
66
110
  left: 0;
67
111
  right: 0;
68
112
  text-align: right;
69
113
  width: 100%;
70
114
  }
71
- .tiPxU p[data-text-align=left][data-placeholder]:first-child:before {
115
+ .JZ7RX p[data-text-align=left][data-placeholder]:first-child:before {
72
116
  left: 0;
73
117
  right: 0;
74
118
  text-align: left;
75
119
  width: 100%;
76
120
  }
77
- .i7-xv {
121
+ ._1uew1 {
78
122
  margin: 2px 0;
79
123
  }
80
- ._7V-TQ {
124
+ .Jojl8 {
81
125
  cursor: pointer;
82
126
  display: flex;
83
127
  flex-direction: row;
84
128
  outline: none;
85
129
  width: 100%;
86
130
  }
87
- ._7V-TQ:focus-visible {
131
+ .Jojl8:focus-visible {
88
132
  outline: 5px auto Highlight !important;
89
133
  outline: 5px auto -webkit-focus-ring-color !important;
90
134
  }
91
- .br7MN {
135
+ .fVOK9 {
92
136
  display: flex;
93
137
  flex-direction: row;
94
138
  }
95
- .nJdcG {
139
+ ._3qQ6k {
96
140
  flex: 0 0 48px;
97
141
  }
98
- ._2JsgF {
142
+ ._1nDrt {
99
143
  cursor: grabbing;
100
144
  }
101
- .IhmYV {
145
+ .MftDc {
102
146
  min-width: 0;
103
147
  width: 100%;
104
148
  }
105
- .GnJ-L {
149
+ .f9ipz {
106
150
  display: flex;
107
151
  flex-direction: column;
108
152
  min-width: 0;
109
153
  width: 100%;
110
154
  }
111
- .NQI5- {
155
+ .jMwHJ {
112
156
  --ricos-custom-editor-add-plugin-button-position-inline-start:-36px;
113
157
  }
114
- .VSfUm {
158
+ ._7CkIc {
115
159
  display: none;
116
160
  }
117
161
  @media print {
118
- .VSfUm {
162
+ ._7CkIc {
119
163
  display: block !important;
120
164
  }
121
165
  }
122
- .X-yYP {
123
- direction: ltr;
124
- }
125
- ._7BxmJ {
126
- direction: rtl;
127
- }
128
- .tMGr7 {
129
- background: transparent;
130
- border: none;
131
- cursor: pointer;
132
- display: flex;
133
- outline: none;
134
- padding-inline-end: 14px;
135
- padding-inline-start: 10px;
136
- }
137
- .tMGr7:hover {
138
- opacity: .7;
139
- }
140
- ._7BxmJ .tMGr7 {
141
- transform: scaleX(-1);
142
- }
143
- .tMGr7:focus-visible ._5cyIB {
144
- outline: 5px auto Highlight;
145
- outline: 5px auto -webkit-focus-ring-color;
146
- }
147
- .tMGr7 ._5cyIB {
148
- outline: none;
149
- transition: transform .15s linear;
150
- fill: #646464;
151
- color: #646464;
152
- }
153
- .tMGr7 ._5cyIB.oeubN {
154
- transform: rotate(90deg);
155
- }
156
- .RgL3v {
157
- overflow-wrap: break-word;
158
- width: 100%;
159
- word-break: break-word;
160
- }
161
- @media print {
162
- .tMGr7 ._5cyIB {
163
- transform: rotate(90deg) !important;
164
- }
165
- }
166
166
 
167
167
  /* ../../node_modules/@wix/ricos/css/plugin-link-viewer.global.css */
168
- .QyOlP {
168
+ .d-cud {
169
169
  font-family: var(--ricos-font-family,unset);
170
170
  }
171
171
  .glob_fontElementMap {
172
172
  font-family: var(--ricos-font-family,unset);
173
173
  }
174
- .At0G3 {
174
+ ._8VmTj {
175
175
  color: var(--ricos-custom-link-color,var(--ricos-action-color,#116dff));
176
176
  font-family: var(--ricos-custom-link-font-family,unset);
177
177
  font-size: var(--ricos-custom-link-font-size,unset);
@@ -182,25 +182,25 @@
182
182
  min-height: var(--ricos-custom-link-min-height,unset);
183
183
  text-decoration: var(--ricos-custom-link-text-decoration,none);
184
184
  }
185
- [data-ricos-font~=link] .At0G3 {
185
+ [data-ricos-font~=link] ._8VmTj {
186
186
  font: var(--ricos-custom-link-font);
187
187
  }
188
- [data-ricos-font~=link-font-style] .At0G3 {
188
+ [data-ricos-font~=link-font-style] ._8VmTj {
189
189
  font-style: var(--ricos-custom-link-font-style);
190
190
  }
191
- [data-ricos-font~=link-font-weight] .At0G3 {
191
+ [data-ricos-font~=link-font-weight] ._8VmTj {
192
192
  font-weight: var(--ricos-custom-link-font-weight);
193
193
  }
194
- [data-ricos-font~=link-font-size] .At0G3 {
194
+ [data-ricos-font~=link-font-size] ._8VmTj {
195
195
  font-size: var(--ricos-custom-link-font-size);
196
196
  }
197
- [data-ricos-font~=link-line-height] .At0G3 {
197
+ [data-ricos-font~=link-line-height] ._8VmTj {
198
198
  line-height: var(--ricos-custom-link-line-height);
199
199
  }
200
- .LXmz1:hover {
200
+ .k88te:hover {
201
201
  cursor: text;
202
202
  }
203
- .jypQf:hover {
203
+ .EVYv1:hover {
204
204
  cursor: pointer;
205
205
  }
206
206
 
@@ -2663,8 +2663,11 @@
2663
2663
  }
2664
2664
  .dropdownPopover {
2665
2665
  width: var(--trigger-width);
2666
+ padding: 4px 0;
2667
+ overflow: hidden;
2666
2668
  }
2667
2669
  .selectPopover {
2670
+ box-sizing: border-box;
2668
2671
  font: var( --wst-paragraph-1-font, 400 16px/normal var(--wix-font-stack, sans-serif) );
2669
2672
  background-color: var(--wst-primary-background-color, #ffffff);
2670
2673
  border-style: solid;
@@ -2676,8 +2679,7 @@
2676
2679
  max-height: none !important;
2677
2680
  }
2678
2681
  .selectPopover [role=listbox] {
2679
- max-height: 240px;
2680
- padding: 4px 0;
2682
+ max-height: var(--popoverMaxHeight, 240px);
2681
2683
  overflow: auto;
2682
2684
  outline: none;
2683
2685
  }
@@ -2685,22 +2687,26 @@
2685
2687
  overflow-wrap: anywhere;
2686
2688
  white-space: normal;
2687
2689
  padding: 8px 12px;
2688
- font: inherit;
2690
+ font: var( --wst-paragraph-1-font, 400 16px/normal var(--wix-font-stack, sans-serif) );
2689
2691
  color: var(--wst-graphics-1-color, #000000);
2690
2692
  cursor: pointer;
2691
2693
  outline: none;
2694
+ position: relative;
2695
+ isolation: isolate;
2696
+ }
2697
+ .selectOption::before {
2698
+ content: "";
2699
+ position: absolute;
2700
+ inset: 0;
2701
+ z-index: -1;
2702
+ pointer-events: none;
2692
2703
  }
2693
- .selectOption[data-hovered],
2694
- .selectOption[data-focused] {
2704
+ .selectOption:where(.selectOptionHover)::before {
2695
2705
  background-color: color-mix(in srgb, currentcolor 6%, transparent);
2696
2706
  }
2697
- .selectOption[data-selected] {
2707
+ .selectOption:where(.selectOptionSelected)::before {
2698
2708
  background-color: color-mix(in srgb, currentcolor 12%, transparent);
2699
2709
  }
2700
- .selectOption[data-selected][data-hovered],
2701
- .selectOption[data-selected][data-focused] {
2702
- background-color: color-mix(in srgb, currentcolor 16%, transparent);
2703
- }
2704
2710
  .selectOption[data-focus-visible]:not(.selectOptionWithoutFocusRing) {
2705
2711
  box-shadow: inset 0 0 0 2px #116dff, inset 0 0 0 3px #ffffff;
2706
2712
  }
@@ -2927,6 +2933,9 @@
2927
2933
  background-color: Highlight;
2928
2934
  box-shadow: none;
2929
2935
  }
2936
+ .selectOption::before {
2937
+ display: none;
2938
+ }
2930
2939
  .selectOption[data-selected] {
2931
2940
  outline: 2px solid Highlight;
2932
2941
  outline-offset: -2px;