@homebound/beam 2.417.9 → 2.417.11

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
@@ -1,3 +1,20 @@
1
+ /* src/components/internal/DatePicker/day.css */
2
+ .beam-day-button:hover:not(:active):not([data-selected]):not([data-disabled]) > div {
3
+ background-color: rgba(247, 245, 245, 1);
4
+ }
5
+ .beam-day-button:not([data-disabled]):active > div {
6
+ background-color: rgba(201, 201, 201, 1);
7
+ color: rgba(36, 36, 36, 1);
8
+ }
9
+ .beam-day-button:focus:not(:active) > div {
10
+ border-style: solid;
11
+ border-width: 1px;
12
+ border-color: rgba(29, 78, 216, 1);
13
+ }
14
+ .beam-day-button[data-selected]:focus:not(:active) > div {
15
+ border-color: rgba(30, 58, 138, 1);
16
+ }
17
+
1
18
  /* src/components/internal/DatePicker/DatePicker.css */
2
19
  :root {
3
20
  --rdp-cell-size: 32px;
@@ -1 +1 @@
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":[]}
1
+ {"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.js CHANGED
@@ -5156,15 +5156,10 @@ function Day(props) {
5156
5156
  ...otherProps,
5157
5157
  ref: buttonRef,
5158
5158
  type: "button",
5159
- css: {
5160
- ...Css.relative.pbPx(4).outline0.if(disabled).cursorNotAllowed.$,
5161
- // Do not apply interaction styles for disabled or already selected days.
5162
- ...!selected && !disabled && {
5163
- "&:hover:not(:active) > div": Css.bgGray100.$
5164
- },
5165
- ...!disabled && { "&:active > div": Css.bgGray400.gray900.$ },
5166
- "&:focus:not(:active) > div": Css.ba.bcBlue700.if(selected).bcBlue900.$
5167
- },
5159
+ className: "beam-day-button",
5160
+ css: Css.relative.pbPx(4).outline0.if(disabled).cursorNotAllowed.$,
5161
+ ...selected && { "data-selected": "" },
5162
+ ...disabled && { "data-disabled": "" },
5168
5163
  ...tid,
5169
5164
  children: [
5170
5165
  /* @__PURE__ */ jsxs4(
@@ -9623,7 +9618,7 @@ var disabledSelectedBoxStyles = Css.bgGray400.bcGray400.$;
9623
9618
  var disabledColor = Css.gray300.$;
9624
9619
  var focusRingStyles = Css.bshFocus.$;
9625
9620
  var hoverBorderStyles = Css.bcBlue900.$;
9626
- var markStyles = { ">svg": Css.absolute.topPx(-1).leftPx(-1).$ };
9621
+ var markSvgStyles = Css.absolute.topPx(-1).leftPx(-1).$;
9627
9622
  var labelStyles = Css.sm.$;
9628
9623
  var descStyles = Css.sm.gray700.$;
9629
9624
  function StyledCheckbox(props) {
@@ -9642,8 +9637,7 @@ function StyledCheckbox(props) {
9642
9637
  ...isDisabled && disabledBoxStyles,
9643
9638
  ...isDisabled && isSelected && disabledSelectedBoxStyles,
9644
9639
  ...isFocusVisible && focusRingStyles,
9645
- ...isHovered && hoverBorderStyles,
9646
- ...markStyles
9640
+ ...isHovered && hoverBorderStyles
9647
9641
  },
9648
9642
  "aria-hidden": "true",
9649
9643
  "data-checked": isSelected ? true : isIndeterminate ? "mixed" : false,
@@ -9652,14 +9646,14 @@ function StyledCheckbox(props) {
9652
9646
  }
9653
9647
  );
9654
9648
  }
9655
- var checkmarkSmall = /* @__PURE__ */ jsx49("svg", { width: "16", height: "16", children: /* @__PURE__ */ jsx49(
9649
+ var checkmarkSmall = /* @__PURE__ */ jsx49("svg", { width: "16", height: "16", css: markSvgStyles, children: /* @__PURE__ */ jsx49(
9656
9650
  "path",
9657
9651
  {
9658
9652
  d: "M6.66669 10.3907L4.47135 8.19533L3.52869 9.138L6.66669 12.276L13.138 5.80467L12.1954 4.862L6.66669 10.3907Z",
9659
9653
  fill: "rgba(255,255,255,1)" /* White */
9660
9654
  }
9661
9655
  ) });
9662
- var dashSmall = /* @__PURE__ */ jsx49("svg", { width: "16", height: "16", children: /* @__PURE__ */ jsx49("rect", { x: "4", y: "7.5", width: "8", height: "1.35", fill: "rgba(255,255,255,1)" /* White */ }) });
9656
+ var dashSmall = /* @__PURE__ */ jsx49("svg", { width: "16", height: "16", css: markSvgStyles, children: /* @__PURE__ */ jsx49("rect", { x: "4", y: "7.5", width: "8", height: "1.35", fill: "rgba(255,255,255,1)" /* White */ }) });
9663
9657
 
9664
9658
  // src/inputs/TreeSelectField/TreeOption.tsx
9665
9659
  import { jsx as jsx50, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
@@ -15583,30 +15577,17 @@ function FormLines(props) {
15583
15577
  ..."labelLeftFieldWidth" in props ? { labelLeftFieldWidth } : {},
15584
15578
  ...width2 === "full" ? { fullWidth: true } : {}
15585
15579
  };
15586
- return /* @__PURE__ */ jsx114(PresentationProvider, { fieldProps: newFieldProps, children: /* @__PURE__ */ jsx114(
15587
- "div",
15588
- {
15589
- css: {
15590
- // Note that we're purposefully not using display:flex so that our children's margins will collapse.
15591
- ...Css.w(sizes[width2]).$
15592
- },
15593
- children: Children.map(children, (child) => {
15594
- if (child === null || child === void 0 || typeof child === "boolean") {
15595
- return child;
15596
- }
15597
- if (child && typeof child === "object" && "type" in child && child.type.isFormHeading) {
15598
- const clone = cloneElement(child, { isFirst: firstFormHeading });
15599
- firstFormHeading = false;
15600
- return /* @__PURE__ */ jsx114("div", { css: Css.mb(gap).$, children: clone });
15601
- } else {
15602
- return /* @__PURE__ */ jsx114("div", { css: Css.mb(gap).$, children: child });
15603
- }
15604
- })
15580
+ return /* @__PURE__ */ jsx114(PresentationProvider, { fieldProps: newFieldProps, children: /* @__PURE__ */ jsx114("div", { css: Css.df.fdc.gap(gap).pb(gap).w(sizes[width2]).$, children: Children.map(children, (child) => {
15581
+ if (child && typeof child === "object" && "type" in child && child.type.isFormHeading) {
15582
+ const clone = cloneElement(child, { isFirst: firstFormHeading });
15583
+ firstFormHeading = false;
15584
+ return clone;
15605
15585
  }
15606
- ) });
15586
+ return child;
15587
+ }) }) });
15607
15588
  }
15608
15589
  function FormDivider() {
15609
- return /* @__PURE__ */ jsx114("div", { css: Css.hPx(1).my2.bgGray200.$ });
15590
+ return /* @__PURE__ */ jsx114("div", { css: Css.hPx(1).bgGray200.$ });
15610
15591
  }
15611
15592
  function FieldGroup(props) {
15612
15593
  const { title, children, widths: widths2 = [] } = props;
@@ -15845,18 +15826,9 @@ function BoundSelectAndTextField(props) {
15845
15826
  import { jsx as jsx118 } from "@emotion/react/jsx-runtime";
15846
15827
  function FormHeading(props) {
15847
15828
  const { title, xss, isFirst = false, ...others } = props;
15848
- return /* @__PURE__ */ jsx118(
15849
- "h3",
15850
- {
15851
- css: {
15852
- ...Css.md.$,
15853
- // Add space before the heading, but only if it's not first.
15854
- ...!isFirst && Css.mt4.$,
15855
- ...xss
15856
- },
15857
- ...others,
15858
- children: title
15859
- }
15829
+ return (
15830
+ // Add space before the heading, but only if it's not first.
15831
+ /* @__PURE__ */ jsx118("h3", { css: { ...Css.md.if(!isFirst).mt1.$, ...xss }, ...others, children: title })
15860
15832
  );
15861
15833
  }
15862
15834
  FormHeading.isFormHeading = true;