@designcrowd/library.brand-page 5.14.11 → 5.14.12

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 (95) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-BJ3Foxao.js → CreatedOnBrandCrowd-de-de-C5tl1NwD.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-BjI_fxWY.js → CreatedOnBrandCrowd-en-us-C7J2vGwU.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-Dt8190BK.js → CreatedOnBrandCrowd-es-es-IREekVx2.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-Ck6zCiIn.js → CreatedOnBrandCrowd-fr-fr-EJkAJ0iH.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-pt-pt-CaNvmzQJ.js → CreatedOnBrandCrowd-pt-pt-mKBH6Ary.js} +1 -1
  6. package/lib/src/{CreatedOnDcom-de-de-DMEecXw8.js → CreatedOnDcom-de-de-CWWw2LBb.js} +1 -1
  7. package/lib/src/{CreatedOnDcom-en-us-BZIPLMxJ.js → CreatedOnDcom-en-us-Db6zzKtc.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-es-es-D6ey1TnI.js → CreatedOnDcom-es-es-CsMu_iBW.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-fr-fr-NaeiDsv-.js → CreatedOnDcom-fr-fr-oJRc8eop.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-pt-pt-BwEUUii2.js → CreatedOnDcom-pt-pt-CQ_otC6l.js} +1 -1
  11. package/lib/src/brand-page/components/button/Button.mixin.js +4 -2
  12. package/lib/src/brand-page/models/index.d.ts +9 -2
  13. package/lib/src/brand-page/utils/migration/migration-06.d.ts +2 -0
  14. package/lib/src/brand-page/utils/migration/migration-06.js +48 -0
  15. package/lib/src/brand-page/utils/migration.util.js +6 -0
  16. package/lib/src/brand-page/utils/view-model.util.js +49 -11
  17. package/lib/src/brand-page/view-models.d.ts +10 -3
  18. package/lib/src/brand-page-maker/constants/config-settings-constant.js +8 -1
  19. package/lib/src/brand-page-maker/models/content-settings.js +7 -1
  20. package/lib/src/{bundled-translations-B54196Rf.js → bundled-translations-fWikWTfa.js} +15 -15
  21. package/lib/src/{bundled-translations.de-DE-CNESUsYJ.js → bundled-translations.de-DE-CwtsRCCr.js} +33 -33
  22. package/lib/src/{bundled-translations.es-ES-FWge029M.js → bundled-translations.es-ES-DELCLCbF.js} +9 -9
  23. package/lib/src/{bundled-translations.fr-CA-DlWfm29N.js → bundled-translations.fr-CA-PDBhYlx8.js} +17 -17
  24. package/lib/src/{bundled-translations.fr-FR-DRCMzVfh.js → bundled-translations.fr-FR-OuZj3i-r.js} +24 -24
  25. package/lib/src/{bundled-translations.pt-BR-llUnBWoL.js → bundled-translations.pt-BR-RPfprZOm.js} +36 -36
  26. package/lib/src/{bundled-translations.pt-PT-K74Dt682.js → bundled-translations.pt-PT-DF_GCXSl.js} +5 -5
  27. package/lib/src/bundles/bundled-translations.de-DE.json +18 -2
  28. package/lib/src/bundles/bundled-translations.es-ES.json +18 -2
  29. package/lib/src/bundles/bundled-translations.fr-CA.json +18 -2
  30. package/lib/src/bundles/bundled-translations.fr-FR.json +18 -2
  31. package/lib/src/bundles/bundled-translations.json +18 -2
  32. package/lib/src/bundles/bundled-translations.pt-BR.json +18 -2
  33. package/lib/src/bundles/bundled-translations.pt-PT.json +18 -2
  34. package/lib/src/css/library.brand-page-brandCrowd.min.css +31 -28
  35. package/lib/src/css/library.brand-page-brandPage.min.css +31 -28
  36. package/lib/src/css/library.brand-page-designCom.min.css +31 -28
  37. package/lib/src/css/library.brand-page-preview.min.css +31 -28
  38. package/lib/src/index.mjs +1 -1
  39. package/lib/src/{lib-C0mkZ8UD.js → lib-CwoD7AhY.js} +26687 -26581
  40. package/lib/src/shared/content-settings/components/items-field/ItemsField.mixin.d.ts +3 -3
  41. package/lib/src/shared/content-settings/components/items-field/ItemsField.mixin.js +3 -3
  42. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +2 -2
  43. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +2 -2
  44. package/package.json +1 -1
  45. package/src/brand-page/components/button/Button.mixin.ts +4 -2
  46. package/src/brand-page/components/fallback-image/FallbackImage.vue +1 -1
  47. package/src/brand-page/components/image/Image.vue +1 -1
  48. package/src/brand-page/components/images-section/ImagesSection.test.ts +230 -0
  49. package/src/brand-page/components/images-section/ImagesSection.vue +185 -18
  50. package/src/brand-page/components/shapes-section/ShapesSection.vue +19 -9
  51. package/src/brand-page/components/text-media-section/TextMediaSection.vue +166 -7
  52. package/src/brand-page/models/index.ts +10 -2
  53. package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap +3 -3
  54. package/src/brand-page/utils/migration/migration-06.ts +64 -0
  55. package/src/brand-page/utils/migration.util.ts +6 -0
  56. package/src/brand-page/utils/view-model.util.ts +62 -13
  57. package/src/brand-page/view-models.ts +8 -2
  58. package/src/brand-page-maker/constants/config-settings-constant.ts +7 -1
  59. package/src/brand-page-maker/models/content-settings.ts +7 -1
  60. package/src/bundles/bundled-translations.de-DE.json +18 -2
  61. package/src/bundles/bundled-translations.es-ES.json +18 -2
  62. package/src/bundles/bundled-translations.fr-CA.json +18 -2
  63. package/src/bundles/bundled-translations.fr-FR.json +18 -2
  64. package/src/bundles/bundled-translations.json +18 -2
  65. package/src/bundles/bundled-translations.pt-BR.json +18 -2
  66. package/src/bundles/bundled-translations.pt-PT.json +18 -2
  67. package/src/shared/content-settings/components/button-configuration-field/ButtonConfigurationField.vue +283 -0
  68. package/src/shared/content-settings/components/content-settings/i18n/content-settings.de-DE.json +1 -0
  69. package/src/shared/content-settings/components/content-settings/i18n/content-settings.es-ES.json +1 -0
  70. package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-CA.json +1 -0
  71. package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-FR.json +1 -0
  72. package/src/shared/content-settings/components/content-settings/i18n/content-settings.json +1 -0
  73. package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-BR.json +1 -0
  74. package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-PT.json +1 -0
  75. package/src/shared/content-settings/components/items-field/ItemsField.mixin.ts +3 -3
  76. package/src/shared/content-settings/components/text-image-field/TextImageField.vue +428 -92
  77. package/src/shared/content-settings/components/text-image-field/i18n/text-image-field.de-DE.json +18 -3
  78. package/src/shared/content-settings/components/text-image-field/i18n/text-image-field.es-ES.json +18 -3
  79. package/src/shared/content-settings/components/text-image-field/i18n/text-image-field.fr-CA.json +18 -3
  80. package/src/shared/content-settings/components/text-image-field/i18n/text-image-field.fr-FR.json +18 -3
  81. package/src/shared/content-settings/components/text-image-field/i18n/text-image-field.json +18 -2
  82. package/src/shared/content-settings/components/text-image-field/i18n/text-image-field.pt-BR.json +18 -3
  83. package/src/shared/content-settings/components/text-image-field/i18n/text-image-field.pt-PT.json +18 -3
  84. package/lib/src/brand-page/components/images-section/ImagesSection.mixin.d.ts +0 -86
  85. package/lib/src/brand-page/components/images-section/ImagesSection.mixin.js +0 -149
  86. package/lib/src/brand-page/components/shapes-section/ShapesSection.mixin.d.ts +0 -62
  87. package/lib/src/brand-page/components/shapes-section/ShapesSection.mixin.js +0 -25
  88. package/lib/src/brand-page/components/text-media-section/TextMediaSection.mixin.d.ts +0 -66
  89. package/lib/src/brand-page/components/text-media-section/TextMediaSection.mixin.js +0 -90
  90. package/lib/src/shared/content-settings/components/text-image-field/TextImageField.mixin.d.ts +0 -126
  91. package/lib/src/shared/content-settings/components/text-image-field/TextImageField.mixin.js +0 -192
  92. package/src/brand-page/components/images-section/ImagesSection.mixin.ts +0 -183
  93. package/src/brand-page/components/shapes-section/ShapesSection.mixin.ts +0 -29
  94. package/src/brand-page/components/text-media-section/TextMediaSection.mixin.ts +0 -124
  95. package/src/shared/content-settings/components/text-image-field/TextImageField.mixin.ts +0 -252
package/lib/src/css/library.brand-page-brandCrowd.min.css CHANGED
@@ -1966,6 +1966,11 @@ a.maker-anchor {
1966
1966
  .tw-gap-y-px {
1967
1967
  row-gap: 1px
1968
1968
  }
1969
+ .tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {
1970
+ --tw-space-y-reverse: 0;
1971
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1972
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse))
1973
+ }
1969
1974
  .tw-self-center {
1970
1975
  -ms-flex-item-align: center;
1971
1976
  align-self: center
@@ -5210,7 +5215,6 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5210
5215
  }
5211
5216
 
5212
5217
  .c-image {
5213
- cursor: pointer;
5214
5218
  -o-object-fit: cover;
5215
5219
  object-fit: cover
5216
5220
  }
@@ -5484,46 +5488,45 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5484
5488
  }
5485
5489
 
5486
5490
  @media (min-width: 640px) {
5487
- .c-image__root[data-v-59f21898] {
5491
+ .c-image__root[data-v-bca1b3cc] {
5488
5492
  margin-left: var(--page-padding);
5489
5493
  margin-right: var(--page-padding);
5490
5494
  }
5491
5495
  }
5492
- .c-image__root-normal-width[data-v-59f21898] {
5496
+ .c-image__root-normal-width[data-v-bca1b3cc] {
5493
5497
  margin-left: var(--page-padding);
5494
5498
  margin-right: var(--page-padding);
5495
5499
  }
5496
- .c-image[data-v-59f21898] {
5500
+ .c-image[data-v-bca1b3cc] {
5497
5501
  --image-size: 8rem;
5498
5502
  --image-spacing: 0.75rem;
5499
5503
  }
5500
- .c-image__container[data-v-59f21898] {
5504
+ .c-image__container[data-v-bca1b3cc] {
5501
5505
  max-width: 100%;
5502
5506
  margin: var(--image-spacing) auto;
5503
5507
  }
5504
- .c-image__container-full-width[data-v-59f21898] {
5508
+ .c-image__container-full-width[data-v-bca1b3cc] {
5505
5509
  width: 100%;
5506
5510
  }
5507
- .c-image__image[data-v-59f21898] {
5511
+ .c-image__image[data-v-bca1b3cc] {
5508
5512
  max-height: 100%;
5509
5513
  min-height: 100%;
5510
5514
  min-width: 100%;
5511
5515
  max-width: 100%;
5512
- cursor: pointer;
5513
5516
  -o-object-fit: cover;
5514
5517
  object-fit: cover;
5515
5518
  }
5516
- .c-image__image--rounded[data-v-59f21898] {
5519
+ .c-image__image--rounded[data-v-bca1b3cc] {
5517
5520
  border-radius: calc(var(--image-size) / 16);
5518
5521
  }
5519
- .c-modal-image[data-v-59f21898] {
5522
+ .c-modal-image[data-v-bca1b3cc] {
5520
5523
  max-width: 100%;
5521
5524
  max-height: calc(100% - 4rem);
5522
5525
  }
5523
- .img-aspect-ratio-container[data-v-59f21898] {
5526
+ .img-aspect-ratio-container[data-v-bca1b3cc] {
5524
5527
  padding: 0;
5525
5528
  }
5526
- .img-aspect-ratio[data-v-59f21898] {
5529
+ .img-aspect-ratio[data-v-bca1b3cc] {
5527
5530
  position: absolute;
5528
5531
  top: 0;
5529
5532
  left: 0;
@@ -6052,40 +6055,40 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6052
6055
  }
6053
6056
  }
6054
6057
 
6055
- .c_text-media--items[data-v-bc1355dd] {
6058
+ .c_text-media--items[data-v-b2ccd8a5] {
6056
6059
  display: -webkit-box;
6057
6060
  display: -ms-flexbox;
6058
6061
  display: flex;
6059
6062
  gap: 2.5rem;
6060
6063
  }
6061
- .c_text-media--item[data-v-bc1355dd] {
6064
+ .c_text-media--item[data-v-b2ccd8a5] {
6062
6065
  display: -webkit-box;
6063
6066
  display: -ms-flexbox;
6064
6067
  display: flex;
6065
6068
  gap: 1.5rem;
6066
6069
  }
6067
- .c_text-media-container[data-v-bc1355dd] {
6070
+ .c_text-media-container[data-v-b2ccd8a5] {
6068
6071
  max-width: var(--brandsite-max-width);
6069
6072
  margin: 0 auto;
6070
6073
  }
6071
- .c_text-media-padding[data-v-bc1355dd] {
6074
+ .c_text-media-padding[data-v-b2ccd8a5] {
6072
6075
  padding-left: var(--page-padding);
6073
6076
  padding-right: var(--page-padding);
6074
6077
  }
6075
- .c_text-media--shape[data-v-bc1355dd] {
6078
+ .c_text-media--shape[data-v-b2ccd8a5] {
6076
6079
  width: 25%;
6077
6080
  }
6078
- .device--mobile .c_text-media--items[data-v-bc1355dd] {
6081
+ .device--mobile .c_text-media--items[data-v-b2ccd8a5] {
6079
6082
  -webkit-box-orient: vertical;
6080
6083
  -webkit-box-direction: normal;
6081
6084
  -ms-flex-direction: column;
6082
6085
  flex-direction: column;
6083
6086
  }
6084
- .device--mobile .c_text-media--alternate[data-v-bc1355dd],
6085
- .device--mobile .c_text-media--shape[data-v-bc1355dd] {
6087
+ .device--mobile .c_text-media--alternate[data-v-b2ccd8a5],
6088
+ .device--mobile .c_text-media--shape[data-v-b2ccd8a5] {
6086
6089
  width: 100%;
6087
6090
  }
6088
- .device--mobile .c_text-media--alternate-container[data-v-bc1355dd] {
6091
+ .device--mobile .c_text-media--alternate-container[data-v-b2ccd8a5] {
6089
6092
  -webkit-box-orient: vertical;
6090
6093
  -webkit-box-direction: normal;
6091
6094
  -ms-flex-direction: column;
@@ -6093,18 +6096,18 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6093
6096
  }
6094
6097
  .device--mobile
6095
6098
  .c_text-media--items_direction
6096
- .c_text-media--item[data-v-bc1355dd]:nth-child(even) {
6099
+ .c_text-media--item[data-v-b2ccd8a5]:nth-child(even) {
6097
6100
  -webkit-box-orient: vertical;
6098
6101
  -webkit-box-direction: normal;
6099
6102
  -ms-flex-direction: column;
6100
6103
  flex-direction: column;
6101
6104
  }
6102
6105
  @media (max-width: 767px) {
6103
- .c_text-media--alternate[data-v-bc1355dd],
6104
- .c_text-media--shape[data-v-bc1355dd] {
6106
+ .c_text-media--alternate[data-v-b2ccd8a5],
6107
+ .c_text-media--shape[data-v-b2ccd8a5] {
6105
6108
  width: 100%;
6106
6109
  }
6107
- .c_text-media--alternate-container[data-v-bc1355dd] {
6110
+ .c_text-media--alternate-container[data-v-b2ccd8a5] {
6108
6111
  -webkit-box-orient: vertical;
6109
6112
  -webkit-box-direction: normal;
6110
6113
  -ms-flex-direction: column;
@@ -6113,7 +6116,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6113
6116
  }
6114
6117
  @media (min-width: 767px) {
6115
6118
  @media (min-width: 768px) {
6116
- .c_text-media--items_direction .c_text-media--item[data-v-bc1355dd]:nth-child(even) {
6119
+ .c_text-media--items_direction .c_text-media--item[data-v-b2ccd8a5]:nth-child(even) {
6117
6120
  -webkit-box-orient: horizontal;
6118
6121
  -webkit-box-direction: reverse;
6119
6122
  -ms-flex-direction: row-reverse;
@@ -6122,7 +6125,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6122
6125
  }
6123
6126
  }
6124
6127
 
6125
- .c-image--height-limited[data-v-61843d87] {
6128
+ .c-image--height-limited[data-v-825d1a49] {
6126
6129
  max-height: 55vh;
6127
6130
  }
6128
6131
 
@@ -6313,7 +6316,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6313
6316
  padding-right: var(--page-padding);
6314
6317
  }
6315
6318
 
6316
- .c-image--height-limited[data-v-e7b4155a] {
6319
+ .c-image--height-limited[data-v-1cf2c8cc] {
6317
6320
  max-height: 45vh;
6318
6321
  }
6319
6322
 
package/lib/src/css/library.brand-page-brandPage.min.css CHANGED
@@ -2390,6 +2390,11 @@ a.maker-anchor {
2390
2390
  .tw-gap-y-px {
2391
2391
  row-gap: 1px;
2392
2392
  }
2393
+ .tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {
2394
+ --tw-space-y-reverse: 0;
2395
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
2396
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
2397
+ }
2393
2398
  .tw-self-center {
2394
2399
  -ms-flex-item-align: center;
2395
2400
  align-self: center;
@@ -5538,7 +5543,6 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5538
5543
  }
5539
5544
 
5540
5545
  .c-image {
5541
- cursor: pointer;
5542
5546
  -o-object-fit: cover;
5543
5547
  object-fit: cover
5544
5548
  }
@@ -5812,46 +5816,45 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5812
5816
  }
5813
5817
 
5814
5818
  @media (min-width: 640px) {
5815
- .c-image__root[data-v-59f21898] {
5819
+ .c-image__root[data-v-bca1b3cc] {
5816
5820
  margin-left: var(--page-padding);
5817
5821
  margin-right: var(--page-padding);
5818
5822
  }
5819
5823
  }
5820
- .c-image__root-normal-width[data-v-59f21898] {
5824
+ .c-image__root-normal-width[data-v-bca1b3cc] {
5821
5825
  margin-left: var(--page-padding);
5822
5826
  margin-right: var(--page-padding);
5823
5827
  }
5824
- .c-image[data-v-59f21898] {
5828
+ .c-image[data-v-bca1b3cc] {
5825
5829
  --image-size: 8rem;
5826
5830
  --image-spacing: 0.75rem;
5827
5831
  }
5828
- .c-image__container[data-v-59f21898] {
5832
+ .c-image__container[data-v-bca1b3cc] {
5829
5833
  max-width: 100%;
5830
5834
  margin: var(--image-spacing) auto;
5831
5835
  }
5832
- .c-image__container-full-width[data-v-59f21898] {
5836
+ .c-image__container-full-width[data-v-bca1b3cc] {
5833
5837
  width: 100%;
5834
5838
  }
5835
- .c-image__image[data-v-59f21898] {
5839
+ .c-image__image[data-v-bca1b3cc] {
5836
5840
  max-height: 100%;
5837
5841
  min-height: 100%;
5838
5842
  min-width: 100%;
5839
5843
  max-width: 100%;
5840
- cursor: pointer;
5841
5844
  -o-object-fit: cover;
5842
5845
  object-fit: cover;
5843
5846
  }
5844
- .c-image__image--rounded[data-v-59f21898] {
5847
+ .c-image__image--rounded[data-v-bca1b3cc] {
5845
5848
  border-radius: calc(var(--image-size) / 16);
5846
5849
  }
5847
- .c-modal-image[data-v-59f21898] {
5850
+ .c-modal-image[data-v-bca1b3cc] {
5848
5851
  max-width: 100%;
5849
5852
  max-height: calc(100% - 4rem);
5850
5853
  }
5851
- .img-aspect-ratio-container[data-v-59f21898] {
5854
+ .img-aspect-ratio-container[data-v-bca1b3cc] {
5852
5855
  padding: 0;
5853
5856
  }
5854
- .img-aspect-ratio[data-v-59f21898] {
5857
+ .img-aspect-ratio[data-v-bca1b3cc] {
5855
5858
  position: absolute;
5856
5859
  top: 0;
5857
5860
  left: 0;
@@ -6380,40 +6383,40 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6380
6383
  }
6381
6384
  }
6382
6385
 
6383
- .c_text-media--items[data-v-bc1355dd] {
6386
+ .c_text-media--items[data-v-b2ccd8a5] {
6384
6387
  display: -webkit-box;
6385
6388
  display: -ms-flexbox;
6386
6389
  display: flex;
6387
6390
  gap: 2.5rem;
6388
6391
  }
6389
- .c_text-media--item[data-v-bc1355dd] {
6392
+ .c_text-media--item[data-v-b2ccd8a5] {
6390
6393
  display: -webkit-box;
6391
6394
  display: -ms-flexbox;
6392
6395
  display: flex;
6393
6396
  gap: 1.5rem;
6394
6397
  }
6395
- .c_text-media-container[data-v-bc1355dd] {
6398
+ .c_text-media-container[data-v-b2ccd8a5] {
6396
6399
  max-width: var(--brandsite-max-width);
6397
6400
  margin: 0 auto;
6398
6401
  }
6399
- .c_text-media-padding[data-v-bc1355dd] {
6402
+ .c_text-media-padding[data-v-b2ccd8a5] {
6400
6403
  padding-left: var(--page-padding);
6401
6404
  padding-right: var(--page-padding);
6402
6405
  }
6403
- .c_text-media--shape[data-v-bc1355dd] {
6406
+ .c_text-media--shape[data-v-b2ccd8a5] {
6404
6407
  width: 25%;
6405
6408
  }
6406
- .device--mobile .c_text-media--items[data-v-bc1355dd] {
6409
+ .device--mobile .c_text-media--items[data-v-b2ccd8a5] {
6407
6410
  -webkit-box-orient: vertical;
6408
6411
  -webkit-box-direction: normal;
6409
6412
  -ms-flex-direction: column;
6410
6413
  flex-direction: column;
6411
6414
  }
6412
- .device--mobile .c_text-media--alternate[data-v-bc1355dd],
6413
- .device--mobile .c_text-media--shape[data-v-bc1355dd] {
6415
+ .device--mobile .c_text-media--alternate[data-v-b2ccd8a5],
6416
+ .device--mobile .c_text-media--shape[data-v-b2ccd8a5] {
6414
6417
  width: 100%;
6415
6418
  }
6416
- .device--mobile .c_text-media--alternate-container[data-v-bc1355dd] {
6419
+ .device--mobile .c_text-media--alternate-container[data-v-b2ccd8a5] {
6417
6420
  -webkit-box-orient: vertical;
6418
6421
  -webkit-box-direction: normal;
6419
6422
  -ms-flex-direction: column;
@@ -6421,18 +6424,18 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6421
6424
  }
6422
6425
  .device--mobile
6423
6426
  .c_text-media--items_direction
6424
- .c_text-media--item[data-v-bc1355dd]:nth-child(even) {
6427
+ .c_text-media--item[data-v-b2ccd8a5]:nth-child(even) {
6425
6428
  -webkit-box-orient: vertical;
6426
6429
  -webkit-box-direction: normal;
6427
6430
  -ms-flex-direction: column;
6428
6431
  flex-direction: column;
6429
6432
  }
6430
6433
  @media (max-width: 767px) {
6431
- .c_text-media--alternate[data-v-bc1355dd],
6432
- .c_text-media--shape[data-v-bc1355dd] {
6434
+ .c_text-media--alternate[data-v-b2ccd8a5],
6435
+ .c_text-media--shape[data-v-b2ccd8a5] {
6433
6436
  width: 100%;
6434
6437
  }
6435
- .c_text-media--alternate-container[data-v-bc1355dd] {
6438
+ .c_text-media--alternate-container[data-v-b2ccd8a5] {
6436
6439
  -webkit-box-orient: vertical;
6437
6440
  -webkit-box-direction: normal;
6438
6441
  -ms-flex-direction: column;
@@ -6441,7 +6444,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6441
6444
  }
6442
6445
  @media (min-width: 767px) {
6443
6446
  @media (min-width: 768px) {
6444
- .c_text-media--items_direction .c_text-media--item[data-v-bc1355dd]:nth-child(even) {
6447
+ .c_text-media--items_direction .c_text-media--item[data-v-b2ccd8a5]:nth-child(even) {
6445
6448
  -webkit-box-orient: horizontal;
6446
6449
  -webkit-box-direction: reverse;
6447
6450
  -ms-flex-direction: row-reverse;
@@ -6450,7 +6453,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6450
6453
  }
6451
6454
  }
6452
6455
 
6453
- .c-image--height-limited[data-v-61843d87] {
6456
+ .c-image--height-limited[data-v-825d1a49] {
6454
6457
  max-height: 55vh;
6455
6458
  }
6456
6459
 
@@ -6641,7 +6644,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6641
6644
  padding-right: var(--page-padding);
6642
6645
  }
6643
6646
 
6644
- .c-image--height-limited[data-v-e7b4155a] {
6647
+ .c-image--height-limited[data-v-1cf2c8cc] {
6645
6648
  max-height: 45vh;
6646
6649
  }
6647
6650
 
package/lib/src/css/library.brand-page-designCom.min.css CHANGED
@@ -1984,6 +1984,11 @@ a:not(.tw-lowercase) {
1984
1984
  .tw-gap-y-px {
1985
1985
  row-gap: 1px
1986
1986
  }
1987
+ .tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {
1988
+ --tw-space-y-reverse: 0;
1989
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1990
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse))
1991
+ }
1987
1992
  .tw-self-center {
1988
1993
  -ms-flex-item-align: center;
1989
1994
  align-self: center
@@ -5228,7 +5233,6 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5228
5233
  }
5229
5234
 
5230
5235
  .c-image {
5231
- cursor: pointer;
5232
5236
  -o-object-fit: cover;
5233
5237
  object-fit: cover
5234
5238
  }
@@ -5502,46 +5506,45 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5502
5506
  }
5503
5507
 
5504
5508
  @media (min-width: 640px) {
5505
- .c-image__root[data-v-59f21898] {
5509
+ .c-image__root[data-v-bca1b3cc] {
5506
5510
  margin-left: var(--page-padding);
5507
5511
  margin-right: var(--page-padding);
5508
5512
  }
5509
5513
  }
5510
- .c-image__root-normal-width[data-v-59f21898] {
5514
+ .c-image__root-normal-width[data-v-bca1b3cc] {
5511
5515
  margin-left: var(--page-padding);
5512
5516
  margin-right: var(--page-padding);
5513
5517
  }
5514
- .c-image[data-v-59f21898] {
5518
+ .c-image[data-v-bca1b3cc] {
5515
5519
  --image-size: 8rem;
5516
5520
  --image-spacing: 0.75rem;
5517
5521
  }
5518
- .c-image__container[data-v-59f21898] {
5522
+ .c-image__container[data-v-bca1b3cc] {
5519
5523
  max-width: 100%;
5520
5524
  margin: var(--image-spacing) auto;
5521
5525
  }
5522
- .c-image__container-full-width[data-v-59f21898] {
5526
+ .c-image__container-full-width[data-v-bca1b3cc] {
5523
5527
  width: 100%;
5524
5528
  }
5525
- .c-image__image[data-v-59f21898] {
5529
+ .c-image__image[data-v-bca1b3cc] {
5526
5530
  max-height: 100%;
5527
5531
  min-height: 100%;
5528
5532
  min-width: 100%;
5529
5533
  max-width: 100%;
5530
- cursor: pointer;
5531
5534
  -o-object-fit: cover;
5532
5535
  object-fit: cover;
5533
5536
  }
5534
- .c-image__image--rounded[data-v-59f21898] {
5537
+ .c-image__image--rounded[data-v-bca1b3cc] {
5535
5538
  border-radius: calc(var(--image-size) / 16);
5536
5539
  }
5537
- .c-modal-image[data-v-59f21898] {
5540
+ .c-modal-image[data-v-bca1b3cc] {
5538
5541
  max-width: 100%;
5539
5542
  max-height: calc(100% - 4rem);
5540
5543
  }
5541
- .img-aspect-ratio-container[data-v-59f21898] {
5544
+ .img-aspect-ratio-container[data-v-bca1b3cc] {
5542
5545
  padding: 0;
5543
5546
  }
5544
- .img-aspect-ratio[data-v-59f21898] {
5547
+ .img-aspect-ratio[data-v-bca1b3cc] {
5545
5548
  position: absolute;
5546
5549
  top: 0;
5547
5550
  left: 0;
@@ -6070,40 +6073,40 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6070
6073
  }
6071
6074
  }
6072
6075
 
6073
- .c_text-media--items[data-v-bc1355dd] {
6076
+ .c_text-media--items[data-v-b2ccd8a5] {
6074
6077
  display: -webkit-box;
6075
6078
  display: -ms-flexbox;
6076
6079
  display: flex;
6077
6080
  gap: 2.5rem;
6078
6081
  }
6079
- .c_text-media--item[data-v-bc1355dd] {
6082
+ .c_text-media--item[data-v-b2ccd8a5] {
6080
6083
  display: -webkit-box;
6081
6084
  display: -ms-flexbox;
6082
6085
  display: flex;
6083
6086
  gap: 1.5rem;
6084
6087
  }
6085
- .c_text-media-container[data-v-bc1355dd] {
6088
+ .c_text-media-container[data-v-b2ccd8a5] {
6086
6089
  max-width: var(--brandsite-max-width);
6087
6090
  margin: 0 auto;
6088
6091
  }
6089
- .c_text-media-padding[data-v-bc1355dd] {
6092
+ .c_text-media-padding[data-v-b2ccd8a5] {
6090
6093
  padding-left: var(--page-padding);
6091
6094
  padding-right: var(--page-padding);
6092
6095
  }
6093
- .c_text-media--shape[data-v-bc1355dd] {
6096
+ .c_text-media--shape[data-v-b2ccd8a5] {
6094
6097
  width: 25%;
6095
6098
  }
6096
- .device--mobile .c_text-media--items[data-v-bc1355dd] {
6099
+ .device--mobile .c_text-media--items[data-v-b2ccd8a5] {
6097
6100
  -webkit-box-orient: vertical;
6098
6101
  -webkit-box-direction: normal;
6099
6102
  -ms-flex-direction: column;
6100
6103
  flex-direction: column;
6101
6104
  }
6102
- .device--mobile .c_text-media--alternate[data-v-bc1355dd],
6103
- .device--mobile .c_text-media--shape[data-v-bc1355dd] {
6105
+ .device--mobile .c_text-media--alternate[data-v-b2ccd8a5],
6106
+ .device--mobile .c_text-media--shape[data-v-b2ccd8a5] {
6104
6107
  width: 100%;
6105
6108
  }
6106
- .device--mobile .c_text-media--alternate-container[data-v-bc1355dd] {
6109
+ .device--mobile .c_text-media--alternate-container[data-v-b2ccd8a5] {
6107
6110
  -webkit-box-orient: vertical;
6108
6111
  -webkit-box-direction: normal;
6109
6112
  -ms-flex-direction: column;
@@ -6111,18 +6114,18 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6111
6114
  }
6112
6115
  .device--mobile
6113
6116
  .c_text-media--items_direction
6114
- .c_text-media--item[data-v-bc1355dd]:nth-child(even) {
6117
+ .c_text-media--item[data-v-b2ccd8a5]:nth-child(even) {
6115
6118
  -webkit-box-orient: vertical;
6116
6119
  -webkit-box-direction: normal;
6117
6120
  -ms-flex-direction: column;
6118
6121
  flex-direction: column;
6119
6122
  }
6120
6123
  @media (max-width: 767px) {
6121
- .c_text-media--alternate[data-v-bc1355dd],
6122
- .c_text-media--shape[data-v-bc1355dd] {
6124
+ .c_text-media--alternate[data-v-b2ccd8a5],
6125
+ .c_text-media--shape[data-v-b2ccd8a5] {
6123
6126
  width: 100%;
6124
6127
  }
6125
- .c_text-media--alternate-container[data-v-bc1355dd] {
6128
+ .c_text-media--alternate-container[data-v-b2ccd8a5] {
6126
6129
  -webkit-box-orient: vertical;
6127
6130
  -webkit-box-direction: normal;
6128
6131
  -ms-flex-direction: column;
@@ -6131,7 +6134,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6131
6134
  }
6132
6135
  @media (min-width: 767px) {
6133
6136
  @media (min-width: 768px) {
6134
- .c_text-media--items_direction .c_text-media--item[data-v-bc1355dd]:nth-child(even) {
6137
+ .c_text-media--items_direction .c_text-media--item[data-v-b2ccd8a5]:nth-child(even) {
6135
6138
  -webkit-box-orient: horizontal;
6136
6139
  -webkit-box-direction: reverse;
6137
6140
  -ms-flex-direction: row-reverse;
@@ -6140,7 +6143,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6140
6143
  }
6141
6144
  }
6142
6145
 
6143
- .c-image--height-limited[data-v-61843d87] {
6146
+ .c-image--height-limited[data-v-825d1a49] {
6144
6147
  max-height: 55vh;
6145
6148
  }
6146
6149
 
@@ -6331,7 +6334,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6331
6334
  padding-right: var(--page-padding);
6332
6335
  }
6333
6336
 
6334
- .c-image--height-limited[data-v-e7b4155a] {
6337
+ .c-image--height-limited[data-v-1cf2c8cc] {
6335
6338
  max-height: 45vh;
6336
6339
  }
6337
6340