UNPKG

vcc-ui

Version:

A React library for building user interfaces at Volvo Cars

8 lines (7 loc) 13.4 kB
/* This file is temporary, and these arrays will be lifted into Design Tokens shortly. Until then, changes here need to be reflected in shared/tokens-to-migrate */ export const COLORS = ['primary', 'secondary', 'inverted', 'alert', 'action', 'positive']; export const SIZES = [12, 16, 24, 32, 40]; export const TYPES = ['30daystrial-40', '360camera-32', '360camera-40', 'alarm-16', 'alarm-24', 'alarm-32', 'alarm-40', 'alarm-64', 'avatar-16', 'avatar-24', 'avatar-40', 'award-24', 'award-40', 'blocked-16', 'blocked-24', 'blocked-32', 'blocked-40', 'blocked-48', 'calendar-16', 'calendar-24', 'calendar-40', 'calendar-64', 'car-alcolock-40', 'car-aqi-32', 'car-aqi-40', 'car-audio-24', 'car-awd-16', 'car-awd-24', 'car-awd-32', 'car-awd-40', 'car-battery-24', 'car-battery-40', 'car-batterycharging-32', 'car-batterycharging-40', 'car-batterysoftware-40', 'car-blis-32', 'car-blis-40', 'car-camera-24', 'car-camera-32', 'car-camera-40', 'car-car-12', 'car-car-16', 'car-car-24', 'car-car-32', 'car-car-40', 'car-car-48', 'car-carbattery-40', 'car-carclock-24', 'car-carclock-40', 'car-cardroplets-24', 'car-cardroplets-40', 'car-carelectricavatar-32', 'car-carelectricavatar-40', 'car-carelectricclock-32', 'car-carelectricclock-40', 'car-carelectricthreearrows-32', 'car-carelectricthreearrows-40', 'car-carelectrictwoarrows-32', 'car-carelectrictwoarrows-40', 'car-carinhouse-32', 'car-carinhouse-40', 'car-carinspection-24', 'car-carinspection-40', 'car-carmagnifier-24', 'car-carmagnifier-40', 'car-carshieldtick-24', 'car-carshieldtick-40', 'car-carside-24', 'car-carside-32', 'car-carside-40', 'car-carunderroof-32', 'car-carunderroof-40', 'car-carwash-24', 'car-carwash-40', 'car-ccs-40', 'car-charging-32', 'car-charging-40', 'car-chargingsocketcn-40', 'car-chargingsocketcn-64', 'car-chargingsocketcneu-40', 'car-chargingsocketcneu-64', 'car-chargingsocketeu-40', 'car-chargingsocketeu-64', 'car-chargingsocketjp-40', 'car-chargingsocketjp-64', 'car-chargingsocketjpna-40', 'car-chargingsocketjpna-64', 'car-chargingsocketna-40', 'car-chargingsocketna-64', 'car-citysafety-32', 'car-citysafety-40', 'car-citysafety-48', 'car-collisionavoidence-32', 'car-collisionavoidence-40', 'car-courtesycar-24', 'car-courtesycar-40', 'car-cta-32', 'car-cta-40', 'car-driveralert-24', 'car-driveralert-32', 'car-driveralert-40', 'car-electric-16', 'car-electric-24', 'car-electric-32', 'car-electric-40', 'car-electricalplug-24', 'car-electricalplug-40', 'car-engine-24', 'car-engine-40', 'car-engine-48', 'car-fan-24', 'car-fan-32', 'car-fan-40', 'car-fan-48', 'car-fan-64', 'car-fan-80', 'car-features-40', 'car-features-48', 'car-fuel-16', 'car-fuel-24', 'car-fuel-40', 'car-fwd-16', 'car-fwd-24', 'car-fwd-32', 'car-fwd-40', 'car-houseelectricplug-32', 'car-houseelectricplug-40', 'car-hud-32', 'car-hud-40', 'car-hybrid-16', 'car-hybrid-24', 'car-hybrid-32', 'car-hybrid-40', 'car-key-24', 'car-key-40', 'car-moonroof-32', 'car-moonroof-40', 'car-navigate-16', 'car-navigate-24', 'car-navigate-32', 'car-navigate-40', 'car-performance-24', 'car-performance-40', 'car-plugsurfingcard-24', 'car-plugsurfingcard-40', 'car-psquare-32', 'car-psquare-40', 'car-road-16', 'car-road-24', 'car-road-32', 'car-road-40', 'car-safetyfeatures-32', 'car-seat-16', 'car-seat-24', 'car-seat-40', 'car-seatright-24', 'car-seatright-40', 'car-seats-16', 'car-seats-24', 'car-seats-40', 'car-seatsfour-24', 'car-seatsfour-32', 'car-seatsfour-40', 'car-seatsseven-32', 'car-service-24', 'car-service-40', 'car-size-24', 'car-size-40', 'car-slipperyroad-32', 'car-slipperyroad-40', 'car-speedcap-40', 'car-steeringwheel-32', 'car-steeringwheel-40', 'car-steeringwheelp-32', 'car-steeringwheelp-40', 'car-towbar-40', 'car-transmission-16', 'car-transmission-24', 'car-transmission-40', 'car-trunkspace-24', 'car-trunkspace-40', 'car-type2-40', 'car-tyre-24', 'car-tyre-40', 'car-wheel-16', 'car-wheel-24', 'car-windscreenwiper-24', 'car-windscreenwiper-40', 'checkmark-12', 'checkmark-16', 'checkmark-24', 'checkmark-32', 'checkmark-40', 'checkmark-48', 'citydriving-32', 'citydriving-40', 'coffee-40', 'communication-chat-24', 'communication-chat-32', 'communication-chat-40', 'communication-email-16', 'communication-email-24', 'communication-email-32', 'communication-email-40', 'communication-mailhandling-40', 'communication-phone-16', 'communication-phone-24', 'communication-phone-40', 'communication-textmessage-40', 'connectivity-24', 'connectivity-40', 'connectivity-80', 'copy-16', 'copy-40', 'date-40', 'delete-16', 'delete-24', 'delete-40', 'designyourown-16', 'designyourown-24', 'designyourown-32', 'designyourown-40', 'device-24', 'device-32', 'device-40', 'ecoleather-40', 'edit-16', 'edit-24', 'edit-40', 'electrification-32', 'electrification-40', 'error-12', 'error-24', 'error-40', 'extendedperiod-24', 'extendedperiod-32', 'extendedperiod-40', 'extendedperiod-48', 'externallink-12', 'externallink-16', 'externallink-24', 'externallink-32', 'externallink-40', 'externallink-48', 'externallink-64', 'externallink-80', 'facemask-40', 'fallbackimage-24', 'favorite-16', 'favorite-24', 'favorite-32', 'favorite-40', 'favorite-48', 'filter-16', 'filter-24', 'filter-40', 'filterfilled-32', 'filterfilled-40', 'guardingservices-24', 'guardingservices-40', 'highwaypilot-32', 'highwaypilot-40', 'incentives-40', 'info-12', 'info-16', 'info-24', 'info-32', 'info-40', 'insurance-24', 'insurance-40', 'insurance-80', 'leaf-32', 'leaf-40', 'link-24', 'link-32', 'link-40', 'list-24', 'list-32', 'list-40', 'locked-40', 'locked-64', 'map-crosshair-32', 'map-crosshair-40', 'map-map-24', 'map-map-40', 'map-mappin-16', 'map-mappin-24', 'map-mappin-32', 'map-mappin-40', 'map-mappin-48', 'map-mappin-64', 'map-mappin-80', 'map-pegman-32', 'map-pegman-40', 'map-route-16', 'map-route-24', 'map-route-32', 'map-route-40', 'media-pause-16', 'media-pause-24', 'media-pause-32', 'media-pause-40', 'media-pause-48', 'media-pause-64', 'media-pause-80', 'media-play-16', 'media-play-24', 'media-play-32', 'media-play-40', 'media-play-48', 'media-play-64', 'media-play-80', 'media-stepbackward-32', 'media-stepbackward-40', 'media-stepforward-32', 'media-stepforward-40', 'mediacircled-close-16', 'mediacircled-close-24', 'mediacircled-close-32', 'mediacircled-close-40', 'mediacircled-close-48', 'mediacircled-close-64', 'mediacircled-close-80', 'mediacircled-next-16', 'mediacircled-next-24', 'mediacircled-next-32', 'mediacircled-next-40', 'mediacircled-next-48', 'mediacircled-next-64', 'mediacircled-next-80', 'mediacircled-pause-16', 'mediacircled-pause-24', 'mediacircled-pause-32', 'mediacircled-pause-40', 'mediacircled-pause-48', 'mediacircled-pause-64', 'mediacircled-pause-80', 'mediacircled-play-16', 'mediacircled-play-24', 'mediacircled-play-32', 'mediacircled-play-40', 'mediacircled-play-48', 'mediacircled-play-64', 'mediacircled-play-80', 'mediacircled-previous-16', 'mediacircled-previous-24', 'mediacircled-previous-32', 'mediacircled-previous-40', 'mediacircled-previous-48', 'mediacircled-previous-64', 'mediacircled-previous-80', 'mixeddriving-32', 'mixeddriving-40', 'moneycirculararrows-32', 'moneycirculararrows-40', 'more-16', 'more-24', 'more-40', 'more-48', 'mountains-32', 'mountains-40', 'multiplechoice-40', 'navigation-arrowback-16', 'navigation-arrowback-40', 'navigation-arrowdown-16', 'navigation-arrowdown-40', 'navigation-arrowforward-16-rtl', 'navigation-arrowforward-16', 'navigation-arrowforward-24-rtl', 'navigation-arrowforward-24', 'navigation-arrowforward-40-rtl', 'navigation-arrowforward-40', 'navigation-arrowsort-16', 'navigation-arrowsort-40', 'navigation-arrowup-16', 'navigation-arrowup-40', 'navigation-chevronback-12', 'navigation-chevronback-16', 'navigation-chevronback-24', 'navigation-chevronback-32', 'navigation-chevronback-40', 'navigation-chevronback-48', 'navigation-chevronback-64', 'navigation-chevronback-80', 'navigation-chevrondown-12', 'navigation-chevrondown-16', 'navigation-chevrondown-24', 'navigation-chevrondown-32', 'navigation-chevrondown-40', 'navigation-chevrondown-48', 'navigation-chevrondown-64', 'navigation-chevrondown-80', 'navigation-chevronforward-12', 'navigation-chevronforward-16', 'navigation-chevronforward-24', 'navigation-chevronforward-32', 'navigation-chevronforward-40', 'navigation-chevronforward-48', 'navigation-chevronforward-64', 'navigation-chevronforward-80', 'navigation-chevronup-12', 'navigation-chevronup-16', 'navigation-chevronup-24', 'navigation-chevronup-32', 'navigation-chevronup-40', 'navigation-chevronup-48', 'navigation-chevronup-64', 'navigation-chevronup-80', 'navigation-close-12', 'navigation-close-16', 'navigation-close-24', 'navigation-close-32', 'navigation-close-40', 'navigation-close-48', 'navigation-close-64', 'navigation-close-80', 'navigation-menu-24', 'navigation-menu-32', 'navigation-menu-40', 'navigation-minus-16', 'navigation-minus-24', 'navigation-minus-40', 'navigation-plus-12', 'navigation-plus-16', 'navigation-plus-24', 'navigation-plus-32', 'navigation-plus-40', 'navigation-plus-48', 'nocosts-24', 'nocosts-32', 'nocosts-40', 'nofilter-40', 'nohiddencost-40', 'nohiddencost-80', 'offergeneric-24', 'offergeneric-40', 'office-avinstallation-40', 'office-cleaning-40', 'office-elevator-40', 'office-furniture-40', 'office-homework-40', 'office-lawnmower-40', 'office-meetingroom-40', 'office-moving-24', 'office-moving-40', 'office-newareainsysenv-40', 'office-officearea-40', 'office-officesupplies-40', 'office-otherfacilityfaults-40', 'office-property-40', 'office-propertyinside-40', 'office-propertyoutside-40', 'office-restaurantcafeteria-40', 'office-restroom-40', 'office-retailer-24', 'office-retailer-40', 'office-securityequipment-40', 'office-socialisingkitchenarea-40', 'office-workdesk-40', 'office-workplacelayout-40', 'office-workshop-40', 'office-workshop-80', 'other-24hforwardarrowcircle-32', 'other-24hforwardarrowcircle-40', 'other-360view-24', 'other-360view-40', 'other-airpurifier-32', 'other-airpurifier-40', 'other-asterisk-40', 'other-bandaid-24', 'other-bandaid-40', 'other-bank-24', 'other-bank-32', 'other-bank-40', 'other-barchart-40', 'other-branching-24', 'other-calendaronedot-32', 'other-calendaronedot-40', 'other-calendarsevendots-32', 'other-calendarsevendots-40', 'other-calendarthreedots-32', 'other-calendarthreedots-40', 'other-chart-24', 'other-chart-40', 'other-childface-24', 'other-childface-40', 'other-circulareconomy-40', 'other-cogdiamond-24', 'other-cogdiamond-40', 'other-cogwheels-24', 'other-cogwheels-40', 'other-contract-32', 'other-contract-40', 'other-creditcard-32', 'other-creditcard-40', 'other-creditcardcirclearrow-32', 'other-creditcardcirclearrow-40', 'other-creditcardplus-32', 'other-creditcardplus-40', 'other-diamond-16', 'other-diamond-24', 'other-diamond-32', 'other-diamond-40', 'other-documentswrench-24', 'other-documentswrench-40', 'other-emission-24', 'other-emission-40', 'other-emission-80', 'other-envoymachine-40', 'other-exchange-24', 'other-eye-16', 'other-eye-24', 'other-eyeslash-16', 'other-eyeslash-24', 'other-fallbackvideo-24', 'other-fridge-24', 'other-fridge-40', 'other-handshake-40', 'other-idcardslash-32', 'other-idcardslash-40', 'other-massbalance-40', 'other-qrscan-32', 'other-qrscan-40', 'other-receipt-32', 'other-receipt-40', 'other-receiptslash-32', 'other-receiptslash-40', 'other-rose-24', 'other-rose-40', 'other-satellite-32', 'other-satellite-40', 'other-screw-40', 'other-shieldlock-40', 'other-star-32', 'other-star-40', 'other-starfilled-32', 'other-starfilled-40', 'other-starhalffilled-32', 'other-starhalffilled-40', 'other-traceablecobolt-40', 'other-trophy-40', 'other-van-24', 'other-van-40', 'other-vanhouse-24', 'other-vanhouse-40', 'ownersmanual-40', 'ownersmanual-64', 'paperdownload-24', 'paperdownload-40', 'papertemplate-40', 'print-16', 'print-40', 'profile-24', 'profile-40', 'recycle-40', 'refresh-16', 'refresh-40', 'remote-32', 'remote-40', 'road-32', 'road-40', 'roadmountains-32', 'roadmountains-40', 'sale-24', 'sale-32', 'sale-40', 'save-16', 'save-24', 'save-40', 'savings-24', 'savings-32', 'savings-40', 'search-16', 'search-24', 'search-40', 'settings-16', 'settings-24', 'settings-32', 'settings-40', 'share-16', 'share-24', 'share-32', 'share-40', 'share-48', 'share-64', 'share-80', 'shop-24', 'shop-40', 'smartphone-24', 'smartphone-40', 'speaker-32', 'speaker-40', 'star-40', 'support-16', 'support-24', 'support-32', 'support-40', 'support-64', 'sustainablematerial-40', 'taxes-24', 'taxes-32', 'taxes-40', 'thirdparty-arios-24', 'thirdparty-blogger-24', 'thirdparty-blogger-40', 'thirdparty-facebook-24', 'thirdparty-googleassistant-16', 'thirdparty-googleassistant-40', 'thirdparty-instagram-24', 'thirdparty-line-24', 'thirdparty-line-40', 'thirdparty-linkedin-24', 'thirdparty-linkedin-40', 'thirdparty-pinterest-24', 'thirdparty-salesforce-16', 'thirdparty-salesforce-40', 'thirdparty-twitter-24', 'thirdparty-vkontakte-24', 'thirdparty-vkontakte-40', 'thirdparty-wechat-24', 'thirdparty-wechat-40', 'thirdparty-weibo-24', 'thirdparty-weibo-40', 'thirdparty-x-24', 'thirdparty-youtube-24', 'throwback-32', 'throwback-40', 'time-16', 'time-24', 'time-32', 'time-40', 'warninghazard-40', 'warranty-24', 'warranty-32', 'warranty-40', 'warranty-80', 'weather-cloud-40', 'weather-rain-24', 'weather-rain-40', 'weather-snow-24', 'weather-snow-32', 'weather-snow-40', 'weather-sun-32', 'weather-sun-40', 'wireless-40'];