@progress/kendo-themes-html 7.0.3-dev.0 → 7.0.3-dev.2

package/src/breadcrumb/tests/breadcrumb-adaptive.tsx

@@ -1,82 +0,0 @@
-import { Icon } from '../../icon';
-import { Breadcrumb, BreadcrumbContainer, BreadcrumbItem, BreadcrumbItemText, BreadcrumbLink, BreadcrumbRootItemContainer } from '..';
-
-export default () =>(
-    <>
-        <div id="test-area" className="k-d-grid k-grid-cols-2">
-
-            <span>with root item</span>
-            <span>without root item</span>
-
-            <div>
-                <Breadcrumb collapsing="wrap" size="large">
-                    <BreadcrumbRootItemContainer>
-                        <BreadcrumbItem root>
-                            <BreadcrumbLink root icontext>
-                                <Icon icon="home" />
-                                <BreadcrumbItemText text="Start item"></BreadcrumbItemText>
-                            </BreadcrumbLink>
-                        </BreadcrumbItem>
-                    </BreadcrumbRootItemContainer>
-
-                    <BreadcrumbContainer collapsing="wrap">
-                        <BreadcrumbItem>
-                            <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
-                        </BreadcrumbItem>
-                        <BreadcrumbItem>
-                            <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
-                            <BreadcrumbLink>
-                                <BreadcrumbItemText text="Item 03"></BreadcrumbItemText>
-                            </BreadcrumbLink>
-                        </BreadcrumbItem>
-                        <BreadcrumbItem>
-                            <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
-                            <BreadcrumbLink>
-                                <BreadcrumbItemText text="Item 04"></BreadcrumbItemText>
-                            </BreadcrumbLink>
-                        </BreadcrumbItem>
-                        <BreadcrumbItem last>
-                            <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
-                            <BreadcrumbLink>
-                                <BreadcrumbItemText text="Item 05"></BreadcrumbItemText>
-                            </BreadcrumbLink>
-                        </BreadcrumbItem>
-                    </BreadcrumbContainer>
-                </Breadcrumb>
-            </div>
-
-            <div>
-                <Breadcrumb collapsing="wrap" size="large">
-                    <BreadcrumbContainer collapsing="wrap">
-                        <BreadcrumbItem>
-                            <BreadcrumbLink>
-                                <BreadcrumbItemText text="Item 01"></BreadcrumbItemText>
-                            </BreadcrumbLink>
-                        </BreadcrumbItem>
-                        <BreadcrumbItem>
-                            <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
-                        </BreadcrumbItem>
-                        <BreadcrumbItem>
-                            <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
-                            <BreadcrumbLink>
-                                <BreadcrumbItemText text="Item 04"></BreadcrumbItemText>
-                            </BreadcrumbLink>
-                        </BreadcrumbItem>
-                        <BreadcrumbItem>
-                            <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
-                            <BreadcrumbLink>
-                                <BreadcrumbItemText text="Item 05"></BreadcrumbItemText>
-                            </BreadcrumbLink>
-                        </BreadcrumbItem>
-                        <BreadcrumbItem last>
-                            <Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
-                            <BreadcrumbLink>
-                                <BreadcrumbItemText text="Item 06"></BreadcrumbItemText>
-                            </BreadcrumbLink>
-                        </BreadcrumbItem>
-                    </BreadcrumbContainer>
-                </Breadcrumb>
-            </div>
-        </div>
-    </>
-);

package/src/captcha/tests/captcha-loading.tsx

@@ -1,13 +0,0 @@
-import { Captcha } from '../../captcha';
-
-
-export default () =>(
-    <>
-        <div id="test-area" className="k-d-grid k-grid-cols-1">
-            <span>Captcha Loading</span>
-            <section>
-                <Captcha loading />
-            </section>
-        </div>
-    </>
-);

package/src/chat/tests/chat-scrollable-deck.tsx

@@ -1,64 +0,0 @@
-/* eslint-disable react/no-unescaped-entities */
-import { Button } from '../../button';
-import { Card, CardDeck, CardBody } from '../../card';
-import { Chat, ChatMessage, ChatMessageGroup } from '../../chat';
-
-
-const styles = `
-    /* needed for test */
-    .k-chat .k-chat-bubble {
-        white-space: normal;
-    }
-`;
-
-export default () =>(
-    <>
-        <style>{styles}</style>
-        <div id="test-area" className="k-d-grid k-grid-cols-2">
-
-            <section>
-                <Chat showToolbar={false} showMessageBox={false}>
-                    <div className="k-timestamp">Card Deck Scrollable</div>
-                    <ChatMessageGroup>
-                        <ChatMessage className="k-only" text="Message before card deck" />
-                    </ChatMessageGroup>
-                    <div className="k-card-deck-scrollwrap">
-                        <Button icon="chevron-left"></Button>
-                        <CardDeck>
-                            <Card orientation="horizontal">
-                                <CardBody>
-                                    <h5 className="k-card-title">Card Title</h5>
-                                    <h6 className="k-card-subtitle">Card Subtitle</h6>
-                                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                                </CardBody>
-                            </Card>
-                            <Card orientation="horizontal">
-                                <CardBody>
-                                    <h5 className="k-card-title">Card Title</h5>
-                                    <h6 className="k-card-subtitle">Card Subtitle</h6>
-                                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                                </CardBody>
-                            </Card>
-                            <Card orientation="horizontal">
-                                <CardBody>
-                                    <h5 className="k-card-title">Card Title</h5>
-                                    <h6 className="k-card-subtitle">Card Subtitle</h6>
-                                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                                </CardBody>
-                            </Card>
-                            <Card orientation="horizontal">
-                                <CardBody>
-                                    <h5 className="k-card-title">Card Title</h5>
-                                    <h6 className="k-card-subtitle">Card Subtitle</h6>
-                                    <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                                </CardBody>
-                            </Card>
-                        </CardDeck>
-                        <Button icon="chevron-right"></Button>
-                    </div>
-                </Chat>
-            </section>
-
-        </div>
-    </>
-);

package/src/loader/tests/loader-sizes.tsx

@@ -1,54 +0,0 @@
-import { Loader } from '../../loader';
-
-
-export default () =>(
-    <>
-        <div id="test-area" className="k-d-grid k-grid-cols-4">
-
-            <span></span>
-            <span className="col">Pulsing 2</span>
-            <span className="col">Spinner 3</span>
-            <span className="col">Spinner 4</span>
-
-
-            <span>Small</span>
-            <span>
-                <Loader size={'small'} themeColor={'primary'} animation={'pulsing'} />
-            </span>
-
-            <span>
-                <Loader size={'small'} themeColor={'primary'} animation={'infinite-spinner'} />
-            </span>
-
-            <span>
-                <Loader size={'small'} themeColor={'primary'} animation={'converging-spinner'} />
-            </span>
-
-            <span>Medium</span>
-            <span>
-                <Loader size={'medium'} themeColor={'primary'} animation={'pulsing'} />
-            </span>
-
-            <span>
-                <Loader size={'medium'} themeColor={'primary'} animation={'infinite-spinner'} />
-            </span>
-
-            <span>
-                <Loader size={'medium'} themeColor={'primary'} animation={'converging-spinner'} />
-            </span>
-
-            <span>Large</span>
-            <span>
-                <Loader size={'large'} themeColor={'primary'} animation={'pulsing'} />
-            </span>
-
-            <span>
-                <Loader size={'large'} themeColor={'primary'} animation={'infinite-spinner'} />
-            </span>
-
-            <span>
-                <Loader size={'large'} themeColor={'primary'} animation={'converging-spinner'} />
-            </span>
-        </div>
-    </>
-);