superdesk-ui-framework 5.0.2 → 5.0.4

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 (48) hide show
  1. package/.mocharc.json +1 -1
  2. package/app/scripts/helpers/dropdown.helper.js +9 -0
  3. package/app/styles/_buttons.scss +4 -1
  4. package/app/styles/_helpers.scss +25 -6
  5. package/app/styles/_popover.scss +8 -8
  6. package/app/styles/_tooltips.scss +83 -0
  7. package/app/styles/design-tokens/_design-tokens-general.scss +6 -0
  8. package/app/styles/form-elements/_checkbox.scss +9 -5
  9. package/app/styles/form-elements/_inputs.scss +7 -1
  10. package/app-typescript/components/Autocomplete.tsx +1 -1
  11. package/app-typescript/components/Form/InputWrapper.tsx +1 -1
  12. package/app-typescript/components/Popover.tsx +2 -0
  13. package/app-typescript/components/SelectGrid.tsx +3 -1
  14. package/app-typescript/components/TimePicker/TimePickerPopover.spec.ts +163 -0
  15. package/app-typescript/components/TimePicker/TimePickerPopover.tsx +286 -0
  16. package/app-typescript/components/TimePicker/TimeValueHolder.tsx +36 -0
  17. package/app-typescript/components/{TimePicker.tsx → TimePicker/index.tsx} +6 -12
  18. package/app-typescript/components/Tooltip.tsx +1 -1
  19. package/app-typescript/components/TooltipV2.tsx +10 -21
  20. package/app-typescript/components/_Positioner.tsx +2 -0
  21. package/dist/components/Popover.tsx +31 -8
  22. package/dist/components/TimePicker.tsx +7 -2
  23. package/dist/components/Tooltips.tsx +15 -13
  24. package/dist/components/utilities/SpacingUtilities.tsx +126 -126
  25. package/dist/components/utilities/TextUtilities.tsx +51 -37
  26. package/dist/examples.bundle.js +1354 -1199
  27. package/dist/superdesk-ui.bundle.css +146 -41
  28. package/dist/superdesk-ui.bundle.js +829 -741
  29. package/dist/vendor.bundle.js +15 -15
  30. package/package.json +1 -1
  31. package/react/components/Autocomplete.js +2 -1
  32. package/react/components/Form/InputWrapper.js +2 -1
  33. package/react/components/Popover.d.ts +1 -0
  34. package/react/components/Popover.js +1 -1
  35. package/react/components/SelectGrid.js +2 -1
  36. package/react/components/TimePicker/TimePickerPopover.d.ts +27 -0
  37. package/react/components/TimePicker/TimePickerPopover.js +231 -0
  38. package/react/components/TimePicker/TimeValueHolder.d.ts +13 -0
  39. package/react/components/TimePicker/TimeValueHolder.js +73 -0
  40. package/react/components/{TimePicker.d.ts → TimePicker/index.d.ts} +1 -1
  41. package/react/components/{TimePicker.js → TimePicker/index.js} +5 -9
  42. package/react/components/Tooltip.js +1 -1
  43. package/react/components/TooltipV2.js +10 -18
  44. package/react/components/_Positioner.d.ts +1 -0
  45. package/react/components/_Positioner.js +1 -1
  46. package/app-typescript/components/TimePickerPopover.tsx +0 -283
  47. package/react/components/TimePickerPopover.d.ts +0 -18
  48. package/react/components/TimePickerPopover.js +0 -222
package/dist/components/utilities/TextUtilities.tsx CHANGED
@@ -142,6 +142,57 @@ class TextUtilitiesDoc extends React.Component {
142
142
  </div>
143
143
  </div>
144
144
 
145
+ <div className="docs-page__container-block--line-height">
146
+ <h3 className="docs-page__h3">Line Height</h3>
147
+ <div className="utilities-table__container">
148
+ <table className="table utilities-table">
149
+ <thead>
150
+ <tr>
151
+ <th>Class</th>
152
+ <th>Properties</th>
153
+ </tr>
154
+ </thead>
155
+ <tbody>
156
+ <tr>
157
+ <td>line-height-1</td>
158
+ <td>
159
+ {'line-height: var(--l-height-none);'}{' '}
160
+ <span className="doc-text--highlight">/* 1 */</span>
161
+ </td>
162
+ </tr>
163
+ <tr>
164
+ <td>line-height-xs</td>
165
+ <td>
166
+ {'line-height: var(--l-height-xs);'}{' '}
167
+ <span className="doc-text--highlight">/* 1.1 */</span>
168
+ </td>
169
+ </tr>
170
+ <tr>
171
+ <td>line-height-sm</td>
172
+ <td>
173
+ {'line-height: var(--l-height-sm);'}{' '}
174
+ <span className="doc-text--highlight">/* 1.2 */</span>
175
+ </td>
176
+ </tr>
177
+ <tr>
178
+ <td>line-height-md</td>
179
+ <td>
180
+ {'line-height: var(--l-height-md);'}{' '}
181
+ <span className="doc-text--highlight">/* 1.4 */</span>
182
+ </td>
183
+ </tr>
184
+ <tr>
185
+ <td>line-height-lg</td>
186
+ <td>
187
+ {'line-height: var(--l-height-lg);'}{' '}
188
+ <span className="doc-text--highlight">/* 1.5 */</span>
189
+ </td>
190
+ </tr>
191
+ </tbody>
192
+ </table>
193
+ </div>
194
+ </div>
195
+
145
196
  <div className="docs-page__container-block--line-clamp">
146
197
  <h3 className="docs-page__h3">Line Clamp</h3>
147
198
  <p className="docs-page__paragraph">
@@ -245,43 +296,6 @@ class TextUtilitiesDoc extends React.Component {
245
296
  </div>
246
297
  </div>
247
298
 
248
- <div className="docs-page__container-block--line-height">
249
- <h3 className="docs-page__h3">Line Height</h3>
250
- <p className="docs-page__paragraph">Utilities for managing the line height of an element.</p>
251
- <div className="utilities-table__container">
252
- <table className="table utilities-table">
253
- <thead>
254
- <tr>
255
- <th>Class</th>
256
- <th>Properties</th>
257
- </tr>
258
- </thead>
259
- <tbody>
260
- <tr>
261
- <td>line-height-1</td>
262
- <td>{'line-height: 1;'}</td>
263
- </tr>
264
- <tr>
265
- <td>line-height-xs</td>
266
- <td>{'line-height: 1.1;'}</td>
267
- </tr>
268
- <tr>
269
- <td>line-height-sm</td>
270
- <td>{'line-height: 1.2;'}</td>
271
- </tr>
272
- <tr>
273
- <td>line-height-md</td>
274
- <td>{'line-height: 1.4;'}</td>
275
- </tr>
276
- <tr>
277
- <td>line-height-lg</td>
278
- <td>{'line-height: 1.5;'}</td>
279
- </tr>
280
- </tbody>
281
- </table>
282
- </div>
283
- </div>
284
-
285
299
  <div className="docs-page__container-block--font-style">
286
300
  <h3 className="docs-page__h3">Text Align</h3>
287
301
  <div className="utilities-table__container">