{ "border": { "values": { "border1": { "value": 1 }, "border2": { "value": 2 }, "border3": { "value": 3 }, "border4": { "value": 4 }, "none": { "value": 0 } } }, "color": { "values": { "amber": { "description": "Amber", "tags": ["Notification", "Border"], "value": "#FACA69" }, "amberDark": { "description": "Dark Amber", "tags": ["Notification", "Icon"], "value": "#C77539" }, "amberLight": { "description": "Light Amber", "tags": ["Notification", "Background"], "value": "#FFF9EE" }, "bgModal": { "description": "Modal Background", "tags": ["Background"], "value": "rgba(244, 244, 247, 0.97)" }, "black": { "description": "Black", "tags": ["Background"], "value": "#000000" }, "brandLight": { "description": "Brand Light", "tags": ["Brand"], "value": "rgb(239,237,255)" }, "dark10": { "description": "Dark 10%", "tags": ["Opacity"], "value": "rgba(0, 0, 0, 0.1)" }, "dark20": { "description": "Dark 20%", "tags": ["Opacity"], "value": "rgba(0, 0, 0, 0.2)" }, "dark40": { "description": "Dark 40%", "tags": ["Opacity"], "value": "rgba(0, 0, 0, 0.4)" }, "dark5": { "description": "Dark 5%", "tags": ["Opacity"], "value": "rgba(0, 0, 0, 0.05)" }, "dark60": { "description": "Dark 60%", "tags": ["Opacity"], "value": "rgba(0, 0, 0, 0.6)" }, "dark80": { "description": "Dark 80%", "tags": ["Opacity"], "value": "rgba(0, 0, 0, 0.8)" }, "dark97": { "description": "Dark 97%", "tags": ["Opacity"], "value": "rgba(0, 0, 0, 0.97)" }, "greenAccessible": { "description": "Accessible Green", "tags": ["Brand", "Green", "Text", "Border", "Icon"], "value": "#2B8000" }, "greenDarkFern": { "description": "Dark fern Green", "tags": ["Green"], "value": "#163E06" }, "greenPanache": { "description": "Panache Green", "tags": ["Green", "Background"], "value": "#F4F9F2" }, "greenSanFelix": { "description": "San Felix Green", "tags": ["Green"], "value": "#1F5C09" }, "greenTelus": { "description": "TELUS Green", "tags": ["Brand", "Green"], "value": "#66CC00" }, "greenTusk": { "description": "Tusk Green", "tags": ["Green"], "value": "#E3F6D1" }, "greenYellow": { "description": "Yellow Green", "tags": ["Green"], "value": "#BFE797" }, "greyAlabaster": { "description": "Alabaster Grey", "tags": ["Neutral"], "value": "#FAFAFA" }, "greyAthens": { "description": "Athens Grey", "tags": ["Neutral", "Background"], "value": "#F4F4F7" }, "greyCharcoal": { "description": "Charcoal Grey", "tags": ["Neutral", "Text", "Background", "Icon"], "value": "#414547" }, "greyCloud": { "description": "Cloud Grey", "tags": ["Neutral", "Border"], "value": "#B2B9BF" }, "greyLight": { "description": "", "tags": [], "value": "rgb(250, 250, 250)" }, "greyMystic": { "description": "Mystic Grey", "tags": ["Neutral", "Border"], "value": "#E3E6E8" }, "greyShuttle": { "description": "Shuttle Grey", "tags": ["Neutral", "Text", "Background", "Border", "Icon"], "value": "#676E73" }, "greyThunder": { "description": "Thunder Grey", "tags": ["Neutral", "Text", "Background"], "value": "#2C2E30" }, "light10": { "description": "Light 10%", "tags": ["Opacity"], "value": "rgba(255, 255, 255, 0.1)" }, "light20": { "description": "Light 20%", "tags": ["Opacity"], "value": "rgba(255, 255, 255, 0.2)" }, "light40": { "description": "Light 40%", "tags": ["Opacity"], "value": "rgba(255, 255, 255, 0.4)" }, "light60": { "description": "Light 60%", "tags": ["Opacity"], "value": "rgba(255, 255, 255, 0.6)" }, "light80": { "description": "Light 80%", "tags": ["Opacity"], "value": "rgba(255, 255, 255, 0.8)" }, "light97": { "description": "Light 97%", "tags": ["Opacity"], "value": "rgba(255, 255, 255, 0.97)" }, "purpleDark": { "description": "Dark Purple", "tags": ["Purple"], "value": "#3F2A54" }, "purpleDeluge": { "description": "Deluge Purple", "tags": ["Purple"], "value": "#7C53A5" }, "purpleEminence": { "description": "Eminence Purple", "tags": ["Purple"], "value": "#613889" }, "purpleLight": { "description": "Purple Light", "tags": ["global", "light"], "value": "#EFEDFF" }, "purpleTelus": { "description": "TELUS Purple", "tags": ["Brand", "Purple", "Text", "Background", "Border", "Icon"], "value": "#4B286D" }, "red": { "description": "Red", "tags": ["Notification", "Border"], "value": "#E12339" }, "redDark": { "description": "Dark Red", "tags": ["Notification", "Background", "Icon"], "value": "#C12335" }, "redDarker": { "description": "Darker Red", "tags": ["ProgressBar"], "value": "#560C0C" }, "redLight": { "description": "Light Red", "tags": ["Notification", "Background"], "value": "#FFF6F8" }, "transparent": { "description": "Transparent", "tags": ["Opacity"], "value": "rgba(0, 0, 0, 0)" }, "white": { "description": "White", "tags": ["Brand", "Text", "Background", "Border", "Icon"], "value": "#FFFFFF" } } }, "duration": { "values": { "duration250": { "value": 250 }, "duration300": { "value": 300 } } }, "font": { "values": { "HNforTELUSSA": { "value": { "300": "font/HNforTELUSSADisplay_normal_normal.woff", "400": "font/HNforTELUSSARegular_normal_normal.woff", "500": "font/HNforTELUSSAMedium_normal_normal.woff", "700": "font/HNforTELUSSABold_normal_normal.woff" } }, "HNforTELUSSAOTF": { "value": { "300": "font/HNforTELUSSA-Display.otf", "400": "font/HNforTELUSSA.otf", "500": "font/HNforTELUSSA-Md.otf", "700": "font/HNforTELUSSA-Bd.otf" } }, "HNforTELUSSAWoff2": { "value": { "300": "font/HNforTELUSSADisplay_normal_normal.woff2", "400": "font/HNforTELUSSARegular_normal_normal.woff2", "500": "font/HNforTELUSSAMedium_normal_normal.woff2", "700": "font/HNforTELUSSABold_normal_normal.woff2" } } } }, "fontSize": { "values": { "size12": { "value": 12 }, "size14": { "value": 14 }, "size16": { "value": 16 }, "size20": { "value": 20 }, "size24": { "value": 24 }, "size28": { "value": 28 }, "size32": { "value": 32 }, "size36": { "value": 36 }, "size40": { "value": 40 }, "size56": { "value": 56 }, "size64": { "value": 64 } } }, "gradient": { "values": { "base": { "description": "Base Gradient", "value": { "specification": "44.58% 44.58% at 81.13% 36.79%", "stops": [ { "color": "#fff", "stop": 0 }, { "color": "#f4f4f7", "stop": 1 } ], "type": "radial" } }, "brand": { "description": "Brand Gradient", "value": { "angle": 135, "stops": [ { "color": "rgb(75, 40, 109)", "hint": 0.75 }, { "color": "rgb(97, 56, 137)" } ], "type": "linear" } }, "green": { "description": "Green Gradient", "value": { "angle": 135, "stops": [ { "color": "rgb(0, 120, 74)", "hint": 0.75 }, { "color": "rgb(102, 204, 0)" } ], "type": "linear" } }, "neutral": { "description": "Neutral Gradient", "value": { "angle": 180, "stops": [ { "color": "rgb(255, 255, 255)" }, { "color": "rgb(244, 244, 247)" } ], "type": "linear" } }, "purple": { "description": "Purple Gradient", "value": { "angle": 135, "stops": [ { "color": "rgb(75, 40, 109)", "hint": 0.75 }, { "color": "rgb(229, 50, 147)" } ], "type": "linear" } } } }, "icon": { "values": { "AC": { "tags": ["Decorative", "General"], "value": "icon/ac.svg" }, "Accessible": { "tags": ["Decorative", "General"], "value": "icon/accessible.svg" }, "AccessibleHuman": { "tags": ["Interface", "My TELUS App"], "value": "icon/accessible-human.svg" }, "Add": { "tags": ["Interface", "IconButton"], "value": "icon/add.svg" }, "AddUser": { "tags": ["Decorative", "General"], "value": "icon/add-user.svg" }, "Airplane": { "tags": ["Decorative", "General"], "value": "icon/airplane.svg" }, "AirplaneBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/airplane-bold.svg" }, "AlarmClock": { "tags": ["Decorative", "General"], "value": "icon/alarm-clock.svg" }, "Ambulance": { "tags": ["Decorative", "General"], "value": "icon/ambulance.svg" }, "Amex": { "tags": ["Decorative", "General"], "value": "icon/amex.svg" }, "AndroidEN": { "tags": ["General"], "value": "icon/android-en.svg" }, "AndroidFR": { "tags": ["General"], "value": "icon/android-fr.svg" }, "ArrowDown": { "tags": ["Decorative", "General"], "value": "icon/arrow-down.svg" }, "ArrowLeft": { "tags": ["Interface", "Arrows"], "value": "icon/arrow-left.svg" }, "ArrowRight": { "tags": ["Interface", "Arrows"], "value": "icon/arrow-right.svg" }, "ArrowUp": { "tags": ["Decorative", "General"], "value": "icon/arrow-up.svg" }, "ArrowUpBold": { "tags": ["Decorative", "General"], "value": "icon/arrow-up-bold.svg" }, "ArtificialIntelligence": { "tags": ["Decorative", "Business"], "value": "icon/artificial-intelligence.svg" }, "AssistiveListening": { "tags": ["Decorative", "General"], "value": "icon/assistive-listening.svg" }, "Attention": { "tags": ["Decorative", "General"], "value": "icon/attention.svg" }, "Award": { "tags": ["Decorative", "General"], "value": "icon/award.svg" }, "Baby": { "tags": ["Decorative", "Health"], "value": "icon/baby.svg" }, "BabyBoy": { "tags": ["Decorative", "Health"], "value": "icon/baby-boy.svg" }, "BabyGirl": { "tags": ["Decorative", "Health"], "value": "icon/baby-girl.svg" }, "BackToSchool": { "tags": ["Decorative", "General"], "value": "icon/back-to-school.svg" }, "Bank": { "tags": ["Decorative", "General"], "value": "icon/bank.svg" }, "BasketBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/basket-bold.svg" }, "BasketSolid": { "tags": ["Interface", "My TELUS App"], "value": "icon/basket-solid.svg" }, "BatteryCar": { "tags": ["Decorative", "General"], "value": "icon/battery-car.svg" }, "BatteryCharging": { "tags": ["Decorative", "General"], "value": "icon/battery-charging.svg" }, "Bell": { "tags": ["Decorative", "General"], "value": "icon/bell.svg" }, "Bill": { "tags": ["Decorative", "General"], "value": "icon/bill.svg" }, "BillingBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/billing-bold.svg" }, "BillingSearchBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/billing-search-bold.svg" }, "BillingSolid": { "tags": ["Interface", "My TELUS App"], "value": "icon/billing-solid.svg" }, "Bookmark": { "tags": ["Decorative", "General"], "value": "icon/bookmark.svg" }, "Braille": { "tags": ["Decorative", "General"], "value": "icon/braille.svg" }, "Briefcase": { "tags": ["Decorative", "General"], "value": "icon/briefcase.svg" }, "BulletCircle": { "value": "icon/bullet-circle.svg" }, "BulletFill": { "tags": ["Interface", "List"], "value": "icon/bullet-fill.svg" }, "Calendar": { "tags": ["Decorative", "General"], "value": "icon/calendar.svg" }, "Call": { "tags": ["Decorative", "MobilityHomePhone"], "value": "icon/call.svg" }, "CallForward": { "tags": ["Decorative", "MobilityHomePhone"], "value": "icon/call-forward.svg" }, "CallOut": { "tags": ["Decorative", "MobilityHomePhone"], "value": "icon/call-out.svg" }, "CallReceive": { "tags": ["Decorative", "MobilityHomePhone"], "value": "icon/call-receive.svg" }, "CallTalking": { "tags": ["Decorative", "MobilityHomePhone"], "value": "icon/call-talking.svg" }, "Camera": { "tags": ["Decorative", "General"], "value": "icon/camera.svg" }, "CanUs": { "tags": ["Decorative", "General"], "value": "icon/can-us.svg" }, "Car": { "tags": ["Decorative", "General"], "value": "icon/car.svg" }, "CardLightningBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/card-lightning-bold.svg" }, "CaretDown": { "tags": ["Interface", "Arrows"], "value": "icon/caret-down.svg" }, "CaretUp": { "tags": ["Interface", "Arrows"], "value": "icon/caret-up.svg" }, "CartEmpty": { "tags": ["Interface", "NavButton"], "value": "icon/cart-empty.svg" }, "CartEmptyBold": { "tags": ["Interface", "NavButton"], "value": "icon/cart-empty-bold.svg" }, "CartFilledBold": { "tags": ["Interface", "NavButton"], "value": "icon/cart-filled-bold.svg" }, "Channels": { "tags": ["Decorative", "OptikPik"], "value": "icon/channels.svg" }, "ChartsBar1": { "tags": ["Decorative", "General"], "value": "icon/charts-bar-1.svg" }, "ChartsBar2": { "tags": ["Decorative", "General"], "value": "icon/charts-bar-2.svg" }, "ChartsBar3Bold": { "tags": ["Interface", "My TELUS App"], "value": "icon/charts-bar-3-bold.svg" }, "ChartsBar3Solid": { "tags": ["Interface", "My TELUS App"], "value": "icon/charts-bar-3-solid.svg" }, "ChartsLine": { "tags": ["Decorative", "General"], "value": "icon/charts-line.svg" }, "Chat1": { "tags": ["Decorative", "General"], "value": "icon/chat-1.svg" }, "Chat2": { "tags": ["Decorative", "General"], "value": "icon/chat-2.svg" }, "ChatHappyBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/chat-happy-bold.svg" }, "ChatHappySolid": { "tags": ["Interface", "My TELUS App"], "value": "icon/chat-happy-solid.svg" }, "ChatSupport": { "tags": ["Decorative", "General"], "value": "icon/chat-support.svg" }, "Check": { "tags": ["Decorative", "General"], "value": "icon/check.svg" }, "Checkbold": { "tags": ["Interface", "List"], "value": "icon/checkbold.svg" }, "Checkmark": { "tags": ["Interface", "List"], "value": "icon/checkmark.svg" }, "ChevronDown": { "tags": ["Interface", "Arrows"], "value": "icon/chevron-down.svg" }, "ChevronLeft": { "tags": ["Interface", "Arrows"], "value": "icon/chevron-left.svg" }, "ChevronRight": { "tags": ["Interface", "Arrows"], "value": "icon/chevron-right.svg" }, "ChevronUp": { "tags": ["Interface", "Arrows"], "value": "icon/chevron-up.svg" }, "Clipboard": { "tags": ["Decorative", "General"], "value": "icon/clipboard.svg" }, "Close": { "tags": ["Interface", "IconButton"], "value": "icon/close.svg" }, "ClosedCaptions": { "tags": ["Interface", "VideoPlayer"], "value": "icon/closed-captions.svg" }, "CloudDownload": { "tags": ["Decorative", "General"], "value": "icon/cloud-download.svg" }, "CloudSync": { "tags": ["Decorative", "Business"], "value": "icon/cloud-sync.svg" }, "CloudUpload": { "tags": ["Decorative", "General"], "value": "icon/cloud-upload.svg" }, "CognitiveDisability": { "tags": ["Decorative", "General"], "value": "icon/cognitive-disability.svg" }, "Collaboration": { "tags": ["Decorative", "General"], "value": "icon/collaboration.svg" }, "Compass": { "tags": ["Decorative", "General"], "value": "icon/compass.svg" }, "ComputerNetwork": { "tags": ["Decorative", "Business"], "value": "icon/computer-network.svg" }, "Contract": { "tags": ["Decorative", "General"], "value": "icon/contract.svg" }, "CopyBold": { "tags": ["Decorative", "General"], "value": "icon/copy-bold.svg" }, "CreditCard": { "tags": ["Decorative", "General"], "value": "icon/credit-card.svg" }, "Cronometer": { "tags": ["Decorative", "General"], "value": "icon/cronometer.svg" }, "CssActivations": { "tags": ["Decorative", "General"], "value": "icon/css-activations.svg" }, "DataLimit": { "tags": ["Decorative", "Internet"], "value": "icon/data-limit.svg" }, "Deals": { "tags": ["Decorative", "ProductsServices"], "value": "icon/deals.svg" }, "Delete": { "tags": ["Interface", "Links"], "value": "icon/delete.svg" }, "Delivery": { "tags": ["Decorative", "General"], "value": "icon/delivery.svg" }, "Desk": { "tags": ["Decorative", "General"], "value": "icon/desk.svg" }, "DeviceHand": { "tags": ["Decorative", "General"], "value": "icon/device-hand.svg" }, "Devices": { "tags": ["Decorative", "General"], "value": "icon/devices.svg" }, "Diagram": { "tags": ["Decorative", "General"], "value": "icon/diagram.svg" }, "Diamond": { "tags": ["Decorative", "General"], "value": "icon/diamond.svg" }, "Direction": { "tags": ["Decorative", "General"], "value": "icon/direction.svg" }, "Document": { "tags": ["Decorative", "General"], "value": "icon/document.svg" }, "Donate": { "tags": ["Decorative", "General"], "value": "icon/donate.svg" }, "Download": { "tags": ["Interface", "Links"], "value": "icon/download.svg" }, "DownloadBoldMono": { "tags": ["Interface", "Links"], "value": "icon/download-bold-mono.svg" }, "DownloadPdf": { "tags": ["Interface", "Links"], "value": "icon/download-pdf.svg" }, "DownloadPdfs": { "tags": ["Interface", "Links"], "value": "icon/download-pdfs.svg" }, "EVCharging": { "tags": ["Decorative", "General"], "value": "icon/ev-charging.svg" }, "EcoBulb": { "tags": ["Decorative", "General"], "value": "icon/eco-bulb.svg" }, "Edit": { "tags": ["Interface", "Links"], "value": "icon/edit.svg" }, "Email": { "tags": ["Decorative", "General"], "value": "icon/email.svg" }, "Escalations": { "tags": ["Decorative", "General"], "value": "icon/escalations.svg" }, "Expand": { "tags": ["Interface", "Links"], "value": "icon/expand.svg" }, "EyeClosed": { "value": "icon/eye-closed.svg" }, "EyeMasked": { "value": "icon/eye-masked.svg" }, "EyeOpened": { "value": "icon/eye-opened.svg" }, "EyeUnmasked": { "value": "icon/eye-unmasked.svg" }, "FavouriteNetwork": { "tags": ["Decorative", "OptikPik"], "value": "icon/favourite-network.svg" }, "Files": { "tags": ["Decorative", "General"], "value": "icon/files.svg" }, "Fingerprint": { "tags": ["Decorative", "General"], "value": "icon/fingerprint.svg" }, "Firewall": { "tags": ["Decorative", "General"], "value": "icon/firewall.svg" }, "Flag": { "tags": ["Decorative", "General"], "value": "icon/flag.svg" }, "FullscreenExpand": { "tags": ["Interface", "VideoPlayer"], "value": "icon/fullscreen-expand.svg" }, "FullscreenMinimize": { "tags": ["Interface", "VideoPlayer"], "value": "icon/fullscreen-minimize.svg" }, "Gift": { "tags": ["Decorative", "General"], "value": "icon/gift.svg" }, "Globe1": { "tags": ["Decorative", "General"], "value": "icon/globe-1.svg" }, "Globe2": { "tags": ["Decorative", "General"], "value": "icon/globe-2.svg" }, "Grid": { "tags": ["Interface", "Links"], "value": "icon/grid.svg" }, "HeadBoth": { "tags": ["Decorative", "General"], "value": "icon/head-both.svg" }, "HeadFemale": { "tags": ["Decorative", "General"], "value": "icon/head-female.svg" }, "HeadMale": { "tags": ["Decorative", "General"], "value": "icon/head-male.svg" }, "Headset": { "tags": ["Decorative", "General"], "value": "icon/headset.svg" }, "Heart": { "tags": ["Decorative", "General"], "value": "icon/heart.svg" }, "Heartbeat": { "tags": ["Decorative", "General"], "value": "icon/heartbeat.svg" }, "Heater": { "tags": ["Decorative", "General"], "value": "icon/heater.svg" }, "Helpdesk": { "tags": ["Decorative", "General"], "value": "icon/helpdesk.svg" }, "Home": { "tags": ["Decorative", "General"], "value": "icon/home.svg" }, "HomePro": { "tags": ["Decorative", "ProductsServices"], "value": "icon/home-pro.svg" }, "HomeSecurity": { "tags": ["Decorative", "ProductsServices"], "value": "icon/home-security.svg" }, "HouseBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/house-bold.svg" }, "HouseSolid": { "tags": ["Interface", "My TELUS App"], "value": "icon/house-solid.svg" }, "HouseSwapBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/house-swap-bold.svg" }, "IDTag": { "tags": ["Decorative", "General"], "value": "icon/id-tag.svg" }, "IOSEN": { "tags": ["General"], "value": "icon/ios-en.svg" }, "IOSFR": { "tags": ["General"], "value": "icon/ios-fr.svg" }, "IdCard": { "tags": ["Decorative", "General"], "value": "icon/id-card.svg" }, "Infinite": { "tags": ["Decorative", "General"], "value": "icon/infinite.svg" }, "Information": { "tags": ["Decorative", "General"], "value": "icon/information.svg" }, "Internet": { "tags": ["Decorative", "ProductsServices"], "value": "icon/internet.svg" }, "InternetAddBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/internet-add-bold.svg" }, "Invisible": { "tags": ["Decorative", "General"], "value": "icon/invisible.svg" }, "Key": { "tags": ["Decorative", "General"], "value": "icon/key.svg" }, "Laptop": { "tags": ["Decorative", "General"], "value": "icon/laptop.svg" }, "Layers": { "tags": ["Decorative", "General"], "value": "icon/layers.svg" }, "LeakDetect": { "tags": ["Decorative", "General"], "value": "icon/leak-detect.svg" }, "Lifesaver": { "tags": ["Decorative", "General"], "value": "icon/lifesaver.svg" }, "Lightbulb": { "tags": ["Decorative", "General"], "value": "icon/lightbulb.svg" }, "LinkExternal": { "tags": ["Interface", "Links"], "value": "icon/link-external.svg" }, "List": { "tags": ["Interface", "Links"], "value": "icon/list.svg" }, "LocationAdd": { "tags": ["Interface", "Location"], "value": "icon/location-add.svg" }, "LocationHome": { "tags": ["Decorative", "General"], "value": "icon/location-home.svg" }, "LocationIneligible": { "tags": ["Interface", "Location"], "value": "icon/location-ineligible.svg" }, "LocationMap": { "tags": ["Decorative", "General"], "value": "icon/location-map.svg" }, "LocationRegular": { "tags": ["Decorative", "General"], "value": "icon/location-regular.svg" }, "LocationRemove": { "tags": ["Interface", "Location"], "value": "icon/location-remove.svg" }, "LocationSuccess": { "tags": ["Interface", "Location"], "value": "icon/location-success.svg" }, "LocationVerified": { "tags": ["Interface", "Location"], "value": "icon/location-verified.svg" }, "LockClosed": { "tags": ["Decorative", "General"], "value": "icon/lock-closed.svg" }, "LockOpened": { "tags": ["Decorative", "General"], "value": "icon/lock-opened.svg" }, "LoginForm": { "tags": ["Decorative", "General"], "value": "icon/login-form.svg" }, "Magnify": { "tags": ["Decorative", "General", "Interface"], "value": "icon/magnify.svg" }, "Map": { "tags": ["Decorative", "General"], "value": "icon/map.svg" }, "MasterCard": { "tags": ["Decorative", "General"], "value": "icon/mastercard.svg" }, "Medical": { "tags": ["Decorative", "Health"], "value": "icon/medical.svg" }, "MenuHamburger": { "tags": ["Decorative", "General"], "value": "icon/menu-hamburger.svg" }, "Messaging": { "tags": ["Decorative", "MobilityHomePhone"], "value": "icon/messaging.svg" }, "Microphone": { "tags": ["Decorative", "General"], "value": "icon/microphone.svg" }, "Mobility": { "tags": ["Decorative", "ProductsServices"], "value": "icon/mobility.svg" }, "Modal": { "tags": ["Interface", "Links"], "value": "icon/modal.svg" }, "Money": { "tags": ["Decorative", "General"], "value": "icon/money.svg" }, "MoneyBack": { "tags": ["Decorative", "General"], "value": "icon/money-back.svg" }, "Movie": { "tags": ["Decorative", "General"], "value": "icon/movie.svg" }, "Music": { "tags": ["Decorative", "General"], "value": "icon/music.svg" }, "Muted": { "tags": ["Interface", "VideoPlayer"], "value": "icon/muted.svg" }, "Networking": { "tags": ["Decorative", "General"], "value": "icon/networking.svg" }, "News": { "tags": ["Decorative", "General"], "value": "icon/news.svg" }, "NextGenFirewall": { "tags": ["Decorative", "Business"], "value": "icon/next-gen-firewall.svg" }, "NoContract": { "value": "icon/no-contract.svg" }, "NotifyBold": { "tags": ["Interface", "NavButton"], "value": "icon/notify-bold.svg" }, "NumberFive": { "tags": ["Decorative", "General"], "value": "icon/number-five.svg" }, "NumberFour": { "tags": ["Decorative", "General"], "value": "icon/number-four.svg" }, "NumberOne": { "tags": ["Decorative", "General"], "value": "icon/number-one.svg" }, "NumberThree": { "tags": ["Decorative", "General"], "value": "icon/number-three.svg" }, "NumberTwo": { "tags": ["Decorative", "General"], "value": "icon/number-two.svg" }, "OffersBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/offers-bold.svg" }, "OffersSolid": { "tags": ["Interface", "My TELUS App"], "value": "icon/offers-solid.svg" }, "Office": { "tags": ["Decorative", "General"], "value": "icon/office.svg" }, "Offices": { "tags": ["Decorative", "General"], "value": "icon/offices.svg" }, "OnDemand": { "tags": ["Decorative", "OptikPik"], "value": "icon/on-demand.svg" }, "OnTheGo": { "tags": ["Decorative", "OptikPik"], "value": "icon/on-the-go.svg" }, "OnlineSecurity": { "tags": ["Decorative", "HomeSecurity"], "value": "icon/online-security.svg" }, "OrderAscend": { "tags": ["Interface", "Links"], "value": "icon/order-ascend.svg" }, "OrderDescend": { "tags": ["Interface", "Links"], "value": "icon/order-descend.svg" }, "Paperless": { "tags": ["Decorative", "General"], "value": "icon/paperless.svg" }, "Passport": { "tags": ["Decorative", "General"], "value": "icon/passport.svg" }, "Pause": { "tags": ["Interface", "VideoPlayer"], "value": "icon/pause.svg" }, "Phone": { "tags": ["Decorative", "General"], "value": "icon/phone.svg" }, "PhoneBusiness": { "tags": ["Decorative", "Business"], "value": "icon/phone-business.svg" }, "PhoneHome": { "tags": ["Decorative", "ProductsServices"], "value": "icon/phone-home.svg" }, "PhoneReception": { "tags": ["Decorative", "MobilityHomePhone"], "value": "icon/phone-reception.svg" }, "Photo": { "tags": ["Decorative", "General"], "value": "icon/photo.svg" }, "Photos": { "tags": ["Decorative", "General"], "value": "icon/photos.svg" }, "PiggyBank": { "tags": ["Decorative", "General"], "value": "icon/piggy-bank.svg" }, "PikTV": { "tags": ["Decorative", "ProductsServices"], "value": "icon/pik-tv.svg" }, "Play": { "tags": ["Decorative", "General"], "value": "icon/play.svg" }, "PlaySolid": { "tags": ["Interface", "VideoPlayer"], "value": "icon/play-solid.svg" }, "PlayVideo": { "tags": ["Interface", "IconButton"], "value": "icon/play-video.svg" }, "PowerDrill": { "tags": ["Decorative", "General"], "value": "icon/power-drill.svg" }, "Preference": { "tags": ["Decorative", "General"], "value": "icon/preference.svg" }, "Print": { "tags": ["Interface", "Links"], "value": "icon/print.svg" }, "PrivateCloud": { "tags": ["Decorative", "Business"], "value": "icon/private-cloud.svg" }, "ProactiveAssurance": { "tags": ["Decorative", "General"], "value": "icon/proactive-assurance.svg" }, "Profile": { "tags": ["Interface", "Links"], "value": "icon/profile.svg" }, "ProfileBold": { "tags": ["Interface", "NavButton"], "value": "icon/profile-bold.svg" }, "Question": { "tags": ["Interface", "Tooltip"], "value": "icon/question.svg" }, "QuoteLeft": { "tags": ["Decorative", "General"], "value": "icon/quote-left.svg" }, "QuoteLeftArrow": { "tags": ["Decorative", "General"], "value": "icon/quote-left-arrow.svg" }, "QuoteRightArrow": { "tags": ["Decorative", "General"], "value": "icon/quote-right-arrow.svg" }, "Radar": { "tags": ["Decorative", "General"], "value": "icon/radar.svg" }, "Receipt": { "tags": ["Decorative", "General"], "value": "icon/receipt.svg" }, "Record": { "tags": ["Decorative", "General"], "value": "icon/record.svg" }, "Refresh": { "tags": ["Decorative", "General"], "value": "icon/refresh.svg" }, "RemoteControl": { "tags": ["Decorative", "OptikPik"], "value": "icon/remote-control.svg" }, "Replay": { "tags": ["Interface", "VideoPlayer"], "value": "icon/replay.svg" }, "Router": { "tags": ["Decorative", "General"], "value": "icon/router.svg" }, "Search": { "tags": ["Interface", "Links"], "value": "icon/search.svg" }, "SearchBold": { "tags": ["Interface", "NavButton"], "value": "icon/search-bold.svg" }, "SearchPulseBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/search-pulse-bold.svg" }, "SecurityCamera": { "tags": ["Decorative", "HomeSecurity"], "value": "icon/security-camera.svg" }, "SecurityHouse": { "tags": ["Decorative", "HomeSecurity"], "value": "icon/security-house.svg" }, "SecurityMobile": { "tags": ["Decorative", "HomeSecurity"], "value": "icon/security-mobile.svg" }, "SecuritySettings": { "tags": ["Decorative", "HomeSecurity"], "value": "icon/security-settings.svg" }, "Server": { "tags": ["Decorative", "General"], "value": "icon/server.svg" }, "ServiceTruck": { "tags": ["Decorative", "General"], "value": "icon/service-truck.svg" }, "Settings": { "tags": ["Decorative", "General", "Interface", "Links"], "value": "icon/settings.svg" }, "SettingsBold": { "tags": ["Interface", "NavButton"], "value": "icon/settings-bold.svg" }, "SettingsSolid": { "tags": ["Interface", "VideoPlayer"], "value": "icon/settings-solid.svg" }, "SharedAccount": { "tags": ["Decorative", "General"], "value": "icon/shared-account.svg" }, "ShieldPhone": { "tags": ["Decorative", "General"], "value": "icon/shield-phone.svg" }, "ShippingSuccess": { "tags": ["Decorative", "General"], "value": "icon/shipping-success.svg" }, "Shop": { "tags": ["Decorative", "General"], "value": "icon/shop.svg" }, "SignPost": { "tags": ["Decorative", "General"], "value": "icon/sign-post.svg" }, "Signal": { "tags": ["Decorative", "MobilityHomePhone"], "value": "icon/signal.svg" }, "SimCard": { "tags": ["Decorative", "MobilityHomePhone"], "value": "icon/sim-card.svg" }, "SimElectronic": { "tags": ["Decorative", "General"], "value": "icon/sim-electronic.svg" }, "SmartWearSecurity": { "tags": ["Decorative", "General"], "value": "icon/smart-wear-security.svg" }, "Soccer": { "tags": ["Decorative", "General"], "value": "icon/soccer.svg" }, "SparkleFilled": { "tags": ["Decorative", "General"], "value": "icon/sparkle-filled.svg" }, "Speaker": { "tags": ["Decorative", "General"], "value": "icon/speaker.svg" }, "SpeakerPhone": { "tags": ["Decorative", "General"], "value": "icon/speaker-phone.svg" }, "Speed": { "tags": ["Decorative", "Internet"], "value": "icon/speed.svg" }, "SpeedReduced": { "tags": ["Decorative", "Internet"], "value": "icon/speed-reduced.svg" }, "SpeedReducedBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/speed-reduced-bold.svg" }, "StatusError": { "tags": ["Interface", "Feedback"], "value": "icon/status-error.svg" }, "StatusInfo": { "tags": ["Interface", "Feedback"], "value": "icon/status-info.svg" }, "StatusSuccess": { "tags": ["Interface", "Feedback"], "value": "icon/status-success.svg" }, "StatusWarning": { "tags": ["Interface", "Feedback"], "value": "icon/status-warning.svg" }, "Subtract": { "tags": ["Interface", "IconButton"], "value": "icon/subtract.svg" }, "Success": { "tags": ["Decorative", "General"], "value": "icon/success.svg" }, "Suitcase": { "tags": ["Decorative", "General"], "value": "icon/suitcase.svg" }, "Support": { "tags": ["Decorative", "General", "Interface", "NavButton"], "value": "icon/support.svg" }, "Support911": { "tags": ["Decorative", "General"], "value": "icon/support-911.svg" }, "SupportBold": { "tags": ["Decorative", "General", "Interface", "NavButton"], "value": "icon/support-bold.svg" }, "TV": { "tags": ["Decorative", "ProductsServices"], "value": "icon/tv.svg" }, "TVChoiceAndFlexibility": { "tags": ["Decorative", "OptikPik"], "value": "icon/tv-choice-and-flexibility.svg" }, "TVEntertainment": { "tags": ["Decorative", "General"], "value": "icon/tv-entertainment.svg" }, "Tablet": { "tags": ["Decorative", "General"], "value": "icon/tablet.svg" }, "Tag": { "tags": ["Decorative", "ProductsServices"], "value": "icon/tag.svg" }, "TagFilled": { "tags": ["Decorative", "General"], "value": "icon/tag-filled.svg" }, "Target": { "tags": ["Decorative", "General"], "value": "icon/target.svg" }, "Tasks": { "tags": ["Decorative", "General"], "value": "icon/tasks.svg" }, "Teapot": { "tags": ["Decorative", "General"], "value": "icon/teapot.svg" }, "ThumbsDown": { "tags": ["Decorative", "General"], "value": "icon/thumbs-down.svg" }, "ThumbsDownFill": { "tags": ["Decorative", "General"], "value": "icon/thumbs-down-fill.svg" }, "ThumbsUp": { "tags": ["Decorative", "General"], "value": "icon/thumbs-up.svg" }, "ThumbsUpFill": { "tags": ["Decorative", "General"], "value": "icon/thumbs-up-fill.svg" }, "Time": { "tags": ["Decorative", "General"], "value": "icon/time.svg" }, "TimeCycle": { "tags": ["Decorative", "General"], "value": "icon/time-cycle.svg" }, "Times": { "tags": ["Interface", "List"], "value": "icon/times.svg" }, "TowTruck": { "tags": ["Decorative", "General"], "value": "icon/tow-truck.svg" }, "Transmitter": { "tags": ["Decorative", "General"], "value": "icon/transmitter.svg" }, "TriangleUpTripleBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/triangle-up-triple-bold.svg" }, "TvTilesBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/tv-tiles-bold.svg" }, "TvTilesFilled": { "tags": ["Interface", "My TELUS App"], "value": "icon/tv-tiles-filled.svg" }, "Unmuted": { "tags": ["Interface", "VideoPlayer"], "value": "icon/unmuted.svg" }, "Upload": { "tags": ["Decorative", "General"], "value": "icon/upload.svg" }, "UploadToCloud": { "tags": ["Decorative", "Business"], "value": "icon/upload-to-cloud.svg" }, "UsbCable": { "tags": ["Decorative", "General"], "value": "icon/usb-cable.svg" }, "User": { "tags": ["Decorative", "General"], "value": "icon/user.svg" }, "UserAdd": { "tags": ["Decorative", "General"], "value": "icon/user-add.svg" }, "UserAddBold": { "tags": ["Interface", "NavButton"], "value": "icon/user-add-bold.svg" }, "UserSingle": { "tags": ["Decorative", "General"], "value": "icon/user-single.svg" }, "Users": { "tags": ["Decorative", "General"], "value": "icon/users.svg" }, "VideoCall": { "tags": ["Decorative", "General"], "value": "icon/video-call.svg" }, "VideoChat": { "tags": ["Decorative", "MobilityHomePhone"], "value": "icon/video-chat.svg" }, "VideoGames": { "tags": ["Decorative", "General"], "value": "icon/video-games.svg" }, "Visa": { "tags": ["Decorative", "General"], "value": "icon/visa.svg" }, "Visible": { "tags": ["Decorative", "General"], "value": "icon/visible.svg" }, "VisuallyImpaired": { "tags": ["Decorative", "General"], "value": "icon/visually-impaired.svg" }, "Warranty": { "tags": ["Decorative", "General"], "value": "icon/warranty.svg" }, "WarrantyBold": { "tags": ["Interface", "My TELUS App"], "value": "icon/warranty-bold.svg" }, "Watch": { "tags": ["Decorative", "General"], "value": "icon/watch.svg" }, "WaterProhibited": { "tags": ["Decorative", "General"], "value": "icon/water-prohibited.svg" }, "WebStore": { "tags": ["Decorative", "General"], "value": "icon/web-store.svg" }, "WifiBoost": { "tags": ["Decorative", "Internet"], "value": "icon/wifi-boost.svg" }, "WifiCloud": { "tags": ["Decorative", "Business"], "value": "icon/wifi-cloud.svg" } } }, "letterSpacing": { "values": { "condensed": { "value": -0.039 }, "loose": { "value": -0.017 }, "medium": { "value": -0.035 } } }, "lineHeight": { "values": { "ratio10to5": { "value": 1.95 }, "ratio10to7": { "value": 1.42857142857 }, "ratio11to9": { "value": 1.22222222222 }, "ratio14to1": { "value": 1.45 }, "ratio15to7": { "value": 2.12 }, "ratio1to1": { "value": 1 }, "ratio2to1": { "value": 2 }, "ratio3to2": { "value": 1.5 }, "ratio4to3": { "value": 1.33333333333 }, "ratio5to4": { "value": 1.25 }, "ratio6to5": { "value": 1.2 }, "ratio7to5": { "value": 1.4 }, "ratio8to5": { "value": 1.6 }, "ratio8to7": { "value": 1.14285714286 }, "ratio9to4": { "value": 2.25 }, "ratio9to7": { "value": 1.28571428571 }, "ratio9to8": { "value": 1.125 } } }, "opacity": { "description": "currently unused", "values": { "opacity10": { "value": 1 } } }, "radius": { "values": { "none": { "value": 0 }, "pill32": { "description": "For 'pill' designs with circular sides, which become rounded rectangles of radius 32 if forced to have height greater than 64 (for example, if user's accessibility settings increase text size). Note this will be come deprecated in the future. Please use radius32 instead.", "value": 32 }, "radius1": { "description": "Use for Tooltip's arrow", "value": 1 }, "radius12": { "description": "Use for ProgressBar", "value": 12 }, "radius16": { "description": "Use for horizontial padding bottom of VideoPickerThumbnail", "value": 16 }, "radius24": { "description": "Use for framed horizontial padding bottom of VideoPickerThumbnail", "value": 24 }, "radius28": { "description": "Use for contained variant of ButtonGroup", "value": 28 }, "radius32": { "value": 32 }, "radius4": { "value": 4 }, "radius45": { "value": 45 }, "radius6": { "description": "Use for Cards", "value": 6 }, "radius8": { "description": "Use for Tooltip", "value": 8 }, "radius99": { "description": "Use for the 'pill' designs with circular sides", "value": 99 } } }, "shadow": { "values": { "elevation1": { "description": "Raise the element one level from the surface, such as sticky elements", "value": { "blur": 8, "color": "rgba(0, 0, 0, 0.1)", "inset": false, "offsetX": 0, "offsetY": 4, "spread": 0 } }, "elevation2": { "description": "Raise the element 2 levels from the surface, such as overlays", "value": { "blur": 12, "color": "rgba(0, 0, 0, 0.03)", "inset": false, "offsetX": 0, "offsetY": 12, "spread": 0 } }, "elevation3": { "description": "Raise the element to the highest level from the surface, such as mega-nav", "value": { "blur": 32, "color": "rgba(0, 0, 0, 0.03)", "inset": false, "offsetX": 0, "offsetY": 32, "spread": 0 } }, "surfaceEmboss": { "description": "Use emboss to add a subtle highlight on elements to shows that it’s lifted from the surface such as the Progress Bar", "value": { "blur": 1, "color": "rgba(255, 255, 255, 0.8)", "inset": true, "offsetX": 0, "offsetY": 1, "spread": 0 } }, "surfaceInset": { "description": "Use inset shadow to drop the element below the surface for interactive elements such as UI meters, card call-outs, and ToggleSwitch", "value": { "blur": 2, "color": "rgba(0, 0, 0, 0.1)", "inset": true, "offsetX": 0, "offsetY": 2, "spread": 0 } }, "surfaceRaised": { "description": "Use raised shadow to raise the element for interactive elements within an inset interface such as the knob in the ToggleSwitch", "value": { "blur": 2, "color": "rgba(0, 0, 0, 0.2)", "inset": false, "offsetX": 0, "offsetY": 2, "spread": 0 } } } }, "size": { "values": { "size0": { "value": 0 }, "size1": { "description": "For special gap sizes. This is not part of the allium spacing scale.", "value": 1 }, "size10": { "description": "Specifically introduced to space the Checkbox glyph from its label", "tags": ["Limited"], "value": 10 }, "size12": { "value": 12 }, "size120": { "value": 120 }, "size128": { "description": "128 is the image size for xs, sm, md and lg screen size on the QuickLinksFeature component", "value": 128 }, "size13": { "value": 13 }, "size14": { "description": "14 is the icon size for the small variant of the list component", "value": 14 }, "size140": { "description": "140 is the image size for xs, sm, md and lg screen size on the QuickLinksFeature component when hovered", "value": 140 }, "size144": { "description": "24 x 6. Larger sizes for the widths/heights of blocks are based on multiples of 24.", "value": 144 }, "size15": { "description": "For special top property for strike through used in PriceLockup", "value": 15 }, "size16": { "value": 16 }, "size162": { "value": 162 }, "size168": { "description": "168 is the image size for xl screen size on the QuickLinksFeature component", "value": 168 }, "size18": { "value": 18 }, "size184": { "description": "184 is the image size for xl screen size on the QuickLinksFeature component when hovered", "value": 184 }, "size192": { "description": "24 x 8. Larger sizes for the widths/heights of blocks are based on multiples of 24.", "value": 192 }, "size2": { "description": "Specifically introduced to space the Feedback from the Checkbox", "tags": ["Limited "], "value": 2 }, "size20": { "value": 20 }, "size21": { "value": 21 }, "size22": { "description": "For special top property for strike through used in PriceLockup", "value": 22 }, "size24": { "value": 24 }, "size26": { "value": 26 }, "size264": { "description": "24 x 11. This is the widest token for widths where four columns with up to size24 spacing can be reliably accomodated at `xl` viewport. Larger sizes for the widths/heights of blocks are based on multiples of 24.", "value": 264 }, "size28": { "value": 28 }, "size288": { "description": "24 x 12. This matches 320 (the narrowest supported viewport) minus two 16px margins. Larger sizes for the widths/heights of blocks are based on multiples of 24).", "value": 288 }, "size29": { "value": 29 }, "size3": { "description": "For special gap and size cases. This is not part of the allium sizing scale.", "value": 3 }, "size32": { "value": 32 }, "size320": { "description": "Modal width option", "value": 320 }, "size35": { "value": 35 }, "size36": { "value": 36 }, "size4": { "value": 4 }, "size40": { "value": 40 }, "size412": { "description": "Multiselect filter max height at sm - xl breakpoints", "value": 412 }, "size44": { "value": 44 }, "size45": { "value": 45 }, "size48": { "value": 48 }, "size480": { "description": "Modal max width at the MD breakpoint", "value": 480 }, "size5": { "value": 5 }, "size52": { "value": 52 }, "size53": { "value": 53 }, "size544": { "description": "Multiselect filter max width at sm - xl breakpoints", "value": 544 }, "size56": { "description": "Added for Carousel thumbnail size", "value": 56 }, "size576": { "description": "Modal default width", "value": 576 }, "size6": { "value": 6 }, "size630": { "description": "Modal max width at the LG breakpoint", "value": 630 }, "size64": { "value": 64 }, "size640": { "description": "Max height for VideoPicker framedContainer, PlayerContainer and ListContainer", "value": 640 }, "size72": { "value": 72 }, "size768": { "description": "Modal max width at the XL breakpoint", "value": 768 }, "size8": { "value": 8 }, "size80": { "value": 80 }, "size91": { "value": 91 }, "size95": { "value": 95 }, "size96": { "value": 96 } } } }