@bailaya/react 1.0.18 → 1.0.20

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 (5) hide show
  1. package/dist/components/StudioTypesGrid.d.ts +0 -1
  2. package/dist/components/StudioTypesGrid.d.ts.map +1 -1
  3. package/dist/components/StudioTypesGrid.js +0 -1
  4. package/dist/styles.css +135 -0
  5. package/package.json +2 -1
package/dist/components/StudioTypesGrid.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import React from "react";
2
2
  import type { StudioType, StudioProfile } from "@bailaya/core";
3
- import "./styles.css";
4
3
  export interface StudioTypesGridProps {
5
4
  overrideId?: string;
6
5
  locale?: string;
package/dist/components/StudioTypesGrid.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StudioTypesGrid.d.ts","sourceRoot":"","sources":["../../src/components/StudioTypesGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,yBAAyB,CAAC;AAwBjC,MAAM,WAAW,oBAAoB;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC7B,KAAK,KAAK,CAAC,SAAS,CAAC;IAEtB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IAE3E,sEAAsE;IACtE,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,8CAA8C;IAC9C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,CAAC;IAEvD,wEAAwE;IACxE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,MAAM,CAAC;CAC9C;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4E1D,CAAC"}
1
+ {"version":3,"file":"StudioTypesGrid.d.ts","sourceRoot":"","sources":["../../src/components/StudioTypesGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAyB/D,MAAM,WAAW,oBAAoB;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC7B,KAAK,KAAK,CAAC,SAAS,CAAC;IAEtB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IAE3E,sEAAsE;IACtE,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,8CAA8C;IAC9C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,CAAC;IAEvD,wEAAwE;IACxE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,MAAM,CAAC;CAC9C;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4E1D,CAAC"}
package/dist/components/StudioTypesGrid.js CHANGED
@@ -9,7 +9,6 @@ const react_1 = __importDefault(require("react"));
9
9
  const lucide_react_1 = require("lucide-react");
10
10
  const useStudioProfile_1 = require("../hooks/useStudioProfile");
11
11
  const LoadingIcon_1 = require("./ui/LoadingIcon");
12
- require("./styles.css");
13
12
  /** Picks localized text with fallback to first available. */
14
13
  function pickLocalizedText(map, locale) {
15
14
  const obj = map !== null && map !== void 0 ? map : {};
package/dist/styles.css ADDED
@@ -0,0 +1,135 @@
1
+ /* Theme variables (safe defaults) */
2
+ :root {
3
+ --by-color-heading: #2A2343;
4
+ --by-color-text: #464646;
5
+ --by-color-btn-bg: #2A2343;
6
+ --by-color-btn-text: #ffffff;
7
+ --by-border: #DCDCDC;
8
+ --by-radius-lg: 0.5rem;
9
+ --by-radius-md: 0.375rem;
10
+ --by-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),
11
+ 0 4px 6px -4px rgba(0,0,0,0.1);
12
+ --by-gap: 2rem;
13
+ --by-body-pad: 0.75rem;
14
+ --by-img-pad: 0.5rem;
15
+ --by-title-pb: 1rem;
16
+ --by-desc-pb: 0.75rem;
17
+ --by-btn-pad-y: 0.75rem;
18
+ --by-btn-pad-x: 1.5rem;
19
+ --by-transition: 150ms ease-in-out;
20
+ --by-heading-font: inherit;
21
+ --by-body-font: inherit;
22
+ }
23
+
24
+ /* Grid container */
25
+ :where(.by-classesGrid) {
26
+ margin-block: 0.75rem;
27
+ display: grid;
28
+ grid-template-columns: 1fr;
29
+ gap: var(--by-gap);
30
+ }
31
+
32
+ @media (min-width: 768px) {
33
+ :where(.by-classesGrid) {
34
+ margin-block: 1.5rem;
35
+ grid-template-columns: repeat(2, minmax(0, 1fr));
36
+ }
37
+ }
38
+
39
+ @media (min-width: 1024px) {
40
+ :where(.by-classesGrid) {
41
+ grid-template-columns: repeat(3, minmax(0, 1fr));
42
+ }
43
+ }
44
+
45
+ /* Card */
46
+ :where(.by-card) {
47
+ display: flex;
48
+ flex-direction: column;
49
+ border: 1px solid var(--by-border);
50
+ border-radius: var(--by-radius-lg);
51
+ box-shadow: var(--by-shadow);
52
+ overflow: hidden;
53
+ background: #fff;
54
+ }
55
+
56
+ /* Image wrapper */
57
+ :where(.by-imageWrap) {
58
+ width: 100%;
59
+ aspect-ratio: 1 / 1;
60
+ padding: var(--by-img-pad);
61
+ }
62
+
63
+ /* Image */
64
+ :where(.by-img) {
65
+ width: 100%;
66
+ height: 100%;
67
+ object-fit: cover;
68
+ display: block;
69
+ border-radius: 1rem;
70
+ }
71
+
72
+ /* Body */
73
+ :where(.by-body) {
74
+ padding: var(--by-body-pad);
75
+ display: flex;
76
+ flex-direction: column;
77
+ flex: 1 1 auto;
78
+ font-family: var(--by-body-font);
79
+ color: var(--by-color-text);
80
+ }
81
+
82
+ /* Title */
83
+ :where(.by-title) {
84
+ font-family: var(--by-heading-font);
85
+ font-weight: 600;
86
+ color: var(--by-color-heading);
87
+ padding-bottom: var(--by-title-pb);
88
+ text-align: start;
89
+ line-height: 1.1;
90
+ font-size: 1.875rem;
91
+ }
92
+
93
+ @media (min-width: 768px) {
94
+ :where(.by-title) {
95
+ font-size: 3rem;
96
+ }
97
+ }
98
+
99
+ /* Description */
100
+ :where(.by-desc) {
101
+ color: var(--by-color-text);
102
+ padding-bottom: var(--by-desc-pb);
103
+ font-size: 0.875rem;
104
+ }
105
+
106
+ @media (min-width: 768px) {
107
+ :where(.by-desc) {
108
+ font-size: 1rem;
109
+ }
110
+ }
111
+
112
+ /* Button */
113
+ :where(.by-btn) {
114
+ margin-top: auto;
115
+ display: inline-flex;
116
+ align-items: center;
117
+ gap: 0.5rem;
118
+ padding: var(--by-btn-pad-y) var(--by-btn-pad-x);
119
+ border-radius: var(--by-radius-md);
120
+ font-weight: 500;
121
+ border: 1px solid transparent;
122
+ box-shadow: 0 1px 2px rgba(0,0,0,0.05);
123
+ background: var(--by-color-btn-bg);
124
+ color: var(--by-color-btn-text);
125
+ text-decoration: none;
126
+ transition: opacity var(--by-transition), filter var(--by-transition);
127
+ }
128
+
129
+ :where(.by-btn:hover) {
130
+ opacity: 0.9;
131
+ }
132
+
133
+ :where(.by-btn svg) {
134
+ flex-shrink: 0;
135
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bailaya/react",
3
- "version": "1.0.18",
3
+ "version": "1.0.20",
4
4
  "description": "A React component library for the BailaYa public API",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -24,6 +24,7 @@
24
24
  "@types/jest": "^30.0.0",
25
25
  "@types/react": "^18.0.0",
26
26
  "@types/react-dom": "^18.0.0",
27
+ "copyfiles": "^2.4.1",
27
28
  "jest": "^30.0.5",
28
29
  "react": "^18.2.0",
29
30
  "react-dom": "^18.2.0",