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