@blueprintjs/icons 5.16.0 → 5.17.1
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/@unreleased/pr-7132.v2.yml +5 -0
- package/dist/blueprint-icons-split-paths-by-size-loader.bundle.js +1 -1
- package/dist/icons.bundle.js +1 -1
- package/icons.json +21 -0
- package/lib/cjs/generated/16px/blueprint-icons-16.d.ts +5 -2
- package/lib/cjs/generated/16px/blueprint-icons-16.js +6 -0
- package/lib/cjs/generated/16px/blueprint-icons-16.js.map +1 -1
- package/lib/cjs/generated/16px/paths/data-cloud.d.ts +2 -0
- package/lib/cjs/generated/16px/paths/data-cloud.js +4 -0
- package/lib/cjs/generated/16px/paths/data-cloud.js.map +1 -0
- package/lib/cjs/generated/16px/paths/index.d.ts +3 -0
- package/lib/cjs/generated/16px/paths/index.js +18 -12
- package/lib/cjs/generated/16px/paths/index.js.map +1 -1
- package/lib/cjs/generated/16px/paths/run-history.d.ts +2 -0
- package/lib/cjs/generated/16px/paths/run-history.js +4 -0
- package/lib/cjs/generated/16px/paths/run-history.js.map +1 -0
- package/lib/cjs/generated/16px/paths/subtract-right-join.d.ts +2 -0
- package/lib/cjs/generated/16px/paths/subtract-right-join.js +4 -0
- package/lib/cjs/generated/16px/paths/subtract-right-join.js.map +1 -0
- package/lib/cjs/generated/20px/blueprint-icons-20.d.ts +5 -2
- package/lib/cjs/generated/20px/blueprint-icons-20.js +6 -0
- package/lib/cjs/generated/20px/blueprint-icons-20.js.map +1 -1
- package/lib/cjs/generated/20px/paths/data-cloud.d.ts +2 -0
- package/lib/cjs/generated/20px/paths/data-cloud.js +4 -0
- package/lib/cjs/generated/20px/paths/data-cloud.js.map +1 -0
- package/lib/cjs/generated/20px/paths/index.d.ts +3 -0
- package/lib/cjs/generated/20px/paths/index.js +18 -12
- package/lib/cjs/generated/20px/paths/index.js.map +1 -1
- package/lib/cjs/generated/20px/paths/run-history.d.ts +2 -0
- package/lib/cjs/generated/20px/paths/run-history.js +4 -0
- package/lib/cjs/generated/20px/paths/run-history.js.map +1 -0
- package/lib/cjs/generated/20px/paths/subtract-right-join.d.ts +2 -0
- package/lib/cjs/generated/20px/paths/subtract-right-join.js +4 -0
- package/lib/cjs/generated/20px/paths/subtract-right-join.js.map +1 -0
- package/lib/cjs/generated/components/data-cloud.d.ts +4 -0
- package/lib/cjs/generated/components/data-cloud.js +35 -0
- package/lib/cjs/generated/components/data-cloud.js.map +1 -0
- package/lib/cjs/generated/components/index.d.ts +3 -0
- package/lib/cjs/generated/components/index.js +18 -12
- package/lib/cjs/generated/components/index.js.map +1 -1
- package/lib/cjs/generated/components/run-history.d.ts +4 -0
- package/lib/cjs/generated/components/run-history.js +35 -0
- package/lib/cjs/generated/components/run-history.js.map +1 -0
- package/lib/cjs/generated/components/subtract-right-join.d.ts +4 -0
- package/lib/cjs/generated/components/subtract-right-join.js +35 -0
- package/lib/cjs/generated/components/subtract-right-join.js.map +1 -0
- package/lib/cjs/generated/index.d.ts +3 -0
- package/lib/cjs/generated/index.js +18 -12
- package/lib/cjs/generated/index.js.map +1 -1
- package/lib/cjs/iconCodepoints.d.ts +3 -0
- package/lib/cjs/iconNames.d.ts +6 -0
- package/lib/css/blueprint-icons-16.eot +0 -0
- package/lib/css/blueprint-icons-16.svg +9 -0
- package/lib/css/blueprint-icons-16.ttf +0 -0
- package/lib/css/blueprint-icons-16.woff +0 -0
- package/lib/css/blueprint-icons-16.woff2 +0 -0
- package/lib/css/blueprint-icons-20.eot +0 -0
- package/lib/css/blueprint-icons-20.svg +9 -0
- package/lib/css/blueprint-icons-20.ttf +0 -0
- package/lib/css/blueprint-icons-20.woff +0 -0
- package/lib/css/blueprint-icons-20.woff2 +0 -0
- package/lib/css/blueprint-icons.css +2 -2
- package/lib/css/blueprint-icons.css.map +1 -1
- package/lib/esm/generated/16px/blueprint-icons-16.d.ts +5 -2
- package/lib/esm/generated/16px/blueprint-icons-16.js +6 -0
- package/lib/esm/generated/16px/blueprint-icons-16.js.map +1 -1
- package/lib/esm/generated/16px/paths/data-cloud.d.ts +2 -0
- package/lib/esm/generated/16px/paths/data-cloud.js +2 -0
- package/lib/esm/generated/16px/paths/data-cloud.js.map +1 -0
- package/lib/esm/generated/16px/paths/index.d.ts +3 -0
- package/lib/esm/generated/16px/paths/index.js +3 -0
- package/lib/esm/generated/16px/paths/index.js.map +1 -1
- package/lib/esm/generated/16px/paths/run-history.d.ts +2 -0
- package/lib/esm/generated/16px/paths/run-history.js +2 -0
- package/lib/esm/generated/16px/paths/run-history.js.map +1 -0
- package/lib/esm/generated/16px/paths/subtract-right-join.d.ts +2 -0
- package/lib/esm/generated/16px/paths/subtract-right-join.js +2 -0
- package/lib/esm/generated/16px/paths/subtract-right-join.js.map +1 -0
- package/lib/esm/generated/20px/blueprint-icons-20.d.ts +5 -2
- package/lib/esm/generated/20px/blueprint-icons-20.js +6 -0
- package/lib/esm/generated/20px/blueprint-icons-20.js.map +1 -1
- package/lib/esm/generated/20px/paths/data-cloud.d.ts +2 -0
- package/lib/esm/generated/20px/paths/data-cloud.js +2 -0
- package/lib/esm/generated/20px/paths/data-cloud.js.map +1 -0
- package/lib/esm/generated/20px/paths/index.d.ts +3 -0
- package/lib/esm/generated/20px/paths/index.js +3 -0
- package/lib/esm/generated/20px/paths/index.js.map +1 -1
- package/lib/esm/generated/20px/paths/run-history.d.ts +2 -0
- package/lib/esm/generated/20px/paths/run-history.js +2 -0
- package/lib/esm/generated/20px/paths/run-history.js.map +1 -0
- package/lib/esm/generated/20px/paths/subtract-right-join.d.ts +2 -0
- package/lib/esm/generated/20px/paths/subtract-right-join.js +2 -0
- package/lib/esm/generated/20px/paths/subtract-right-join.js.map +1 -0
- package/lib/esm/generated/components/data-cloud.d.ts +4 -0
- package/lib/esm/generated/components/data-cloud.js +32 -0
- package/lib/esm/generated/components/data-cloud.js.map +1 -0
- package/lib/esm/generated/components/index.d.ts +3 -0
- package/lib/esm/generated/components/index.js +3 -0
- package/lib/esm/generated/components/index.js.map +1 -1
- package/lib/esm/generated/components/run-history.d.ts +4 -0
- package/lib/esm/generated/components/run-history.js +32 -0
- package/lib/esm/generated/components/run-history.js.map +1 -0
- package/lib/esm/generated/components/subtract-right-join.d.ts +4 -0
- package/lib/esm/generated/components/subtract-right-join.js +32 -0
- package/lib/esm/generated/components/subtract-right-join.js.map +1 -0
- package/lib/esm/generated/index.d.ts +3 -0
- package/lib/esm/generated/index.js +3 -0
- package/lib/esm/generated/index.js.map +1 -1
- package/lib/esm/iconCodepoints.d.ts +3 -0
- package/lib/esm/iconNames.d.ts +6 -0
- package/lib/esnext/generated/16px/blueprint-icons-16.d.ts +5 -2
- package/lib/esnext/generated/16px/blueprint-icons-16.js +6 -0
- package/lib/esnext/generated/16px/blueprint-icons-16.js.map +1 -1
- package/lib/esnext/generated/16px/paths/data-cloud.d.ts +2 -0
- package/lib/esnext/generated/16px/paths/data-cloud.js +2 -0
- package/lib/esnext/generated/16px/paths/data-cloud.js.map +1 -0
- package/lib/esnext/generated/16px/paths/index.d.ts +3 -0
- package/lib/esnext/generated/16px/paths/index.js +3 -0
- package/lib/esnext/generated/16px/paths/index.js.map +1 -1
- package/lib/esnext/generated/16px/paths/run-history.d.ts +2 -0
- package/lib/esnext/generated/16px/paths/run-history.js +2 -0
- package/lib/esnext/generated/16px/paths/run-history.js.map +1 -0
- package/lib/esnext/generated/16px/paths/subtract-right-join.d.ts +2 -0
- package/lib/esnext/generated/16px/paths/subtract-right-join.js +2 -0
- package/lib/esnext/generated/16px/paths/subtract-right-join.js.map +1 -0
- package/lib/esnext/generated/20px/blueprint-icons-20.d.ts +5 -2
- package/lib/esnext/generated/20px/blueprint-icons-20.js +6 -0
- package/lib/esnext/generated/20px/blueprint-icons-20.js.map +1 -1
- package/lib/esnext/generated/20px/paths/data-cloud.d.ts +2 -0
- package/lib/esnext/generated/20px/paths/data-cloud.js +2 -0
- package/lib/esnext/generated/20px/paths/data-cloud.js.map +1 -0
- package/lib/esnext/generated/20px/paths/index.d.ts +3 -0
- package/lib/esnext/generated/20px/paths/index.js +3 -0
- package/lib/esnext/generated/20px/paths/index.js.map +1 -1
- package/lib/esnext/generated/20px/paths/run-history.d.ts +2 -0
- package/lib/esnext/generated/20px/paths/run-history.js +2 -0
- package/lib/esnext/generated/20px/paths/run-history.js.map +1 -0
- package/lib/esnext/generated/20px/paths/subtract-right-join.d.ts +2 -0
- package/lib/esnext/generated/20px/paths/subtract-right-join.js +2 -0
- package/lib/esnext/generated/20px/paths/subtract-right-join.js.map +1 -0
- package/lib/esnext/generated/components/data-cloud.d.ts +4 -0
- package/lib/esnext/generated/components/data-cloud.js +31 -0
- package/lib/esnext/generated/components/data-cloud.js.map +1 -0
- package/lib/esnext/generated/components/index.d.ts +3 -0
- package/lib/esnext/generated/components/index.js +3 -0
- package/lib/esnext/generated/components/index.js.map +1 -1
- package/lib/esnext/generated/components/run-history.d.ts +4 -0
- package/lib/esnext/generated/components/run-history.js +31 -0
- package/lib/esnext/generated/components/run-history.js.map +1 -0
- package/lib/esnext/generated/components/subtract-right-join.d.ts +4 -0
- package/lib/esnext/generated/components/subtract-right-join.js +31 -0
- package/lib/esnext/generated/components/subtract-right-join.js.map +1 -0
- package/lib/esnext/generated/index.d.ts +3 -0
- package/lib/esnext/generated/index.js +3 -0
- package/lib/esnext/generated/index.js.map +1 -1
- package/lib/esnext/iconCodepoints.d.ts +3 -0
- package/lib/esnext/iconNames.d.ts +6 -0
- package/lib/scss/blueprint-icons-16.scss +3 -0
- package/package.json +1 -1
- package/src/generated/16px/_icon-variables.scss +3 -0
- package/src/generated/16px/blueprint-icons-16.css +5 -5
- package/src/generated/16px/blueprint-icons-16.eot +0 -0
- package/src/generated/16px/blueprint-icons-16.svg +9 -0
- package/src/generated/16px/blueprint-icons-16.ts +12 -0
- package/src/generated/16px/blueprint-icons-16.ttf +0 -0
- package/src/generated/16px/blueprint-icons-16.woff +0 -0
- package/src/generated/16px/blueprint-icons-16.woff2 +0 -0
- package/src/generated/16px/paths/data-cloud.ts +1 -0
- package/src/generated/16px/paths/index.ts +3 -0
- package/src/generated/16px/paths/run-history.ts +1 -0
- package/src/generated/16px/paths/subtract-right-join.ts +1 -0
- package/src/generated/20px/blueprint-icons-20.css +5 -5
- package/src/generated/20px/blueprint-icons-20.eot +0 -0
- package/src/generated/20px/blueprint-icons-20.svg +9 -0
- package/src/generated/20px/blueprint-icons-20.ts +12 -0
- package/src/generated/20px/blueprint-icons-20.ttf +0 -0
- package/src/generated/20px/blueprint-icons-20.woff +0 -0
- package/src/generated/20px/blueprint-icons-20.woff2 +0 -0
- package/src/generated/20px/paths/data-cloud.ts +1 -0
- package/src/generated/20px/paths/index.ts +3 -0
- package/src/generated/20px/paths/run-history.ts +1 -0
- package/src/generated/20px/paths/subtract-right-join.ts +1 -0
- package/src/generated/components/data-cloud.tsx +41 -0
- package/src/generated/components/index.ts +3 -0
- package/src/generated/components/run-history.tsx +41 -0
- package/src/generated/components/subtract-right-join.tsx +41 -0
- package/src/generated/index.ts +3 -0
- package/src/loading-icons.md +41 -41
|
@@ -136,6 +136,7 @@ export type BlueprintIcons_20Id =
|
|
|
136
136
|
| "cut"
|
|
137
137
|
| "cycle"
|
|
138
138
|
| "dashboard"
|
|
139
|
+
| "data-cloud"
|
|
139
140
|
| "data-connection"
|
|
140
141
|
| "data-lineage"
|
|
141
142
|
| "data-search"
|
|
@@ -492,6 +493,7 @@ export type BlueprintIcons_20Id =
|
|
|
492
493
|
| "rotate-document"
|
|
493
494
|
| "rotate-page"
|
|
494
495
|
| "route"
|
|
496
|
+
| "run-history"
|
|
495
497
|
| "satellite"
|
|
496
498
|
| "saved"
|
|
497
499
|
| "scatter-plot"
|
|
@@ -559,6 +561,7 @@ export type BlueprintIcons_20Id =
|
|
|
559
561
|
| "strikethrough"
|
|
560
562
|
| "style"
|
|
561
563
|
| "subscript"
|
|
564
|
+
| "subtract-right-join"
|
|
562
565
|
| "superscript"
|
|
563
566
|
| "swap-horizontal"
|
|
564
567
|
| "swap-vertical"
|
|
@@ -794,6 +797,7 @@ export type BlueprintIcons_20Key =
|
|
|
794
797
|
| "Cut"
|
|
795
798
|
| "Cycle"
|
|
796
799
|
| "Dashboard"
|
|
800
|
+
| "DataCloud"
|
|
797
801
|
| "DataConnection"
|
|
798
802
|
| "DataLineage"
|
|
799
803
|
| "DataSearch"
|
|
@@ -1150,6 +1154,7 @@ export type BlueprintIcons_20Key =
|
|
|
1150
1154
|
| "RotateDocument"
|
|
1151
1155
|
| "RotatePage"
|
|
1152
1156
|
| "Route"
|
|
1157
|
+
| "RunHistory"
|
|
1153
1158
|
| "Satellite"
|
|
1154
1159
|
| "Saved"
|
|
1155
1160
|
| "ScatterPlot"
|
|
@@ -1217,6 +1222,7 @@ export type BlueprintIcons_20Key =
|
|
|
1217
1222
|
| "Strikethrough"
|
|
1218
1223
|
| "Style"
|
|
1219
1224
|
| "Subscript"
|
|
1225
|
+
| "SubtractRightJoin"
|
|
1220
1226
|
| "Superscript"
|
|
1221
1227
|
| "SwapHorizontal"
|
|
1222
1228
|
| "SwapVertical"
|
|
@@ -1452,6 +1458,7 @@ export enum BlueprintIcons_20 {
|
|
|
1452
1458
|
Cut = "cut",
|
|
1453
1459
|
Cycle = "cycle",
|
|
1454
1460
|
Dashboard = "dashboard",
|
|
1461
|
+
DataCloud = "data-cloud",
|
|
1455
1462
|
DataConnection = "data-connection",
|
|
1456
1463
|
DataLineage = "data-lineage",
|
|
1457
1464
|
DataSearch = "data-search",
|
|
@@ -1808,6 +1815,7 @@ export enum BlueprintIcons_20 {
|
|
|
1808
1815
|
RotateDocument = "rotate-document",
|
|
1809
1816
|
RotatePage = "rotate-page",
|
|
1810
1817
|
Route = "route",
|
|
1818
|
+
RunHistory = "run-history",
|
|
1811
1819
|
Satellite = "satellite",
|
|
1812
1820
|
Saved = "saved",
|
|
1813
1821
|
ScatterPlot = "scatter-plot",
|
|
@@ -1875,6 +1883,7 @@ export enum BlueprintIcons_20 {
|
|
|
1875
1883
|
Strikethrough = "strikethrough",
|
|
1876
1884
|
Style = "style",
|
|
1877
1885
|
Subscript = "subscript",
|
|
1886
|
+
SubtractRightJoin = "subtract-right-join",
|
|
1878
1887
|
Superscript = "superscript",
|
|
1879
1888
|
SwapHorizontal = "swap-horizontal",
|
|
1880
1889
|
SwapVertical = "swap-vertical",
|
|
@@ -2111,6 +2120,7 @@ export const BLUEPRINT_ICONS_20_CODEPOINTS: { [key in BlueprintIcons_20]: string
|
|
|
2111
2120
|
[BlueprintIcons_20.Cut]: "61807",
|
|
2112
2121
|
[BlueprintIcons_20.Cycle]: "61808",
|
|
2113
2122
|
[BlueprintIcons_20.Dashboard]: "61809",
|
|
2123
|
+
[BlueprintIcons_20.DataCloud]: "62353",
|
|
2114
2124
|
[BlueprintIcons_20.DataConnection]: "61810",
|
|
2115
2125
|
[BlueprintIcons_20.DataLineage]: "61811",
|
|
2116
2126
|
[BlueprintIcons_20.DataSearch]: "62319",
|
|
@@ -2467,6 +2477,7 @@ export const BLUEPRINT_ICONS_20_CODEPOINTS: { [key in BlueprintIcons_20]: string
|
|
|
2467
2477
|
[BlueprintIcons_20.RotateDocument]: "62105",
|
|
2468
2478
|
[BlueprintIcons_20.RotatePage]: "62106",
|
|
2469
2479
|
[BlueprintIcons_20.Route]: "62107",
|
|
2480
|
+
[BlueprintIcons_20.RunHistory]: "62355",
|
|
2470
2481
|
[BlueprintIcons_20.Satellite]: "62108",
|
|
2471
2482
|
[BlueprintIcons_20.Saved]: "62109",
|
|
2472
2483
|
[BlueprintIcons_20.ScatterPlot]: "62110",
|
|
@@ -2534,6 +2545,7 @@ export const BLUEPRINT_ICONS_20_CODEPOINTS: { [key in BlueprintIcons_20]: string
|
|
|
2534
2545
|
[BlueprintIcons_20.Strikethrough]: "62163",
|
|
2535
2546
|
[BlueprintIcons_20.Style]: "62164",
|
|
2536
2547
|
[BlueprintIcons_20.Subscript]: "62265",
|
|
2548
|
+
[BlueprintIcons_20.SubtractRightJoin]: "62354",
|
|
2537
2549
|
[BlueprintIcons_20.Superscript]: "62266",
|
|
2538
2550
|
[BlueprintIcons_20.SwapHorizontal]: "62165",
|
|
2539
2551
|
[BlueprintIcons_20.SwapVertical]: "62166",
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default ["M19 11c0 .552-2.239 1-5 1s-5-.448-5-1 2.239-1 5-1 5 .448 5 1z", "M18.224 11.535l-.003.001c-.887.279-2.446.464-4.221.464s-3.334-.185-4.221-.464h-.003C9.285 11.38 9 11.196 9 11s.285-.38.776-.535l.002-.001C10.666 10.185 12.225 10 14 10c1.775 0 3.334.185 4.221.464h.003c.491.155.776.339.776.536s-.285.38-.776.535zM17.732 12.688c.47-.094.913-.216 1.268-.379V15c0 .197-.285.38-.776.535l-.003.001c-.887.279-2.446.464-4.221.464s-3.334-.185-4.221-.464h-.003C9.285 15.38 9 15.196 9 15v-2.69c.355.162.799.284 1.268.378.987.197 2.306.312 3.732.312 1.426 0 2.745-.115 3.732-.312zM9 16.31V19c0 .552 2.239 1 5 1s5-.448 5-1v-2.69c-.355.162-.799.284-1.268.378-.987.197-2.306.312-3.732.312-1.426 0-2.745-.115-3.732-.312-.47-.094-.913-.216-1.268-.379z", "M14.784 4.022C14.856 4.01 14.928 4 15 4a5.002 5.002 0 014.814 6.354 1.428 1.428 0 00-.217-.27 2.064 2.064 0 00-.563-.377c-.36-.17-.817-.298-1.302-.395C16.745 9.115 15.426 9 14 9c-1.426 0-2.745.115-3.732.312-.485.097-.942.224-1.303.395a2.063 2.063 0 00-.562.376A1.282 1.282 0 008 11v3H4c-2.21 0-4-1.79-4-4a3.98 3.98 0 013.01-3.86c0-.025-.002-.047-.005-.07A.615.615 0 013 6c0-3.31 2.69-6 6-6 2.62 0 4.83 1.69 5.64 4.04.048-.004.096-.011.144-.018z"];
|
|
@@ -135,6 +135,7 @@ export { default as CurvedRangeChart } from "./curved-range-chart";
|
|
|
135
135
|
export { default as Cut } from "./cut";
|
|
136
136
|
export { default as Cycle } from "./cycle";
|
|
137
137
|
export { default as Dashboard } from "./dashboard";
|
|
138
|
+
export { default as DataCloud } from "./data-cloud";
|
|
138
139
|
export { default as DataConnection } from "./data-connection";
|
|
139
140
|
export { default as DataLineage } from "./data-lineage";
|
|
140
141
|
export { default as DataSearch } from "./data-search";
|
|
@@ -491,6 +492,7 @@ export { default as RotateCw } from "./rotate-cw";
|
|
|
491
492
|
export { default as RotateDocument } from "./rotate-document";
|
|
492
493
|
export { default as RotatePage } from "./rotate-page";
|
|
493
494
|
export { default as Route } from "./route";
|
|
495
|
+
export { default as RunHistory } from "./run-history";
|
|
494
496
|
export { default as Satellite } from "./satellite";
|
|
495
497
|
export { default as Saved } from "./saved";
|
|
496
498
|
export { default as ScatterPlot } from "./scatter-plot";
|
|
@@ -558,6 +560,7 @@ export { default as Stopwatch } from "./stopwatch";
|
|
|
558
560
|
export { default as Strikethrough } from "./strikethrough";
|
|
559
561
|
export { default as Style } from "./style";
|
|
560
562
|
export { default as Subscript } from "./subscript";
|
|
563
|
+
export { default as SubtractRightJoin } from "./subtract-right-join";
|
|
561
564
|
export { default as Superscript } from "./superscript";
|
|
562
565
|
export { default as SwapHorizontal } from "./swap-horizontal";
|
|
563
566
|
export { default as SwapVertical } from "./swap-vertical";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default ["M10 2a8 8 0 106.245 13H15a1 1 0 110-2h4a1 1 0 011 1v4a1 1 0 11-2 0v-1.999A9.985 9.985 0 0110 20C4.477 20 0 15.523 0 10S4.477 0 10 0v2zm10.001 8l-2 .003a8.085 8.085 0 00-.273-2.077l1.932-.515a10.094 10.094 0 01.341 2.59zM18.663 5l-1.732 1a7.99 7.99 0 00-1.273-1.655l1.414-1.415a9.99 9.99 0 011.59 2.07zM15 1.339L14 3.071a7.99 7.99 0 00-1.929-.801L12.59.338A9.99 9.99 0 0115 1.34zM7.507 6.13a1 1 0 011.008.014l5 3a1 1 0 010 1.714l-5 3A1 1 0 017 13V7a1 1 0 01.507-.87z"];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default ["M20 10a6 6 0 00-8.25-5.563A7.974 7.974 0 0114 10a7.974 7.974 0 01-2.251 5.563A6 6 0 0020 10zM8.251 4.437a6 6 0 100 11.126A7.973 7.973 0 016 10c0-2.162.857-4.123 2.251-5.563zm5.47.57A5 5 0 1114 15l-.277-.007-.222-.018.128-.196A8.967 8.967 0 0015 10l-.006-.322a8.962 8.962 0 00-1.365-4.456l-.129-.197.222-.017zM12 9.973a5.985 5.985 0 01-2 4.472 5.985 5.985 0 01-2-4.472C8 8.195 8.773 6.6 10 5.5a5.978 5.978 0 012 4.472zm-1.999-3l-.085.114A4.978 4.978 0 009 9.972c0 1.011.301 1.973.844 2.782l.156.22c.593-.79.943-1.74.994-2.748L11 9.972c0-1.01-.3-1.972-.844-2.781l-.155-.219z"];
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2024 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
* you may not use this file except in compliance with the License.
|
|
5
|
+
* You may obtain a copy of the License at
|
|
6
|
+
*
|
|
7
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
8
|
+
*
|
|
9
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
10
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
11
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
12
|
+
* See the License for the specific language governing permissions and
|
|
13
|
+
* limitations under the License.
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
import * as React from "react";
|
|
17
|
+
import type { SVGIconProps } from "../../svgIconProps";
|
|
18
|
+
import { IconSize } from "../../iconTypes";
|
|
19
|
+
import { SVGIconContainer } from "../../svgIconContainer";
|
|
20
|
+
|
|
21
|
+
export const DataCloud: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
|
|
22
|
+
const isLarge = props.size! >= IconSize.LARGE;
|
|
23
|
+
const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
|
|
24
|
+
const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
|
|
25
|
+
const style = { transformOrigin: "center" };
|
|
26
|
+
return (
|
|
27
|
+
<SVGIconContainer iconName="data-cloud" ref={ref} {...props}>
|
|
28
|
+
<path
|
|
29
|
+
d={isLarge ? "M380 180C380 168.954 335.228 160 280 160C224.772 160 180 168.954 180 180C180 191.046 224.772 200 280 200C335.228 200 380 191.046 380 180zM364.4720000000001 169.292L364.43 169.278C346.684 163.7 315.502 160 280 160C244.498 160 213.316 163.7 195.5708 169.278L195.5272 169.292C185.6946 172.388 180 176.06 180 180C180 183.94 185.6946 187.612 195.5272 190.708L195.5692 190.722C213.314 196.3 244.498 200 280 200C315.502 200 346.684 196.3 364.43 190.722L364.4720000000001 190.708C374.306 187.612 380 183.94 380 180C380 176.06 374.306 172.388 364.4720000000001 169.292zM354.634 146.246C364.03 148.126 372.906 150.568 380 153.814V100C380 96.06 374.306 92.388 364.4720000000001 89.292L364.43 89.278C346.684 83.7 315.502 80 280 80C244.498 80 213.316 83.7 195.5708 89.278L195.5272 89.292C185.6946 92.388 180 96.06 180 100V153.814C187.095 150.568 195.971 148.126 205.368 146.246C225.104 142.298 251.48 140 280 140C308.52 140 334.896 142.298 354.634 146.246zM180 73.814V20C180 8.954 224.772 0 280 0C335.228 0 380 8.954 380 20V73.814C372.906 70.568 364.03 68.126 354.634 66.246C334.896 62.298 308.52 60 280 60C251.48 60 225.104 62.298 205.368 66.246C195.971 68.126 187.095 70.568 180 73.814zM295.68 319.568C297.12 319.784 298.56 320 300 320C355.2000000000001 320 400 275.2 400 220C400 210.6194 398.706 201.5392 396.288 192.928C394.9240000000001 195.142 393.366 196.948 391.948 198.334C388.4000000000001 201.8002 384.242 204.186 380.6900000000001 205.8654C373.486 209.2726 364.336 211.813 354.634 213.7538C334.896 217.701 308.52 220 280 220C251.48 220 225.104 217.701 205.366 213.7538C195.6634 211.813 186.5144 209.2726 179.309 205.8654C175.7572 204.186 171.599 201.8002 168.0522 198.334C164.4722 194.834 160 188.654 160 180V120H80C35.8 120 0 155.8 0 200C0 237.4 25.6 268.4 60.2 277.2C60.2 277.7 60.15 278.15 60.1 278.6C60.05 279.05 60 279.5 60 280C60 346.2 113.8 400 180 400C232.4 400 276.6 366.2 292.8 319.2C293.76 319.28 294.7200000000001 319.424 295.68 319.568z" : "M240 240C239.4 240 238.6 240 238 239.8C228.8 285.6 188.4 320 140 320C84.8 320 40 275.2 40 220C40 217.8 40.2 215.6 40.4 213.4C16.6 202.2 0 178 0 150C0 111.4 31.4 80 70 80H140V140C140 154.1978 151.0262 161.9974 156.1102 165.0024C162.5328 168.7986 170.495 171.5238 178.5808 173.5452C195.06 177.665 216.766 180 240 180C263.234 180 284.94 177.665 301.42 173.5452C307.8160000000001 171.946 314.136 169.9064 319.676 167.2444C316.0180000000001 208.0464 281.758 240 240 240zM240 110C262.6620000000001 110 283.516 112.286 298.9940000000001 116.156C306.656 118.072 313.5660000000001 120.512 318.802 123.6064C319.188 123.8348 319.59 124.0812 320 124.3462V80C320 68.954 284.182 60 240 60C195.8172 60 160 68.954 160 80V124.3462C160.4108 124.0812 160.812 123.8348 161.1986 123.6064C166.4338 120.512 173.344 118.072 181.0062 116.156C196.4842 112.286 217.338 110 240 110zM318.802 63.606C319.188 63.834 319.59 64.082 320 64.346V20C320 8.954 284.182 0 240 0C195.8172 0 160 8.954 160 20V64.346C160.4108 64.082 160.812 63.834 161.1986 63.606C166.4338 60.512 173.344 58.072 181.0062 56.156C196.4842 52.286 217.338 50 240 50C262.6620000000001 50 283.516 52.286 298.9940000000001 56.156C306.656 58.072 313.5660000000001 60.512 318.802 63.606zM160 140C160 128.9544 195.8172 120 240 120C284.182 120 320 128.9544 320 140C320 151.0456 284.182 160 240 160C195.8172 160 160 151.0456 160 140z"}
|
|
30
|
+
fillRule="evenodd"
|
|
31
|
+
transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
|
|
32
|
+
style={style}
|
|
33
|
+
/>
|
|
34
|
+
</SVGIconContainer>
|
|
35
|
+
);
|
|
36
|
+
});
|
|
37
|
+
DataCloud.defaultProps = {
|
|
38
|
+
size: IconSize.STANDARD,
|
|
39
|
+
};
|
|
40
|
+
DataCloud.displayName = `Blueprint5.Icon.DataCloud`;
|
|
41
|
+
export default DataCloud;
|
|
@@ -150,6 +150,7 @@ export { CurvedRangeChart } from "./curved-range-chart";
|
|
|
150
150
|
export { Cut } from "./cut";
|
|
151
151
|
export { Cycle } from "./cycle";
|
|
152
152
|
export { Dashboard } from "./dashboard";
|
|
153
|
+
export { DataCloud } from "./data-cloud";
|
|
153
154
|
export { DataConnection } from "./data-connection";
|
|
154
155
|
export { DataLineage } from "./data-lineage";
|
|
155
156
|
export { DataSearch } from "./data-search";
|
|
@@ -506,6 +507,7 @@ export { RotateCw } from "./rotate-cw";
|
|
|
506
507
|
export { RotateDocument } from "./rotate-document";
|
|
507
508
|
export { RotatePage } from "./rotate-page";
|
|
508
509
|
export { Route } from "./route";
|
|
510
|
+
export { RunHistory } from "./run-history";
|
|
509
511
|
export { Satellite } from "./satellite";
|
|
510
512
|
export { Saved } from "./saved";
|
|
511
513
|
export { ScatterPlot } from "./scatter-plot";
|
|
@@ -573,6 +575,7 @@ export { Stopwatch } from "./stopwatch";
|
|
|
573
575
|
export { Strikethrough } from "./strikethrough";
|
|
574
576
|
export { Style } from "./style";
|
|
575
577
|
export { Subscript } from "./subscript";
|
|
578
|
+
export { SubtractRightJoin } from "./subtract-right-join";
|
|
576
579
|
export { Superscript } from "./superscript";
|
|
577
580
|
export { SwapHorizontal } from "./swap-horizontal";
|
|
578
581
|
export { SwapVertical } from "./swap-vertical";
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2024 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
* you may not use this file except in compliance with the License.
|
|
5
|
+
* You may obtain a copy of the License at
|
|
6
|
+
*
|
|
7
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
8
|
+
*
|
|
9
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
10
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
11
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
12
|
+
* See the License for the specific language governing permissions and
|
|
13
|
+
* limitations under the License.
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
import * as React from "react";
|
|
17
|
+
import type { SVGIconProps } from "../../svgIconProps";
|
|
18
|
+
import { IconSize } from "../../iconTypes";
|
|
19
|
+
import { SVGIconContainer } from "../../svgIconContainer";
|
|
20
|
+
|
|
21
|
+
export const RunHistory: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
|
|
22
|
+
const isLarge = props.size! >= IconSize.LARGE;
|
|
23
|
+
const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
|
|
24
|
+
const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
|
|
25
|
+
const style = { transformOrigin: "center" };
|
|
26
|
+
return (
|
|
27
|
+
<SVGIconContainer iconName="run-history" ref={ref} {...props}>
|
|
28
|
+
<path
|
|
29
|
+
d={isLarge ? "M200 360C111.6344 360 40 288.3656 40 200C40 111.634 111.6344 40 200 40C250.528 40 295.586 63.422 324.908 100H300C288.954 100 280 108.954 280 120C280 131.046 288.954 140 300 140H380C391.046 140 400 131.046 400 120V40C400 28.954 391.046 20 380 20C368.954 20 360 28.954 360 40V79.98C323.51 31.414 265.424 0 200 0C89.543 0 0 89.544 0 200C0 310.457 89.543 400 200 400V360zM400.0220000000001 199.986L360.0220000000001 199.938C360.014 206.8346 359.5600000000001 213.826 358.63 220.884C357.702 227.942 356.3300000000001 234.8126 354.554 241.476L393.204 251.7828C395.424 243.4522 397.134 234.8828 398.288 226.105C399.444 217.3274 400.012 208.6078 400.0220000000001 199.986zM373.25 300.0268L338.6160000000001 280.0130000000001C331.582 292.1848 323.002 303.2998 313.166 313.1224L341.43 341.4268C353.712 329.1626 364.442 315.2672 373.25 300.0268zM300.004 373.2146L279.978 338.5878C267.944 345.5470000000001 254.988 350.9584 241.41 354.6024L251.778 393.2353C268.778 388.6727200000001 284.978 381.90364 300.004 373.2146zM150.146 277.404C156.4162 280.9542 164.1112 280.857 170.29 277.1498000000001L270.29 217.1498C276.314 213.5354 280 207.0252 280 200C280 192.974 276.314 186.464 270.29 182.85L170.29 122.85C164.1112 119.142 156.4162 119.046 150.146 122.596C143.8758 126.146 140 132.794 140 140V260C140 267.2054 143.8758 273.8538 150.146 277.404z" : "M40 160C40 226.2742 93.7258 280 160 280V320C71.6344 320 0 248.3656 0 160C0 71.634 71.6344 0 160 0C203.588 0 243.138 17.458 271.976 45.716C274.752 48.436 277.428 51.256 280 54.17V40C280 28.954 288.954 20 300 20C311.046 20 320 28.954 320 40V100C320 111.046 311.046 120 300 120H240C228.954 120 220 111.046 220 100C220 88.954 228.954 80 240 80H249.442C247.684 78.036 245.864 76.128 243.98 74.284C222.316 53.056 192.703 40 160 40C93.7258 40 40 93.726 40 160zM320.008 161.389L280.01 160.9922C279.958 166.1638 279.572 171.4082 278.828 176.7044C278.084 182.0004 277.0080000000001 187.148 275.632 192.1336L314.19 202.7772C316.026 196.1284 317.452 189.285 318.438 182.2712C319.424 175.2574 319.94 168.286 320.008 161.389zM297.892 241.2316L263.434 220.9162C258.082 229.9936 251.576 238.2732 244.132 245.5782L272.148 274.1282C282.058 264.403 290.74 253.3618 297.892 241.2316zM238.786 299.2682L219.064 264.468C209.99 269.6104000000001 200.238 273.5832 190.0366 276.2256L200.068 314.9475C213.7 311.4162800000001 226.706 306.1143 238.786 299.2682zM151.094 216.641C144.9568 220.7324 137.066 221.1138 130.5628 217.6334C124.0596 214.153 120 207.3758 120 200V120C120 112.624 124.0596 105.846 130.5628 102.366C137.066 98.886 144.9568 99.268 151.094 103.358L211.094 143.359C216.658 147.0682 220 153.313 220 160C220 166.687 216.658 172.9316 211.094 176.641L151.094 216.641z"}
|
|
30
|
+
fillRule="evenodd"
|
|
31
|
+
transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
|
|
32
|
+
style={style}
|
|
33
|
+
/>
|
|
34
|
+
</SVGIconContainer>
|
|
35
|
+
);
|
|
36
|
+
});
|
|
37
|
+
RunHistory.defaultProps = {
|
|
38
|
+
size: IconSize.STANDARD,
|
|
39
|
+
};
|
|
40
|
+
RunHistory.displayName = `Blueprint5.Icon.RunHistory`;
|
|
41
|
+
export default RunHistory;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright 2024 Palantir Technologies, Inc. All rights reserved.
|
|
3
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
* you may not use this file except in compliance with the License.
|
|
5
|
+
* You may obtain a copy of the License at
|
|
6
|
+
*
|
|
7
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
8
|
+
*
|
|
9
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
10
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
11
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
12
|
+
* See the License for the specific language governing permissions and
|
|
13
|
+
* limitations under the License.
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
import * as React from "react";
|
|
17
|
+
import type { SVGIconProps } from "../../svgIconProps";
|
|
18
|
+
import { IconSize } from "../../iconTypes";
|
|
19
|
+
import { SVGIconContainer } from "../../svgIconContainer";
|
|
20
|
+
|
|
21
|
+
export const SubtractRightJoin: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
|
|
22
|
+
const isLarge = props.size! >= IconSize.LARGE;
|
|
23
|
+
const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
|
|
24
|
+
const translation = `${-1 * pixelGridSize / 0.05 / 2}`;
|
|
25
|
+
const style = { transformOrigin: "center" };
|
|
26
|
+
return (
|
|
27
|
+
<SVGIconContainer iconName="subtract-right-join" ref={ref} {...props}>
|
|
28
|
+
<path
|
|
29
|
+
d={isLarge ? "M400 200C400 266.2742 346.274 320 280 320C264.076 320 248.878 316.8986 234.9940000000001 311.2502C262.854 282.457 280 243.2308 280 200C280 156.77 262.854 117.542 234.976 88.732C248.878 83.102 264.076 80 280 80C346.274 80 400 133.726 400 200zM165.022 311.2684C151.1196 316.8992 135.922 320 120 320C53.7258 320 0 266.2742 0 200C0 133.726 53.7258 80 120 80C135.922 80 151.1196 83.1 165.0066 88.75C137.1452 117.542 120 156.77 120 200C120 243.2308 137.1452 282.457 165.022 311.2684zM274.432 299.848C276.278 299.9492 278.136 300 280 300C335.228 300 380 255.2284 380 200C380 144.772 335.228 100 280 100L274.4340000000001 100.152L270 100.52L272.562 104.43C290.28 132.654 300 165.574 300 200L299.886 206.436C298.754 238.5198 289.174 269.1064 272.57 295.5622L270 299.5L274.432 299.848zM240 200.5558C240 165.016 224.55 133.084 200 111.112C175.45 133.084 160 165.016 160 200.5558C160 236.0958 175.45 268.0272 200 290C203.068 287.2534 205.996 284.3512 208.768 281.3058C228.172 259.988 240 231.6532000000001 240 200.5558zM200.02 260.5566L198.327 258.2854C186.547 241.6606 180 221.6464 180 200.5566C180 180.332 186.0232 161.106 196.8886 144.926L200 140.536C211.854 156.32 218.864 175.314 219.874 195.49L220 200.5566C220 220.773 213.982 239.996 203.122 256.184L200.02 260.5566z" : "M120.112 257.9768000000001C94.557 231.8448 80 197.0942 80 160C80 122.6888 94.7292 87.778 120.031 62.006C113.5592 60.69 106.8602 60 100 60C44.7716 60 0 104.772 0 160C0 215.2284 44.7716 260 100 260C106.8888 260 113.615 259.3034 120.112 257.9768000000001zM320 160C320 215.2284 275.228 260 220 260C213.142 260 206.446 259.3098 199.994 257.993C225.278 232.2096 240 197.3018 240 160C240 122.708 225.286 87.808 199.9962 62.002C206.46 60.688 213.15 60 220 60C275.228 60 320 104.772 320 160zM260 160C260 187.3892 253.032 213.8948 240.02 237.46L243.106 236.6128C276.024 226.699 300 196.1496 300 160L299.9020000000001 156.0072C298.212 121.6158 274.804 92.934 243.106 83.388L240 82.54L243.234 88.64C254.148 110.54 260 134.8986 260 160zM160.024 240C184.2992 221.7548 200 192.7162 200 160.0108C200 127.3052 184.2992 98.266 160.024 80.022C135.7094 98.25 120 127.296 120 160.0108C120 191.985 135.0066 220.4546 158.3608 238.7602L160.024 240zM159.98 212.9108L157.7796 210.3124C146.438 196.3102 140 178.7028 140 160.0108C140 140.8796 146.7464 122.8984 158.5688 108.768L160 107.15L161.4476 108.768C172.2748 121.7296 178.8414 137.9184 179.8606 155.2556L180 160.0108C180 179.1328 173.259 197.1136 161.4476 211.2532L159.98 212.9108z"}
|
|
30
|
+
fillRule="evenodd"
|
|
31
|
+
transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
|
|
32
|
+
style={style}
|
|
33
|
+
/>
|
|
34
|
+
</SVGIconContainer>
|
|
35
|
+
);
|
|
36
|
+
});
|
|
37
|
+
SubtractRightJoin.defaultProps = {
|
|
38
|
+
size: IconSize.STANDARD,
|
|
39
|
+
};
|
|
40
|
+
SubtractRightJoin.displayName = `Blueprint5.Icon.SubtractRightJoin`;
|
|
41
|
+
export default SubtractRightJoin;
|
package/src/generated/index.ts
CHANGED
|
@@ -153,6 +153,7 @@ export { CurvedRangeChart } from "./components/curved-range-chart";
|
|
|
153
153
|
export { Cut } from "./components/cut";
|
|
154
154
|
export { Cycle } from "./components/cycle";
|
|
155
155
|
export { Dashboard } from "./components/dashboard";
|
|
156
|
+
export { DataCloud } from "./components/data-cloud";
|
|
156
157
|
export { DataConnection } from "./components/data-connection";
|
|
157
158
|
export { DataLineage } from "./components/data-lineage";
|
|
158
159
|
export { DataSearch } from "./components/data-search";
|
|
@@ -509,6 +510,7 @@ export { RotateCw } from "./components/rotate-cw";
|
|
|
509
510
|
export { RotateDocument } from "./components/rotate-document";
|
|
510
511
|
export { RotatePage } from "./components/rotate-page";
|
|
511
512
|
export { Route } from "./components/route";
|
|
513
|
+
export { RunHistory } from "./components/run-history";
|
|
512
514
|
export { Satellite } from "./components/satellite";
|
|
513
515
|
export { Saved } from "./components/saved";
|
|
514
516
|
export { ScatterPlot } from "./components/scatter-plot";
|
|
@@ -576,6 +578,7 @@ export { Stopwatch } from "./components/stopwatch";
|
|
|
576
578
|
export { Strikethrough } from "./components/strikethrough";
|
|
577
579
|
export { Style } from "./components/style";
|
|
578
580
|
export { Subscript } from "./components/subscript";
|
|
581
|
+
export { SubtractRightJoin } from "./components/subtract-right-join";
|
|
579
582
|
export { Superscript } from "./components/superscript";
|
|
580
583
|
export { SwapHorizontal } from "./components/swap-horizontal";
|
|
581
584
|
export { SwapVertical } from "./components/swap-vertical";
|
package/src/loading-icons.md
CHANGED
|
@@ -22,47 +22,47 @@ from the icons package.
|
|
|
22
22
|
```tsx
|
|
23
23
|
import { Button } from "@blueprintjs/core";
|
|
24
24
|
import { Download } from "@blueprintjs/icons";
|
|
25
|
-
import * as
|
|
25
|
+
import * as React from "react";
|
|
26
|
+
import * as ReactDOM from "react-dom/client";
|
|
26
27
|
|
|
27
|
-
ReactDOM.
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
)
|
|
28
|
+
const root = ReactDOM.createRoot(document.getElementById("root"));
|
|
29
|
+
|
|
30
|
+
root.render(<Button text="Download" icon={<Download size={16} />} />);
|
|
31
31
|
```
|
|
32
32
|
|
|
33
33
|
This approach has benefits and tradeoffs:
|
|
34
34
|
|
|
35
|
-
-
|
|
36
|
-
-
|
|
37
|
-
-
|
|
35
|
+
- Bundling only the icons you need is trivial with a properly-configured bundler which supports tree-shaking.
|
|
36
|
+
- You do have to explicitly import each icon you use as an ES import.
|
|
37
|
+
- You do have to take care to specify the correct icon size (if it is not the default 16px size) depending on the usage context.
|
|
38
38
|
|
|
39
39
|
@## Using dynamic imports
|
|
40
40
|
|
|
41
41
|
Blueprint's icon props APIs _also_ accept a type-safe icon name string literal. This approach has some benefits:
|
|
42
42
|
|
|
43
|
-
-
|
|
44
|
-
-
|
|
43
|
+
- You _do not_ have to explicitly import each icon you use as an ES import
|
|
44
|
+
- The icon will usually be automatically sized for you depending on its usage context
|
|
45
45
|
|
|
46
46
|
It looks like this in your render code path:
|
|
47
47
|
|
|
48
48
|
```tsx
|
|
49
49
|
import { Button } from "@blueprintjs/core";
|
|
50
|
-
import * as
|
|
50
|
+
import * as React from "react";
|
|
51
|
+
import * as ReactDOM from "react-dom/client";
|
|
52
|
+
|
|
53
|
+
const root = ReactDOM.createRoot(document.getElementById("root"));
|
|
51
54
|
|
|
52
|
-
|
|
53
|
-
<Button text="Download" icon="download" />,
|
|
54
|
-
document.querySelector(".my-app")
|
|
55
|
-
)
|
|
55
|
+
root.render(<Button text="Download" icon="download" />);
|
|
56
56
|
```
|
|
57
57
|
|
|
58
58
|
These usability benefits do come at the cost of some some extra work for Blueprint (and some extra configuration for you, the
|
|
59
59
|
Blueprint user) in order for these icons to be available at runtime. With the string literal API, **Blueprint code is
|
|
60
|
-
importing icon modules for you**.
|
|
60
|
+
importing icon modules for you**. Let's take a look at this required configuration.
|
|
61
61
|
|
|
62
62
|
1. Use the default dynamic import API to bundle icon paths into two chunks (standard & large sizes) separate from your
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
63
|
+
entry point. This requires a bundler or module loader which can handle `await import()` statements. These statements
|
|
64
|
+
are annotated with [Webpack magic comments](https://webpack.js.org/api/module-methods/#magic-comments), but they do
|
|
65
|
+
not explicitly require Webpack to function.
|
|
66
66
|
|
|
67
67
|
With this API, the first usage of any icon in a given size (standard or large) will trigger a request to fetch a
|
|
68
68
|
bundle containing all the icon paths of that size. This behavior is enabled by default since the standard icon size
|
|
@@ -91,17 +91,17 @@ importing icon modules for you**. Let's take a look at this required configurat
|
|
|
91
91
|
return (
|
|
92
92
|
size === IconSize.STANDARD
|
|
93
93
|
? await import(
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
94
|
+
/* webpackChunkName: "blueprint-icons" */
|
|
95
|
+
/* webpackInclude: /\.js$/ */
|
|
96
|
+
/* webpackMode: "eager" */
|
|
97
|
+
`@blueprintjs/icons/lib/esm/generated/16px/paths/${name}`
|
|
98
|
+
)
|
|
99
99
|
: await import(
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
100
|
+
/* webpackChunkName: "blueprint-icons" */
|
|
101
|
+
/* webpackInclude: /\.js$/ */
|
|
102
|
+
/* webpackMode: "eager" */
|
|
103
|
+
`@blueprintjs/icons/lib/esm/generated/20px/paths/${name}`
|
|
104
|
+
)
|
|
105
105
|
).default;
|
|
106
106
|
};
|
|
107
107
|
|
|
@@ -119,24 +119,24 @@ importing icon modules for you**. Let's take a look at this required configurat
|
|
|
119
119
|
return (
|
|
120
120
|
size === IconSize.STANDARD
|
|
121
121
|
? await import(
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
122
|
+
/* webpackChunkName: "blueprint-icons-16px" */
|
|
123
|
+
/* webpackInclude: /\.js$/ */
|
|
124
|
+
/* webpackMode: "lazy" */
|
|
125
|
+
`@blueprintjs/icons/lib/esm/generated/16px/paths/${name}`
|
|
126
|
+
)
|
|
127
127
|
: await import(
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
128
|
+
/* webpackChunkName: "blueprint-icons-20px" */
|
|
129
|
+
/* webpackInclude: /\.js$/ */
|
|
130
|
+
/* webpackMode: "lazy" */
|
|
131
|
+
`@blueprintjs/icons/lib/esm/generated/20px/paths/${name}`
|
|
132
|
+
)
|
|
133
133
|
).default;
|
|
134
134
|
};
|
|
135
135
|
|
|
136
136
|
Icons.setLoaderOptions({ loader: lazyLoader });
|
|
137
137
|
```
|
|
138
138
|
|
|
139
|
-
|
|
139
|
+
5. Load some icon paths up front (dynamically) with network requests, and the rest lazily/on-demand.
|
|
140
140
|
|
|
141
141
|
```ts
|
|
142
142
|
import { Icons } from "@blueprintjs/icons";
|
|
@@ -145,7 +145,7 @@ importing icon modules for you**. Let's take a look at this required configurat
|
|
|
145
145
|
await Icons.load(["download", "caret-down", "endorsed", "help", "lock"]);
|
|
146
146
|
```
|
|
147
147
|
|
|
148
|
-
|
|
148
|
+
6. Use a custom loaders with other bundlers, for example Vite ([see demo Code Sandbox here](https://codesandbox.io/p/sandbox/blueprint-v5-x-sandbox-react-16-wy0ojy)).
|
|
149
149
|
|
|
150
150
|
```ts
|
|
151
151
|
import { Icons, IconPaths } from "@blueprintjs/icons";
|