@progress/kendo-themes-html 6.7.0-dev.4 → 6.7.0-dev.6

package/dist/esm/wizard/tests/wizard-vertical.js

@@ -322,6 +322,7 @@ __export(index_es_exports, {
   boldIcon: () => boldIcon,
   bookIcon: () => bookIcon,
   borderBottomIcon: () => borderBottomIcon,
+  borderColorIcon: () => borderColorIcon,
   borderLeftIcon: () => borderLeftIcon,
   borderRadiusBottomLeftIcon: () => borderRadiusBottomLeftIcon,
   borderRadiusBottomRightIcon: () => borderRadiusBottomRightIcon,
@@ -335,6 +336,7 @@ __export(index_es_exports, {
   borderStyleRightIcon: () => borderStyleRightIcon,
   borderStyleTopIcon: () => borderStyleTopIcon,
   borderTopIcon: () => borderTopIcon,
+  borderTypeIcon: () => borderTypeIcon,
   bordersAllIcon: () => bordersAllIcon,
   bordersInsideHorizontalIcon: () => bordersInsideHorizontalIcon,
   bordersInsideIcon: () => bordersInsideIcon,
@@ -564,6 +566,8 @@ __export(index_es_exports, {
   folderOpenIcon: () => folderOpenIcon,
   folderUpIcon: () => folderUpIcon,
   fontFamilyIcon: () => fontFamilyIcon,
+  fontGrowIcon: () => fontGrowIcon,
+  fontShrinkIcon: () => fontShrinkIcon,
   fontSizeIcon: () => fontSizeIcon,
   foregroundColorIcon: () => foregroundColorIcon,
   formElementIcon: () => formElementIcon,
@@ -855,6 +859,10 @@ __export(index_es_exports, {
   tellAFriendBoxIcon: () => tellAFriendBoxIcon,
   tellAFriendIcon: () => tellAFriendIcon,
   templateManagerIcon: () => templateManagerIcon,
+  textClipIcon: () => textClipIcon,
+  textOverflowIcon: () => textOverflowIcon,
+  textTruncateIcon: () => textTruncateIcon,
+  textWrapArrowIcon: () => textWrapArrowIcon,
   textWrapIcon: () => textWrapIcon,
   textareaIcon: () => textareaIcon,
   textboxHiddenIcon: () => textboxHiddenIcon,
@@ -899,6 +907,8 @@ __export(index_es_exports, {
   volumeDownIcon: () => volumeDownIcon,
   volumeMuteIcon: () => volumeMuteIcon,
   volumeUpIcon: () => volumeUpIcon,
+  warningCircleIcon: () => warningCircleIcon,
+  warningTriangleIcon: () => warningTriangleIcon,
   wholeWordIcon: () => wholeWordIcon,
   windowIcon: () => windowIcon,
   windowMinimizeIcon: () => windowMinimizeIcon,
@@ -1521,6 +1531,56 @@ var envelopeIcon = {
   content: '<path d="M64 96c-17.7 0-32 14.3-32 32v256c0 17.7 14.3 32 32 32h384c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32H64zm23.7 32L256 296.3 424.3 128c11 2.9 19.7 11.6 22.6 22.6L342.6 254.9l104.3 104.3c-2.9 11-11.6 19.7-22.6 22.6L320 277.5l-64 64-64-64L87.7 381.8c-11-2.9-19.7-11.6-22.6-22.6l104.3-104.3L65.1 150.6c2.9-11 11.6-19.7 22.6-22.6z" />',
   viewBox: "0 0 512 512"
 };
+var warningCircleIcon = {
+  name: "warning-circle",
+  content: '<path d="M256 480c123.7 0 224-100.3 224-224S379.7 32 256 32 32 132.3 32 256s100.3 224 224 224Zm-32-352v160h64V128h-64Zm0 256v-64h64v64h-64Z" />',
+  viewBox: "0 0 512 512"
+};
+var warningTriangleIcon = {
+  name: "warning-triangle",
+  content: '<path d="M256 32 0 480h512L256 32Zm-32 160h64v160h-64V192Zm0 256v-64h64v64h-64Z" />',
+  viewBox: "0 0 512 512"
+};
+var fontGrowIcon = {
+  name: "font-grow",
+  content: '<path d="m384 32-96 128h192L384 32ZM222 96h-60L32 480h60l32.4-96h135.2l32.4 96h60L222 96Zm-78 230.4 48-141.7 48 141.7h-96Z" />',
+  viewBox: "0 0 512 512"
+};
+var fontShrinkIcon = {
+  name: "font-shrink",
+  content: '<path d="m384 160 96-128H288l96 128Zm-152 0h-48L80 480h48l25.9-80h108.2l25.9 80h48L232 160Zm-62.4 192L208 233.9 246.4 352h-76.8Z" />',
+  viewBox: "0 0 512 512"
+};
+var textOverflowIcon = {
+  name: "text-overflow",
+  content: '<path d="M288 304v176h32V304h-32zm0-272v176h32V32h-32zM64 32v448h32V32H64zm288 288v-48H128v-32h224v-48l96 64-96 64z" />',
+  viewBox: "0 0 512 512"
+};
+var textWrapArrowIcon = {
+  name: "text-wrap-arrow",
+  content: '<path d="M64 176v32h384v-32H64Zm0-64v32h384v-32H64Zm0 256v32h160v-32H64Zm0-64v32h160v-32H64Zm0 128v32h160v-32H64Zm288-32v.12c5.22.04 10.43.04 16.04-.12H352Zm94.44-64.64c-1.28 7.68-4.16 15.04-8 22.4-2.06 3.65-4.27 7.06-6.65 10.24-15.2 20.5-36.6 31.17-63.75 32H352v48l-96-64 96-64v48h14.12c18.88 0 33.28-7.68 43.2-23.68 2.24-3.84 3.84-7.68 5.12-11.52 2.24-8.32 2.24-16.96 0-24.96-2.88-10.56-9.28-20.48-18.88-26.88-8.64-6.08-18.24-8.96-28.8-8.96H64v-32h305.32c34.24.32 65.6 24.32 75.2 56.96.96 3.2 1.6 6.08 1.92 9.28 1.92 9.92 2.24 19.52 0 29.12ZM64 48v32h384V48H64Z" />',
+  viewBox: "0 0 512 512"
+};
+var textTruncateIcon = {
+  name: "text-truncate",
+  content: '<path d="M448 32v384h-32V64H95.92L96 480H64V32h384Zm0 416h-32v32h32v-32Zm-64 .08h-31.92V480H384v-31.92Zm-64-.08h-32v32h32v-32Z" />',
+  viewBox: "0 0 512 512"
+};
+var textClipIcon = {
+  name: "text-clip",
+  content: '<path d="M64 32v448h32V32H64Zm384 448V32h-32v448h32ZM320 320v-48H128v-32h192v-48l96 64-96 64Z" />',
+  viewBox: "0 0 512 512"
+};
+var borderColorIcon = {
+  name: "border-color",
+  content: '<path d="M480 384v96H168l95.9-96H480Zm-80-182.14L121.86 480H32v-89.86L310.14 112 400 201.86Zm-65.28-24.89-22.4-22.4L82.56 384.01l-5.44 5.44 22.72 22.72L128 384.01l206.72-207.04Zm136.02-45.98L426.03 176 336 86.29l45.01-45.02c12.36-12.36 32.33-12.36 45.01 0l44.71 45.02c12.36 12.04 12.36 32.33 0 44.69l.01.01Z" />',
+  viewBox: "0 0 512 512"
+};
+var borderTypeIcon = {
+  name: "border-type",
+  content: '<path d="M479 96H33v64h446V96ZM96 384c0-17.67-14.33-32-32-32s-32 14.33-32 32 14.33 32 32 32 32-14.33 32-32Zm128 0c0-17.67-14.33-32-32-32s-32 14.33-32 32 14.33 32 32 32 32-14.33 32-32Zm128 0c0-17.67-14.33-32-32-32s-32 14.33-32 32 14.33 32 32 32 32-14.33 32-32Zm128 0c0-17.67-14.33-32-32-32s-32 14.33-32 32 14.33 32 32 32 32-14.33 32-32ZM224 224H32v64h192v-64Zm256 0H288v64h192v-64Z" />',
+  viewBox: "0 0 512 512"
+};
 var undoIcon = {
   name: "undo",
   content: '<path d="M479.9 416c-57.7-56.6-136.7-96-223.9-96v128L32 256 256 64v128c122.2 0 221.5 102.4 223.9 224z" />',

package/dist/types/dateinput/dateinput.spec.d.ts

@@ -28,7 +28,6 @@ export declare const DateInput: {
     };
     className: string;
     defaultProps: {
-        showSpinButton: boolean;
         size: "medium";
         rounded: "medium";
         fillMode: "solid";

package/dist/types/index.d.ts

@@ -9,6 +9,7 @@ export * from './avatar/index';
 export * from './badge/index';
 export * from './chip/index';
 export * from './color-preview/index';
+export * from './loader/index';
 export * from './form/index';
 export * from './button/index';
 export * from './button-group/index';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-themes-html",
   "description": "A collection of HTML helpers used for developing Kendo UI themes",
-  "version": "6.7.0-dev.4",
+  "version": "6.7.0-dev.6",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -44,12 +44,12 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@progress/kendo-svg-icons": "^1.8.0",
+    "@progress/kendo-svg-icons": "^1.9.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.2"
   },
-  "gitHead": "a55f3840f62eb640cff3a1a170bad731c6ce84f1"
+  "gitHead": "e6d1d41be1eb43fe5d77be5b6f8b94d2f54c8b35"
 }

package/src/dateinput/dateinput.spec.tsx

@@ -2,7 +2,6 @@ import { classNames, States, Size, Roundness, FillMode } from '../misc';
 import {
     Input,
     InputInnerInput,
-    InputClearValue,
     InputLoadingIcon,
     InputValidationIcon
 } from '../input';
@@ -42,7 +41,6 @@ export type KendoDateInputProps = KendoDateInputOptions & {
 export type KendoDateInputState = { [K in (typeof states)[number]]?: boolean };
 
 const defaultProps = {
-    showSpinButton: true,
     size: Input.defaultProps.size,
     rounded: Input.defaultProps.rounded,
     fillMode: Input.defaultProps.fillMode
@@ -67,7 +65,7 @@ export const DateInput = (
         loading,
         disabled,
         readonly,
-        showSpinButton = defaultProps.showSpinButton,
+        showSpinButton,
         ...other
     } = props;
 
@@ -97,11 +95,6 @@ export const DateInput = (
             <InputLoadingIcon
                 loading={loading}
                 disabled={disabled} />
-            <InputClearValue
-                loading={loading}
-                disabled={disabled}
-                readonly={readonly}
-                value={value} />
             {showSpinButton && (
                 <SpinButton
                     className="k-input-spinner"

package/src/dateinput/tests/dateinput-flat.tsx

@@ -15,29 +15,29 @@ export default () =>(
             <span>DateInput Flat RTL</span>
 
             <div>
-                <DateInputNormal fillMode="flat" placeholder="placeholder..." />
+                <DateInputNormal showSpinButton={true} fillMode="flat" placeholder="placeholder..." />
             </div>
             <div dir="rtl">
-                <DateInputNormal fillMode="flat" placeholder="placeholder..." />
+                <DateInputNormal showSpinButton={true} fillMode="flat" placeholder="placeholder..." />
             </div>
 
             {[ 'normal', ...DateInput.states ].map((state) => (
                 <>
                     <div>
-                        <DateInputNormal { ...{ [state]: true }} fillMode="flat" value={state} />
+                        <DateInputNormal { ...{ [state]: true }} showSpinButton={true} fillMode="flat" value={state} />
                     </div>
 
                     <div dir="rtl">
-                        <DateInputNormal { ...{ [state]: true }} fillMode="flat" value={state} />
+                        <DateInputNormal { ...{ [state]: true }} showSpinButton={true} fillMode="flat" value={state} />
                     </div>
                 </>
             ))}
 
             <div>
-                <DateInputNormal value="invalid focus" fillMode="flat" invalid focus />
+                <DateInputNormal showSpinButton={true} value="invalid focus" fillMode="flat" invalid focus />
             </div>
             <div dir="rtl">
-                <DateInputNormal value="invalid focus" fillMode="flat" invalid focus />
+                <DateInputNormal showSpinButton={true} value="invalid focus" fillMode="flat" invalid focus />
             </div>
         </div>
     </>

package/src/dateinput/tests/dateinput-outline.tsx

@@ -16,29 +16,29 @@ export default () =>(
             <span>DateInput Outline RTL</span>
 
             <div>
-                <DateInputNormal fillMode="outline" placeholder="placeholder..." />
+                <DateInputNormal showSpinButton={true} fillMode="outline" placeholder="placeholder..." />
             </div>
             <div dir="rtl">
-                <DateInputNormal fillMode="outline" placeholder="placeholder..." />
+                <DateInputNormal showSpinButton={true} fillMode="outline" placeholder="placeholder..." />
             </div>
 
             {[ 'normal', ...DateInput.states ].map((state) => (
                 <>
                     <div>
-                        <DateInputNormal { ...{ [state]: true }} fillMode="outline" value={state} />
+                        <DateInputNormal { ...{ [state]: true }} showSpinButton={true} fillMode="outline" value={state} />
                     </div>
 
                     <div dir="rtl">
-                        <DateInputNormal { ...{ [state]: true }} fillMode="outline" value={state} />
+                        <DateInputNormal { ...{ [state]: true }} showSpinButton={true} fillMode="outline" value={state} />
                     </div>
                 </>
             ))}
 
             <div>
-                <DateInputNormal value="invalid focus" fillMode="outline" invalid focus />
+                <DateInputNormal showSpinButton={true} value="invalid focus" fillMode="outline" invalid focus />
             </div>
             <div dir="rtl">
-                <DateInputNormal value="invalid focus" fillMode="outline" invalid focus />
+                <DateInputNormal showSpinButton={true} value="invalid focus" fillMode="outline" invalid focus />
             </div>
 
         </div>

package/src/dateinput/tests/dateinput-size-rounded.tsx

@@ -22,7 +22,7 @@ export default () =>(
                     { DateInput.options.size.map((size) => (
                         <>
                             <div>
-                                <DateInputNormal size={size} rounded={rounded} value="DateInput"/>
+                                <DateInputNormal showSpinButton={true} size={size} rounded={rounded} value="DateInput"/>
                             </div>
                         </>
                     ))}

package/src/dateinput/tests/dateinput-solid.tsx

@@ -16,29 +16,29 @@ export default () =>(
             <span>DateInput RTL</span>
 
             <div>
-                <DateInputNormal placeholder="placeholder..." />
+                <DateInputNormal showSpinButton={true} placeholder="placeholder..." />
             </div>
             <div dir="rtl">
-                <DateInputNormal placeholder="placeholder..." />
+                <DateInputNormal showSpinButton={true} placeholder="placeholder..." />
             </div>
 
             {[ 'normal', ...DateInput.states ].map((state) => (
                 <>
                     <div>
-                        <DateInputNormal { ...{ [state]: true }} value={state} />
+                        <DateInputNormal { ...{ [state]: true }} showSpinButton={true} value={state} />
                     </div>
 
                     <div dir="rtl">
-                        <DateInputNormal { ...{ [state]: true }} value={state} />
+                        <DateInputNormal { ...{ [state]: true }} showSpinButton={true} value={state} />
                     </div>
                 </>
             ))}
 
             <div>
-                <DateInputNormal value="invalid focus" invalid focus />
+                <DateInputNormal showSpinButton={true} value="invalid focus" invalid focus />
             </div>
             <div dir="rtl">
-                <DateInputNormal value="invalid focus" invalid focus />
+                <DateInputNormal showSpinButton={true} value="invalid focus" invalid focus />
             </div>
 
         </div>

package/src/form/tests/form-field-dateinputs.tsx

@@ -27,7 +27,7 @@ export default () =>(
                     <FormField
                         label="DateInput:"
                         editor={
-                            <DateInput showSpinButton={false} />
+                            <DateInput />
                         }
                     >
                     </FormField>
@@ -74,7 +74,7 @@ export default () =>(
                     <FormField
                         label="DateInput:"
                         editor={
-                            <DateInput showSpinButton={false} />
+                            <DateInput />
                         }
                     >
                     </FormField>

package/src/grid/tests/grid-column-menu.tsx

@@ -88,7 +88,7 @@ export default () =>(
                                             <Checkbox />
                                             <span className="k-checkbox-label">Column 1</span>
                                         </label>
-                                        <label className="k-column-list-item">
+                                        <label className="k-column-list-item k-focus">
                                             <Checkbox />
                                             <span className="k-checkbox-label">Column 2</span>
                                         </label>
@@ -168,7 +168,7 @@ export default () =>(
                                             <Checkbox />
                                             <span className="k-checkbox-label">Column 1</span>
                                         </label>
-                                        <label className="k-column-list-item">
+                                        <label className="k-column-list-item k-focus">
                                             <Checkbox />
                                             <span className="k-checkbox-label">Column 2</span>
                                         </label>

package/src/index.ts

@@ -17,7 +17,7 @@ export * from './avatar/index';
 export * from './badge/index';
 export * from './chip/index';
 export * from './color-preview/index';
-// export * from './loader/index';
+export * from './loader/index';
 // export * from './skeleton/index';
 
 // Native forms