@teseor/css 1.10.1 → 1.12.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 (57) hide show
  1. package/dist/compiled.css +1 -1
  2. package/dist/index.css +9 -7
  3. package/package.json +1 -1
  4. package/src/components/content/scroll-area/index.scss +1 -1
  5. package/src/components/content/scroll-area/scroll-area.api.json +1 -1
  6. package/src/components/data-display/card/card-visual.png +0 -0
  7. package/src/components/data-display/card/card.api.json +7 -0
  8. package/src/components/data-display/card/card.docs.json +118 -16
  9. package/src/components/data-display/card/index.scss +27 -0
  10. package/src/components/feedback/skeleton/skeleton-visual.png +0 -0
  11. package/src/components/feedback/skeleton/skeleton.docs.json +16 -0
  12. package/src/components/feedback/toast/toast-visual.png +0 -0
  13. package/src/components/feedback/toast/toast.docs.json +137 -0
  14. package/src/components/forms/checkbox/checkbox.docs.json +1 -6
  15. package/src/components/forms/field/field-visual.png +0 -0
  16. package/src/components/forms/field/field.api.json +3 -0
  17. package/src/components/forms/field/field.docs.json +98 -12
  18. package/src/components/forms/field/index.scss +29 -0
  19. package/src/components/forms/input/input.api.json +21 -1
  20. package/src/components/forms/radio/radio.docs.json +3 -8
  21. package/src/components/forms/textarea/index.scss +8 -0
  22. package/src/components/forms/textarea/textarea-visual.png +0 -0
  23. package/src/components/forms/textarea/textarea.api.json +3 -0
  24. package/src/components/forms/textarea/textarea.docs.json +33 -1
  25. package/src/components/navigation/breadcrumb/breadcrumb-visual.png +0 -0
  26. package/src/components/navigation/breadcrumb/breadcrumb.docs.json +70 -0
  27. package/src/components/navigation/nav/nav.api.json +10 -1
  28. package/src/components/navigation/tabs/tabs.api.json +14 -2
  29. package/src/components/overlays/drawer/drawer-visual.png +0 -0
  30. package/src/components/overlays/drawer/drawer.docs.json +25 -0
  31. package/src/components/overlays/modal/modal-visual.png +0 -0
  32. package/src/components/overlays/modal/modal.docs.json +89 -0
  33. package/src/components/overlays/popover/popover-visual.png +0 -0
  34. package/src/components/overlays/popover/popover.docs.json +46 -3
  35. package/src/components/typography/heading/index.scss +1 -0
  36. package/src/config/tokens/accessibility.docs.json +21 -0
  37. package/src/config/tokens/semantic/colors/index.scss +34 -33
  38. package/src/config/tokens/theming.docs.json +135 -26
  39. package/src/layout/center/center.api.json +5 -1
  40. package/src/layout/center/index.scss +1 -0
  41. package/src/layout/column/column-visual.png +0 -0
  42. package/src/layout/column/column.docs.json +26 -0
  43. package/src/layout/grid/grid-visual.png +0 -0
  44. package/src/layout/grid/grid.docs.json +34 -0
  45. package/src/layout/row/row-visual.png +0 -0
  46. package/src/layout/row/row.docs.json +108 -0
  47. package/src/layout/sidebar-nav/sidebar-nav.docs.json +9 -3
  48. package/src/utilities/container/container.api.json +6 -0
  49. package/src/utilities/container/container.docs.json +121 -0
  50. package/src/utilities/container/index.scss +18 -0
  51. package/src/utilities/index.scss +2 -0
  52. package/src/utilities/scroll-snap/index.scss +66 -0
  53. package/src/utilities/scroll-snap/scroll-snap.api.json +19 -0
  54. package/src/utilities/scroll-snap/scroll-snap.docs.json +333 -0
  55. package/src/utilities/text/text.api.json +7 -1
  56. package/src/utilities/text/text.docs.json +59 -0
  57. package/src/utilities/text/text.scss +42 -0
package/src/utilities/text/text.scss CHANGED
@@ -214,6 +214,48 @@
214
214
  white-space: pre-wrap;
215
215
  }
216
216
 
217
+ // ==========================================================================
218
+ // TEXT WRAP
219
+ // ==========================================================================
220
+ .text-balance {
221
+ text-wrap: balance;
222
+ }
223
+
224
+ .text-pretty {
225
+ text-wrap: pretty;
226
+ }
227
+
228
+ .text-nowrap {
229
+ text-wrap: nowrap;
230
+ }
231
+
232
+ // ==========================================================================
233
+ // MULTI-LINE TRUNCATION
234
+ // ==========================================================================
235
+ .truncate-2 {
236
+ display: -webkit-box;
237
+ -webkit-box-orient: vertical;
238
+ -webkit-line-clamp: 2;
239
+
240
+ overflow: hidden;
241
+ }
242
+
243
+ .truncate-3 {
244
+ display: -webkit-box;
245
+ -webkit-box-orient: vertical;
246
+ -webkit-line-clamp: 3;
247
+
248
+ overflow: hidden;
249
+ }
250
+
251
+ .truncate-4 {
252
+ display: -webkit-box;
253
+ -webkit-box-orient: vertical;
254
+ -webkit-line-clamp: 4;
255
+
256
+ overflow: hidden;
257
+ }
258
+
217
259
  // ==========================================================================
218
260
  // LINE LENGTH (for readable text)
219
261
  // ==========================================================================