@total_onion/onion-library 2.0.240 → 2.0.242

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 (7) hide show
  1. package/components/component-text-editor-settings-element-classes-v3/text-editor-settings-element-classes-v3.twig +1 -1
  2. package/components/component-wysiwyg-editor-v3/wysiwyg-editor-v3.twig +1 -1
  3. package/package.json +1 -1
  4. package/public/block-carousel-multi-layout-v3/carousel-multi-layout-v3.css +11 -0
  5. package/public/block-post-info-v3/post-info-v3.css +12 -0
  6. package/public/block-post-type-filter-grid-v3/post-type-filter-grid-v3.css +14 -0
  7. package/public/block-product-info-v3/product-info-v3.css +12 -0
package/components/component-text-editor-settings-element-classes-v3/text-editor-settings-element-classes-v3.twig CHANGED
@@ -9,5 +9,5 @@
9
9
  {% set typographicStyleMobile = ' ' ~ fields.font_size_mobile|ru %}
10
10
  {% endif %}
11
11
  {% set typographicStyle = fields.typographic_style|ru %}
12
- {% set styleClasses = typographicStyle ~ typographicStyleDesktop ~ typographicStylePortrait ~ typographicStyleMobile %}
12
+ {% set styleClasses = typographicStyle ~ typographicStyleDesktop ~ typographicStylePortrait ~ typographicStyleMobile %}
13
13
  {{styleClasses}}
package/components/component-wysiwyg-editor-v3/wysiwyg-editor-v3.twig CHANGED
@@ -8,7 +8,7 @@
8
8
  }
9
9
  </style>
10
10
  {% if fields.wysiwyg_editor %}
11
- <div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} standard-content-box-wysiwyg-editor cmpl-text-editor-settings {{block.id}}">
11
+ <div class="{{blockClassName}}__content-container standard-content-box-wysiwyg-editor cmpl-text-editor-settings {{block.id}} {{textEditorContainerClasses}}">
12
12
  {% if fields.wysiwyg_editor is not empty %}
13
13
  <{{elementType}} class="{{textEditorElementClasses}}">
14
14
  {{fields.wysiwyg_editor|striptags('<br>, <a>, <em>, <i>, <span>, <strong>')|raw}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "2.0.240",
3
+ "version": "2.0.242",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/public/block-carousel-multi-layout-v3/carousel-multi-layout-v3.css CHANGED
@@ -128,6 +128,17 @@
128
128
  rotate: 0deg;
129
129
  rotate: var(--element-rotation-mobile, 0deg);
130
130
  }
131
+ @media screen and (min-width: 768px) {
132
+ .carousel-multi-layout-v3 .swiper-pagination {
133
+ align-self: var(--portrait-vertical-placement, var(--desktop-vertical-placement));
134
+ justify-self: var(--portrait-horizontal-placement, var(--desktop-horizontal-placement));
135
+ place-self: var(--portrait-vertical-placement, var(--desktop-vertical-placement)) var(--portrait-horizontal-placement, var(--desktop-horizontal-placement));
136
+ translate: 0 0;
137
+ translate: var(--element-horizontal-offset-portrait, var(--element-horizontal-offset-desktop, 0)) var(--element-vertical-offset-portrait, var(--element-vertical-offset-desktop, 0));
138
+ rotate: 0deg;
139
+ rotate: var(--element-rotation-portrait, var(--element-rotation-desktop, 0deg));
140
+ }
141
+ }
131
142
  @media screen and (min-width: 1024px) {
132
143
  .carousel-multi-layout-v3 .swiper-pagination {
133
144
  align-self: var(--desktop-vertical-placement);
package/public/block-post-info-v3/post-info-v3.css CHANGED
@@ -1104,6 +1104,18 @@
1104
1104
  rotate: 0deg;
1105
1105
  rotate: var(--element-rotation-mobile, 0deg);
1106
1106
  }
1107
+ @media screen and (min-width: 768px) {
1108
+ .post-info-v3__post-image-container--image-accent img,
1109
+ .post-info-v3__post-image-container--image-accent svg {
1110
+ align-self: var(--portrait-vertical-placement, var(--desktop-vertical-placement));
1111
+ justify-self: var(--portrait-horizontal-placement, var(--desktop-horizontal-placement));
1112
+ place-self: var(--portrait-vertical-placement, var(--desktop-vertical-placement)) var(--portrait-horizontal-placement, var(--desktop-horizontal-placement));
1113
+ translate: 0 0;
1114
+ translate: var(--element-horizontal-offset-portrait, var(--element-horizontal-offset-desktop, 0)) var(--element-vertical-offset-portrait, var(--element-vertical-offset-desktop, 0));
1115
+ rotate: 0deg;
1116
+ rotate: var(--element-rotation-portrait, var(--element-rotation-desktop, 0deg));
1117
+ }
1118
+ }
1107
1119
  @media screen and (min-width: 1024px) {
1108
1120
  .post-info-v3__post-image-container--image-accent img,
1109
1121
  .post-info-v3__post-image-container--image-accent svg {
package/public/block-post-type-filter-grid-v3/post-type-filter-grid-v3.css CHANGED
@@ -529,6 +529,20 @@
529
529
  rotate: 0deg;
530
530
  rotate: var(--element-rotation-mobile, 0deg);
531
531
  }
532
+ @media screen and (min-width: 768px) {
533
+ .post-type-filter-grid-v3__post-image--image_accent,
534
+ .post-type-filter-grid-v3__post-image--secondary--image_accent,
535
+ .post-type-filter-grid-v3__global-image--image_accent,
536
+ .post-type-filter-grid-v3__media-image--image_accent {
537
+ align-self: var(--portrait-vertical-placement, var(--desktop-vertical-placement));
538
+ justify-self: var(--portrait-horizontal-placement, var(--desktop-horizontal-placement));
539
+ place-self: var(--portrait-vertical-placement, var(--desktop-vertical-placement)) var(--portrait-horizontal-placement, var(--desktop-horizontal-placement));
540
+ translate: 0 0;
541
+ translate: var(--element-horizontal-offset-portrait, var(--element-horizontal-offset-desktop, 0)) var(--element-vertical-offset-portrait, var(--element-vertical-offset-desktop, 0));
542
+ rotate: 0deg;
543
+ rotate: var(--element-rotation-portrait, var(--element-rotation-desktop, 0deg));
544
+ }
545
+ }
532
546
  @media screen and (min-width: 1024px) {
533
547
  .post-type-filter-grid-v3__post-image--image_accent,
534
548
  .post-type-filter-grid-v3__post-image--secondary--image_accent,
package/public/block-product-info-v3/product-info-v3.css CHANGED
@@ -810,6 +810,18 @@
810
810
  rotate: 0deg;
811
811
  rotate: var(--element-rotation-mobile, 0deg);
812
812
  }
813
+ @media screen and (min-width: 768px) {
814
+ .product-info-v3__post-image-container--image-accent img,
815
+ .product-info-v3__post-image-container--image-accent svg {
816
+ align-self: var(--portrait-vertical-placement, var(--desktop-vertical-placement));
817
+ justify-self: var(--portrait-horizontal-placement, var(--desktop-horizontal-placement));
818
+ place-self: var(--portrait-vertical-placement, var(--desktop-vertical-placement)) var(--portrait-horizontal-placement, var(--desktop-horizontal-placement));
819
+ translate: 0 0;
820
+ translate: var(--element-horizontal-offset-portrait, var(--element-horizontal-offset-desktop, 0)) var(--element-vertical-offset-portrait, var(--element-vertical-offset-desktop, 0));
821
+ rotate: 0deg;
822
+ rotate: var(--element-rotation-portrait, var(--element-rotation-desktop, 0deg));
823
+ }
824
+ }
813
825
  @media screen and (min-width: 1024px) {
814
826
  .product-info-v3__post-image-container--image-accent img,
815
827
  .product-info-v3__post-image-container--image-accent svg {