@homebound/beam 2.417.8 → 2.417.9

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.
package/dist/index.css CHANGED
@@ -260,6 +260,101 @@
260
260
  border-radius: 0;
261
261
  }
262
262
 
263
+ /* src/inputs/trix.css */
264
+ .beam-trix-editor {
265
+ position: relative;
266
+ word-break: break-word;
267
+ border-radius: 4px;
268
+ border-color: rgba(221, 220, 220, 1);
269
+ border-style: solid;
270
+ border-width: 1px;
271
+ background-color: rgba(255, 255, 255, 1);
272
+ display: flex;
273
+ flex-direction: column-reverse;
274
+ gap: 8px;
275
+ }
276
+ .beam-trix-editor:focus-within {
277
+ border-color: rgba(29, 78, 216, 1);
278
+ }
279
+ .beam-trix-editor trix-editor {
280
+ background-color: rgba(255, 255, 255, 1);
281
+ font-weight: 400;
282
+ font-size: 14px;
283
+ line-height: 20px;
284
+ color: rgba(36, 36, 36, 1);
285
+ border-style: none;
286
+ border-width: 0;
287
+ padding: 8px;
288
+ }
289
+ .beam-trix-editor trix-toolbar {
290
+ margin: 8px;
291
+ }
292
+ .beam-trix-editor .trix-button:not(:first-of-type) {
293
+ border-style: none;
294
+ border-width: 0;
295
+ }
296
+ .beam-trix-editor .trix-button-group {
297
+ border-style: none;
298
+ border-width: 0;
299
+ margin: 0;
300
+ }
301
+ .beam-trix-editor .trix-button {
302
+ background-color: rgba(255, 255, 255, 1);
303
+ font-weight: 400;
304
+ font-size: 14px;
305
+ line-height: 20px;
306
+ }
307
+ .beam-trix-editor .trix-button--icon {
308
+ width: 1.6em;
309
+ padding: 0;
310
+ margin-left: 4px;
311
+ margin-right: 4px;
312
+ border-style: none;
313
+ border-width: 0;
314
+ }
315
+ .beam-trix-editor .trix-button--icon::before {
316
+ opacity: 0.3;
317
+ }
318
+ .beam-trix-editor .trix-button.trix-active {
319
+ background-color: rgba(255, 255, 255, 1);
320
+ opacity: 0.7;
321
+ }
322
+ .beam-trix-editor .trix-button-group--file-tools {
323
+ display: none;
324
+ }
325
+ .beam-trix-editor .trix-button--icon-heading-1 {
326
+ display: none;
327
+ }
328
+ .beam-trix-editor .trix-button--icon-code {
329
+ display: none;
330
+ }
331
+ .beam-trix-editor .trix-button--icon-quote {
332
+ display: none;
333
+ }
334
+ .beam-trix-editor .trix-button--icon-increase-nesting-level {
335
+ display: none;
336
+ }
337
+ .beam-trix-editor .trix-button--icon-decrease-nesting-level {
338
+ display: none;
339
+ }
340
+ .beam-trix-editor .trix-button-group--history-tools {
341
+ display: none;
342
+ }
343
+ .tribute-container {
344
+ min-width: 300px;
345
+ }
346
+ .tribute-container > ul {
347
+ font-weight: 400;
348
+ font-size: 14px;
349
+ line-height: 20px;
350
+ background-color: rgba(255, 255, 255, 1);
351
+ border-style: solid;
352
+ border-width: 1px;
353
+ border-radius: 4px;
354
+ border-color: rgba(29, 78, 216, 1);
355
+ overflow: hidden;
356
+ }
357
+
263
358
  /* src/components/Copy.css */
264
359
  .beam-copy > p {
265
360
  margin-top: 16px;
@@ -1 +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":[]}
1
+ {"version":3,"sources":["../src/components/internal/DatePicker/DatePicker.css","../src/inputs/trix.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","/*\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":";AAAA;AAEE,mBAAiB;AAEjB,sBAAoB,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE;AACtC,0BAAwB;AAExB,2BAAyB;AACzB,+BAA6B;AAE7B,iBAAe,IAAI,MAAM,IAAI;AAG7B,0BAAwB,IAAI,MAAM,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE;AACtD;AAGA,CAAC,QAAQ;AACP,WAAS;AACX;AAEA,CAAC;AAEC,UAAQ;AACV;AAGA,CAAC;AACC,cAAY;AACZ,WAAS;AACT,UAAQ;AACR,cAAY;AACZ,UAAQ;AACR,mBAAiB;AACjB,sBAAoB;AACpB,cAAY;AACZ,YAAU;AACV,OAAK;AACL,SAAO;AACP,UAAQ;AACR,WAAS;AACT,YAAU;AACV,QAAM,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC1B,UAAQ;AACV;AAGA,CAAC;AACC,cAAY;AACZ,YAAU;AACV,UAAQ;AACR,WAAS;AACT,UAAQ;AACR,SAAO;AACP,WAAS;AACT,cAAY;AACZ,QAAM;AAEN,mBAAiB;AACjB,sBAAoB;AACtB;AAEA,CAAC;AACC,UAAQ,IAAI,MAAM;AACpB;AAEA,CAJC,UAIU,CAAC;AACV,WAAS;AACT,kBAAgB;AAClB;AAEA,CATC,UASU,KAAK,CAAC;AACf,UAAQ;AACV;AAEA,CAbC,UAaU;AACX,CAdC,UAcU;AACT,SAAO;AACP,UAAQ,IAAI;AACZ,oBAAkB,IAAI;AACxB;AAEA,CApBC,UAoBU,MAAM,KAAK,CAAC;AACrB,oBAAkB,IAAI;AACxB;AAEA,CAAC;AACC,WAAS;AACX;AAEA,CAAC;AACC,UAAQ,EAAE;AACZ;AAEA,CAJC,SAIS;AACR,eAAa;AACf;AAEA,CARC,SAQS;AACR,gBAAc;AAChB;AAEA,CAAC;AACC,UAAQ;AACR,aAAW,KAAK,IAAI,iBAAiB,EAAE;AACvC,mBAAiB;AACnB;AAEA,CAAC,oBAAoB,CANpB;AAOC,aAAW,KAAK,IAAI,iBAAiB,EAAE;AACvC,mBAAiB;AACnB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS;AACT,cAAY;AACd;AAEA,CAAC,oBAAoB,CARpB;AASC,YAAU;AACV,WAAS;AACT,cAAY;AACd;AAEA,CAAC;AACC,YAAU;AACV,WAAS;AACX;AAEA,CAAC;AACC,YAAU;AACV,WAAS;AACT,WAAS;AACT,eAAa;AACb,UAAQ;AACR,WAAS,EAAE;AACX,eAAa;AACb,SAAO;AACP,UAAQ;AACR,UAAQ,IAAI,MAAM;AAClB,eAAa;AACb,aAAW;AACX,eAAa;AACf;AAEA,CAAC;AACC,eAAa;AACf;AAEA,CA/BC,oBA+BoB,CAAC,kBAAkB,CAJvC;AAKC,YAAU;AACV,OAAK;AACL,QAAM;AACN,aAAW,WAAW;AACxB;AAEA,CAtCC,oBAsCoB,CAAC,gBAAgB,CAXrC;AAYC,YAAU;AACV,OAAK;AACL,SAAO;AACP,aAAW,WAAW;AACxB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,WAAS;AACT,iBAAe;AACjB;AAMA,CAAC;AACD,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACf;AAEA,CAAC;AACC,cAAY;AACZ,YAAU;AACV,WAAS;AACT,OAAK;AACL,UAAQ;AACR,QAAM;AACN,SAAO;AACP,UAAQ;AACR,WAAS;AACT,UAAQ;AACR,WAAS;AACT,UAAQ;AACR,oBAAkB;AAClB,eAAa;AACb,aAAW;AACX,eAAa;AACf;AAEA,CAnBC,YAmBY,CAAC;AACZ,WAAS;AACT,SAAO;AACT;AAEA,CAxBC,YAwBY,MAAM,KAAK,CAAC,WAAW,EAAE,CA/ErC;AAgFD,CAzBC,YAyBY,OAAO,KAAK,CAAC,WAAW,EAAE,CAhFtC;AAiFC,UAAQ,IAAI;AACZ,iBAAe;AACf,oBAAkB,IAAI;AACxB;AAEA,CAAC;AACC,UAAQ,EAAE,EAAE,EAAE;AAChB;AAEA,CAAC;AACC,UAAQ;AACV;AAEA,CAAC;AACD,CAAC;AACC,UAAQ;AACV;AAEA,CAAC;AACC,kBAAgB;AAChB,kBAAgB;AAChB,aAAW;AACX,eAAa;AACb,cAAY;AACZ,UAAQ;AACR,UAAQ,IAAI;AACZ,WAAS;AACX;AAEA,CAAC;AACC,UAAQ;AACV;AAEA,CAAC;AACC,UAAQ;AACV;AAEA,CAzOC;AA0OC,SAAO,IAAI;AACX,UAAQ;AACR,UAAQ,IAAI;AACZ,WAAS;AACT,cAAY;AACd;AAEA,CAAC;AACC,aAAW;AACb;AAEA,CAJC;AAKD,CAAC;AACC,WAAS;AACT,YAAU;AACV,eAAa;AACb,mBAAiB;AACjB,cAAY;AACZ,SAAO,IAAI;AACX,aAAW,IAAI;AACf,UAAQ,IAAI;AACZ,UAAQ;AACR,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACjB;AAEA,CAAC,aAAa,KAAK,CAAC;AAClB,eAAa;AACf;AAEA,CAAC,gBAAgB,KAAK,CAAC;AACvB,CADC,gBACgB,MAAM,KAAK,CAAC;AAC7B,CAFC,gBAEgB,OAAO,KAAK,CAAC;AAC9B,CAHC,gBAGgB,MAAM,KAAK,CAAC;AAC3B,SAAO;AACP,oBAAkB,IAAI;AACxB;AAEA,CARC,gBAQgB,MAAM,KAAK,CAAC;AAC3B,UAAQ,IAAI;AACd;AAEA,CAhRC,GAgRG,KAAK,CAAC,UAAY,CAAC,mBAAmB,KAAK,CAAC;AAC9C,2BAAyB;AACzB,8BAA4B;AAC9B;AAEA,CArRC,GAqRG,KAAK,CAAC,UAAY,CAL0B,iBAKR,KAAK,CALtB;AAMrB,0BAAwB;AACxB,6BAA2B;AAC7B;AAEA,CA1RC,GA0RG,CAAC,SAAW,CAVO,mBAUa,KAAK,CAVO;AAW9C,0BAAwB;AACxB,6BAA2B;AAC7B;AAEA,CA/RC,GA+RG,CAAC,SAAW,CAfgC,iBAed,KAAK,CAfhB;AAgBrB,2BAAyB;AACzB,8BAA4B;AAC9B;AAEA,CApBgD,iBAoB9B,CApBK;AAqBrB,iBAAe;AACjB;AAEA,CAAC;AACC,iBAAe;AACjB;;;ACtTA,CAAC;AACC,YAAU;AACV,cAAY;AACZ,iBAAe;AACf,gBAAc,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAClC,gBAAc;AACd,gBAAc;AACd,oBAAkB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAEtC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAGA,CAfC,gBAegB;AACf,gBAAc,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;AAClC;AAGA,CApBC,iBAoBiB;AAChB,oBAAkB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACtC,eAAa;AACb,aAAW;AACX,eAAa;AACb,SAAO,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACxB,gBAAc;AACd,gBAAc;AACd,WAAS;AACX;AAEA,CA/BC,iBA+BiB;AAChB,UAAQ;AACV;AAGA,CApCC,iBAoCiB,CAAC,WAAW,KAAK;AACjC,gBAAc;AACd,gBAAc;AAChB;AAEA,CAzCC,iBAyCiB,CAAC;AACjB,gBAAc;AACd,gBAAc;AACd,UAAQ;AACV;AAEA,CA/CC,iBA+CiB,CAXC;AAYjB,oBAAkB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACtC,eAAa;AACb,aAAW;AACX,eAAa;AACf;AAGA,CAvDC,iBAuDiB,CAAC;AACjB,SAAO;AACP,WAAS;AACT,eAAa;AACb,gBAAc;AACd,gBAAc;AACd,gBAAc;AAChB;AAGA,CAjEC,iBAiEiB,CAVC,iBAUiB;AAClC,WAAS;AACX;AAGA,CAtEC,iBAsEiB,CAlCC,WAkCW,CAAC;AAC7B,oBAAkB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACtC,WAAS;AACX;AAGA,CA5EC,iBA4EiB,CAAC;AACjB,WAAS;AACX;AAGA,CAjFC,iBAiFiB,CAAC;AACjB,WAAS;AACX;AAEA,CArFC,iBAqFiB,CAAC;AACjB,WAAS;AACX;AAEA,CAzFC,iBAyFiB,CAAC;AACjB,WAAS;AACX;AAEA,CA7FC,iBA6FiB,CAAC;AACjB,WAAS;AACX;AAEA,CAjGC,iBAiGiB,CAAC;AACjB,WAAS;AACX;AAEA,CArGC,iBAqGiB,CAAC;AACjB,WAAS;AACX;AAGA,CAAC;AACC,aAAW;AACb;AAEA,CAJC,kBAIkB,EAAE;AACnB,eAAa;AACb,aAAW;AACX,eAAa;AACb,oBAAkB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACtC,gBAAc;AACd,gBAAc;AACd,iBAAe;AACf,gBAAc,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;AAChC,YAAU;AACZ;;;ACjIA,CAAC,UAAU,EAAE;AACX,cAAY;AACZ,iBAAe;AACjB;","names":[]}
package/dist/index.d.cts CHANGED
@@ -4633,8 +4633,6 @@ type GridCellContent = {
4633
4633
  onClick?: VoidFunction | string;
4634
4634
  /** Custom css to apply directly to this cell, i.e. cell-specific borders. */
4635
4635
  css?: Properties;
4636
- /** 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>*/
4637
- revealOnRowHover?: true;
4638
4636
  /** Tooltip to add to a cell */
4639
4637
  tooltip?: ReactNode;
4640
4638
  };
package/dist/index.d.ts CHANGED
@@ -4633,8 +4633,6 @@ type GridCellContent = {
4633
4633
  onClick?: VoidFunction | string;
4634
4634
  /** Custom css to apply directly to this cell, i.e. cell-specific borders. */
4635
4635
  css?: Properties;
4636
- /** 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>*/
4637
- revealOnRowHover?: true;
4638
4636
  /** Tooltip to add to a cell */
4639
4637
  tooltip?: ReactNode;
4640
4638
  };
package/dist/index.js CHANGED
@@ -8192,7 +8192,6 @@ function RowImpl(props) {
8192
8192
  const rowStyle = rowStyles?.[row.kind];
8193
8193
  const RowTag = as === "table" ? "tr" : "div";
8194
8194
  const sortOn = tableState.sortConfig?.on;
8195
- const revealOnRowHoverClass = "revealOnRowHover";
8196
8195
  const showRowHoverColor = !reservedRowKinds.includes(row.kind) && !omitRowHover && style.rowHoverColor !== "none";
8197
8196
  const rowStyleCellCss = maybeApplyFunction(row, rowStyle?.cellCss);
8198
8197
  const levelStyle = style.levels && (typeof style.levels === "function" ? style.levels(level) : style.levels[level]);
@@ -8222,11 +8221,7 @@ function RowImpl(props) {
8222
8221
  ...isLastBodyRow && style.lastRowCss,
8223
8222
  // Apply `cursorPointer` to the row if it has a link or `onClick` value.
8224
8223
  ...(rowStyle?.rowLink || rowStyle?.onClick) && { "&:hover": Css.cursorPointer.$ },
8225
- ...maybeApplyFunction(row, rowStyle?.rowCss),
8226
- ...{
8227
- [`> .${revealOnRowHoverClass} > *`]: Css.vh.$,
8228
- [`:hover > .${revealOnRowHoverClass} > *`]: Css.vv.$
8229
- }
8224
+ ...maybeApplyFunction(row, rowStyle?.rowCss)
8230
8225
  // keptLastRowCss is now applied per-cell in cellCss below
8231
8226
  };
8232
8227
  let currentColspan = 1;
@@ -8288,7 +8283,6 @@ function RowImpl(props) {
8288
8283
  };
8289
8284
  const maybeContent = applyRowFn(column2, row, rowApi, level, isExpanded, dragData);
8290
8285
  currentColspan = isGridCellContent(maybeContent) && typeof maybeContent.colspan === "number" ? maybeContent.colspan : isExpandableHeader ? numExpandedColumns + 1 : 1;
8291
- const revealOnRowHover = isGridCellContent(maybeContent) ? maybeContent.revealOnRowHover : false;
8292
8286
  const canSortColumn = sortOn === "client" && column2.clientSideSort !== false || sortOn === "server" && !!column2.serverSideSortKey;
8293
8287
  const alignment = getAlignment(column2, maybeContent);
8294
8288
  const justificationCss = getJustification(column2, maybeContent, as, alignment);
@@ -8378,20 +8372,10 @@ function RowImpl(props) {
8378
8372
  // 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
8379
8373
  width: `calc(${columnSizes.slice(columnIndex, columnIndex + currentColspan).join(" + ")}${applyFirstContentColumnStyles && levelIndent ? ` - ${levelIndent}px` : ""})`
8380
8374
  };
8381
- const cellClassNames = revealOnRowHover ? revealOnRowHoverClass : void 0;
8382
8375
  const cellOnClick = applyCellHighlight ? () => api.setActiveCellId(cellId) : void 0;
8383
8376
  const tooltip = isGridCellContent(maybeContent) ? maybeContent.tooltip : void 0;
8384
8377
  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);
8385
- const cellElement = renderFn(
8386
- columnIndex,
8387
- cellCss,
8388
- content,
8389
- row,
8390
- rowStyle,
8391
- cellClassNames,
8392
- cellOnClick,
8393
- tooltip
8394
- );
8378
+ const cellElement = renderFn(columnIndex, cellCss, content, row, rowStyle, void 0, cellOnClick, tooltip);
8395
8379
  if (!disableColumnResizing && isHeader && columnIndex < columns.length - 1 && currentColspan === 1 && !column2.isAction) {
8396
8380
  const currentSizeStr = columnSizes[columnIndex];
8397
8381
  const minWidthPx = column2.mw ? parseInt(column2.mw.replace("px", ""), 10) : 100;
@@ -11942,7 +11926,6 @@ var radioDisabled = {
11942
11926
  };
11943
11927
 
11944
11928
  // src/inputs/RichTextField.tsx
11945
- import { Global as Global2 } from "@emotion/react";
11946
11929
  import DOMPurify from "dompurify";
11947
11930
  import { createElement, useEffect as useEffect17, useMemo as useMemo21, useRef as useRef31, useState as useState26 } from "react";
11948
11931
 
@@ -12055,7 +12038,7 @@ function RichTextFieldImpl(props) {
12055
12038
  if (!readOnly) {
12056
12039
  return /* @__PURE__ */ jsxs44("div", { css: Css.w100.if(!fullWidth).maxw("550px").$, children: [
12057
12040
  label && /* @__PURE__ */ jsx72(Label, { labelProps: {}, label }),
12058
- /* @__PURE__ */ jsxs44("div", { css: { ...Css.br4.bgWhite.$, ...trixCssOverrides }, children: [
12041
+ /* @__PURE__ */ jsxs44("div", { className: "beam-trix-editor", children: [
12059
12042
  /* @__PURE__ */ jsx72("input", { type: "hidden", id: `input-${id}`, value }),
12060
12043
  createElement("trix-editor", {
12061
12044
  id,
@@ -12064,8 +12047,7 @@ function RichTextFieldImpl(props) {
12064
12047
  ...autoFocus ? { autofocus: true } : {},
12065
12048
  ...placeholder ? { placeholder } : {}
12066
12049
  })
12067
- ] }),
12068
- /* @__PURE__ */ jsx72(Global2, { styles: [tributeOverrides] })
12050
+ ] })
12069
12051
  ] });
12070
12052
  } else {
12071
12053
  return /* @__PURE__ */ jsxs44("div", { css: Css.w100.if(!fullWidth).maxw("550px").$, children: [
@@ -12101,39 +12083,6 @@ function attachTributeJs(mergeTags, editorElement) {
12101
12083
  } catch {
12102
12084
  }
12103
12085
  }
12104
- var trixCssOverrides = {
12105
- ...Css.relative.add({ wordBreak: "break-word" }).br4.bcGray300.ba.$,
12106
- // Put the toolbar on the bottom
12107
- ...Css.df.fdcr.gap1.$,
12108
- // Some basic copy/paste from TextFieldBase
12109
- "& trix-editor": Css.bgWhite.sm.gray900.bn.p1.$,
12110
- // Highlight on focus
12111
- "&:focus-within": Css.bcBlue700.$,
12112
- "& trix-toolbar": Css.m1.$,
12113
- // Make the buttons closer to ours
12114
- "& .trix-button:not(:first-of-type)": Css.bn.$,
12115
- "& .trix-button-group": Css.bn.m0.$,
12116
- "& .trix-button": Css.bgWhite.sm.$,
12117
- // Height is hard-coded to 1.6 in trix, and the default width is wider than we want
12118
- "& .trix-button--icon": Css.w("1.6em").p0.mxPx(4).bn.$,
12119
- // icons are hard-coded svg's, so this is a simpler way to get lighter gray for now
12120
- "& .trix-button--icon::before": Css.add("opacity", "0.3").$,
12121
- // trix defaults to is active = blue bg - turn that off + make icon darker
12122
- "& .trix-button.trix-active": Css.bgWhite.add("opacity", "0.7").$,
12123
- // We don't support file attachment yet, so hide that control for now.
12124
- "& .trix-button-group--file-tools": Css.dn.$,
12125
- // Other things that are unused and we want to hide
12126
- "& .trix-button--icon-heading-1": Css.dn.$,
12127
- "& .trix-button--icon-code": Css.dn.$,
12128
- "& .trix-button--icon-quote": Css.dn.$,
12129
- "& .trix-button--icon-increase-nesting-level": Css.dn.$,
12130
- "& .trix-button--icon-decrease-nesting-level": Css.dn.$,
12131
- "& .trix-button-group--history-tools": Css.dn.$
12132
- };
12133
- var tributeOverrides = {
12134
- ".tribute-container": Css.add({ minWidth: "300px" }).$,
12135
- ".tribute-container > ul": Css.sm.bgWhite.ba.br4.bcBlue700.oh.$
12136
- };
12137
12086
  function extractIdsFromMentions(mergeTags, content) {
12138
12087
  return mergeTags.filter((tag) => content.includes(`@${tag}`));
12139
12088
  }
@@ -14671,7 +14620,7 @@ function useSnackbarContext() {
14671
14620
  }
14672
14621
 
14673
14622
  // src/components/SuperDrawer/SuperDrawer.tsx
14674
- import { Global as Global3 } from "@emotion/react";
14623
+ import { Global as Global2 } from "@emotion/react";
14675
14624
  import { AnimatePresence, motion } from "framer-motion";
14676
14625
  import { useEffect as useEffect23, useRef as useRef42 } from "react";
14677
14626
  import { createPortal as createPortal3 } from "react-dom";
@@ -14707,7 +14656,7 @@ function SuperDrawer() {
14707
14656
  );
14708
14657
  return createPortal3(
14709
14658
  /* @__PURE__ */ jsx93(AnimatePresence, { children: content && /* @__PURE__ */ jsxs56(Fragment22, { children: [
14710
- /* @__PURE__ */ jsx93(Global3, { styles: { body: Css.oh.$ } }),
14659
+ /* @__PURE__ */ jsx93(Global2, { styles: { body: Css.oh.$ } }),
14711
14660
  /* @__PURE__ */ createElement2(
14712
14661
  motion.div,
14713
14662
  {