@progress/kendo-themes-html 5.6.1-dev.3 → 5.6.1-dev.4

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 (36) hide show
  1. package/dist/datetime-selector/tests/datetime-selector.js +1 -1
  2. package/dist/datetime-selector/tests/datetime-selector.js.map +1 -1
  3. package/dist/dialog/tests/dialog-in-window.js +2 -2
  4. package/dist/dialog/tests/dialog-in-window.js.map +2 -2
  5. package/dist/editor/tests/editor-jquery.js +49 -49
  6. package/dist/editor/tests/editor-jquery.js.map +2 -2
  7. package/dist/icon/tests/icons.js +5 -5
  8. package/dist/icon/tests/icons.js.map +1 -1
  9. package/dist/scheduler/tests/scheduler-angular-day-rtl.js +11 -11
  10. package/dist/scheduler/tests/scheduler-angular-day-rtl.js.map +2 -2
  11. package/dist/scheduler/tests/scheduler-angular-rtl.js +3 -3
  12. package/dist/scheduler/tests/scheduler-angular-rtl.js.map +2 -2
  13. package/dist/scheduler/tests/scheduler-angular.js +3 -3
  14. package/dist/scheduler/tests/scheduler-angular.js.map +2 -2
  15. package/dist/scheduler/tests/scheduler-jquery-agenda.js +2 -2
  16. package/dist/scheduler/tests/scheduler-jquery-agenda.js.map +1 -1
  17. package/dist/time-selector/tests/time-selector.js +2 -2
  18. package/dist/time-selector/tests/time-selector.js.map +1 -1
  19. package/dist/time-selector/time-selector.js +1 -1
  20. package/dist/time-selector/time-selector.js.map +1 -1
  21. package/dist/timepicker/tests/timepicker-adaptive.js +1 -1
  22. package/dist/timepicker/tests/timepicker-adaptive.js.map +1 -1
  23. package/dist/upload/tests/upload-react.js +62 -312
  24. package/dist/upload/tests/upload-react.js.map +4 -4
  25. package/package.json +3 -3
  26. package/src/datetime-selector/tests/datetime-selector.tsx +1 -1
  27. package/src/dialog/tests/dialog-in-window.tsx +2 -2
  28. package/src/editor/tests/editor-jquery.tsx +49 -49
  29. package/src/icon/tests/icons.tsx +5 -5
  30. package/src/scheduler/tests/scheduler-angular-day-rtl.tsx +11 -11
  31. package/src/scheduler/tests/scheduler-angular-rtl.tsx +3 -3
  32. package/src/scheduler/tests/scheduler-angular.tsx +3 -3
  33. package/src/scheduler/tests/scheduler-jquery-agenda.tsx +2 -2
  34. package/src/time-selector/tests/time-selector.tsx +2 -2
  35. package/src/time-selector/time-selector.tsx +1 -1
  36. package/src/upload/tests/upload-react.tsx +29 -236
package/dist/upload/tests/upload-react.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/upload/tests/upload-react.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx", "../../../src/action-buttons/action-buttons.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { ActionButtons } from '../../action-buttons';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n #test-area section {\n max-width: 400px;\n }\n`;\n\nconst progressStyle = {\n width: '100%',\n transition: \"opacity 0.5s ease-in-out 0s\",\n};\n\nconst progress70Style = {\n width: \"70%\",\n transition: \"opacity 0.5s ease-in-out 0s\",\n};\n\nconst progress17Style = {\n width: \"17%\",\n transition: \"opacity 0.5s ease-in-out 0s\",\n};\n\nconst progress0Style = {\n width: \"0%\",\n transition: \"opacity 0.5s ease-in-out 0s\",\n};\n\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n <section>\n <div className=\"k-widget k-upload k-header\">\n <div className=\"k-dropzone\">\n <Button className=\"k-upload-button\">Select files...</Button>\n <div className=\"k-upload-status k-upload-status-total\"><Icon name=\"loading\"></Icon>Uploading...</div>\n </div>\n <ul className=\"k-upload-files k-reset\">\n <li className=\"k-file k-file-invalid\">\n <div className=\"k-file-single\">\n <span className=\"k-progress\" style={progress0Style}></span>\n <span className=\"k-file-invalid-extension-wrapper\">\n <span className=\"k-file-invalid-icon\">!</span>\n <span className=\"k-file-state\"></span>\n </span>\n <span className=\"k-file-name-size-wrapper\">\n <span className=\"k-file-name k-file-name-invalid\">Video_File_with_Very_Very_Very_Very_Long_Name.psd</span>\n <span className=\"k-file-validation-message\">File type not allowed.</span>\n </span>\n <strong className=\"k-upload-status\">\n <Button fillMode=\"flat\" className=\"k-upload-action\" icon=\"close\"></Button>\n </strong>\n </div>\n </li>\n <li className=\"k-file k-file-progress\">\n <div className=\"k-file-single\">\n <span className=\"k-progress\" style={progress70Style}></span>\n <span className=\"k-file-extension-wrapper\">\n <span className=\"k-file-extension\">mkv</span>\n <span className=\"k-file-state\"></span>\n </span>\n <span className=\"k-file-name-size-wrapper\">\n <span className=\"k-file-name\">Document.mkv</span>\n <span className=\"k-file-size\">156.33 MB</span>\n </span>\n <strong className=\"k-upload-status\">\n <span className=\"k-upload-pct\">70%</span>\n <Button fillMode=\"flat\" className=\"k-upload-action\" icon=\"cancel\"></Button>\n </strong>\n </div>\n </li>\n </ul>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-upload k-header\">\n <div className=\"k-dropzone\">\n <Button className=\"k-upload-button\">Select files...</Button>\n <div className=\"k-upload-status k-upload-status-total\"><Icon name=\"check\"></Icon>Done</div>\n </div>\n <ul className=\"k-upload-files k-reset\">\n <li className=\"k-file k-file-success\">\n <div className=\"k-file-single\">\n <span className=\"k-progress\" style={progressStyle}></span>\n <span className=\"k-file-extension-wrapper\">\n <span className=\"k-file-extension\">png</span>\n <span className=\"k-file-state\"></span>\n </span>\n <span className=\"k-file-name-size-wrapper\">\n <span className=\"k-file-name\">Image1_With_Very_Very_Very_Very_Long_Name.png</span>\n <span className=\"k-file-size\">24.34 KB</span>\n </span>\n <strong className=\"k-upload-status\">\n <Button fillMode=\"flat\" className=\"k-upload-action\" icon=\"close\"></Button>\n </strong>\n </div>\n </li>\n <li className=\"k-file k-file-success\">\n <div className=\"k-file-single\">\n <span className=\"k-progress\" style={progressStyle}></span>\n <span className=\"k-file-extension-wrapper\">\n <span className=\"k-file-extension\">png</span>\n <span className=\"k-file-state\"></span>\n </span>\n <span className=\"k-file-name-size-wrapper\">\n <span className=\"k-file-name\">Image2.png</span>\n <span className=\"k-file-size\">19.85 KB</span>\n </span>\n <strong className=\"k-upload-status\">\n <Button fillMode=\"flat\" className=\"k-upload-action\" icon=\"close\"></Button>\n </strong>\n </div>\n </li>\n </ul>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-upload k-header\">\n <div className=\"k-dropzone\">\n <Button className=\"k-upload-button\">Select files...</Button>\n <div className=\"k-dropzone-hint\">Drop files here to upload</div>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-upload k-header\">\n <div className=\"k-dropzone k-dropzone-active k-dropzone-hovered\">\n <Button className=\"k-upload-button\">Select files...</Button>\n <div className=\"k-dropzone-hint\">Drop files here to upload</div>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-upload k-header k-state-disabled\">\n <div className=\"k-dropzone\">\n <Button className=\"k-upload-button\">Select files...</Button>\n <div className=\"k-dropzone-hint\">Drop files here to upload</div>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-upload k-header\">\n <div className=\"k-dropzone\">\n <Button className=\"k-upload-button\">Select files...</Button>\n <div className=\"k-upload-status k-upload-status-total\"><Icon name=\"check\"></Icon>Done</div>\n </div>\n <ul className=\"k-upload-files k-reset\">\n <li className=\"k-file k-file-success\">\n <div className=\"k-file-multiple\">\n <span className=\"k-progress\" style={progressStyle}></span>\n <span className=\"k-multiple-files-extension-wrapper\">\n <span className=\"k-file-state\"></span>\n </span>\n <span className=\"k-file-name-size-wrapper\">\n <span className=\"k-file-name\">Video_File_with_Very_Very_Very_Very_Long_Name.jpg</span>\n <span className=\"k-file-name\">Video_File_with_Very_Very_Very_Very_Long_Name2.png</span>\n <span className=\"k-file-name\">Video3.png</span>\n <span className=\"k-file-name\">Video4.jpg</span>\n <span className=\"k-file-information\">Total: 4 files, 152.21 KB</span>\n </span>\n <strong className=\"k-upload-status\">\n <Button fillMode=\"flat\" className=\"k-upload-action\" icon=\"close\"></Button>\n </strong>\n </div>\n </li>\n </ul>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-upload k-header\">\n <div className=\"k-dropzone\">\n <Button className=\"k-upload-button\">Select files...</Button>\n <div className=\"k-upload-status k-upload-status-total\"><Icon name=\"loading\"></Icon>Uploading...</div>\n </div>\n <ul className=\"k-upload-files k-reset\">\n <li className=\"k-file k-file-progress\">\n <div className=\"k-file-multiple\">\n <span className=\"k-progress\" style={progress17Style}></span>\n <span className=\"k-multiple-files-extension-wrapper\">\n <span className=\"k-file-state\"></span>\n </span>\n <span className=\"k-file-name-size-wrapper\">\n <span className=\"k-file-name\">Image_With_Very_Very_Very_Very_Very_Long_Name1.pdf</span>\n <span className=\"k-file-name\">Image_With_Very_Very_Very_Very_Very_Long_Name2.pdf</span>\n <span className=\"k-file-name\">Image3.pdf</span>\n <span className=\"k-file-name\">Image4.jpg</span>\n <span className=\"k-file-information\">Total: 4 files, 1.35 MB</span>\n </span>\n <strong className=\"k-upload-status\">\n <span className=\"k-upload-pct\">17%</span>\n <Button fillMode=\"flat\" className=\"k-upload-action\" icon=\"cancel\"></Button>\n </strong>\n </div>\n </li>\n </ul>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-upload k-header\">\n <div className=\"k-dropzone\">\n <Button className=\"k-upload-button\">Select files...</Button>\n </div>\n <ul className=\"k-upload-files k-reset\">\n <li className=\"k-file k-file-invalid\">\n <div className=\"k-file-multiple\">\n <span className=\"k-progress\" style={progress0Style}></span>\n <span className=\"k-multiple-files-invalid-extension-wrapper\">\n <span className=\"k-file-invalid-icon\">!</span>\n <span className=\"k-file-state\"></span>\n </span>\n <span className=\"k-file-name-size-wrapper\">\n <span className=\"k-file-name\">Movie_With_Very_Very_Very_Very_Very_Long_Name1.png</span>\n <span className=\"k-file-name\">Movie2.jpg</span>\n <span className=\"k-file-name k-file-name-invalid\">Image1.mkv</span>\n <span className=\"k-file-name k-file-name-invalid\">Image2.mkv</span>\n <span className=\"k-file-validation-message\">Invalid file(s). Please check file upload requirements.</span>\n </span>\n <strong className=\"k-upload-status\">\n <Button fillMode=\"flat\" className=\"k-upload-action\" icon=\"close\"></Button>\n </strong>\n </div>\n </li>\n </ul>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-upload k-header\">\n <div className=\"k-dropzone\">\n <Button className=\"k-upload-button\">Select files...</Button>\n <div className=\"k-dropzone-hint\">Drop files here to upload</div>\n </div>\n <ul className=\"k-upload-files k-reset\">\n <li className=\"k-file\">\n <div className=\"k-file-single\">\n <span className=\"k-progress\" style={progress0Style}></span>\n <span className=\"k-file-extension-wrapper\">\n <span className=\"k-file-extension\">png</span>\n <span className=\"k-file-state\"></span>\n </span>\n <span className=\"k-file-name-size-wrapper\">\n <span className=\"k-file-name\">Image_With_Very_Very_Very_Very_Very_Long_Name1.png</span>\n <span className=\"k-file-size\">51.23 KB</span>\n </span>\n <strong className=\"k-upload-status\">\n <Button fillMode=\"flat\" className=\"k-upload-action\" icon=\"close\"></Button>\n </strong>\n </div>\n </li>\n <li className=\"k-file\">\n <div className=\"k-file-single\">\n <span className=\"k-progress\" style={progress0Style}></span>\n <span className=\"k-file-extension-wrapper\">\n <span className=\"k-file-extension\">jpg</span>\n <span className=\"k-file-state\"></span>\n </span>\n <span className=\"k-file-name-size-wrapper\">\n <span className=\"k-file-name\">Image_With_Very_Very_Very_Very_Very_Long_Name2.jpg</span>\n <span className=\"k-file-size\">106.43 KB</span>\n </span>\n <strong className=\"k-upload-status\">\n <Button fillMode=\"flat\" className=\"k-upload-action\" icon=\"close\"></Button>\n </strong>\n </div>\n </li>\n </ul>\n <ActionButtons alignment=\"end\">\n <Button className=\"k-clear-selected\">Clear</Button>\n <Button themeColor=\"primary\" className=\"k-upload-selected\">Upload</Button>\n </ActionButtons>\n </div>\n </section>\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n children?: React.ReactNode;\n className?: string;\n dir?: string;\n style?: React.CSSProperties;\n iconClassName?: string;\n text?: string;\n icon?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n showArrow?: boolean;\n arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid',\n themeColor: 'base',\n showArrow: false,\n arrowIconName: 'arrow-s'\n };\n\n render() {\n const {\n children,\n className,\n iconClassName,\n text,\n icon,\n size,\n rounded,\n fillMode,\n themeColor,\n hover,\n focus,\n active,\n selected,\n disabled,\n showArrow,\n arrowIconName,\n ...htmlAttributes\n } = this.props;\n\n const hasIcon = (icon !== undefined);\n const hasChildren = children !== undefined;\n\n return (\n <button\n style={this.props.style}\n {...htmlAttributes}\n dir={this.props.dir}\n className={classNames(\n className,\n 'k-button',\n {\n [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-button-${fillMode}`]: fillMode,\n [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-icon-button': !hasChildren && hasIcon,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n {text\n ?\n <>\n {text && <span className=\"k-button-text\">{text}</span>}\n {children}\n </>\n : children && <span className=\"k-button-text\">{children}</span>\n }\n\n {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n </button>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\n },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface ActionButtonsProps {\n children?: React.ReactElement<ButtonProps>|React.ReactElement<ButtonProps>[];\n className?: string;\n alignment?: 'start' | 'center' | 'end' | 'stretched';\n orientation?: 'horizontal' | 'vertical';\n}\n\nexport class ActionButtons extends React.Component<ActionButtonsProps> {\n\n static defaultProps = {\n alignment: 'start',\n orientation: 'horizontal'\n };\n\n render() {\n const {\n children,\n className,\n alignment,\n orientation,\n ...htmlAttributes\n } = this.props;\n\n return (\n <div\n {...htmlAttributes}\n className={classNames(\n 'k-actions',\n {\n [`k-actions-${alignment}`]: alignment,\n [`k-actions-${orientation}`]: orientation\n },\n className\n )}>\n {children}\n </div>\n );\n }\n}\n"],
5
- "mappings": "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",
6
- "names": ["React", "style", "React", "ReactDOM", "React"]
3
+ "sources": ["../../../src/upload/tests/upload-react.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n #test-area section {\n max-width: 400px;\n }\n`;\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n\n <section>\n <div className=\"k-widget k-upload\">\n <div className=\"k-dropzone\">\n <Button className=\"k-upload-button\">Select files...</Button>\n <em className=\"k-dropzone-hint k-hidden\">Drop files here to upload</em><strong className=\"k-upload-status k-upload-status-total\"><Icon name=\"upload\"></Icon>Uploading...</strong>\n </div>\n\n <ul className=\"k-upload-files k-reset\">\n <li className=\"k-file k-file-invalid\">\n <div className=\"k-file-single\">\n <div className=\"k-progressbar k-hidden\"><span className=\"k-progress\" style={{ width: \"60%\" }}></span></div>\n <span className=\"k-file-invalid-group-wrapper\"><Icon className=\"k-file-group\" name=\"file-image\"></Icon><span className=\"k-file-state\"></span></span>\n <span className=\"k-file-name-size-wrapper\">\n <span className=\"k-file-name k-file-name-invalid\">Video_File_with_Very_Very_Very_Very_Long_Name.jpg</span>\n <span className=\"k-file-validation-message k-text-error\">File type not allowed.</span>\n </span>\n <strong className=\"k-upload-status\">\n <Button icon=\"close\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n </strong>\n </div>\n </li>\n <li className=\"k-file k-file-progress\">\n <div className=\"k-progressbar\"><span className=\"k-progress\" style={{ width: \"60%\" }}></span></div>\n <span className=\"k-file-group-wrapper\"><Icon className=\"k-file-group\" name=\"file-pdf\"></Icon><span className=\"k-file-state\">uploaded</span></span>\n <span className=\"k-file-name-size-wrapper\">\n <span className=\"k-file-name\">Document.txt</span>\n <span className=\"k-file-size\">225.68 KB</span>\n </span>\n <strong className=\"k-upload-status\">\n <Button icon=\"close\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n </strong>\n </li>\n </ul>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-upload\">\n <div className=\"k-dropzone\">\n <Button className=\"k-upload-button\">Select files...</Button>\n <em className=\"k-dropzone-hint k-hidden\">Drop files here to upload</em><strong className=\"k-upload-status k-upload-status-total\"><Icon name=\"check\"></Icon>Done</strong>\n </div>\n <ul className=\"k-upload-files k-reset\">\n <li className=\"k-file k-file-success\">\n <div className=\"k-file-multiple\">\n <div className=\"k-progressbar\" hidden><span className=\"k-progress\" style={{ width: \"0%\" }}></span></div>\n <span className=\"k-multiple-files-group-wrapper\"><Icon className=\"k-file-group\" name=\"files\"></Icon><span className=\"k-file-state\">uploaded</span></span>\n <span className=\"k-multiple-files-wrapper\">\n <span className=\"k-file-name-size-wrapper\"><span className=\"k-file-name\">Video_File_with_Very_Very_Very_Very_Long_Name.png</span><span className=\"k-file-size\">19.61 KB</span></span>\n <span className=\"k-file-name-size-wrapper\"> <span className=\"k-file-name\">Video_File_with_Very_Very_Very_VeryLong_Name2.jpg</span><span className=\"k-file-size\">106.43 KB</span> </span>\n <span className=\"k-file-name-size-wrapper\"> <span className=\"k-file-name\">Video3.png</span><span className=\"k-file-size\">24.34 KB</span> </span>\n <span className=\"k-file-name-size-wrapper\"> <span className=\"k-file-name\">Video4.png</span><span className=\"k-file-size\">19.85 KB</span> </span>\n <span className=\"k-file-information k-hidden\">Total: 4 files, 170.22 KB</span><span className=\"k-file-validation-message k-text-success\">4 File(s) uploaded successfully.</span>\n </span>\n <strong className=\"k-upload-status\">\n <Button icon=\"close\" fillMode=\"flat\" className=\"k-upload-action\"></Button>\n </strong>\n </div>\n </li>\n </ul>\n </div>\n </section>\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n children?: React.ReactNode;\n className?: string;\n dir?: string;\n style?: React.CSSProperties;\n iconClassName?: string;\n text?: string;\n icon?: string;\n size?: null | 'small' | 'medium' | 'large';\n rounded: null | 'small' | 'medium' | 'large' | 'full';\n fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n hover?: boolean;\n focus?: boolean;\n active?: boolean;\n selected?: boolean;\n disabled?: boolean;\n showArrow?: boolean;\n arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n static defaultProps = {\n size: 'medium',\n rounded: 'medium',\n fillMode: 'solid',\n themeColor: 'base',\n showArrow: false,\n arrowIconName: 'arrow-s'\n };\n\n render() {\n const {\n children,\n className,\n iconClassName,\n text,\n icon,\n size,\n rounded,\n fillMode,\n themeColor,\n hover,\n focus,\n active,\n selected,\n disabled,\n showArrow,\n arrowIconName,\n ...htmlAttributes\n } = this.props;\n\n const hasIcon = (icon !== undefined);\n const hasChildren = children !== undefined;\n\n return (\n <button\n style={this.props.style}\n {...htmlAttributes}\n dir={this.props.dir}\n className={classNames(\n className,\n 'k-button',\n {\n [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n [`k-button-${fillMode}`]: fillMode,\n [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n 'k-icon-button': !hasChildren && hasIcon,\n 'k-hover': hover,\n 'k-focus': focus,\n 'k-active': active,\n 'k-selected': selected,\n 'k-disabled': disabled\n }\n )}>\n {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n {text\n ?\n <>\n {text && <span className=\"k-button-text\">{text}</span>}\n {children}\n </>\n : children && <span className=\"k-button-text\">{children}</span>\n }\n\n {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n </button>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n", "export interface KendoThemeMaps {\n sizeMap: Record<Exclude<any, null>, string>;\n roundedMap: Record<Exclude<any, null>, string>;\n calloutMap: Record<Exclude<any, null>, string>;\n orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n sizeMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n roundedMap: {\n small: 'sm',\n medium: 'md',\n large: 'lg'\n },\n calloutMap: {\n top: 'n',\n bottom: 's',\n left: 'w',\n right: 'e'\n },\n orientationMap: {\n vertical: 'vstack',\n horizontal: 'hstack',\n },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["React", "style", "ReactDOM", "React"]
7
7
  }
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": "5.6.1-dev.3",
4
+ "version": "5.6.1-dev.4",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -42,9 +42,9 @@
42
42
  },
43
43
  "devDependencies": {
44
44
  "@types/react": "^18.0.2",
45
- "esbuild": "^0.14.36",
45
+ "esbuild": "^0.15.0",
46
46
  "glob": "^8.0.3",
47
47
  "typescript": "^4.7.2"
48
48
  },
49
- "gitHead": "dd570d41f4941a81814d63d80c89ea4de2219a5d"
49
+ "gitHead": "ec73820fbd707fe409e334e0c3aa29af1a23b963"
50
50
  }
package/src/datetime-selector/tests/datetime-selector.tsx CHANGED
@@ -117,7 +117,7 @@ root.render(
117
117
  </div>
118
118
  </div>
119
119
  <div className="k-time-separator">:</div>
120
- <div className="k-time-list-wrapper k-state-focused">
120
+ <div className="k-time-list-wrapper k-focus">
121
121
  <span className="k-title">Minute</span>
122
122
  <div className="k-time-list">
123
123
  <div className="k-content k-scrollable k-time-container">
package/src/dialog/tests/dialog-in-window.tsx CHANGED
@@ -29,8 +29,8 @@ root.render(
29
29
  <section>
30
30
  <div className="k-widget k-window k-window-wrapper">
31
31
  <div className="k-window-titlebar k-header">
32
- <div className="k-window-title k-dialog-title">Window with dialog</div>
33
- <div className="k-window-actions k-dialog-actions">
32
+ <div className="k-window-title">Window with dialog</div>
33
+ <div className="k-window-actions">
34
34
  <Button fillMode="flat" icon="window-minimize"></Button>
35
35
  <Button fillMode="flat" icon="window-maximize"></Button>
36
36
  <Button fillMode="flat" icon="close"></Button>
package/src/editor/tests/editor-jquery.tsx CHANGED
@@ -246,55 +246,55 @@ root.render(
246
246
  <section>
247
247
  <div className="k-animation-container" style={{ width: "166px", height: "254px", overflow: "visible", display: "inline-block", position: "relative" }}>
248
248
  <div className="k-ct-popup k-popup k-group k-reset k-state-border-up" style={{ display: "block", position: "absolute", width: '100%' }}>
249
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
250
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
251
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
252
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
253
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
254
- <span className="k-ct-cell k-state-disabled"></span>
255
- <span className="k-ct-cell k-state-disabled"></span>
256
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
257
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
258
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
259
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
260
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
261
- <span className="k-ct-cell k-state-disabled"></span>
262
- <span className="k-ct-cell k-state-disabled"></span>
263
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
264
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
265
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
266
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
267
- <span className="k-ct-cell k-state-disabled k-state-selected"></span>
268
- <span className="k-ct-cell k-state-disabled"></span>
269
- <span className="k-ct-cell k-state-disabled"></span>
270
- <span className="k-ct-cell k-state-disabled"></span>
271
- <span className="k-ct-cell k-state-disabled"></span>
272
- <span className="k-ct-cell k-state-disabled"></span>
273
- <span className="k-ct-cell k-state-disabled"></span>
274
- <span className="k-ct-cell k-state-disabled"></span>
275
- <span className="k-ct-cell k-state-disabled"></span>
276
- <span className="k-ct-cell k-state-disabled"></span>
277
- <span className="k-ct-cell k-state-disabled"></span>
278
- <span className="k-ct-cell k-state-disabled"></span>
279
- <span className="k-ct-cell k-state-disabled"></span>
280
- <span className="k-ct-cell k-state-disabled"></span>
281
- <span className="k-ct-cell k-state-disabled"></span>
282
- <span className="k-ct-cell k-state-disabled"></span>
283
- <span className="k-ct-cell k-state-disabled"></span>
284
- <span className="k-ct-cell k-state-disabled"></span>
285
- <span className="k-ct-cell k-state-disabled"></span>
286
- <span className="k-ct-cell k-state-disabled"></span>
287
- <span className="k-ct-cell k-state-disabled"></span>
288
- <span className="k-ct-cell k-state-disabled"></span>
289
- <span className="k-ct-cell k-state-disabled"></span>
290
- <span className="k-ct-cell k-state-disabled"></span>
291
- <span className="k-ct-cell k-state-disabled"></span>
292
- <span className="k-ct-cell k-state-disabled"></span>
293
- <span className="k-ct-cell k-state-disabled"></span>
294
- <span className="k-ct-cell k-state-disabled"></span>
295
- <span className="k-ct-cell k-state-disabled"></span>
296
- <span className="k-ct-cell k-state-disabled"></span>
297
- <span className="k-ct-cell k-state-disabled"></span>
249
+ <span className="k-ct-cell k-disabled k-selected"></span>
250
+ <span className="k-ct-cell k-disabled k-selected"></span>
251
+ <span className="k-ct-cell k-disabled k-selected"></span>
252
+ <span className="k-ct-cell k-disabled k-selected"></span>
253
+ <span className="k-ct-cell k-disabled k-selected"></span>
254
+ <span className="k-ct-cell k-disabled"></span>
255
+ <span className="k-ct-cell k-disabled"></span>
256
+ <span className="k-ct-cell k-disabled k-selected"></span>
257
+ <span className="k-ct-cell k-disabled k-selected"></span>
258
+ <span className="k-ct-cell k-disabled k-selected"></span>
259
+ <span className="k-ct-cell k-disabled k-selected"></span>
260
+ <span className="k-ct-cell k-disabled k-selected"></span>
261
+ <span className="k-ct-cell k-disabled"></span>
262
+ <span className="k-ct-cell k-disabled"></span>
263
+ <span className="k-ct-cell k-disabled k-selected"></span>
264
+ <span className="k-ct-cell k-disabled k-selected"></span>
265
+ <span className="k-ct-cell k-disabled k-selected"></span>
266
+ <span className="k-ct-cell k-disabled k-selected"></span>
267
+ <span className="k-ct-cell k-disabled k-selected"></span>
268
+ <span className="k-ct-cell k-disabled"></span>
269
+ <span className="k-ct-cell k-disabled"></span>
270
+ <span className="k-ct-cell k-disabled"></span>
271
+ <span className="k-ct-cell k-disabled"></span>
272
+ <span className="k-ct-cell k-disabled"></span>
273
+ <span className="k-ct-cell k-disabled"></span>
274
+ <span className="k-ct-cell k-disabled"></span>
275
+ <span className="k-ct-cell k-disabled"></span>
276
+ <span className="k-ct-cell k-disabled"></span>
277
+ <span className="k-ct-cell k-disabled"></span>
278
+ <span className="k-ct-cell k-disabled"></span>
279
+ <span className="k-ct-cell k-disabled"></span>
280
+ <span className="k-ct-cell k-disabled"></span>
281
+ <span className="k-ct-cell k-disabled"></span>
282
+ <span className="k-ct-cell k-disabled"></span>
283
+ <span className="k-ct-cell k-disabled"></span>
284
+ <span className="k-ct-cell k-disabled"></span>
285
+ <span className="k-ct-cell k-disabled"></span>
286
+ <span className="k-ct-cell k-disabled"></span>
287
+ <span className="k-ct-cell k-disabled"></span>
288
+ <span className="k-ct-cell k-disabled"></span>
289
+ <span className="k-ct-cell k-disabled"></span>
290
+ <span className="k-ct-cell k-disabled"></span>
291
+ <span className="k-ct-cell k-disabled"></span>
292
+ <span className="k-ct-cell k-disabled"></span>
293
+ <span className="k-ct-cell k-disabled"></span>
294
+ <span className="k-ct-cell k-disabled"></span>
295
+ <span className="k-ct-cell k-disabled"></span>
296
+ <span className="k-ct-cell k-disabled"></span>
297
+ <span className="k-ct-cell k-disabled"></span>
298
298
  <div className="k-status">Create a 3 x 5 table</div>
299
299
  <div>
300
300
  <Button icon="table-wizard">Table Wizard</Button>
package/src/icon/tests/icons.tsx CHANGED
@@ -46,7 +46,7 @@ const icons = [
46
46
  "grid-layout",
47
47
  "group",
48
48
  "ungroup",
49
- "handler-drag",
49
+ "handle-drag",
50
50
  "layout",
51
51
  "layout-1-by-4",
52
52
  "layout-2-by-2",
@@ -244,7 +244,7 @@ const icons = [
244
244
  "snap-grid",
245
245
  "snap-to-gridlines",
246
246
  "snap-to-snaplines",
247
- "dimentions",
247
+ "dimensions",
248
248
  "align-self-stretch",
249
249
  "align-self-stretch-alt",
250
250
  "align-items-start",
@@ -517,8 +517,8 @@ const icons = [
517
517
  "file-horizontal",
518
518
  "subreport",
519
519
  "data",
520
- "report-header-section",
521
- "report-footer-section",
520
+ "file-header",
521
+ "file-footer",
522
522
  "group-header-section",
523
523
  "group-footer-section",
524
524
  "page-header-section",
@@ -596,7 +596,7 @@ const icons = [
596
596
  "color-canvas",
597
597
  "handle-resize-alt",
598
598
  "handle-resize",
599
- "blockquote",
599
+ "right-double-quotes",
600
600
  "list-latin-big",
601
601
  "list-latin-small",
602
602
  "list-unordered-square",
package/src/scheduler/tests/scheduler-angular-day-rtl.tsx CHANGED
@@ -60,7 +60,7 @@ root.render(
60
60
  <tr><td style={{ height: "46px" }}></td></tr>
61
61
  </tbody>
62
62
  </table>
63
- <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", display: "block", width: "454px", right: "1px", top: '0px', height: "25px" }} className="k-event">
63
+ <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "454px", right: "1px", top: '0px', height: "25px" }} className="k-event">
64
64
  <span className="k-event-actions"><Icon name="arrow-e"></Icon></span>
65
65
  <div><div className="k-event-template">Attending HR Conference</div></div>
66
66
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span>
@@ -149,7 +149,7 @@ root.render(
149
149
  </tbody>
150
150
  </table>
151
151
 
152
- <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", display: "block", width: "56px", right: "3px", top: "37px", height: "443px" }} className="k-event">
152
+ <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "56px", right: "3px", top: "37px", height: "443px" }} className="k-event">
153
153
  <span className="k-event-actions"></span>
154
154
  <div>
155
155
  <div className="k-event-template k-event-time">8:30 AM - 2:30 PM</div>
@@ -159,7 +159,7 @@ root.render(
159
159
  <span className="k-resize-handle k-resize-n"></span>
160
160
  <span className="k-resize-handle k-resize-s"></span>
161
161
  </div>
162
- <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", display: "block", width: "54px", right: "61px", top: "259px", height: "73px" }} className="k-event">
162
+ <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "54px", right: "61px", top: "259px", height: "73px" }} className="k-event">
163
163
  <span className="k-event-actions"></span>
164
164
  <div>
165
165
  <div className="k-event-template k-event-time">11:30 AM - 12:30 PM</div>
@@ -169,7 +169,7 @@ root.render(
169
169
  <span className="k-resize-handle k-resize-n"></span>
170
170
  <span className="k-resize-handle k-resize-s"></span>
171
171
  </div>
172
- <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", display: "block", width: "54px", right: "117px", top: "259px", height: "73px" }} className="k-event">
172
+ <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "54px", right: "117px", top: "259px", height: "73px" }} className="k-event">
173
173
  <span className="k-event-actions"></span>
174
174
  <div>
175
175
  <div className="k-event-template k-event-time">11:30 AM - 12:30 PM</div>
@@ -179,7 +179,7 @@ root.render(
179
179
  <span className="k-resize-handle k-resize-n"></span>
180
180
  <span className="k-resize-handle k-resize-s"></span>
181
181
  </div>
182
- <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", display: "block", width: "54px", right: "173px", top: "259px", height: "73px" }} className="k-event">
182
+ <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "54px", right: "173px", top: "259px", height: "73px" }} className="k-event">
183
183
  <span className="k-event-actions"></span>
184
184
  <div>
185
185
  <div className="k-event-template k-event-time">11:30 AM - 12:30 PM</div>
@@ -189,7 +189,7 @@ root.render(
189
189
  <span className="k-resize-handle k-resize-n"></span>
190
190
  <span className="k-resize-handle k-resize-s"></span>
191
191
  </div>
192
- <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", display: "block", width: "54px", right: "229px", top: "259px", height: "73px" }} className="k-event">
192
+ <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "54px", right: "229px", top: "259px", height: "73px" }} className="k-event">
193
193
  <span className="k-event-actions"></span>
194
194
  <div>
195
195
  <div className="k-event-template k-event-time">11:30 AM - 12:30 PM</div>
@@ -199,7 +199,7 @@ root.render(
199
199
  <span className="k-resize-handle k-resize-n"></span>
200
200
  <span className="k-resize-handle k-resize-s"></span>
201
201
  </div>
202
- <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", display: "block", width: "54px", right: "285px", top: "259px", height: "73px" }} className="k-event">
202
+ <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "54px", right: "285px", top: "259px", height: "73px" }} className="k-event">
203
203
  <span className="k-event-actions"></span>
204
204
  <div>
205
205
  <div className="k-event-template k-event-time">11:30 AM - 12:30 PM</div>
@@ -209,7 +209,7 @@ root.render(
209
209
  <span className="k-resize-handle k-resize-n"></span>
210
210
  <span className="k-resize-handle k-resize-s"></span>
211
211
  </div>
212
- <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", display: "block", width: "54px", right: "341px", top: "259px", height: "73px" }} className="k-event">
212
+ <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "54px", right: "341px", top: "259px", height: "73px" }} className="k-event">
213
213
  <span className="k-event-actions"></span>
214
214
  <div>
215
215
  <div className="k-event-template k-event-time">11:30 AM - 12:30 PM</div>
@@ -219,7 +219,7 @@ root.render(
219
219
  <span className="k-resize-handle k-resize-n"></span>
220
220
  <span className="k-resize-handle k-resize-s"></span>
221
221
  </div>
222
- <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", display: "block", width: "393px", right: "61px", top: "370px", height: "73px" }} className="k-event">
222
+ <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "393px", right: "61px", top: "370px", height: "73px" }} className="k-event">
223
223
  <span className="k-event-actions"></span>
224
224
  <div>
225
225
  <div className="k-event-template k-event-time">1:00 PM - 2:00 PM</div>
@@ -229,7 +229,7 @@ root.render(
229
229
  <span className="k-resize-handle k-resize-n"></span>
230
230
  <span className="k-resize-handle k-resize-s"></span>
231
231
  </div>
232
- <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", display: "block", width: "54px", right: "397px", top: "259px", height: "36px" }} className="k-event">
232
+ <div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "54px", right: "397px", top: "259px", height: "36px" }} className="k-event">
233
233
  <span className="k-event-actions"></span>
234
234
  <div>
235
235
  <div className="k-event-template k-event-time">11:30 AM - 12:00 PM</div>
@@ -239,7 +239,7 @@ root.render(
239
239
  <span className="k-resize-handle k-resize-n"></span>
240
240
  <span className="k-resize-handle k-resize-s"></span>
241
241
  </div>
242
- <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", display: "block", width: "393px", right: "61px", top: "333px", height: "36px" }} className="k-event">
242
+ <div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "393px", right: "61px", top: "333px", height: "36px" }} className="k-event">
243
243
  <span className="k-event-actions"></span>
244
244
  <div>
245
245
  <div className="k-event-template k-event-time">12:30 PM - 1:00 PM</div>
package/src/scheduler/tests/scheduler-angular-rtl.tsx CHANGED
@@ -83,7 +83,7 @@ root.render(
83
83
  </tr>
84
84
  </tbody>
85
85
  </table>
86
- <div className="k-event" style={{ display: "block", width: "300px", right: "304px", top: '0px', height: "25px" }} >
86
+ <div className="k-event" style={{ width: "300px", right: "304px", top: '0px', height: "25px" }} >
87
87
  <span className="k-event-actions"></span>
88
88
  <div><div className="k-event-template">Attending HR Conference</div></div>
89
89
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span>
@@ -364,7 +364,7 @@ root.render(
364
364
  </tr>
365
365
  </tbody>
366
366
  </table>
367
- <div className="k-event" style={{ display: "block", width: "150px", right: "306px", top: '0px', height: "73px" }} >
367
+ <div className="k-event" style={{ width: "150px", right: "306px", top: '0px', height: "73px" }} >
368
368
  <span className="k-event-actions"><Icon name="reload"></Icon></span>
369
369
  <div>
370
370
  <div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
@@ -373,7 +373,7 @@ root.render(
373
373
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span>
374
374
  </div>
375
375
 
376
- <div className="k-event k-event-drag-hint" style={{ display: "block", width: "150px", right: "631px", top: '0px', height: "73px" }} >
376
+ <div className="k-event k-event-drag-hint" style={{ width: "150px", right: "631px", top: '0px', height: "73px" }} >
377
377
  <span className="k-event-actions"><Icon name="reload"></Icon></span>
378
378
  <div>
379
379
  <div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
package/src/scheduler/tests/scheduler-angular.tsx CHANGED
@@ -83,7 +83,7 @@ root.render(
83
83
  </tr>
84
84
  </tbody>
85
85
  </table>
86
- <div className="k-event" style={{ display: "block", width: "300px", left: "304px", top: '0px', height: "25px" }} >
86
+ <div className="k-event" style={{ width: "300px", left: "304px", top: '0px', height: "25px" }} >
87
87
  <span className="k-event-actions"></span>
88
88
  <div><div className="k-event-template">Attending HR Conference</div></div>
89
89
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span>
@@ -364,7 +364,7 @@ root.render(
364
364
  </tr>
365
365
  </tbody>
366
366
  </table>
367
- <div className="k-event" style={{ display: "block", width: "150px", left: "306px", top: '0px', height: "73px" }} >
367
+ <div className="k-event" style={{ width: "150px", left: "306px", top: '0px', height: "73px" }} >
368
368
  <span className="k-event-actions"><Icon name="reload"></Icon></span>
369
369
  <div>
370
370
  <div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
@@ -373,7 +373,7 @@ root.render(
373
373
  <span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span>
374
374
  </div>
375
375
 
376
- <div className="k-event k-event-drag-hint" style={{ display: "block", width: "150px", left: "631px", top: '0px', height: "73px" }} >
376
+ <div className="k-event k-event-drag-hint" style={{ width: "150px", left: "631px", top: '0px', height: "73px" }} >
377
377
  <span className="k-event-actions"><Icon name="reload"></Icon></span>
378
378
  <div>
379
379
  <div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
package/src/scheduler/tests/scheduler-jquery-agenda.tsx CHANGED
@@ -76,7 +76,7 @@ root.render(
76
76
  </div>
77
77
  </td>
78
78
  </tr>
79
- <tr className="k-state-hover">
79
+ <tr className="k-hover">
80
80
  <td className="k-scheduler-datecolumn k-first"><strong className="k-scheduler-agendaday">14</strong><em className="k-scheduler-agendaweek">Friday</em><span className="k-scheduler-agendadate">June, 2013</span></td>
81
81
  <td className="k-scheduler-timecolumn"><div>all day</div></td>
82
82
  <td>
@@ -87,7 +87,7 @@ root.render(
87
87
  </div>
88
88
  </td>
89
89
  </tr>
90
- <tr className="k-state-selected">
90
+ <tr className="k-selected">
91
91
  <td className="k-scheduler-datecolumn k-first"><strong className="k-scheduler-agendaday">17</strong><em className="k-scheduler-agendaweek">Monday</em><span className="k-scheduler-agendadate">June, 2013</span></td>
92
92
  <td className="k-scheduler-timecolumn"><div>6:30 PM-8:00 PM</div></td>
93
93
  <td>
package/src/time-selector/tests/time-selector.tsx CHANGED
@@ -35,7 +35,7 @@ root.render(
35
35
  </div>
36
36
  <div className="k-time-list-container">
37
37
  <span className="k-time-highlight"></span>
38
- <div className="k-time-list-wrapper k-state-focused">
38
+ <div className="k-time-list-wrapper k-focus">
39
39
  <span className="k-title">hour</span>
40
40
  <div className="k-time-list">
41
41
  <div className="k-time-container k-content k-scrollable">
@@ -276,7 +276,7 @@ root.render(
276
276
  </div>
277
277
  </div>
278
278
  <div className="k-time-separator">:</div>
279
- <div className="k-time-list-wrapper k-state-focused">
279
+ <div className="k-time-list-wrapper k-focus">
280
280
  <span className="k-title">Minute</span>
281
281
  <div className="k-time-list">
282
282
  <div className="k-content k-scrollable k-time-container">
package/src/time-selector/time-selector.tsx CHANGED
@@ -80,7 +80,7 @@ export class TimeSelector extends React.Component<TimeSelectorProps> {
80
80
  </div>
81
81
  </div>
82
82
  <div className="k-time-separator">:</div>
83
- <div className="k-time-list-wrapper k-state-focused">
83
+ <div className="k-time-list-wrapper k-focus">
84
84
  <span className="k-title">Minute</span>
85
85
  <div className="k-time-list">
86
86
  <div className="k-content k-scrollable k-time-container">