@byline/ui 1.7.1 → 1.7.3

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 (103) hide show
  1. package/dist/components/accordion/accordion_module.css +3 -1
  2. package/dist/components/avatar/avatar_module.css +3 -1
  3. package/dist/components/badge/badge_module.css +3 -1
  4. package/dist/components/button/button-group_module.css +3 -1
  5. package/dist/components/button/button_module.css +3 -1
  6. package/dist/components/button/combo-button_module.css +3 -1
  7. package/dist/components/button/control-buttons_module.css +3 -1
  8. package/dist/components/button/copy-button_module.css +3 -1
  9. package/dist/components/card/card_module.css +3 -1
  10. package/dist/components/chips/chip_module.css +3 -1
  11. package/dist/components/container/container_module.css +3 -1
  12. package/dist/components/dropdown/dropdown_module.css +3 -1
  13. package/dist/components/hamburger/hamburger_module.css +3 -1
  14. package/dist/components/inputs/autocomplete_module.css +3 -1
  15. package/dist/components/inputs/calendar_module.css +3 -1
  16. package/dist/components/inputs/checkbox-group_module.css +3 -1
  17. package/dist/components/inputs/checkbox_module.css +3 -1
  18. package/dist/components/inputs/error-text_module.css +3 -1
  19. package/dist/components/inputs/help-text_module.css +3 -1
  20. package/dist/components/inputs/input-adornment_module.css +3 -1
  21. package/dist/components/inputs/input_module.css +3 -1
  22. package/dist/components/inputs/label_module.css +3 -1
  23. package/dist/components/inputs/radio-group_module.css +3 -1
  24. package/dist/components/inputs/select_module.css +3 -1
  25. package/dist/components/inputs/text-area_module.css +3 -1
  26. package/dist/components/notifications/alert_module.css +3 -1
  27. package/dist/components/notifications/toast_module.css +3 -1
  28. package/dist/components/pager/pagination_module.css +3 -1
  29. package/dist/components/scroll-area/scroll-area_module.css +3 -1
  30. package/dist/components/scroll-to-top/scroll-to-top_module.css +3 -1
  31. package/dist/components/section/section_module.css +3 -1
  32. package/dist/components/shimmer/shimmer_module.css +3 -1
  33. package/dist/components/table/table_module.css +3 -1
  34. package/dist/components/tabs/tabs_module.css +3 -1
  35. package/dist/components/tooltip/tooltip_module.css +3 -1
  36. package/dist/icons/icons_module.css +3 -1
  37. package/dist/loaders/ellipses_module.css +3 -1
  38. package/dist/loaders/ring_module.css +3 -1
  39. package/dist/loaders/spinner_module.css +3 -1
  40. package/dist/styles/reset.css +172 -166
  41. package/dist/styles/styles.css +181 -1506
  42. package/dist/styles/typography.css +243 -237
  43. package/dist/widgets/datepicker/datepicker_module.css +3 -1
  44. package/dist/widgets/drawer/drawer_module.css +3 -1
  45. package/dist/widgets/image-lightbox/image-lightbox_module.css +3 -1
  46. package/dist/widgets/modal/modal_module.css +3 -1
  47. package/dist/widgets/timeline/timeline_module.css +3 -1
  48. package/package.json +4 -4
  49. package/src/components/accordion/accordion.module.css +3 -2
  50. package/src/components/avatar/avatar.module.css +3 -6
  51. package/src/components/badge/badge.module.css +3 -6
  52. package/src/components/button/button-group.module.css +3 -2
  53. package/src/components/button/button.module.css +3 -6
  54. package/src/components/button/combo-button.module.css +3 -2
  55. package/src/components/button/control-buttons.module.css +3 -2
  56. package/src/components/button/copy-button.module.css +3 -6
  57. package/src/components/card/card.module.css +3 -6
  58. package/src/components/chips/chip.module.css +3 -6
  59. package/src/components/container/container.module.css +3 -6
  60. package/src/components/dropdown/dropdown.module.css +3 -6
  61. package/src/components/hamburger/hamburger.module.css +3 -6
  62. package/src/components/inputs/autocomplete.module.css +3 -6
  63. package/src/components/inputs/calendar.module.css +3 -6
  64. package/src/components/inputs/checkbox-group.module.css +3 -6
  65. package/src/components/inputs/checkbox.module.css +3 -6
  66. package/src/components/inputs/error-text.module.css +3 -6
  67. package/src/components/inputs/help-text.module.css +3 -6
  68. package/src/components/inputs/input-adornment.module.css +3 -6
  69. package/src/components/inputs/input.module.css +3 -6
  70. package/src/components/inputs/label.module.css +3 -6
  71. package/src/components/inputs/radio-group.module.css +3 -6
  72. package/src/components/inputs/select.module.css +3 -6
  73. package/src/components/inputs/text-area.module.css +3 -6
  74. package/src/components/notifications/alert.module.css +3 -6
  75. package/src/components/notifications/toast.module.css +3 -6
  76. package/src/components/pager/pagination.module.css +3 -6
  77. package/src/components/scroll-area/scroll-area.module.css +3 -6
  78. package/src/components/scroll-to-top/scroll-to-top.module.css +3 -2
  79. package/src/components/section/section.module.css +3 -6
  80. package/src/components/shimmer/shimmer.module.css +3 -6
  81. package/src/components/table/table.module.css +3 -6
  82. package/src/components/tabs/tabs.module.css +3 -6
  83. package/src/components/tooltip/tooltip.module.css +3 -6
  84. package/src/icons/icons.module.css +3 -2
  85. package/src/loaders/ellipses.module.css +3 -6
  86. package/src/loaders/ring.module.css +3 -6
  87. package/src/loaders/spinner.module.css +3 -6
  88. package/src/styles/components/hamburger.css +3 -6
  89. package/src/styles/reset.css +337 -312
  90. package/src/styles/styles.css +3 -7
  91. package/src/styles/theme/autofill.css +53 -62
  92. package/src/styles/theme/defaults.css +67 -55
  93. package/src/styles/theme/scrollers.css +48 -39
  94. package/src/styles/typography/prose.css +270 -265
  95. package/src/styles/typography.css +20 -14
  96. package/src/widgets/datepicker/datepicker.module.css +3 -2
  97. package/src/widgets/drawer/drawer.module.css +3 -2
  98. package/src/widgets/image-lightbox/image-lightbox.module.css +3 -2
  99. package/src/widgets/modal/modal.module.css +3 -2
  100. package/src/widgets/timeline/timeline.module.css +3 -6
  101. package/src/styles/utils/scroll-layout-shift.css +0 -9
  102. package/src/styles/utils/utility-classes.css +0 -1395
  103. package/src/styles/utils/utils.css +0 -2
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .badge,
@@ -1,5 +1,6 @@
1
- @layer byline-base, byline-utilities, byline-theme, byline-components;
2
-
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
3
4
  @layer byline-components {
4
5
  .button-group,
5
6
  :global(.infonomic-button-group) {
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .button,
@@ -1,5 +1,6 @@
1
- @layer byline-base, byline-utilities, byline-theme, byline-components;
2
-
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
3
4
  @layer byline-components {
4
5
  .combo-button-wrapper,
5
6
  :global(.infonomic-combo-button-wrapper) {
@@ -1,5 +1,6 @@
1
- @layer byline-base, byline-utilities, byline-theme, byline-components;
2
-
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
3
4
  @layer byline-components {
4
5
  .stop-button,
5
6
  .play-button,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .copy-button-container,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .card,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .chip,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .container,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .dropdown-content,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .hamburger,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  /* ── Wrapper ── */
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .day-picker {
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  :global(.infonomic-checkbox-group),
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .container,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .text,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .text,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .adornment,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .input-wrapper,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .label,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
9
6
  @layer byline-components {
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .positioner,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .text-area,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .alert,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  /* ============================================
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .pagination-root,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .root,
@@ -1,5 +1,6 @@
1
- @layer byline-base, byline-utilities, byline-theme, byline-typography, byline-components;
2
-
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
3
4
  @layer byline-components {
4
5
  .scroll-to-top,
5
6
  :global(.infonomic-scroll-to-top) {
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .section,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
9
6
  @layer byline-components {
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
9
6
  @layer byline-components {
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .tabs-root,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .tooltip,
@@ -1,5 +1,6 @@
1
- @layer byline-base, byline-utilities, byline-theme, byline-components;
2
-
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
3
4
  @layer byline-components {
4
5
  .element-root {
5
6
  width: 1.375rem;
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .loader-ellipsis,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .loader-ring,
@@ -1,9 +1,6 @@
1
- @layer byline-base,
2
- byline-functional,
3
- byline-utilities,
4
- byline-theme,
5
- byline-typography,
6
- byline-components;
1
+ @layer base, byline-base, components, byline-components,
2
+ byline-functional, utilities, byline-utilities,
3
+ theme, byline-theme, byline-typography;
7
4
 
8
5
  @layer byline-components {
9
6
  .loader-spinner,
@@ -1,11 +1,8 @@
1
1
  /* No longer used in our actual hamburger React and Astro components
2
2
  but left here as a reference. */
3
- @layer byline-base,
4
- byline-functional,
5
- byline-utilities,
6
- byline-theme,
7
- byline-typography,
8
- byline-components;
3
+ @layer base, byline-base, components, byline-components,
4
+ byline-functional, utilities, byline-utilities,
5
+ theme, byline-theme, byline-typography;
9
6
 
10
7
  @layer byline-components {
11
8
  .component--hamburger {