@progress/kendo-themes-html 14.0.0-dev.3 → 14.0.0-dev.5

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 (19) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/cjs/spreadsheet/demos/spreadsheet.js +1 -1
  3. package/dist/cjs/spreadsheet/spreadsheet-sheets-bar.js +1 -1
  4. package/dist/cjs/spreadsheet/spreadsheet-view.js +1 -1
  5. package/dist/cjs/spreadsheet/templates/spreadsheet-formula-open.js +1 -1
  6. package/dist/cjs/spreadsheet/templates/spreadsheet-normal.js +1 -1
  7. package/dist/esm/index.mjs +1 -1
  8. package/dist/esm/spreadsheet/demos/spreadsheet.mjs +1 -1
  9. package/dist/esm/spreadsheet/spreadsheet-sheets-bar.mjs +1 -1
  10. package/dist/esm/spreadsheet/spreadsheet-view.mjs +1 -1
  11. package/dist/esm/spreadsheet/templates/spreadsheet-formula-open.mjs +1 -1
  12. package/dist/esm/spreadsheet/templates/spreadsheet-normal.mjs +1 -1
  13. package/package.json +2 -2
  14. package/src/colorpicker/tests/colorpicker-size-rounded.tsx +34 -0
  15. package/src/spreadsheet/spreadsheet-sheets-bar.tsx +8 -8
  16. package/dist/types/loader/tests/loader-container-overlay.d.ts +0 -2
  17. package/src/colorpicker/tests/colorpicker-size.tsx +0 -28
  18. package/src/loader/tests/loader-container-overlay.tsx +0 -30
  19. /package/dist/types/colorpicker/tests/{colorpicker-size.d.ts → colorpicker-size-rounded.d.ts} +0 -0
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.0.0-dev.3",
4
+ "version": "14.0.0-dev.5",
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": "4212cd69151e72f64c0c73d994e020b5882e7727"
65
+ "gitHead": "e4940bedb197a2fd5923e82978532f175982b08a"
66
66
  }
package/src/colorpicker/tests/colorpicker-size-rounded.tsx ADDED
@@ -0,0 +1,34 @@
1
+ import { ColorPickerNormal, ColorPicker } from '../../colorpicker';
2
+
3
+ const styles = `
4
+ #test-area {
5
+ grid-template-columns: 120px repeat(4, 1fr);
6
+ justify-items: start;
7
+ }
8
+ `;
9
+
10
+ export default () => (
11
+ <>
12
+ <style>{styles}</style>
13
+ <div id="test-area" className="k-d-grid">
14
+ <span><small>rounded / size</small></span>
15
+ <span>undefined</span>
16
+ <span>small</span>
17
+ <span>medium</span>
18
+ <span>large</span>
19
+
20
+ { ColorPicker.options.rounded.map((rounded) => (
21
+ <>
22
+ <span>{ `${rounded}` }</span>
23
+ { ColorPicker.options.size.map((size) => (
24
+ <>
25
+ <section>
26
+ <ColorPickerNormal size={size} rounded={rounded} />
27
+ </section>
28
+ </>
29
+ ))}
30
+ </>
31
+ ))}
32
+ </div>
33
+ </>
34
+ );
package/src/spreadsheet/spreadsheet-sheets-bar.tsx CHANGED
@@ -17,22 +17,22 @@ export type KendoSpreadsheetSheetsBarProps = {
17
17
  const defaultTabStripItems = (
18
18
  <>
19
19
  <TabStripItem key="sheet1" first active value="Sheet 1" actions={
20
- <MenuButton showArrow={false} size="xsmall" icon="chevron-down" fillMode="flat" aria-label="Sheet options" />
20
+ <MenuButton showArrow={false} size="small" icon="chevron-down" fillMode="flat" aria-label="Sheet options" />
21
21
  }></TabStripItem>
22
22
  <TabStripItem key="sheet2" value="Sheet 2" actions={
23
- <MenuButton showArrow={false} size="xsmall" icon="chevron-down" fillMode="flat" aria-label="Sheet options" />
23
+ <MenuButton showArrow={false} size="small" icon="chevron-down" fillMode="flat" aria-label="Sheet options" />
24
24
  }></TabStripItem>
25
25
  <TabStripItem key="sheet3" value="Sheet 3" actions={
26
- <MenuButton showArrow={false} size="xsmall" icon="chevron-down" fillMode="flat" aria-label="Sheet options" />
26
+ <MenuButton showArrow={false} size="small" icon="chevron-down" fillMode="flat" aria-label="Sheet options" />
27
27
  }></TabStripItem>
28
28
  <TabStripItem key="sheet4" value="Sheet 4" actions={
29
- <MenuButton showArrow={false} size="xsmall" icon="chevron-down" fillMode="flat" aria-label="Sheet options" />
29
+ <MenuButton showArrow={false} size="small" icon="chevron-down" fillMode="flat" aria-label="Sheet options" />
30
30
  }></TabStripItem>
31
31
  <TabStripItem key="sheet5" value="Sheet 5" actions={
32
- <MenuButton showArrow={false} size="xsmall" icon="chevron-down" fillMode="flat" aria-label="Sheet options" />
32
+ <MenuButton showArrow={false} size="small" icon="chevron-down" fillMode="flat" aria-label="Sheet options" />
33
33
  }></TabStripItem>
34
34
  <TabStripItem key="sheet6" last value="Sheet 6" actions={
35
- <MenuButton showArrow={false} size="xsmall" icon="chevron-down" fillMode="flat" aria-label="Sheet options" />
35
+ <MenuButton showArrow={false} size="small" icon="chevron-down" fillMode="flat" aria-label="Sheet options" />
36
36
  }></TabStripItem>
37
37
  </>
38
38
  );
@@ -59,8 +59,8 @@ export const SpreadsheetSheetsBar = (
59
59
  SPREADSHEETSHEETSBAR_CLASSNAME,
60
60
  props.className
61
61
  )}>
62
- <Button className="k-spreadsheet-sheet-add" fillMode="flat" size="xsmall" icon="plus" aria-label="Add new sheet" aria-controls={tabStripItemsId} />
63
- <Button className="k-spreadsheet-sheets-menu" fillMode="flat" size="xsmall" icon="menu" aria-label="Sheets menu" aria-controls={tabStripItemsId} />
62
+ <Button className="k-spreadsheet-sheet-add" fillMode="flat" size="small" icon="plus" aria-label="Add new sheet" aria-controls={tabStripItemsId} />
63
+ <Button className="k-spreadsheet-sheets-menu" fillMode="flat" size="small" icon="menu" aria-label="Sheets menu" aria-controls={tabStripItemsId} />
64
64
  <TabStrip
65
65
  className="k-spreadsheet-sheets"
66
66
  tabStripItems={tabStripItems}
package/dist/types/loader/tests/loader-container-overlay.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
2
- export default _default;
package/src/colorpicker/tests/colorpicker-size.tsx DELETED
@@ -1,28 +0,0 @@
1
- import { ColorPickerNormal, ColorPicker } from '../../colorpicker';
2
-
3
- const styles = `
4
- #test-area {
5
- justify-items: start;
6
- }
7
- `;
8
-
9
- export default () => (
10
- <>
11
- <style>{styles}</style>
12
- <div id="test-area" className="k-d-grid k-grid-cols-4">
13
-
14
- <span>undefined</span>
15
- <span>Small</span>
16
- <span>Medium</span>
17
- <span>Large</span>
18
-
19
- { ColorPicker.options.size.map((size) => (
20
- <>
21
- <section>
22
- <ColorPickerNormal size={size} />
23
- </section>
24
- </>
25
- ))}
26
- </div>
27
- </>
28
- );
package/src/loader/tests/loader-container-overlay.tsx DELETED
@@ -1,30 +0,0 @@
1
- import { LoaderContainerNormal } from '../../loader';
2
-
3
-
4
- const styles = `
5
- .example {
6
- width: 100%;
7
- min-height: 200px;
8
- position: relative;
9
- }
10
- `;
11
-
12
- export default () =>(
13
- <>
14
- <style>{styles}</style>
15
- <div id="test-area" className="k-d-grid k-grid-cols-2">
16
-
17
- <span>Panel</span>
18
- <span>No Panel</span>
19
-
20
- <span className="example">
21
- <LoaderContainerNormal size={'large'} panel={true} />
22
- </span>
23
-
24
- <span className="example">
25
- <LoaderContainerNormal size={'large'} />
26
- </span>
27
-
28
- </div>
29
- </>
30
- );