publicstaticletbackgroundColorBackdropLight=UIColor(red:1.000,green:1.000,blue:1.000,alpha:0.65)/* Backdrop is the term used by CSS Fullscreen API and is used to dim the background when a modal Dialog is open. Also known as overlay mask. */
publicstaticletboxShadow100=01px1pxrgba(0,0,0,0.2)/* Defining `rgba()` as combination of color and opacity tokens is overly complex in Style Dictionary. Therefore adding drop shadow colors here. */
publicstaticletcolorAccent=UIColor(red:0.200,green:0.400,blue:0.800,alpha:1)/* Accent color is used for certain HTML5 elements like checkbox and progress bar. */
publicstaticletcolorModifierBlue600Translucent=UIColor(red:0.200,green:0.400,blue:0.800,alpha:0.1)/* TODO: Not part of DS Figma yet. Note, that WikimediaUI Base's `rgba( 41, 98, 204, 0.1 )` was not a modifier of Blue600, while this is. */
publicstaticletcolorModifierGray100Translucent=UIColor(red:0.000,green:0.094,blue:0.286,alpha:0.027)/* TODO: Not part of DS Figma yet. Equals `color-gray100` on white. Was `rgba( 0, 24, 73, calc( 7 / 255 ) )` before, but due to Less compiler issue, we need to provide calculated value. See T326591. */
publicstaticletcolorModifierGray200Translucent=UIColor(red:0.000,green:0.094,blue:0.286,alpha:0.082)/* TODO: Not part of DS Figma yet. Equals `color-gray200` on white. Was `rgba( 0, 24, 73, calc( 21 / 255 ) )` before, but due to Less compiler issue, we need to provide calculated value. See T326591. */
publicstaticletcolorSuccess=UIColor(red:0.078,green:0.525,blue:0.427,alpha:1)/* Note, this needs to use a tone darker than Red and Yellow for contrast reasons with background White. */
publicstaticletcolorVisited=UIColor(red:0.420,green:0.294,blue:0.631,alpha:1)/* 'Visited' color. In combination with progressive. Used for default links. */
publicstaticletcolorWarning=UIColor(red:0.929,green:0.671,blue:0.000,alpha:1)/* Note, this is only meant for warning icon for contrast reasons. */
publicstaticletdimension30=5/* This token is an exception to the scale. Used as vertical `padding` in inputs and controls to achieve the default 32px component height. */
publicstaticletdimension300=48
publicstaticletdimension3200=512
publicstaticletdimension35=6/* This token is an exception to the scale. Used as `padding` of the ToggleSwitch component. */
publicstaticletdimension400=64
publicstaticletdimension50=8
publicstaticletdimension5600=896
publicstaticletdimension6=1
publicstaticletdimension75=12
publicstaticletdimension800=128
publicstaticletdimensionAbsolute1=1px
publicstaticletdimensionAbsolute9999=9999px
publicstaticletdimensionDouble=200%
publicstaticletdimensionFull=100%
publicstaticletdimensionHalf=50%
publicstaticletdimensionThird=33.33%/* From here on, percentages. */
publicstaticletdimensionViewportHeightFull=100vh
publicstaticletdimensionViewportWidthFull=100vw/* From here on, viewport sizes */
publicstaticletfontFamilyBase=sans-serif/* Reference Vector's default fallback sans instead of the deprecated value `font-family-sans` in WikimediaUI Base. */
publicstaticletfontFamilyHeadingMain='LinuxLibertine','Georgia','Times','SourceSerifPro',serif/* Legacy value from WikimediaUI Base. Use for first heading special treatment. */
publicstaticletlineHeight65=1.3/* Used for `line-height-heading` in WikimediaUI Base. */
publicstaticletlineHeight70=1.375
publicstaticletlineHeight80=1.4285714
publicstaticletlineHeight90=1.5714285
publicstaticletlineHeightBase=1.6
publicstaticletlineHeightHeading=1.3
publicstaticletlineHeightMedium=1.6
publicstaticletlineHeightSmall=1.5714285
publicstaticletlineHeightXSmall=1.4285714
publicstaticletlineHeightXxSmall=1.375
publicstaticletlineHeightXxxSmall=1.25/* `x` stands for extra. In this case extra-extra-extra small. */
publicstaticletmaxWidth100=none
publicstaticletmaxWidthBase=none
publicstaticletmaxWidthBreakpointDesktop=calc(CGFloat(26880.00)-1px)/* A desktop device's maximum available screen width. */
publicstaticletmaxWidthBreakpointMobile=calc(CGFloat(10240.00)-1px)/* A mobile device's maximum available screen width. Many older feature phones have screens smaller than this value. */
publicstaticletmaxWidthBreakpointTablet=calc(CGFloat(17920.00)-1px)/* A tablet device's maximum available screen width. Note, the size chosen is eager to be re-evaluated with Web team and Product Analytics. */
publicstaticletmaxWidthButton=448px/* Note, that this is a slight amendment from WikimediaUI Base from `28.75em` = `460px` to `448px` – `dimension.2800` */
publicstaticletminSizeBase=32px/* TODO: Deprecate key and change to `min-size-component`? */
publicstaticletminSizeIcon=20px
publicstaticletminSizeIconSmall=16px
publicstaticletminSizeIndicator=12px
publicstaticletminWidthBreakpointDesktop=CGFloat(17920.00)/* A desktop device's minimum available screen width. */
publicstaticletminWidthBreakpointDesktopWide=CGFloat(26880.00)/* A wider desktop's minimum available screen width. */
publicstaticletminWidthBreakpointMobile=CGFloat(5120.00)/* A mobile device's minimum available screen width. Many older feature phones have screens smaller than this value. */
publicstaticletminWidthBreakpointTablet=CGFloat(10240.00)/* A tablet device's minimum available screen width. Note: the size chosen is eager to be re-evaluated with Web team and Product Analytics. */
publicstaticletminWidthMedium=256px
publicstaticletopacity0=0
publicstaticletopacity100=1
publicstaticletopacity30=0.30
publicstaticletopacity51=0.51/* Equals `#7d7d7d` on `background-color: #fff`, closest to `#72777d`. */
publicstaticletopacity60=0.65
publicstaticletopacity67=0.67/* Equals `#555` on `background-color: `#fff`, closest to `#54595d`. */
publicstaticletopacity74=0.74/* Equals `#424242` on `background-color: #fff`, closest to `#404244`. */
publicstaticletopacity87=0.87/* Equals `#222` on `background-color: #fff`, closest to `#202122`. */
publicstaticletopacityBase=1
publicstaticletopacityBaseDisabled=0.51
publicstaticletopacityIconAccessory=0.67
publicstaticletopacityIconBase=0.87
publicstaticletopacityIconBaseHover=0.74
publicstaticletopacityIconBaseSelected=1
publicstaticletopacityLow=0.30
publicstaticletopacityMedium=0.65
publicstaticletopacityTransparent=0
publicstaticletoutlineBaseFocus=1pxsolidUIColor(red:0.000,green:0.000,blue:0.000,alpha:0)/* Enable Windows high contrast mode on certain widgets, that have default outlines overridden. */
publicstaticletpaddingBase=4px12px
publicstaticletpaddingHorizontalBase=12px
publicstaticletpaddingHorizontalInputText=8px
publicstaticletpaddingInputText=4px8px
publicstaticletpaddingVerticalBase=4px
publicstaticletpaddingVerticalMenu=calc(4px+1px)/* Note, that we need to rely on `calc()` for cross-stylesheet format output. Not perfectly aligned to current basic browser support. */
publicstaticletpositionOffsetBorderWidthBase=-1px
publicstaticletpositionOffsetInputRadioFocus=-4px/* TODO: This has to be a relative value, for design reasons. */
publicstaticletsize0=0
publicstaticletsize100=16px
publicstaticletsize12=2px
publicstaticletsize125=20px
publicstaticletsize150=24px
publicstaticletsize1600=256px
publicstaticletsize200=32px
publicstaticletsize2400=384px
publicstaticletsize25=4px
publicstaticletsize250=40px
publicstaticletsize275=44px
publicstaticletsize2800=448px
publicstaticletsize300=48px
publicstaticletsize3200=512px
publicstaticletsize400=64px
publicstaticletsize50=8px
publicstaticletsize5600=896px
publicstaticletsize6=1px
publicstaticletsize75=12px
publicstaticletsize800=128px
publicstaticletsizeAbsolute1=1px
publicstaticletsizeAbsolute9999=9999px
publicstaticletsizeBase=32px
publicstaticletsizeDouble=200%
publicstaticletsizeFull=100%
publicstaticletsizeHalf=50%
publicstaticletsizeIcon=20px/* TODO: This has to be a relative value, for accessibility reasons. */
publicstaticletsizeIconSmall=16px/* TODO: This has to be a relative value, for accessibility reasons. */
publicstaticletsizeIndicator=12px/* TODO: This has to be a relative value, for accessibility reasons. */
publicstaticletsizeThird=33.33%
publicstaticletsizeViewport100=CGFloat(16000.00)
publicstaticletsizeViewport112=CGFloat(17920.00)
publicstaticletsizeViewport120=CGFloat(19200.00)
publicstaticletsizeViewport168=CGFloat(26880.00)
publicstaticletsizeViewport200=CGFloat(32000.00)
publicstaticletsizeViewport32=CGFloat(5120.00)
publicstaticletsizeViewport64=CGFloat(10240.00)
publicstaticletsizeViewport72=CGFloat(11520.00)
publicstaticletsizeViewportHeightFull=100vh
publicstaticletsizeViewportWidthFull=100vw
publicstaticletspacing0=0
publicstaticletspacing100=16px
publicstaticletspacing12=2px
publicstaticletspacing125=20px
publicstaticletspacing150=24px
publicstaticletspacing200=32px
publicstaticletspacing25=4px
publicstaticletspacing250=40px
publicstaticletspacing30=5px/* This token is an exception to the scale. Used as vertical `padding` in inputs and controls to achieve the default 32px component height. */
publicstaticletspacing300=48px
publicstaticletspacing35=6px/* This token is an exception to the scale. Used as `padding` of the ToggleSwitch component. */
publicstaticletspacing400=64px
publicstaticletspacing50=8px
publicstaticletspacing75=12px
publicstaticletspacingFull=100%
publicstaticletspacingHalf=50%/* From here on, spacing tokens which are used for positioning values. */