metadata-based-explorer1
Version:
Box UI Elements
262 lines (132 loc) • 7.1 kB
JavaScript
// File auto-generated
export var white = '#fff'; // white
export var black = '#000'; // black
export var bdlBoxBlue = '#0061d5'; // bdl-box-blue
export var bdlBoxBlue80 = '#3381dd'; // bdl-box-blue-80
export var bdlBoxBlue50 = '#619de5'; // bdl-box-blue-50
export var bdlBoxBlue40 = '#99c0ee'; // bdl-box-blue-40
export var bdlBoxBlue30 = '#b2cff2'; // bdl-box-blue-30
export var bdlBoxBlue20 = '#ccdff7'; // bdl-box-blue-20
export var bdlBoxBlue10 = '#e5effa'; // bdl-box-blue-10
export var bdlBoxBlue05 = '#f2f7fd'; // bdl-box-blue-05
export var bdlBoxBlue02 = '#fafcfe'; // bdl-box-blue-02
export var bdlGray = '#222'; // bdl-gray
export var bdlGray80 = '#4e4e4e'; // bdl-gray-80
export var bdlGray62 = '#767676'; // bdl-gray-62
export var bdlGray50 = '#909090'; // bdl-gray-50
export var bdlGray40 = '#a7a7a7'; // bdl-gray-40
export var bdlGray30 = '#bcbcbc'; // bdl-gray-30
export var bdlGray20 = '#d3d3d3'; // bdl-gray-20
export var bdlGray10 = '#e8e8e8'; // bdl-gray-10
export var bdlGray05 = '#f4f4f4'; // bdl-gray-05
export var bdlGray02 = '#fbfbfb'; // bdl-gray-02
export var bdlDarkBlue = '#003c84'; // bdl-dark-blue
export var bdlDarkBlue50 = '#7f9dc1'; // bdl-dark-blue-50
export var bdlDarkBlue10 = '#e5ebf2'; // bdl-dark-blue-10
export var bdlDarkBlue05 = '#f2f5f9'; // bdl-dark-blue-05
export var bdlDarkBlue02 = '#fafbfd'; // bdl-dark-blue-02
export var bdlLightBlue = '#2486fc'; // bdl-light-blue
export var bdlLightBlue50 = '#91c2fd'; // bdl-light-blue-50
export var bdlLightBlue10 = '#e9f2fe'; // bdl-light-blue-10
export var bdlLightBlue05 = '#f4f9ff'; // bdl-light-blue-05
export var bdlLightBlue02 = '#fbfdff'; // bdl-light-blue-02
export var bdlYellorange = '#f5b31b'; // bdl-yellorange
export var bdlYellorange50 = '#fad98d'; // bdl-yellorange-50
export var bdlYellorange10 = '#fef7e8'; // bdl-yellorange-10
export var bdlYellorange05 = '#fefbf3'; // bdl-yellorange-05
export var bdlYellorange02 = '#fffefb'; // bdl-yellorange-02
export var bdlYellow = '#ffd700'; // bdl-yellow
export var bdlYellow50 = '#ffeb7f'; // bdl-yellow-50
export var bdlYellow10 = '#fffbe5'; // bdl-yellow-10
export var bdlYellow05 = '#fffdf2'; // bdl-yellow-05
export var bdlYellow02 = '#fffefa'; // bdl-yellow-02
export var bdlGreenLight = '#26c281'; // bdl-green-light
export var bdlGreenLight50 = '#92e0c0'; // bdl-green-light-50
export var bdlGreenLight10 = '#e9f8f2'; // bdl-green-light-10
export var bdlGreenLight05 = '#f4fcf8'; // bdl-green-light-05
export var bdlGreenLight02 = '#fbfefd'; // bdl-green-light-02
export var bdlGrimace = '#4826c2'; // bdl-grimace
export var bdlGrimace50 = '#a392e0'; // bdl-grimace-50
export var bdlGrimace10 = '#ece9f8'; // bdl-grimace-10
export var bdlGrimace05 = '#f6f4fc'; // bdl-grimace-05
export var bdlGrimace02 = '#fbfbfe'; // bdl-grimace-02
export var bdlPurpleRain = '#9f3fed'; // bdl-purple-rain
export var bdlPurpleRain50 = '#cf9ff6'; // bdl-purple-rain-50
export var bdlPurpleRain10 = '#f5ebfd'; // bdl-purple-rain-10
export var bdlPurpleRain05 = '#faf5fe'; // bdl-purple-rain-05
export var bdlPurpleRain02 = '#fdfbff'; // bdl-purple-rain-02
export var bdlWatermelonRed = '#ed3757'; // bdl-watermelon-red
export var bdlWatermelonRed50 = '#f69bab'; // bdl-watermelon-red-50
export var bdlWatermelonRed10 = '#fdebee'; // bdl-watermelon-red-10
export var bdlWatermelonRed05 = '#fef5f6'; // bdl-watermelon-red-05
export var bdlWatermelonRed02 = '#fffbfc'; // bdl-watermelon-red-02
export var bdlSecondaryBlue = '#003c84'; // bdl-secondary-blue
export var bdlNeutral01 = '#222'; // bdl-neutral-01
export var bdlNeutral02 = '#767676'; // bdl-neutral-02
export var bdlNeutral03 = '#909090'; // bdl-neutral-03
export var bdlNeutral04 = '#e8e8e8'; // bdl-neutral-04
export var bdlNeutral05 = '#f4f4f4'; // bdl-neutral-05
export var bdlNeutral06 = '#fbfbfb'; // bdl-neutral-06
export var boxBlue = '#0061d5'; // box-blue
export var primaryColor = '#0061d5'; // primary-color
export var korayIng = '#2a62b9'; // koray-ing
export var pictonBlue = '#3392ec'; // picton-blue
export var hoverBlueBackground = '#f6fafd'; // hover-blue-background
export var hoverBlueBorder = '#d9e3e9'; // hover-blue-border
export var selectedBlueBackground = '#ecf4fc'; // selected-blue-background
export var selectedBlueBorder = '#bfd4df'; // selected-blue-border
export var babyBlue = '#bed4de'; // baby-blue
export var bluePurple = '#6d83ff'; // blue-purple
export var hoverBlue = '#48b6f3'; // hover-blue
export var dustyPlum = '#9b59b6'; // dusty-plum
export var sadSunjin = '#72388f'; // sad-sunjin
export var paleMint = '#eefbf5'; // pale-mint
export var thatsMint = '#26c281'; // thats-mint
export var shadyAcres = '#15aa61'; // shady-acres
export var wildRice = '#ede097'; // wild-rice
export var earlyDawn = '#fffbe5'; // early-dawn
export var lemonMeringue = '#ffd522'; // lemon-meringue
export var dehydrated = '#f5b31b'; // dehydrated
export var kumera = '#81721b'; // kumera
export var madMax = '#f39c12'; // mad-max
export var ayersRock = '#e06e2b'; // ayers-rock
export var amaranth = '#ed3757'; // amaranth
export var lavenderBlush = '#feeff2'; // lavender-blush
export var carissma = '#eb8b9c'; // carissma
export var greatBallsOfFire = '#ef4836'; // great-balls-of-fire
export var kingCrimson = '#c82341'; // king-crimson
export var bfive = '#b5b5b5'; // bfive
export var dtwo = '#d2d2d2'; // dtwo
export var efive = '#e5e5e5'; // efive
export var ffive = '#f5f5f5'; // ffive
export var fnine = '#f9f9f9'; // fnine
export var seesee = '#ccc'; // seesee
export var haze = '#fcfcfc'; // haze
export var offWhite = '#e8e8e8'; // off-white
export var sfFog = '#bdc3c7'; // sf-fog
export var karlFog = '#fbfbfc'; // karl-fog
export var silverChalice = '#afafaf'; // silver-chalice
export var stormsAComin = '#737f8b'; // storms-a-comin
export var blueSteel = '#2c3e50'; // blue-steel
export var betterBlack = '#494949'; // better-black
export var downtownGrey = '#999ea4'; // downtown-grey
export var twos = '#222'; // twos
export var fours = '#444'; // fours
export var sevens = '#777'; // sevens
export var eights = '#888'; // eights
export var nines = '#999'; // nines
export var eees = '#eee'; // eees
export var tendemobGrey = '#64686d'; // tendemob-grey
export var sunsetGrey = '#464a4f'; // sunset-grey
export var seventySixers = '#767676'; // seventy-sixers
export var approxMischkaGrey = '#a3adb9'; // approx-mischka-grey
export var lightestCharcoal = '#c4c4c4'; // lightest-charcoal
export var purpleRain = '#9f3fed'; // purple-rain
export var modalDialogZIndex = '160'; // modal-dialog-z-index
export var menuZIndex = '170'; // menu-z-index
export var notificationsWrapperZIndex = '180'; // notifications-wrapper-z-index
export var overlayZIndex = '190'; // overlay-z-index
export var tooltipZIndex = '190'; // tooltip-z-index
export var bdlLineHeight = '20px'; // bdl-line-height
export var bdlBorderRadiusSize = '4px'; // bdl-border-radius-size
export var bdlTransitionDuration200Ms = '0.2s'; // bdl-transition-duration-200ms