@thoughthub/hq 1.1.4 → 1.1.6
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/index.js +51 -12
- package/dist/index.mjs +51 -12
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -47,16 +47,27 @@ function CraftingCredit() {
|
|
|
47
47
|
@font-face {
|
|
48
48
|
font-family: 'RoxboroughCF';
|
|
49
49
|
src: url('${Roxborough_CF_Regular_default}') format('opentype');
|
|
50
|
-
font-weight:
|
|
50
|
+
font-weight: 700;
|
|
51
51
|
font-style: normal;
|
|
52
52
|
font-display: swap;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
.font-roxborough {
|
|
56
56
|
font-family: 'RoxboroughCF', serif !important;
|
|
57
|
+
font-weight: 700 !important;
|
|
58
|
+
-webkit-font-smoothing: antialiased;
|
|
59
|
+
-moz-osx-font-smoothing: grayscale;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.th-credit-group {
|
|
63
|
+
display: flex;
|
|
64
|
+
align-items: center;
|
|
65
|
+
gap: 1rem;
|
|
66
|
+
position: relative;
|
|
67
|
+
cursor: pointer;
|
|
68
|
+
transition: transform 500ms;
|
|
57
69
|
}
|
|
58
70
|
|
|
59
|
-
/* Exact replication of your Tailwind hover & animation */
|
|
60
71
|
.th-credit-group:hover {
|
|
61
72
|
transform: scale(1.1);
|
|
62
73
|
}
|
|
@@ -77,6 +88,12 @@ function CraftingCredit() {
|
|
|
77
88
|
.th-credit-group:hover::after {
|
|
78
89
|
transform: scaleX(1);
|
|
79
90
|
}
|
|
91
|
+
|
|
92
|
+
@media (min-width: 640px) {
|
|
93
|
+
.th-credit-text-responsive {
|
|
94
|
+
font-size: 0.875rem !important;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
80
97
|
` }),
|
|
81
98
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
82
99
|
"a",
|
|
@@ -88,14 +105,23 @@ function CraftingCredit() {
|
|
|
88
105
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
89
106
|
"div",
|
|
90
107
|
{
|
|
91
|
-
className: "
|
|
92
|
-
style: {
|
|
108
|
+
className: "th-credit-group th-credit-text-responsive",
|
|
109
|
+
style: {
|
|
110
|
+
fontSize: "0.75rem",
|
|
111
|
+
letterSpacing: "-0.025em"
|
|
112
|
+
},
|
|
93
113
|
children: [
|
|
94
114
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
95
115
|
"div",
|
|
96
116
|
{
|
|
97
|
-
|
|
98
|
-
|
|
117
|
+
style: {
|
|
118
|
+
paddingRight: "1rem",
|
|
119
|
+
borderRight: "1px solid #e5e5e5",
|
|
120
|
+
flexShrink: 0,
|
|
121
|
+
transition: "border-color 300ms",
|
|
122
|
+
display: "flex",
|
|
123
|
+
alignItems: "center"
|
|
124
|
+
},
|
|
99
125
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
100
126
|
"img",
|
|
101
127
|
{
|
|
@@ -103,25 +129,38 @@ function CraftingCredit() {
|
|
|
103
129
|
alt: "ThoughtHub HQ Logo",
|
|
104
130
|
width: 36,
|
|
105
131
|
height: 36,
|
|
106
|
-
onError: () => setLogoSrc(th_logo_default)
|
|
132
|
+
onError: () => setLogoSrc(th_logo_default),
|
|
133
|
+
style: { display: "block" }
|
|
107
134
|
}
|
|
108
135
|
)
|
|
109
136
|
}
|
|
110
137
|
),
|
|
111
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
|
|
138
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [
|
|
112
139
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
113
140
|
"span",
|
|
114
141
|
{
|
|
115
|
-
|
|
116
|
-
|
|
142
|
+
style: {
|
|
143
|
+
fontSize: "10px",
|
|
144
|
+
textTransform: "uppercase",
|
|
145
|
+
letterSpacing: "0.1em",
|
|
146
|
+
color: "#737373",
|
|
147
|
+
fontWeight: "700",
|
|
148
|
+
lineHeight: "1",
|
|
149
|
+
marginBottom: "4px"
|
|
150
|
+
},
|
|
117
151
|
children: "Crafted by"
|
|
118
152
|
}
|
|
119
153
|
),
|
|
120
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
154
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
121
155
|
"span",
|
|
122
156
|
{
|
|
123
157
|
className: "font-roxborough",
|
|
124
|
-
style: {
|
|
158
|
+
style: {
|
|
159
|
+
fontSize: "1.125rem",
|
|
160
|
+
color: "#e7eacd",
|
|
161
|
+
lineHeight: "1",
|
|
162
|
+
fontWeight: "700"
|
|
163
|
+
},
|
|
125
164
|
children: "ThoughtHub"
|
|
126
165
|
}
|
|
127
166
|
) })
|
package/dist/index.mjs
CHANGED
|
@@ -18,16 +18,27 @@ function CraftingCredit() {
|
|
|
18
18
|
@font-face {
|
|
19
19
|
font-family: 'RoxboroughCF';
|
|
20
20
|
src: url('${Roxborough_CF_Regular_default}') format('opentype');
|
|
21
|
-
font-weight:
|
|
21
|
+
font-weight: 700;
|
|
22
22
|
font-style: normal;
|
|
23
23
|
font-display: swap;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.font-roxborough {
|
|
27
27
|
font-family: 'RoxboroughCF', serif !important;
|
|
28
|
+
font-weight: 700 !important;
|
|
29
|
+
-webkit-font-smoothing: antialiased;
|
|
30
|
+
-moz-osx-font-smoothing: grayscale;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.th-credit-group {
|
|
34
|
+
display: flex;
|
|
35
|
+
align-items: center;
|
|
36
|
+
gap: 1rem;
|
|
37
|
+
position: relative;
|
|
38
|
+
cursor: pointer;
|
|
39
|
+
transition: transform 500ms;
|
|
28
40
|
}
|
|
29
41
|
|
|
30
|
-
/* Exact replication of your Tailwind hover & animation */
|
|
31
42
|
.th-credit-group:hover {
|
|
32
43
|
transform: scale(1.1);
|
|
33
44
|
}
|
|
@@ -48,6 +59,12 @@ function CraftingCredit() {
|
|
|
48
59
|
.th-credit-group:hover::after {
|
|
49
60
|
transform: scaleX(1);
|
|
50
61
|
}
|
|
62
|
+
|
|
63
|
+
@media (min-width: 640px) {
|
|
64
|
+
.th-credit-text-responsive {
|
|
65
|
+
font-size: 0.875rem !important;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
51
68
|
` }),
|
|
52
69
|
/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
53
70
|
"a",
|
|
@@ -59,14 +76,23 @@ function CraftingCredit() {
|
|
|
59
76
|
children: /* @__PURE__ */ jsxs(
|
|
60
77
|
"div",
|
|
61
78
|
{
|
|
62
|
-
className: "
|
|
63
|
-
style: {
|
|
79
|
+
className: "th-credit-group th-credit-text-responsive",
|
|
80
|
+
style: {
|
|
81
|
+
fontSize: "0.75rem",
|
|
82
|
+
letterSpacing: "-0.025em"
|
|
83
|
+
},
|
|
64
84
|
children: [
|
|
65
85
|
/* @__PURE__ */ jsx(
|
|
66
86
|
"div",
|
|
67
87
|
{
|
|
68
|
-
|
|
69
|
-
|
|
88
|
+
style: {
|
|
89
|
+
paddingRight: "1rem",
|
|
90
|
+
borderRight: "1px solid #e5e5e5",
|
|
91
|
+
flexShrink: 0,
|
|
92
|
+
transition: "border-color 300ms",
|
|
93
|
+
display: "flex",
|
|
94
|
+
alignItems: "center"
|
|
95
|
+
},
|
|
70
96
|
children: /* @__PURE__ */ jsx(
|
|
71
97
|
"img",
|
|
72
98
|
{
|
|
@@ -74,25 +100,38 @@ function CraftingCredit() {
|
|
|
74
100
|
alt: "ThoughtHub HQ Logo",
|
|
75
101
|
width: 36,
|
|
76
102
|
height: 36,
|
|
77
|
-
onError: () => setLogoSrc(th_logo_default)
|
|
103
|
+
onError: () => setLogoSrc(th_logo_default),
|
|
104
|
+
style: { display: "block" }
|
|
78
105
|
}
|
|
79
106
|
)
|
|
80
107
|
}
|
|
81
108
|
),
|
|
82
|
-
/* @__PURE__ */ jsxs("div", {
|
|
109
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: [
|
|
83
110
|
/* @__PURE__ */ jsx(
|
|
84
111
|
"span",
|
|
85
112
|
{
|
|
86
|
-
|
|
87
|
-
|
|
113
|
+
style: {
|
|
114
|
+
fontSize: "10px",
|
|
115
|
+
textTransform: "uppercase",
|
|
116
|
+
letterSpacing: "0.1em",
|
|
117
|
+
color: "#737373",
|
|
118
|
+
fontWeight: "700",
|
|
119
|
+
lineHeight: "1",
|
|
120
|
+
marginBottom: "4px"
|
|
121
|
+
},
|
|
88
122
|
children: "Crafted by"
|
|
89
123
|
}
|
|
90
124
|
),
|
|
91
|
-
/* @__PURE__ */ jsx("span", {
|
|
125
|
+
/* @__PURE__ */ jsx("span", { style: { display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx(
|
|
92
126
|
"span",
|
|
93
127
|
{
|
|
94
128
|
className: "font-roxborough",
|
|
95
|
-
style: {
|
|
129
|
+
style: {
|
|
130
|
+
fontSize: "1.125rem",
|
|
131
|
+
color: "#e7eacd",
|
|
132
|
+
lineHeight: "1",
|
|
133
|
+
fontWeight: "700"
|
|
134
|
+
},
|
|
96
135
|
children: "ThoughtHub"
|
|
97
136
|
}
|
|
98
137
|
) })
|