npm - @homebound/beam - Versions diffs - 2.417.9 → 2.417.10 - Mend

@homebound/beam 2.417.9 → 2.417.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.css CHANGED Viewed

@@ -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;

package/dist/index.css.map CHANGED Viewed

	@@ -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 Viewed

@@ -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(