react-blockkit 0.3.1 → 0.3.2

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/styles.css CHANGED
@@ -1,4 +1,4 @@
1
- @font-face{font-family:Slack-Lato;font-style:normal;font-weight:400;font-display:swap;src:url(https://a.slack-edge.com/bv1-13-br/lato-regular-ef8e44a.woff2)format("woff2")}@font-face{font-family:Slack-Lato;font-style:normal;font-weight:700;font-display:swap;src:url(https://a.slack-edge.com/bv1-13-br/lato-bold-78da5d4.woff2)format("woff2")}@font-face{font-family:Slack-Lato;font-style:normal;font-weight:900;font-display:swap;src:url(https://a.slack-edge.com/bv1-13-br/lato-black-7b284cf.woff2)format("woff2")}@font-face{font-family:Slack-Lato;font-style:italic;font-weight:400;font-display:swap;src:url(https://a.slack-edge.com/bv1-13-br/lato-italic-648fd7b.woff2)format("woff2")}@font-face{font-family:Slack-Roboto-Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(https://a.slack-edge.com/bv1-13-br/RobotoMono-Regular-6ddf6fb.woff2)format("woff2")}@layer react-blockkit.base{[data-block-kit-root],[data-block-kit-root] *,[data-block-kit-root] :before,[data-block-kit-root] :after{box-sizing:border-box}[data-block-kit-root] button,[data-block-kit-root] input,[data-block-kit-root] select,[data-block-kit-root] textarea{font:inherit}}[data-block-kit-root]>[data-block-type=section]:first-child>div{margin-block-start:0}[data-block-kit-root]>[data-block-type=header]:first-child>:is(h1,h2,h3,h4){margin-block-start:4px}
1
+ @font-face{font-family:Slack-Lato;font-style:normal;font-weight:400;font-display:swap;src:url(https://a.slack-edge.com/bv1-13-br/lato-regular-ef8e44a.woff2)format("woff2")}@font-face{font-family:Slack-Lato;font-style:normal;font-weight:700;font-display:swap;src:url(https://a.slack-edge.com/bv1-13-br/lato-bold-78da5d4.woff2)format("woff2")}@font-face{font-family:Slack-Lato;font-style:normal;font-weight:900;font-display:swap;src:url(https://a.slack-edge.com/bv1-13-br/lato-black-7b284cf.woff2)format("woff2")}@font-face{font-family:Slack-Lato;font-style:italic;font-weight:400;font-display:swap;src:url(https://a.slack-edge.com/bv1-13-br/lato-italic-648fd7b.woff2)format("woff2")}@font-face{font-family:Slack-Roboto-Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(https://a.slack-edge.com/bv1-13-br/RobotoMono-Regular-6ddf6fb.woff2)format("woff2")}@layer react-blockkit.base{[data-block-kit-root],[data-block-kit-root] *,[data-block-kit-root] :before,[data-block-kit-root] :after{box-sizing:border-box}[data-block-kit-root] button,[data-block-kit-root] input,[data-block-kit-root] select,[data-block-kit-root] textarea{font:inherit}}[data-block-kit-root]>[data-block-type=section]:first-child>div{margin-block-start:0}[data-block-kit-root]>[data-block-type=header]:first-child>:is(h1,h2,h3,h4){margin-block-start:4px}[data-block-kit-root] summary{list-style:none}[data-block-kit-root] summary::-webkit-details-marker{display:none}[data-block-kit-root] [data-container-chevron]{transition:transform .12s}[data-block-kit-root] details[open]>summary [data-container-chevron]{transform:rotate(90deg)}
2
2
  /*$vite$:1*/
3
3
  @layer priority1 {
4
4
  :root, .xpd22m1 {
@@ -427,6 +427,10 @@
427
427
  appearance: none;
428
428
  }
429
429
 
430
+ .x1frzhxr {
431
+ background-color: #000000b3;
432
+ }
433
+
430
434
  .xjbqb8w {
431
435
  background-color: #0000;
432
436
  }
@@ -847,12 +851,20 @@
847
851
  inset-inline-end: var(--xce4sdd);
848
852
  }
849
853
 
854
+ .x1jot08o {
855
+ inset-inline-end: var(--xyqg4g);
856
+ }
857
+
850
858
  .x1o0tod {
851
859
  inset-inline-start: 0;
852
860
  }
853
861
 
854
- .xuhg197 {
855
- inset-inline-start: var(--xce4sdd);
862
+ .xbudbmw {
863
+ inset-inline-start: 50%;
864
+ }
865
+
866
+ .xrr41r3 {
867
+ inset-inline-start: 6px;
856
868
  }
857
869
 
858
870
  .xl56j7k {
@@ -943,6 +955,10 @@
943
955
  overflow-wrap: break-word;
944
956
  }
945
957
 
958
+ .xziim83 {
959
+ padding-inline-end: 28px;
960
+ }
961
+
946
962
  .x1o1cwpf {
947
963
  padding-inline-end: var(--x9neswr);
948
964
  }
@@ -963,6 +979,14 @@
963
979
  padding-inline-start: var(--xce4sdd);
964
980
  }
965
981
 
982
+ .xty9v0q {
983
+ padding-inline-start: var(--xyqg4g);
984
+ }
985
+
986
+ .x47corl {
987
+ pointer-events: none;
988
+ }
989
+
966
990
  .x10l6tqk {
967
991
  position: absolute;
968
992
  }
@@ -1091,6 +1115,14 @@
1091
1115
  text-transform: uppercase;
1092
1116
  }
1093
1117
 
1118
+ .x11lhmoz {
1119
+ transform: translate(-50%, -50%);
1120
+ }
1121
+
1122
+ .x1cb1t30 {
1123
+ transform: translateY(-50%);
1124
+ }
1125
+
1094
1126
  .x87ps6o {
1095
1127
  -webkit-user-select: none;
1096
1128
  user-select: none;
@@ -1238,6 +1270,10 @@
1238
1270
  height: auto;
1239
1271
  }
1240
1272
 
1273
+ .xcdktbt {
1274
+ height: var(--xly840x);
1275
+ }
1276
+
1241
1277
  .x4vbgl9 {
1242
1278
  margin-bottom: -4px;
1243
1279
  }
@@ -1286,6 +1322,10 @@
1286
1322
  min-height: 36px;
1287
1323
  }
1288
1324
 
1325
+ .x1wxaq2x {
1326
+ min-height: 48px;
1327
+ }
1328
+
1289
1329
  .x1a3d1is {
1290
1330
  min-height: var(--xly840x);
1291
1331
  }
@@ -1342,6 +1382,10 @@
1342
1382
  padding-top: var(--xce4sdd);
1343
1383
  }
1344
1384
 
1385
+ .xwa60dl {
1386
+ top: 50%;
1387
+ }
1388
+
1345
1389
  .xfr5jun {
1346
1390
  top: 8px;
1347
1391
  }
@@ -1390,6 +1434,10 @@
1390
1434
  width: 36px;
1391
1435
  }
1392
1436
 
1437
+ .x1useyqa {
1438
+ width: 48px;
1439
+ }
1440
+
1393
1441
  .x29ncy0 {
1394
1442
  width: 88px;
1395
1443
  }
package/dist/styles.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as stylex from "@stylexjs/stylex";
2
- type StyleKey = "accessory" | "accessoryImage" | "actions" | "alert" | "alertError" | "alertInfo" | "alertSuccess" | "alertWarning" | "block" | "bold" | "button" | "buttonDanger" | "buttonPrimary" | "card" | "cardActions" | "cardContent" | "cardHeading" | "cardHero" | "cardIcon" | "cardTitle" | "carousel" | "carouselCard" | "chartAreaFallbackFill" | "chartAreaFill" | "chartCanvas" | "chartCard" | "chartContent" | "chartGridline" | "chartLegend" | "chartLegendCartesian" | "chartLegendItem" | "chartLegendSwatch" | "chartLinePath" | "chartPlotArea" | "chartScroller" | "chartSvg" | "chartTickText" | "chartTitle" | "chartXAxisLabel" | "chartYAxisLabel" | "chartYAxisLabelText" | "choice" | "choiceGroup" | "colorSwatch" | "container" | "containerBody" | "containerHeader" | "containerHeaderDivider" | "context" | "contextElement" | "contextImage" | "contextText" | "dataTable" | "dataTableBand" | "dataTableBandUnpaginated" | "dataTableFilter" | "dataTableFilterInput" | "dataTableHeaderBar" | "dataTableIconButton" | "dataTablePageButton" | "dataTablePageButtonActive" | "dataTablePageChevron" | "dataTablePagination" | "dataTableRadiusBottomEnd" | "dataTableRadiusBottomStart" | "dataTableRadiusTopEnd" | "dataTableRadiusTopStart" | "dataTableTable" | "dataTableTd" | "dataTableTh" | "dataTableTitle" | "divider" | "fields" | "file" | "heading" | "heading1" | "heading2" | "heading3" | "heading4" | "iconButton" | "image" | "inlineCode" | "input" | "inputBlock" | "inputLabel" | "italic" | "link" | "list" | "listBullet" | "listBulletAlternate" | "listBulletSquare" | "listItemBullet" | "listItemOrdered" | "listOrdered" | "listOrderedAlpha" | "listOrderedRoman" | "markdown" | "mention" | "overflowButton" | "picker" | "pickerChevron" | "pickerIcon" | "pieSlice" | "plan" | "pre" | "quote" | "reference" | "required" | "richBorder" | "richSection" | "richText" | "root" | "rootDark" | "rootLight" | "section" | "sectionContent" | "select" | "smallText" | "strike" | "table" | "tableCell" | "tableCellFirstColumn" | "tableCellWrapped" | "tableHeader" | "tableScroller" | "task" | "taskHeading" | "taskStatus" | "text" | "unhandled" | "underline" | "visuallyHidden";
2
+ type StyleKey = "accessory" | "accessoryImage" | "actions" | "alert" | "alertError" | "alertIcon" | "alertInfo" | "alertSuccess" | "alertWarning" | "block" | "bold" | "button" | "buttonDanger" | "buttonPrimary" | "card" | "cardActions" | "cardContent" | "cardHeading" | "cardHero" | "cardIcon" | "cardTitle" | "carousel" | "carouselCard" | "chartAreaFallbackFill" | "chartAreaFill" | "chartCanvas" | "chartCard" | "chartContent" | "chartGridline" | "chartLegend" | "chartLegendCartesian" | "chartLegendItem" | "chartLegendSwatch" | "chartLinePath" | "chartPlotArea" | "chartScroller" | "chartSvg" | "chartTickText" | "chartTitle" | "chartXAxisLabel" | "chartYAxisLabel" | "chartYAxisLabelText" | "choice" | "choiceGroup" | "colorSwatch" | "container" | "containerBody" | "containerChevron" | "containerHeader" | "containerHeaderDivider" | "context" | "contextElement" | "contextImage" | "contextText" | "dataTable" | "dataTableBand" | "dataTableBandUnpaginated" | "dataTableFilter" | "dataTableFilterIcon" | "dataTableFilterInput" | "dataTableHeaderBar" | "dataTableIconButton" | "dataTablePageButton" | "dataTablePageButtonActive" | "dataTablePageChevron" | "dataTablePagination" | "dataTableRadiusBottomEnd" | "dataTableRadiusBottomStart" | "dataTableRadiusTopEnd" | "dataTableRadiusTopStart" | "dataTableTable" | "dataTableTd" | "dataTableTh" | "dataTableTitle" | "divider" | "fields" | "file" | "heading" | "heading1" | "heading2" | "heading3" | "heading4" | "iconButton" | "iconSlot" | "image" | "imagePlaceholder" | "inlineCode" | "input" | "inputBlock" | "inputLabel" | "italic" | "link" | "list" | "listBullet" | "listBulletAlternate" | "listBulletSquare" | "listItemBullet" | "listItemOrdered" | "listOrdered" | "listOrderedAlpha" | "listOrderedRoman" | "markdown" | "mention" | "overflowButton" | "picker" | "pickerChevron" | "pickerIcon" | "pieSlice" | "plan" | "pre" | "quote" | "reference" | "required" | "richBorder" | "richSection" | "richText" | "root" | "rootDark" | "rootLight" | "section" | "sectionContent" | "select" | "selectChevron" | "selectWithChevron" | "selectWrap" | "smallText" | "strike" | "table" | "tableCell" | "tableCellFirstColumn" | "tableCellWrapped" | "tableHeader" | "tableScroller" | "task" | "taskHeading" | "taskStatus" | "text" | "unhandled" | "underline" | "videoPlayBadge" | "videoThumbnail" | "visuallyHidden";
3
3
  export declare const styles: Readonly<Record<StyleKey, stylex.StyleXStyles>>;
4
4
  export interface ChartSeriesStyle {
5
5
  /** SVG fill in the series color (bars, pie slices). */
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"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"}
Binary file
Binary file
Binary file
Binary file
@@ -210,6 +210,45 @@ carries its own margins:
210
210
  | Preformatted | `padding: 8px`, radius `4px`, border `1px solid rgba(29, 28, 29, 0.13)`, background `rgba(29, 28, 29, 0.04)`, `12px/18px` mono, margin `4px 0`, `tab-size: 4` | border `rgba(232, 232, 232, 0.13)`, bg `rgba(232, 232, 232, 0.04)` |
211
211
  | Context text | `13px/18px`, `rgb(97, 96, 97)`; element row is a `22px` line box; `16px` spacer between elements | `rgb(209, 210, 211)` wrapper color (text tone unchanged) |
212
212
 
213
+ ### Control icon glyphs (measured 2026-07-22 from the 2026-07-21 Builder captures)
214
+
215
+ Glyph geometry was measured offline from the Builder golden captures stored
216
+ in `apps/demo/test/visual/goldens` (deviceScaleFactor 1, so pixels are CSS
217
+ px). "Ink" is the bounding box of non-background pixels. The renderer vendors
218
+ Lucide glyphs (see `src/icons.tsx`) sized so their ink matches the measured
219
+ ink.
220
+
221
+ | Surface | Slack glyph (observed) | Ink (w×h) | Color | Lucide glyph @ size |
222
+ | --- | --- | --- | --- | --- |
223
+ | Overflow button | three round dots | 12×3 | `#1d1c1d` | `ellipsis` @ 16 (ink 12×2.7) |
224
+ | Datepicker calendar | calendar with day dots | 12×12 | `#797879` | `calendar-days` @ 16 (ink 12×12) |
225
+ | Datepicker chevron | chevron-down | 9×6 | `#616061` | `chevron-down` @ 16 (ink 9.3×5.3) |
226
+ | Single-select chevron | chevron-down | 10×6 | `#1d1c1d` | `chevron-down` @ 16 |
227
+ | data_table filter magnifier | search | 10×10 | `#1d1c1d` (body ink, not secondary) | `search` @ 13 (ink 10×10) |
228
+ | data_table expand button | four-corner out arrows | 13×14 | `#454447` | `expand` @ 18 (ink 13.5×13.5) |
229
+ | data_table kebab button | three vertical dots | 2×12 | `#454447` | `ellipsis-vertical` @ 16 (ink 2.7×12) |
230
+ | data_table pagination chevrons | thin chevron | ~6×8 | `#9b9b9c` | `chevron-left`/`chevron-right` @ 14 (ink 4.7×8.2) |
231
+ | Alert level glyphs | info circle / alert triangle (warning *and* error) / check circle | 18×18 | level-tinted | `info` / `triangle-alert` / `circle-check` @ 20 |
232
+ | Card `slack_icon` ("rocket") | rocket | 20×20 | `#1d1c1d` | `rocket` @ 24 (ink 20×20) |
233
+
234
+ Additional observations from the same captures:
235
+
236
+ - The Builder's *error* alert shows the same triangle glyph as *warning*
237
+ (tinted red), not a circled exclamation; the *default* alert shows the
238
+ Slack logo, which is not vendorable — the renderer keeps the info glyph
239
+ there.
240
+ - Alert glyph tints: info `#1264a3`, warning `#6b5000`, error `#c01343`,
241
+ success `#007a5a`. The renderer has not adopted these yet because the
242
+ surrounding alert chip chrome is still unharvested (see the alert
243
+ fixture's pendingParity note); recolor both together.
244
+ - Timepicker/datetimepicker glyphs (clock at 14×14) were observed but the
245
+ renderer keeps native `<input type="time|datetime-local">` controls whose
246
+ pickers draw their own indicators.
247
+ - Task-card, feedback, icon-button, file, video-play, image-placeholder,
248
+ and container-chevron glyph sizes are inferred (16–28px against adjacent
249
+ 15px/22px text): those payloads never mount in the Builder (see open
250
+ questions).
251
+
213
252
  ### Builder-vs-client divergences (observed; renderer keeps documented Slack semantics)
214
253
 
215
254
  - `table` block `raw_number` cells render blank in the Builder (its table
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-blockkit",
3
- "version": "0.3.1",
3
+ "version": "0.3.2",
4
4
  "description": "React components that render Slack Block Kit JSON exactly as Slack does.",
5
5
  "keywords": [
6
6
  "block kit",
@@ -45,7 +45,8 @@
45
45
  "default": "./dist/index.cjs"
46
46
  }
47
47
  },
48
- "./styles.css": "./dist/styles.css"
48
+ "./styles.css": "./dist/styles.css",
49
+ "./package.json": "./package.json"
49
50
  },
50
51
  "publishConfig": {
51
52
  "access": "public"