@sensiblestats/widget-react 0.60.4 → 0.60.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/CHANGELOG.md +14 -0
- package/dist/index.cjs +35 -16
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +35 -16
- package/dist/index.js.map +1 -1
- package/dist/styles.css +11 -0
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -1098,6 +1098,16 @@
|
|
|
1098
1098
|
/* Labels stay on one line: Turkish "DAHA FAZLA" wrapped to two in a ~115px button. */
|
|
1099
1099
|
.ss-g-hl-btns .ss-g-btn { font-weight: 800; font-size: 13px; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; }
|
|
1100
1100
|
.ss-g-hl-btns .ss-g-btn svg { flex: none; }
|
|
1101
|
+
/* Phone-width cards: the info column is ~230px, too narrow for "DAHA FAZLA" + icon side by side.
|
|
1102
|
+
Drop the icons and tighten the type first; stack the buttons only when even that cannot fit. */
|
|
1103
|
+
.ss-g-hl-info { container: hlinfo / inline-size; }
|
|
1104
|
+
@container hlinfo (max-width: 280px) {
|
|
1105
|
+
.ss-g-hl-btns .ss-g-btn svg { display: none; }
|
|
1106
|
+
.ss-g-hl-btns .ss-g-btn { font-size: 12px; letter-spacing: 0; padding: 0 4px; }
|
|
1107
|
+
}
|
|
1108
|
+
@container hlinfo (max-width: 180px) {
|
|
1109
|
+
.ss-g-hl-btns { flex-direction: column; }
|
|
1110
|
+
}
|
|
1101
1111
|
.ss-g-hl-vs { position: relative; z-index: 1; flex: none; align-self: center; width: 44px; height: 44px; margin: -28px 0; border-radius: 50%; display: grid; place-items: center; background: var(--ss-g-ground); border: 2px solid var(--ss-g-line-warm); color: var(--ss-w-accent); font: 800 18px var(--ss-g-font-display); }
|
|
1102
1112
|
/* Clear the VS badge that straddles the seam between the two cards. */
|
|
1103
1113
|
.ss-g-hl-pair > .ss-g-hl-card:first-child .ss-g-hl-info { padding-bottom: 24px; }
|
|
@@ -1134,6 +1144,7 @@
|
|
|
1134
1144
|
.ss-g-gxi-node { display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 0; max-width: 72px; }
|
|
1135
1145
|
.ss-g-gxi-disc { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--ss-g-pitch-chip); border: 2px solid var(--ss-g-pitch-ink); font-size: 22px; line-height: 1; }
|
|
1136
1146
|
.ss-g-gxi-node[data-revealed] .ss-g-gxi-disc { border-color: var(--ss-w-accent); }
|
|
1147
|
+
.ss-g-gxi-disc[data-code] { font-family: var(--ss-g-font-body); font-size: 11px; font-weight: 800; letter-spacing: .02em; color: var(--ss-g-pitch-ink); }
|
|
1137
1148
|
.ss-g-gxi-pos { max-width: 100%; padding: 1px 6px; border-radius: 4px; background: var(--ss-g-pitch-chip); color: var(--ss-g-pitch-ink); font-size: 11px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
1138
1149
|
.ss-g-gxi-pos--name { color: var(--ss-w-accent); text-transform: uppercase; }
|
|
1139
1150
|
.ss-g-gxi-wrong { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sensiblestats/widget-react",
|
|
3
|
-
"version": "0.60.
|
|
3
|
+
"version": "0.60.6",
|
|
4
4
|
"description": "Embeddable SensibleStats chat widget for React.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"prepublishOnly": "yarn build"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@sensiblestats/widget-sdk": "^0.
|
|
40
|
+
"@sensiblestats/widget-sdk": "^0.36.0",
|
|
41
41
|
"react-markdown": "^9.0.1",
|
|
42
42
|
"remark-gfm": "^4.0.0"
|
|
43
43
|
},
|