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/README.md +3 -4
- package/dist/Block.d.ts.map +1 -1
- package/dist/blocks/AdvancedBlocks.d.ts.map +1 -1
- package/dist/blocks/BasicBlocks.d.ts.map +1 -1
- package/dist/blocks/InteractiveBlocks.d.ts.map +1 -1
- package/dist/elements/Elements.d.ts.map +1 -1
- package/dist/icons.d.ts +33 -0
- package/dist/icons.d.ts.map +1 -0
- package/dist/index.cjs +4 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1370 -925
- package/dist/index.js.map +1 -1
- package/dist/styles.css +75 -3
- package/dist/styles.d.ts +1 -1
- package/dist/styles.d.ts.map +1 -1
- package/dist/text/Markdown.d.ts.map +1 -1
- package/dist/text/Mrkdwn.d.ts +7 -1
- package/dist/text/Mrkdwn.d.ts.map +1 -1
- package/docs/parity/icons-alert-info.png +0 -0
- package/docs/parity/icons-card-slack-icon.png +0 -0
- package/docs/parity/icons-context-actions.png +0 -0
- package/docs/parity/icons-data-table-header.png +0 -0
- package/docs/parity/icons-datepicker.png +0 -0
- package/docs/parity/icons-overflow.png +0 -0
- package/docs/parity/icons-pagination.png +0 -0
- package/docs/parity/icons-select-chevron.png +0 -0
- package/docs/slack-style-baseline.md +39 -0
- package/package.json +4 -3
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
|
-
.
|
|
855
|
-
inset-inline-start:
|
|
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). */
|
package/dist/styles.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAG3C,KAAK,QAAQ,GACT,WAAW,GACX,gBAAgB,GAChB,SAAS,GACT,OAAO,GACP,YAAY,GACZ,WAAW,GACX,cAAc,GACd,cAAc,GACd,OAAO,GACP,MAAM,GACN,QAAQ,GACR,cAAc,GACd,eAAe,GACf,MAAM,GACN,aAAa,GACb,aAAa,GACb,aAAa,GACb,UAAU,GACV,UAAU,GACV,WAAW,GACX,UAAU,GACV,cAAc,GACd,uBAAuB,GACvB,eAAe,GACf,aAAa,GACb,WAAW,GACX,cAAc,GACd,eAAe,GACf,aAAa,GACb,sBAAsB,GACtB,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,eAAe,GACf,eAAe,GACf,UAAU,GACV,eAAe,GACf,YAAY,GACZ,iBAAiB,GACjB,iBAAiB,GACjB,qBAAqB,GACrB,QAAQ,GACR,aAAa,GACb,aAAa,GACb,WAAW,GACX,eAAe,GACf,iBAAiB,GACjB,wBAAwB,GACxB,SAAS,GACT,gBAAgB,GAChB,cAAc,GACd,aAAa,GACb,WAAW,GACX,eAAe,GACf,0BAA0B,GAC1B,iBAAiB,GACjB,sBAAsB,GACtB,oBAAoB,GACpB,qBAAqB,GACrB,qBAAqB,GACrB,2BAA2B,GAC3B,sBAAsB,GACtB,qBAAqB,GACrB,0BAA0B,GAC1B,4BAA4B,GAC5B,uBAAuB,GACvB,yBAAyB,GACzB,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,gBAAgB,GAChB,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,GACT,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,OAAO,GACP,YAAY,GACZ,OAAO,GACP,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,MAAM,GACN,MAAM,GACN,YAAY,GACZ,qBAAqB,GACrB,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,aAAa,GACb,kBAAkB,GAClB,kBAAkB,GAClB,UAAU,GACV,SAAS,GACT,gBAAgB,GAChB,QAAQ,GACR,eAAe,GACf,YAAY,GACZ,UAAU,GACV,MAAM,GACN,KAAK,GACL,OAAO,GACP,WAAW,GACX,UAAU,GACV,YAAY,GACZ,aAAa,GACb,UAAU,GACV,MAAM,GACN,UAAU,GACV,WAAW,GACX,SAAS,GACT,gBAAgB,GAChB,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,OAAO,GACP,WAAW,GACX,sBAAsB,GACtB,kBAAkB,GAClB,aAAa,GACb,eAAe,GACf,MAAM,GACN,aAAa,GACb,YAAY,GACZ,MAAM,GACN,WAAW,GACX,WAAW,GACX,gBAAgB,CAAC;AAErB,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,YAAY,CAAC,
|
|
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;
|
|
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"}
|
package/dist/text/Mrkdwn.d.ts
CHANGED
|
@@ -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,
|
|
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
|
|
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.
|
|
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.
|
|
69
|
+
"slackmark": "0.6.0"
|
|
69
70
|
},
|
|
70
71
|
"peerDependencies": {
|
|
71
72
|
"react": ">=18.2.0 <20",
|