@wix/form-public 0.520.0 → 0.522.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
- .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 {
4
+ ._8lJat {
49
5
  align-items: center;
50
6
  cursor: auto;
51
7
  display: flex;
52
8
  margin: 12px 0;
53
9
  }
54
- ._0tDlu .aqB7B {
10
+ ._8lJat .gu-cn {
55
11
  flex: 1;
56
12
  }
57
- ._0tDlu p[data-text-align=right][data-placeholder]:first-child:before {
13
+ ._8lJat p[data-text-align=right][data-placeholder]:first-child:before {
58
14
  left: 0;
59
15
  right: 0;
60
16
  text-align: right;
61
17
  width: 100%;
62
18
  }
63
- ._0tDlu p[data-text-align=left][data-placeholder]:first-child:before {
19
+ ._8lJat p[data-text-align=left][data-placeholder]:first-child:before {
64
20
  left: 0;
65
21
  right: 0;
66
22
  text-align: left;
67
23
  width: 100%;
68
24
  }
69
- ._5x1Ru {
25
+ .gGeXY {
70
26
  margin: 10px 0 12px;
71
27
  }
72
- .IyNSf {
28
+ .b7cL1 {
73
29
  margin: 0;
74
30
  min-height: 48px;
75
31
  }
76
- .IyNSf._5x1Ru {
32
+ .b7cL1.gGeXY {
77
33
  cursor: pointer;
78
34
  margin: 2px 0;
79
35
  }
80
- .am8sI {
36
+ ._0KJjg {
81
37
  align-self: start;
82
38
  display: flex;
83
39
  outline: none;
84
40
  padding-top: 12px;
85
41
  }
86
- .ItpdI {
42
+ .Zd1Kn {
87
43
  cursor: grab;
88
44
  padding-top: 12px;
89
45
  position: absolute;
90
46
  }
91
- .ItpdI:hover {
47
+ .Zd1Kn:hover {
92
48
  opacity: .7;
93
49
  }
94
- .ItpdI svg {
50
+ .Zd1Kn svg {
95
51
  fill: #646464;
96
52
  color: #646464;
97
53
  }
98
- ._3J1hh {
54
+ .etsBJ {
99
55
  right: -23px;
100
56
  }
101
- .f8I7- {
57
+ .CavJ5 {
102
58
  left: -23px;
103
59
  }
104
- .JZ7RX {
60
+ ._6yEx5 {
105
61
  display: flex;
106
62
  flex-direction: row;
107
63
  position: relative;
108
64
  }
109
- .JZ7RX p[data-text-align=right][data-placeholder]:first-child:before {
65
+ ._6yEx5 p[data-text-align=right][data-placeholder]:first-child:before {
110
66
  left: 0;
111
67
  right: 0;
112
68
  text-align: right;
113
69
  width: 100%;
114
70
  }
115
- .JZ7RX p[data-text-align=left][data-placeholder]:first-child:before {
71
+ ._6yEx5 p[data-text-align=left][data-placeholder]:first-child:before {
116
72
  left: 0;
117
73
  right: 0;
118
74
  text-align: left;
119
75
  width: 100%;
120
76
  }
121
- ._1uew1 {
77
+ .c5rxA {
122
78
  margin: 2px 0;
123
79
  }
124
- .Jojl8 {
80
+ ._12Sch {
125
81
  cursor: pointer;
126
82
  display: flex;
127
83
  flex-direction: row;
128
84
  outline: none;
129
85
  width: 100%;
130
86
  }
131
- .Jojl8:focus-visible {
87
+ ._12Sch:focus-visible {
132
88
  outline: 5px auto Highlight !important;
133
89
  outline: 5px auto -webkit-focus-ring-color !important;
134
90
  }
135
- .fVOK9 {
91
+ .bDXtO {
136
92
  display: flex;
137
93
  flex-direction: row;
138
94
  }
139
- ._3qQ6k {
95
+ .AWxVW {
140
96
  flex: 0 0 48px;
141
97
  }
142
- ._1nDrt {
98
+ .kERqn {
143
99
  cursor: grabbing;
144
100
  }
145
- .MftDc {
101
+ .jbfsV {
146
102
  min-width: 0;
147
103
  width: 100%;
148
104
  }
149
- .f9ipz {
105
+ ._3cs2N {
150
106
  display: flex;
151
107
  flex-direction: column;
152
108
  min-width: 0;
153
109
  width: 100%;
154
110
  }
155
- .jMwHJ {
111
+ ._4pTJf {
156
112
  --ricos-custom-editor-add-plugin-button-position-inline-start:-36px;
157
113
  }
158
- ._7CkIc {
114
+ ._4aA9N {
159
115
  display: none;
160
116
  }
161
117
  @media print {
162
- ._7CkIc {
118
+ ._4aA9N {
163
119
  display: block !important;
164
120
  }
165
121
  }
122
+ .Q5CeZ {
123
+ direction: ltr;
124
+ }
125
+ ._1TVIy {
126
+ direction: rtl;
127
+ }
128
+ .VjBHf {
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
+ .VjBHf:hover {
138
+ opacity: .7;
139
+ }
140
+ ._1TVIy .VjBHf {
141
+ transform: scaleX(-1);
142
+ }
143
+ .VjBHf:focus-visible .QY5SO {
144
+ outline: 5px auto Highlight;
145
+ outline: 5px auto -webkit-focus-ring-color;
146
+ }
147
+ .VjBHf .QY5SO {
148
+ outline: none;
149
+ transition: transform .15s linear;
150
+ fill: #646464;
151
+ color: #646464;
152
+ }
153
+ .VjBHf .QY5SO._8Wzhz {
154
+ transform: rotate(90deg);
155
+ }
156
+ .normT {
157
+ overflow-wrap: break-word;
158
+ width: 100%;
159
+ word-break: break-word;
160
+ }
161
+ @media print {
162
+ .VjBHf .QY5SO {
163
+ transform: rotate(90deg) !important;
164
+ }
165
+ }
166
166
 
167
167
  /* ../../node_modules/@wix/ricos/css/plugin-link-viewer.global.css */
168
- .d-cud {
168
+ .zbI-D {
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
- ._8VmTj {
174
+ .VPT-Q {
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] ._8VmTj {
185
+ [data-ricos-font~=link] .VPT-Q {
186
186
  font: var(--ricos-custom-link-font);
187
187
  }
188
- [data-ricos-font~=link-font-style] ._8VmTj {
188
+ [data-ricos-font~=link-font-style] .VPT-Q {
189
189
  font-style: var(--ricos-custom-link-font-style);
190
190
  }
191
- [data-ricos-font~=link-font-weight] ._8VmTj {
191
+ [data-ricos-font~=link-font-weight] .VPT-Q {
192
192
  font-weight: var(--ricos-custom-link-font-weight);
193
193
  }
194
- [data-ricos-font~=link-font-size] ._8VmTj {
194
+ [data-ricos-font~=link-font-size] .VPT-Q {
195
195
  font-size: var(--ricos-custom-link-font-size);
196
196
  }
197
- [data-ricos-font~=link-line-height] ._8VmTj {
197
+ [data-ricos-font~=link-line-height] .VPT-Q {
198
198
  line-height: var(--ricos-custom-link-line-height);
199
199
  }
200
- .k88te:hover {
200
+ .-gCim:hover {
201
201
  cursor: text;
202
202
  }
203
- .EVYv1:hover {
203
+ .rE-rJ:hover {
204
204
  cursor: pointer;
205
205
  }
206
206
 
@@ -320,10 +320,11 @@
320
320
  z-index: 1;
321
321
  display: flex;
322
322
  justify-content: center;
323
- align-items: center;
323
+ align-items: safe center;
324
324
  background: rgba(var(--wix-forms-formBackground));
325
325
  }
326
- .disabledFormOverlay > div {
326
+ .disabledFormOverlay > div,
327
+ .disabledFormOverlay > div > div {
327
328
  width: 100%;
328
329
  height: auto;
329
330
  }
@@ -2860,48 +2861,6 @@
2860
2861
  outline: 2px solid #116dff;
2861
2862
  outline-offset: 1px;
2862
2863
  }
2863
- .uploadButton {
2864
- box-sizing: border-box;
2865
- display: inline-flex;
2866
- align-items: center;
2867
- justify-content: center;
2868
- gap: 8px;
2869
- max-width: 100%;
2870
- padding: 11px 15px;
2871
- font: var( --wst-button-primary-font, 400 16px/1.2 var(--wix-font-stack, sans-serif) );
2872
- color: var(--wst-button-primary-color, #ffffff);
2873
- background-color: var( --wst-button-primary-background-color, rgb(56, 74, 211) );
2874
- border-style: solid;
2875
- border-width: var(--wst-button-primary-border-top-width, 0);
2876
- border-color: var(--wst-button-primary-border-top-color, transparent);
2877
- border-top-left-radius: var(--wst-button-primary-border-top-left-radius, 0);
2878
- border-top-right-radius: var(--wst-button-primary-border-top-right-radius, 0);
2879
- border-bottom-right-radius: var( --wst-button-primary-border-bottom-right-radius, 0 );
2880
- border-bottom-left-radius: var( --wst-button-primary-border-bottom-left-radius, 0 );
2881
- cursor: pointer;
2882
- transition: opacity 0.1s ease-out;
2883
- appearance: none;
2884
- outline: none;
2885
- }
2886
- .uploadButton svg {
2887
- flex-shrink: 0;
2888
- width: max(20px, 1.25em);
2889
- height: max(20px, 1.25em);
2890
- margin-block: calc(max(20px, 1.25em) / -2 + 0.6em);
2891
- fill: currentcolor;
2892
- }
2893
- .uploadButton[data-hovered] {
2894
- opacity: 0.85;
2895
- }
2896
- .uploadButton[data-focus-visible] {
2897
- outline: none;
2898
- box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #116dff;
2899
- }
2900
- .uploadButton[data-disabled] {
2901
- background-color: var(--wst-system-disabled-color, #c7c7c7);
2902
- border-color: var(--wst-system-disabled-color, #c7c7c7);
2903
- cursor: default;
2904
- }
2905
2864
  @media (forced-colors: active) {
2906
2865
  .label,
2907
2866
  .label *,
@@ -2943,22 +2902,6 @@
2943
2902
  outline: 1px dashed CanvasText;
2944
2903
  outline-offset: 1px;
2945
2904
  }
2946
- .uploadButton {
2947
- border: 1px solid ButtonText;
2948
- }
2949
- .uploadButton[data-focus-visible] {
2950
- outline: 2px solid Highlight;
2951
- outline-offset: 2px;
2952
- box-shadow: none;
2953
- }
2954
- .uploadButton[data-hovered]:not([data-focus-visible]) {
2955
- outline: 1px dashed CanvasText;
2956
- outline-offset: 2px;
2957
- }
2958
- .uploadButton[data-disabled] {
2959
- color: GrayText;
2960
- border-color: GrayText;
2961
- }
2962
2905
  .selectPopover {
2963
2906
  border: 1px solid CanvasText;
2964
2907
  }