@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.cjs +272 -323
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +95 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +0 -2
- package/dist/index.d.ts +0 -2
- package/dist/index.js +6 -57
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
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;
|
package/dist/index.css.map
CHANGED
|
@@ -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":"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","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", {
|
|
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
|
|
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(
|
|
14659
|
+
/* @__PURE__ */ jsx93(Global2, { styles: { body: Css.oh.$ } }),
|
|
14711
14660
|
/* @__PURE__ */ createElement2(
|
|
14712
14661
|
motion.div,
|
|
14713
14662
|
{
|