@gravityforms/components 6.2.2 → 6.4.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.
Files changed (18) hide show
  1. package/css/admin/inputs.css +28 -8
  2. package/css/admin/toggle.css +23 -1
  3. package/dist/css/admin/inputs.css +16 -5
  4. package/dist/css/admin/inputs.css.map +1 -1
  5. package/dist/css/admin/toggle.css +18 -5
  6. package/dist/css/admin/toggle.css.map +1 -1
  7. package/dist/js/admin-components.asset.php +1 -1
  8. package/dist/js/admin-components.js +3 -3
  9. package/dist/js/admin-components.min.asset.php +1 -1
  10. package/dist/js/admin-components.min.js +1 -1
  11. package/dist/mappings/admin.js +64 -59
  12. package/package.json +4 -4
  13. package/react/admin/elements/Input/index.js +4 -0
  14. package/react/admin/elements/Label/index.js +41 -3
  15. package/react/admin/elements/Svgs/GravityTextLogo/index.js +49 -0
  16. package/react/admin/elements/Svgs/index.js +1 -0
  17. package/react/admin/elements/Toggle/index.js +8 -1
  18. package/react/admin/modules/Cards/IntegrationCard/index.js +9 -0
package/css/admin/inputs.css CHANGED
@@ -156,13 +156,6 @@
156
156
  }
157
157
  }
158
158
 
159
- &.gform-input-wrapper--with-icon {
160
-
161
- .gform-input {
162
- padding-inline-end: 2.75rem;
163
- }
164
- }
165
-
166
159
  &.gform-input-wrapper--text-security-circle {
167
160
 
168
161
  .gform-input {
@@ -199,6 +192,20 @@
199
192
  padding: 0.75rem;
200
193
  }
201
194
 
195
+ &.gform-input-wrapper--with-icon.gform-input-wrapper--icon-left {
196
+
197
+ .gform-input {
198
+ padding-inline-start: 2.75rem;
199
+ }
200
+ }
201
+
202
+ &.gform-input-wrapper--with-icon.gform-input-wrapper--icon-right {
203
+
204
+ .gform-input {
205
+ padding-inline-end: 2.75rem;
206
+ }
207
+ }
208
+
202
209
  &.gform-input-wrapper--clearable {
203
210
 
204
211
  .gform-input {
@@ -220,11 +227,24 @@
220
227
 
221
228
  .gform-input__icon {
222
229
  inset-block-start: 50%;
223
- inset-inline-end: 0.8125rem;
224
230
  pointer-events: none;
225
231
  position: absolute;
226
232
  transform: translateY(-50%);
227
233
  }
234
+
235
+ &.gform-input-wrapper--icon-left {
236
+
237
+ .gform-input__icon {
238
+ inset-inline-start: 0.8125rem;
239
+ }
240
+ }
241
+
242
+ &.gform-input-wrapper--icon-right {
243
+
244
+ .gform-input__icon {
245
+ inset-inline-end: 0.8125rem;
246
+ }
247
+ }
228
248
  }
229
249
 
230
250
  .gform-input__prefix-wrapper {
package/css/admin/toggle.css CHANGED
@@ -12,7 +12,7 @@
12
12
  box-sizing: border-box;
13
13
  }
14
14
 
15
- &.gform-toggle--disabled {
15
+ &.gform-toggle--disabled:not(.gform-toggle--busy) {
16
16
  opacity: 0.5;
17
17
  }
18
18
  }
@@ -151,6 +151,12 @@
151
151
  }
152
152
  }
153
153
  }
154
+ }
155
+ }
156
+
157
+ .gform-toggle--theme-cosmos:not(.gform-toggle--busy) {
158
+
159
+ input[type="checkbox"].gform-toggle__toggle {
154
160
 
155
161
  &:disabled {
156
162
  opacity: 1;
@@ -251,6 +257,22 @@
251
257
  .gform-toggle__label {
252
258
  cursor: pointer;
253
259
  }
260
+
261
+ .gform-toggle--busy {
262
+
263
+ input[type="checkbox"].gform-toggle__toggle {
264
+ cursor: default;
265
+ opacity: 1;
266
+
267
+ &:checked::before {
268
+ opacity: 1;
269
+ }
270
+ }
271
+
272
+ .gform-toggle__label {
273
+ cursor: default;
274
+ }
275
+ }
254
276
  }
255
277
 
256
278
  html[dir="rtl"] .gform-admin {
package/dist/css/admin/inputs.css CHANGED
@@ -146,10 +146,6 @@
146
146
  border-inline-start-color: #9092b0;
147
147
  }
148
148
 
149
- .gform-admin .gform-input-wrapper--input.gform-input-wrapper--theme-cosmos.gform-input-wrapper--with-icon .gform-input {
150
- padding-inline-end: 2.75rem;
151
- }
152
-
153
149
  .gform-admin .gform-input-wrapper--input.gform-input-wrapper--theme-cosmos.gform-input-wrapper--text-security-circle .gform-input {
154
150
  -webkit-text-security: circle;
155
151
  }
@@ -177,6 +173,14 @@
177
173
  padding: 0.75rem;
178
174
  }
179
175
 
176
+ .gform-admin .gform-input-wrapper--input.gform-input-wrapper--theme-cosmos.gform-input-wrapper--with-icon.gform-input-wrapper--icon-left .gform-input {
177
+ padding-inline-start: 2.75rem;
178
+ }
179
+
180
+ .gform-admin .gform-input-wrapper--input.gform-input-wrapper--theme-cosmos.gform-input-wrapper--with-icon.gform-input-wrapper--icon-right .gform-input {
181
+ padding-inline-end: 2.75rem;
182
+ }
183
+
180
184
  .gform-admin .gform-input-wrapper--input.gform-input-wrapper--theme-cosmos.gform-input-wrapper--clearable .gform-input {
181
185
  padding-inline-end: 2.75rem;
182
186
  }
@@ -195,12 +199,19 @@
195
199
 
196
200
  .gform-admin .gform-input-wrapper--input.gform-input-wrapper--theme-cosmos .gform-input__icon {
197
201
  inset-block-start: 50%;
198
- inset-inline-end: 0.8125rem;
199
202
  pointer-events: none;
200
203
  position: absolute;
201
204
  transform: translateY(-50%);
202
205
  }
203
206
 
207
+ .gform-admin .gform-input-wrapper--input.gform-input-wrapper--theme-cosmos.gform-input-wrapper--icon-left .gform-input__icon {
208
+ inset-inline-start: 0.8125rem;
209
+ }
210
+
211
+ .gform-admin .gform-input-wrapper--input.gform-input-wrapper--theme-cosmos.gform-input-wrapper--icon-right .gform-input__icon {
212
+ inset-inline-end: 0.8125rem;
213
+ }
214
+
204
215
  .gform-admin .gform-input__prefix-wrapper {
205
216
  display: flex;
206
217
  width: 100%;
package/dist/css/admin/inputs.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["inputs.css"],"names":[],"mappings":"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","file":"inputs.css","sourcesContent":[".gform-admin {\n\n\t.gform-input {\n\t\t-webkit-appearance: none;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-blue-haze);\n\t\tborder-radius: 3px;\n\t\tbox-shadow: 0 0 0 transparent;\n\t\tbox-sizing: border-box;\n\t\tcolor: var(--gform-admin-color-text);\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-base-old);\n\t\tline-height: 2;\n\t\tmargin: 0;\n\t\tmin-block-size: 0;\n\t\toutline: none;\n\t\tpadding: 0.25rem 0.75rem;\n\t\ttransition: var(--gform-admin-transition-inputs);\n\n\t\t&:focus {\n\n\t\t\t@mixin inputFocus;\n\t\t}\n\n\t\t&::placeholder {\n\t\t\tcolor: var(--gform-admin-color-placeholder);\n\t\t\tfont-family: var(--gform-admin-font-family-base);\n\t\t\tfont-size: var(--gform-admin-font-size-base-old);\n\t\t\tfont-weight: var(--gform-admin-font-weight-normal);\n\t\t}\n\n\t\t&.gform-input--width-full {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t.gform-input-wrapper--input.gform-input-wrapper--theme-cosmos {\n\n\t\t.gform-input__wrapper {\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.gform-input {\n\t\t\tborder-color: var(--gform-admin-color-santas);\n\n\t\t\t+ .gform-input__label:nth-child(1) {\n\t\t\t\tmargin-bottom: 0.375rem;\n\t\t\t}\n\n\t\t\t+ .gform-input-help-text:nth-child(2) {\n\t\t\t\tmargin-bottom: 0.375rem;\n\t\t\t}\n\n\t\t\t+ .gform-input-help-text:nth-child(3) {\n\t\t\t\tmargin-top: 0.375rem;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\tborder-color: var(--gform-admin-color-blue-ribbon);\n\t\t\t}\n\n\t\t\t&:disabled {\n\t\t\t\tbackground-color: var(--gform-admin-color-light-blue);\n\t\t\t\tcolor: var(--gform-admin-color-santas);\n\t\t\t}\n\n\t\t\t&::placeholder {\n\t\t\t\tfont-size: var(--gform-admin-font-size-sm);\n\t\t\t}\n\t\t}\n\n\t\t.gform-input__action-wrapper {\n\n\t\t\t.gform-input__action-button {\n\t\t\t\tborder-color: var(--gform-admin-color-santas);\n\n\t\t\t\t.gform-icon {\n\t\t\t\t\tcolor: var(--gform-admin-color-santas);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--required {\n\n\t\t\t.gform-input {\n\n\t\t\t\t+ .gform-input-help-text:nth-child(4) {\n\t\t\t\t\tmargin-top: 0.375rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--border-error {\n\n\t\t\t.gform-input {\n\t\t\t\tborder: 1px solid var(--gform-admin-color-red);\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: 0 0.125rem 0.0675rem rgba(28, 31, 63, 0.0634624), 0 0 0 2px var(--gform-admin-color-background-red);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.gform-input-help-text {\n\t\t\t\tcolor: var(--gform-admin-color-red);\n\t\t\t}\n\n\t\t\t.gform-input__action-wrapper {\n\n\t\t\t\t.gform-input {\n\t\t\t\t\tborder-inline-end: 0;\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder: 1px solid var(--gform-admin-color-red);\n\t\t\t\t\t\tz-index: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.gform-input__action-button {\n\t\t\t\t\tborder-inline-start-color: var(--gform-admin-color-red);\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder-inline-start-color: var(--gform-admin-color-santas);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--border-correct {\n\n\t\t\t.gform-input {\n\t\t\t\tborder: 1px solid var(--gform-admin-color-emerald);\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: 0 0.125rem 0.0675rem rgba(28, 31, 63, 0.0634624), 0 0 0 2px var(--gform-admin-color-tara);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.gform-input__action-wrapper {\n\n\t\t\t\t.gform-input {\n\t\t\t\t\tborder-inline-end: 0;\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder: 1px solid var(--gform-admin-color-emerald);\n\t\t\t\t\t\tz-index: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.gform-input__action-button {\n\t\t\t\t\tborder-inline-start-color: var(--gform-admin-color-emerald);\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder-inline-start-color: var(--gform-admin-color-santas);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--with-icon {\n\n\t\t\t.gform-input {\n\t\t\t\tpadding-inline-end: 2.75rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--text-security-circle {\n\n\t\t\t.gform-input {\n\t\t\t\t-webkit-text-security: circle;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--text-security-disc {\n\n\t\t\t.gform-input {\n\t\t\t\t-webkit-text-security: disc;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--text-security-square {\n\n\t\t\t.gform-input {\n\t\t\t\t-webkit-text-security: square;\n\t\t\t}\n\t\t}\n\n\t\t.gform-input--size-r {\n\t\t\tblock-size: 2.1875rem;\n\t\t\tpadding: 0.375rem 0.75rem;\n\t\t}\n\n\t\t.gform-input--size-l {\n\t\t\tblock-size: 2.375rem;\n\t\t\tpadding: 0.5rem 0.75rem;\n\t\t}\n\n\t\t.gform-input--size-xl {\n\t\t\tblock-size: 2.9375rem;\n\t\t\tpadding: 0.75rem;\n\t\t}\n\n\t\t&.gform-input-wrapper--clearable {\n\n\t\t\t.gform-input {\n\t\t\t\tpadding-inline-end: 2.75rem;\n\t\t\t}\n\t\t}\n\n\t\t.gform-label {\n\t\t\tmargin-block-end: 0.375rem;\n\t\t}\n\n\t\t.gform-input-help-text:nth-child(2) {\n\t\t\tmargin-block-end: 0.375rem;\n\t\t}\n\n\t\t.gform-input-help-text:nth-child(3) {\n\t\t\tmargin-block-start: 0.375rem;\n\t\t}\n\n\t\t.gform-input__icon {\n\t\t\tinset-block-start: 50%;\n\t\t\tinset-inline-end: 0.8125rem;\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\ttransform: translateY(-50%);\n\t\t}\n\t}\n\n\t.gform-input__prefix-wrapper {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\n\t\t.gform-input__wrapper {\n\t\t\tflex: 1;\n\t\t}\n\n\t\t.gform-input__prefix {\n\t\t\talign-items: center;\n\t\t\tbackground: var(--gform-admin-color-light-blue);\n\t\t\tborder: 1px solid var(--gform-admin-color-santas);\n\t\t\tborder-end-start-radius: 3px;\n\t\t\tborder-inline-end: 0;\n\t\t\tborder-start-start-radius: 3px;\n\t\t\tdisplay: flex;\n\t\t\tpadding-inline: 13px;\n\t\t}\n\n\t\t.gform-input {\n\t\t\tborder-end-start-radius: 0;\n\t\t\tborder-start-start-radius: 0;\n\t\t}\n\t}\n\n\t.gform-input__action-wrapper {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\n\t\t.gform-input__wrapper {\n\t\t\tflex: 1;\n\t\t}\n\n\t\t.gform-input {\n\t\t\tborder-end-end-radius: 0;\n\t\t\tborder-inline-end: 0;\n\t\t\tborder-start-end-radius: 0;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\n\t\t\t&:focus {\n\t\t\t\tborder: 1px solid var(--gform-admin-color-blue-ribbon);\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t}\n\n\t\t.gform-input__icon {\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t.gform-input__action-button {\n\t\t\tborder-end-start-radius: 0;\n\t\t\tborder-start-start-radius: 0;\n\t\t\theight: auto;\n\t\t\tmargin-inline-start: 0;\n\t\t\tpadding-inline-end: 0.85rem;\n\t\t\tpadding-inline-start: 0.85rem;\n\n\t\t\t.gform-icon {\n\t\t\t\tfont-size: 1rem;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-input-wrapper--clearable {\n\t\tposition: relative;\n\t}\n\n\t.gform-input__clearable-button {\n\t\talign-items: center;\n\t\tblock-size: 100%;\n\t\tdisplay: flex;\n\t\tinline-size: 1.875rem;\n\t\tinset-block-start: 50%;\n\t\tinset-inline-end: var(--gform-admin-spacer-2);\n\t\tjustify-content: center;\n\t\tposition: absolute;\n\t\ttransform: translateY(-50%);\n\n\t\t.gform-button__icon {\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\tfont-size: 1.25rem;\n\t\t\tinset-block-start: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&::before {\n\t\t\t\tfont-size: 1.25rem;\n\t\t\t}\n\t\t}\n\n\t\t&:focus,\n\t\t&:hover {\n\n\t\t\t.gform-button__icon {\n\t\t\t\tcolor: var(--gform-admin-color-amethyst-smoke);\n\n\t\t\t\t&::before {\n\t\t\t\t\tfont-size: 1.25rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-input-add-on-wrapper {\n\t\talign-items: stretch;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\t.gform-input-add-on-wrapper--suffix .gform-input {\n\t\tborder-end-end-radius: 0;\n\t\tborder-start-end-radius: 0;\n\t}\n\n\t.gform-input__add-on {\n\t\talign-items: center;\n\t\tbackground-color: var(--gform-admin-color-light-blue);\n\t\tborder: 1px solid var(--gform-admin-color-santas);\n\t\tborder-radius: 3px;\n\t\tcolor: var(--gform-admin-color-port);\n\t\tdisplay: flex;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-base-old);\n\t\tfont-weight: 400;\n\t\tpadding-left: 13px;\n\t\tpadding-right: 13px;\n\t\twhite-space: nowrap;\n\t}\n\n\t.gform-input__add-on--prefix {\n\t\tborder-end-end-radius: 0;\n\t\tborder-inline-end: 0;\n\t\tborder-start-end-radius: 0;\n\t}\n\n\t.gform-input__add-on--suffix {\n\t\tborder-end-start-radius: 0;\n\t\tborder-inline-start: 0;\n\t\tborder-start-start-radius: 0;\n\t}\n\n\t.gform-input__add-on + .gform-input {\n\t\tborder-end-start-radius: 0;\n\t\tborder-start-start-radius: 0;\n\t}\n\n\t.gform-input__add-on--action-button {\n\t\tbackground-color: var(--gform-admin-color-white);\n\t\tborder-color: var(--gform-admin-color-snuff);\n\t\theight: auto;\n\t\tmargin-inline-start: 12px;\n\t\tpadding-inline-end: 12px;\n\t\tpadding-inline-start: 12px;\n\t}\n\n\t.gform-input__add-on--action-button.gform-button--icon-leading.gform-button--size-sm .gform-button__icon {\n\t\tcolor: var(--gform-admin-color-comet);\n\t\tfont-size: 14px;\n\t\tmargin: 0;\n\t}\n\n}\n"]}
1
+ {"version":3,"sources":["inputs.css"],"names":[],"mappings":"AAEC;EACC,wBAAwB;EACxB,gBAA0C;EAC1C,yBAAoD;EACpD,kBAAkB;EAClB,6BAA6B;EAC7B,sBAAsB;EACtB,cAAoC;EACpC,uIAAgD;EAChD,oBAAgD;EAChD,cAAc;EACd,SAAS;EACT,iBAAiB;EACjB,aAAa;EACb,wBAAwB;EACxB,8DAAgD;CAiBjD;;EAfC;;GAEC,yBAAiB;;GAAjB,+EAAiB;;GAAjB,cAAiB;EAClB;;EAEA;GACC,cAA2C;GAC3C,uIAAgD;GAChD,oBAAgD;GAChD,gBAAkD;EACnD;;EALA;GACC,cAA2C;GAC3C,uIAAgD;GAChD,oBAAgD;GAChD,gBAAkD;EACnD;;EAEA;GACC,WAAW;EACZ;;CAKA;GACC,kBAAkB;EACnB;;CAEA;GACC,qBAA6C;EA0B9C;;CAxBC;IACC,uBAAuB;GACxB;;CAEA;IACC,uBAAuB;GACxB;;CAEA;IACC,oBAAoB;GACrB;;CAEA;IACC,qBAAkD;GACnD;;CAEA;IACC,yBAAqD;IACrD,cAAsC;GACvC;;CAEA;IACC,mBAA0C;GAC3C;;CAFA;IACC,mBAA0C;GAC3C;;CAKA;IACC,qBAA6C;GAK9C;;CAHC;KACC,cAAsC;IACvC;;CAQA;KACC,oBAAoB;IACrB;;CAMD;IACC,yBAA8C;GAK/C;;CAHC;KACC,+EAA+G;IAChH;;CAGD;IACC,cAAmC;GACpC;;CAIC;KACC,oBAAoB;IAMrB;;CAJC;MACC,yBAA8C;MAC9C,UAAU;KACX;;CAGD;KACC,kCAAuD;IAKxD;;CAHC;MACC,kCAA0D;KAC3D;;CAOF;IACC,yBAAkD;GAKnD;;CAHC;KACC,+EAAqG;IACtG;;CAKA;KACC,oBAAoB;IAMrB;;CAJC;MACC,yBAAkD;MAClD,UAAU;KACX;;CAGD;KACC,kCAA2D;IAK5D;;CAHC;MACC,kCAA0D;KAC3D;;CAOF;IACC,6BAA6B;GAC9B;;CAKA;IACC,2BAA2B;GAC5B;;CAKA;IACC,6BAA6B;GAC9B;;CAGD;GACC,qBAAqB;GACrB,yBAAyB;EAC1B;;CAEA;GACC,oBAAoB;GACpB,uBAAuB;EACxB;;CAEA;GACC,qBAAqB;GACrB,gBAAgB;EACjB;;CAIC;IACC,6BAA6B;GAC9B;;CAKA;IACC,2BAA2B;GAC5B;;CAKA;IACC,2BAA2B;GAC5B;;CAGD;GACC,0BAA0B;EAC3B;;CAEA;GACC,0BAA0B;EAC3B;;CAEA;GACC,4BAA4B;EAC7B;;CAEA;GACC,sBAAsB;GACtB,oBAAoB;GACpB,kBAAkB;GAClB,2BAA2B;EAC5B;;CAIC;IACC,6BAA6B;GAC9B;;CAKA;IACC,2BAA2B;GAC5B;;CAIF;EACC,aAAa;EACb,WAAW;CAqBZ;;CAnBC;GACC,OAAO;EACR;;CAEA;GACC,mBAAmB;GACnB,mBAA+C;GAC/C,yBAAiD;GACjD,4BAA4B;GAC5B,oBAAoB;GACpB,8BAA8B;GAC9B,aAAa;GACb,oBAAoB;EACrB;;CAEA;GACC,0BAA0B;GAC1B,4BAA4B;EAC7B;;CAGD;EACC,aAAa;EACb,WAAW;CAmCZ;;CAjCC;GACC,OAAO;EACR;;CAEA;GACC,wBAAwB;GACxB,oBAAoB;GACpB,0BAA0B;GAC1B,kBAAkB;GAClB,WAAW;EAMZ;;CAJC;IACC,yBAAsD;IACtD,UAAU;GACX;;CAGD;GACC,UAAU;EACX;;CAEA;GACC,0BAA0B;GAC1B,4BAA4B;GAC5B,YAAY;GACZ,sBAAsB;GACtB,2BAA2B;GAC3B,6BAA6B;EAK9B;;CAHC;IACC,eAAe;GAChB;;CAIF;EACC,kBAAkB;CACnB;;CAEA;EACC,mBAAmB;EACnB,gBAAgB;EAChB,aAAa;EACb,qBAAqB;EACrB,sBAAsB;EACtB,wBAA6C;EAC7C,uBAAuB;EACvB,kBAAkB;EAClB,2BAA2B;CA4B5B;;CA1BC;GACC,cAAqC;GACrC,kBAAkB;GAClB,oBAAoB;GACpB,UAAU;EAKX;;CAHC;IACC,kBAAkB;GACnB;;CAMA;IACC,cAA8C;GAK/C;;CAHC;KACC,kBAAkB;IACnB;;CAIF;GACC,YAAY;EACb;;CAGD;EACC,oBAAoB;EACpB,aAAa;EACb,mBAAmB;CACpB;;CAEA;EACC,wBAAwB;EACxB,0BAA0B;CAC3B;;CAEA;EACC,mBAAmB;EACnB,yBAAqD;EACrD,yBAAiD;EACjD,kBAAkB;EAClB,cAAoC;EACpC,aAAa;EACb,uIAAgD;EAChD,oBAAgD;EAChD,gBAAgB;EAChB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;CACpB;;CAEA;EACC,wBAAwB;EACxB,oBAAoB;EACpB,0BAA0B;CAC3B;;CAEA;EACC,0BAA0B;EAC1B,sBAAsB;EACtB,4BAA4B;CAC7B;;CAEA;EACC,0BAA0B;EAC1B,4BAA4B;CAC7B;;CAEA;EACC,sBAAgD;EAChD,qBAA4C;EAC5C,YAAY;EACZ,yBAAyB;EACzB,wBAAwB;EACxB,0BAA0B;CAC3B;;CAEA;EACC,cAAqC;EACrC,eAAe;EACf,SAAS;CACV","file":"inputs.css","sourcesContent":[".gform-admin {\n\n\t.gform-input {\n\t\t-webkit-appearance: none;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-blue-haze);\n\t\tborder-radius: 3px;\n\t\tbox-shadow: 0 0 0 transparent;\n\t\tbox-sizing: border-box;\n\t\tcolor: var(--gform-admin-color-text);\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-base-old);\n\t\tline-height: 2;\n\t\tmargin: 0;\n\t\tmin-block-size: 0;\n\t\toutline: none;\n\t\tpadding: 0.25rem 0.75rem;\n\t\ttransition: var(--gform-admin-transition-inputs);\n\n\t\t&:focus {\n\n\t\t\t@mixin inputFocus;\n\t\t}\n\n\t\t&::placeholder {\n\t\t\tcolor: var(--gform-admin-color-placeholder);\n\t\t\tfont-family: var(--gform-admin-font-family-base);\n\t\t\tfont-size: var(--gform-admin-font-size-base-old);\n\t\t\tfont-weight: var(--gform-admin-font-weight-normal);\n\t\t}\n\n\t\t&.gform-input--width-full {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t.gform-input-wrapper--input.gform-input-wrapper--theme-cosmos {\n\n\t\t.gform-input__wrapper {\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.gform-input {\n\t\t\tborder-color: var(--gform-admin-color-santas);\n\n\t\t\t+ .gform-input__label:nth-child(1) {\n\t\t\t\tmargin-bottom: 0.375rem;\n\t\t\t}\n\n\t\t\t+ .gform-input-help-text:nth-child(2) {\n\t\t\t\tmargin-bottom: 0.375rem;\n\t\t\t}\n\n\t\t\t+ .gform-input-help-text:nth-child(3) {\n\t\t\t\tmargin-top: 0.375rem;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\tborder-color: var(--gform-admin-color-blue-ribbon);\n\t\t\t}\n\n\t\t\t&:disabled {\n\t\t\t\tbackground-color: var(--gform-admin-color-light-blue);\n\t\t\t\tcolor: var(--gform-admin-color-santas);\n\t\t\t}\n\n\t\t\t&::placeholder {\n\t\t\t\tfont-size: var(--gform-admin-font-size-sm);\n\t\t\t}\n\t\t}\n\n\t\t.gform-input__action-wrapper {\n\n\t\t\t.gform-input__action-button {\n\t\t\t\tborder-color: var(--gform-admin-color-santas);\n\n\t\t\t\t.gform-icon {\n\t\t\t\t\tcolor: var(--gform-admin-color-santas);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--required {\n\n\t\t\t.gform-input {\n\n\t\t\t\t+ .gform-input-help-text:nth-child(4) {\n\t\t\t\t\tmargin-top: 0.375rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--border-error {\n\n\t\t\t.gform-input {\n\t\t\t\tborder: 1px solid var(--gform-admin-color-red);\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: 0 0.125rem 0.0675rem rgba(28, 31, 63, 0.0634624), 0 0 0 2px var(--gform-admin-color-background-red);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.gform-input-help-text {\n\t\t\t\tcolor: var(--gform-admin-color-red);\n\t\t\t}\n\n\t\t\t.gform-input__action-wrapper {\n\n\t\t\t\t.gform-input {\n\t\t\t\t\tborder-inline-end: 0;\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder: 1px solid var(--gform-admin-color-red);\n\t\t\t\t\t\tz-index: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.gform-input__action-button {\n\t\t\t\t\tborder-inline-start-color: var(--gform-admin-color-red);\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder-inline-start-color: var(--gform-admin-color-santas);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--border-correct {\n\n\t\t\t.gform-input {\n\t\t\t\tborder: 1px solid var(--gform-admin-color-emerald);\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: 0 0.125rem 0.0675rem rgba(28, 31, 63, 0.0634624), 0 0 0 2px var(--gform-admin-color-tara);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.gform-input__action-wrapper {\n\n\t\t\t\t.gform-input {\n\t\t\t\t\tborder-inline-end: 0;\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder: 1px solid var(--gform-admin-color-emerald);\n\t\t\t\t\t\tz-index: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.gform-input__action-button {\n\t\t\t\t\tborder-inline-start-color: var(--gform-admin-color-emerald);\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder-inline-start-color: var(--gform-admin-color-santas);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--text-security-circle {\n\n\t\t\t.gform-input {\n\t\t\t\t-webkit-text-security: circle;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--text-security-disc {\n\n\t\t\t.gform-input {\n\t\t\t\t-webkit-text-security: disc;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--text-security-square {\n\n\t\t\t.gform-input {\n\t\t\t\t-webkit-text-security: square;\n\t\t\t}\n\t\t}\n\n\t\t.gform-input--size-r {\n\t\t\tblock-size: 2.1875rem;\n\t\t\tpadding: 0.375rem 0.75rem;\n\t\t}\n\n\t\t.gform-input--size-l {\n\t\t\tblock-size: 2.375rem;\n\t\t\tpadding: 0.5rem 0.75rem;\n\t\t}\n\n\t\t.gform-input--size-xl {\n\t\t\tblock-size: 2.9375rem;\n\t\t\tpadding: 0.75rem;\n\t\t}\n\n\t\t&.gform-input-wrapper--with-icon.gform-input-wrapper--icon-left {\n\n\t\t\t.gform-input {\n\t\t\t\tpadding-inline-start: 2.75rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--with-icon.gform-input-wrapper--icon-right {\n\n\t\t\t.gform-input {\n\t\t\t\tpadding-inline-end: 2.75rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--clearable {\n\n\t\t\t.gform-input {\n\t\t\t\tpadding-inline-end: 2.75rem;\n\t\t\t}\n\t\t}\n\n\t\t.gform-label {\n\t\t\tmargin-block-end: 0.375rem;\n\t\t}\n\n\t\t.gform-input-help-text:nth-child(2) {\n\t\t\tmargin-block-end: 0.375rem;\n\t\t}\n\n\t\t.gform-input-help-text:nth-child(3) {\n\t\t\tmargin-block-start: 0.375rem;\n\t\t}\n\n\t\t.gform-input__icon {\n\t\t\tinset-block-start: 50%;\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\ttransform: translateY(-50%);\n\t\t}\n\n\t\t&.gform-input-wrapper--icon-left {\n\n\t\t\t.gform-input__icon {\n\t\t\t\tinset-inline-start: 0.8125rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-input-wrapper--icon-right {\n\n\t\t\t.gform-input__icon {\n\t\t\t\tinset-inline-end: 0.8125rem;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-input__prefix-wrapper {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\n\t\t.gform-input__wrapper {\n\t\t\tflex: 1;\n\t\t}\n\n\t\t.gform-input__prefix {\n\t\t\talign-items: center;\n\t\t\tbackground: var(--gform-admin-color-light-blue);\n\t\t\tborder: 1px solid var(--gform-admin-color-santas);\n\t\t\tborder-end-start-radius: 3px;\n\t\t\tborder-inline-end: 0;\n\t\t\tborder-start-start-radius: 3px;\n\t\t\tdisplay: flex;\n\t\t\tpadding-inline: 13px;\n\t\t}\n\n\t\t.gform-input {\n\t\t\tborder-end-start-radius: 0;\n\t\t\tborder-start-start-radius: 0;\n\t\t}\n\t}\n\n\t.gform-input__action-wrapper {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\n\t\t.gform-input__wrapper {\n\t\t\tflex: 1;\n\t\t}\n\n\t\t.gform-input {\n\t\t\tborder-end-end-radius: 0;\n\t\t\tborder-inline-end: 0;\n\t\t\tborder-start-end-radius: 0;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\n\t\t\t&:focus {\n\t\t\t\tborder: 1px solid var(--gform-admin-color-blue-ribbon);\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t}\n\n\t\t.gform-input__icon {\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t.gform-input__action-button {\n\t\t\tborder-end-start-radius: 0;\n\t\t\tborder-start-start-radius: 0;\n\t\t\theight: auto;\n\t\t\tmargin-inline-start: 0;\n\t\t\tpadding-inline-end: 0.85rem;\n\t\t\tpadding-inline-start: 0.85rem;\n\n\t\t\t.gform-icon {\n\t\t\t\tfont-size: 1rem;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-input-wrapper--clearable {\n\t\tposition: relative;\n\t}\n\n\t.gform-input__clearable-button {\n\t\talign-items: center;\n\t\tblock-size: 100%;\n\t\tdisplay: flex;\n\t\tinline-size: 1.875rem;\n\t\tinset-block-start: 50%;\n\t\tinset-inline-end: var(--gform-admin-spacer-2);\n\t\tjustify-content: center;\n\t\tposition: absolute;\n\t\ttransform: translateY(-50%);\n\n\t\t.gform-button__icon {\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\tfont-size: 1.25rem;\n\t\t\tinset-block-start: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&::before {\n\t\t\t\tfont-size: 1.25rem;\n\t\t\t}\n\t\t}\n\n\t\t&:focus,\n\t\t&:hover {\n\n\t\t\t.gform-button__icon {\n\t\t\t\tcolor: var(--gform-admin-color-amethyst-smoke);\n\n\t\t\t\t&::before {\n\t\t\t\t\tfont-size: 1.25rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-input-add-on-wrapper {\n\t\talign-items: stretch;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\t.gform-input-add-on-wrapper--suffix .gform-input {\n\t\tborder-end-end-radius: 0;\n\t\tborder-start-end-radius: 0;\n\t}\n\n\t.gform-input__add-on {\n\t\talign-items: center;\n\t\tbackground-color: var(--gform-admin-color-light-blue);\n\t\tborder: 1px solid var(--gform-admin-color-santas);\n\t\tborder-radius: 3px;\n\t\tcolor: var(--gform-admin-color-port);\n\t\tdisplay: flex;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-base-old);\n\t\tfont-weight: 400;\n\t\tpadding-left: 13px;\n\t\tpadding-right: 13px;\n\t\twhite-space: nowrap;\n\t}\n\n\t.gform-input__add-on--prefix {\n\t\tborder-end-end-radius: 0;\n\t\tborder-inline-end: 0;\n\t\tborder-start-end-radius: 0;\n\t}\n\n\t.gform-input__add-on--suffix {\n\t\tborder-end-start-radius: 0;\n\t\tborder-inline-start: 0;\n\t\tborder-start-start-radius: 0;\n\t}\n\n\t.gform-input__add-on + .gform-input {\n\t\tborder-end-start-radius: 0;\n\t\tborder-start-start-radius: 0;\n\t}\n\n\t.gform-input__add-on--action-button {\n\t\tbackground-color: var(--gform-admin-color-white);\n\t\tborder-color: var(--gform-admin-color-snuff);\n\t\theight: auto;\n\t\tmargin-inline-start: 12px;\n\t\tpadding-inline-end: 12px;\n\t\tpadding-inline-start: 12px;\n\t}\n\n\t.gform-input__add-on--action-button.gform-button--icon-leading.gform-button--size-sm .gform-button__icon {\n\t\tcolor: var(--gform-admin-color-comet);\n\t\tfont-size: 14px;\n\t\tmargin: 0;\n\t}\n\n}\n"]}
package/dist/css/admin/toggle.css CHANGED
@@ -8,7 +8,7 @@
8
8
  box-sizing: border-box;
9
9
  }
10
10
 
11
- .gform-admin .gform-toggle.gform-toggle--disabled {
11
+ .gform-admin .gform-toggle.gform-toggle--disabled:not(.gform-toggle--busy) {
12
12
  opacity: 0.5;
13
13
  }
14
14
 
@@ -123,19 +123,19 @@
123
123
  background: #242748;
124
124
  }
125
125
 
126
- .gform-admin .gform-toggle--theme-cosmos input[type="checkbox"].gform-toggle__toggle:disabled {
126
+ .gform-admin .gform-toggle--theme-cosmos:not(.gform-toggle--busy) input[type="checkbox"].gform-toggle__toggle:disabled {
127
127
  opacity: 1;
128
128
  }
129
129
 
130
- .gform-admin .gform-toggle--theme-cosmos input[type="checkbox"].gform-toggle__toggle:disabled::before {
130
+ .gform-admin .gform-toggle--theme-cosmos:not(.gform-toggle--busy) input[type="checkbox"].gform-toggle__toggle:disabled::before {
131
131
  background: #ecedf8;
132
132
  }
133
133
 
134
- .gform-admin .gform-toggle--theme-cosmos input[type="checkbox"].gform-toggle__toggle:disabled:checked::before {
134
+ .gform-admin .gform-toggle--theme-cosmos:not(.gform-toggle--busy) input[type="checkbox"].gform-toggle__toggle:disabled:checked::before {
135
135
  opacity: 1;
136
136
  }
137
137
 
138
- .gform-admin .gform-toggle--theme-cosmos input[type="checkbox"].gform-toggle__toggle:disabled:checked:hover::before {
138
+ .gform-admin .gform-toggle--theme-cosmos:not(.gform-toggle--busy) input[type="checkbox"].gform-toggle__toggle:disabled:checked:hover::before {
139
139
  background: #ecedf8;
140
140
  }
141
141
 
@@ -206,6 +206,19 @@
206
206
  cursor: pointer;
207
207
  }
208
208
 
209
+ .gform-admin .gform-toggle--busy input[type="checkbox"].gform-toggle__toggle {
210
+ cursor: default;
211
+ opacity: 1;
212
+ }
213
+
214
+ .gform-admin .gform-toggle--busy input[type="checkbox"].gform-toggle__toggle:checked::before {
215
+ opacity: 1;
216
+ }
217
+
218
+ .gform-admin .gform-toggle--busy .gform-toggle__label {
219
+ cursor: default;
220
+ }
221
+
209
222
  html[dir="rtl"] .gform-admin .gform-toggle--size-s input[type="checkbox"].gform-toggle__toggle:checked::after {
210
223
  transform: translateX(-1.3125rem);
211
224
  }
package/dist/css/admin/toggle.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["toggle.css"],"names":[],"mappings":"AAEC;EACC,uBAAuB;EACvB,oBAAoB;EACpB,WAAW;CAYZ;;EAVC;GAIC,sBAAsB;EACvB;;EAEA;GACC,YAAY;EACb;;CAGD;EAEC,YAAY;CACb;;CAEA;EACC,aAAa;EACb,8BAA8B;CAC/B;;CAEA;EACC,2BAA2B;CAC5B;;CAEA;EACC,eAAe;CAChB;;CAEA;EACC,wBAAgB;KAAhB,qBAAgB;UAAhB,gBAAgB;EAChB,gBAAgB;EAChB,SAAS;EACT,gBAAgB;EAChB,eAAe;EACf,cAAc;EACd,UAAU;EACV,SAAS;EACT,aAAa;EACb,kBAAkB;EAClB,WAAW;CAqDZ;;CAnDC;GACC,mBAA0C;GAC1C,WAAW;GACX,cAAc;GACd,SAAS;GACT,8BAA8B;GAC9B,mBAAmB;GACnB,0BAA+C;EAChD;;CAEA;GACC,sBAAgD;GAChD,kBAAkB;GAClB,gHAAgD;GAChD,WAAW;GACX,kBAAkB;GAClB,0BAA+C;EAChD;;CAIC;IACC,urBAAurB,EAAE,2BAA2B;IACptB,2BAA2B;IAC3B,4BAA4B;IAC5B,oBAAoB;GACrB;;CAEA;IACC,2aAA2a,EAAE,2BAA2B;IACxc,2BAA2B;IAC3B,4BAA4B;IAC5B,oBAAoB;GACrB;;CAKA;IACC,sBAA6C;IAC7C,mBAAmB;GACpB;;CAEA;IACC,sBAAoD;GACrD;;CAGD;GACC,mBAAiD;EAClD;;CAOC;IACC,mBAA2C;GAC5C;;CAIC;KACC,sBAA8C;IAC/C;;CAEA;KACC,sBAAgD;IACjD;;CAIC;MACC,sBAA4C;KAC7C;;CAEA;MACC,cAAoC;KACrC;;CAMD;KACC,mBAA6C;IAC9C;;CAIC;MACC,2aAA2a,EAAE,2BAA2B;KACzc;;CAKA;MACC,mBAAyC;KAC1C;;CAIF;IACC,UAAU;GAmBX;;CAjBC;KACC,mBAAgD;IACjD;;CAIC;MACC,UAAU;KACX;;CAIC;OACC,mBAAgD;MACjD;;CASJ;GACC,eAAe;EAkBhB;;CAhBC;IACC,uBAAuB;IACvB,eAAe;IACf,gBAAgB;GACjB;;CAEA;IACC,gBAAgB;IAChB,6BAA6B;IAC7B,cAAc;IACd,eAAe;GAChB;;CAEA;IACC,gCAAgC;GACjC;;CAMD;GACC,cAAc;EAkBf;;CAhBC;IACC,sBAAsB;IACtB,cAAc;IACd,WAAW;GACZ;;CAEA;IACC,gBAAgB;IAChB,6BAA6B;IAC7B,cAAc;IACd,eAAe;GAChB;;CAEA;IACC,6BAA6B;GAC9B;;CAMD;GACC,eAAe;EAkBhB;;CAhBC;IACC,uBAAuB;IACvB,eAAe;IACf,gBAAgB;GACjB;;CAEA;IACC,eAAe;IACf,2BAA2B;IAC3B,YAAY;IACZ,cAAc;GACf;;CAEA;IACC,gCAAgC;GACjC;;CAIF;EACC,eAAe;CAChB;;AAOC;GACC,iCAAiC;EAClC;;AAKA;GACC,8BAA8B;EAC/B;;AAKA;GACC,iCAAiC;EAClC","file":"toggle.css","sourcesContent":[".gform-admin {\n\n\t.gform-toggle {\n\t\talign-items: flex-start;\n\t\tdisplay: inline-flex;\n\t\tgap: 0.5rem;\n\n\t\t&,\n\t\t*,\n\t\t*::before,\n\t\t*::after {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t&.gform-toggle--disabled {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-toggle--size-m,\n\t.gform-toggle--size-l {\n\t\tgap: 0.75rem;\n\t}\n\n\t.gform-toggle--width-full {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t}\n\n\t.gform-toggle--label-left {\n\t\tflex-direction: row-reverse;\n\t}\n\n\t.gform-toggle--width-full.gform-toggle--label-right {\n\t\ttext-align: end;\n\t}\n\n\tinput[type=\"checkbox\"].gform-toggle__toggle {\n\t\tappearance: none;\n\t\tbackground: none;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t\tcursor: pointer;\n\t\tdisplay: block;\n\t\tflex: none;\n\t\tmargin: 0;\n\t\toutline: none;\n\t\tposition: relative;\n\t\twidth: auto;\n\n\t\t&::before {\n\t\t\tbackground: var(--gform-admin-color-snuff);\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\toutline: 2px solid transparent;\n\t\t\toutline-offset: 2px;\n\t\t\ttransition: var(--gform-admin-transition-hover);\n\t\t}\n\n\t\t&::after {\n\t\t\tbackground-color: var(--gform-admin-color-white);\n\t\t\tborder-radius: 50%;\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-toggle);\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\ttransition: var(--gform-admin-transition-hover);\n\t\t}\n\n\t\t&.gform-toggle__toggle--has-icons {\n\n\t\t\t&::after {\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg viewBox=\"0 0 5 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0.264466 0.514405C0.0656531 0.713217 0.0656538 1.03556 0.264466 1.23437L1.70439 2.6743L0.264466 4.11422C0.0656534 4.31304 0.0656532 4.63538 0.264466 4.83419C0.463278 5.033 0.785617 5.033 0.98443 4.83419L2.42436 3.39426L3.86428 4.83418C4.06309 5.033 4.38543 5.033 4.58425 4.83418C4.78306 4.63537 4.78306 4.31303 4.58424 4.11422L3.14432 2.6743L4.58425 1.23437C4.78306 1.03556 4.78306 0.713222 4.58425 0.51441C4.38543 0.315597 4.06309 0.315597 3.86428 0.51441L2.42436 1.95433L0.984429 0.514405C0.785617 0.315592 0.463278 0.315592 0.264466 0.514405Z\" fill=\"%239092B0\"/></svg>'); /* stylelint-disable-line */\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-size: 35%;\n\t\t\t}\n\n\t\t\t&:checked::after {\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg viewBox=\"0 0 7 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.33655 4.5513L5.99787 0.889985C6.22509 0.66277 6.59347 0.66277 6.82069 0.889985C7.0479 1.1172 7.0479 1.48559 6.82069 1.7128L2.33655 6.19693L0.179688 4.04007C-0.0475262 3.81286 -0.0475262 3.44447 0.179688 3.21726C0.406902 2.99004 0.775289 2.99004 1.0025 3.21726L2.33655 4.5513Z\" fill=\"%233e7da6\"/></svg>'); /* stylelint-disable-line */\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-size: 45%;\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\n\t\t\t&::before {\n\t\t\t\toutline-color: var(--gform-admin-color-snuff);\n\t\t\t\toutline-offset: 2px;\n\t\t\t}\n\n\t\t\t&:checked::before {\n\t\t\t\toutline-color: var(--gform-admin-color-gravity-blue);\n\t\t\t}\n\t\t}\n\n\t\t&:checked::before {\n\t\t\tbackground: var(--gform-admin-color-gravity-blue);\n\t\t}\n\t}\n\n\t.gform-toggle--theme-cosmos {\n\n\t\tinput[type=\"checkbox\"].gform-toggle__toggle {\n\n\t\t\t&::before {\n\t\t\t\tbackground: var(--gform-admin-color-santas);\n\t\t\t}\n\n\t\t\t&:focus-visible {\n\n\t\t\t\t&::before {\n\t\t\t\t\toutline-color: var(--gform-admin-color-santas);\n\t\t\t\t}\n\n\t\t\t\t&:checked::before {\n\t\t\t\t\toutline-color: var(--gform-admin-color-chathams);\n\t\t\t\t}\n\n\t\t\t\t&:hover:checked {\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\toutline-color: var(--gform-admin-color-port);\n\t\t\t\t\t}\n\n\t\t\t\t\t& ~ .gform-toggle__icon {\n\t\t\t\t\t\tcolor: var(--gform-admin-color-port);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked {\n\n\t\t\t\t&::before {\n\t\t\t\t\tbackground: var(--gform-admin-color-chathams);\n\t\t\t\t}\n\n\t\t\t\t&.gform-toggle__toggle--has-icons {\n\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tbackground-image: url('data:image/svg+xml,<svg viewBox=\"0 0 7 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.33655 4.5513L5.99787 0.889985C6.22509 0.66277 6.59347 0.66277 6.82069 0.889985C7.0479 1.1172 7.0479 1.48559 6.82069 1.7128L2.33655 6.19693L0.179688 4.04007C-0.0475262 3.81286 -0.0475262 3.44447 0.179688 3.21726C0.406902 2.99004 0.775289 2.99004 1.0025 3.21726L2.33655 4.5513Z\" fill=\"%230f3d6c\"/></svg>'); /* stylelint-disable-line */\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tbackground: var(--gform-admin-color-port);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:disabled {\n\t\t\t\topacity: 1;\n\n\t\t\t\t&::before {\n\t\t\t\t\tbackground: var(--gform-admin-color-white-lilac);\n\t\t\t\t}\n\n\t\t\t\t&:checked {\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover {\n\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\tbackground: var(--gform-admin-color-white-lilac);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-toggle--size-s {\n\n\t\tinput[type=\"checkbox\"].gform-toggle__toggle {\n\t\t\theight: 1.25rem;\n\n\t\t\t&::before {\n\t\t\t\tborder-radius: 0.625rem;\n\t\t\t\theight: 1.25rem;\n\t\t\t\twidth: 2.5625rem;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\theight: 0.875rem;\n\t\t\t\tinset-inline-start: 0.1875rem;\n\t\t\t\ttop: 0.1875rem;\n\t\t\t\twidth: 0.875rem;\n\t\t\t}\n\n\t\t\t&:checked::after {\n\t\t\t\ttransform: translateX(1.3125rem);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-toggle--size-m {\n\n\t\tinput[type=\"checkbox\"].gform-toggle__toggle {\n\t\t\theight: 1.5rem;\n\n\t\t\t&::before {\n\t\t\t\tborder-radius: 0.75rem;\n\t\t\t\theight: 1.5rem;\n\t\t\t\twidth: 3rem;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\theight: 1.125rem;\n\t\t\t\tinset-inline-start: 0.1875rem;\n\t\t\t\ttop: 0.1875rem;\n\t\t\t\twidth: 1.125rem;\n\t\t\t}\n\n\t\t\t&:checked::after {\n\t\t\t\ttransform: translateX(1.5rem);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-toggle--size-l {\n\n\t\tinput[type=\"checkbox\"].gform-toggle__toggle {\n\t\t\theight: 1.75rem;\n\n\t\t\t&::before {\n\t\t\t\tborder-radius: 0.875rem;\n\t\t\t\theight: 1.75rem;\n\t\t\t\twidth: 3.4375rem;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\theight: 1.25rem;\n\t\t\t\tinset-inline-start: 0.25rem;\n\t\t\t\ttop: 0.25rem;\n\t\t\t\twidth: 1.25rem;\n\t\t\t}\n\n\t\t\t&:checked::after {\n\t\t\t\ttransform: translateX(1.6875rem);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-toggle__label {\n\t\tcursor: pointer;\n\t}\n}\n\nhtml[dir=\"rtl\"] .gform-admin {\n\n\t.gform-toggle--size-s input[type=\"checkbox\"].gform-toggle__toggle {\n\n\t\t&:checked::after {\n\t\t\ttransform: translateX(-1.3125rem);\n\t\t}\n\t}\n\n\t.gform-toggle--size-m input[type=\"checkbox\"].gform-toggle__toggle {\n\n\t\t&:checked::after {\n\t\t\ttransform: translateX(-1.5rem);\n\t\t}\n\t}\n\n\t.gform-toggle--size-l input[type=\"checkbox\"].gform-toggle__toggle {\n\n\t\t&:checked::after {\n\t\t\ttransform: translateX(-1.6875rem);\n\t\t}\n\t}\n}\n"]}
1
+ {"version":3,"sources":["toggle.css"],"names":[],"mappings":"AAEC;EACC,uBAAuB;EACvB,oBAAoB;EACpB,WAAW;CAYZ;;EAVC;GAIC,sBAAsB;EACvB;;EAEA;GACC,YAAY;EACb;;CAGD;EAEC,YAAY;CACb;;CAEA;EACC,aAAa;EACb,8BAA8B;CAC/B;;CAEA;EACC,2BAA2B;CAC5B;;CAEA;EACC,eAAe;CAChB;;CAEA;EACC,wBAAgB;KAAhB,qBAAgB;UAAhB,gBAAgB;EAChB,gBAAgB;EAChB,SAAS;EACT,gBAAgB;EAChB,eAAe;EACf,cAAc;EACd,UAAU;EACV,SAAS;EACT,aAAa;EACb,kBAAkB;EAClB,WAAW;CAqDZ;;CAnDC;GACC,mBAA0C;GAC1C,WAAW;GACX,cAAc;GACd,SAAS;GACT,8BAA8B;GAC9B,mBAAmB;GACnB,0BAA+C;EAChD;;CAEA;GACC,sBAAgD;GAChD,kBAAkB;GAClB,gHAAgD;GAChD,WAAW;GACX,kBAAkB;GAClB,0BAA+C;EAChD;;CAIC;IACC,urBAAurB,EAAE,2BAA2B;IACptB,2BAA2B;IAC3B,4BAA4B;IAC5B,oBAAoB;GACrB;;CAEA;IACC,2aAA2a,EAAE,2BAA2B;IACxc,2BAA2B;IAC3B,4BAA4B;IAC5B,oBAAoB;GACrB;;CAKA;IACC,sBAA6C;IAC7C,mBAAmB;GACpB;;CAEA;IACC,sBAAoD;GACrD;;CAGD;GACC,mBAAiD;EAClD;;CAOC;IACC,mBAA2C;GAC5C;;CAIC;KACC,sBAA8C;IAC/C;;CAEA;KACC,sBAAgD;IACjD;;CAIC;MACC,sBAA4C;KAC7C;;CAEA;MACC,cAAoC;KACrC;;CAMD;KACC,mBAA6C;IAC9C;;CAIC;MACC,2aAA2a,EAAE,2BAA2B;KACzc;;CAKA;MACC,mBAAyC;KAC1C;;CAUF;IACC,UAAU;GAmBX;;CAjBC;KACC,mBAAgD;IACjD;;CAIC;MACC,UAAU;KACX;;CAIC;OACC,mBAAgD;MACjD;;CASJ;GACC,eAAe;EAkBhB;;CAhBC;IACC,uBAAuB;IACvB,eAAe;IACf,gBAAgB;GACjB;;CAEA;IACC,gBAAgB;IAChB,6BAA6B;IAC7B,cAAc;IACd,eAAe;GAChB;;CAEA;IACC,gCAAgC;GACjC;;CAMD;GACC,cAAc;EAkBf;;CAhBC;IACC,sBAAsB;IACtB,cAAc;IACd,WAAW;GACZ;;CAEA;IACC,gBAAgB;IAChB,6BAA6B;IAC7B,cAAc;IACd,eAAe;GAChB;;CAEA;IACC,6BAA6B;GAC9B;;CAMD;GACC,eAAe;EAkBhB;;CAhBC;IACC,uBAAuB;IACvB,eAAe;IACf,gBAAgB;GACjB;;CAEA;IACC,eAAe;IACf,2BAA2B;IAC3B,YAAY;IACZ,cAAc;GACf;;CAEA;IACC,gCAAgC;GACjC;;CAIF;EACC,eAAe;CAChB;;CAIC;GACC,eAAe;GACf,UAAU;EAKX;;CAHC;IACC,UAAU;GACX;;CAGD;GACC,eAAe;EAChB;;AAQA;GACC,iCAAiC;EAClC;;AAKA;GACC,8BAA8B;EAC/B;;AAKA;GACC,iCAAiC;EAClC","file":"toggle.css","sourcesContent":[".gform-admin {\n\n\t.gform-toggle {\n\t\talign-items: flex-start;\n\t\tdisplay: inline-flex;\n\t\tgap: 0.5rem;\n\n\t\t&,\n\t\t*,\n\t\t*::before,\n\t\t*::after {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t&.gform-toggle--disabled:not(.gform-toggle--busy) {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-toggle--size-m,\n\t.gform-toggle--size-l {\n\t\tgap: 0.75rem;\n\t}\n\n\t.gform-toggle--width-full {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t}\n\n\t.gform-toggle--label-left {\n\t\tflex-direction: row-reverse;\n\t}\n\n\t.gform-toggle--width-full.gform-toggle--label-right {\n\t\ttext-align: end;\n\t}\n\n\tinput[type=\"checkbox\"].gform-toggle__toggle {\n\t\tappearance: none;\n\t\tbackground: none;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t\tcursor: pointer;\n\t\tdisplay: block;\n\t\tflex: none;\n\t\tmargin: 0;\n\t\toutline: none;\n\t\tposition: relative;\n\t\twidth: auto;\n\n\t\t&::before {\n\t\t\tbackground: var(--gform-admin-color-snuff);\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\toutline: 2px solid transparent;\n\t\t\toutline-offset: 2px;\n\t\t\ttransition: var(--gform-admin-transition-hover);\n\t\t}\n\n\t\t&::after {\n\t\t\tbackground-color: var(--gform-admin-color-white);\n\t\t\tborder-radius: 50%;\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-toggle);\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\ttransition: var(--gform-admin-transition-hover);\n\t\t}\n\n\t\t&.gform-toggle__toggle--has-icons {\n\n\t\t\t&::after {\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg viewBox=\"0 0 5 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0.264466 0.514405C0.0656531 0.713217 0.0656538 1.03556 0.264466 1.23437L1.70439 2.6743L0.264466 4.11422C0.0656534 4.31304 0.0656532 4.63538 0.264466 4.83419C0.463278 5.033 0.785617 5.033 0.98443 4.83419L2.42436 3.39426L3.86428 4.83418C4.06309 5.033 4.38543 5.033 4.58425 4.83418C4.78306 4.63537 4.78306 4.31303 4.58424 4.11422L3.14432 2.6743L4.58425 1.23437C4.78306 1.03556 4.78306 0.713222 4.58425 0.51441C4.38543 0.315597 4.06309 0.315597 3.86428 0.51441L2.42436 1.95433L0.984429 0.514405C0.785617 0.315592 0.463278 0.315592 0.264466 0.514405Z\" fill=\"%239092B0\"/></svg>'); /* stylelint-disable-line */\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-size: 35%;\n\t\t\t}\n\n\t\t\t&:checked::after {\n\t\t\t\tbackground-image: url('data:image/svg+xml,<svg viewBox=\"0 0 7 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.33655 4.5513L5.99787 0.889985C6.22509 0.66277 6.59347 0.66277 6.82069 0.889985C7.0479 1.1172 7.0479 1.48559 6.82069 1.7128L2.33655 6.19693L0.179688 4.04007C-0.0475262 3.81286 -0.0475262 3.44447 0.179688 3.21726C0.406902 2.99004 0.775289 2.99004 1.0025 3.21726L2.33655 4.5513Z\" fill=\"%233e7da6\"/></svg>'); /* stylelint-disable-line */\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-size: 45%;\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\n\t\t\t&::before {\n\t\t\t\toutline-color: var(--gform-admin-color-snuff);\n\t\t\t\toutline-offset: 2px;\n\t\t\t}\n\n\t\t\t&:checked::before {\n\t\t\t\toutline-color: var(--gform-admin-color-gravity-blue);\n\t\t\t}\n\t\t}\n\n\t\t&:checked::before {\n\t\t\tbackground: var(--gform-admin-color-gravity-blue);\n\t\t}\n\t}\n\n\t.gform-toggle--theme-cosmos {\n\n\t\tinput[type=\"checkbox\"].gform-toggle__toggle {\n\n\t\t\t&::before {\n\t\t\t\tbackground: var(--gform-admin-color-santas);\n\t\t\t}\n\n\t\t\t&:focus-visible {\n\n\t\t\t\t&::before {\n\t\t\t\t\toutline-color: var(--gform-admin-color-santas);\n\t\t\t\t}\n\n\t\t\t\t&:checked::before {\n\t\t\t\t\toutline-color: var(--gform-admin-color-chathams);\n\t\t\t\t}\n\n\t\t\t\t&:hover:checked {\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\toutline-color: var(--gform-admin-color-port);\n\t\t\t\t\t}\n\n\t\t\t\t\t& ~ .gform-toggle__icon {\n\t\t\t\t\t\tcolor: var(--gform-admin-color-port);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked {\n\n\t\t\t\t&::before {\n\t\t\t\t\tbackground: var(--gform-admin-color-chathams);\n\t\t\t\t}\n\n\t\t\t\t&.gform-toggle__toggle--has-icons {\n\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tbackground-image: url('data:image/svg+xml,<svg viewBox=\"0 0 7 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.33655 4.5513L5.99787 0.889985C6.22509 0.66277 6.59347 0.66277 6.82069 0.889985C7.0479 1.1172 7.0479 1.48559 6.82069 1.7128L2.33655 6.19693L0.179688 4.04007C-0.0475262 3.81286 -0.0475262 3.44447 0.179688 3.21726C0.406902 2.99004 0.775289 2.99004 1.0025 3.21726L2.33655 4.5513Z\" fill=\"%230f3d6c\"/></svg>'); /* stylelint-disable-line */\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tbackground: var(--gform-admin-color-port);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-toggle--theme-cosmos:not(.gform-toggle--busy) {\n\n\t\tinput[type=\"checkbox\"].gform-toggle__toggle {\n\n\t\t\t&:disabled {\n\t\t\t\topacity: 1;\n\n\t\t\t\t&::before {\n\t\t\t\t\tbackground: var(--gform-admin-color-white-lilac);\n\t\t\t\t}\n\n\t\t\t\t&:checked {\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover {\n\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\tbackground: var(--gform-admin-color-white-lilac);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-toggle--size-s {\n\n\t\tinput[type=\"checkbox\"].gform-toggle__toggle {\n\t\t\theight: 1.25rem;\n\n\t\t\t&::before {\n\t\t\t\tborder-radius: 0.625rem;\n\t\t\t\theight: 1.25rem;\n\t\t\t\twidth: 2.5625rem;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\theight: 0.875rem;\n\t\t\t\tinset-inline-start: 0.1875rem;\n\t\t\t\ttop: 0.1875rem;\n\t\t\t\twidth: 0.875rem;\n\t\t\t}\n\n\t\t\t&:checked::after {\n\t\t\t\ttransform: translateX(1.3125rem);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-toggle--size-m {\n\n\t\tinput[type=\"checkbox\"].gform-toggle__toggle {\n\t\t\theight: 1.5rem;\n\n\t\t\t&::before {\n\t\t\t\tborder-radius: 0.75rem;\n\t\t\t\theight: 1.5rem;\n\t\t\t\twidth: 3rem;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\theight: 1.125rem;\n\t\t\t\tinset-inline-start: 0.1875rem;\n\t\t\t\ttop: 0.1875rem;\n\t\t\t\twidth: 1.125rem;\n\t\t\t}\n\n\t\t\t&:checked::after {\n\t\t\t\ttransform: translateX(1.5rem);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-toggle--size-l {\n\n\t\tinput[type=\"checkbox\"].gform-toggle__toggle {\n\t\t\theight: 1.75rem;\n\n\t\t\t&::before {\n\t\t\t\tborder-radius: 0.875rem;\n\t\t\t\theight: 1.75rem;\n\t\t\t\twidth: 3.4375rem;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\theight: 1.25rem;\n\t\t\t\tinset-inline-start: 0.25rem;\n\t\t\t\ttop: 0.25rem;\n\t\t\t\twidth: 1.25rem;\n\t\t\t}\n\n\t\t\t&:checked::after {\n\t\t\t\ttransform: translateX(1.6875rem);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-toggle__label {\n\t\tcursor: pointer;\n\t}\n\n\t.gform-toggle--busy {\n\n\t\tinput[type=\"checkbox\"].gform-toggle__toggle {\n\t\t\tcursor: default;\n\t\t\topacity: 1;\n\n\t\t\t&:checked::before {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t.gform-toggle__label {\n\t\t\tcursor: default;\n\t\t}\n\t}\n}\n\nhtml[dir=\"rtl\"] .gform-admin {\n\n\t.gform-toggle--size-s input[type=\"checkbox\"].gform-toggle__toggle {\n\n\t\t&:checked::after {\n\t\t\ttransform: translateX(-1.3125rem);\n\t\t}\n\t}\n\n\t.gform-toggle--size-m input[type=\"checkbox\"].gform-toggle__toggle {\n\n\t\t&:checked::after {\n\t\t\ttransform: translateX(-1.5rem);\n\t\t}\n\t}\n\n\t.gform-toggle--size-l input[type=\"checkbox\"].gform-toggle__toggle {\n\n\t\t&:checked::after {\n\t\t\ttransform: translateX(-1.6875rem);\n\t\t}\n\t}\n}\n"]}
package/dist/js/admin-components.asset.php CHANGED
@@ -1 +1 @@
1
- <?php return array('dependencies' => array('gform_gravityforms_libraries', 'gform_gravityforms_react_utils', 'gform_gravityforms_utils', 'wp-polyfill'), 'version' => '1e7796759e50900c63db');
1
+ <?php return array('dependencies' => array('gform_gravityforms_libraries', 'gform_gravityforms_react_utils', 'gform_gravityforms_utils', 'wp-polyfill'), 'version' => 'b500016cfdd4e5f7f353');