@redseed/redseed-ui-tailwindcss 7.65.0 → 7.66.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/components/activity_feed.css +1 -1
  2. package/components/badge.css +4 -4
  3. package/components/badge_group.css +8 -8
  4. package/components/breadcrumbs.css +2 -2
  5. package/components/button_group_item.css +2 -2
  6. package/components/button_slot.css +7 -7
  7. package/components/card_group.css +3 -3
  8. package/components/column_picker.css +3 -3
  9. package/components/comment.css +16 -16
  10. package/components/comments.css +1 -1
  11. package/components/drawer.css +5 -5
  12. package/components/dropdown_menu.css +1 -1
  13. package/components/dropdown_option.css +1 -1
  14. package/components/empty.css +3 -3
  15. package/components/feed_item.css +4 -4
  16. package/components/form_field_checkbox.css +1 -1
  17. package/components/form_field_combobox.css +7 -7
  18. package/components/form_field_date_range.css +9 -9
  19. package/components/form_field_radio_group.css +2 -2
  20. package/components/form_field_select.css +3 -3
  21. package/components/form_field_slot.css +5 -5
  22. package/components/form_field_text.css +2 -2
  23. package/components/form_field_textarea.css +1 -1
  24. package/components/form_field_tree_select.css +9 -9
  25. package/components/form_field_uploader.css +3 -3
  26. package/components/form_fieldset.css +5 -5
  27. package/components/form_slot.css +6 -6
  28. package/components/link_slot.css +1 -1
  29. package/components/linked_list_item.css +1 -1
  30. package/components/list.css +3 -3
  31. package/components/list_control.css +2 -2
  32. package/components/list_item.css +6 -6
  33. package/components/message_box.css +6 -6
  34. package/components/meta_info.css +1 -1
  35. package/components/modal.css +8 -8
  36. package/components/pagination.css +4 -4
  37. package/components/pagination_item.css +1 -1
  38. package/components/progress_bar.css +1 -1
  39. package/components/progress_tracker.css +3 -3
  40. package/components/progress_tracker_step.css +3 -3
  41. package/components/radio_card.css +3 -3
  42. package/components/read_more.css +1 -1
  43. package/components/record_count.css +1 -1
  44. package/components/section_header.css +1 -1
  45. package/components/section_slider.css +3 -3
  46. package/components/switcher.css +3 -3
  47. package/components/switcher_item.css +2 -2
  48. package/components/tab_slider_item.css +1 -1
  49. package/components/table.css +1 -1
  50. package/components/td.css +1 -1
  51. package/components/td_user.css +1 -1
  52. package/components/th.css +4 -4
  53. package/components/toggle.css +2 -2
  54. package/components/tooltip.css +1 -1
  55. package/components/two_column_layout.css +3 -3
  56. package/package.json +1 -1
  57. package/tokens.css +18 -3
package/components/two_column_layout.css CHANGED
@@ -3,7 +3,7 @@
3
3
  }
4
4
 
5
5
  .rsui-two-column-layout__container {
6
- @apply flex flex-col @4xl:flex-row gap-6 @4xl:gap-8;
6
+ @apply flex flex-col @4xl:flex-row gap-space-lg @4xl:gap-space-xl;
7
7
  }
8
8
 
9
9
  .rsui-two-column-layout__container--top-aside {
@@ -15,9 +15,9 @@
15
15
  }
16
16
 
17
17
  .rsui-two-column-layout__main {
18
- @apply flex-1 w-full @4xl:w-(--phi-inverse-percentage) overflow-auto flex flex-col gap-6 @4xl:gap-8;
18
+ @apply flex-1 w-full @4xl:w-(--phi-inverse-percentage) overflow-auto flex flex-col gap-space-lg @4xl:gap-space-xl;
19
19
  }
20
20
 
21
21
  .rsui-two-column-layout__aside {
22
- @apply shrink-0 w-full @4xl:w-(--phi-inverse-squared-percentage) overflow-auto flex flex-col gap-6 @4xl:gap-8;
22
+ @apply shrink-0 w-full @4xl:w-(--phi-inverse-squared-percentage) overflow-auto flex flex-col gap-space-lg @4xl:gap-space-xl;
23
23
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-tailwindcss",
3
- "version": "7.65.0",
3
+ "version": "7.66.0",
4
4
  "description": "RedSeed UI Tailwindcss",
5
5
  "main": "index.js",
6
6
  "style": "index.css",
package/tokens.css CHANGED
@@ -84,12 +84,27 @@
84
84
  --color-button-separator: var(--Colors-Grey-200);
85
85
  --color-button-disabled: var(--Colors-Grey-200);
86
86
 
87
- /* Spacing */
88
- --spacing-space-xxs: 0.25rem; /* 4px */
87
+ /* Spacing.
88
+
89
+ The brand runs an 8px rhythm with exactly seven values: 8, 16, 24, 32, 48, 64, 96.
90
+ This scale used to stop at 32, so the top three had no token at all and every use
91
+ of 48 or 64 had to be written as a raw utility — which is how they escaped review.
92
+ 2xl and 3xl close that gap.
93
+
94
+ xxs (4px) and sm (12px) are NOT on the brand rhythm. They are kept because they are
95
+ already used widely and two of the three known 4px cases are the deliberate TIGHT
96
+ PAIR exception (see card_header.css), but they are the values to justify in review:
97
+ CardSpacing.test.js treats them as off-scale and requires a marker.
98
+
99
+ 96px has no token yet — nothing in the library uses it. Add 4xl when something does,
100
+ rather than shipping a token with no caller. */
101
+ --spacing-space-xxs: 0.25rem; /* 4px — off the brand rhythm */
89
102
  --spacing-space-xs: 0.5rem; /* 8px */
90
- --spacing-space-sm: 0.75rem; /* 12px */
103
+ --spacing-space-sm: 0.75rem; /* 12px — off the brand rhythm */
91
104
  --spacing-space-md: 1rem; /* 16px */
92
105
  --spacing-space-lg: 1.5rem; /* 24px */
93
106
  --spacing-space-xl: 2rem; /* 32px */
107
+ --spacing-space-2xl: 3rem; /* 48px */
108
+ --spacing-space-3xl: 4rem; /* 64px */
94
109
 
95
110
  }