@bailaya/react 1.0.21 → 1.0.23
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.
- package/dist/components/StudioTypesList.js +1 -1
- package/dist/styles.css +10 -17
- package/package.json +1 -1
|
@@ -31,7 +31,7 @@ function slugifyName(name) {
|
|
|
31
31
|
* List-style display of studio dance types (Salsa, Bachata, etc.) with optional CTA.
|
|
32
32
|
* Matches your sample Tailwind layout but implemented with low-specificity CSS classes.
|
|
33
33
|
*/
|
|
34
|
-
const StudioTypesList = ({ overrideId, locale, className = "by-classesList", itemClassName = "by-listCard", imageWrapperClassName = "by-listImageWrap", imageClassName = "by-listImg", bodyClassName = "by-listBody", titleClassName = "by-listTitle", descriptionClassName = "by-listDesc", buttonClassName = "by-btn
|
|
34
|
+
const StudioTypesList = ({ overrideId, locale, className = "by-classesList", itemClassName = "by-listCard", imageWrapperClassName = "by-listImageWrap", imageClassName = "by-listImg", bodyClassName = "by-listBody", titleClassName = "by-listTitle", descriptionClassName = "by-listDesc", buttonClassName = "by-btn", seeClassesText = "See Classes", hrefPrefix = "/classes/", hideButton = false, renderLink, renderItem, showDescription = true, transformTypes, hrefBuilder, }) => {
|
|
35
35
|
var _a;
|
|
36
36
|
const { data: profile, loading, error } = (0, useStudioProfile_1.useStudioProfile)(overrideId);
|
|
37
37
|
if (loading)
|
package/dist/styles.css
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
:root {
|
|
3
3
|
--by-color-heading: #2A2343;
|
|
4
4
|
--by-color-text: #464646;
|
|
5
|
-
--by-color-btn-bg: #
|
|
6
|
-
--by-color-btn-text: #
|
|
5
|
+
--by-color-btn-bg: #EC094D;
|
|
6
|
+
--by-color-btn-text: #FFFFFF;
|
|
7
7
|
--by-border: #DCDCDC;
|
|
8
8
|
--by-radius-lg: 0.5rem;
|
|
9
|
-
--by-radius-md:
|
|
9
|
+
--by-radius-md: 100rem;
|
|
10
10
|
--by-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),
|
|
11
11
|
0 4px 6px -4px rgba(0,0,0,0.1);
|
|
12
12
|
--by-gap: 2rem;
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
|
|
56
56
|
/* Image wrapper */
|
|
57
57
|
:where(.by-imageWrap) {
|
|
58
|
-
width:
|
|
58
|
+
width: 25%;
|
|
59
59
|
aspect-ratio: 1 / 1;
|
|
60
60
|
padding: var(--by-img-pad);
|
|
61
61
|
}
|
|
@@ -105,23 +105,25 @@
|
|
|
105
105
|
|
|
106
106
|
/* Button */
|
|
107
107
|
:where(.by-btn) {
|
|
108
|
-
margin-top:
|
|
108
|
+
margin-top: 1rem;
|
|
109
109
|
display: inline-flex;
|
|
110
110
|
align-items: center;
|
|
111
111
|
gap: 0.5rem;
|
|
112
112
|
padding: var(--by-btn-pad-y) var(--by-btn-pad-x);
|
|
113
113
|
border-radius: var(--by-radius-md);
|
|
114
|
-
font-weight:
|
|
114
|
+
font-weight: 700;
|
|
115
115
|
border: 1px solid transparent;
|
|
116
116
|
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
|
|
117
117
|
background: var(--by-color-btn-bg);
|
|
118
118
|
color: var(--by-color-btn-text);
|
|
119
119
|
text-decoration: none;
|
|
120
120
|
transition: opacity var(--by-transition), filter var(--by-transition);
|
|
121
|
+
text-transform: uppercase;
|
|
121
122
|
}
|
|
122
123
|
|
|
123
124
|
:where(.by-btn:hover) {
|
|
124
|
-
|
|
125
|
+
background: var(--by-color-btn-text);
|
|
126
|
+
color: var(--by-color-btn-bg);
|
|
125
127
|
}
|
|
126
128
|
|
|
127
129
|
:where(.by-btn svg) {
|
|
@@ -164,11 +166,6 @@
|
|
|
164
166
|
padding: 1rem;
|
|
165
167
|
aspect-ratio: 1 / 1;
|
|
166
168
|
}
|
|
167
|
-
@media (min-width: 768px) {
|
|
168
|
-
:where(.by-listImageWrap) {
|
|
169
|
-
width: 25%;
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
169
|
|
|
173
170
|
/* Image */
|
|
174
171
|
:where(.by-listImg) {
|
|
@@ -187,6 +184,7 @@
|
|
|
187
184
|
text-align: left;
|
|
188
185
|
font-family: var(--by-body-font);
|
|
189
186
|
color: var(--by-color-text);
|
|
187
|
+
width: 75%;
|
|
190
188
|
}
|
|
191
189
|
@media (min-width: 768px) {
|
|
192
190
|
:where(.by-listBody) {
|
|
@@ -220,8 +218,3 @@
|
|
|
220
218
|
font-size: 1.25rem;
|
|
221
219
|
}
|
|
222
220
|
}
|
|
223
|
-
|
|
224
|
-
/* Button spacing */
|
|
225
|
-
:where(.by-btnList) {
|
|
226
|
-
margin-top: 1rem;
|
|
227
|
-
}
|