Skip to content

Commit

Permalink
fix(html): uodate icon sizes in components specs and tests
Browse files Browse the repository at this point in the history
  • Loading branch information
@TeyaVes @Juveniel
TeyaVes authored and Juveniel committed May 4, 2023
1 parent dc8867e commit 5c70af9
Show file tree
Hide file tree
Showing 20 changed files with 195 additions and 195 deletions.
2 changes: 1 addition & 1 deletion packages/html/src/bottom-nav/bottom-nav-item.tsx
View file
Expand Up @@ -45,7 +45,7 @@ export const BottomNavItem = (
disabled
})
)}>
{ icon && <Icon className="k-bottom-nav-item-icon" icon={icon} /> }
{ icon && <Icon className="k-bottom-nav-item-icon" icon={icon} size="xlarge" /> }

{ text && <span className="k-bottom-nav-item-text">{text}</span> }

Expand Down
16 changes: 8 additions & 8 deletions packages/html/src/bottom-nav/tests/bottom-nav-items.tsx
View file
Expand Up @@ -32,19 +32,19 @@ root.render(
<h4>Bottom Navigation with BUTTON</h4>
<BottomNav fillMode="flat" themeColor="primary" border flow="vertical">
<button className="k-bottom-nav-item">
<Icon className="k-bottom-nav-item-icon" icon="envelop" />
<Icon className="k-bottom-nav-item-icon" icon="envelop" size="xlarge" />
<span className="k-bottom-nav-item-text">Normal</span>
</button>
<button className="k-bottom-nav-item k-focus">
<Icon className="k-bottom-nav-item-icon" icon="envelop" />
<Icon className="k-bottom-nav-item-icon" icon="envelop" size="xlarge" />
<span className="k-bottom-nav-item-text">Focused</span>
</button>
<button className="k-bottom-nav-item k-selected">
<Icon className="k-bottom-nav-item-icon" icon="envelop" />
<Icon className="k-bottom-nav-item-icon" icon="envelop" size="xlarge" />
<span className="k-bottom-nav-item-text">Selected</span>
</button>
<button className="k-bottom-nav-item k-disabled">
<Icon className="k-bottom-nav-item-icon" icon="envelop" />
<Icon className="k-bottom-nav-item-icon" icon="envelop" size="xlarge" />
<span className="k-bottom-nav-item-text">Disabled</span>
</button>
</BottomNav>
Expand All @@ -54,19 +54,19 @@ root.render(
<h4>Bottom Navigation with A</h4>
<BottomNav fillMode="flat" themeColor="primary" border flow="vertical">
<a className="k-bottom-nav-item">
<Icon className="k-bottom-nav-item-icon" icon="envelop" />
<Icon className="k-bottom-nav-item-icon" icon="envelop" size="xlarge" />
<span className="k-bottom-nav-item-text">Normal</span>
</a>
<a className="k-bottom-nav-item k-focus" href="#">
<Icon className="k-bottom-nav-item-icon" icon="envelop" />
<Icon className="k-bottom-nav-item-icon" icon="envelop" size="xlarge" />
<span className="k-bottom-nav-item-text">Focused</span>
</a>
<a className="k-bottom-nav-item k-selected">
<Icon className="k-bottom-nav-item-icon" icon="envelop" />
<Icon className="k-bottom-nav-item-icon" icon="envelop" size="xlarge" />
<span className="k-bottom-nav-item-text">Selected</span>
</a>
<a className="k-bottom-nav-item k-disabled">
<Icon className="k-bottom-nav-item-icon" icon="envelop" />
<Icon className="k-bottom-nav-item-icon" icon="envelop" size="xlarge" />
<span className="k-bottom-nav-item-text">Disabled</span>
</a>
</BottomNav>
Expand Down
64 changes: 32 additions & 32 deletions packages/html/src/breadcrumb/tests/breadcrumb-rtl.tsx
View file

Large diffs are not rendered by default.

68 changes: 34 additions & 34 deletions packages/html/src/breadcrumb/tests/breadcrumb.tsx
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion packages/html/src/chip/chip.spec.tsx
View file
Expand Up @@ -91,7 +91,7 @@ export const Chip = (
}),
)}
>
{icon && <Icon className="k-chip-icon" icon={icon} /> }
{icon && <Icon className="k-chip-icon" icon={icon} size="small" /> }
{showAvatar && (
<Avatar className="k-chip-avatar" type="image" >
<img src="/packages/html/assets/avatar.jpg" />
Expand Down
6 changes: 3 additions & 3 deletions packages/html/src/dropzone/tests/dropzone.tsx
View file
Expand Up @@ -13,7 +13,7 @@ root.render(
<p>External dropzone</p>
<div className="k-external-dropzone">
<div className="k-dropzone-inner">
<Icon icon="upload" className="k-dropzone-icon" />
<Icon icon="upload" className="k-dropzone-icon" size="xxxlarge" />
<span className="k-dropzone-hint">Drag and drop files here to upload</span>
<span className="k-dropzone-note"> Only JPEG, PNG and SVG files are allowed.</span>
</div>
Expand All @@ -25,7 +25,7 @@ root.render(
<p>External dropzone - hover dragging files</p>
<div className="k-external-dropzone k-external-dropzone-hover">
<div className="k-dropzone-inner">
<Icon icon="upload" className="k-dropzone-icon" />
<Icon icon="upload" className="k-dropzone-icon" size="xxxlarge" />
<span className="k-dropzone-hint">Drag and drop files here to upload</span>
<span className="k-dropzone-note"> Only JPEG, PNG and SVG files are allowed.</span>
</div>
Expand All @@ -37,7 +37,7 @@ root.render(
<p>External dropzone</p>
<div className="k-external-dropzone" style={{ height: "400px" }}>
<div className="k-dropzone-inner">
<Icon icon="upload" className="k-dropzone-icon" />
<Icon icon="upload" className="k-dropzone-icon" size="xxxlarge" />
<span className="k-dropzone-hint">Drag and drop files here to upload</span>
<span className="k-dropzone-note"> Only JPEG, PNG and SVG files are allowed.</span>
</div>
Expand Down
4 changes: 2 additions & 2 deletions packages/html/src/filemanager/tests/filemanager-contextmenu.tsx
View file
Expand Up @@ -60,11 +60,11 @@ root.render(
<div className="k-widget k-listview k-selectable k-filemanager-listview">
<div className="k-listview-content k-d-flex k-flex-row k-flex-wrap">
<div className="k-listview-item">
<span className="k-file-preview"><Icon className="k-file-icon" icon="folder" /></span>
<span className="k-file-preview"><Icon className="k-file-icon" icon="folder" size="xxxlarge"/></span>
<span className="k-file-name">Folder</span>
</div>
<div className="k-listview-item">
<span className="k-file-preview"><Icon className="k-file-icon" icon="file-image" /></span>
<span className="k-file-preview"><Icon className="k-file-icon" icon="file-image" size="xxxlarge" /></span>
<span className="k-file-name">file.png</span>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions packages/html/src/filemanager/tests/filemanager-drag-hint.tsx
View file
Expand Up @@ -57,11 +57,11 @@ root.render(
<div className="k-widget k-listview k-selectable k-filemanager-listview">
<div className="k-listview-content k-d-flex k-flex-row k-flex-wrap">
<div className="k-listview-item">
<span className="k-file-preview"><Icon className="k-file-icon" icon="folder" /></span>
<span className="k-file-preview"><Icon className="k-file-icon" icon="folder" size="xxxlarge" /></span>
<span className="k-file-name">Folder</span>
</div>
<div className="k-listview-item k-selected">
<span className="k-file-preview"><Icon className="k-file-icon" icon="file-image" /></span>
<span className="k-file-preview"><Icon className="k-file-icon" icon="file-image" size="xxxlarge" /></span>
<span className="k-file-name">file.png</span>
</div>
</div>
Expand Down
8 changes: 4 additions & 4 deletions packages/html/src/filemanager/tests/filemanager-listview.tsx
View file
Expand Up @@ -52,11 +52,11 @@ root.render(
<div className="k-widget k-listview k-selectable k-filemanager-listview">
<div className="k-listview-content k-d-flex k-flex-row k-flex-wrap">
<div className="k-listview-item">
<span className="k-file-preview"><Icon className="k-file-icon" icon="folder" /></span>
<span className="k-file-preview"><Icon className="k-file-icon" icon="folder" size="xxxlarge" /></span>
<span className="k-file-name">Folder</span>
</div>
<div className="k-listview-item">
<span className="k-file-preview"><Icon className="k-file-icon" icon="file-image" /></span>
<span className="k-file-preview"><Icon className="k-file-icon" icon="file-image" size="xxxlarge" /></span>
<span className="k-file-name">file.png</span>
</div>
</div>
Expand Down Expand Up @@ -112,11 +112,11 @@ root.render(
<div className="k-widget k-listview k-selectable k-filemanager-listview">
<div className="k-listview-content k-d-flex k-flex-row k-flex-wrap">
<div className="k-listview-item">
<span className="k-file-preview"><Icon className="k-file-icon" icon="folder" /></span>
<span className="k-file-preview"><Icon className="k-file-icon" icon="folder" size="xxxlarge" /></span>
<span className="k-file-name">Folder</span>
</div>
<div className="k-listview-item">
<span className="k-file-preview"><Icon className="k-file-icon" icon="file-image" /></span>
<span className="k-file-preview"><Icon className="k-file-icon" icon="file-image" size="xxxlarge" /></span>
<span className="k-file-name">file.png</span>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions packages/html/src/filemanager/tests/filemanager-preview.tsx
View file
Expand Up @@ -117,7 +117,7 @@ root.render(
{/* Preview */}
<div className="k-filemanager-preview">
<div className="k-file-info">
<span className="k-file-preview"><Icon className="k-file-icon" icon="file-image" /></span>
<span className="k-file-preview"><Icon className="k-file-icon" icon="file-image" size="xxxlarge" /></span>
<span className="k-file-name k-single-file-selected">file.png</span>
<dl className="k-file-meta">
<dt className="k-file-meta-label">Type: </dt>
Expand Down Expand Up @@ -247,7 +247,7 @@ root.render(
{/* Preview */}
<div className="k-filemanager-preview" style={{ width: "234px" }}>
<div className="k-file-info">
<span className="k-file-preview"><Icon className="k-file-icon" icon="none" /></span>
<span className="k-file-preview"><Icon className="k-file-icon" icon="none" size="xxxlarge" /></span>
<span className="k-file-name k-no-file-selected">No File Selected</span>
</div>
</div>
Expand Down Expand Up @@ -358,7 +358,7 @@ root.render(
{/* Preview */}
<div className="k-filemanager-preview">
<div className="k-file-info">
<span className="k-file-preview"><Icon className="k-file-icon" icon="file" /></span>
<span className="k-file-preview"><Icon className="k-file-icon" icon="file" size="xxxlarge" /></span>
<span className="k-file-name k-multiple-files-selected">3 items</span>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion packages/html/src/map/tests/map.tsx
View file
Expand Up @@ -23,7 +23,7 @@ root.render(
<div className="km-scroll-header"></div>
<div className="km-scroll-container" style={{ transformOrigin: "left top 0px" }}>
<div className="k-layer" style={{ zIndex: "1000" }}>
<Icon className="k-marker" icon="map-marker-target" style={{ zIndex: "1000", left: "500px", top: "300px" }} />
<Icon className="k-marker" icon="map-marker-target" size="xxlarge" style={{ zIndex: "1000", left: "500px", top: "300px" }} />
</div>
<div className="k-layer"></div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion packages/html/src/pdf-viewer/tests/pdf-viewer-blank-page-blazor.tsx
View file
Expand Up @@ -31,7 +31,7 @@ root.render(
<div className="k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto">
<div className="k-pdf-viewer-pages">
<div className="k-page k-blank-page">
<Icon icon="folder-open"></Icon>
<Icon icon="folder-open" size="xxxlarge"></Icon>
<Upload async empty></Upload>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion packages/html/src/pdf-viewer/tests/pdf-viewer-blank-page.tsx
View file
Expand Up @@ -36,7 +36,7 @@ root.render(
<div className="k-page k-blank-page">
<div className="k-external-dropzone">
<div className="k-dropzone-inner">
<Icon icon="upload" className="k-dropzone-icon" />
<Icon icon="upload" className="k-dropzone-icon" size="xxxlarge" />
<span className="k-dropzone-hint">Drag and drop files here to upload</span>
</div>
</div>
Expand Down

0 comments on commit 5c70af9

Please sign in to comment.