Files
web/packages/design-system/lib/fonts.css
Christel Westerberg 6b08d5a113 Merged in fix/STAY-135 (pull request #3368)
Fix/STAY-135 & STAY-127

* fix: make quantity and delivery separate steps in mobile

* fix: update design for delivery step in ancillary flow

* fix: add error state for missing time

* fix: only allow points or cash payment for ancillaries

* fix: break out stepper to design system

* fix: update design of select quantity step in add ancillaries flow

* fix: add error states for quantity

* fix: handle insufficient points case

* fix: update stepper to include optional disabledMessage tooltip

* fix: handle validations

* fix: change name to camel case


Approved-by: Bianca Widstam
Approved-by: Chuma Mcphoy (We Ahead)
2025-12-18 13:31:43 +00:00

302 lines
7.3 KiB
CSS

@font-face {
font-display: swap;
font-family: 'biro script plus';
font-style: normal;
font-weight: 400;
src: url(/_static/shared/fonts/biro-script-plus/regular.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'brandon text';
font-weight: 700;
src:
url(/_static/shared/fonts/brandon-text/bold.woff2) format('woff2'),
url(/_static/shared/fonts/brandon-text/bold.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: 'brandon text';
font-weight: 900;
src:
url(/_static/shared/fonts/brandon-text/black.woff2) format('woff2'),
url(/_static/shared/fonts/brandon-text/black.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: 'Domaine Sans Text';
font-style: normal;
font-weight: 300;
src:
url(/_static/shared/fonts/domaine/domainesanstextweb-light-webfont.woff2)
format('woff2'),
url(/_static/shared/fonts/domaine/domainesanstextweb-light-webfont.woff)
format('woff');
}
@font-face {
font-display: swap;
font-family: 'Domaine Sans Text';
font-style: normal;
font-weight: 400;
src:
url(/_static/shared/fonts/domaine/domainesanstextweb-regular-webfont.woff2)
format('woff2'),
url(/_static/shared/fonts/domaine/domainesanstextweb-regular-webfont.woff)
format('woff');
}
@font-face {
font-display: swap;
font-family: 'fira sans';
font-style: normal;
font-weight: 300;
src: url(/_static/shared/fonts/fira-sans/light.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'fira sans';
font-style: normal;
font-weight: 400;
src: url(/_static/shared/fonts/fira-sans/regular.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'fira sans';
font-style: normal;
font-weight: 500;
src: url(/_static/shared/fonts/fira-sans/medium.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'fira sans';
font-style: normal;
font-weight: 600;
src: url(/_static/shared/fonts/fira-sans/semibold.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'fira sans';
font-style: normal;
font-weight: 700;
src: url(/_static/shared/fonts/fira-sans/bold.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'fira sans';
font-style: normal;
font-weight: 900;
src: url(/_static/shared/fonts/fira-sans/black.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'ITC Garamond Std';
font-style: normal;
font-weight: 400;
src:
url(/_static/shared/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff2)
format('woff2'),
url(/_static/shared/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff)
format('woff');
}
@font-face {
font-display: swap;
font-family: Gotham;
font-style: normal;
font-weight: 900;
src:
url(/_static/shared/fonts/gotham/gotham-black-webfont.woff2) format('woff2'),
url(/_static/shared/fonts/gotham/gotham-black-webfont.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: Gotham;
font-style: normal;
font-weight: 700;
src:
url(/_static/shared/fonts/gotham/gotham-bold-webfont.woff2) format('woff2'),
url(/_static/shared/fonts/gotham/gotham-bold-webfont.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: 'Neue Haas Grotesk Display Pro';
font-style: normal;
font-weight: 400;
src:
url(/_static/shared/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff2)
format('woff2'),
url(/_static/shared/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff)
format('woff');
}
@font-face {
font-display: swap;
font-family: 'Neue Haas Grotesk Display Pro';
font-style: normal;
font-weight: 500;
src:
url(/_static/shared/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff2)
format('woff2'),
url(/_static/shared/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff)
format('woff');
}
@font-face {
font-display: swap;
font-family: 'Prumo text';
font-style: normal;
font-weight: 300;
src:
url(/_static/shared/fonts/prumo/prumotext-light-webfont.woff2)
format('woff2'),
url(/_static/shared/fonts/prumo/PrumoText-Light.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 900;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Black.otf)
format('opentype');
}
@font-face {
font-display: swap;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 900;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-BlackItalic.otf)
format('opentype');
}
@font-face {
font-display: swap;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 700;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Bold.otf)
format('opentype');
}
@font-face {
font-display: swap;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 700;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-BoldItalic.otf)
format('opentype');
}
@font-face {
font-display: swap;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 300;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Light.otf)
format('opentype');
}
@font-face {
font-display: swap;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 300;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-LightItalic.otf)
format('opentype');
}
@font-face {
font-display: swap;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 500;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Medium.otf)
format('opentype');
}
@font-face {
font-display: swap;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 500;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-MediumItalic.otf)
format('opentype');
}
@font-face {
font-display: swap;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 400;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Regular.otf)
format('opentype');
}
@font-face {
font-display: swap;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 400;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-RegularItalic.otf)
format('opentype');
}
@font-face {
font-display: swap;
font-family: 'Canela Deck';
font-style: normal;
font-weight: 200;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Thin.otf)
format('opentype');
}
@font-face {
font-display: swap;
font-family: 'Canela Deck';
font-style: italic;
font-weight: 200;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-ThinItalic.otf)
format('opentype');
}
@font-face {
font-family: 'Material Symbols Rounded';
font-style: normal;
font-weight: 400;
font-display: block;
src: url(/_static/shared/fonts/material-symbols/rounded-3e10d67b.woff2)
format('woff2');
}
.material-symbols {
font-family: 'Material Symbols Rounded';
font-weight: normal;
font-style: normal;
font-size: inherit;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
user-select: none;
font-feature-settings: 'liga';
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
}