@inglorious/ui 1.0.1 → 2.0.0

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 (206) hide show
  1. package/package.json +11 -9
  2. package/src/controls/button/button.stories.js +2 -2
  3. package/src/controls/button/index.js +1 -1
  4. package/src/controls/button/template.js +2 -2
  5. package/src/controls/button-group/button-group.stories.js +2 -2
  6. package/src/controls/button-group/index.js +1 -1
  7. package/src/controls/button-group/template.js +4 -4
  8. package/src/controls/checkbox/checkbox.stories.js +2 -2
  9. package/src/controls/checkbox/index.js +1 -1
  10. package/src/controls/checkbox/template.js +2 -2
  11. package/src/controls/combobox/combobox.stories.js +3 -3
  12. package/src/controls/combobox/index.js +2 -2
  13. package/src/controls/combobox/template.js +35 -14
  14. package/src/controls/fab/fab.stories.js +2 -2
  15. package/src/controls/fab/index.js +1 -1
  16. package/src/controls/fab/template.js +4 -4
  17. package/src/controls/icon-button/icon-button.stories.js +2 -2
  18. package/src/controls/icon-button/index.js +1 -1
  19. package/src/controls/icon-button/template.js +4 -4
  20. package/src/controls/input/index.js +1 -1
  21. package/src/controls/input/input.stories.js +2 -2
  22. package/src/controls/input/template.js +2 -2
  23. package/src/controls/radio-group/index.js +1 -1
  24. package/src/controls/radio-group/radio-group.stories.js +2 -2
  25. package/src/controls/radio-group/template.js +2 -2
  26. package/src/controls/rating/index.js +1 -1
  27. package/src/controls/rating/rating.stories.js +2 -2
  28. package/src/controls/rating/template.js +2 -2
  29. package/src/controls/select/index.js +1 -1
  30. package/src/controls/select/select.stories.js +2 -2
  31. package/src/controls/select/template.js +2 -2
  32. package/src/controls/slider/index.js +1 -1
  33. package/src/controls/slider/slider.stories.js +2 -2
  34. package/src/controls/slider/template.js +2 -2
  35. package/src/controls/switch/index.js +1 -1
  36. package/src/controls/switch/switch.stories.js +2 -2
  37. package/src/controls/switch/template.js +2 -2
  38. package/src/data-display/avatar/avatar.stories.js +2 -2
  39. package/src/data-display/avatar/index.js +1 -1
  40. package/src/data-display/avatar/template.js +2 -1
  41. package/src/data-display/badge/badge.stories.js +2 -2
  42. package/src/data-display/badge/index.js +1 -1
  43. package/src/data-display/badge/template.js +7 -0
  44. package/src/data-display/chip/chip.stories.js +2 -2
  45. package/src/data-display/chip/index.js +1 -1
  46. package/src/data-display/chip/template.js +7 -0
  47. package/src/data-display/data-grid/data-grid.stories.js +4 -4
  48. package/src/data-display/data-grid/filters/index.js +10 -10
  49. package/src/data-display/data-grid/filters/input.js +3 -3
  50. package/src/data-display/data-grid/filters/range.js +4 -4
  51. package/src/data-display/data-grid/filters/select.js +3 -3
  52. package/src/data-display/data-grid/index.js +2 -2
  53. package/src/data-display/data-grid/template.js +40 -28
  54. package/src/data-display/divider/divider.stories.js +2 -2
  55. package/src/data-display/divider/index.js +1 -1
  56. package/src/data-display/divider/template.js +7 -0
  57. package/src/data-display/icon/icon-implementations.mdx +4 -4
  58. package/src/data-display/icon/icon-utf8.stories.js +9 -9
  59. package/src/data-display/icon/icon.stories.js +2 -2
  60. package/src/data-display/icon/index.js +1 -1
  61. package/src/data-display/icon/template.js +7 -0
  62. package/src/data-display/list/index.js +2 -2
  63. package/src/data-display/list/list.stories.js +2 -2
  64. package/src/data-display/list/template.js +22 -13
  65. package/src/data-display/material-icon/index.js +1 -1
  66. package/src/data-display/material-icon/material-icon.stories.js +2 -2
  67. package/src/data-display/material-icon/template.js +7 -0
  68. package/src/data-display/table/index.js +1 -1
  69. package/src/data-display/table/table.stories.js +2 -2
  70. package/src/data-display/table/template.js +19 -1
  71. package/src/data-display/tooltip/index.js +1 -1
  72. package/src/data-display/tooltip/template.js +2 -0
  73. package/src/data-display/tooltip/tooltip.stories.js +2 -2
  74. package/src/data-display/typography/index.js +1 -1
  75. package/src/data-display/typography/template.js +2 -0
  76. package/src/data-display/typography/typography.stories.js +2 -2
  77. package/src/data-display/virtual-list/index.js +1 -1
  78. package/src/data-display/virtual-list/template.js +4 -2
  79. package/src/examples/dashboard/app-drawer.js +15 -15
  80. package/src/examples/dashboard/app-header.js +33 -33
  81. package/src/examples/dashboard/dashboard-jsx.jsx +76 -0
  82. package/src/examples/dashboard/dashboard-vue.vue +68 -0
  83. package/src/examples/dashboard/dashboard.js +43 -42
  84. package/src/examples/dashboard/dashboard.stories.js +46 -16
  85. package/src/examples/dashboard/mode.js +1 -1
  86. package/src/examples/dashboard/primitive-content.js +248 -248
  87. package/src/examples/dashboard/primitive-section.js +25 -25
  88. package/src/examples/dashboard/router.js +1 -1
  89. package/src/examples/dashboard/social-card.js +14 -14
  90. package/src/examples/dashboard/stat-card.js +12 -12
  91. package/src/examples/dashboard/theme.js +1 -1
  92. package/src/examples/dashboard/traffic-card.js +22 -22
  93. package/src/examples/dashboard/traffic-sales-card.js +39 -39
  94. package/src/feedback/alert/alert.stories.js +2 -2
  95. package/src/feedback/alert/index.js +2 -2
  96. package/src/feedback/alert/template.js +2 -0
  97. package/src/feedback/backdrop/backdrop.stories.js +2 -2
  98. package/src/feedback/backdrop/index.js +2 -2
  99. package/src/feedback/backdrop/template.js +2 -0
  100. package/src/feedback/dialog/dialog.stories.js +2 -2
  101. package/src/feedback/dialog/index.js +2 -2
  102. package/src/feedback/dialog/template.js +2 -0
  103. package/src/feedback/progress/index.js +1 -1
  104. package/src/feedback/progress/progress.stories.js +2 -2
  105. package/src/feedback/progress/template.js +3 -1
  106. package/src/feedback/skeleton/index.js +2 -2
  107. package/src/feedback/skeleton/skeleton.stories.js +2 -2
  108. package/src/feedback/skeleton/template.js +2 -0
  109. package/src/feedback/snackbar/index.js +2 -2
  110. package/src/feedback/snackbar/snackbar.stories.js +2 -2
  111. package/src/feedback/snackbar/template.js +2 -0
  112. package/src/index.js +45 -45
  113. package/src/layout/container/container.stories.js +3 -3
  114. package/src/layout/container/index.js +1 -1
  115. package/src/layout/container/template.js +2 -0
  116. package/src/layout/flex/flex.stories.js +2 -2
  117. package/src/layout/flex/index.js +1 -1
  118. package/src/layout/flex/template.js +2 -3
  119. package/src/layout/grid/grid.stories.js +2 -2
  120. package/src/layout/grid/index.js +1 -1
  121. package/src/layout/grid/template.js +2 -3
  122. package/src/navigation/bottom-navigation/bottom-navigation.stories.js +2 -2
  123. package/src/navigation/bottom-navigation/index.js +1 -1
  124. package/src/navigation/bottom-navigation/template.js +16 -2
  125. package/src/navigation/breadcrumbs/breadcrumbs.stories.js +2 -2
  126. package/src/navigation/breadcrumbs/index.js +1 -1
  127. package/src/navigation/breadcrumbs/template.js +16 -2
  128. package/src/navigation/drawer/drawer.stories.js +2 -2
  129. package/src/navigation/drawer/index.js +1 -1
  130. package/src/navigation/drawer/template.js +15 -13
  131. package/src/navigation/link/index.js +2 -2
  132. package/src/navigation/link/link.stories.js +2 -2
  133. package/src/navigation/link/template.js +2 -0
  134. package/src/navigation/menu/index.js +1 -1
  135. package/src/navigation/menu/menu.stories.js +2 -2
  136. package/src/navigation/menu/template.js +15 -1
  137. package/src/navigation/pagination/index.js +1 -1
  138. package/src/navigation/pagination/pagination.stories.js +2 -2
  139. package/src/navigation/pagination/template.js +20 -4
  140. package/src/navigation/speed-dial/index.js +1 -1
  141. package/src/navigation/speed-dial/speed-dial.stories.js +2 -2
  142. package/src/navigation/speed-dial/template.js +15 -1
  143. package/src/navigation/stepper/index.js +1 -1
  144. package/src/navigation/stepper/stepper.stories.js +2 -2
  145. package/src/navigation/stepper/template.js +15 -1
  146. package/src/navigation/tabs/index.js +1 -1
  147. package/src/navigation/tabs/tabs.stories.js +2 -2
  148. package/src/navigation/tabs/template.js +17 -1
  149. package/src/surfaces/accordion/accordion.stories.js +2 -2
  150. package/src/surfaces/accordion/index.js +1 -1
  151. package/src/surfaces/accordion/template.js +15 -1
  152. package/src/surfaces/app-bar/app-bar.stories.js +2 -2
  153. package/src/surfaces/app-bar/index.js +1 -1
  154. package/src/surfaces/app-bar/template.js +2 -0
  155. package/src/surfaces/card/card.stories.js +2 -2
  156. package/src/surfaces/card/index.js +1 -1
  157. package/src/surfaces/card/template.js +19 -1
  158. package/src/surfaces/paper/index.js +2 -2
  159. package/src/surfaces/paper/paper.stories.js +3 -3
  160. package/src/surfaces/paper/template.js +2 -0
  161. package/types/controls/button-group.d.ts +1 -1
  162. package/types/controls/button.d.ts +2 -2
  163. package/types/controls/checkbox.d.ts +1 -1
  164. package/types/controls/combobox.d.ts +2 -1
  165. package/types/controls/fab.d.ts +1 -1
  166. package/types/controls/icon-button.d.ts +1 -1
  167. package/types/controls/input.d.ts +1 -1
  168. package/types/controls/radio-group.d.ts +1 -1
  169. package/types/controls/rating.d.ts +1 -1
  170. package/types/controls/select.d.ts +1 -1
  171. package/types/controls/slider.d.ts +1 -1
  172. package/types/controls/switch.d.ts +1 -1
  173. package/types/data-display/avatar.d.ts +1 -1
  174. package/types/data-display/badge.d.ts +1 -1
  175. package/types/data-display/chip.d.ts +1 -1
  176. package/types/data-display/data-grid.d.ts +2 -1
  177. package/types/data-display/divider.d.ts +1 -1
  178. package/types/data-display/icon.d.ts +1 -1
  179. package/types/data-display/list.d.ts +2 -1
  180. package/types/data-display/material-icon.d.ts +1 -1
  181. package/types/data-display/table.d.ts +2 -1
  182. package/types/data-display/tooltip.d.ts +1 -1
  183. package/types/data-display/typography.d.ts +1 -1
  184. package/types/data-display/virtual-list.d.ts +1 -1
  185. package/types/feedback/alert.d.ts +1 -1
  186. package/types/feedback/backdrop.d.ts +1 -1
  187. package/types/feedback/dialog.d.ts +1 -1
  188. package/types/feedback/progress.d.ts +1 -1
  189. package/types/feedback/skeleton.d.ts +1 -1
  190. package/types/feedback/snackbar.d.ts +1 -1
  191. package/types/layout/container.d.ts +1 -1
  192. package/types/layout/flex.d.ts +1 -1
  193. package/types/layout/grid.d.ts +1 -1
  194. package/types/navigation/bottom-navigation.d.ts +2 -1
  195. package/types/navigation/breadcrumbs.d.ts +2 -1
  196. package/types/navigation/drawer.d.ts +1 -1
  197. package/types/navigation/link.d.ts +1 -1
  198. package/types/navigation/menu.d.ts +2 -1
  199. package/types/navigation/pagination.d.ts +2 -1
  200. package/types/navigation/speed-dial.d.ts +2 -1
  201. package/types/navigation/stepper.d.ts +2 -1
  202. package/types/navigation/tabs.d.ts +2 -1
  203. package/types/surfaces/accordion.d.ts +2 -1
  204. package/types/surfaces/app-bar.d.ts +1 -1
  205. package/types/surfaces/card.d.ts +2 -1
  206. package/types/surfaces/paper.d.ts +1 -1
@@ -12,4 +12,4 @@ export interface MaterialIconType {
12
12
  render(props: MaterialIconProps): TemplateResult
13
13
  }
14
14
 
15
- export declare const materialIcon: MaterialIconType
15
+ export declare const MaterialIcon: MaterialIconType
@@ -23,6 +23,7 @@ export interface TableProps {
23
23
 
24
24
  export interface TableType {
25
25
  render(props: TableProps): TemplateResult
26
+ renderTable(props: TableProps): TemplateResult
26
27
  renderHeaderCell(
27
28
  props: TableProps,
28
29
  payload: { column: TableColumn; index: number },
@@ -42,4 +43,4 @@ export interface TableType {
42
43
  ): TemplateResult
43
44
  }
44
45
 
45
- export declare const table: TableType
46
+ export declare const Table: TableType
@@ -17,4 +17,4 @@ export interface TooltipType {
17
17
  render(props: TooltipProps): TemplateResult
18
18
  }
19
19
 
20
- export declare const tooltip: TooltipType
20
+ export declare const Tooltip: TooltipType
@@ -25,4 +25,4 @@ export interface TypographyType {
25
25
  render(props: TypographyProps): TemplateResult
26
26
  }
27
27
 
28
- export declare const typography: TypographyType
28
+ export declare const Typography: TypographyType
@@ -91,4 +91,4 @@ export interface VirtualListType {
91
91
  ): TemplateResult
92
92
  }
93
93
 
94
- export declare const virtualList: VirtualListType
94
+ export declare const VirtualList: VirtualListType
@@ -19,4 +19,4 @@ export interface AlertType {
19
19
  render(props: AlertProps): TemplateResult
20
20
  }
21
21
 
22
- export declare const alert: AlertType
22
+ export declare const Alert: AlertType
@@ -14,4 +14,4 @@ export interface BackdropType {
14
14
  render(props: BackdropProps): TemplateResult | null
15
15
  }
16
16
 
17
- export declare const backdrop: BackdropType
17
+ export declare const Backdrop: BackdropType
@@ -18,4 +18,4 @@ export interface DialogType {
18
18
  render(props: DialogProps): TemplateResult | null
19
19
  }
20
20
 
21
- export declare const dialog: DialogType
21
+ export declare const Dialog: DialogType
@@ -15,4 +15,4 @@ export interface ProgressType {
15
15
  render(props: ProgressProps): TemplateResult
16
16
  }
17
17
 
18
- export declare const progress: ProgressType
18
+ export declare const Progress: ProgressType
@@ -15,4 +15,4 @@ export interface SkeletonType {
15
15
  render(props: SkeletonProps): TemplateResult
16
16
  }
17
17
 
18
- export declare const skeleton: SkeletonType
18
+ export declare const Skeleton: SkeletonType
@@ -16,4 +16,4 @@ export interface SnackbarType {
16
16
  render(props: SnackbarProps): TemplateResult | null
17
17
  }
18
18
 
19
- export declare const snackbar: SnackbarType
19
+ export declare const Snackbar: SnackbarType
@@ -25,4 +25,4 @@ export interface ContainerType {
25
25
  render(props: ContainerProps): TemplateResult
26
26
  }
27
27
 
28
- export declare const container: ContainerType
28
+ export declare const Container: ContainerType
@@ -28,4 +28,4 @@ export interface FlexType {
28
28
  render(props: FlexProps): TemplateResult
29
29
  }
30
30
 
31
- export declare const flex: FlexType
31
+ export declare const Flex: FlexType
@@ -27,4 +27,4 @@ export interface GridType {
27
27
  render(props: GridProps): TemplateResult
28
28
  }
29
29
 
30
- export declare const grid: GridType
30
+ export declare const Grid: GridType
@@ -23,6 +23,7 @@ export interface BottomNavigationProps {
23
23
 
24
24
  export interface BottomNavigationType {
25
25
  render(props: BottomNavigationProps): TemplateResult
26
+ renderBottomNavigation(props: BottomNavigationProps): TemplateResult
26
27
  renderAction(
27
28
  action: BottomNavigationAction,
28
29
  index: number,
@@ -30,4 +31,4 @@ export interface BottomNavigationType {
30
31
  ): TemplateResult
31
32
  }
32
33
 
33
- export declare const bottomNavigation: BottomNavigationType
34
+ export declare const BottomNavigation: BottomNavigationType
@@ -19,6 +19,7 @@ export interface BreadcrumbsProps {
19
19
 
20
20
  export interface BreadcrumbsType {
21
21
  render(props: BreadcrumbsProps): TemplateResult
22
+ renderBreadcrumbs(props: BreadcrumbsProps): TemplateResult
22
23
  renderItem(
23
24
  item: BreadcrumbItem,
24
25
  index: number,
@@ -26,4 +27,4 @@ export interface BreadcrumbsType {
26
27
  ): TemplateResult
27
28
  }
28
29
 
29
- export declare const breadcrumbs: BreadcrumbsType
30
+ export declare const Breadcrumbs: BreadcrumbsType
@@ -20,4 +20,4 @@ export interface DrawerType {
20
20
  render(props: DrawerProps): TemplateResult | null
21
21
  }
22
22
 
23
- export declare const drawer: DrawerType
23
+ export declare const Drawer: DrawerType
@@ -19,4 +19,4 @@ export interface LinkType {
19
19
  render(props: LinkProps): TemplateResult
20
20
  }
21
21
 
22
- export declare const link: LinkType
22
+ export declare const Link: LinkType
@@ -26,7 +26,8 @@ export interface MenuProps {
26
26
 
27
27
  export interface MenuType {
28
28
  render(props: MenuProps): TemplateResult | null
29
+ renderMenu(props: MenuProps): TemplateResult | null
29
30
  renderItem(item: MenuItem, index: number, props: MenuProps): TemplateResult
30
31
  }
31
32
 
32
- export declare const menu: MenuType
33
+ export declare const Menu: MenuType
@@ -37,6 +37,7 @@ export interface PaginationControlRenderProps {
37
37
 
38
38
  export interface PaginationType {
39
39
  render(props: PaginationProps): TemplateResult
40
+ renderPagination(props: PaginationProps): TemplateResult
40
41
  renderItem(
41
42
  props: PaginationProps,
42
43
  payload: PaginationItemRenderProps,
@@ -47,4 +48,4 @@ export interface PaginationType {
47
48
  ): TemplateResult
48
49
  }
49
50
 
50
- export declare const pagination: PaginationType
51
+ export declare const Pagination: PaginationType
@@ -25,6 +25,7 @@ export interface SpeedDialProps {
25
25
 
26
26
  export interface SpeedDialType {
27
27
  render(props: SpeedDialProps): TemplateResult
28
+ renderSpeedDial(props: SpeedDialProps): TemplateResult
28
29
  renderAction(
29
30
  action: SpeedDialAction,
30
31
  index: number,
@@ -32,4 +33,4 @@ export interface SpeedDialType {
32
33
  ): TemplateResult
33
34
  }
34
35
 
35
- export declare const speedDial: SpeedDialType
36
+ export declare const SpeedDial: SpeedDialType
@@ -20,7 +20,8 @@ export interface StepperProps {
20
20
 
21
21
  export interface StepperType {
22
22
  render(props: StepperProps): TemplateResult
23
+ renderStepper(props: StepperProps): TemplateResult
23
24
  renderStep(step: Step, index: number, props: StepperProps): TemplateResult
24
25
  }
25
26
 
26
- export declare const stepper: StepperType
27
+ export declare const Stepper: StepperType
@@ -24,8 +24,9 @@ export interface TabsProps {
24
24
 
25
25
  export interface TabsType {
26
26
  render(props: TabsProps): TemplateResult
27
+ renderTabs(props: TabsProps): TemplateResult
27
28
  renderTab(item: TabItem, index: number, props: TabsProps): TemplateResult
28
29
  renderPanel(item: TabItem | null, props: TabsProps): TemplateResult | null
29
30
  }
30
31
 
31
- export declare const tabs: TabsType
32
+ export declare const Tabs: TabsType
@@ -22,6 +22,7 @@ export interface AccordionProps {
22
22
 
23
23
  export interface AccordionType {
24
24
  render(props: AccordionProps): TemplateResult
25
+ renderAccordion(props: AccordionProps): TemplateResult
25
26
  renderItem(
26
27
  item: AccordionItem,
27
28
  index: number,
@@ -29,4 +30,4 @@ export interface AccordionType {
29
30
  ): TemplateResult
30
31
  }
31
32
 
32
- export declare const accordion: AccordionType
33
+ export declare const Accordion: AccordionType
@@ -22,4 +22,4 @@ export interface AppBarType {
22
22
  render(props: AppBarProps): TemplateResult
23
23
  }
24
24
 
25
- export declare const appBar: AppBarType
25
+ export declare const AppBar: AppBarType
@@ -31,9 +31,10 @@ export interface CardProps {
31
31
 
32
32
  export interface CardType {
33
33
  render(props: CardProps): TemplateResult
34
+ renderCard(props: CardProps): TemplateResult
34
35
  renderHeader(props: CardProps): TemplateResult | null
35
36
  renderBody(props: CardProps): TemplateResult | null
36
37
  renderFooter(props: CardProps): TemplateResult | null
37
38
  }
38
39
 
39
- export declare const card: CardType
40
+ export declare const Card: CardType
@@ -25,4 +25,4 @@ export interface PaperType {
25
25
  render(props: PaperProps): TemplateResult
26
26
  }
27
27
 
28
- export declare const paper: PaperType
28
+ export declare const Paper: PaperType