react-blockkit 0.3.1 → 0.3.3

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 {
@@ -907,10 +919,18 @@
907
919
  list-style-type: none;
908
920
  }
909
921
 
922
+ .xbelrpt {
923
+ margin-inline-end: 6px;
924
+ }
925
+
910
926
  .x161fxfn {
911
927
  margin-inline-end: var(--xyqg4g);
912
928
  }
913
929
 
930
+ .x1xkedpm {
931
+ margin-inline-start: -28px;
932
+ }
933
+
914
934
  .x9pbi5e {
915
935
  margin-inline-start: 28px;
916
936
  }
@@ -943,6 +963,10 @@
943
963
  overflow-wrap: break-word;
944
964
  }
945
965
 
966
+ .xziim83 {
967
+ padding-inline-end: 28px;
968
+ }
969
+
946
970
  .x1o1cwpf {
947
971
  padding-inline-end: var(--x9neswr);
948
972
  }
@@ -963,6 +987,14 @@
963
987
  padding-inline-start: var(--xce4sdd);
964
988
  }
965
989
 
990
+ .xty9v0q {
991
+ padding-inline-start: var(--xyqg4g);
992
+ }
993
+
994
+ .x47corl {
995
+ pointer-events: none;
996
+ }
997
+
966
998
  .x10l6tqk {
967
999
  position: absolute;
968
1000
  }
@@ -1091,6 +1123,14 @@
1091
1123
  text-transform: uppercase;
1092
1124
  }
1093
1125
 
1126
+ .x11lhmoz {
1127
+ transform: translate(-50%, -50%);
1128
+ }
1129
+
1130
+ .x1cb1t30 {
1131
+ transform: translateY(-50%);
1132
+ }
1133
+
1094
1134
  .x87ps6o {
1095
1135
  -webkit-user-select: none;
1096
1136
  user-select: none;
@@ -1202,6 +1242,10 @@
1202
1242
  height: 12px;
1203
1243
  }
1204
1244
 
1245
+ .xx3o462 {
1246
+ height: 15px;
1247
+ }
1248
+
1205
1249
  .xjm9jq1 {
1206
1250
  height: 1px;
1207
1251
  }
@@ -1238,10 +1282,18 @@
1238
1282
  height: auto;
1239
1283
  }
1240
1284
 
1285
+ .xcdktbt {
1286
+ height: var(--xly840x);
1287
+ }
1288
+
1241
1289
  .x4vbgl9 {
1242
1290
  margin-bottom: -4px;
1243
1291
  }
1244
1292
 
1293
+ .xat24cr {
1294
+ margin-bottom: 0;
1295
+ }
1296
+
1245
1297
  .x81smla {
1246
1298
  margin-bottom: var(--xce4sdd);
1247
1299
  }
@@ -1254,6 +1306,10 @@
1254
1306
  margin-top: 15px;
1255
1307
  }
1256
1308
 
1309
+ .x7r5mf7 {
1310
+ margin-top: 3px;
1311
+ }
1312
+
1257
1313
  .x1kadbbt {
1258
1314
  margin-top: var(--xce4sdd);
1259
1315
  }
@@ -1286,6 +1342,10 @@
1286
1342
  min-height: 36px;
1287
1343
  }
1288
1344
 
1345
+ .x1wxaq2x {
1346
+ min-height: 48px;
1347
+ }
1348
+
1289
1349
  .x1a3d1is {
1290
1350
  min-height: var(--xly840x);
1291
1351
  }
@@ -1342,6 +1402,10 @@
1342
1402
  padding-top: var(--xce4sdd);
1343
1403
  }
1344
1404
 
1405
+ .xwa60dl {
1406
+ top: 50%;
1407
+ }
1408
+
1345
1409
  .xfr5jun {
1346
1410
  top: 8px;
1347
1411
  }
@@ -1378,6 +1442,10 @@
1378
1442
  width: 20px;
1379
1443
  }
1380
1444
 
1445
+ .x17z2i9w {
1446
+ width: 22px;
1447
+ }
1448
+
1381
1449
  .xgd8bvy {
1382
1450
  width: 28px;
1383
1451
  }
@@ -1390,6 +1458,10 @@
1390
1458
  width: 36px;
1391
1459
  }
1392
1460
 
1461
+ .x1useyqa {
1462
+ width: 48px;
1463
+ }
1464
+
1393
1465
  .x29ncy0 {
1394
1466
  width: 88px;
1395
1467
  }
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" | "listItemTask" | "listOrdered" | "listOrderedAlpha" | "listOrderedRoman" | "listTaskCheckbox" | "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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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/text/Markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAKrD,KAAK,kBAAkB,GACnB;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC5E;IAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;CAAE,GAC5B;IAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC3E;IACE,QAAQ,CAAC,KAAK,EAAE,SAAS;QACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;QAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;QACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;KACvB,EAAE,CAAC;IACJ,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B,GACD;IAAE,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC/D;IACE,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,CAAC;CAC/C,CAAC;AAiDN,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,kBAAkB,EAAE,CA+FhF;AAoHD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,GAAG,YAAY,CAQlE"}
1
+ {"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/text/Markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAKrD,KAAK,kBAAkB,GACnB;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC5E;IAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;CAAE,GAC5B;IAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC3E;IACE,QAAQ,CAAC,KAAK,EAAE,SAAS;QACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;QAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;QACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;KACvB,EAAE,CAAC;IACJ,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B,GACD;IAAE,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC/D;IACE,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,CAAC;CAC/C,CAAC;AAiDN,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,kBAAkB,EAAE,CA+FhF;AAwHD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,GAAG,YAAY,CAQlE"}
@@ -31,7 +31,13 @@ export type MrkdwnToken = {
31
31
  export declare function tokenizeMrkdwn(text: string): readonly MrkdwnToken[];
32
32
  export interface MrkdwnProps {
33
33
  readonly className?: string | undefined;
34
+ /**
35
+ * Render as a `<span>` instead of a `<div>`. Markdown list items need this
36
+ * so the label stays on the same line as the bullet / checkbox / ordered
37
+ * marker; a block div would force a wrap under the marker.
38
+ */
39
+ readonly inline?: boolean | undefined;
34
40
  readonly text: string;
35
41
  }
36
- export declare function Mrkdwn({ className, text }: MrkdwnProps): ReactElement;
42
+ export declare function Mrkdwn({ className, inline, text }: MrkdwnProps): ReactElement;
37
43
  //# sourceMappingURL=Mrkdwn.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Mrkdwn.d.ts","sourceRoot":"","sources":["../../src/text/Mrkdwn.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAQrD,MAAM,MAAM,WAAW,GACnB;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACjD;IACE,QAAQ,CAAC,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAC;IAC1C,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;CAC7C,GACD;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACvD;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACxE;IACE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;CACnE,GACD;IAAE,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAsJ3D,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,WAAW,EAAE,CAEnE;AAkGD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,WAAW,GAAG,YAAY,CASrE"}
1
+ {"version":3,"file":"Mrkdwn.d.ts","sourceRoot":"","sources":["../../src/text/Mrkdwn.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAQrD,MAAM,MAAM,WAAW,GACnB;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACjD;IACE,QAAQ,CAAC,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAC;IAC1C,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;CAC7C,GACD;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACvD;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACxE;IACE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;CACnE,GACD;IAAE,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAsJ3D,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,WAAW,EAAE,CAEnE;AAkGD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,MAAc,EAAE,IAAI,EAAE,EAAE,WAAW,GAAG,YAAY,CAOrF"}
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/visual-tests/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.3",
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"
@@ -65,7 +66,7 @@
65
66
  "react-dom": "^19.2.7",
66
67
  "vite": "^8.1.5",
67
68
  "vitest": "^4.1.7",
68
- "slackmark": "0.4.0"
69
+ "slackmark": "0.6.0"
69
70
  },
70
71
  "peerDependencies": {
71
72
  "react": ">=18.2.0 <20",