@skyscanner/backpack-web 31.10.1 → 32.0.0
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/bpk-component-accordion/src/BpkAccordion.module.css +2 -2
- package/bpk-component-accordion/src/BpkAccordionItem.module.css +2 -2
- package/bpk-component-aria-live/src/BpkAriaLive.module.css +2 -2
- package/bpk-component-autosuggest/src/BpkAutosuggest.module.css +2 -2
- package/bpk-component-badge/index.js +1 -3
- package/bpk-component-badge/src/BpkBadge.module.css +2 -2
- package/bpk-component-banner-alert/src/BpkAnimateAndFade.module.css +2 -2
- package/bpk-component-banner-alert/src/BpkBannerAlert.module.css +2 -2
- package/bpk-component-barchart/src/BpkBarchart.module.css +2 -2
- package/bpk-component-barchart/src/BpkBarchartBar.module.css +2 -2
- package/bpk-component-barchart/src/BpkChartAxis.module.css +2 -2
- package/bpk-component-barchart/src/BpkChartDataTable.module.css +2 -2
- package/bpk-component-barchart/src/BpkChartGridLines.module.css +2 -2
- package/bpk-component-blockquote/src/BpkBlockquote.module.css +2 -2
- package/bpk-component-boilerplate/src/BpkBoilerplate.module.css +2 -2
- package/bpk-component-bottom-sheet/src/BpkBottomSheet.module.css +2 -2
- package/bpk-component-bottom-sheet/src/BpkBottomSheetInner.module.css +2 -2
- package/bpk-component-breadcrumb/src/BpkBreadcrumb.module.css +2 -2
- package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.module.css +2 -2
- package/bpk-component-button/src/BpkButtonBase.module.css +2 -2
- package/bpk-component-button/src/BpkButtonDestructive.module.css +2 -2
- package/bpk-component-button/src/BpkButtonFeatured.module.css +2 -2
- package/bpk-component-button/src/BpkButtonLink.module.css +2 -2
- package/bpk-component-button/src/BpkButtonLinkOnDark.module.css +2 -2
- package/bpk-component-button/src/BpkButtonPrimaryOnDark.module.css +2 -2
- package/bpk-component-button/src/BpkButtonPrimaryOnLight.module.css +2 -2
- package/bpk-component-button/src/BpkButtonSecondary.module.css +2 -2
- package/bpk-component-button/src/BpkButtonSecondaryOnDark.module.css +2 -2
- package/bpk-component-button/src/BpkButtonV2/BpkButton.module.css +2 -2
- package/bpk-component-calendar/src/BpkCalendar.module.css +2 -2
- package/bpk-component-calendar/src/BpkCalendarDate.module.css +2 -2
- package/bpk-component-calendar/src/BpkCalendarGrid.module.css +2 -2
- package/bpk-component-calendar/src/BpkCalendarGridHeader.module.css +2 -2
- package/bpk-component-calendar/src/BpkCalendarGridTransition.module.css +2 -2
- package/bpk-component-calendar/src/BpkCalendarNav.module.css +2 -2
- package/bpk-component-card/src/BpkCard.module.css +2 -2
- package/bpk-component-card/src/BpkCardWrapper.module.css +2 -2
- package/bpk-component-card/src/BpkDividedCard.module.css +2 -2
- package/bpk-component-card-button/src/BpkSaveButton.module.css +2 -2
- package/bpk-component-checkbox/src/BpkCheckbox.module.css +2 -2
- package/bpk-component-chip/src/BpkSelectableChip.module.css +2 -2
- package/bpk-component-close-button/src/BpkCloseButton.module.css +2 -2
- package/bpk-component-code/src/BpkCode.module.css +2 -2
- package/bpk-component-code/src/BpkCodeBlock.module.css +2 -2
- package/bpk-component-content-cards/src/BpkContentCard.module.css +2 -2
- package/bpk-component-content-cards/src/BpkContentCards.module.css +2 -2
- package/bpk-component-datatable/index.js +3 -2
- package/bpk-component-datatable/src/BpkDataTable.js +38 -103
- package/bpk-component-datatable/src/BpkDataTable.module.css +2 -2
- package/bpk-component-datatable/src/BpkDataTableHeader.js +22 -2
- package/bpk-component-datatable/src/BpkDataTableHeader.module.css +2 -2
- package/bpk-component-datatable/src/common-types.js +22 -0
- package/bpk-component-datatable/src/utils.js +14 -148
- package/bpk-component-datepicker/src/BpkDatepicker.module.css +2 -2
- package/bpk-component-description-list/src/BpkDescriptionList.module.css +2 -2
- package/bpk-component-dialog/src/BpkDialog.module.css +2 -2
- package/bpk-component-dialog/src/BpkDialogInner.module.css +2 -2
- package/bpk-component-drawer/src/BpkDrawer.module.css +2 -2
- package/bpk-component-drawer/src/BpkDrawerContent.module.css +2 -2
- package/bpk-component-fieldset/src/BpkFieldset.module.css +2 -2
- package/bpk-component-flare/src/bpk-content-bubble.module.css +2 -2
- package/bpk-component-flare/src/bpk-flare-bar.module.css +2 -2
- package/bpk-component-floating-notification/src/BpkFloatingNotification.module.css +2 -2
- package/bpk-component-form-validation/src/BpkFormValidation.module.css +2 -2
- package/bpk-component-graphic-promotion/src/BpkGraphicPromo.module.css +2 -2
- package/bpk-component-grid-toggle/src/BpkGridToggle.module.css +2 -2
- package/bpk-component-horizontal-nav/src/BpkHorizontalNav.module.css +2 -2
- package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.module.css +2 -2
- package/bpk-component-icon/src/BpkIcon.module.css +2 -2
- package/bpk-component-icon/src/withDescription.module.css +2 -2
- package/bpk-component-image/src/BpkBackgroundImage.module.css +2 -2
- package/bpk-component-image/src/BpkImage.module.css +2 -2
- package/bpk-component-infinite-scroll/src/withInfiniteScroll.module.css +2 -2
- package/bpk-component-info-banner/src/BpkAnimateAndFade.module.css +2 -2
- package/bpk-component-info-banner/src/BpkInfoBanner.module.css +2 -2
- package/bpk-component-input/src/BpkClearButton.module.css +2 -2
- package/bpk-component-input/src/BpkInput.module.css +2 -2
- package/bpk-component-label/src/BpkLabel.module.css +2 -2
- package/bpk-component-link/src/BpkLink.module.css +2 -2
- package/bpk-component-list/src/BpkList.module.css +2 -2
- package/bpk-component-loading-button/src/BpkLoadingButton.module.css +2 -2
- package/bpk-component-map/src/BpkIconMarker.module.css +2 -2
- package/bpk-component-map/src/BpkIconMarkerBackground.module.css +2 -2
- package/bpk-component-map/src/BpkMap.module.css +2 -2
- package/bpk-component-map/src/BpkPriceMarker.module.css +2 -2
- package/bpk-component-map/src/BpkPriceMarkerV2/BpkPriceMarker.module.css +2 -2
- package/bpk-component-map/src/DefaultLoadingElement.module.css +2 -2
- package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.module.css +2 -2
- package/bpk-component-modal/src/BpkModal.module.css +2 -2
- package/bpk-component-modal/src/BpkModalInner.module.css +2 -2
- package/bpk-component-modal/src/BpkModalV2/BpKModal.module.css +2 -2
- package/bpk-component-navigation-bar/src/BpkNavigationBar.module.css +2 -2
- package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.module.css +2 -2
- package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.module.css +2 -2
- package/bpk-component-nudger/src/BpkNudger.module.css +2 -2
- package/bpk-component-overlay/src/BpkOverlay.module.css +2 -2
- package/bpk-component-page-indicator/src/BpkPageIndicator.module.css +2 -2
- package/bpk-component-pagination/src/BpkPagination.module.css +2 -2
- package/bpk-component-pagination/src/BpkPaginationList.module.css +2 -2
- package/bpk-component-pagination/src/BpkPaginationNudger.module.css +2 -2
- package/bpk-component-pagination/src/BpkPaginationPage.module.css +2 -2
- package/bpk-component-panel/src/BpkPanel.module.css +2 -2
- package/bpk-component-phone-input/src/BpkPhoneInput.module.css +2 -2
- package/bpk-component-popover/src/BpkPopover.module.css +2 -2
- package/bpk-component-price/src/BpkPrice.module.css +2 -2
- package/bpk-component-progress/src/BpkProgress.module.css +2 -2
- package/bpk-component-radio/src/BpkRadio.module.css +2 -2
- package/bpk-component-rating/src/BpkRating.module.css +2 -2
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.module.css +2 -2
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.module.css +2 -2
- package/bpk-component-section-header/src/BpkSectionHeader.module.css +2 -2
- package/bpk-component-section-list/src/BpkSectionListItem.module.css +2 -2
- package/bpk-component-section-list/src/BpkSectionListSection.module.css +2 -2
- package/bpk-component-select/src/BpkSelect.module.css +2 -2
- package/bpk-component-skip-link/src/BpkSkipLink.module.css +2 -2
- package/bpk-component-slider/src/BpkSlider.module.css +2 -2
- package/bpk-component-spinner/src/BpkSpinner.module.css +2 -2
- package/bpk-component-split-input/src/BpkInputField.module.css +2 -2
- package/bpk-component-split-input/src/BpkSplitInput.module.css +2 -2
- package/bpk-component-star-rating/src/BpkInteractiveStar.module.css +2 -2
- package/bpk-component-star-rating/src/BpkStar.module.css +2 -2
- package/bpk-component-star-rating/src/BpkStarRating.module.css +2 -2
- package/bpk-component-swap-button/src/BpkSwapButton.module.css +2 -2
- package/bpk-component-switch/src/BpkSwitch.module.css +2 -2
- package/bpk-component-table/src/BpkTable.module.css +2 -2
- package/bpk-component-text/src/BpkText.module.css +2 -2
- package/bpk-component-textarea/src/BpkTextarea.module.css +2 -2
- package/bpk-component-theme-toggle/src/BpkThemeToggle.module.css +2 -2
- package/bpk-component-ticket/src/BpkTicket.module.css +2 -2
- package/bpk-component-tooltip/src/BpkTooltip.module.css +2 -2
- package/bpk-mixins/{src/mixins/_badges-v2.scss → _badges-v2.scss} +3 -1
- package/bpk-mixins/{src/mixins/_badges.scss → _badges.scss} +13 -9
- package/bpk-mixins/{src/mixins/_borders.scss → _borders.scss} +11 -9
- package/bpk-mixins/{src/mixins/_breakpoints.scss → _breakpoints.scss} +3 -1
- package/bpk-mixins/{src/mixins/_buttons.scss → _buttons.scss} +7 -4
- package/bpk-mixins/{src/mixins/_cards.scss → _cards.scss} +6 -1
- package/bpk-mixins/{src/mixins/_chips.scss → _chips.scss} +8 -0
- package/bpk-mixins/{src/mixins/_forms.scss → _forms.scss} +5 -1
- package/bpk-mixins/_icons.scss +88 -0
- package/bpk-mixins/_index.scss +20 -17
- package/bpk-mixins/{src/mixins/_layers.scss → _layers.scss} +18 -15
- package/bpk-mixins/{src/mixins/_margins.scss → _margins.scss} +4 -0
- package/bpk-mixins/{src/mixins/_panels.scss → _panels.scss} +6 -2
- package/bpk-mixins/{src/mixins/_radii.scss → _radii.scss} +3 -1
- package/bpk-mixins/{src/mixins/_scroll-indicators.scss → _scroll-indicators.scss} +3 -1
- package/bpk-mixins/{src/mixins/_shadows.scss → _shadows.scss} +3 -1
- package/bpk-mixins/{src/mixins/_svgs.scss → _spinners.scss} +5 -68
- package/bpk-mixins/{src/_bonds.scss → _tokens.scss} +2 -0
- package/bpk-mixins/{src/mixins/_typography.scss → _typography.scss} +6 -2
- package/bpk-mixins/{src/mixins/_utils.scss → _utils.scss} +4 -0
- package/bpk-scrim-utils/src/bpk-scrim-content.module.css +2 -2
- package/bpk-scrim-utils/src/bpk-scrim.module.css +2 -2
- package/bpk-stylesheets/base.css +1 -2
- package/bpk-stylesheets/font.css +2 -2
- package/bpk-stylesheets/index.scss +18 -14
- package/bpk-stylesheets/normalize.css +422 -0
- package/package.json +15 -2
- package/unstable__bpk-mixins/_badges-v2.scss +240 -0
- package/unstable__bpk-mixins/_badges.scss +240 -0
- package/unstable__bpk-mixins/_borders.scss +268 -0
- package/unstable__bpk-mixins/_breakpoints.scss +221 -0
- package/unstable__bpk-mixins/_buttons.scss +568 -0
- package/unstable__bpk-mixins/_cards.scss +94 -0
- package/unstable__bpk-mixins/_chips.scss +240 -0
- package/unstable__bpk-mixins/_forms.scss +1049 -0
- package/unstable__bpk-mixins/_icons.scss +88 -0
- package/{bpk-mixins/sass-functions.js → unstable__bpk-mixins/_index.scss} +19 -10
- package/unstable__bpk-mixins/_layers.scss +199 -0
- package/unstable__bpk-mixins/_margins.scss +75 -0
- package/unstable__bpk-mixins/_panels.scss +71 -0
- package/unstable__bpk-mixins/_radii.scss +80 -0
- package/unstable__bpk-mixins/_scroll-indicators.scss +79 -0
- package/unstable__bpk-mixins/_shadows.scss +58 -0
- package/unstable__bpk-mixins/_spinners.scss +102 -0
- package/{bpk-component-datatable/src/sort-types.js → unstable__bpk-mixins/_tokens.scss} +3 -6
- package/unstable__bpk-mixins/_typography.scss +1039 -0
- package/unstable__bpk-mixins/_utils.scss +266 -0
- package/bpk-component-badge/src/BpkBadgeV2/BpkBadge.d.ts +0 -22
- package/bpk-component-badge/src/BpkBadgeV2/BpkBadge.js +0 -47
- package/bpk-component-badge/src/BpkBadgeV2/BpkBadge.module.css +0 -18
- package/bpk-component-datatable/src/BpkDataTableColumn.js +0 -54
- package/bpk-component-datatable/src/BpkDataTableColumn.module.css +0 -18
- package/bpk-component-datatable/src/hasChildrenOfType.js +0 -35
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-pagination-nudger{display:flex;width:2.25rem;height:2.25rem;padding:.625rem}.bpk-pagination-nudger__text--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-pagination-page{min-width:2.25rem;height:2.25rem;padding:0 1rem;border-radius:.5rem;color:#161616;box-shadow:0 0 0 1px var(--bpk-pagination-selected-background-color, rgb(193, 199, 207)) inset;font-size:1rem;line-height:1.5rem;font-weight:700}.bpk-no-touch-support .bpk-pagination-page:hover:not(:active):not(:disabled){background-color:rgba(0,0,0,0);box-shadow:0 0 0 1px #05203c inset}:global(.bpk-no-touch-support) .bpk-pagination-page:hover:not(:active):not(:disabled){background-color:rgba(0,0,0,0);box-shadow:0 0 0 1px #05203c inset}.bpk-pagination-page:active{background-color:rgba(0,0,0,0);box-shadow:0 0 0 1px #05203c inset}.bpk-pagination-page--selected{color:#fff;box-shadow:none}.bpk-no-touch-support .bpk-pagination-page--selected:hover:not(:active):not(:disabled){color:#161616}:global(.bpk-no-touch-support) .bpk-pagination-page--selected:hover:not(:active):not(:disabled){color:#161616}.bpk-pagination-page--selected:active{color:#161616}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-panel{display:block;background-color:#fff;box-shadow:0 0 0 1px #c1c7cf inset;border-radius:.75rem}.bpk-panel--padded{padding:1rem}.bpk-panel--full-width{border-radius:0;box-shadow:#c1c7cf 0 -0.0625rem 0 0 inset,#c1c7cf 0 .0625rem 0 0 inset}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-phone-input{display:flex;column-gap:.5rem}@media(max-width: 32rem){.bpk-phone-input{flex-wrap:wrap}.bpk-phone-input__phone-number{width:100%;margin-top:1rem}}.bpk-phone-input__phone-number{flex:auto}.bpk-phone-input__label{margin-bottom:.5rem}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-popover-portal{z-index:900}@media(max-width: 32rem){.bpk-popover-portal{margin-right:1rem;margin-left:1rem}}.bpk-popover{transition:opacity 200ms ease-in-out;outline:0;opacity:1;border:.0625rem solid #e0e4e9;background-color:#fff;border-radius:.5rem;box-shadow:0px 4px 14px 0px rgba(37,32,31,.25)}@media(min-width: 32.0625rem){.bpk-popover{max-width:32rem;transition:opacity 50ms ease-in-out}}.bpk-popover--appear{opacity:0}.bpk-popover--appear-active{opacity:1}.bpk-popover__arrow{position:absolute;width:1.5rem;height:1.5rem;transform:rotate(45deg);border:.0625rem solid rgba(0,0,0,0);background:inherit}.bpk-popover-portal[data-popper-placement=top] .bpk-popover__arrow{bottom:-0.6875rem;border-right-color:#e0e4e9;border-bottom-color:#e0e4e9}.bpk-popover-portal[data-popper-placement=right] .bpk-popover__arrow{left:-0.6875rem;border-bottom-color:#e0e4e9;border-left-color:#e0e4e9}.bpk-popover-portal[data-popper-placement=bottom] .bpk-popover__arrow{top:-0.6875rem;border-top-color:#e0e4e9;border-left-color:#e0e4e9}.bpk-popover-portal[data-popper-placement=left] .bpk-popover__arrow{right:-0.6875rem;border-top-color:#e0e4e9;border-right-color:#e0e4e9}.bpk-popover__arrow[data-hide]{visibility:hidden}.bpk-popover__body--padded{padding:1rem}.bpk-popover__header{display:flex;padding:1rem;justify-content:space-between;box-shadow:0 -1px 0 0 #e0e4e9 inset}.bpk-popover__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.bpk-popover__close-button{float:right}html[dir=rtl] .bpk-popover__close-button{float:left}.bpk-popover__footer{padding:.5rem 1rem;text-align:right;box-shadow:0 1px 0 0 #e0e4e9 inset}html[dir=rtl] .bpk-popover__footer{text-align:left}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-price{display:flex;flex-direction:column;color:#626971}.bpk-price--right{text-align:right}html[dir=rtl] .bpk-price--right{text-align:left}.bpk-price__leading{display:flex;flex-direction:row}.bpk-price__leading--right{flex-direction:row-reverse}.bpk-price__previous-price{text-decoration-line:line-through}.bpk-price__separator{margin:0 .25rem}.bpk-price__column-container{display:flex;flex-direction:column}.bpk-price__price{color:#161616;word-break:break-all}.bpk-price__spacing::after{content:"";margin-right:.25rem}html[dir=rtl] .bpk-price__spacing::after{margin-right:unset;margin-left:.25rem}.bpk-price__trailing{white-space:nowrap}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-progress{position:relative;height:1rem;border-radius:.75rem;background-color:#e0e4e9;overflow:hidden}.bpk-progress--small{height:.5rem;border-radius:.25rem}.bpk-progress__value{position:absolute;top:0;right:0;bottom:0;left:0;content:" ";width:0;transition:width 400ms ease-in-out;border-radius:.5rem;background-color:#0062e3;background-color:var(--bpk-progress-bar-fill-color, rgb(0, 98, 227))}.bpk-progress__value--stepped{border-radius:0}.bpk-progress__step{position:absolute;top:0;bottom:0;width:.125rem;background:#fff}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-radio{position:relative;display:inline-block;padding-left:1.75rem}html[dir=rtl] .bpk-radio{padding-right:1.75rem;padding-left:0}.bpk-radio--white{color:#fff}.bpk-radio--white input[type=radio]{background:#fff}.bpk-radio--disabled{color:rgba(0,0,0,.2);cursor:not-allowed}.bpk-radio--disabled--white{color:rgba(255,255,255,.5)}.bpk-radio--invalid input[type=radio]{border:3px solid #e70866;border-radius:1.5rem}.bpk-radio__input{position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;margin:0;padding:0;cursor:pointer;vertical-align:text-bottom;appearance:none;border:3px solid #626971;border-radius:1.5rem}html[dir=rtl] .bpk-radio__input{right:0;left:auto}@media screen\0 {.bpk-radio__input{background:none !important}}.bpk-radio__input:checked{border-color:#0062e3;border-color:var(--bpk-radio-checked-color, rgb(0, 98, 227))}.bpk-radio__input:checked:disabled{border-color:rgba(0,0,0,.2)}.bpk-radio__input:disabled{border-color:rgba(0,0,0,.2)}.bpk-radio__input:disabled{cursor:inherit}.bpk-radio__input:checked+.bpk-radio__circle{display:block}.bpk-radio__input:checked:disabled+.bpk-radio__circle{display:block;background:rgba(0,0,0,.2)}.bpk-radio__circle{position:absolute;top:.375rem;left:.375rem;display:none;width:.5rem;height:.5rem;border-radius:50%;background:#0062e3;background:var(--bpk-radio-checked-color, rgb(0, 98, 227))}html[dir=rtl] .bpk-radio__circle{right:.375rem;left:auto}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-rating{display:flex;flex-flow:row nowrap;align-items:baseline}.bpk-rating--large{align-items:center}.bpk-rating__value{display:flex;padding-right:.5rem;justify-content:center;align-items:baseline;color:#161616}html[dir=rtl] .bpk-rating__value{padding-right:0;padding-left:.5rem;direction:ltr}.bpk-rating__text-wrapper{display:flex;flex-direction:row;align-items:baseline;white-space:nowrap}.bpk-rating__text-wrapper--large{flex-direction:column;align-items:flex-start}.bpk-rating__scale{color:#626971}.bpk-rating__title--with-subtitle{padding-right:.5rem}html[dir=rtl] .bpk-rating__title--with-subtitle{padding-right:0;padding-left:.5rem}.bpk-rating__title--large{padding-top:.0625rem}.bpk-rating__subtitle{color:#626971}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-scrollable-calendar-grid{width:100%;border-collapse:separate;border-spacing:0}.bpk-scrollable-calendar-grid__title{margin-top:1.5rem}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-scrollable-calendar-grid-list{position:relative;width:100%;height:100%;min-height:26.25rem;overflow-x:hidden;box-sizing:border-box;-ms-overflow-style:-ms-autohiding-scrollbar}.bpk-scrollable-calendar-grid-list__item{display:inline-table}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-section-header{display:flex;justify-content:space-between;align-items:flex-start;background-color:rgba(0,0,0,0)}.bpk-section-header__title-description{display:flex;flex-direction:column}.bpk-section-header__title-description--default{color:#161616}.bpk-section-header__title-description--on-dark{color:#fff}.bpk-section-header__title{font-size:2rem;line-height:2.5rem;font-weight:700}@media(max-width: 32rem){.bpk-section-header__title{font-size:1.5rem;line-height:1.75rem;font-weight:700}}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-section-list-item{display:flex;width:100%;min-height:4rem;padding:.5rem 1rem;justify-content:space-between;align-items:center;border:none;background-color:#fff;color:#161616;text-decoration:none;box-shadow:0 -1px 0 0 #c1c7cf inset}.bpk-section-list-item--interactive{cursor:pointer}.bpk-section-list-item__chevron{fill:#626971}.bpk-section-list-item:hover .bpk-section-list-item__chevron{fill:#161616}.bpk-section-list-item:active .bpk-section-list-item__chevron{fill:#161616}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-section-list-section{margin:0;padding:0;list-style:none}.bpk-section-list-section__header{display:flex;min-height:2rem;padding:.5rem 1rem;align-items:center;background-color:#e0e4e9}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-select{display:inline-block;width:100%;height:2.25rem;padding:.375rem .5rem;padding-right:2rem;border:solid .0625rem #c1c7cf;border-radius:.25rem;background:#fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPmNpcmNsZSwgZWxsaXBzZSwgbGluZSwgcGF0aCwgcG9seWdvbiwgcG9seWxpbmUsIHJlY3QsIHRleHQgeyBmaWxsOiAjMTYxNjE2ICFpbXBvcnRhbnQgfTwvc3R5bGU+PHBhdGggZD0iTTE2LjUzNyA4LjI1SDcuNDYzYTEuMzU4IDEuMzU4IDAgMCAwLTEuMTEgMi4yNTFsNC4zNTQgNC43N2ExLjUzIDEuNTMgMCAwIDAgMi4xODQuMDRsNC43MTgtNC43N2ExLjM1NyAxLjM1NyAwIDAgMC0xLjA3Mi0yLjI5MXoiLz48L3N2Zz4=") no-repeat right .5rem center;background-size:1.125rem;color:#161616;line-height:1.375rem;appearance:none}html[dir=rtl] .bpk-select{padding-right:.5rem;padding-left:2rem;background-position:left .5rem center}@media screen\0 {.bpk-select{padding:.5rem !important;background-image:none !important}}.bpk-select:disabled{border-color:#e0e4e9;background:#fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPmNpcmNsZSwgZWxsaXBzZSwgbGluZSwgcGF0aCwgcG9seWdvbiwgcG9seWxpbmUsIHJlY3QsIHRleHQgeyBmaWxsOiAjMDAwMDAwICFpbXBvcnRhbnQgfTwvc3R5bGU+PHBhdGggZD0iTTE2LjUzNyA4LjI1SDcuNDYzYTEuMzU4IDEuMzU4IDAgMCAwLTEuMTEgMi4yNTFsNC4zNTQgNC43N2ExLjUzIDEuNTMgMCAwIDAgMi4xODQuMDRsNC43MTgtNC43N2ExLjM1NyAxLjM1NyAwIDAgMC0xLjA3Mi0yLjI5MXoiLz48L3N2Zz4=") no-repeat right .5rem center;background-size:1.125rem;color:rgba(0,0,0,.2);cursor:not-allowed}.bpk-select--large{height:3rem;padding:.5rem 1rem;padding-right:2.5rem;background:#fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPmNpcmNsZSwgZWxsaXBzZSwgbGluZSwgcGF0aCwgcG9seWdvbiwgcG9seWxpbmUsIHJlY3QsIHRleHQgeyBmaWxsOiAjMTYxNjE2ICFpbXBvcnRhbnQgfTwvc3R5bGU+PHBhdGggZD0iTTE2LjUzNyA4LjI1SDcuNDYzYTEuMzU4IDEuMzU4IDAgMCAwLTEuMTEgMi4yNTFsNC4zNTQgNC43N2ExLjUzIDEuNTMgMCAwIDAgMi4xODQuMDRsNC43MTgtNC43N2ExLjM1NyAxLjM1NyAwIDAgMC0xLjA3Mi0yLjI5MXoiLz48L3N2Zz4=") no-repeat right 1rem center}html[dir=rtl] .bpk-select--large{padding-right:1rem;padding-left:2.5rem;background-position:left 1rem center}.bpk-select--docked:first-child{border-right-width:0;border-radius:.25rem 0 0 .25rem}html[dir=rtl] .bpk-select--docked:first-child{border-right-width:.0625rem;border-left-width:0;border-radius:0 .25rem .25rem 0}.bpk-select--docked:last-child{border-radius:0 .25rem .25rem 0}html[dir=rtl] .bpk-select--docked:last-child{border-radius:.25rem 0 0 .25rem}.bpk-select--docked:not(:first-child):not(:last-child){border-right-width:0;border-radius:0}html[dir=rtl] .bpk-select--docked:not(:first-child):not(:last-child){border-right-width:.0625rem;border-left-width:0}.bpk-select--docked-first{border-right-width:0;border-radius:.25rem 0 0 .25rem}html[dir=rtl] .bpk-select--docked-first{border-right-width:.0625rem;border-left-width:0;border-radius:0 .25rem .25rem 0}.bpk-select--docked-middle{border-right-width:0;border-radius:0}html[dir=rtl] .bpk-select--docked-middle{border-right-width:.0625rem;border-left-width:0}.bpk-select--docked-last{border-radius:0 .25rem .25rem 0}html[dir=rtl] .bpk-select--docked-last{border-radius:.25rem 0 0 .25rem}.bpk-select--invalid{padding-right:2rem;background:#fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPmNpcmNsZSwgZWxsaXBzZSwgbGluZSwgcGF0aCwgcG9seWdvbiwgcG9seWxpbmUsIHJlY3QsIHRleHQgeyBmaWxsOiAjMTYxNjE2ICFpbXBvcnRhbnQgfTwvc3R5bGU+PHBhdGggZD0iTTE2LjUzNyA4LjI1SDcuNDYzYTEuMzU4IDEuMzU4IDAgMCAwLTEuMTEgMi4yNTFsNC4zNTQgNC43N2ExLjUzIDEuNTMgMCAwIDAgMi4xODQuMDRsNC43MTgtNC43N2ExLjM1NyAxLjM1NyAwIDAgMC0xLjA3Mi0yLjI5MXoiLz48L3N2Zz4=") no-repeat right .5rem center;background-size:1.125rem;border-color:#e70866;border-color:var(--bpk-select-invalid-border-color, rgb(231, 8, 102))}html[dir=rtl] .bpk-select--invalid{padding-right:.5rem;padding-left:2rem;background-position:left .5rem center}.bpk-select--with-image{padding-left:2.5rem}html[dir=rtl] .bpk-select--with-image{padding-right:2.5rem;padding-left:2.5rem}@media screen\0 {html[dir=rtl] .bpk-select--with-image{padding-right:2.5rem !important;padding-left:1rem !important}}@media screen\0 {.bpk-select--with-image{padding-left:2.5rem !important}}.bpk-select--with-image-large{padding-left:3.5rem}html[dir=rtl] .bpk-select--with-image-large{padding-right:3.5rem;padding-left:2.5rem}@media screen\0 {html[dir=rtl] .bpk-select--with-image-large{padding-right:2.75rem !important;padding-left:1rem !important}}@media screen\0 {.bpk-select--with-image-large{padding-left:2.75rem !important}}.bpk-select-wrapper{position:relative}.bpk-select-wrapper__image{position:absolute;top:.625rem;left:.5rem;width:1.5rem;height:1rem;pointer-events:none}html[dir=rtl] .bpk-select-wrapper__image{right:.5rem;left:auto}.bpk-select-wrapper__image--large{top:.75rem;left:1rem;width:2rem;height:1.5rem}html[dir=rtl] .bpk-select-wrapper__image--large{right:1rem;left:auto}.bpk-select-wrapper__image--disabled{opacity:.5}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-skip-link{padding:.75rem 1rem;transition:opacity 200ms ease-in-out;border-radius:.5rem;color:#fff;text-decoration:none;opacity:0;overflow:hidden;pointer-events:none;transition-delay:200ms;font-size:1rem;line-height:1.25rem;font-weight:700;background-color:#e70866;background-color:var(--bpk-skip-link-background-color, rgb(231, 8, 102))}.bpk-skip-link:focus-within,.bpk-skip-link:focus{transition:none;opacity:1;transition-delay:0s}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-slider{height:1.25rem;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bpk-slider__handle{display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border-radius:50%;background-color:#0062e3;cursor:pointer;box-shadow:0px 1px 3px 0px rgba(37,32,31,.3)}.bpk-slider__handle::after{position:absolute;content:"";width:2.5rem;height:2.5rem;border-radius:50%}.bpk-slider__handle--active{transform:scale(1.2) translate3d(0, 0, 0);background-color:#154679}.bpk-slider__bar{top:calc(50% - 0.125rem);height:.25rem;border-radius:.5rem;background-color:#c1c7cf}.bpk-slider>div[class$="0"]{background-color:#0062e3;background-color:var(--bpk-slider-bar-color, rgb(0, 98, 227))}.bpk-slider--range>div[class$="0"]{background-color:#c1c7cf}.bpk-slider--range>div[class$="1"]{background-color:#0062e3;background-color:var(--bpk-slider-bar-color, rgb(0, 98, 227))}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-spinner{width:1rem;height:1rem;animation:bpk-keyframe-spin 600ms linear infinite}.bpk-spinner--primary{fill:#0062e3;fill:var(--bpk-spinner-primary-color,
|
|
17
|
+
*/
|
|
18
|
+
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-spinner{width:1rem;height:1rem;animation:bpk-keyframe-spin 600ms linear infinite}.bpk-spinner--primary{fill:#0062e3;fill:var(--bpk-spinner-primary-color, rgb(0, 98, 227))}.bpk-spinner--light{fill:#fff}.bpk-spinner--dark{fill:#161616}.bpk-spinner--large{width:1.5rem;height:1.5rem}.bpk-spinner--extra-large{width:2rem;height:2rem}.bpk-spinner--align-to-button{vertical-align:baseline}.bpk-spinner--align-to-large-button{margin-top:0rem;vertical-align:top}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-input-field{display:flex;max-width:7.5rem;margin-right:.25rem;align-items:center}.bpk-input-field input{text-align:center}.bpk-input-field:last-child{margin-right:0}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-split-input{font-size:1rem;line-height:1.5rem;font-weight:400;display:flex;width:100%;padding-top:.25rem;flex-direction:row;align-items:center;direction:ltr}.bpk-split-input__textbox{display:flex;align-items:center}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
@keyframes
|
|
17
|
+
*/
|
|
18
|
+
@keyframes star-dust{0%{transform:scale(1)}50%{transform:scale(0.5)}100%{transform:scale(1)}}.bpk-interactive-star{margin:0;padding:0;border:none;background:rgba(0,0,0,0);cursor:pointer;appearance:none}.bpk-no-touch-support .bpk-interactive-star:hover:not(:active):not(:disabled) .bpk-interactive-star__icon{transform:rotate(10deg) scale(1.2)}.bpk-no-touch-support .bpk-interactive-star:hover:not(:active):not(:disabled) .bpk-interactive-star__icon--selected{transform:rotate(0deg) scale(1)}:global(.bpk-no-touch-support) .bpk-interactive-star:hover:not(:active):not(:disabled) .bpk-interactive-star__icon{transform:rotate(10deg) scale(1.2)}:global(.bpk-no-touch-support) .bpk-interactive-star:hover:not(:active):not(:disabled) .bpk-interactive-star__icon--selected{transform:rotate(0deg) scale(1)}.bpk-interactive-star--selected{cursor:default}.bpk-interactive-star__icon{transform:rotate(0deg) scale(1);transition:transform 200ms ease-in-out}.bpk-interactive-star__icon--selected{animation-duration:300ms;animation-name:star-dust}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-star{display:inline-block;vertical-align:text-bottom;fill:rgba(0,0,0,.2)}.bpk-star--large{width:1.5rem;height:1.5rem;vertical-align:bottom}.bpk-star--half{position:absolute;left:0}.bpk-star--filled{fill:#f55d42;fill:var(--bpk-star-rating-filled-color, rgb(245, 93, 66))}.bpk-star__container{display:inline-block;width:1rem;height:1rem}.bpk-star__container--half-star{position:relative;vertical-align:text-bottom}.bpk-star__container--large{width:1.5rem;height:1.5rem;vertical-align:bottom}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
.bpk-star-rating{display:inline-block}
|
|
17
|
+
*/
|
|
18
|
+
.bpk-star-rating{display:inline-block}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-swap-button{transform:translateY(-50%) rotate(90deg)}@media(max-width: 48rem){.bpk-swap-button{transform:rotate(0deg)}}.bpk-swap-button :focus-visible{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0062e3}.bpk-swap-button__button{display:flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;transition:transform 400ms;border:3px solid #05203c;border-radius:50%;background-color:#fff}@media(max-width: 48rem){.bpk-swap-button__button{border:2px solid #05203c}}.bpk-no-touch-support .bpk-swap-button__button:hover:not(:active):not(:disabled){background-color:#e0e4e9}:global(.bpk-no-touch-support) .bpk-swap-button__button:hover:not(:active):not(:disabled){background-color:#e0e4e9}.bpk-swap-button__button span{display:inline-flex;line-height:1rem}.bpk-swap-button__button--canvas-default{border:3px solid #fff;background-color:#eff3f8}.bpk-swap-button__button--canvas-contrast{border:3px solid #eff3f8}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-switch{position:relative;display:flex;align-items:center}.bpk-switch__checkbox{position:absolute;opacity:0}.bpk-switch__checkbox:checked~.bpk-switch__switch{background:#0062e3;background:var(--bpk-switch-checked-color, rgb(0, 98, 227))}.bpk-switch__checkbox:checked~.bpk-switch__switch::before{left:1.375rem}.bpk-switch__label{line-height:2rem;margin-inline-end:.5rem}.bpk-switch__switch{position:relative;float:right;display:block;min-width:3.25rem;height:2rem;transition:background 200ms linear;border-radius:1rem;background:rgba(0,0,0,.2);cursor:pointer}.bpk-switch__switch::before{position:absolute;top:.125rem;left:.125rem;content:"";display:block;width:1.75rem;height:1.75rem;transition:left 200ms ease-out;border-radius:50%;background:#fff;box-shadow:0px 1px 3px 0px rgba(37,32,31,.3)}.bpk-switch__switch--small{min-width:2.5rem;height:1.25rem}.bpk-switch__switch--small::before{width:1rem;height:1rem}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-table{width:100%;margin-bottom:.5rem;border-collapse:collapse;table-layout:fixed;box-shadow:0 0 0 1px #c1c7cf}.bpk-table__cell{padding:1rem}.bpk-table__cell--head{background-color:#eff3f8;text-align:left;font-size:1rem;line-height:1.5rem;font-weight:700}html[dir=rtl] .bpk-table__cell--head{text-align:right}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-text{margin:0}.bpk-text--xs{font-size:.75rem;line-height:1rem;font-weight:400}.bpk-text--sm{font-size:.875rem;line-height:1.25rem;font-weight:400}.bpk-text--base{font-size:1rem;line-height:1.5rem;font-weight:400}.bpk-text--lg{font-size:1.25rem;line-height:1.75rem;font-weight:400}.bpk-text--xl{font-size:1.5rem;line-height:2rem;font-weight:400}.bpk-text--xxl{font-size:2rem;line-height:2.5rem;font-weight:700}.bpk-text--xxxl{font-size:2.5rem;line-height:3rem;font-weight:700}.bpk-text--xxxxl{font-size:3rem;line-height:3.5rem;font-weight:700;letter-spacing:-0.02em}.bpk-text--xxxxxl{font-size:4rem;line-height:4.5rem;font-weight:700;letter-spacing:-0.02em}.bpk-text--caption{font-size:.75rem;line-height:1rem;font-weight:400}.bpk-text--footnote{font-size:.875rem;line-height:1.25rem;font-weight:400}.bpk-text--label-1{font-size:1rem;line-height:1.5rem;font-weight:700}.bpk-text--label-2{font-size:.875rem;line-height:1.25rem;font-weight:700}.bpk-text--label-3{font-size:.75rem;line-height:1rem;font-weight:700}.bpk-text--body-default{font-size:1rem;line-height:1.5rem;font-weight:400}.bpk-text--body-longform{font-size:1.25rem;line-height:1.75rem;font-weight:400}.bpk-text--subheading{font-size:1.5rem;line-height:2rem;font-weight:400}.bpk-text--heading-1{font-size:2.5rem;line-height:3rem;font-weight:700}.bpk-text--heading-2{font-size:2rem;line-height:2.5rem;font-weight:700}.bpk-text--heading-3{font-size:1.5rem;line-height:1.75rem;font-weight:700}.bpk-text--heading-4{font-size:1.25rem;line-height:1.5rem;font-weight:700}.bpk-text--heading-5{font-size:1rem;line-height:1.25rem;font-weight:700}.bpk-text--hero-1{font-size:7.5rem;line-height:7.5rem;font-weight:700;letter-spacing:-0.02em}.bpk-text--hero-2{font-size:6rem;line-height:6rem;font-weight:700;letter-spacing:-0.02em}.bpk-text--hero-3{font-size:4.75rem;line-height:5.25rem;font-weight:700;letter-spacing:-0.02em}.bpk-text--hero-4{font-size:4rem;line-height:4.5rem;font-weight:700;letter-spacing:-0.02em}.bpk-text--hero-5{font-size:3rem;line-height:3.5rem;font-weight:700;letter-spacing:-0.02em}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-textarea{display:inline-block;width:100%;max-width:100%;min-height:5.5rem;padding:.5rem .5rem;border:solid .0625rem #c1c7cf;border-radius:.25rem;background:#fff;color:#161616;appearance:none}.bpk-textarea::placeholder{color:#626971}.bpk-textarea:disabled{border-color:#eff3f8;background:#fff;color:rgba(0,0,0,.2);cursor:not-allowed}.bpk-textarea::-ms-clear{display:none}.bpk-textarea--invalid{padding-right:2rem;background:#fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPmNpcmNsZSwgZWxsaXBzZSwgbGluZSwgcGF0aCwgcG9seWdvbiwgcG9seWxpbmUsIHJlY3QsIHRleHQgeyBmaWxsOiAjZTcwODY2ICFpbXBvcnRhbnQgfTwvc3R5bGU+PHBhdGggZD0iTTEyIDEuNUExMC41IDEwLjUgMCAxIDAgMjIuNSAxMiAxMC41IDEwLjUgMCAwIDAgMTIgMS41ek0xMiAxOGExLjUgMS41IDAgMSAxIDEuNS0xLjVBMS41IDEuNSAwIDAgMSAxMiAxOHptMS41LTZhMS41IDEuNSAwIDAgMS0zIDBWNy41YTEuNSAxLjUgMCAwIDEgMyAweiIvPjwvc3ZnPg==") no-repeat right .5rem center;border-color:#e70866;border-color:var(--bpk-textarea-invalid-border-color, rgb(231, 8, 102))}html[dir=rtl] .bpk-textarea--invalid{padding-right:.5rem;padding-left:2rem;background-position:left .5rem center}html[dir=rtl] .bpk-textarea--invalid.bpk-textarea--large{padding-right:1rem;padding-left:2.5rem;background-position:right 1rem center}.bpk-textarea--large{min-height:6rem;padding-right:1rem;padding-left:1rem}.bpk-textarea--large.bpk-textarea--invalid{padding-right:2.5rem;background-position:right 1rem center}html[dir=rtl] .bpk-textarea--large.bpk-textarea--invalid{padding-right:1rem;padding-left:2.5rem;background-position:left 1rem center}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-theme-toggle__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-ticket{position:relative;display:flex;flex-direction:row;align-items:stretch;flex:none;color:#161616;text-decoration:none;box-shadow:0px 1px 3px 0px rgba(37,32,31,.3);cursor:pointer;border-radius:.75rem;z-index:0}.bpk-ticket::after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";display:block;z-index:-1;transition:opacity 200ms ease-in-out;border-radius:inherit;box-shadow:0px 1px 3px 0px rgba(37,32,31,.3);opacity:0;pointer-events:none}.bpk-no-touch-support .bpk-ticket:hover:not(:active):not(:disabled)::after{opacity:1}.bpk-no-touch-support .bpk-ticket:hover:not(:active):not(:disabled) .bpk-ticket__paper::after{opacity:1}:global(.bpk-no-touch-support) .bpk-ticket:hover:not(:active):not(:disabled)::after{opacity:1}:global(.bpk-no-touch-support) .bpk-ticket:hover:not(:active):not(:disabled) .bpk-ticket__paper::after{opacity:1}.bpk-ticket--vertical{flex-direction:column}.bpk-ticket__paper{position:relative;background-color:#fff}.bpk-ticket__main{flex:2 1 auto}.bpk-ticket__main--horizontal{border-radius:.75rem 0 0 .75rem}html[dir=rtl] .bpk-ticket__main--horizontal{border-radius:0 .75rem .75rem 0}.bpk-ticket__main--vertical{border-radius:.75rem .75rem 0 0}.bpk-ticket__main--padded{padding:1rem}.bpk-ticket__main-inner{height:100%;overflow:hidden}.bpk-ticket__main-inner--horizontal{border-radius:.75rem 0 0 .75rem}html[dir=rtl] .bpk-ticket__main-inner--horizontal{border-radius:0 .75rem .75rem 0}.bpk-ticket__main-inner--vertical{border-radius:.75rem .75rem 0 0}.bpk-ticket__stub{flex:1 1 auto}.bpk-ticket__stub--horizontal{min-width:30%;border-radius:0 .75rem .75rem 0;box-shadow:inset .0625rem 0 0 #c1c7cf}html[dir=rtl] .bpk-ticket__stub--horizontal{border-radius:.75rem 0 0 .75rem;box-shadow:inset -0.0625rem 0 0 #c1c7cf}.bpk-ticket__stub--vertical{border-radius:0 0 .75rem .75rem;box-shadow:inset 0 .0625rem 0 #c1c7cf}.bpk-ticket__stub--padded{padding:1rem}.bpk-ticket__stub-inner{height:100%;overflow:hidden}.bpk-ticket__stub-inner--horizontal{min-width:30%;border-radius:0 .75rem .75rem 0;box-shadow:inset .0625rem 0 0 #c1c7cf}html[dir=rtl] .bpk-ticket__stub-inner--horizontal{border-radius:.75rem 0 0 .75rem;box-shadow:inset -0.0625rem 0 0 #c1c7cf}.bpk-ticket__stub-inner--vertical{border-radius:0 0 .75rem .75rem;box-shadow:inset 0 .0625rem 0 #c1c7cf}
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
17
|
+
*/
|
|
18
|
+
.bpk-tooltip-portal{z-index:900}.bpk-tooltip-portal--target{display:inline-block}.bpk-tooltip{transition:opacity 200ms ease-in-out,transform 200ms ease-in-out;outline:0;opacity:1}.bpk-tooltip--appear{opacity:0}.bpk-tooltip-portal[data-popper-placement=top] .bpk-tooltip--appear:not(.bpk-tooltip--appear-active){transform:translate(0, -1rem);transition:none}.bpk-tooltip-portal[data-popper-placement=right] .bpk-tooltip--appear:not(.bpk-tooltip--appear-active){transform:translate(1rem, 0);transition:none}.bpk-tooltip-portal[data-popper-placement=bottom] .bpk-tooltip--appear:not(.bpk-tooltip--appear-active){transform:translate(0, 1rem);transition:none}.bpk-tooltip-portal[data-popper-placement=left] .bpk-tooltip--appear:not(.bpk-tooltip--appear-active){transform:translate(-1rem, 0);transition:none}.bpk-tooltip--appear-active{transform:translate(0, 0);transition:opacity 200ms ease-in-out,transform 200ms ease-in-out;opacity:1}.bpk-tooltip__arrow{position:absolute;width:.5rem;height:.5rem;transform:rotate(45deg);border:.0625rem solid rgba(0,0,0,0);background:inherit;background-color:#fff}.bpk-tooltip-portal[data-popper-placement=top] .bpk-tooltip__arrow{bottom:-0.1875rem;border-right-color:#c1c7cf;border-bottom-color:#c1c7cf}.bpk-tooltip-portal[data-popper-placement=right] .bpk-tooltip__arrow{left:-0.1875rem;border-bottom-color:#c1c7cf;border-left-color:#c1c7cf}.bpk-tooltip-portal[data-popper-placement=bottom] .bpk-tooltip__arrow{top:-0.1875rem;border-top-color:#c1c7cf;border-left-color:#c1c7cf}.bpk-tooltip-portal[data-popper-placement=left] .bpk-tooltip__arrow{right:-0.1875rem;border-top-color:#c1c7cf;border-right-color:#c1c7cf}.bpk-tooltip__arrow--dark{background-color:#05203c}.bpk-tooltip-portal[data-popper-placement=top] .bpk-tooltip__arrow--dark{border-right-color:#05203c;border-bottom-color:#05203c}.bpk-tooltip-portal[data-popper-placement=right] .bpk-tooltip__arrow--dark{border-bottom-color:#05203c;border-left-color:#05203c}.bpk-tooltip-portal[data-popper-placement=bottom] .bpk-tooltip__arrow--dark{border-top-color:#05203c;border-left-color:#05203c}.bpk-tooltip-portal[data-popper-placement=left] .bpk-tooltip__arrow--dark{border-top-color:#05203c;border-right-color:#05203c}.bpk-tooltip__inner{overflow:hidden;border:.0625rem solid #e0e4e9;background-color:#fff;border-radius:.5rem;box-shadow:0px 4px 14px 0px rgba(37,32,31,.25)}.bpk-tooltip__inner--padded{padding:.5rem 1rem}.bpk-tooltip__inner--dark{color:#fff;border:.0625rem solid #05203c;background-color:#05203c;border-radius:.5rem;box-shadow:0px 4px 14px 0px rgba(37,32,31,.25)}
|
|
@@ -16,8 +16,12 @@
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
/* stylelint-disable at-rule-disallowed-list */
|
|
20
|
+
|
|
21
|
+
@import 'tokens.scss';
|
|
22
|
+
@import 'radii.scss';
|
|
20
23
|
@import 'typography.scss';
|
|
24
|
+
@import 'utils.scss';
|
|
21
25
|
|
|
22
26
|
////
|
|
23
27
|
/// @group badges
|
|
@@ -37,7 +41,7 @@
|
|
|
37
41
|
|
|
38
42
|
@include bpk-border-radius-xs;
|
|
39
43
|
@include bpk-text;
|
|
40
|
-
@include bpk-
|
|
44
|
+
@include bpk-footnote;
|
|
41
45
|
}
|
|
42
46
|
|
|
43
47
|
/// Centered badge. Modifies the bpk-badge mixin.
|
|
@@ -117,7 +121,7 @@
|
|
|
117
121
|
/// }
|
|
118
122
|
|
|
119
123
|
@mixin bpk-badge--normal {
|
|
120
|
-
background-color: $bpk-
|
|
124
|
+
background-color: $bpk-private-badge-background-normal-day;
|
|
121
125
|
color: $bpk-text-primary-day;
|
|
122
126
|
fill: $bpk-text-primary-day;
|
|
123
127
|
}
|
|
@@ -133,9 +137,9 @@
|
|
|
133
137
|
/// }
|
|
134
138
|
|
|
135
139
|
@mixin bpk-badge--warning {
|
|
136
|
-
background-color: $bpk-
|
|
140
|
+
background-color: $bpk-private-badge-background-normal-day;
|
|
137
141
|
color: $bpk-text-on-light-day;
|
|
138
|
-
fill: $bpk-
|
|
142
|
+
fill: $bpk-status-warning-spot-day;
|
|
139
143
|
}
|
|
140
144
|
|
|
141
145
|
/// Success badge. Modifies the bpk-badge mixin.
|
|
@@ -149,9 +153,9 @@
|
|
|
149
153
|
/// }
|
|
150
154
|
|
|
151
155
|
@mixin bpk-badge--success {
|
|
152
|
-
background-color: $bpk-
|
|
156
|
+
background-color: $bpk-private-badge-background-normal-day;
|
|
153
157
|
color: $bpk-text-on-light-day;
|
|
154
|
-
fill: $bpk-
|
|
158
|
+
fill: $bpk-status-success-spot-day;
|
|
155
159
|
}
|
|
156
160
|
|
|
157
161
|
/// Critical badge. Modifies the bpk-badge mixin.
|
|
@@ -165,9 +169,9 @@
|
|
|
165
169
|
/// }
|
|
166
170
|
|
|
167
171
|
@mixin bpk-badge--critical {
|
|
168
|
-
background-color: $bpk-
|
|
172
|
+
background-color: $bpk-private-badge-background-normal-day;
|
|
169
173
|
color: $bpk-text-on-light-day;
|
|
170
|
-
fill: $bpk-
|
|
174
|
+
fill: $bpk-status-danger-spot-day;
|
|
171
175
|
}
|
|
172
176
|
|
|
173
177
|
/// Inverse badge. Modifies the bpk-badge mixin.
|
|
@@ -16,7 +16,9 @@
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
/* stylelint-disable at-rule-disallowed-list */
|
|
20
|
+
|
|
21
|
+
@import 'tokens.scss';
|
|
20
22
|
|
|
21
23
|
////
|
|
22
24
|
/// @group borders
|
|
@@ -44,7 +46,7 @@
|
|
|
44
46
|
///
|
|
45
47
|
/// @access private
|
|
46
48
|
|
|
47
|
-
@mixin
|
|
49
|
+
@mixin bpk-border-right($size, $color, $inset) {
|
|
48
50
|
$offset-x: if($inset == inset, -#{$size}, $size);
|
|
49
51
|
|
|
50
52
|
box-shadow: $offset-x 0 0 0 $color #{$inset};
|
|
@@ -64,7 +66,7 @@
|
|
|
64
66
|
///
|
|
65
67
|
/// @access private
|
|
66
68
|
|
|
67
|
-
@mixin
|
|
69
|
+
@mixin bpk-border-left($size, $color, $inset) {
|
|
68
70
|
$offset-x: if($inset == inset, $size, -#{$size});
|
|
69
71
|
|
|
70
72
|
box-shadow: $offset-x 0 0 0 $color #{$inset};
|
|
@@ -106,7 +108,7 @@
|
|
|
106
108
|
/// }
|
|
107
109
|
|
|
108
110
|
@mixin bpk-border-right-sm($color, $inset: inset) {
|
|
109
|
-
@include
|
|
111
|
+
@include bpk-border-right($bpk-border-size-sm, $color, $inset);
|
|
110
112
|
}
|
|
111
113
|
|
|
112
114
|
/// Small "1px" bottom border.
|
|
@@ -132,7 +134,7 @@
|
|
|
132
134
|
/// }
|
|
133
135
|
|
|
134
136
|
@mixin bpk-border-left-sm($color, $inset: inset) {
|
|
135
|
-
@include
|
|
137
|
+
@include bpk-border-left($bpk-border-size-sm, $color, $inset);
|
|
136
138
|
}
|
|
137
139
|
|
|
138
140
|
/// Large "2px" border.
|
|
@@ -171,7 +173,7 @@
|
|
|
171
173
|
/// }
|
|
172
174
|
|
|
173
175
|
@mixin bpk-border-right-lg($color, $inset: inset) {
|
|
174
|
-
@include
|
|
176
|
+
@include bpk-border-right($bpk-border-size-lg, $color, $inset);
|
|
175
177
|
}
|
|
176
178
|
|
|
177
179
|
/// Large "2px" bottom border.
|
|
@@ -197,7 +199,7 @@
|
|
|
197
199
|
/// }
|
|
198
200
|
|
|
199
201
|
@mixin bpk-border-left-lg($color, $inset: inset) {
|
|
200
|
-
@include
|
|
202
|
+
@include bpk-border-left($bpk-border-size-lg, $color, $inset);
|
|
201
203
|
}
|
|
202
204
|
|
|
203
205
|
/// Extra large "3px" border.
|
|
@@ -236,7 +238,7 @@
|
|
|
236
238
|
/// }
|
|
237
239
|
|
|
238
240
|
@mixin bpk-border-right-xl($color, $inset: inset) {
|
|
239
|
-
@include
|
|
241
|
+
@include bpk-border-right($bpk-border-size-xl, $color, $inset);
|
|
240
242
|
}
|
|
241
243
|
|
|
242
244
|
/// Extra large "3px" bottom border.
|
|
@@ -262,5 +264,5 @@
|
|
|
262
264
|
/// }
|
|
263
265
|
|
|
264
266
|
@mixin bpk-border-left-xl($color, $inset: inset) {
|
|
265
|
-
@include
|
|
267
|
+
@include bpk-border-left($bpk-border-size-xl, $color, $inset);
|
|
266
268
|
}
|
|
@@ -16,8 +16,11 @@
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
/* stylelint-disable at-rule-disallowed-list */
|
|
20
|
+
|
|
21
|
+
@import 'tokens.scss';
|
|
20
22
|
@import 'typography.scss';
|
|
23
|
+
@import 'utils.scss';
|
|
21
24
|
|
|
22
25
|
////
|
|
23
26
|
/// @group buttons
|
|
@@ -319,7 +322,7 @@
|
|
|
319
322
|
}
|
|
320
323
|
}
|
|
321
324
|
|
|
322
|
-
/// Destructive button. Modifies the bpk-button & bpk-button--secondary
|
|
325
|
+
/// Destructive button. Modifies the bpk-button & bpk-button--secondary lib.
|
|
323
326
|
///
|
|
324
327
|
/// @require {mixin} bpk-button
|
|
325
328
|
/// @require {mixin} bpk-button--secondary
|
|
@@ -420,7 +423,7 @@
|
|
|
420
423
|
}
|
|
421
424
|
}
|
|
422
425
|
|
|
423
|
-
/// Link on dark button. Modifies the bpk-button & bpk-button--link
|
|
426
|
+
/// Link on dark button. Modifies the bpk-button & bpk-button--link lib.
|
|
424
427
|
///
|
|
425
428
|
/// @require {mixin} bpk-button
|
|
426
429
|
|
|
@@ -489,7 +492,7 @@
|
|
|
489
492
|
border-radius: $bpk-button-border-radius;
|
|
490
493
|
}
|
|
491
494
|
|
|
492
|
-
/// Large icon-only button. Modifies the bpk-button & bpk-button--large
|
|
495
|
+
/// Large icon-only button. Modifies the bpk-button & bpk-button--large lib.
|
|
493
496
|
///
|
|
494
497
|
/// @require {mixin} bpk-button
|
|
495
498
|
/// @require {mixin} bpk-button--large
|