@homebound/beam 2.417.8 → 2.417.10

package/dist/index.css

@@ -1,3 +1,20 @@
+/* src/components/internal/DatePicker/day.css */
+.beam-day-button:hover:not(:active):not([data-selected]):not([data-disabled]) > div {
+  background-color: rgba(247, 245, 245, 1);
+}
+.beam-day-button:not([data-disabled]):active > div {
+  background-color: rgba(201, 201, 201, 1);
+  color: rgba(36, 36, 36, 1);
+}
+.beam-day-button:focus:not(:active) > div {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(29, 78, 216, 1);
+}
+.beam-day-button[data-selected]:focus:not(:active) > div {
+  border-color: rgba(30, 58, 138, 1);
+}
+
 /* src/components/internal/DatePicker/DatePicker.css */
 :root {
   --rdp-cell-size: 32px;
@@ -260,6 +277,101 @@
   border-radius: 0;
 }
 
+/* src/inputs/trix.css */
+.beam-trix-editor {
+  position: relative;
+  word-break: break-word;
+  border-radius: 4px;
+  border-color: rgba(221, 220, 220, 1);
+  border-style: solid;
+  border-width: 1px;
+  background-color: rgba(255, 255, 255, 1);
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 8px;
+}
+.beam-trix-editor:focus-within {
+  border-color: rgba(29, 78, 216, 1);
+}
+.beam-trix-editor trix-editor {
+  background-color: rgba(255, 255, 255, 1);
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 20px;
+  color: rgba(36, 36, 36, 1);
+  border-style: none;
+  border-width: 0;
+  padding: 8px;
+}
+.beam-trix-editor trix-toolbar {
+  margin: 8px;
+}
+.beam-trix-editor .trix-button:not(:first-of-type) {
+  border-style: none;
+  border-width: 0;
+}
+.beam-trix-editor .trix-button-group {
+  border-style: none;
+  border-width: 0;
+  margin: 0;
+}
+.beam-trix-editor .trix-button {
+  background-color: rgba(255, 255, 255, 1);
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 20px;
+}
+.beam-trix-editor .trix-button--icon {
+  width: 1.6em;
+  padding: 0;
+  margin-left: 4px;
+  margin-right: 4px;
+  border-style: none;
+  border-width: 0;
+}
+.beam-trix-editor .trix-button--icon::before {
+  opacity: 0.3;
+}
+.beam-trix-editor .trix-button.trix-active {
+  background-color: rgba(255, 255, 255, 1);
+  opacity: 0.7;
+}
+.beam-trix-editor .trix-button-group--file-tools {
+  display: none;
+}
+.beam-trix-editor .trix-button--icon-heading-1 {
+  display: none;
+}
+.beam-trix-editor .trix-button--icon-code {
+  display: none;
+}
+.beam-trix-editor .trix-button--icon-quote {
+  display: none;
+}
+.beam-trix-editor .trix-button--icon-increase-nesting-level {
+  display: none;
+}
+.beam-trix-editor .trix-button--icon-decrease-nesting-level {
+  display: none;
+}
+.beam-trix-editor .trix-button-group--history-tools {
+  display: none;
+}
+.tribute-container {
+  min-width: 300px;
+}
+.tribute-container > ul {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 20px;
+  background-color: rgba(255, 255, 255, 1);
+  border-style: solid;
+  border-width: 1px;
+  border-radius: 4px;
+  border-color: rgba(29, 78, 216, 1);
+  overflow: hidden;
+}
+
 /* src/components/Copy.css */
 .beam-copy > p {
   margin-top: 16px;

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/internal/DatePicker/DatePicker.css","../src/components/Copy.css"],"sourcesContent":[":root {\n  /* Modified by Beam (40 -> 32) */\n  --rdp-cell-size: 32px;\n  /* Modified by Beam (#0000ff -> Blue700) */\n  --rdp-accent-color: rgba(3, 105, 161, 1);\n  --rdp-background-color: #e7edff;\n  /* Switch to dark colors for dark themes */\n  --rdp-accent-color-dark: #3003e1;\n  --rdp-background-color-dark: #180270;\n  /* Outline border for focused elements */\n  --rdp-outline: 2px solid var(--rdp-accent-color);\n  /* Outline border for focused and selected elements */\n  /* Modified by Beam (rgba(0, 0, 0, 0.75) -> Blue700) */\n  --rdp-outline-selected: 2px solid rgba(3, 105, 161, 1);\n}\n\n/* Added in By Beam */\n.rdp-cell:focus-visible {\n  outline: 0;\n}\n\n.rdp {\n  /* Modified by Beam (1em -> 16px) */\n  margin: 16px;\n}\n\n/* Hide elements for devices that are not screen readers */\n.rdp-vhidden {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  position: absolute !important;\n  top: 0;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(1px, 1px, 1px, 1px) !important;\n  border: 0 !important;\n}\n\n/* Buttons */\n.rdp-button_reset {\n  appearance: none;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  cursor: default;\n  color: inherit;\n  outline: none;\n  background: none;\n  font: inherit;\n\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n\n.rdp-button {\n  border: 2px solid transparent;\n}\n\n.rdp-button[aria-disabled=\"true\"] {\n  opacity: 0.25;\n  pointer-events: none;\n}\n\n.rdp-button:not([aria-disabled=\"true\"]) {\n  cursor: pointer;\n}\n\n.rdp-button:focus,\n.rdp-button:active {\n  color: inherit;\n  border: var(--rdp-outline);\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-button:hover:not([aria-disabled=\"true\"]) {\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-months {\n  display: flex;\n}\n\n.rdp-month {\n  margin: 0 1em;\n}\n\n.rdp-month:first-child {\n  margin-left: 0;\n}\n\n.rdp-month:last-child {\n  margin-right: 0;\n}\n\n.rdp-table {\n  margin: 0;\n  max-width: calc(var(--rdp-cell-size) * 7);\n  border-collapse: collapse;\n}\n\n.rdp-with_weeknumber .rdp-table {\n  max-width: calc(var(--rdp-cell-size) * 8);\n  border-collapse: collapse;\n}\n\n.rdp-caption {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0;\n  text-align: left;\n}\n\n.rdp-multiple_months .rdp-caption {\n  position: relative;\n  display: block;\n  text-align: center;\n}\n\n.rdp-caption_dropdowns {\n  position: relative;\n  display: inline-flex;\n}\n\n.rdp-caption_label {\n  position: relative;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  margin: 0;\n  padding: 0 0.25em;\n  white-space: nowrap;\n  color: currentColor;\n  border: 0;\n  border: 2px solid transparent;\n  font-family: inherit;\n  font-size: 140%;\n  font-weight: bold;\n}\n\n.rdp-nav {\n  white-space: nowrap;\n}\n\n.rdp-multiple_months .rdp-caption_start .rdp-nav {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n}\n\n.rdp-multiple_months .rdp-caption_end .rdp-nav {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n}\n\n.rdp-nav_button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--rdp-cell-size);\n  height: var(--rdp-cell-size);\n  padding: 0.25em;\n  border-radius: 100%;\n}\n\n/* ---------- */\n/* Dropdowns  */\n/* ---------- */\n\n.rdp-dropdown_year,\n.rdp-dropdown_month {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.rdp-dropdown {\n  appearance: none;\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  cursor: inherit;\n  opacity: 0;\n  border: none;\n  background-color: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.rdp-dropdown[disabled] {\n  opacity: unset;\n  color: unset;\n}\n\n.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label,\n.rdp-dropdown:active:not([disabled]) + .rdp-caption_label {\n  border: var(--rdp-outline);\n  border-radius: 6px;\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-dropdown_icon {\n  margin: 0 0 0 5px;\n}\n\n.rdp-head {\n  border: 0;\n}\n\n.rdp-head_row,\n.rdp-row {\n  height: 100%;\n}\n\n.rdp-head_cell {\n  vertical-align: middle;\n  text-transform: uppercase;\n  font-size: 0.75em;\n  font-weight: 700;\n  text-align: center;\n  height: 100%;\n  height: var(--rdp-cell-size);\n  padding: 0;\n}\n\n.rdp-tbody {\n  border: 0;\n}\n\n.rdp-tfoot {\n  margin: 0.5em;\n}\n\n.rdp-cell {\n  width: var(--rdp-cell-size);\n  height: 100%;\n  height: var(--rdp-cell-size);\n  padding: 0;\n  text-align: center;\n}\n\n.rdp-weeknumber {\n  font-size: 0.75em;\n}\n\n.rdp-weeknumber,\n.rdp-day {\n  display: flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: var(--rdp-cell-size);\n  max-width: var(--rdp-cell-size);\n  height: var(--rdp-cell-size);\n  margin: 0;\n  border: 2px solid transparent;\n  border-radius: 100%;\n}\n\n.rdp-day_today:not(.rdp-day_outside) {\n  font-weight: bold;\n}\n\n.rdp-day_selected:not([aria-disabled=\"true\"]),\n.rdp-day_selected:focus:not([aria-disabled=\"true\"]),\n.rdp-day_selected:active:not([aria-disabled=\"true\"]),\n.rdp-day_selected:hover:not([aria-disabled=\"true\"]) {\n  color: white;\n  background-color: var(--rdp-accent-color);\n}\n\n.rdp-day_selected:focus:not([aria-disabled=\"true\"]) {\n  border: var(--rdp-outline-selected);\n}\n\n.rdp:not([dir=\"rtl\"]) .rdp-day_range_start:not(.rdp-day_range_end) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.rdp:not([dir=\"rtl\"]) .rdp-day_range_end:not(.rdp-day_range_start) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.rdp[dir=\"rtl\"] .rdp-day_range_start:not(.rdp-day_range_end) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.rdp[dir=\"rtl\"] .rdp-day_range_end:not(.rdp-day_range_start) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.rdp-day_range_end.rdp-day_range_start {\n  border-radius: 100%;\n}\n\n.rdp-day_range_middle {\n  border-radius: 0;\n}\n",".beam-copy > p {\n  margin-top: 16px;\n  margin-bottom: 16px;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/internal/DatePicker/day.css","../src/components/internal/DatePicker/DatePicker.css","../src/inputs/trix.css","../src/components/Copy.css"],"sourcesContent":["/*\n * DatePicker Day button CSS overrides.\n *\n * These use pseudo-class + child combinator selectors (e.g. \":hover > div\")\n * that StyleX cannot express. Conditional logic previously handled via JS\n * spreading is now encoded with data-attribute selectors.\n */\n\n/* Hover: only when not selected and not disabled */\n.beam-day-button:hover:not(:active):not([data-selected]):not([data-disabled]) > div {\n  background-color: rgba(247, 245, 245, 1); /* Gray100 */\n}\n\n/* Active: only when not disabled */\n.beam-day-button:not([data-disabled]):active > div {\n  background-color: rgba(201, 201, 201, 1); /* Gray400 */\n  color: rgba(36, 36, 36, 1); /* Gray900 */\n}\n\n/* Focus: always applied (default blue700 border) */\n.beam-day-button:focus:not(:active) > div {\n  border-style: solid;\n  border-width: 1px;\n  border-color: rgba(29, 78, 216, 1); /* Blue700 */\n}\n\n/* Focus when selected: override border to blue900 */\n.beam-day-button[data-selected]:focus:not(:active) > div {\n  border-color: rgba(30, 58, 138, 1); /* Blue900 */\n}\n",":root {\n  /* Modified by Beam (40 -> 32) */\n  --rdp-cell-size: 32px;\n  /* Modified by Beam (#0000ff -> Blue700) */\n  --rdp-accent-color: rgba(3, 105, 161, 1);\n  --rdp-background-color: #e7edff;\n  /* Switch to dark colors for dark themes */\n  --rdp-accent-color-dark: #3003e1;\n  --rdp-background-color-dark: #180270;\n  /* Outline border for focused elements */\n  --rdp-outline: 2px solid var(--rdp-accent-color);\n  /* Outline border for focused and selected elements */\n  /* Modified by Beam (rgba(0, 0, 0, 0.75) -> Blue700) */\n  --rdp-outline-selected: 2px solid rgba(3, 105, 161, 1);\n}\n\n/* Added in By Beam */\n.rdp-cell:focus-visible {\n  outline: 0;\n}\n\n.rdp {\n  /* Modified by Beam (1em -> 16px) */\n  margin: 16px;\n}\n\n/* Hide elements for devices that are not screen readers */\n.rdp-vhidden {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  position: absolute !important;\n  top: 0;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(1px, 1px, 1px, 1px) !important;\n  border: 0 !important;\n}\n\n/* Buttons */\n.rdp-button_reset {\n  appearance: none;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  cursor: default;\n  color: inherit;\n  outline: none;\n  background: none;\n  font: inherit;\n\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n\n.rdp-button {\n  border: 2px solid transparent;\n}\n\n.rdp-button[aria-disabled=\"true\"] {\n  opacity: 0.25;\n  pointer-events: none;\n}\n\n.rdp-button:not([aria-disabled=\"true\"]) {\n  cursor: pointer;\n}\n\n.rdp-button:focus,\n.rdp-button:active {\n  color: inherit;\n  border: var(--rdp-outline);\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-button:hover:not([aria-disabled=\"true\"]) {\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-months {\n  display: flex;\n}\n\n.rdp-month {\n  margin: 0 1em;\n}\n\n.rdp-month:first-child {\n  margin-left: 0;\n}\n\n.rdp-month:last-child {\n  margin-right: 0;\n}\n\n.rdp-table {\n  margin: 0;\n  max-width: calc(var(--rdp-cell-size) * 7);\n  border-collapse: collapse;\n}\n\n.rdp-with_weeknumber .rdp-table {\n  max-width: calc(var(--rdp-cell-size) * 8);\n  border-collapse: collapse;\n}\n\n.rdp-caption {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0;\n  text-align: left;\n}\n\n.rdp-multiple_months .rdp-caption {\n  position: relative;\n  display: block;\n  text-align: center;\n}\n\n.rdp-caption_dropdowns {\n  position: relative;\n  display: inline-flex;\n}\n\n.rdp-caption_label {\n  position: relative;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  margin: 0;\n  padding: 0 0.25em;\n  white-space: nowrap;\n  color: currentColor;\n  border: 0;\n  border: 2px solid transparent;\n  font-family: inherit;\n  font-size: 140%;\n  font-weight: bold;\n}\n\n.rdp-nav {\n  white-space: nowrap;\n}\n\n.rdp-multiple_months .rdp-caption_start .rdp-nav {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n}\n\n.rdp-multiple_months .rdp-caption_end .rdp-nav {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n}\n\n.rdp-nav_button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--rdp-cell-size);\n  height: var(--rdp-cell-size);\n  padding: 0.25em;\n  border-radius: 100%;\n}\n\n/* ---------- */\n/* Dropdowns  */\n/* ---------- */\n\n.rdp-dropdown_year,\n.rdp-dropdown_month {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.rdp-dropdown {\n  appearance: none;\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  cursor: inherit;\n  opacity: 0;\n  border: none;\n  background-color: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.rdp-dropdown[disabled] {\n  opacity: unset;\n  color: unset;\n}\n\n.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label,\n.rdp-dropdown:active:not([disabled]) + .rdp-caption_label {\n  border: var(--rdp-outline);\n  border-radius: 6px;\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-dropdown_icon {\n  margin: 0 0 0 5px;\n}\n\n.rdp-head {\n  border: 0;\n}\n\n.rdp-head_row,\n.rdp-row {\n  height: 100%;\n}\n\n.rdp-head_cell {\n  vertical-align: middle;\n  text-transform: uppercase;\n  font-size: 0.75em;\n  font-weight: 700;\n  text-align: center;\n  height: 100%;\n  height: var(--rdp-cell-size);\n  padding: 0;\n}\n\n.rdp-tbody {\n  border: 0;\n}\n\n.rdp-tfoot {\n  margin: 0.5em;\n}\n\n.rdp-cell {\n  width: var(--rdp-cell-size);\n  height: 100%;\n  height: var(--rdp-cell-size);\n  padding: 0;\n  text-align: center;\n}\n\n.rdp-weeknumber {\n  font-size: 0.75em;\n}\n\n.rdp-weeknumber,\n.rdp-day {\n  display: flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: var(--rdp-cell-size);\n  max-width: var(--rdp-cell-size);\n  height: var(--rdp-cell-size);\n  margin: 0;\n  border: 2px solid transparent;\n  border-radius: 100%;\n}\n\n.rdp-day_today:not(.rdp-day_outside) {\n  font-weight: bold;\n}\n\n.rdp-day_selected:not([aria-disabled=\"true\"]),\n.rdp-day_selected:focus:not([aria-disabled=\"true\"]),\n.rdp-day_selected:active:not([aria-disabled=\"true\"]),\n.rdp-day_selected:hover:not([aria-disabled=\"true\"]) {\n  color: white;\n  background-color: var(--rdp-accent-color);\n}\n\n.rdp-day_selected:focus:not([aria-disabled=\"true\"]) {\n  border: var(--rdp-outline-selected);\n}\n\n.rdp:not([dir=\"rtl\"]) .rdp-day_range_start:not(.rdp-day_range_end) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.rdp:not([dir=\"rtl\"]) .rdp-day_range_end:not(.rdp-day_range_start) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.rdp[dir=\"rtl\"] .rdp-day_range_start:not(.rdp-day_range_end) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.rdp[dir=\"rtl\"] .rdp-day_range_end:not(.rdp-day_range_start) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.rdp-day_range_end.rdp-day_range_start {\n  border-radius: 100%;\n}\n\n.rdp-day_range_middle {\n  border-radius: 0;\n}\n","/*\n * Trix editor and Tribute autocomplete CSS overrides.\n *\n * These style third-party DOM elements that we don't control,\n * extracted from inline Emotion styles to a plain CSS file\n * (StyleX cannot style third-party DOM).\n */\n\n/* Wrapper container */\n.beam-trix-editor {\n  position: relative;\n  word-break: break-word;\n  border-radius: 4px;\n  border-color: rgba(221, 220, 220, 1);\n  border-style: solid;\n  border-width: 1px;\n  background-color: rgba(255, 255, 255, 1);\n  /* Put the toolbar on the bottom */\n  display: flex;\n  flex-direction: column-reverse;\n  gap: 8px;\n}\n\n/* Highlight on focus */\n.beam-trix-editor:focus-within {\n  border-color: rgba(29, 78, 216, 1);\n}\n\n/* Basic editor styles (copy/paste from TextFieldBase) */\n.beam-trix-editor trix-editor {\n  background-color: rgba(255, 255, 255, 1);\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: rgba(36, 36, 36, 1);\n  border-style: none;\n  border-width: 0;\n  padding: 8px;\n}\n\n.beam-trix-editor trix-toolbar {\n  margin: 8px;\n}\n\n/* Make the buttons closer to ours */\n.beam-trix-editor .trix-button:not(:first-of-type) {\n  border-style: none;\n  border-width: 0;\n}\n\n.beam-trix-editor .trix-button-group {\n  border-style: none;\n  border-width: 0;\n  margin: 0;\n}\n\n.beam-trix-editor .trix-button {\n  background-color: rgba(255, 255, 255, 1);\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n/* Height is hard-coded to 1.6 in trix, and the default width is wider than we want */\n.beam-trix-editor .trix-button--icon {\n  width: 1.6em;\n  padding: 0;\n  margin-left: 4px;\n  margin-right: 4px;\n  border-style: none;\n  border-width: 0;\n}\n\n/* Icons are hard-coded SVGs, so this is a simpler way to get lighter gray */\n.beam-trix-editor .trix-button--icon::before {\n  opacity: 0.3;\n}\n\n/* Trix defaults to active = blue bg — turn that off + make icon darker */\n.beam-trix-editor .trix-button.trix-active {\n  background-color: rgba(255, 255, 255, 1);\n  opacity: 0.7;\n}\n\n/* We don't support file attachment yet, so hide that control */\n.beam-trix-editor .trix-button-group--file-tools {\n  display: none;\n}\n\n/* Unused buttons we want to hide */\n.beam-trix-editor .trix-button--icon-heading-1 {\n  display: none;\n}\n\n.beam-trix-editor .trix-button--icon-code {\n  display: none;\n}\n\n.beam-trix-editor .trix-button--icon-quote {\n  display: none;\n}\n\n.beam-trix-editor .trix-button--icon-increase-nesting-level {\n  display: none;\n}\n\n.beam-trix-editor .trix-button--icon-decrease-nesting-level {\n  display: none;\n}\n\n.beam-trix-editor .trix-button-group--history-tools {\n  display: none;\n}\n\n/* Style the @ mention box (Tribute) */\n.tribute-container {\n  min-width: 300px;\n}\n\n.tribute-container > ul {\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  background-color: rgba(255, 255, 255, 1);\n  border-style: solid;\n  border-width: 1px;\n  border-radius: 4px;\n  border-color: rgba(29, 78, 216, 1);\n  overflow: hidden;\n}\n",".beam-copy > p {\n  margin-top: 16px;\n  margin-bottom: 16px;\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -4633,8 +4633,6 @@ type GridCellContent = {
     onClick?: VoidFunction | string;
     /** Custom css to apply directly to this cell, i.e. cell-specific borders. */
     css?: Properties;
-    /** Allows cell to reveal content when the user hovers over a row. Content must be wrapped in an element in order to be hidden. IE <div>{value}</div>*/
-    revealOnRowHover?: true;
     /** Tooltip to add to a cell */
     tooltip?: ReactNode;
 };

package/dist/index.d.ts

@@ -4633,8 +4633,6 @@ type GridCellContent = {
     onClick?: VoidFunction | string;
     /** Custom css to apply directly to this cell, i.e. cell-specific borders. */
     css?: Properties;
-    /** Allows cell to reveal content when the user hovers over a row. Content must be wrapped in an element in order to be hidden. IE <div>{value}</div>*/
-    revealOnRowHover?: true;
     /** Tooltip to add to a cell */
     tooltip?: ReactNode;
 };

package/dist/index.js

@@ -5156,15 +5156,10 @@ function Day(props) {
       ...otherProps,
       ref: buttonRef,
       type: "button",
-      css: {
-        ...Css.relative.pbPx(4).outline0.if(disabled).cursorNotAllowed.$,
-        // Do not apply interaction styles for disabled or already selected days.
-        ...!selected && !disabled && {
-          "&:hover:not(:active) > div": Css.bgGray100.$
-        },
-        ...!disabled && { "&:active > div": Css.bgGray400.gray900.$ },
-        "&:focus:not(:active) > div": Css.ba.bcBlue700.if(selected).bcBlue900.$
-      },
+      className: "beam-day-button",
+      css: Css.relative.pbPx(4).outline0.if(disabled).cursorNotAllowed.$,
+      ...selected && { "data-selected": "" },
+      ...disabled && { "data-disabled": "" },
       ...tid,
       children: [
         /* @__PURE__ */ jsxs4(
@@ -8192,7 +8187,6 @@ function RowImpl(props) {
   const rowStyle = rowStyles?.[row.kind];
   const RowTag = as === "table" ? "tr" : "div";
   const sortOn = tableState.sortConfig?.on;
-  const revealOnRowHoverClass = "revealOnRowHover";
   const showRowHoverColor = !reservedRowKinds.includes(row.kind) && !omitRowHover && style.rowHoverColor !== "none";
   const rowStyleCellCss = maybeApplyFunction(row, rowStyle?.cellCss);
   const levelStyle = style.levels && (typeof style.levels === "function" ? style.levels(level) : style.levels[level]);
@@ -8222,11 +8216,7 @@ function RowImpl(props) {
     ...isLastBodyRow && style.lastRowCss,
     // Apply `cursorPointer` to the row if it has a link or `onClick` value.
     ...(rowStyle?.rowLink || rowStyle?.onClick) && { "&:hover": Css.cursorPointer.$ },
-    ...maybeApplyFunction(row, rowStyle?.rowCss),
-    ...{
-      [`> .${revealOnRowHoverClass} > *`]: Css.vh.$,
-      [`:hover > .${revealOnRowHoverClass} > *`]: Css.vv.$
-    }
+    ...maybeApplyFunction(row, rowStyle?.rowCss)
     // keptLastRowCss is now applied per-cell in cellCss below
   };
   let currentColspan = 1;
@@ -8288,7 +8278,6 @@ function RowImpl(props) {
     };
     const maybeContent = applyRowFn(column2, row, rowApi, level, isExpanded, dragData);
     currentColspan = isGridCellContent(maybeContent) && typeof maybeContent.colspan === "number" ? maybeContent.colspan : isExpandableHeader ? numExpandedColumns + 1 : 1;
-    const revealOnRowHover = isGridCellContent(maybeContent) ? maybeContent.revealOnRowHover : false;
     const canSortColumn = sortOn === "client" && column2.clientSideSort !== false || sortOn === "server" && !!column2.serverSideSortKey;
     const alignment = getAlignment(column2, maybeContent);
     const justificationCss = getJustification(column2, maybeContent, as, alignment);
@@ -8378,20 +8367,10 @@ function RowImpl(props) {
       // If we have a 'levelIndent' defined, then subtract that amount from the first content column's width to ensure all columns will still line up properly
       width: `calc(${columnSizes.slice(columnIndex, columnIndex + currentColspan).join(" + ")}${applyFirstContentColumnStyles && levelIndent ? ` - ${levelIndent}px` : ""})`
     };
-    const cellClassNames = revealOnRowHover ? revealOnRowHoverClass : void 0;
     const cellOnClick = applyCellHighlight ? () => api.setActiveCellId(cellId) : void 0;
     const tooltip = isGridCellContent(maybeContent) ? maybeContent.tooltip : void 0;
     const renderFn = (rowStyle?.renderCell || rowStyle?.rowLink) && wrapAction ? rowLinkRenderFn(as, currentColspan) : isHeader || isTotals || isExpandableHeader ? headerRenderFn(column2, as, currentColspan) : rowStyle?.onClick && wrapAction ? rowClickRenderFn(as, api, currentColspan) : defaultRenderFn(as, currentColspan);
-    const cellElement = renderFn(
-      columnIndex,
-      cellCss,
-      content,
-      row,
-      rowStyle,
-      cellClassNames,
-      cellOnClick,
-      tooltip
-    );
+    const cellElement = renderFn(columnIndex, cellCss, content, row, rowStyle, void 0, cellOnClick, tooltip);
     if (!disableColumnResizing && isHeader && columnIndex < columns.length - 1 && currentColspan === 1 && !column2.isAction) {
       const currentSizeStr = columnSizes[columnIndex];
       const minWidthPx = column2.mw ? parseInt(column2.mw.replace("px", ""), 10) : 100;
@@ -11942,7 +11921,6 @@ var radioDisabled = {
 };
 
 // src/inputs/RichTextField.tsx
-import { Global as Global2 } from "@emotion/react";
 import DOMPurify from "dompurify";
 import { createElement, useEffect as useEffect17, useMemo as useMemo21, useRef as useRef31, useState as useState26 } from "react";
 
@@ -12055,7 +12033,7 @@ function RichTextFieldImpl(props) {
   if (!readOnly) {
     return /* @__PURE__ */ jsxs44("div", { css: Css.w100.if(!fullWidth).maxw("550px").$, children: [
       label && /* @__PURE__ */ jsx72(Label, { labelProps: {}, label }),
-      /* @__PURE__ */ jsxs44("div", { css: { ...Css.br4.bgWhite.$, ...trixCssOverrides }, children: [
+      /* @__PURE__ */ jsxs44("div", { className: "beam-trix-editor", children: [
         /* @__PURE__ */ jsx72("input", { type: "hidden", id: `input-${id}`, value }),
         createElement("trix-editor", {
           id,
@@ -12064,8 +12042,7 @@ function RichTextFieldImpl(props) {
           ...autoFocus ? { autofocus: true } : {},
           ...placeholder ? { placeholder } : {}
         })
-      ] }),
-      /* @__PURE__ */ jsx72(Global2, { styles: [tributeOverrides] })
+      ] })
     ] });
   } else {
     return /* @__PURE__ */ jsxs44("div", { css: Css.w100.if(!fullWidth).maxw("550px").$, children: [
@@ -12101,39 +12078,6 @@ function attachTributeJs(mergeTags, editorElement) {
   } catch {
   }
 }
-var trixCssOverrides = {
-  ...Css.relative.add({ wordBreak: "break-word" }).br4.bcGray300.ba.$,
-  // Put the toolbar on the bottom
-  ...Css.df.fdcr.gap1.$,
-  // Some basic copy/paste from TextFieldBase
-  "& trix-editor": Css.bgWhite.sm.gray900.bn.p1.$,
-  // Highlight on focus
-  "&:focus-within": Css.bcBlue700.$,
-  "& trix-toolbar": Css.m1.$,
-  // Make the buttons closer to ours
-  "& .trix-button:not(:first-of-type)": Css.bn.$,
-  "& .trix-button-group": Css.bn.m0.$,
-  "& .trix-button": Css.bgWhite.sm.$,
-  // Height is hard-coded to 1.6 in trix, and the default width is wider than we want
-  "& .trix-button--icon": Css.w("1.6em").p0.mxPx(4).bn.$,
-  // icons are hard-coded svg's, so this is a simpler way to get lighter gray for now
-  "& .trix-button--icon::before": Css.add("opacity", "0.3").$,
-  // trix defaults to is active = blue bg - turn that off + make icon darker
-  "& .trix-button.trix-active": Css.bgWhite.add("opacity", "0.7").$,
-  // We don't support file attachment yet, so hide that control for now.
-  "& .trix-button-group--file-tools": Css.dn.$,
-  // Other things that are unused and we want to hide
-  "& .trix-button--icon-heading-1": Css.dn.$,
-  "& .trix-button--icon-code": Css.dn.$,
-  "& .trix-button--icon-quote": Css.dn.$,
-  "& .trix-button--icon-increase-nesting-level": Css.dn.$,
-  "& .trix-button--icon-decrease-nesting-level": Css.dn.$,
-  "& .trix-button-group--history-tools": Css.dn.$
-};
-var tributeOverrides = {
-  ".tribute-container": Css.add({ minWidth: "300px" }).$,
-  ".tribute-container > ul": Css.sm.bgWhite.ba.br4.bcBlue700.oh.$
-};
 function extractIdsFromMentions(mergeTags, content) {
   return mergeTags.filter((tag) => content.includes(`@${tag}`));
 }
@@ -14671,7 +14615,7 @@ function useSnackbarContext() {
 }
 
 // src/components/SuperDrawer/SuperDrawer.tsx
-import { Global as Global3 } from "@emotion/react";
+import { Global as Global2 } from "@emotion/react";
 import { AnimatePresence, motion } from "framer-motion";
 import { useEffect as useEffect23, useRef as useRef42 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
@@ -14707,7 +14651,7 @@ function SuperDrawer() {
   );
   return createPortal3(
     /* @__PURE__ */ jsx93(AnimatePresence, { children: content && /* @__PURE__ */ jsxs56(Fragment22, { children: [
-      /* @__PURE__ */ jsx93(Global3, { styles: { body: Css.oh.$ } }),
+      /* @__PURE__ */ jsx93(Global2, { styles: { body: Css.oh.$ } }),
       /* @__PURE__ */ createElement2(
         motion.div,
         {