@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
1,053 lines (1,052 loc) • 36.3 kB
JavaScript
;
var __webpack_require__ = {};
(()=>{
__webpack_require__.d = (exports1, getters, values)=>{
var define = (defs, kind)=>{
for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
enumerable: true,
[kind]: defs[key]
});
};
define(getters, "get");
define(values, "value");
};
})();
(()=>{
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
})();
(()=>{
__webpack_require__.r = (exports1)=>{
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
value: 'Module'
});
Object.defineProperty(exports1, '__esModule', {
value: true
});
};
})();
var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
breakpoints: ()=>tokens_breakpoints,
countries: ()=>tokens_countries,
icons: ()=>src_tokens_icons,
palette: ()=>tokens_palette,
theme: ()=>tokens_theme,
zIndexes: ()=>tokens_zIndexes
});
const breakpoints = {
xs: "480px",
sm: "768px",
md: "992px",
lg: "1200px"
};
const countries = {
flags: {
AT: "at.svg",
BE: "be.svg",
CA: "ca.svg",
DE: "de.svg",
DK: "dk.svg",
EE: "ee.svg",
ES: "es.svg",
EU: "eu.svg",
FI: "fi.svg",
FR: "fr.svg",
GB: "gb.svg",
NO: "no.svg",
SE: "se.svg",
US: "us.svg"
}
};
const tokens_icons = {
icons: {
accountDetailsFilled: "account-details-filled.svg",
accountDetails: "account-details.svg",
addPictureFilled: "add-picture-filled.svg",
addPicture: "add-picture.svg",
airConditioningFilled: "air-conditioning-filled.svg",
airConditioning: "air-conditioning.svg",
airportFilled: "airport-filled.svg",
airport: "airport.svg",
androidFilled: "android-filled.svg",
android: "android.svg",
antiqueFilled: "antique-filled.svg",
antique: "antique.svg",
arrowLeftCircleFilled: "arrow-left-circle-filled.svg",
arrowLeftCircle: "arrow-left-circle.svg",
arrowLeftFilled: "arrow-left-filled.svg",
arrowLeft: "arrow-left.svg",
arrowRightCircleFilled: "arrow-right-circle-filled.svg",
arrowRightCircle: "arrow-right-circle.svg",
arrowRightFilled: "arrow-right-filled.svg",
arrowRight: "arrow-right.svg",
audioInputFilled: "audio-input-filled.svg",
audioInput: "audio-input.svg",
babySeatFilled: "baby-seat-filled.svg",
babySeat: "baby-seat.svg",
backupCameraFilled: "backup-camera-filled.svg",
backupCamera: "backup-camera.svg",
bankFilled: "bank-filled.svg",
bank: "bank.svg",
batteryFilled: "battery-filled.svg",
battery: "battery.svg",
bedFilled: "bed-filled.svg",
bed: "bed.svg",
bellFilled: "bell-filled.svg",
bell: "bell.svg",
bikeRackFilled: "bike-rack-filled.svg",
bikeRack: "bike-rack.svg",
binFilled: "bin-filled.svg",
bin: "bin.svg",
bluetoothFilled: "bluetooth-filled.svg",
bluetooth: "bluetooth.svg",
briefcase: "briefcase.svg",
bulbFilled: "bulb-filled.svg",
bulb: "bulb.svg",
cableFilled: "cable-filled.svg",
cable: "cable.svg",
cabrioletFilled: "cabriolet-filled.svg",
cabriolet: "cabriolet.svg",
calendarCheckFilled: "calendar-check-filled.svg",
calendarCheck: "calendar-check.svg",
calendarClockFilled: "calendar-clock-filled.svg",
calendarClock: "calendar-clock.svg",
calendarEndFilled: "calendar-end-filled.svg",
calendarEnd: "calendar-end.svg",
calendarFilled: "calendar-filled.svg",
calendarStartFilled: "calendar-start-filled.svg",
calendarStart: "calendar-start.svg",
calendar: "calendar.svg",
cameraAddFilled: "camera-add-filled.svg",
cameraAdd: "camera-add.svg",
cameraFilled: "camera-filled.svg",
camera: "camera.svg",
campervanFilled: "campervan-filled.svg",
campervan: "campervan.svg",
capacityFilled: "capacity-filled.svg",
capacity: "capacity.svg",
carAddFilled: "car-add-filled.svg",
carAdd: "car-add.svg",
carCheckFilled: "car-check-filled.svg",
carCheck: "car-check.svg",
carDamagesFilled: "car-damages-filled.svg",
carDamages: "car-damages.svg",
carDrivyOpen: "car-drivy-open.svg",
carFilled: "car-filled.svg",
carGroupFilled: "car-group-filled.svg",
carGroup: "car-group.svg",
carLockFilled: "car-lock-filled.svg",
carLock: "car-lock.svg",
carPlayFilled: "car-play-filled.svg",
carPlay: "car-play.svg",
carReturnFilled: "car-return-filled.svg",
carReturn: "car-return.svg",
carSearch: "car-search.svg",
carTypeAntique: "car-type-antique.svg",
carTypeCabriolet: "car-type-cabriolet.svg",
carTypeCampervan: "car-type-campervan.svg",
carTypeCity: "car-type-city.svg",
carTypeConvertible: "car-type-convertible.svg",
carTypeCoupe: "car-type-coupe.svg",
carTypeFamily: "car-type-family.svg",
carTypeFourFour: "car-type-four-four.svg",
carTypeMinibus: "car-type-minibus.svg",
carTypeSedan: "car-type-sedan.svg",
carTypeUtility: "car-type-utility.svg",
car: "car.svg",
cardFilled: "card-filled.svg",
card: "card.svg",
cdPlayerFilled: "cd-player-filled.svg",
cdPlayer: "cd-player.svg",
certificateFilled: "certificate-filled.svg",
certificate: "certificate.svg",
chainsFilled: "chains-filled.svg",
chains: "chains.svg",
checkCircleFilled: "check-circle-filled.svg",
checkCircle: "check-circle.svg",
checkFilled: "check-filled.svg",
check: "check.svg",
checklistFilled: "checklist-filled.svg",
checklist: "checklist.svg",
chevronDownFilled: "chevron-down-filled.svg",
chevronDown: "chevron-down.svg",
chevronLeftFilled: "chevron-left-filled.svg",
chevronLeft: "chevron-left.svg",
chevronRightFilled: "chevron-right-filled.svg",
chevronRight: "chevron-right.svg",
chevronUpFilled: "chevron-up-filled.svg",
chevronUp: "chevron-up.svg",
circledArrowLeft: "circled-arrow-left.svg",
circledArrowRight: "circled-arrow-right.svg",
cityFilled: "city-filled.svg",
city: "city.svg",
cleaningFilled: "cleaning-filled.svg",
cleaning: "cleaning.svg",
clockAlertFilled: "clock-alert-filled.svg",
clockAlert: "clock-alert.svg",
clockBackwardsFilled: "clock-backwards-filled.svg",
clockBackwards: "clock-backwards.svg",
clockFilled: "clock-filled.svg",
clockForwardsFilled: "clock-forwards-filled.svg",
clockForwards: "clock-forwards.svg",
clock: "clock.svg",
closeCircleFilled: "close-circle-filled.svg",
closeCircle: "close-circle.svg",
closeFilled: "close-filled.svg",
close: "close.svg",
collapseFilled: "collapse-filled.svg",
collapse: "collapse.svg",
connectBoxFilled: "connect-box-filled.svg",
connectBox: "connect-box.svg",
connectCarFilled: "connect-car-filled.svg",
connectCar: "connect-car.svg",
contactMail: "contact-mail.svg",
contactPhone: "contact-phone.svg",
contextualPaperclip: "contextual-paperclip.svg",
contextualQuestion: "contextual-question.svg",
contextualWarningCircleFilled: "contextual-warning-circle-filled.svg",
contextualWarningCircle: "contextual-warning-circle.svg",
contract: "contract.svg",
convertibleFilled: "convertible-filled.svg",
convertible: "convertible.svg",
copyFilled: "copy-filled.svg",
copy: "copy.svg",
coupeFilled: "coupe-filled.svg",
coupe: "coupe.svg",
creditCardAddFilled: "credit-card-add-filled.svg",
creditCardAdd: "credit-card-add.svg",
creditCardErrorFilled: "credit-card-error-filled.svg",
creditCardError: "credit-card-error.svg",
creditCardFilled: "credit-card-filled.svg",
creditCard: "credit-card.svg",
crosshover: "crosshover.svg",
crossoverFilled: "crossover-filled.svg",
crossover: "crossover.svg",
cruiseControlFilled: "cruise-control-filled.svg",
cruiseControl: "cruise-control.svg",
dashcamFilled: "dashcam-filled.svg",
dashcam: "dashcam.svg",
diamondFilled: "diamond-filled.svg",
diamond: "diamond.svg",
directionsFilled: "directions-filled.svg",
directions: "directions.svg",
document: "document.svg",
dotHorizontalFilled: "dot-horizontal-filled.svg",
dotHorizontal: "dot-horizontal.svg",
dotVerticalFilled: "dot-vertical-filled.svg",
dotVertical: "dot-vertical.svg",
dotsHorizontal: "dots-horizontal.svg",
dotsVertical: "dots-vertical.svg",
downloadFilled: "download-filled.svg",
download: "download.svg",
earningFilled: "earning-filled.svg",
earning: "earning.svg",
earthFilled: "earth-filled.svg",
earth: "earth.svg",
edit: "edit.svg",
electricFilled: "electric-filled.svg",
electric: "electric.svg",
evBatteryFilled: "ev-battery-filled.svg",
evBattery: "ev-battery.svg",
evCableFilled: "ev-cable-filled.svg",
evCable: "ev-cable.svg",
evChargerFilled: "ev-charger-filled.svg",
evCharger: "ev-charger.svg",
expandFilled: "expand-filled.svg",
expand: "expand.svg",
externalLinkFilled: "external-link-filled.svg",
externalLink: "external-link.svg",
eyeClosedFilled: "eye-closed-filled.svg",
eyeClosed: "eye-closed.svg",
eyeOpenedFilled: "eye-opened-filled.svg",
eyeOpened: "eye-opened.svg",
eye: "eye.svg",
faceRecognitionFilled: "face-recognition-filled.svg",
faceRecognition: "face-recognition.svg",
facebook: "facebook.svg",
familyFilled: "family-filled.svg",
family: "family.svg",
fileFilled: "file-filled.svg",
file: "file.svg",
filepdfFilled: "filepdf-filled.svg",
filepdf: "filepdf.svg",
filexlsFilled: "filexls-filled.svg",
filexls: "filexls.svg",
filterFilled: "filter-filled.svg",
filter: "filter.svg",
filters: "filters.svg",
flagFilled: "flag-filled.svg",
flag: "flag.svg",
fourByFourFilled: "four-by-four-filled.svg",
fourByFour: "four-by-four.svg",
fourWheelDriveFilled: "four-wheel-drive-filled.svg",
fourWheelDrive: "four-wheel-drive.svg",
fuelTankFilled: "fuel-tank-filled.svg",
fuelTank: "fuel-tank.svg",
geolocation: "geolocation.svg",
giftFilled: "gift-filled.svg",
gift: "gift.svg",
gpsFilled: "gps-filled.svg",
gps: "gps.svg",
graphUpFilled: "graph-up-filled.svg",
graphUp: "graph-up.svg",
handDollarFilled: "hand-dollar-filled.svg",
handDollar: "hand-dollar.svg",
healingFilled: "healing-filled.svg",
healing: "healing.svg",
heartFilled: "heart-filled.svg",
heart: "heart.svg",
heightFilled: "height-filled.svg",
height: "height.svg",
hitchFilled: "hitch-filled.svg",
hitch: "hitch.svg",
homeFilled: "home-filled.svg",
home: "home.svg",
idCardFilled: "id-card-filled.svg",
idCard: "id-card.svg",
incidentFilled: "incident-filled.svg",
incident: "incident.svg",
infoCircleFilled: "info-circle-filled.svg",
infoCircle: "info-circle.svg",
infoFilled: "info-filled.svg",
info: "info.svg",
instagram: "instagram.svg",
instantFilled: "instant-filled.svg",
instant: "instant.svg",
invoiceFilled: "invoice-filled.svg",
invoice: "invoice.svg",
keyConnectFilled: "key-connect-filled.svg",
keyConnect: "key-connect.svg",
keyFilled: "key-filled.svg",
key: "key.svg",
licenceCheckFilled: "licence-check-filled.svg",
licenceCheck: "licence-check.svg",
licenceFilled: "licence-filled.svg",
licencePaperFilled: "licence-paper-filled.svg",
licencePaper: "licence-paper.svg",
licence: "licence.svg",
lifeBuoyFilled: "life-buoy-filled.svg",
lifeBuoy: "life-buoy.svg",
linkedin: "linkedin.svg",
loading: "loading.svg",
localityFilled: "locality-filled.svg",
locality: "locality.svg",
locationFilled: "location-filled.svg",
locationMap: "location-map.svg",
locationParking: "location-parking.svg",
locationPin: "location-pin.svg",
location: "location.svg",
lockCheckFilled: "lock-check-filled.svg",
lockCheck: "lock-check.svg",
locked: "locked.svg",
loginFilled: "login-filled.svg",
login: "login.svg",
logoutFilled: "logout-filled.svg",
logout: "logout.svg",
lookFilled: "look-filled.svg",
look: "look.svg",
mailCheckFilled: "mail-check-filled.svg",
mailCheck: "mail-check.svg",
mailFilled: "mail-filled.svg",
mail: "mail.svg",
mapAltFilled: "map-alt-filled.svg",
mapAlt: "map-alt.svg",
mapFilled: "map-filled.svg",
map: "map.svg",
meetDriverFilled: "meet-driver-filled.svg",
meetDriver: "meet-driver.svg",
meetOwnerFilled: "meet-owner-filled.svg",
meetOwner: "meet-owner.svg",
menuListFilled: "menu-list-filled.svg",
menuList: "menu-list.svg",
messagesFilled: "messages-filled.svg",
messages: "messages.svg",
mileageFilled: "mileage-filled.svg",
mileage: "mileage.svg",
minibusFilled: "minibus-filled.svg",
minibus: "minibus.svg",
minusCircleFilled: "minus-circle-filled.svg",
minusCircle: "minus-circle.svg",
minusFilled: "minus-filled.svg",
minus: "minus.svg",
miscGift: "misc-gift.svg",
moonFilled: "moon-filled.svg",
moon: "moon.svg",
nearbyDeviceFilled: "nearby-device-filled.svg",
nearbyDevice: "nearby-device.svg",
notification: "notification.svg",
number1CircleFilled: "number-1-circle-filled.svg",
number1Circle: "number-1-circle.svg",
number2CircleFilled: "number-2-circle-filled.svg",
number2Circle: "number-2-circle.svg",
number3CircleFilled: "number-3-circle-filled.svg",
number3Circle: "number-3-circle.svg",
number4CircleFilled: "number-4-circle-filled.svg",
number4Circle: "number-4-circle.svg",
number5CircleFilled: "number-5-circle-filled.svg",
number5Circle: "number-5-circle.svg",
okHandFilled: "ok-hand-filled.svg",
okHand: "ok-hand.svg",
optionAirConditioning: "option-air-conditioning.svg",
optionAndroidAuto: "option-android-auto.svg",
optionAppleCarplay: "option-apple-carplay.svg",
optionAudioInput: "option-audio-input.svg",
optionBabySeat: "option-baby-seat.svg",
optionBikeRack: "option-bike-rack.svg",
optionBluetoothAudio: "option-bluetooth-audio.svg",
optionCdPlayer: "option-cd-player.svg",
optionChains: "option-chains.svg",
optionCruiseControl: "option-cruise-control.svg",
optionDashcam: "option-dashcam.svg",
optionGps: "option-gps.svg",
optionHasTrailer: "option-has-trailer.svg",
optionHitch: "option-hitch.svg",
optionRoofBox: "option-roof-box.svg",
optionSkiRack: "option-ski-rack.svg",
optionSnowTire: "option-snow-tire.svg",
optionWheelchairAccessible: "option-wheelchair-accessible.svg",
paperclipFilled: "paperclip-filled.svg",
paperclip: "paperclip.svg",
parkingFilled: "parking-filled.svg",
parking: "parking.svg",
partyFilled: "party-filled.svg",
party: "party.svg",
passportFilled: "passport-filled.svg",
passport: "passport.svg",
paymentsFilled: "payments-filled.svg",
payments: "payments.svg",
pencilFilled: "pencil-filled.svg",
pencil: "pencil.svg",
peopleUser: "people-user.svg",
percentageFilled: "percentage-filled.svg",
percentage: "percentage.svg",
performanceFilled: "performance-filled.svg",
performance: "performance.svg",
phoneFilled: "phone-filled.svg",
phoneLinkFilled: "phone-link-filled.svg",
phoneLink: "phone-link.svg",
phone: "phone.svg",
photosFilled: "photos-filled.svg",
photos: "photos.svg",
pickupTruckFilled: "pickup-truck-filled.svg",
pickupTruck: "pickup-truck.svg",
pigFilled: "pig-filled.svg",
pig: "pig.svg",
pinFilled: "pin-filled.svg",
pin: "pin.svg",
plug: "plug.svg",
plusCircleFilled: "plus-circle-filled.svg",
plusCircle: "plus-circle.svg",
plusFilled: "plus-filled.svg",
plus: "plus.svg",
positionFilled: "position-filled.svg",
position: "position.svg",
pricingFlatFilled: "pricing-flat-filled.svg",
pricingFlat: "pricing-flat.svg",
pricingVariableFilled: "pricing-variable-filled.svg",
pricingVariable: "pricing-variable.svg",
proFilled: "pro-filled.svg",
pro: "pro.svg",
profilePictureFilled: "profile-picture-filled.svg",
profilePicture: "profile-picture.svg",
questionCircleFilled: "question-circle-filled.svg",
questionCircle: "question-circle.svg",
question: "question.svg",
raceFlagFilled: "race-flag-filled.svg",
raceFlag: "race-flag.svg",
radioTuneFilled: "radio-tune-filled.svg",
radioTune: "radio-tune.svg",
recenterFilled: "recenter-filled.svg",
recenter: "recenter.svg",
refreshFilled: "refresh-filled.svg",
refresh: "refresh.svg",
reorderFilled: "reorder-filled.svg",
reorder: "reorder.svg",
replacementCarFilled: "replacement-car-filled.svg",
replacementCar: "replacement-car.svg",
replyFilled: "reply-filled.svg",
reply: "reply.svg",
reset: "reset.svg",
rideFilled: "ride-filled.svg",
ride: "ride.svg",
roadFilled: "road-filled.svg",
road: "road.svg",
roadsideAssistanceFilled: "roadside-assistance-filled.svg",
roadsideAssistance: "roadside-assistance.svg",
roofBoxFilled: "roof-box-filled.svg",
roofBox: "roof-box.svg",
rotateFilled: "rotate-filled.svg",
rotate: "rotate.svg",
sealCheckFilled: "seal-check-filled.svg",
sealCheck: "seal-check.svg",
searchCarFilled: "search-car-filled.svg",
searchCar: "search-car.svg",
searchFilled: "search-filled.svg",
searchPeopleFilled: "search-people-filled.svg",
searchPeople: "search-people.svg",
search: "search.svg",
seatbeltFilled: "seatbelt-filled.svg",
seatbelt: "seatbelt.svg",
sedanFilled: "sedan-filled.svg",
sedan: "sedan.svg",
sendFilled: "send-filled.svg",
send: "send.svg",
serviceBattery: "service-battery.svg",
serviceCleaning: "service-cleaning.svg",
serviceFuel: "service-fuel.svg",
serviceHealing: "service-healing.svg",
serviceLockedFilled: "service-locked-filled.svg",
serviceLocked: "service-locked.svg",
serviceTolls: "service-tolls.svg",
serviceUnlocked: "service-unlocked.svg",
settingsFilled: "settings-filled.svg",
settings: "settings.svg",
shareAndroidFilled: "share-android-filled.svg",
shareAndroid: "share-android.svg",
shareIosFilled: "share-ios-filled.svg",
shareIos: "share-ios.svg",
share: "share.svg",
shieldCheckFilled: "shield-check-filled.svg",
shieldCheck: "shield-check.svg",
shieldFilled: "shield-filled.svg",
shield: "shield.svg",
shopFilled: "shop-filled.svg",
shop: "shop.svg",
skiRackFilled: "ski-rack-filled.svg",
skiRack: "ski-rack.svg",
sliderFilled: "slider-filled.svg",
slider: "slider.svg",
smartphoneFilled: "smartphone-filled.svg",
smartphone: "smartphone.svg",
smilingFaceFilled: "smiling-face-filled.svg",
smilingFace: "smiling-face.svg",
snowTireFilled: "snow-tire-filled.svg",
snowTire: "snow-tire.svg",
socialFacebook: "social-facebook.svg",
socialLinkedin: "social-linkedin.svg",
socialTwitter: "social-twitter.svg",
socialWhatsapp: "social-whatsapp.svg",
starFilled: "star-filled.svg",
starHalfFilled: "star-half-filled.svg",
starHalf: "star-half.svg",
star: "star.svg",
starsFilled: "stars-filled.svg",
stars: "stars.svg",
subwayFilled: "subway-filled.svg",
subway: "subway.svg",
suitcaseFilled: "suitcase-filled.svg",
suitcase: "suitcase.svg",
supportFilled: "support-filled.svg",
support: "support.svg",
suvFilled: "suv-filled.svg",
suv: "suv.svg",
syncFilled: "sync-filled.svg",
sync: "sync.svg",
synch: "synch.svg",
tagFilled: "tag-filled.svg",
tag: "tag.svg",
tiktok: "tiktok.svg",
timeAlert: "time-alert.svg",
timeBackwards: "time-backwards.svg",
timeCalendar: "time-calendar.svg",
timeForward: "time-forward.svg",
tollsFilled: "tolls-filled.svg",
tolls: "tolls.svg",
trailer: "trailer.svg",
trainFilled: "train-filled.svg",
train: "train.svg",
transmissionFilled: "transmission-filled.svg",
transmission: "transmission.svg",
triangleDown: "triangle-down.svg",
triangleRight: "triangle-right.svg",
triangleUp: "triangle-up.svg",
twitter: "twitter.svg",
twoPeopleFilled: "two-people-filled.svg",
twoPeople: "two-people.svg",
uber: "uber.svg",
unfoldFilled: "unfold-filled.svg",
unfold: "unfold.svg",
unlockedFilled: "unlocked-filled.svg",
unlocked: "unlocked.svg",
usbChargingPortFilled: "usb-charging-port-filled.svg",
usbChargingPort: "usb-charging-port.svg",
userCheckFilled: "user-check-filled.svg",
userCheck: "user-check.svg",
userFilled: "user-filled.svg",
userQuestionFilled: "user-question-filled.svg",
userQuestion: "user-question.svg",
userShieldFilled: "user-shield-filled.svg",
userShield: "user-shield.svg",
userSwitchFilled: "user-switch-filled.svg",
userSwitch: "user-switch.svg",
user: "user.svg",
utilityVanLargeFilled: "utility-van-large-filled.svg",
utilityVanLarge: "utility-van-large.svg",
utilityVanMediumFilled: "utility-van-medium-filled.svg",
utilityVanMedium: "utility-van-medium.svg",
utilityVanSmallFilled: "utility-van-small-filled.svg",
utilityVanSmall: "utility-van-small.svg",
verifiedSeal: "verified-seal.svg",
videoFilled: "video-filled.svg",
video: "video.svg",
walkFilled: "walk-filled.svg",
walk: "walk.svg",
walletFilled: "wallet-filled.svg",
wallet: "wallet.svg",
warningCircleFilled: "warning-circle-filled.svg",
warningCircle: "warning-circle.svg",
warning: "warning.svg",
weightFilled: "weight-filled.svg",
weight: "weight.svg",
whatsapp: "whatsapp.svg",
wheelFilled: "wheel-filled.svg",
wheel: "wheel.svg",
wheelchairFilled: "wheelchair-filled.svg",
wheelchair: "wheelchair.svg",
wrenchFilled: "wrench-filled.svg",
wrench: "wrench.svg",
yingyangFilled: "yingyang-filled.svg",
yingyang: "yingyang.svg"
}
};
const palette = {
grey: {
100: "#FFFFFF",
200: "#F1F1F1",
300: "#E3E3E3",
400: "#D5D5D5",
500: "#C7C6C7",
600: "#BAB8BA",
700: "#ACAAAC",
800: "#9F9B9F",
900: "#918D91",
1000: "#858185",
1100: "#797579",
1200: "#6D6A6D",
1300: "#615E61",
1400: "#555355",
1500: "#494749",
1600: "#3D3C3D"
},
black: {
100: "#4D4C4C",
200: "#4A4949",
300: "#464545",
400: "#434242",
500: "#403E3F",
600: "#3C3B3B",
700: "#393738",
800: "#353435",
900: "#323131",
1000: "#2F2D2E",
1100: "#2B2A2B",
1200: "#282627",
1300: "#242324",
1400: "#212021",
1500: "#1D1C1D",
1600: "#1A191A"
},
navy: {
100: "#F1F1F4",
200: "#DADAE3",
300: "#C4C3D3",
400: "#ACABC4",
500: "#9592B5",
600: "#7E78A7",
700: "#675F98",
800: "#574E82",
900: "#463E6B",
1000: "#362E53",
1100: "#302652",
1200: "#2B1F51",
1300: "#25194F",
1400: "#21134D",
1500: "#1C0E49",
1600: "#180A46"
},
purple: {
100: "#F4F1F4",
200: "#F0E1EE",
300: "#E1B4E2",
400: "#DD9CE0",
500: "#DB82DF",
600: "#DB66E0",
700: "#DB48E3",
800: "#DD28E9",
900: "#D90EE8",
1000: "#C705D7",
1100: "#BC00CC",
1200: "#920E9D",
1300: "#77157F",
1400: "#5E1964",
1500: "#481A4C",
1600: "#341936"
},
violet: {
100: "#EFE9FB",
200: "#DCCCF7",
300: "#CBAEF4",
400: "#BC8FF3",
500: "#AE6FF3",
600: "#A34DF4",
700: "#9B2BF6",
800: "#9606F9",
900: "#8C01DE",
1000: "#7C01C5",
1100: "#6B01AB",
1200: "#5B0092",
1300: "#4B0078",
1400: "#3B005F",
1500: "#2B0045",
1600: "#1B002C"
},
blue: {
100: "#F5F8FF",
200: "#D9E5FF",
300: "#BDD3FE",
400: "#A2C3FD",
500: "#87B4FC",
600: "#6DA5FA",
700: "#5298F8",
800: "#388CF6",
900: "#1F81F3",
1000: "#176CDC",
1100: "#1D5AB6",
1200: "#214B94",
1300: "#223D74",
1400: "#203057",
1500: "#1B243C",
1600: "#141824"
},
lime: {
100: "#F8FEC5",
200: "#F4FCA1",
300: "#F0FA85",
400: "#EBF669",
500: "#E6F24F",
600: "#E1ED35",
700: "#DBE71B",
800: "#C2CB18",
900: "#A6AD18",
1000: "#8C9219",
1100: "#75791D",
1200: "#60631E",
1300: "#4C4E1E",
1400: "#3A3B1C",
1500: "#292A18",
1600: "#1A1B12"
},
orange: {
100: "#F1BEB1",
200: "#EEAF9B",
300: "#ECA185",
400: "#EB956E",
500: "#E98957",
600: "#E97F3F",
700: "#E87727",
800: "#D76A14",
900: "#CC6212",
1000: "#B65410",
1100: "#9F470D",
1200: "#893B0B",
1300: "#722F09",
1400: "#5B2407",
1500: "#441905",
1600: "#2D1003"
},
red: {
100: "#FEF0F0",
200: "#FCD3D3",
300: "#FAB7B7",
400: "#F79B9B",
500: "#F57F7F",
600: "#F26363",
700: "#EF4848",
800: "#EB2D2D",
900: "#E41616",
1000: "#C71414",
1100: "#AB1616",
1200: "#901717",
1300: "#771616",
1400: "#5E1515",
1500: "#471212",
1600: "#310E0E"
},
green: {
100: "#F3FBEF",
200: "#E0F4D7",
300: "#CBEDC0",
400: "#B6E5A9",
500: "#A0DD93",
600: "#8AD37D",
700: "#73C968",
800: "#5CBF54",
900: "#49B142",
1000: "#3E9939",
1100: "#348230",
1200: "#2A6A27",
1300: "#20521E",
1400: "#163B15",
1500: "#0D230D",
1600: "#040B04"
},
yellow: {
100: "#FFFCF7",
200: "#FFF4E2",
300: "#FFEDCE",
400: "#FFE5B9",
500: "#FFDDA4",
600: "#FFD68F",
700: "#FFCE7B",
800: "#FFC766",
900: "#F9BA4C",
1000: "#F0AD35",
1100: "#E59E20",
1200: "#C68B1F",
1300: "#A47622",
1400: "#846122",
1500: "#664D20",
1600: "#4A3A1C"
},
white: "#FFFFFF",
white_alpha: {
5: "#FFFFFF0D",
10: "#FFFFFF1A",
15: "#FFFFFF26",
20: "#FFFFFF33",
25: "#FFFFFF40",
30: "#FFFFFF4D",
35: "#FFFFFF59",
40: "#FFFFFF66",
45: "#FFFFFF73",
50: "#FFFFFF80",
55: "#FFFFFF8C",
60: "#FFFFFF99",
65: "#FFFFFFA6",
70: "#FFFFFFB3"
},
black_alpha: {
2: "#00000005",
4: "#0000000A",
6: "#0000000F",
8: "#00000014",
10: "#0000001A",
12: "#0000001F",
14: "#00000024",
16: "#00000029",
18: "#0000002E",
20: "#00000033",
22: "#00000038",
24: "#0000003D",
26: "#00000042",
28: "#00000047",
30: "#0000004D",
32: "#00000052",
34: "#00000057"
},
navy_alpha: {
1: "#30265203",
2: "#30265205",
3: "#30265208",
4: "#3026520A",
5: "#3026520D",
6: "#3026520F",
7: "#30265212",
8: "#30265214",
9: "#30265217",
10: "#3026521A",
12: "#3026521F",
14: "#30265224",
16: "#30265229",
18: "#3026522E",
20: "#30265233",
22: "#30265238",
24: "#3026523D",
26: "#30265242",
28: "#30265247",
30: "#3026524D",
32: "#30265252",
34: "#30265257",
36: "#3026525C",
38: "#30265261",
40: "#30265266",
42: "#3026526B",
44: "#30265270",
46: "#30265275",
48: "#3026527A",
50: "#30265280",
52: "#30265285",
54: "#3026528A",
56: "#3026528F",
58: "#30265294",
60: "#30265299",
62: "#3026529E",
64: "#302652A3",
66: "#302652A8",
68: "#302652AD",
70: "#302652B3",
72: "#302652B8",
74: "#302652BD",
76: "#302652C2",
78: "#302652C7",
80: "#302652CC",
82: "#302652D1",
84: "#302652D6",
86: "#302652DB",
88: "#302652E0",
90: "#302652E6",
92: "#302652EB",
94: "#302652F0",
96: "#302652F5",
98: "#302652FA"
},
grey_alpha: {
1: "#E3E3E303",
2: "#E3E3E305",
3: "#E3E3E308",
4: "#E3E3E30A",
5: "#E3E3E30D",
6: "#E3E3E30F",
7: "#E3E3E312",
8: "#E3E3E314",
9: "#E3E3E317",
10: "#E3E3E31A",
15: "#E3E3E326",
20: "#E3E3E333",
25: "#E3E3E340",
30: "#E3E3E34D",
35: "#E3E3E359",
40: "#E3E3E366",
45: "#E3E3E373",
50: "#E3E3E380",
55: "#E3E3E38C",
60: "#E3E3E399",
65: "#E3E3E3A6",
70: "#E3E3E3B3",
75: "#E3E3E3BF",
80: "#E3E3E3CC",
85: "#E3E3E3D9",
90: "#E3E3E3E6",
95: "#E3E3E3F2"
}
};
const theme = {
surface: "white/black.1600",
surfaceBright: "white/black.1400",
surfaceContainer: "white/black.1100",
surfaceContainerVariant: "navy.100/black.800",
outline: "navy.200/black.1000",
outlineVariant: "navy.300/black.400",
onSurface: "navy.1100/grey.300",
onSurfaceVariant: "navy.600/grey.700",
onSurfaceContainerVariant: "grey.500/grey.1300",
disabled: "navy_alpha.8/grey_alpha.20",
onSurfaceDisabled: "navy_alpha.40/grey_alpha.45",
primary: "purple.1100/purple.600",
onPrimary: "white/black.1600",
primaryContainer: "purple.200/purple.1600",
onPrimaryContainer: "purple.1100/purple.200",
secondary: "violet.900/violet.400",
onSecondary: "violet.100/black.1600",
secondaryContainer: "violet.100/violet.1400",
onSecondaryContainer: "violet.1500/violet.100",
onSecondaryContainerVariant: "violet.800/violet.500",
tertiary: "blue.900/blue.700",
onTertiary: "white/blue.100",
outlineTertiary: "blue.1000/blue.800",
tertiaryContainer: "blue.200/blue.1400",
onTertiaryContainer: "violet.1600/blue.100",
onTertiaryContainerVariant: "blue.1000/blue.300",
success: "green.1000/green.600",
onSuccess: "green.100/black.1200",
successContainer: "green.200/green.1200",
onSuccessContainer: "green.1300/green.200",
error: "red.800/red.500",
onError: "white/black.1600",
errorContainer: "red.100/red.1400",
onErrorContainer: "red.1100/red.200",
warning: "yellow.800/yellow.600",
onWarning: "yellow.1500/black.1600",
warningContainer: "yellow.200/yellow.1600",
onWarningContainer: "yellow.1400/yellow.500",
neutral: "navy.1100/grey.300",
onNeutral: "white/black.1600",
connect: "purple.800/purple.500",
onConnect: "white/black.1600",
keyExchange: "violet.700/violet.500",
onKeyExchange: "white/black.1600",
seasonLowest: "green.200/green.300",
onSeasonLowest: "black.1600/black.1600",
seasonMedium: "green.600/green.700",
onSeasonMedium: "black.1600/black.1600",
seasonHigh: "green.1000/green.1100",
onSeasonHigh: "white/white",
seasonHighest: "green.1300/green.1400",
onSeasonHighest: "white/white",
business: "violet.1400/violet.1400",
businessVariant: "violet.1100/violet.1100",
onBusiness: "white/white",
onBusinessVariant: "lime.500/lime.300",
businessContainer: "lime.300/lime.200",
onBusinessContainer: "violet.1600/violet.1300",
hover: "black_alpha.4/white_alpha.15",
focus: "black_alpha.8/white_alpha.20",
press: "black_alpha.8/white_alpha.20",
drag: "black_alpha.16/white_alpha.20",
scrim: "black_alpha.26/black_alpha.26",
surfaceFixed: "white/grey.100",
onSurfaceFixed: "navy.1100/navy.1100",
inverseSurface: "navy.1100/grey.100",
inverseOnSurface: "grey.100/black.1600",
marketingContainer: "lime.100/lime.1500",
onMarketingContainer: "lime.1500/lime.200"
};
const zIndexes = {
below: -1,
base: 0,
above: 1,
"dropdown-below": 9,
dropdown: 10,
"dropdown-above": 11,
"nav-below": 19,
nav: 20,
"nav-above": 21,
"header-below": 29,
header: 30,
"header-above": 31,
"sidepanel-below": 79,
sidepanel: 80,
"sidepanel-above": 81,
"modal-below": 89,
modal: 90,
"modal-above": 91,
"alert-below": 99,
alert: 100,
"alert-above": 101,
"autocomplete-popover": 2147483647
};
const tokens_breakpoints = breakpoints;
const tokens_countries = countries;
const src_tokens_icons = tokens_icons;
const tokens_zIndexes = zIndexes;
const tokens_palette = palette;
const tokens_theme = theme;
exports.breakpoints = __webpack_exports__.breakpoints;
exports.countries = __webpack_exports__.countries;
exports.icons = __webpack_exports__.icons;
exports.palette = __webpack_exports__.palette;
exports.theme = __webpack_exports__.theme;
exports.zIndexes = __webpack_exports__.zIndexes;
for(var __rspack_i in __webpack_exports__)if (-1 === [
"breakpoints",
"countries",
"icons",
"palette",
"theme",
"zIndexes"
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
Object.defineProperty(exports, '__esModule', {
value: true
});
//# sourceMappingURL=index.js.map