@progress/kendo-themes-html 14.1.0-dev.0 → 14.1.0-dev.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.
Files changed (98) hide show
  1. package/dist/cjs/breadcrumb/demos/breadcrumb.js +1 -1
  2. package/dist/cjs/breadcrumb/templates/breadcrumb-collapsing-auto.js +1 -1
  3. package/dist/cjs/breadcrumb/templates/breadcrumb-collapsing-none.js +1 -1
  4. package/dist/cjs/breadcrumb/templates/breadcrumb-collapsing-wrap.js +1 -1
  5. package/dist/cjs/chat/chat-message-reference.js +1 -1
  6. package/dist/cjs/chat/chat-message.js +1 -1
  7. package/dist/cjs/chat/demos/chat.js +1 -1
  8. package/dist/cjs/chat/templates/chat-empty.js +1 -1
  9. package/dist/cjs/chat/templates/chat-expandable.js +1 -1
  10. package/dist/cjs/chat/templates/chat-failed.js +1 -1
  11. package/dist/cjs/chat/templates/chat-message-skeleton.js +1 -1
  12. package/dist/cjs/chat/templates/chat-message-toolbar.js +1 -1
  13. package/dist/cjs/chat/templates/chat-normal.js +1 -1
  14. package/dist/cjs/chat/templates/chat-pinned.js +1 -1
  15. package/dist/cjs/chat/templates/chat-stop-response.js +1 -1
  16. package/dist/cjs/chat/templates/chat-textarea-file.js +1 -1
  17. package/dist/cjs/chat/templates/chat-typing.js +1 -1
  18. package/dist/cjs/chat/templates/chat-upload.js +1 -1
  19. package/dist/cjs/file-box/file-box.spec.js +1 -1
  20. package/dist/cjs/file-box/templates/file-box-default.js +1 -1
  21. package/dist/cjs/file-box/templates/file-box-multiple.js +1 -1
  22. package/dist/cjs/file-box/templates/file-box-no-button.js +1 -1
  23. package/dist/cjs/file-box/templates/file-box-remove-button.js +1 -1
  24. package/dist/cjs/file-box/templates/file-box-vertical.js +1 -1
  25. package/dist/cjs/filemanager/demos/filemanager.js +1 -1
  26. package/dist/cjs/filemanager/file-info.js +1 -1
  27. package/dist/cjs/filemanager/filemanager-breadcrumb.spec.js +1 -1
  28. package/dist/cjs/filemanager/templates/filemanager-grid-preview.js +1 -1
  29. package/dist/cjs/filemanager/templates/filemanager-grid.js +1 -1
  30. package/dist/cjs/filemanager/templates/filemanager-normal.js +1 -1
  31. package/dist/cjs/filemanager/templates/filemanager-preview.js +1 -1
  32. package/dist/cjs/grid/templates/grid-with-pinned-rows-pin-column.js +1 -1
  33. package/dist/cjs/grid/templates/grid-with-pinned-rows.js +1 -1
  34. package/dist/cjs/index.js +2 -2
  35. package/dist/cjs/pdf-viewer/demos/pdf-viewer.js +1 -1
  36. package/dist/cjs/pdf-viewer/pdf-viewer.spec.js +1 -1
  37. package/dist/cjs/pdf-viewer/templates/pdf-viewer-blank.js +1 -1
  38. package/dist/cjs/pdf-viewer/templates/pdf-viewer-normal.js +1 -1
  39. package/dist/cjs/pdf-viewer/templates/pdf-viewer-with-annotations.js +1 -1
  40. package/dist/cjs/pdf-viewer/templates/pdf-viewer-with-search-panel.js +1 -1
  41. package/dist/esm/breadcrumb/demos/breadcrumb.mjs +1 -1
  42. package/dist/esm/breadcrumb/templates/breadcrumb-collapsing-auto.mjs +1 -1
  43. package/dist/esm/breadcrumb/templates/breadcrumb-collapsing-none.mjs +1 -1
  44. package/dist/esm/breadcrumb/templates/breadcrumb-collapsing-wrap.mjs +1 -1
  45. package/dist/esm/chat/chat-message-reference.mjs +1 -1
  46. package/dist/esm/chat/chat-message.mjs +1 -1
  47. package/dist/esm/chat/demos/chat.mjs +1 -1
  48. package/dist/esm/chat/templates/chat-empty.mjs +1 -1
  49. package/dist/esm/chat/templates/chat-expandable.mjs +1 -1
  50. package/dist/esm/chat/templates/chat-failed.mjs +1 -1
  51. package/dist/esm/chat/templates/chat-message-skeleton.mjs +1 -1
  52. package/dist/esm/chat/templates/chat-message-toolbar.mjs +1 -1
  53. package/dist/esm/chat/templates/chat-normal.mjs +1 -1
  54. package/dist/esm/chat/templates/chat-pinned.mjs +1 -1
  55. package/dist/esm/chat/templates/chat-stop-response.mjs +1 -1
  56. package/dist/esm/chat/templates/chat-textarea-file.mjs +1 -1
  57. package/dist/esm/chat/templates/chat-typing.mjs +1 -1
  58. package/dist/esm/chat/templates/chat-upload.mjs +1 -1
  59. package/dist/esm/file-box/file-box.spec.mjs +1 -1
  60. package/dist/esm/file-box/templates/file-box-default.mjs +1 -1
  61. package/dist/esm/file-box/templates/file-box-multiple.mjs +1 -1
  62. package/dist/esm/file-box/templates/file-box-no-button.mjs +1 -1
  63. package/dist/esm/file-box/templates/file-box-remove-button.mjs +1 -1
  64. package/dist/esm/file-box/templates/file-box-vertical.mjs +1 -1
  65. package/dist/esm/filemanager/demos/filemanager.mjs +1 -1
  66. package/dist/esm/filemanager/file-info.mjs +1 -1
  67. package/dist/esm/filemanager/filemanager-breadcrumb.spec.mjs +1 -1
  68. package/dist/esm/filemanager/templates/filemanager-grid-preview.mjs +1 -1
  69. package/dist/esm/filemanager/templates/filemanager-grid.mjs +1 -1
  70. package/dist/esm/filemanager/templates/filemanager-normal.mjs +1 -1
  71. package/dist/esm/filemanager/templates/filemanager-preview.mjs +1 -1
  72. package/dist/esm/grid/templates/grid-with-pinned-rows-pin-column.mjs +1 -1
  73. package/dist/esm/grid/templates/grid-with-pinned-rows.mjs +1 -1
  74. package/dist/esm/index.mjs +2 -2
  75. package/dist/esm/pdf-viewer/demos/pdf-viewer.mjs +1 -1
  76. package/dist/esm/pdf-viewer/pdf-viewer.spec.mjs +1 -1
  77. package/dist/esm/pdf-viewer/templates/pdf-viewer-blank.mjs +1 -1
  78. package/dist/esm/pdf-viewer/templates/pdf-viewer-normal.mjs +1 -1
  79. package/dist/esm/pdf-viewer/templates/pdf-viewer-with-annotations.mjs +1 -1
  80. package/dist/esm/pdf-viewer/templates/pdf-viewer-with-search-panel.mjs +1 -1
  81. package/package.json +2 -2
  82. package/src/breadcrumb/demos/breadcrumb.tsx +2 -2
  83. package/src/chat/chat-message-reference.tsx +2 -2
  84. package/src/chat/tests/chat-files-pin.tsx +2 -2
  85. package/src/chat/tests/chat-message-action-copy.tsx +1 -1
  86. package/src/chat/tests/chat-message-action-delete.tsx +1 -1
  87. package/src/chat/tests/chat-message-action-pin.tsx +2 -2
  88. package/src/chat/tests/chat-message-action-reply.tsx +2 -2
  89. package/src/chat/tests/chat-message-actions.tsx +2 -2
  90. package/src/chat/tests/chat-message-toolbar.tsx +1 -1
  91. package/src/file-box/file-box.spec.tsx +1 -1
  92. package/src/grid/templates/grid-with-pinned-rows-pin-column.tsx +6 -6
  93. package/src/grid/templates/grid-with-pinned-rows.tsx +2 -2
  94. package/src/grid/tests/grid-row-pinning-adaptive.tsx +3 -3
  95. package/src/grid/tests/grid-row-pinning-with-sticky-grouping.tsx +1 -1
  96. package/src/grid/tests/grid-row-pinning.tsx +27 -27
  97. package/src/pdf-viewer/pdf-viewer.spec.tsx +2 -2
  98. package/src/tabstrip/tests/tabstrip-actions.tsx +4 -4
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-themes-html",
3
3
  "description": "A collection of HTML helpers used for developing Kendo UI themes",
4
- "version": "14.1.0-dev.0",
4
+ "version": "14.1.0-dev.2",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -62,5 +62,5 @@
62
62
  "react-dom": "^19.0.0",
63
63
  "vitest": "^4.0.18"
64
64
  },
65
- "gitHead": "fffd5a677caea72e0addef3038b89229c6400a14"
65
+ "gitHead": "ced73fbd794aefd7ed9b0767f0567feb81f924cb"
66
66
  }
package/src/breadcrumb/demos/breadcrumb.tsx CHANGED
@@ -57,7 +57,7 @@ export const BreadcrumbDemo = (
57
57
  </BreadcrumbItem>
58
58
  <BreadcrumbItem last>
59
59
  <BreadcrumbLink icon onClick={(e) => e.preventDefault()}>
60
- <Icon icon="wallet-outline" />
60
+ <Icon icon="wallet" />
61
61
  </BreadcrumbLink>
62
62
  </BreadcrumbItem>
63
63
  </BreadcrumbContainer>
@@ -90,7 +90,7 @@ export const BreadcrumbDemo = (
90
90
  </BreadcrumbItem>
91
91
  <BreadcrumbItem last>
92
92
  <BreadcrumbLink icontext onClick={(e) => e.preventDefault()}>
93
- <Icon icon="wallet-outline" />
93
+ <Icon icon="wallet" />
94
94
  <BreadcrumbItemText text="Payment"></BreadcrumbItemText>
95
95
  </BreadcrumbLink>
96
96
  </BreadcrumbItem>
package/src/chat/chat-message-reference.tsx CHANGED
@@ -40,12 +40,12 @@ export const ChatMessageReference = (
40
40
  ['k-message-pinned']: pinned,
41
41
  }
42
42
  )}>
43
- {pinned && <Icon icon='pin-outline' />}
43
+ {pinned && <Icon icon='pin' />}
44
44
  <div className="k-message-reference-content">{content}</div>
45
45
  {closeable &&
46
46
  <>
47
47
  <span className="k-spacer"></span>
48
- <Button icon="x-mark-sm-outline" fillMode="flat" size="xsmall" aria-label="Close"></Button>
48
+ <Button icon="x-circle" fillMode="flat" size="xsmall" aria-label="Close"></Button>
49
49
  </>}
50
50
  </div>
51
51
  );
package/src/chat/tests/chat-files-pin.tsx CHANGED
@@ -84,7 +84,7 @@ export default () => (
84
84
  <Popup className="k-menu-popup receiver">
85
85
  <ContextMenu>
86
86
  <MenuListItem first text="Download" icon="download"></MenuListItem>
87
- <MenuListItem text="Pin" icon="pin-outline" selected></MenuListItem>
87
+ <MenuListItem text="Pin" icon="pin" selected></MenuListItem>
88
88
  </ContextMenu>
89
89
  </Popup>
90
90
 
@@ -140,7 +140,7 @@ export default () => (
140
140
  <Popup className="k-menu-popup sender">
141
141
  <ContextMenu>
142
142
  <MenuListItem first text="Download" icon="download"></MenuListItem>
143
- <MenuListItem text="Pin" icon="pin-outline" selected></MenuListItem>
143
+ <MenuListItem text="Pin" icon="pin" selected></MenuListItem>
144
144
  <MenuListItem last text="Delete" icon="trash"></MenuListItem>
145
145
  </ContextMenu>
146
146
  </Popup>
package/src/chat/tests/chat-message-action-copy.tsx CHANGED
@@ -60,7 +60,7 @@ export default () =>(
60
60
  <ContextMenu>
61
61
  <MenuListItem first text="Reply" icon="undo"></MenuListItem>
62
62
  <MenuListItem text="Copy" icon="copy" selected></MenuListItem>
63
- <MenuListItem last text="Pin" icon="pin-outline"></MenuListItem>
63
+ <MenuListItem last text="Pin" icon="pin"></MenuListItem>
64
64
  </ContextMenu>
65
65
  </Popup>
66
66
 
package/src/chat/tests/chat-message-action-delete.tsx CHANGED
@@ -72,7 +72,7 @@ export default () =>(
72
72
  <ContextMenu>
73
73
  <MenuListItem first text="Reply" icon="undo"></MenuListItem>
74
74
  <MenuListItem text="Copy" icon="copy"></MenuListItem>
75
- <MenuListItem text="Pin" icon="pin-outline"></MenuListItem>
75
+ <MenuListItem text="Pin" icon="pin"></MenuListItem>
76
76
  <MenuListItem last text="Delete" icon="trash" selected></MenuListItem>
77
77
  </ContextMenu>
78
78
  </Popup>
package/src/chat/tests/chat-message-action-pin.tsx CHANGED
@@ -62,7 +62,7 @@ export default () =>(
62
62
  <ContextMenu>
63
63
  <MenuListItem first text="Reply" icon="undo"></MenuListItem>
64
64
  <MenuListItem text="Copy" icon="copy"></MenuListItem>
65
- <MenuListItem last text="Pin" icon="pin-outline" selected></MenuListItem>
65
+ <MenuListItem last text="Pin" icon="pin" selected></MenuListItem>
66
66
  </ContextMenu>
67
67
  </Popup>
68
68
 
@@ -101,7 +101,7 @@ export default () =>(
101
101
  <ContextMenu>
102
102
  <MenuListItem first text="Reply" icon="undo"></MenuListItem>
103
103
  <MenuListItem text="Copy" icon="copy"></MenuListItem>
104
- <MenuListItem text="Pin" icon="pin-outline" selected></MenuListItem>
104
+ <MenuListItem text="Pin" icon="pin" selected></MenuListItem>
105
105
  <MenuListItem last text="Delete" icon="trash"></MenuListItem>
106
106
  </ContextMenu>
107
107
  </Popup>
package/src/chat/tests/chat-message-action-reply.tsx CHANGED
@@ -73,7 +73,7 @@ export default () =>(
73
73
  <ContextMenu>
74
74
  <MenuListItem first text="Reply" icon="undo" selected></MenuListItem>
75
75
  <MenuListItem text="Copy" icon="copy"></MenuListItem>
76
- <MenuListItem last text="Pin" icon="pin-outline"></MenuListItem>
76
+ <MenuListItem last text="Pin" icon="pin"></MenuListItem>
77
77
  </ContextMenu>
78
78
  </Popup>
79
79
 
@@ -123,7 +123,7 @@ export default () =>(
123
123
  <ContextMenu>
124
124
  <MenuListItem first text="Reply" icon="undo" selected></MenuListItem>
125
125
  <MenuListItem text="Copy" icon="copy"></MenuListItem>
126
- <MenuListItem text="Pin" icon="pin-outline"></MenuListItem>
126
+ <MenuListItem text="Pin" icon="pin"></MenuListItem>
127
127
  <MenuListItem last text="Delete" icon="trash"></MenuListItem>
128
128
  </ContextMenu>
129
129
  </Popup>
package/src/chat/tests/chat-message-actions.tsx CHANGED
@@ -57,7 +57,7 @@ export default () =>(
57
57
  <ContextMenuNormal>
58
58
  <MenuListItem first text="Reply" icon="undo"></MenuListItem>
59
59
  <MenuListItem text="Copy" icon="copy"></MenuListItem>
60
- <MenuListItem text="Pin" icon="pin-outline"></MenuListItem>
60
+ <MenuListItem text="Pin" icon="pin"></MenuListItem>
61
61
  <MenuListItem last text="Delete" icon="trash"></MenuListItem>
62
62
  </ContextMenuNormal>
63
63
  </Popup>
@@ -66,7 +66,7 @@ export default () =>(
66
66
  <ContextMenuNormal>
67
67
  <MenuListItem first text="Reply" icon="undo"></MenuListItem>
68
68
  <MenuListItem text="Copy" icon="copy"></MenuListItem>
69
- <MenuListItem last text="Pin" icon="pin-outline"></MenuListItem>
69
+ <MenuListItem last text="Pin" icon="pin"></MenuListItem>
70
70
  </ContextMenuNormal>
71
71
  </Popup>
72
72
  </div>
package/src/chat/tests/chat-message-toolbar.tsx CHANGED
@@ -30,7 +30,7 @@ export default () =>(
30
30
  <ChatMessageGroup type="sender">
31
31
  <ChatMessage toolbar toolbarItems={[
32
32
  <Button icon="copy" fillMode="flat" size="xsmall"></Button>,
33
- <Button icon="arrows-rotate-outline" fillMode="flat" size="xsmall"></Button>,
33
+ <Button icon="arrows-rotate" fillMode="flat" size="xsmall"></Button>,
34
34
  <Button icon="download" fillMode="flat" size="xsmall"></Button>,
35
35
  <ToolbarSeparator></ToolbarSeparator>,
36
36
  <Button icon="thumb-up" fillMode="flat" size="xsmall"></Button>,
package/src/file-box/file-box.spec.tsx CHANGED
@@ -66,7 +66,7 @@ export const FileBox = (
66
66
  {status && <span className="k-file-status">{status}</span>}
67
67
  </div>
68
68
  {showButton && (removeButton ?
69
- <Button as="span" icon="x-mark-sm-outline" fillMode="flat" size="xsmall" aria-hidden="true" /> :
69
+ <Button as="span" icon="x-circle" fillMode="flat" size="xsmall" aria-hidden="true" /> :
70
70
  <MenuButton icon="more-vertical" fillMode="flat" size="xsmall" showArrow={false} aria-label="File actions"></MenuButton>
71
71
  )}
72
72
  </li>
package/src/grid/templates/grid-with-pinned-rows-pin-column.tsx CHANGED
@@ -60,7 +60,7 @@ export const GridWithPinnedRowsPinColumn = ({ contentClassName, ...other }: any)
60
60
  <TableRow className="k-master-row" role="row" aria-rowindex={1}>
61
61
  {/* Pin column cell — announces context menu; icon is decorative */}
62
62
  <TableTd role="gridcell" aria-colindex={1} aria-haspopup="menu" aria-controls={ctxMenuId} aria-expanded="true">
63
- <span className="k-pin-cell"><Icon icon="unpin-outline" className="k-action-icon" /></span>
63
+ <span className="k-pin-cell"><Icon icon="unpin" className="k-action-icon" /></span>
64
64
  </TableTd>
65
65
  <TableTd role="gridcell" aria-colindex={2}>Shelden Greyes</TableTd>
66
66
  <TableTd role="gridcell" aria-colindex={3}>Operator</TableTd>
@@ -84,7 +84,7 @@ export const GridWithPinnedRowsPinColumn = ({ contentClassName, ...other }: any)
84
84
  <TableRow className="k-master-row" role="row" aria-rowindex={2}>
85
85
  {/* Pin column cell — announces context menu; icon is decorative */}
86
86
  <TableTd role="gridcell" aria-colindex={1} aria-haspopup="menu" aria-controls={ctxMenuId} aria-expanded="false">
87
- <span className="k-pin-cell"><Icon icon="pin-outline" /></span>
87
+ <span className="k-pin-cell"><Icon icon="pin" /></span>
88
88
  </TableTd>
89
89
  <TableTd role="gridcell" aria-colindex={2}>Sig Jeannel</TableTd>
90
90
  <TableTd role="gridcell" aria-colindex={3}>Human Resources Assistant III</TableTd>
@@ -92,7 +92,7 @@ export const GridWithPinnedRowsPinColumn = ({ contentClassName, ...other }: any)
92
92
  </TableRow>
93
93
  <TableRow className="k-master-row k-pinned-source" role="row" alt aria-rowindex={3}>
94
94
  <TableTd role="gridcell" aria-colindex={1} aria-haspopup="menu" aria-controls={ctxMenuId} aria-expanded="false">
95
- <span className="k-pin-cell"><Icon icon="unpin-outline" className="k-action-icon" /></span>
95
+ <span className="k-pin-cell"><Icon icon="unpin" className="k-action-icon" /></span>
96
96
  </TableTd>
97
97
  <TableTd role="gridcell" aria-colindex={2}>Shelden Greyes</TableTd>
98
98
  <TableTd role="gridcell" aria-colindex={3}>Operator</TableTd>
@@ -100,7 +100,7 @@ export const GridWithPinnedRowsPinColumn = ({ contentClassName, ...other }: any)
100
100
  </TableRow>
101
101
  <TableRow className="k-master-row" role="row" aria-rowindex={4}>
102
102
  <TableTd role="gridcell" aria-colindex={1} aria-haspopup="menu" aria-controls={ctxMenuId} aria-expanded="false">
103
- <span className="k-pin-cell"><Icon icon="pin-outline" /></span>
103
+ <span className="k-pin-cell"><Icon icon="pin" /></span>
104
104
  </TableTd>
105
105
  <TableTd role="gridcell" aria-colindex={2}>Ruthi Baldini</TableTd>
106
106
  <TableTd role="gridcell" aria-colindex={3}>Coordinator</TableTd>
@@ -118,8 +118,8 @@ export const GridWithPinnedRowsPinColumn = ({ contentClassName, ...other }: any)
118
118
  {/* Pin/unpin context menu popup — aria-controls on pin column cells references this */}
119
119
  <Popup className="k-menu-popup">
120
120
  <ContextMenu id={ctxMenuId}>
121
- <MenuListItem first text="Pin row to top" icon="pin-outline-top" />
122
- <MenuListItem last text="Pin row to bottom" icon="pin-outline-bottom" />
121
+ <MenuListItem first text="Pin row to top" icon="pin-top" />
122
+ <MenuListItem last text="Pin row to bottom" icon="pin-bottom" />
123
123
  </ContextMenu>
124
124
  </Popup>
125
125
  </>
package/src/grid/templates/grid-with-pinned-rows.tsx CHANGED
@@ -97,8 +97,8 @@ export const GridWithPinnedRows = ({ contentClassName, ...other }: any) => {
97
97
  {/* Row pinning context menu popup — aria-controls on cells references this */}
98
98
  <Popup className="k-menu-popup">
99
99
  <ContextMenu id={ctxMenuId}>
100
- <MenuListItem first text="Pin row to top" icon="pin-outline-top" />
101
- <MenuListItem last text="Pin row to bottom" icon="pin-outline-bottom" />
100
+ <MenuListItem first text="Pin row to top" icon="pin-top" />
101
+ <MenuListItem last text="Pin row to bottom" icon="pin-bottom" />
102
102
  </ContextMenu>
103
103
  </Popup>
104
104
  </>
package/src/grid/tests/grid-row-pinning-adaptive.tsx CHANGED
@@ -172,7 +172,7 @@ export default () => (
172
172
  <ColumnMenuItemWrapper>
173
173
  <ColumnMenuItem text="Hide row" startIcon="eye-slash" />
174
174
  <ColumnMenuItem text="Set row sticky" startIcon="stick" />
175
- <ColumnMenuExpander itemText="Pin row" itemStartIcon="pin-outline" expanderIcon="chevron-right" />
175
+ <ColumnMenuExpander itemText="Pin row" itemStartIcon="pin" expanderIcon="chevron-right" />
176
176
  <ColumnMenuExpander itemText="Copy" itemStartIcon="copy" expanderIcon="chevron-right" />
177
177
  <ColumnMenuItem text="Select all rows" startIcon="grid-layout" />
178
178
  <ColumnMenuExpander itemText="Export" itemStartIcon="export" expanderIcon="chevron-right" />
@@ -258,8 +258,8 @@ export default () => (
258
258
  >
259
259
  <ColumnMenuNormal size="large">
260
260
  <ColumnMenuItemWrapper>
261
- <ColumnMenuItem text="Pin row to top" startIcon="pin-outline-top" selected />
262
- <ColumnMenuItem text="Pin row to bottom" startIcon="pin-outline-bottom" />
261
+ <ColumnMenuItem text="Pin row to top" startIcon="pin-top" selected />
262
+ <ColumnMenuItem text="Pin row to bottom" startIcon="pin-bottom" />
263
263
  </ColumnMenuItemWrapper>
264
264
  </ColumnMenuNormal>
265
265
  </ActionSheetNormal>
package/src/grid/tests/grid-row-pinning-with-sticky-grouping.tsx CHANGED
@@ -64,7 +64,7 @@ export default () => (
64
64
  <TableRow className="k-table-group-row k-grouping-row">
65
65
  <TableTd colspan={7}>
66
66
  <p className="k-reset">
67
- <Icon icon="unpin-outline" className="k-action-icon" />
67
+ <Icon icon="unpin" className="k-action-icon" />
68
68
  Rating 1/5
69
69
  </p>
70
70
  </TableTd>
package/src/grid/tests/grid-row-pinning.tsx CHANGED
@@ -67,7 +67,7 @@ export default () => (
67
67
  <ContextMenu>
68
68
  <MenuListItem first text="Hide row" icon="eye-slash" />
69
69
  <MenuListItem text="Set row sticky" icon="stick" />
70
- <MenuListItem text="Pin row" icon="pin-outline" showArrow active />
70
+ <MenuListItem text="Pin row" icon="pin" showArrow active />
71
71
  <MenuSeparator />
72
72
  <MenuListItem text="Copy" icon="copy" showArrow />
73
73
  <MenuListItem text="Select all rows" icon="grid-layout" />
@@ -78,8 +78,8 @@ export default () => (
78
78
  {/* Pin row submenu */}
79
79
  <Popup className="k-menu-popup" offset={{ left: "296px", top: "241px" }}>
80
80
  <ContextMenu>
81
- <MenuListItem first text="Pin row to top" icon="pin-outline-top" selected />
82
- <MenuListItem last text="Pin row to bottom" icon="pin-outline-bottom" />
81
+ <MenuListItem first text="Pin row to top" icon="pin-top" selected />
82
+ <MenuListItem last text="Pin row to bottom" icon="pin-bottom" />
83
83
  </ContextMenu>
84
84
  </Popup>
85
85
  </section>
@@ -261,19 +261,19 @@ export default () => (
261
261
  </colgroup>
262
262
  <TableTbody>
263
263
  <TableRow className="k-master-row">
264
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline" /></span></TableTd>
264
+ <TableTd><span className="k-pin-cell"><Icon icon="pin" /></span></TableTd>
265
265
  <TableTd>Sig Jeannel</TableTd>
266
266
  <TableTd>Human Resources Assistant III</TableTd>
267
267
  <TableTd>USA</TableTd>
268
268
  </TableRow>
269
269
  <TableRow className="k-master-row" alt>
270
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline" /></span></TableTd>
270
+ <TableTd><span className="k-pin-cell"><Icon icon="pin" /></span></TableTd>
271
271
  <TableTd>Shelden Greyes</TableTd>
272
272
  <TableTd>Senior Developer</TableTd>
273
273
  <TableTd>UK</TableTd>
274
274
  </TableRow>
275
275
  <TableRow className="k-master-row">
276
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline" /></span></TableTd>
276
+ <TableTd><span className="k-pin-cell"><Icon icon="pin" /></span></TableTd>
277
277
  <TableTd>Ruthi Baldini</TableTd>
278
278
  <TableTd>Coordinator</TableTd>
279
279
  <TableTd>Canada</TableTd>
@@ -287,8 +287,8 @@ export default () => (
287
287
  {/* Row Pinning Context Menu */}
288
288
  <Popup className="k-menu-popup" offset={{ left: "50px", top: "580px" }}>
289
289
  <ContextMenu>
290
- <MenuListItem first text="Pin row to top" icon="pin-outline-top" selected />
291
- <MenuListItem last text="Pin row to bottom" icon="pin-outline-bottom" />
290
+ <MenuListItem first text="Pin row to top" icon="pin-top" selected />
291
+ <MenuListItem last text="Pin row to bottom" icon="pin-bottom" />
292
292
  </ContextMenu>
293
293
  </Popup>
294
294
  </section>
@@ -327,7 +327,7 @@ export default () => (
327
327
  </colgroup>
328
328
  <TableTbody>
329
329
  <TableRow className="k-master-row">
330
- <TableTd><span className="k-pin-cell"><Icon icon="unpin-outline" className="k-action-icon" /></span></TableTd>
330
+ <TableTd><span className="k-pin-cell"><Icon icon="unpin" className="k-action-icon" /></span></TableTd>
331
331
  <TableTd>Shelden Greyes</TableTd>
332
332
  <TableTd>Operator</TableTd>
333
333
  <TableTd>UK</TableTd>
@@ -347,19 +347,19 @@ export default () => (
347
347
  </colgroup>
348
348
  <TableTbody>
349
349
  <TableRow className="k-master-row">
350
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline" /></span></TableTd>
350
+ <TableTd><span className="k-pin-cell"><Icon icon="pin" /></span></TableTd>
351
351
  <TableTd>Sig Jeannel</TableTd>
352
352
  <TableTd>Human Resources Assistant III</TableTd>
353
353
  <TableTd>USA</TableTd>
354
354
  </TableRow>
355
355
  <TableRow className="k-master-row k-pinned-source" alt>
356
- <TableTd><span className="k-pin-cell"><Icon icon="unpin-outline" className="k-action-icon" /></span></TableTd>
356
+ <TableTd><span className="k-pin-cell"><Icon icon="unpin" className="k-action-icon" /></span></TableTd>
357
357
  <TableTd>Shelden Greyes</TableTd>
358
358
  <TableTd>Operator</TableTd>
359
359
  <TableTd>UK</TableTd>
360
360
  </TableRow>
361
361
  <TableRow className="k-master-row">
362
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline" /></span></TableTd>
362
+ <TableTd><span className="k-pin-cell"><Icon icon="pin" /></span></TableTd>
363
363
  <TableTd>Ruthi Baldini</TableTd>
364
364
  <TableTd>Data Coordinator</TableTd>
365
365
  <TableTd>Canada</TableTd>
@@ -404,19 +404,19 @@ export default () => (
404
404
  </colgroup>
405
405
  <TableTbody>
406
406
  <TableRow className="k-master-row">
407
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline" /></span></TableTd>
407
+ <TableTd><span className="k-pin-cell"><Icon icon="pin" /></span></TableTd>
408
408
  <TableTd>Sig Jeannel</TableTd>
409
409
  <TableTd>Human Resources Assistant III</TableTd>
410
410
  <TableTd>USA</TableTd>
411
411
  </TableRow>
412
412
  <TableRow className="k-master-row k-pinned-source" alt>
413
- <TableTd><span className="k-pin-cell"><Icon icon="unpin-outline" className="k-action-icon" /></span></TableTd>
413
+ <TableTd><span className="k-pin-cell"><Icon icon="unpin" className="k-action-icon" /></span></TableTd>
414
414
  <TableTd>Shelden Greyes</TableTd>
415
415
  <TableTd>Operator</TableTd>
416
416
  <TableTd>UK</TableTd>
417
417
  </TableRow>
418
418
  <TableRow className="k-master-row">
419
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline" /></span></TableTd>
419
+ <TableTd><span className="k-pin-cell"><Icon icon="pin" /></span></TableTd>
420
420
  <TableTd>Ruthi Baldini</TableTd>
421
421
  <TableTd>Data Coordinator</TableTd>
422
422
  <TableTd>Canada</TableTd>
@@ -437,7 +437,7 @@ export default () => (
437
437
  </colgroup>
438
438
  <TableTbody>
439
439
  <TableRow className="k-master-row">
440
- <TableTd><span className="k-pin-cell"><Icon icon="unpin-outline" className="k-action-icon" /></span></TableTd>
440
+ <TableTd><span className="k-pin-cell"><Icon icon="unpin" className="k-action-icon" /></span></TableTd>
441
441
  <TableTd>Shelden Greyes</TableTd>
442
442
  <TableTd>Operator</TableTd>
443
443
  <TableTd>UK</TableTd>
@@ -486,19 +486,19 @@ export default () => (
486
486
  </colgroup>
487
487
  <TableTbody>
488
488
  <TableRow className="k-master-row">
489
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline-top" /><Icon icon="pin-outline-bottom" /></span></TableTd>
489
+ <TableTd><span className="k-pin-cell"><Icon icon="pin-top" /><Icon icon="pin-bottom" /></span></TableTd>
490
490
  <TableTd>Sig Jeannel</TableTd>
491
491
  <TableTd>Human Resources Assistant III</TableTd>
492
492
  <TableTd>USA</TableTd>
493
493
  </TableRow>
494
494
  <TableRow className="k-master-row" alt>
495
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline-top" /><Icon icon="pin-outline-bottom" /></span></TableTd>
495
+ <TableTd><span className="k-pin-cell"><Icon icon="pin-top" /><Icon icon="pin-bottom" /></span></TableTd>
496
496
  <TableTd>Shelden Greyes</TableTd>
497
497
  <TableTd>Senior Developer</TableTd>
498
498
  <TableTd>UK</TableTd>
499
499
  </TableRow>
500
500
  <TableRow className="k-master-row">
501
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline-top" /><Icon icon="pin-outline-bottom" /></span></TableTd>
501
+ <TableTd><span className="k-pin-cell"><Icon icon="pin-top" /><Icon icon="pin-bottom" /></span></TableTd>
502
502
  <TableTd>Ruthi Baldini</TableTd>
503
503
  <TableTd>Coordinator</TableTd>
504
504
  <TableTd>Canada</TableTd>
@@ -544,7 +544,7 @@ export default () => (
544
544
  </colgroup>
545
545
  <TableTbody>
546
546
  <TableRow className="k-master-row">
547
- <TableTd><span className="k-pin-cell"><Icon icon="unpin-outline" className="k-action-icon" /><Icon icon="pin-outline-bottom" /></span></TableTd>
547
+ <TableTd><span className="k-pin-cell"><Icon icon="unpin" className="k-action-icon" /><Icon icon="pin-bottom" /></span></TableTd>
548
548
  <TableTd>Shelden Greyes</TableTd>
549
549
  <TableTd>Operator</TableTd>
550
550
  <TableTd>UK</TableTd>
@@ -564,19 +564,19 @@ export default () => (
564
564
  </colgroup>
565
565
  <TableTbody>
566
566
  <TableRow className="k-master-row">
567
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline-top" /><Icon icon="pin-outline-bottom" /></span></TableTd>
567
+ <TableTd><span className="k-pin-cell"><Icon icon="pin-top" /><Icon icon="pin-bottom" /></span></TableTd>
568
568
  <TableTd>Sig Jeannel</TableTd>
569
569
  <TableTd>Human Resources Assistant III</TableTd>
570
570
  <TableTd>USA</TableTd>
571
571
  </TableRow>
572
572
  <TableRow className="k-master-row k-pinned-source" alt>
573
- <TableTd><span className="k-pin-cell"><Icon icon="unpin-outline" className="k-action-icon" /><Icon icon="pin-outline-bottom" /></span></TableTd>
573
+ <TableTd><span className="k-pin-cell"><Icon icon="unpin" className="k-action-icon" /><Icon icon="pin-bottom" /></span></TableTd>
574
574
  <TableTd>Shelden Greyes</TableTd>
575
575
  <TableTd>Operator</TableTd>
576
576
  <TableTd>UK</TableTd>
577
577
  </TableRow>
578
578
  <TableRow className="k-master-row">
579
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline-top" /><Icon icon="pin-outline-bottom" /></span></TableTd>
579
+ <TableTd><span className="k-pin-cell"><Icon icon="pin-top" /><Icon icon="pin-bottom" /></span></TableTd>
580
580
  <TableTd>Ruthi Baldini</TableTd>
581
581
  <TableTd>Data Coordinator</TableTd>
582
582
  <TableTd>Canada</TableTd>
@@ -621,19 +621,19 @@ export default () => (
621
621
  </colgroup>
622
622
  <TableTbody>
623
623
  <TableRow className="k-master-row">
624
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline-top" /><Icon icon="pin-outline-bottom" /></span></TableTd>
624
+ <TableTd><span className="k-pin-cell"><Icon icon="pin-top" /><Icon icon="pin-bottom" /></span></TableTd>
625
625
  <TableTd>Sig Jeannel</TableTd>
626
626
  <TableTd>Human Resources Assistant III</TableTd>
627
627
  <TableTd>USA</TableTd>
628
628
  </TableRow>
629
629
  <TableRow className="k-master-row k-pinned-source" alt>
630
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline-top" /><Icon icon="unpin-outline" className="k-action-icon" /></span></TableTd>
630
+ <TableTd><span className="k-pin-cell"><Icon icon="pin-top" /><Icon icon="unpin" className="k-action-icon" /></span></TableTd>
631
631
  <TableTd>Shelden Greyes</TableTd>
632
632
  <TableTd>Operator</TableTd>
633
633
  <TableTd>UK</TableTd>
634
634
  </TableRow>
635
635
  <TableRow className="k-master-row">
636
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline-top" /><Icon icon="pin-outline-bottom" /></span></TableTd>
636
+ <TableTd><span className="k-pin-cell"><Icon icon="pin-top" /><Icon icon="pin-bottom" /></span></TableTd>
637
637
  <TableTd>Ruthi Baldini</TableTd>
638
638
  <TableTd>Data Coordinator</TableTd>
639
639
  <TableTd>Canada</TableTd>
@@ -654,7 +654,7 @@ export default () => (
654
654
  </colgroup>
655
655
  <TableTbody>
656
656
  <TableRow className="k-master-row">
657
- <TableTd><span className="k-pin-cell"><Icon icon="pin-outline-top" /><Icon icon="unpin-outline" className="k-action-icon" /></span></TableTd>
657
+ <TableTd><span className="k-pin-cell"><Icon icon="pin-top" /><Icon icon="unpin" className="k-action-icon" /></span></TableTd>
658
658
  <TableTd>Shelden Greyes</TableTd>
659
659
  <TableTd>Operator</TableTd>
660
660
  <TableTd>UK</TableTd>
package/src/pdf-viewer/pdf-viewer.spec.tsx CHANGED
@@ -70,11 +70,11 @@ const defaultAnnotationsToolbar =
70
70
  <ToolbarSeparator />
71
71
  <Button fillMode="flat" icon="sticky-note" aria-label="Sticky note" />
72
72
  <ToolbarSeparator />
73
- <Button fillMode="flat" icon="ruler-outline" aria-label="Ruler" />
73
+ <Button fillMode="flat" icon="ruler" aria-label="Ruler" />
74
74
  <ToolbarSeparator />
75
75
  <Button fillMode="flat" icon="comment" aria-label="Comment" />
76
76
  <ToolbarSeparator />
77
- <Button fillMode="flat" icon="eraser-outline" aria-label="Eraser" />
77
+ <Button fillMode="flat" icon="eraser" aria-label="Eraser" />
78
78
  <span className="k-spacer"></span>
79
79
  <Button fillMode="flat" icon="x" aria-label="Close" />
80
80
  </Toolbar>
package/src/tabstrip/tests/tabstrip-actions.tsx CHANGED
@@ -10,13 +10,13 @@ export default () => (
10
10
  <TabStripNormal
11
11
  tabStripItems={
12
12
  <>
13
- <TabStripItem first value="One Action" actions={<Button fillMode="flat" icon="pin"></Button>}/>
13
+ <TabStripItem first value="One Action" actions={<Button fillMode="flat" icon="pin" size="xsmall"></Button>}/>
14
14
  <TabStripItem active value="Two Actions" actions={
15
15
  <>
16
- <Button fillMode="flat" icon="pin"></Button>
17
- <Button fillMode="flat" icon="more-vertical"></Button>
16
+ <Button fillMode="flat" icon="pin" size="xsmall"></Button>
17
+ <Button fillMode="flat" icon="more-vertical" size="xsmall"></Button>
18
18
  </>}/>
19
- <TabStripItem last value="Action and Close" closable actions={<Button fillMode="flat" icon="pin"></Button>}/>
19
+ <TabStripItem last value="Action and Close" closable actions={<Button fillMode="flat" icon="pin" size="xsmall"></Button>}/>
20
20
  </>
21
21
  }
22
22
  >