superdesk-ui-framework 3.1.5 → 3.1.7

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 (271) hide show
  1. package/app/styles/_expand-button.scss +31 -0
  2. package/app/styles/_helpers.scss +320 -151
  3. package/app/styles/app.scss +1 -0
  4. package/app/styles/components/_subnav.scss +1 -0
  5. package/app/styles/design-tokens/_design-tokens-general.scss +19 -7
  6. package/app/styles/design-tokens/_new-colors.scss +6 -1
  7. package/app/styles/grids/_grid-layout.scss +1 -0
  8. package/app/styles/interface-elements/_side-panel.scss +4 -0
  9. package/app-typescript/components/IconPicker.tsx +1 -1
  10. package/{examples/pages/react → dist/components}/Index.tsx +81 -63
  11. package/dist/components/utilities/SpacingUtilities.tsx +774 -0
  12. package/dist/components/utilities/TextUtilities.tsx +432 -0
  13. package/dist/components.html +6 -27
  14. package/dist/{components → components_deprecated}/text.html +7 -7
  15. package/dist/components_deprecated.html +38 -0
  16. package/dist/design/buttons.html +1 -11
  17. package/dist/design/checkbox-and-radio.html +3 -3
  18. package/dist/design/layout-principles.html +0 -1
  19. package/dist/design/switch.html +0 -10
  20. package/dist/design-patterns/Index.tsx +86 -0
  21. package/dist/design-patterns/ThreePaneLayoutPattern.tsx +362 -0
  22. package/{examples/pages/react.html → dist/design-patterns.html} +3 -4
  23. package/dist/design.html +4 -4
  24. package/dist/examples.bundle.css +106 -20
  25. package/dist/examples.bundle.js +3233 -1443
  26. package/dist/main.html +17 -15
  27. package/dist/playgrounds/boxed-list.html +7 -7
  28. package/dist/playgrounds/master-desk.html +4 -4
  29. package/dist/playgrounds/photo-snippets/edit-photo-metadata.html +1 -1
  30. package/dist/playgrounds/planning-snippets/edit-planning.html +1 -1
  31. package/dist/playgrounds/planning.html +1 -1
  32. package/dist/playgrounds/publisher-content-analytics.html +25 -25
  33. package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +16 -1
  34. package/dist/playgrounds/react-playgrounds/TestGround.tsx +46 -4
  35. package/dist/playgrounds/video-editor.html +1 -1
  36. package/dist/playgrounds.html +3 -6
  37. package/dist/superdesk-ui.bundle.css +345 -120
  38. package/dist/superdesk-ui.bundle.js +105 -101
  39. package/examples/css/docs-page.css +106 -20
  40. package/examples/index.js +89 -89
  41. package/examples/js/doc.js +16 -2
  42. package/examples/js/react.js +122 -19
  43. package/{dist/react → examples/pages/components}/Index.tsx +81 -63
  44. package/examples/pages/components/utilities/SpacingUtilities.tsx +774 -0
  45. package/examples/pages/components/utilities/TextUtilities.tsx +432 -0
  46. package/examples/pages/components.html +6 -27
  47. package/examples/pages/{components → components_deprecated}/text.html +7 -7
  48. package/examples/pages/components_deprecated.html +38 -0
  49. package/examples/pages/design/buttons.html +1 -11
  50. package/examples/pages/design/checkbox-and-radio.html +3 -3
  51. package/examples/pages/design/layout-principles.html +0 -1
  52. package/examples/pages/design/switch.html +0 -10
  53. package/examples/pages/design-patterns/Index.tsx +86 -0
  54. package/examples/pages/design-patterns/ThreePaneLayoutPattern.tsx +362 -0
  55. package/{dist/react.html → examples/pages/design-patterns.html} +3 -4
  56. package/examples/pages/design.html +4 -4
  57. package/examples/pages/main.html +17 -15
  58. package/examples/pages/playgrounds/boxed-list.html +7 -7
  59. package/examples/pages/playgrounds/master-desk.html +4 -4
  60. package/examples/pages/playgrounds/photo-snippets/edit-photo-metadata.html +1 -1
  61. package/examples/pages/playgrounds/planning-snippets/edit-planning.html +1 -1
  62. package/examples/pages/playgrounds/planning.html +1 -1
  63. package/examples/pages/playgrounds/publisher-content-analytics.html +25 -25
  64. package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +16 -1
  65. package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +46 -4
  66. package/examples/pages/playgrounds/video-editor.html +1 -1
  67. package/examples/pages/playgrounds.html +3 -6
  68. package/package.json +1 -1
  69. package/react/components/IconPicker.js +1 -1
  70. /package/dist/{react → components}/Alerts.tsx +0 -0
  71. /package/dist/{react → components}/Autocomplete.tsx +0 -0
  72. /package/dist/{react → components}/Avatar.tsx +0 -0
  73. /package/dist/{react → components}/Badges.tsx +0 -0
  74. /package/dist/{react → components}/BigIconFont.tsx +0 -0
  75. /package/dist/{react → components}/BoxedList.tsx +0 -0
  76. /package/dist/{react → components}/ButtonGroups.tsx +0 -0
  77. /package/dist/{react → components}/Buttons.tsx +0 -0
  78. /package/dist/{react → components}/Carousel.tsx +0 -0
  79. /package/dist/{react → components}/Checkboxs.tsx +0 -0
  80. /package/dist/{react → components}/Container.tsx +0 -0
  81. /package/dist/{react → components}/ContentDivider.tsx +0 -0
  82. /package/dist/{react → components}/ContentList.tsx +0 -0
  83. /package/dist/{react → components}/CreateButton.tsx +0 -0
  84. /package/dist/{react → components}/DatePicker.tsx +0 -0
  85. /package/dist/{react → components}/DragHandleDocs.tsx +0 -0
  86. /package/dist/{react → components}/DropZone.tsx +0 -0
  87. /package/dist/{react → components}/Dropdowns.tsx +0 -0
  88. /package/dist/{react → components}/DurationInput.tsx +0 -0
  89. /package/dist/{react → components}/EmptyStates.tsx +0 -0
  90. /package/dist/{react → components}/GridItem.tsx +0 -0
  91. /package/dist/{react → components}/GridList.tsx +0 -0
  92. /package/dist/{react → components}/Heading.tsx +0 -0
  93. /package/dist/{react → components}/IconButtons.tsx +0 -0
  94. /package/dist/{react → components}/IconFont.tsx +0 -0
  95. /package/dist/{react → components}/IconLabels.tsx +0 -0
  96. /package/dist/{react → components}/IconPicker.tsx +0 -0
  97. /package/dist/{react → components}/IllustrationButton.tsx +0 -0
  98. /package/dist/{react → components}/Inputs.tsx +0 -0
  99. /package/dist/{react → components}/Labels.tsx +0 -0
  100. /package/dist/{react → components}/LeftNavigations.tsx +0 -0
  101. /package/dist/{react → components}/ListItems.tsx +0 -0
  102. /package/dist/{react → components}/Menu.tsx +0 -0
  103. /package/dist/{react → components}/Modal.tsx +0 -0
  104. /package/dist/{react → components}/MultiSelect.tsx +0 -0
  105. /package/dist/{react → components}/NavButtons.tsx +0 -0
  106. /package/dist/{react → components}/Panel.tsx +0 -0
  107. /package/dist/{react → components}/Popover.tsx +0 -0
  108. /package/dist/{react → components}/QuickNavigationBar.tsx +0 -0
  109. /package/dist/{react → components}/RadioGroup.tsx +0 -0
  110. /package/dist/{react → components}/ResizablePanels.tsx +0 -0
  111. /package/dist/{react → components}/SelectGrid.tsx +0 -0
  112. /package/dist/{react → components}/SelectWithTemplate.tsx +0 -0
  113. /package/dist/{react → components}/Selects.tsx +0 -0
  114. /package/dist/{react → components}/SimpleList.tsx +0 -0
  115. /package/dist/{react → components}/SubNav.tsx +0 -0
  116. /package/dist/{react → components}/Switch.tsx +0 -0
  117. /package/dist/{react → components}/TableList.tsx +0 -0
  118. /package/dist/{react → components}/Tabs.tsx +0 -0
  119. /package/dist/{react → components}/TagInputDocs.tsx +0 -0
  120. /package/dist/{react → components}/Tags.tsx +0 -0
  121. /package/dist/{react → components}/Text.tsx +0 -0
  122. /package/dist/{react → components}/TimePicker.tsx +0 -0
  123. /package/dist/{react → components}/Toasts.tsx +0 -0
  124. /package/dist/{react → components}/Togglebox.tsx +0 -0
  125. /package/dist/{react → components}/Tooltips.tsx +0 -0
  126. /package/dist/{react → components}/TreeMenu.tsx +0 -0
  127. /package/dist/{react → components}/TreeSelect.tsx +0 -0
  128. /package/dist/{react → components}/WithPaginationDocs.tsx +0 -0
  129. /package/dist/{react → components}/WithSizeObserver.tsx +0 -0
  130. /package/dist/{react → components}/tree-select/TreeSelect.tsx +0 -0
  131. /package/dist/{react → components}/tree-select/example-1.tsx +0 -0
  132. /package/dist/{react → components}/tree-select/example-2.tsx +0 -0
  133. /package/dist/{components → components_deprecated}/alerts.html +0 -0
  134. /package/dist/{components → components_deprecated}/badge.html +0 -0
  135. /package/dist/{components → components_deprecated}/basic-grid.html +0 -0
  136. /package/dist/{components → components_deprecated}/big-icons.html +0 -0
  137. /package/dist/{components → components_deprecated}/buttons.html +0 -0
  138. /package/dist/{components → components_deprecated}/carousel.html +0 -0
  139. /package/dist/{components → components_deprecated}/checkbox.html +0 -0
  140. /package/dist/{components → components_deprecated}/colors.html +0 -0
  141. /package/dist/{components → components_deprecated}/dropdown.html +0 -0
  142. /package/dist/{components → components_deprecated}/form-layout.html +0 -0
  143. /package/dist/{components → components_deprecated}/icon-labels.html +0 -0
  144. /package/dist/{components → components_deprecated}/icons.html +0 -0
  145. /package/dist/{components → components_deprecated}/input.html +0 -0
  146. /package/dist/{components → components_deprecated}/labels.html +0 -0
  147. /package/dist/{components → components_deprecated}/layout-grid.html +0 -0
  148. /package/dist/{components → components_deprecated}/left-nav.html +0 -0
  149. /package/dist/{components → components_deprecated}/list-item.html +0 -0
  150. /package/dist/{components → components_deprecated}/loader.html +0 -0
  151. /package/dist/{components → components_deprecated}/modal-template.html +0 -0
  152. /package/dist/{components → components_deprecated}/modals.html +0 -0
  153. /package/dist/{components → components_deprecated}/other-elements.html +0 -0
  154. /package/dist/{components → components_deprecated}/panel-info.html +0 -0
  155. /package/dist/{components → components_deprecated}/radio.html +0 -0
  156. /package/dist/{components → components_deprecated}/select.html +0 -0
  157. /package/dist/{components → components_deprecated}/shadows.html +0 -0
  158. /package/dist/{components → components_deprecated}/sidebar-menu.html +0 -0
  159. /package/dist/{components → components_deprecated}/simple-list.html +0 -0
  160. /package/dist/{components → components_deprecated}/slider.html +0 -0
  161. /package/dist/{components → components_deprecated}/spacing.html +0 -0
  162. /package/dist/{components → components_deprecated}/switch.html +0 -0
  163. /package/dist/{components → components_deprecated}/tables.html +0 -0
  164. /package/dist/{components → components_deprecated}/tabs.html +0 -0
  165. /package/dist/{components → components_deprecated}/tag-input.html +0 -0
  166. /package/dist/{components → components_deprecated}/tag-labels.html +0 -0
  167. /package/dist/{components → components_deprecated}/toggle.html +0 -0
  168. /package/dist/{components → components_deprecated}/tooltips.html +0 -0
  169. /package/dist/{components → components_deprecated}/vertical-tabs.html +0 -0
  170. /package/dist/{components → components_deprecated}/wizard.html +0 -0
  171. /package/examples/pages/{react → components}/Alerts.tsx +0 -0
  172. /package/examples/pages/{react → components}/Autocomplete.tsx +0 -0
  173. /package/examples/pages/{react → components}/Avatar.tsx +0 -0
  174. /package/examples/pages/{react → components}/Badges.tsx +0 -0
  175. /package/examples/pages/{react → components}/BigIconFont.tsx +0 -0
  176. /package/examples/pages/{react → components}/BoxedList.tsx +0 -0
  177. /package/examples/pages/{react → components}/ButtonGroups.tsx +0 -0
  178. /package/examples/pages/{react → components}/Buttons.tsx +0 -0
  179. /package/examples/pages/{react → components}/Carousel.tsx +0 -0
  180. /package/examples/pages/{react → components}/Checkboxs.tsx +0 -0
  181. /package/examples/pages/{react → components}/Container.tsx +0 -0
  182. /package/examples/pages/{react → components}/ContentDivider.tsx +0 -0
  183. /package/examples/pages/{react → components}/ContentList.tsx +0 -0
  184. /package/examples/pages/{react → components}/CreateButton.tsx +0 -0
  185. /package/examples/pages/{react → components}/DatePicker.tsx +0 -0
  186. /package/examples/pages/{react → components}/DragHandleDocs.tsx +0 -0
  187. /package/examples/pages/{react → components}/DropZone.tsx +0 -0
  188. /package/examples/pages/{react → components}/Dropdowns.tsx +0 -0
  189. /package/examples/pages/{react → components}/DurationInput.tsx +0 -0
  190. /package/examples/pages/{react → components}/EmptyStates.tsx +0 -0
  191. /package/examples/pages/{react → components}/GridItem.tsx +0 -0
  192. /package/examples/pages/{react → components}/GridList.tsx +0 -0
  193. /package/examples/pages/{react → components}/Heading.tsx +0 -0
  194. /package/examples/pages/{react → components}/IconButtons.tsx +0 -0
  195. /package/examples/pages/{react → components}/IconFont.tsx +0 -0
  196. /package/examples/pages/{react → components}/IconLabels.tsx +0 -0
  197. /package/examples/pages/{react → components}/IconPicker.tsx +0 -0
  198. /package/examples/pages/{react → components}/IllustrationButton.tsx +0 -0
  199. /package/examples/pages/{react → components}/Inputs.tsx +0 -0
  200. /package/examples/pages/{react → components}/Labels.tsx +0 -0
  201. /package/examples/pages/{react → components}/LeftNavigations.tsx +0 -0
  202. /package/examples/pages/{react → components}/ListItems.tsx +0 -0
  203. /package/examples/pages/{react → components}/Menu.tsx +0 -0
  204. /package/examples/pages/{react → components}/Modal.tsx +0 -0
  205. /package/examples/pages/{react → components}/MultiSelect.tsx +0 -0
  206. /package/examples/pages/{react → components}/NavButtons.tsx +0 -0
  207. /package/examples/pages/{react → components}/Panel.tsx +0 -0
  208. /package/examples/pages/{react → components}/Popover.tsx +0 -0
  209. /package/examples/pages/{react → components}/QuickNavigationBar.tsx +0 -0
  210. /package/examples/pages/{react → components}/RadioGroup.tsx +0 -0
  211. /package/examples/pages/{react → components}/ResizablePanels.tsx +0 -0
  212. /package/examples/pages/{react → components}/SelectGrid.tsx +0 -0
  213. /package/examples/pages/{react → components}/SelectWithTemplate.tsx +0 -0
  214. /package/examples/pages/{react → components}/Selects.tsx +0 -0
  215. /package/examples/pages/{react → components}/SimpleList.tsx +0 -0
  216. /package/examples/pages/{react → components}/SubNav.tsx +0 -0
  217. /package/examples/pages/{react → components}/Switch.tsx +0 -0
  218. /package/examples/pages/{react → components}/TableList.tsx +0 -0
  219. /package/examples/pages/{react → components}/Tabs.tsx +0 -0
  220. /package/examples/pages/{react → components}/TagInputDocs.tsx +0 -0
  221. /package/examples/pages/{react → components}/Tags.tsx +0 -0
  222. /package/examples/pages/{react → components}/Text.tsx +0 -0
  223. /package/examples/pages/{react → components}/TimePicker.tsx +0 -0
  224. /package/examples/pages/{react → components}/Toasts.tsx +0 -0
  225. /package/examples/pages/{react → components}/Togglebox.tsx +0 -0
  226. /package/examples/pages/{react → components}/Tooltips.tsx +0 -0
  227. /package/examples/pages/{react → components}/TreeMenu.tsx +0 -0
  228. /package/examples/pages/{react → components}/TreeSelect.tsx +0 -0
  229. /package/examples/pages/{react → components}/WithPaginationDocs.tsx +0 -0
  230. /package/examples/pages/{react → components}/WithSizeObserver.tsx +0 -0
  231. /package/examples/pages/{react → components}/tree-select/TreeSelect.tsx +0 -0
  232. /package/examples/pages/{react → components}/tree-select/example-1.tsx +0 -0
  233. /package/examples/pages/{react → components}/tree-select/example-2.tsx +0 -0
  234. /package/examples/pages/{components → components_deprecated}/alerts.html +0 -0
  235. /package/examples/pages/{components → components_deprecated}/badge.html +0 -0
  236. /package/examples/pages/{components → components_deprecated}/basic-grid.html +0 -0
  237. /package/examples/pages/{components → components_deprecated}/big-icons.html +0 -0
  238. /package/examples/pages/{components → components_deprecated}/buttons.html +0 -0
  239. /package/examples/pages/{components → components_deprecated}/carousel.html +0 -0
  240. /package/examples/pages/{components → components_deprecated}/checkbox.html +0 -0
  241. /package/examples/pages/{components → components_deprecated}/colors.html +0 -0
  242. /package/examples/pages/{components → components_deprecated}/dropdown.html +0 -0
  243. /package/examples/pages/{components → components_deprecated}/form-layout.html +0 -0
  244. /package/examples/pages/{components → components_deprecated}/icon-labels.html +0 -0
  245. /package/examples/pages/{components → components_deprecated}/icons.html +0 -0
  246. /package/examples/pages/{components → components_deprecated}/input.html +0 -0
  247. /package/examples/pages/{components → components_deprecated}/labels.html +0 -0
  248. /package/examples/pages/{components → components_deprecated}/layout-grid.html +0 -0
  249. /package/examples/pages/{components → components_deprecated}/left-nav.html +0 -0
  250. /package/examples/pages/{components → components_deprecated}/list-item.html +0 -0
  251. /package/examples/pages/{components → components_deprecated}/loader.html +0 -0
  252. /package/examples/pages/{components → components_deprecated}/modal-template.html +0 -0
  253. /package/examples/pages/{components → components_deprecated}/modals.html +0 -0
  254. /package/examples/pages/{components → components_deprecated}/other-elements.html +0 -0
  255. /package/examples/pages/{components → components_deprecated}/panel-info.html +0 -0
  256. /package/examples/pages/{components → components_deprecated}/radio.html +0 -0
  257. /package/examples/pages/{components → components_deprecated}/select.html +0 -0
  258. /package/examples/pages/{components → components_deprecated}/shadows.html +0 -0
  259. /package/examples/pages/{components → components_deprecated}/sidebar-menu.html +0 -0
  260. /package/examples/pages/{components → components_deprecated}/simple-list.html +0 -0
  261. /package/examples/pages/{components → components_deprecated}/slider.html +0 -0
  262. /package/examples/pages/{components → components_deprecated}/spacing.html +0 -0
  263. /package/examples/pages/{components → components_deprecated}/switch.html +0 -0
  264. /package/examples/pages/{components → components_deprecated}/tables.html +0 -0
  265. /package/examples/pages/{components → components_deprecated}/tabs.html +0 -0
  266. /package/examples/pages/{components → components_deprecated}/tag-input.html +0 -0
  267. /package/examples/pages/{components → components_deprecated}/tag-labels.html +0 -0
  268. /package/examples/pages/{components → components_deprecated}/toggle.html +0 -0
  269. /package/examples/pages/{components → components_deprecated}/tooltips.html +0 -0
  270. /package/examples/pages/{components → components_deprecated}/vertical-tabs.html +0 -0
  271. /package/examples/pages/{components → components_deprecated}/wizard.html +0 -0

There are too many changes on this page to be displayed.

The amount of changes on this page would crash your brower.

You can still verify the content by downloading the package file manually.