survey-creator-core 1.9.90 → 1.9.92

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 (31) hide show
  1. package/fonts.fontless.css +1 -1
  2. package/fonts.fontless.min.css +1 -1
  3. package/package.json +2 -2
  4. package/survey-creator-core.css +110 -16
  5. package/survey-creator-core.fontless.css +109 -15
  6. package/survey-creator-core.fontless.css.map +1 -1
  7. package/survey-creator-core.fontless.min.css +5 -5
  8. package/survey-creator-core.i18n.js +1 -1
  9. package/survey-creator-core.i18n.min.js +1 -1
  10. package/survey-creator-core.js +819 -487
  11. package/survey-creator-core.js.map +1 -1
  12. package/survey-creator-core.min.css +6 -6
  13. package/survey-creator-core.min.js +3 -3
  14. package/typings/components/action-container-view-model.d.ts +1 -0
  15. package/typings/components/question.d.ts +8 -1
  16. package/typings/components/simulator.d.ts +0 -1
  17. package/typings/components/string-editor.d.ts +1 -0
  18. package/typings/components/tabs/theme-custom-questions/color-settings.d.ts +0 -4
  19. package/typings/components/tabs/theme-custom-questions/element-settings.d.ts +1 -0
  20. package/typings/components/tabs/theme-custom-questions/font-settings.d.ts +1 -0
  21. package/typings/components/tabs/theme-plugin.d.ts +3 -0
  22. package/typings/components/tabs/theme.d.ts +11 -39
  23. package/typings/creator-base.d.ts +2 -1
  24. package/typings/creator-settings.d.ts +4 -0
  25. package/typings/custom-questions/question-color.d.ts +10 -1
  26. package/typings/editorLocalization.d.ts +6 -0
  27. package/typings/entries/index.d.ts +2 -0
  28. package/typings/localization/english.d.ts +6 -0
  29. package/typings/property-grid/index.d.ts +2 -0
  30. package/typings/property-grid-theme/property-grid.d.ts +4 -1
  31. package/typings/utils/utils.d.ts +4 -0
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.90
2
+ * SurveyJS Creator v1.9.92
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.90
2
+ * SurveyJS Creator v1.9.92
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "survey-creator-core",
3
- "version": "1.9.90",
3
+ "version": "1.9.92",
4
4
  "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
5
5
  "keywords": [
6
6
  "Survey",
@@ -29,7 +29,7 @@
29
29
  "ace-builds": "^1.4.12"
30
30
  },
31
31
  "dependencies": {
32
- "survey-core": "1.9.90"
32
+ "survey-core": "1.9.92"
33
33
  },
34
34
  "devDependencies": {}
35
35
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.90
2
+ * SurveyJS Creator v1.9.92
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -225,7 +225,7 @@
225
225
 
226
226
 
227
227
  /*# sourceMappingURL=fonts.fontless.css.map*//*!
228
- * SurveyJS Creator v1.9.90
228
+ * SurveyJS Creator v1.9.92
229
229
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
230
230
  * Github: https://github.com/surveyjs/survey-creator
231
231
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1519,6 +1519,9 @@ survey-creator,
1519
1519
  .svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border {
1520
1520
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1), 0px 0px 0px calc(0.25 * var(--base-unit, 8px)) var(--red, #e60a3e); }
1521
1521
 
1522
+ .sd-boolean .sv-string-editor:focus-within {
1523
+ white-space: nowrap; }
1524
+
1522
1525
  .sd-rating .sd-rating__item:focus-within {
1523
1526
  border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394); }
1524
1527
 
@@ -1909,6 +1912,29 @@ svc-page {
1909
1912
  .sd-panel__content .svc-row--drag-over-bottom:after {
1910
1913
  bottom: -6px; }
1911
1914
 
1915
+ .svc-carry-forward-panel {
1916
+ box-sizing: border-box;
1917
+ width: 100%;
1918
+ padding: calc(4 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px));
1919
+ margin-top: calc(2 * var(--base-unit, 8px));
1920
+ border-radius: calc(1 * var(--base-unit, 8px));
1921
+ background-color: #F8F8F8;
1922
+ text-align: center;
1923
+ font-weight: 400;
1924
+ font-size: calc(2 * var(--base-unit, 8px));
1925
+ line-height: calc(3 * var(--base-unit, 8px));
1926
+ color: rgba(0, 0, 0, 0.45); }
1927
+
1928
+ .svc-carry-forward-panel__link .svc-action-button {
1929
+ padding: 0;
1930
+ border: none;
1931
+ font-weight: inherit;
1932
+ color: inherit;
1933
+ text-decoration: underline;
1934
+ cursor: pointer; }
1935
+ .svc-carry-forward-panel__link .svc-action-button:hover, .svc-carry-forward-panel__link .svc-action-button:focus {
1936
+ background-color: transparent; }
1937
+
1912
1938
  svc-question {
1913
1939
  display: block;
1914
1940
  position: absolute;
@@ -1944,9 +1970,6 @@ svc-question {
1944
1970
  border: 2px solid transparent;
1945
1971
  outline: none; }
1946
1972
 
1947
- .svc-question__content .sd-element__header .sd-description {
1948
- margin-top: 0; }
1949
-
1950
1973
  .svc-question__content .sd-selectbase:not(.sd-imagepicker) {
1951
1974
  overflow-x: auto;
1952
1975
  padding-left: calc(5 * var(--base-unit, 8px));
@@ -2036,7 +2059,11 @@ svc-question {
2036
2059
  -moz-user-select: none;
2037
2060
  -webkit-user-select: none;
2038
2061
  -ms-user-select: none;
2039
- user-select: none; }
2062
+ user-select: none;
2063
+ max-width: 500px;
2064
+ overflow: hidden;
2065
+ white-space: nowrap;
2066
+ text-overflow: ellipsis; }
2040
2067
 
2041
2068
  .svc-dragged-element-shortcut .sv-svg-icon use {
2042
2069
  fill: var(--primary, #19b394); }
@@ -2613,7 +2640,8 @@ svc-question .sv-action-bar,
2613
2640
  display: none;
2614
2641
  position: absolute;
2615
2642
  top: calc(50% - 3 * var(--base-unit, 8px));
2616
- left: calc(50% - 3 * var(--base-unit, 8px)); }
2643
+ left: calc(50% - 3 * var(--base-unit, 8px));
2644
+ z-index: 2; }
2617
2645
 
2618
2646
  .svc-matrix-cell__question-controls-button {
2619
2647
  display: block;
@@ -2640,6 +2668,12 @@ svc-question .sv-action-bar,
2640
2668
  margin-top: calc(1 * var(--base-unit, 8px));
2641
2669
  padding-top: 0; }
2642
2670
 
2671
+ .svc-matrix-cell__popup .svc-question__content {
2672
+ -moz-user-select: none;
2673
+ -webkit-user-select: none;
2674
+ -ms-user-select: none;
2675
+ user-select: none; }
2676
+
2643
2677
  .svc-question__content .sd-table__cell--detail-panel .svc-question__adorner {
2644
2678
  z-index: 13; }
2645
2679
 
@@ -3296,6 +3330,11 @@ svc-toolbox {
3296
3330
  padding: calc(1 * var(--base-unit, 8px));
3297
3331
  box-sizing: border-box;
3298
3332
  border: none;
3333
+ color: var(--primary, #19b394);
3334
+ font-weight: 600;
3335
+ font-size: calc(2 * var(--base-unit, 8px));
3336
+ line-height: calc(3 * var(--base-unit, 8px));
3337
+ font-family: var(--font-family);
3299
3338
  border-radius: calc(12.5 * var(--base-unit, 8px));
3300
3339
  background-color: transparent;
3301
3340
  cursor: pointer; }
@@ -3311,10 +3350,12 @@ svc-toolbox {
3311
3350
  .spg-action-button__icon use {
3312
3351
  fill: var(--foreground-light, #909090); }
3313
3352
 
3314
- .spg-action-button--danger:hover, .spg-action-button--danger:focus {
3315
- background-color: var(--red-light, rgba(229, 10, 62, 0.1)); }
3316
- .spg-action-button--danger:hover use, .spg-action-button--danger:focus use {
3317
- fill: var(--red, #e60a3e); }
3353
+ .spg-action-button--danger {
3354
+ color: var(--red, #e60a3e); }
3355
+ .spg-action-button--danger:hover, .spg-action-button--danger:focus {
3356
+ background-color: var(--red-light, rgba(229, 10, 62, 0.1)); }
3357
+ .spg-action-button--danger:hover use, .spg-action-button--danger:focus use {
3358
+ fill: var(--red, #e60a3e); }
3318
3359
 
3319
3360
  button.spg-action-button--large {
3320
3361
  padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); }
@@ -3330,6 +3371,9 @@ button.spg-action-button--large {
3330
3371
  .spg-action-button:active {
3331
3372
  opacity: 0.5; }
3332
3373
 
3374
+ .spg-action-button--text {
3375
+ padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); }
3376
+
3333
3377
  .spg-question {
3334
3378
  display: flex;
3335
3379
  flex-direction: column;
@@ -3386,6 +3430,9 @@ button.spg-action-button--large {
3386
3430
  .spg-row-narrow__question {
3387
3431
  margin-top: calc(-2 * var(--base-unit, 8px)); }
3388
3432
 
3433
+ .spg-row--multiple > div > .spg-row-narrow__question {
3434
+ margin-top: calc(-1 * var(--base-unit, 8px)); }
3435
+
3389
3436
  .spg-question--location--left {
3390
3437
  flex-direction: row;
3391
3438
  background: var(--background, #fff);
@@ -3840,6 +3887,9 @@ button.spg-action-button--large {
3840
3887
  align-items: center;
3841
3888
  gap: calc(0.5 * var(--base-unit, 8px)); }
3842
3889
 
3890
+ .spg-color-editor__input {
3891
+ line-height: calc(3 * var(--base-unit, 8px)); }
3892
+
3843
3893
  .spg-color-editor__color-input {
3844
3894
  position: absolute;
3845
3895
  height: 1px;
@@ -3848,18 +3898,37 @@ button.spg-action-button--large {
3848
3898
  clip: rect(1px 1px 1px 1px);
3849
3899
  /* IE6, IE7 */
3850
3900
  clip: rect(1px, 1px, 1px, 1px);
3851
- left: calc(50%);
3852
- top: calc(100%);
3853
- transform: translate(-50%, -50%); }
3901
+ left: 0;
3902
+ top: 100%;
3903
+ transform: translateY(-50%); }
3904
+
3905
+ .spg-color-editor__color-item {
3906
+ display: flex;
3907
+ gap: calc(2 * var(--base-unit, 8px)); }
3908
+ .spg-color-editor__color-item .spg-color-editor__color-swatch {
3909
+ margin-left: 0; }
3854
3910
 
3855
3911
  .spg-color-editor__color-swatch {
3912
+ position: relative;
3856
3913
  flex-shrink: 0;
3857
3914
  flex-grow: 0;
3858
- border: 1px solid rgba(0, 0, 0, 0.16);
3859
3915
  border-radius: 3px;
3860
- width: calc(4.5 * var(--base-unit, 8px));
3916
+ width: calc(4 * var(--base-unit, 8px));
3861
3917
  height: calc(3 * var(--base-unit, 8px));
3918
+ box-sizing: border-box;
3919
+ border: 1px solid rgba(0, 0, 0, 0.16);
3862
3920
  margin-left: calc(1.5 * var(--base-unit, 8px)); }
3921
+ .spg-color-editor__color-swatch .sv-svg-icon {
3922
+ position: absolute;
3923
+ width: calc(2 * var(--base-unit, 8px));
3924
+ height: calc(2 * var(--base-unit, 8px));
3925
+ left: 50%;
3926
+ top: 50%;
3927
+ transform: translate(-50%, -50%);
3928
+ fill: var(--background, #fff); }
3929
+
3930
+ .spg-color-editor div:last-child {
3931
+ display: none; }
3863
3932
 
3864
3933
  .spg-file-edit__choose-button {
3865
3934
  position: relative; }
@@ -3867,6 +3936,17 @@ button.spg-action-button--large {
3867
3936
  .spg-link {
3868
3937
  display: flex; }
3869
3938
 
3939
+ .spg-theme-builder-root .spg-paneldynamic__separator {
3940
+ border: none;
3941
+ margin: 0;
3942
+ height: calc(2 * var(--base-unit, 8px)); }
3943
+
3944
+ .spg-theme-builder-root .spg-panel__footer {
3945
+ margin: calc(1 * var(--base-unit, 8px)) auto 0; }
3946
+
3947
+ .spg-theme-builder-root .spg-paneldynamic__add-btn {
3948
+ margin: 0 auto; }
3949
+
3870
3950
  .spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container {
3871
3951
  display: none; }
3872
3952
 
@@ -3929,6 +4009,20 @@ button.spg-action-button--large {
3929
4009
  .spg-theme-builder-root .spg-panel__content .spg-row:last-of-type .spg-panel__content::after {
3930
4010
  content: none; }
3931
4011
 
4012
+ .spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {
4013
+ min-width: 0;
4014
+ flex: 0 0 max-content; }
4015
+
4016
+ .spg-link-wrapper--overriding {
4017
+ align-self: end; }
4018
+ .spg-link-wrapper--overriding .svc-action-button {
4019
+ text-decoration: underline;
4020
+ padding: 0;
4021
+ border: none;
4022
+ margin: 0; }
4023
+ .spg-link-wrapper--overriding .svc-action-button:focus, .spg-link-wrapper--overriding .svc-action-button:hover {
4024
+ background-color: transparent; }
4025
+
3932
4026
  .spg-root-modern {
3933
4027
  width: 100%;
3934
4028
  border-right: 1px solid var(--border, #d6d6d6);
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.90
2
+ * SurveyJS Creator v1.9.92
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1293,6 +1293,9 @@ survey-creator,
1293
1293
  .svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border {
1294
1294
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1), 0px 0px 0px calc(0.25 * var(--base-unit, 8px)) var(--red, #e60a3e); }
1295
1295
 
1296
+ .sd-boolean .sv-string-editor:focus-within {
1297
+ white-space: nowrap; }
1298
+
1296
1299
  .sd-rating .sd-rating__item:focus-within {
1297
1300
  border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394); }
1298
1301
 
@@ -1683,6 +1686,29 @@ svc-page {
1683
1686
  .sd-panel__content .svc-row--drag-over-bottom:after {
1684
1687
  bottom: -6px; }
1685
1688
 
1689
+ .svc-carry-forward-panel {
1690
+ box-sizing: border-box;
1691
+ width: 100%;
1692
+ padding: calc(4 * var(--base-unit, 8px)) calc(8 * var(--base-unit, 8px));
1693
+ margin-top: calc(2 * var(--base-unit, 8px));
1694
+ border-radius: calc(1 * var(--base-unit, 8px));
1695
+ background-color: #F8F8F8;
1696
+ text-align: center;
1697
+ font-weight: 400;
1698
+ font-size: calc(2 * var(--base-unit, 8px));
1699
+ line-height: calc(3 * var(--base-unit, 8px));
1700
+ color: rgba(0, 0, 0, 0.45); }
1701
+
1702
+ .svc-carry-forward-panel__link .svc-action-button {
1703
+ padding: 0;
1704
+ border: none;
1705
+ font-weight: inherit;
1706
+ color: inherit;
1707
+ text-decoration: underline;
1708
+ cursor: pointer; }
1709
+ .svc-carry-forward-panel__link .svc-action-button:hover, .svc-carry-forward-panel__link .svc-action-button:focus {
1710
+ background-color: transparent; }
1711
+
1686
1712
  svc-question {
1687
1713
  display: block;
1688
1714
  position: absolute;
@@ -1718,9 +1744,6 @@ svc-question {
1718
1744
  border: 2px solid transparent;
1719
1745
  outline: none; }
1720
1746
 
1721
- .svc-question__content .sd-element__header .sd-description {
1722
- margin-top: 0; }
1723
-
1724
1747
  .svc-question__content .sd-selectbase:not(.sd-imagepicker) {
1725
1748
  overflow-x: auto;
1726
1749
  padding-left: calc(5 * var(--base-unit, 8px));
@@ -1810,7 +1833,11 @@ svc-question {
1810
1833
  -moz-user-select: none;
1811
1834
  -webkit-user-select: none;
1812
1835
  -ms-user-select: none;
1813
- user-select: none; }
1836
+ user-select: none;
1837
+ max-width: 500px;
1838
+ overflow: hidden;
1839
+ white-space: nowrap;
1840
+ text-overflow: ellipsis; }
1814
1841
 
1815
1842
  .svc-dragged-element-shortcut .sv-svg-icon use {
1816
1843
  fill: var(--primary, #19b394); }
@@ -2387,7 +2414,8 @@ svc-question .sv-action-bar,
2387
2414
  display: none;
2388
2415
  position: absolute;
2389
2416
  top: calc(50% - 3 * var(--base-unit, 8px));
2390
- left: calc(50% - 3 * var(--base-unit, 8px)); }
2417
+ left: calc(50% - 3 * var(--base-unit, 8px));
2418
+ z-index: 2; }
2391
2419
 
2392
2420
  .svc-matrix-cell__question-controls-button {
2393
2421
  display: block;
@@ -2414,6 +2442,12 @@ svc-question .sv-action-bar,
2414
2442
  margin-top: calc(1 * var(--base-unit, 8px));
2415
2443
  padding-top: 0; }
2416
2444
 
2445
+ .svc-matrix-cell__popup .svc-question__content {
2446
+ -moz-user-select: none;
2447
+ -webkit-user-select: none;
2448
+ -ms-user-select: none;
2449
+ user-select: none; }
2450
+
2417
2451
  .svc-question__content .sd-table__cell--detail-panel .svc-question__adorner {
2418
2452
  z-index: 13; }
2419
2453
 
@@ -3070,6 +3104,11 @@ svc-toolbox {
3070
3104
  padding: calc(1 * var(--base-unit, 8px));
3071
3105
  box-sizing: border-box;
3072
3106
  border: none;
3107
+ color: var(--primary, #19b394);
3108
+ font-weight: 600;
3109
+ font-size: calc(2 * var(--base-unit, 8px));
3110
+ line-height: calc(3 * var(--base-unit, 8px));
3111
+ font-family: var(--font-family);
3073
3112
  border-radius: calc(12.5 * var(--base-unit, 8px));
3074
3113
  background-color: transparent;
3075
3114
  cursor: pointer; }
@@ -3085,10 +3124,12 @@ svc-toolbox {
3085
3124
  .spg-action-button__icon use {
3086
3125
  fill: var(--foreground-light, #909090); }
3087
3126
 
3088
- .spg-action-button--danger:hover, .spg-action-button--danger:focus {
3089
- background-color: var(--red-light, rgba(229, 10, 62, 0.1)); }
3090
- .spg-action-button--danger:hover use, .spg-action-button--danger:focus use {
3091
- fill: var(--red, #e60a3e); }
3127
+ .spg-action-button--danger {
3128
+ color: var(--red, #e60a3e); }
3129
+ .spg-action-button--danger:hover, .spg-action-button--danger:focus {
3130
+ background-color: var(--red-light, rgba(229, 10, 62, 0.1)); }
3131
+ .spg-action-button--danger:hover use, .spg-action-button--danger:focus use {
3132
+ fill: var(--red, #e60a3e); }
3092
3133
 
3093
3134
  button.spg-action-button--large {
3094
3135
  padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); }
@@ -3104,6 +3145,9 @@ button.spg-action-button--large {
3104
3145
  .spg-action-button:active {
3105
3146
  opacity: 0.5; }
3106
3147
 
3148
+ .spg-action-button--text {
3149
+ padding: calc(0.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); }
3150
+
3107
3151
  .spg-question {
3108
3152
  display: flex;
3109
3153
  flex-direction: column;
@@ -3160,6 +3204,9 @@ button.spg-action-button--large {
3160
3204
  .spg-row-narrow__question {
3161
3205
  margin-top: calc(-2 * var(--base-unit, 8px)); }
3162
3206
 
3207
+ .spg-row--multiple > div > .spg-row-narrow__question {
3208
+ margin-top: calc(-1 * var(--base-unit, 8px)); }
3209
+
3163
3210
  .spg-question--location--left {
3164
3211
  flex-direction: row;
3165
3212
  background: var(--background, #fff);
@@ -3614,6 +3661,9 @@ button.spg-action-button--large {
3614
3661
  align-items: center;
3615
3662
  gap: calc(0.5 * var(--base-unit, 8px)); }
3616
3663
 
3664
+ .spg-color-editor__input {
3665
+ line-height: calc(3 * var(--base-unit, 8px)); }
3666
+
3617
3667
  .spg-color-editor__color-input {
3618
3668
  position: absolute;
3619
3669
  height: 1px;
@@ -3622,18 +3672,37 @@ button.spg-action-button--large {
3622
3672
  clip: rect(1px 1px 1px 1px);
3623
3673
  /* IE6, IE7 */
3624
3674
  clip: rect(1px, 1px, 1px, 1px);
3625
- left: calc(50%);
3626
- top: calc(100%);
3627
- transform: translate(-50%, -50%); }
3675
+ left: 0;
3676
+ top: 100%;
3677
+ transform: translateY(-50%); }
3678
+
3679
+ .spg-color-editor__color-item {
3680
+ display: flex;
3681
+ gap: calc(2 * var(--base-unit, 8px)); }
3682
+ .spg-color-editor__color-item .spg-color-editor__color-swatch {
3683
+ margin-left: 0; }
3628
3684
 
3629
3685
  .spg-color-editor__color-swatch {
3686
+ position: relative;
3630
3687
  flex-shrink: 0;
3631
3688
  flex-grow: 0;
3632
- border: 1px solid rgba(0, 0, 0, 0.16);
3633
3689
  border-radius: 3px;
3634
- width: calc(4.5 * var(--base-unit, 8px));
3690
+ width: calc(4 * var(--base-unit, 8px));
3635
3691
  height: calc(3 * var(--base-unit, 8px));
3692
+ box-sizing: border-box;
3693
+ border: 1px solid rgba(0, 0, 0, 0.16);
3636
3694
  margin-left: calc(1.5 * var(--base-unit, 8px)); }
3695
+ .spg-color-editor__color-swatch .sv-svg-icon {
3696
+ position: absolute;
3697
+ width: calc(2 * var(--base-unit, 8px));
3698
+ height: calc(2 * var(--base-unit, 8px));
3699
+ left: 50%;
3700
+ top: 50%;
3701
+ transform: translate(-50%, -50%);
3702
+ fill: var(--background, #fff); }
3703
+
3704
+ .spg-color-editor div:last-child {
3705
+ display: none; }
3637
3706
 
3638
3707
  .spg-file-edit__choose-button {
3639
3708
  position: relative; }
@@ -3641,6 +3710,17 @@ button.spg-action-button--large {
3641
3710
  .spg-link {
3642
3711
  display: flex; }
3643
3712
 
3713
+ .spg-theme-builder-root .spg-paneldynamic__separator {
3714
+ border: none;
3715
+ margin: 0;
3716
+ height: calc(2 * var(--base-unit, 8px)); }
3717
+
3718
+ .spg-theme-builder-root .spg-panel__footer {
3719
+ margin: calc(1 * var(--base-unit, 8px)) auto 0; }
3720
+
3721
+ .spg-theme-builder-root .spg-paneldynamic__add-btn {
3722
+ margin: 0 auto; }
3723
+
3644
3724
  .spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container {
3645
3725
  display: none; }
3646
3726
 
@@ -3703,6 +3783,20 @@ button.spg-action-button--large {
3703
3783
  .spg-theme-builder-root .spg-panel__content .spg-row:last-of-type .spg-panel__content::after {
3704
3784
  content: none; }
3705
3785
 
3786
+ .spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {
3787
+ min-width: 0;
3788
+ flex: 0 0 max-content; }
3789
+
3790
+ .spg-link-wrapper--overriding {
3791
+ align-self: end; }
3792
+ .spg-link-wrapper--overriding .svc-action-button {
3793
+ text-decoration: underline;
3794
+ padding: 0;
3795
+ border: none;
3796
+ margin: 0; }
3797
+ .spg-link-wrapper--overriding .svc-action-button:focus, .spg-link-wrapper--overriding .svc-action-button:hover {
3798
+ background-color: transparent; }
3799
+
3706
3800
  .spg-root-modern {
3707
3801
  width: 100%;
3708
3802
  border-right: 1px solid var(--border, #d6d6d6);