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/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 +1331 -914
- package/dist/index.js.map +1 -1
- package/dist/styles.css +51 -3
- package/dist/styles.d.ts +1 -1
- package/dist/styles.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 +3 -2
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 {
|
|
@@ -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). */
|
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":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAG3C,KAAK,QAAQ,GACT,WAAW,GACX,gBAAgB,GAChB,SAAS,GACT,OAAO,GACP,YAAY,GACZ,WAAW,GACX,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,kBAAkB,GAClB,iBAAiB,GACjB,wBAAwB,GACxB,SAAS,GACT,gBAAgB,GAChB,cAAc,GACd,aAAa,GACb,WAAW,GACX,eAAe,GACf,0BAA0B,GAC1B,iBAAiB,GACjB,qBAAqB,GACrB,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,UAAU,GACV,OAAO,GACP,kBAAkB,GAClB,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,eAAe,GACf,mBAAmB,GACnB,YAAY,GACZ,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,GAChB,gBAAgB,GAChB,gBAAgB,CAAC;AAErB,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,YAAY,CAAC,CAuiCjE,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC;IACnC,6DAA6D;IAC7D,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,YAAY,CAAC;IACrC,oDAAoD;IACpD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,YAAY,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC;CACpC;AA+CD,eAAO,MAAM,uBAAuB,EAAE,gBAKrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SAAS,gBAAgB,EAoExD,CAAC;AAEF,wBAAgB,cAAc,CAC5B,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,QAAQ,EAAE,MAAM,GAAG,SAAS,GAC3B,MAAM,GAAG,SAAS,CAQpB"}
|
|
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/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.
|
|
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"
|