@progress/kendo-themes-html 14.7.0-dev.13 → 14.7.0-dev.14

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.
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.7.0-dev.13",
4
+ "version": "14.7.0-dev.14",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -68,6 +68,63 @@ export default () =>(
68
68
  <ListItem showCheckbox>Checkbox</ListItem>
69
69
  </ListVirtualization>
70
70
  </section>
71
+
72
+ <span>Static list with description</span>
73
+ <span>Virtual list with description</span>
74
+ <span>Static list with description (rtl)</span>
75
+ <span>Virtual list with description (rtl)</span>
76
+
77
+ <section>
78
+ <ListNormal>
79
+ <ListItem description="Description text">List item</ListItem>
80
+ <ListItem hover description="Description text">Hover</ListItem>
81
+ <ListItem focus description="Description text">Focus</ListItem>
82
+ <ListItem selected description="Description text">Selected</ListItem>
83
+ <ListItem hover selected description="Description text">Hover selected</ListItem>
84
+ <ListItem disabled description="Description text">Disabled</ListItem>
85
+ <ListItem description="Description text">List item with very long text, that spans on multiple lines</ListItem>
86
+ <ListItem showCheckbox description="Description text">Checkbox</ListItem>
87
+ </ListNormal>
88
+ </section>
89
+
90
+ <section>
91
+ <ListVirtualization>
92
+ <ListItem description="Description text">List item</ListItem>
93
+ <ListItem hover description="Description text">Hover</ListItem>
94
+ <ListItem focus description="Description text">Focus</ListItem>
95
+ <ListItem selected description="Description text">Selected</ListItem>
96
+ <ListItem hover selected description="Description text">Hover selected</ListItem>
97
+ <ListItem disabled description="Description text">Disabled</ListItem>
98
+ <ListItem description="Description text">List item with very long text, that spans on multiple lines</ListItem>
99
+ <ListItem showCheckbox description="Description text">Checkbox</ListItem>
100
+ </ListVirtualization>
101
+ </section>
102
+
103
+ <section dir="rtl">
104
+ <ListNormal>
105
+ <ListItem description="Description text">List item</ListItem>
106
+ <ListItem hover description="Description text">Hover</ListItem>
107
+ <ListItem focus description="Description text">Focus</ListItem>
108
+ <ListItem selected description="Description text">Selected</ListItem>
109
+ <ListItem hover selected description="Description text">Hover selected</ListItem>
110
+ <ListItem disabled description="Description text">Disabled</ListItem>
111
+ <ListItem description="Description text">List item with very long text, that spans on multiple lines</ListItem>
112
+ <ListItem showCheckbox description="Description text">Checkbox</ListItem>
113
+ </ListNormal>
114
+ </section>
115
+
116
+ <section dir="rtl">
117
+ <ListVirtualization>
118
+ <ListItem description="Description text">List item</ListItem>
119
+ <ListItem hover description="Description text">Hover</ListItem>
120
+ <ListItem focus description="Description text">Focus</ListItem>
121
+ <ListItem selected description="Description text">Selected</ListItem>
122
+ <ListItem hover selected description="Description text">Hover selected</ListItem>
123
+ <ListItem disabled description="Description text">Disabled</ListItem>
124
+ <ListItem description="Description text">List item with very long text, that spans on multiple lines</ListItem>
125
+ <ListItem showCheckbox description="Description text">Checkbox</ListItem>
126
+ </ListVirtualization>
127
+ </section>
71
128
  </div>
72
129
  </>
73
130
  );
@@ -46,6 +46,19 @@ export default () => (
46
46
  </MenuList>
47
47
  </Popup>
48
48
  </section>
49
+ <span>Popup Menu with description</span>
50
+ <section>
51
+ <Popup className="k-menu-popup">
52
+ <MenuList>
53
+ <MenuListItem icon="folder" text="Normal" description="Description text" showArrow></MenuListItem>
54
+ <MenuListItem icon="folder" text="Hover" description="Description text" hover showArrow></MenuListItem>
55
+ <MenuListItem icon="folder" text="Active" description="Description text" active showArrow></MenuListItem>
56
+ <MenuListItem icon="folder" text="Focus" description="Description text" focus showArrow></MenuListItem>
57
+ <MenuListItem icon="folder" text="Focus + Active" description="Description text" focus active showArrow></MenuListItem>
58
+ <MenuListItem icon="folder" text="Disabled" description="Description text" disabled showArrow></MenuListItem>
59
+ </MenuList>
60
+ </Popup>
61
+ </section>
49
62
  </div>
50
63
  </>
51
64
  );