@bailaya/react 1.0.21 → 1.0.22
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.
|
@@ -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;
|
|
@@ -118,10 +118,12 @@
|
|
|
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) {
|
|
@@ -220,8 +217,3 @@
|
|
|
220
217
|
font-size: 1.25rem;
|
|
221
218
|
}
|
|
222
219
|
}
|
|
223
|
-
|
|
224
|
-
/* Button spacing */
|
|
225
|
-
:where(.by-btnList) {
|
|
226
|
-
margin-top: 1rem;
|
|
227
|
-
}
|