@sc-360-v2/storefront-cms-library 0.5.73 → 0.5.75

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 (141) hide show
  1. package/dist/add-existing-form.scss +5 -13
  2. package/dist/add-order.scss +236 -126
  3. package/dist/add-products-tab-details.scss +2097 -1048
  4. package/dist/add-products-tab.scss +1204 -666
  5. package/dist/allocation-header-quota-details.scss +407 -189
  6. package/dist/allocationDetails.scss +2143 -1661
  7. package/dist/allocations-quota-details.scss +323 -159
  8. package/dist/allocations.scss +793 -475
  9. package/dist/amount-estimator.scss +743 -405
  10. package/dist/badge.scss +18 -43
  11. package/dist/brand-basic-elements.scss +124 -76
  12. package/dist/brand.scss +55 -28
  13. package/dist/breadcrumbs.scss +718 -356
  14. package/dist/builder.js +1 -1
  15. package/dist/builderLite.js +1 -1
  16. package/dist/bulk-variant-picker.scss +2027 -1128
  17. package/dist/bundle.scss +1477 -841
  18. package/dist/bundleDetails.scss +5072 -3774
  19. package/dist/button.scss +103 -79
  20. package/dist/buy-for-tab-container.scss +106 -77
  21. package/dist/buyForHeaders.scss +2976 -1722
  22. package/dist/cart-details.scss +1012 -481
  23. package/dist/cart-summary.scss +1149 -557
  24. package/dist/cart-wrapper.scss +79 -37
  25. package/dist/cart.scss +225 -117
  26. package/dist/cartAttributes.scss +735 -416
  27. package/dist/category-groups-element.scss +108 -127
  28. package/dist/category-groups-product-grid.scss +147 -120
  29. package/dist/category-groups-product-image.scss +1457 -1162
  30. package/dist/category-groups-product-options.scss +680 -613
  31. package/dist/category-groups-product-price.scss +3244 -1966
  32. package/dist/category-groups-quota-details.scss +464 -210
  33. package/dist/category.scss +50 -26
  34. package/dist/checkout.scss +16 -24
  35. package/dist/confirm-modal.scss +2 -22
  36. package/dist/container.scss +54 -32
  37. package/dist/countdown.scss +443 -255
  38. package/dist/coupon.scss +710 -351
  39. package/dist/default-dropdown.scss +1 -12
  40. package/dist/embroider-template-1-v2.scss +172 -123
  41. package/dist/embroider-template-1.scss +104 -68
  42. package/dist/embroidery.scss +31 -30
  43. package/dist/employee-bulk-order.scss +142 -418
  44. package/dist/faq.scss +408 -228
  45. package/dist/filter-results.scss +265 -125
  46. package/dist/filters.scss +1797 -900
  47. package/dist/gallery-slider-temp.scss +750 -432
  48. package/dist/global-styles.scss +7 -23
  49. package/dist/grid.scss +33 -25
  50. package/dist/hotspot.scss +115 -68
  51. package/dist/icons-builder.js +1 -1
  52. package/dist/icons-website.js +1 -1
  53. package/dist/icons.js +1 -1
  54. package/dist/image-temp.scss +20 -21
  55. package/dist/index.js +1 -1
  56. package/dist/item-stock.scss +16 -9
  57. package/dist/kitDetails.scss +4301 -2721
  58. package/dist/kits.scss +19 -24
  59. package/dist/language-selector.scss +361 -211
  60. package/dist/last-x-orders.scss +174 -95
  61. package/dist/layouter-item.scss +103 -75
  62. package/dist/layouter-pro-item.scss +95 -89
  63. package/dist/layouter-pro.scss +92 -87
  64. package/dist/layouter.scss +445 -383
  65. package/dist/light-box-v2.scss +104 -89
  66. package/dist/login.scss +566 -287
  67. package/dist/map.scss +368 -221
  68. package/dist/marchandiserSets.scss +104 -95
  69. package/dist/mega-menu-container.scss +109 -96
  70. package/dist/mega-menu.scss +731 -624
  71. package/dist/menu-item.scss +2 -2
  72. package/dist/menu-v2.scss +619 -507
  73. package/dist/multi-select-dropdown.scss +3 -27
  74. package/dist/my-templates.scss +9 -38
  75. package/dist/option-bar.scss +375 -215
  76. package/dist/option-families.scss +252 -0
  77. package/dist/order-status.scss +1117 -646
  78. package/dist/overflow-module.scss +7 -6
  79. package/dist/past-orders.scss +149 -118
  80. package/dist/payment-methods.scss +30 -46
  81. package/dist/pickup-locations.scss +1118 -558
  82. package/dist/position-module.scss +17 -20
  83. package/dist/prefix-list.scss +10 -21
  84. package/dist/product-actions.scss +2425 -1625
  85. package/dist/product-basic-elements.scss +169 -108
  86. package/dist/product-highlights.scss +152 -107
  87. package/dist/product-image-bundles.scss +642 -337
  88. package/dist/product-inventory.scss +1357 -673
  89. package/dist/product-labels.scss +105 -84
  90. package/dist/product-options.scss +1274 -1117
  91. package/dist/product-price.scss +2561 -1283
  92. package/dist/product-promotions.scss +2830 -1388
  93. package/dist/product-sizechart.scss +905 -516
  94. package/dist/product.scss +61 -28
  95. package/dist/productDetails.scss +39 -19
  96. package/dist/profile.scss +447 -207
  97. package/dist/quantity-selector.scss +550 -313
  98. package/dist/quick-inventory-check.scss +174 -95
  99. package/dist/quick-links.scss +133 -55
  100. package/dist/quick-order-pad.scss +271 -218
  101. package/dist/quota-details.scss +282 -152
  102. package/dist/quotes.scss +122 -89
  103. package/dist/repeater-embla-controls.scss +15 -35
  104. package/dist/repeater-grid-toggle.scss +166 -156
  105. package/dist/repeater-item.scss +64 -41
  106. package/dist/repeater.scss +814 -671
  107. package/dist/request-for-quotes.scss +16 -66
  108. package/dist/responsive-behaviour.scss +1 -3
  109. package/dist/rfqs.scss +181 -118
  110. package/dist/scroll.scss +172 -93
  111. package/dist/search.scss +326 -179
  112. package/dist/section.scss +51 -27
  113. package/dist/shipping-payments.scss +58 -198
  114. package/dist/simple-list.scss +164 -74
  115. package/dist/social.scss +145 -80
  116. package/dist/sort.scss +19 -11
  117. package/dist/stack.scss +34 -23
  118. package/dist/static-global.scss +26 -44
  119. package/dist/stockStatus.scss +19 -11
  120. package/dist/store-locations.scss +1105 -577
  121. package/dist/tab-container.scss +108 -81
  122. package/dist/table-common.scss +408 -217
  123. package/dist/table.scss +502 -271
  124. package/dist/text-temp.scss +7 -8
  125. package/dist/theme-classes.scss +13 -17
  126. package/dist/types/builder/enums/data-connectors.d.ts +3 -1
  127. package/dist/types/builder/enums/index.d.ts +3 -1
  128. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  129. package/dist/types/builder/tools/element-edit/optionFamilies.d.ts +20 -0
  130. package/dist/types/builder/tools/element-edit/productActions.d.ts +3 -0
  131. package/dist/types/website/constants/data-connector-souces.d.ts +40 -8
  132. package/dist/types/website/constants/data-connectors.d.ts +12 -1
  133. package/dist/types/website/helper/ssr-functions.d.ts +8 -0
  134. package/dist/uom-selector.scss +949 -489
  135. package/dist/uploadMedia.js +1 -1
  136. package/dist/user-elements.scss +837 -529
  137. package/dist/variant-picker.scss +2555 -1281
  138. package/dist/volume-pricing.scss +1037 -541
  139. package/dist/website.js +1 -1
  140. package/dist/widget.scss +1 -0
  141. package/package.json +1 -1
@@ -4,36 +4,35 @@
4
4
 
5
5
  [data-div-type="element"] {
6
6
  &[data-element-type="productLabels"] {
7
- width: var(--_sf-el-wh-st-mx,
8
- calc(1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))));
7
+ width: var(
8
+ --_sf-el-wh-st-mx,
9
+ calc(
10
+ 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
11
+ )
12
+ );
9
13
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
10
14
 
11
- &>.wrapper {
15
+ & > .wrapper {
12
16
  width: 100%;
13
17
  }
14
-
15
18
  &[data-show-shadow="false"] {
16
19
  --_show-shadow: none;
17
20
  }
18
-
19
21
  &[data-overflow-items="Scroll"] {
20
22
  .horizontal {
21
23
  width: 100%;
22
24
  overflow-x: auto;
23
-
24
25
  // Keep label chips at their natural (admin-styled) width; only prevent
25
26
  // them from squishing in a horizontal scroll row.
26
27
  .item {
27
28
  flex-shrink: 0;
28
29
  }
29
30
  }
30
-
31
31
  .vertical {
32
32
  overflow-y: auto;
33
33
  max-height: 30%;
34
34
  }
35
35
  }
36
-
37
36
  .text-element {
38
37
  color: #333;
39
38
  font-size: 12px;
@@ -42,28 +41,41 @@
42
41
  line-height: 18px;
43
42
  margin-bottom: 6px;
44
43
  }
45
-
46
44
  .labels__container {
47
- background-color: var(--_ctm-mob-dn-wt-se-bd-cr,
48
- var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr)));
49
-
50
- border-color: var(--_ctm-mob-dn-wt-se-br-cr,
51
- var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr)));
52
-
53
- border-style: var(--_ctm-mob-dn-wt-se-br-se,
54
- var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se)));
55
-
56
- border-width: var(--_ctm-mob-dn-wt-se-br-wh,
57
- var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh)));
58
-
59
- border-radius: var(--_ctm-mob-dn-wt-se-br-rs,
60
- var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs)));
61
-
62
- box-shadow: var(--_show-shadow,
63
- var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae))) var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br))) var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd))) var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr))));
45
+ background-color: var(
46
+ --_ctm-mob-dn-wt-se-bd-cr,
47
+ var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
48
+ );
49
+
50
+ border-color: var(
51
+ --_ctm-mob-dn-wt-se-br-cr,
52
+ var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
53
+ );
54
+
55
+ border-style: var(
56
+ --_ctm-mob-dn-wt-se-br-se,
57
+ var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
58
+ );
59
+
60
+ border-width: var(
61
+ --_ctm-mob-dn-wt-se-br-wh,
62
+ var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
63
+ );
64
+
65
+ border-radius: var(
66
+ --_ctm-mob-dn-wt-se-br-rs,
67
+ var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
68
+ );
69
+
70
+ box-shadow: var(
71
+ --_show-shadow,
72
+ var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
73
+ var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
74
+ var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
75
+ var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
76
+ );
64
77
 
65
78
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
66
-
67
79
  .stack {
68
80
  display: flex;
69
81
  flex-direction: column;
@@ -77,48 +89,48 @@
77
89
  position: relative;
78
90
  display: inline-flex;
79
91
  }
80
-
81
92
  .items__container {
82
93
  &[data-show-divider="true"] {
83
94
  &[data-flex-direction="row"] {
84
-
85
95
  // The divider is a pseudo-element and takes no space of its own, so a thick
86
96
  // one grew back over the label beside it — see dividerGapReserve in functions.scss.
87
97
  .item:not(:last-child) {
88
98
  @include dividerGapReserve(--_ctm-dn-wt-se-dr-wt, right);
89
99
  }
90
-
91
100
  .item:not(:last-child)::before {
92
101
  content: "";
93
102
  position: absolute;
94
103
  top: 0;
95
- bottom: 0;
96
- /* For full height divider */
104
+ bottom: 0; /* For full height divider */
97
105
  right: dividerGapOffset(--_ctm-lt-im-sg, --_ctm-dn-wt-se-dr-wt);
98
- width: var(--_ctm-mob-dn-wt-se-dr-wt,
99
- var(--_ctm-tab-dn-wt-se-dr-wt, var(--_ctm-dn-wt-se-dr-wt)));
100
- /* Divider thickness */
101
- background-color: var(--_ctm-mob-dn-wt-se-dr-cr,
102
- var(--_ctm-tab-dn-wt-se-dr-cr, var(--_ctm-dn-wt-se-dr-cr)));
103
- /* Divider color */
106
+ width: var(
107
+ --_ctm-mob-dn-wt-se-dr-wt,
108
+ var(--_ctm-tab-dn-wt-se-dr-wt, var(--_ctm-dn-wt-se-dr-wt))
109
+ ); /* Divider thickness */
110
+ background-color: var(
111
+ --_ctm-mob-dn-wt-se-dr-cr,
112
+ var(--_ctm-tab-dn-wt-se-dr-cr, var(--_ctm-dn-wt-se-dr-cr))
113
+ ); /* Divider color */
104
114
  }
105
115
  }
106
-
107
116
  &[data-flex-direction="column"] {
108
117
  .item:not(:last-child) {
109
118
  @include dividerGapReserve(--_ctm-dn-wt-se-dr-wt);
110
119
  }
111
-
112
120
  .item:not(:last-child)::before {
113
121
  content: "";
114
122
  position: absolute;
115
123
  left: 0;
116
124
  right: 0;
117
125
  bottom: dividerGapOffset(--_ctm-lt-im-sg, --_ctm-dn-wt-se-dr-wt);
118
- height: var(--_ctm-mob-dn-wt-se-dr-wt,
119
- var(--_ctm-tab-dn-wt-se-dr-wt, var(--_ctm-dn-wt-se-dr-wt)));
120
- background-color: var(--_ctm-mob-dn-wt-se-dr-cr,
121
- var(--_ctm-tab-dn-wt-se-dr-cr, var(--_ctm-dn-wt-se-dr-cr)));
126
+ height: var(
127
+ --_ctm-mob-dn-wt-se-dr-wt,
128
+ var(--_ctm-tab-dn-wt-se-dr-wt, var(--_ctm-dn-wt-se-dr-wt))
129
+ );
130
+ background-color: var(
131
+ --_ctm-mob-dn-wt-se-dr-cr,
132
+ var(--_ctm-tab-dn-wt-se-dr-cr, var(--_ctm-dn-wt-se-dr-cr))
133
+ );
122
134
  }
123
135
  }
124
136
  }
@@ -127,35 +139,55 @@
127
139
  .title {
128
140
  white-space: nowrap;
129
141
  color: var(--_ctm-mob-dn-wt-se-cr, var(--_ctm-tab-dn-wt-se-cr, var(--_ctm-dn-wt-se-cr)));
130
- font-family: var(--_ctm-mob-dn-wt-se-ft-fy,
131
- var(--_ctm-tab-dn-wt-se-ft-fy, var(--_ctm-dn-wt-se-ft-fy)));
132
- text-transform: var(--_ctm-mob-dn-wt-se-tt-tm,
133
- var(--_ctm-tab-dn-wt-se-tt-tm, var(--_ctm-dn-wt-se-tt-tm)));
134
- word-wrap: var(--_ctm-mob-dn-wt-se-wd-wp,
135
- var(--_ctm-tab-dn-wt-se-wd-wp, var(--_ctm-dn-wt-se-wd-wp)));
136
- word-break: var(--_ctm-mob-dn-wt-se-wd-bk,
137
- var(--_ctm-tab-dn-wt-se-wd-bk, var(--_ctm-dn-wt-se-wd-bk)));
138
- font-size: var(--_ctm-mob-dn-wt-se-ft-se,
139
- var(--_ctm-tab-dn-wt-se-ft-se, var(--_ctm-dn-wt-se-ft-se)));
140
- font-weight: var(--_ctm-mob-dn-wt-se-ft-wt,
141
- var(--_ctm-tab-dn-wt-se-ft-wt, var(--_ctm-dn-wt-se-ft-wt)));
142
- font-style: var(--_ctm-mob-dn-wt-se-ft-se-ic,
143
- var(--_ctm-tab-dn-wt-se-ft-se-ic, var(--_ctm-dn-wt-se-ft-se-ic)));
144
- text-align: var(--_ctm-mob-dn-wt-se-tt-an,
145
- var(--_ctm-tab-dn-wt-se-tt-an, var(--_ctm-dn-wt-se-tt-an)));
146
- letter-spacing: var(--_ctm-mob-dn-wt-se-lr-sg,
147
- var(--_ctm-tab-dn-wt-se-lr-sg, var(--_ctm-dn-wt-se-lr-sg)));
148
- line-height: var(--_ctm-mob-dn-wt-se-le-ht,
149
- var(--_ctm-tab-dn-wt-se-le-ht, var(--_ctm-dn-wt-se-le-ht)));
150
- text-decoration: var(--_ctm-mob-dn-wt-se-ue,
151
- var(--_ctm-tab-dn-wt-se-ue, var(--_ctm-dn-wt-se-ue)));
142
+ font-family: var(
143
+ --_ctm-mob-dn-wt-se-ft-fy,
144
+ var(--_ctm-tab-dn-wt-se-ft-fy, var(--_ctm-dn-wt-se-ft-fy))
145
+ );
146
+ text-transform: var(
147
+ --_ctm-mob-dn-wt-se-tt-tm,
148
+ var(--_ctm-tab-dn-wt-se-tt-tm, var(--_ctm-dn-wt-se-tt-tm))
149
+ );
150
+ word-wrap: var(
151
+ --_ctm-mob-dn-wt-se-wd-wp,
152
+ var(--_ctm-tab-dn-wt-se-wd-wp, var(--_ctm-dn-wt-se-wd-wp))
153
+ );
154
+ word-break: var(
155
+ --_ctm-mob-dn-wt-se-wd-bk,
156
+ var(--_ctm-tab-dn-wt-se-wd-bk, var(--_ctm-dn-wt-se-wd-bk))
157
+ );
158
+ font-size: var(
159
+ --_ctm-mob-dn-wt-se-ft-se,
160
+ var(--_ctm-tab-dn-wt-se-ft-se, var(--_ctm-dn-wt-se-ft-se))
161
+ );
162
+ font-weight: var(
163
+ --_ctm-mob-dn-wt-se-ft-wt,
164
+ var(--_ctm-tab-dn-wt-se-ft-wt, var(--_ctm-dn-wt-se-ft-wt))
165
+ );
166
+ font-style: var(
167
+ --_ctm-mob-dn-wt-se-ft-se-ic,
168
+ var(--_ctm-tab-dn-wt-se-ft-se-ic, var(--_ctm-dn-wt-se-ft-se-ic))
169
+ );
170
+ text-align: var(
171
+ --_ctm-mob-dn-wt-se-tt-an,
172
+ var(--_ctm-tab-dn-wt-se-tt-an, var(--_ctm-dn-wt-se-tt-an))
173
+ );
174
+ letter-spacing: var(
175
+ --_ctm-mob-dn-wt-se-lr-sg,
176
+ var(--_ctm-tab-dn-wt-se-lr-sg, var(--_ctm-dn-wt-se-lr-sg))
177
+ );
178
+ line-height: var(
179
+ --_ctm-mob-dn-wt-se-le-ht,
180
+ var(--_ctm-tab-dn-wt-se-le-ht, var(--_ctm-dn-wt-se-le-ht))
181
+ );
182
+ text-decoration: var(
183
+ --_ctm-mob-dn-wt-se-ue,
184
+ var(--_ctm-tab-dn-wt-se-ue, var(--_ctm-dn-wt-se-ue))
185
+ );
152
186
  padding: prepareMediaVariable(--_ctm-dn-wt-se-pg);
153
187
  }
154
-
155
188
  .horizontal {
156
189
  display: flex;
157
190
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, 10px)));
158
-
159
191
  .item {
160
192
  flex-shrink: 0;
161
193
  }
@@ -163,12 +195,10 @@
163
195
  &[data-overflow-items="Wrap"] {
164
196
  flex-wrap: wrap;
165
197
  }
166
-
167
198
  &[data-overflow-items="Scroll"] {
168
199
  width: 100%;
169
200
  overflow-x: auto;
170
201
  }
171
-
172
202
  &[data-overflow-items="Hidden"] {
173
203
  overflow-x: hidden;
174
204
  }
@@ -176,16 +206,13 @@
176
206
  &[items-content-alignement="right"] {
177
207
  justify-content: flex-end;
178
208
  }
179
-
180
209
  &[items-content-alignement="left"] {
181
210
  justify-content: flex-start;
182
211
  }
183
-
184
212
  &[items-content-alignement="center"] {
185
213
  justify-content: center;
186
214
  }
187
215
  }
188
-
189
216
  .vertical {
190
217
  display: flex;
191
218
  flex-direction: column;
@@ -195,7 +222,6 @@
195
222
  &[data-overflow-items="Scroll"] {
196
223
  overflow-y: auto;
197
224
  }
198
-
199
225
  &[data-overflow-items="Hidden"] {
200
226
  overflow-y: hidden;
201
227
  }
@@ -203,37 +229,32 @@
203
229
  &[items-content-alignement="right"] {
204
230
  align-items: flex-end;
205
231
  }
206
-
207
232
  &[items-content-alignement="left"] {
208
233
  align-items: flex-start;
209
234
  }
210
-
211
235
  &[items-content-alignement="center"] {
212
236
  align-items: center;
213
237
  }
214
238
  }
215
-
216
239
  .grid {
217
240
  display: grid;
218
241
  grid-template-columns: repeat(var(--_ctm-lt-is-pr-rw), minmax(auto, 1fr));
219
- grid-template-columns: repeat(var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
220
- minmax(auto, 1fr));
242
+ grid-template-columns: repeat(
243
+ var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
244
+ minmax(auto, 1fr)
245
+ );
221
246
  // Keep admin-styled chips at their natural size instead of stretching
222
247
  // them to fill the grid cell.
223
248
  justify-items: start;
224
249
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, 10px)));
225
250
  max-height: prepareMediaVariable(--_ctm-lt-mx-cr-ht);
226
-
227
251
  &[data-overflow-items="Scroll"] {
228
252
  overflow-y: auto;
229
253
  }
230
-
231
254
  &[data-overflow-items="Hidden"] {
232
255
  overflow-y: hidden;
233
256
  }
234
-
235
257
  margin: 0px;
236
-
237
258
  .item {
238
259
  width: auto;
239
260
  }
@@ -241,4 +262,4 @@
241
262
  }
242
263
  }
243
264
  }
244
- }
265
+ }