# the-component-constants

> Constants for the-components

Latest version **2.0.8** (published 2019-02-02) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install the-component-constants
pnpm add the-component-constants
yarn add the-component-constants
bun add the-component-constants
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 2.0.8 |
| Published | 2019-02-02 |
| First published | 2017-04-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=8 |
| Dependencies | 0 |
| Unpacked size | 62.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Taka Okunishi |
| Maintainers | okunishinishi |
| Keywords | the |

## Links

- npm: https://www.npmjs.com/package/the-component-constants
- Repository: https://github.com/the-labo/the-component-constants
- Homepage: https://github.com/the-labo/the-component-constants#readme
- Issues: https://github.com/the-labo/the-component-constants/issues
- npm.io page: https://npm.io/package/the-component-constants

## Alternatives

- [@clerk/clerk-expo](https://npm.io/package/@clerk/clerk-expo.md) — 133.6K weekly downloads
- [@pothos/plugin-authz](https://npm.io/package/@pothos/plugin-authz.md) — 12.4K weekly downloads
- [@bounded-sh/client](https://npm.io/package/@bounded-sh/client.md) — 3.2K weekly downloads
- [@luigi-project/plugin-auth-oauth2](https://npm.io/package/@luigi-project/plugin-auth-oauth2.md) — 2.3K weekly downloads
- [@nocobase/plugin-verification](https://npm.io/package/@nocobase/plugin-verification.md) — 2.0K weekly downloads

## Recent versions

- 2.0.8 (latest) — 2019-02-02
- 2.0.7 — 2019-01-29
- 2.0.6 — 2019-01-28
- 2.0.5 — 2018-12-25
- 2.0.4 — 2018-11-14
- 2.0.3 — 2018-11-11
- 2.0.2 — 2018-11-11
- 2.0.1 — 2018-08-09
- 2.0.0 — 2018-07-18
- 1.1.10 — 2017-05-26
- 1.1.9 — 2017-05-04
- 1.1.8 — 2017-05-01
- 1.1.7 — 2017-05-01
- 1.1.6 — 2017-04-30
- 1.1.5 — 2017-04-30
- … 7 more at https://npm.io/package/the-component-constants/versions

## README

the-component-constants
==========

<!---
This file is generated by the-tmpl. Do not update manually.
--->

<!-- Badge Start -->
<a name="badges"></a>

[![Build Status][bd_travis_shield_url]][bd_travis_url]
[![npm Version][bd_npm_shield_url]][bd_npm_url]
[![JS Standard][bd_standard_shield_url]][bd_standard_url]

[bd_repo_url]: https://github.com/the-labo/the-component-constants
[bd_travis_url]: http://travis-ci.org/the-labo/the-component-constants
[bd_travis_shield_url]: http://img.shields.io/travis/the-labo/the-component-constants.svg?style=flat
[bd_travis_com_url]: http://travis-ci.com/the-labo/the-component-constants
[bd_travis_com_shield_url]: https://api.travis-ci.com/the-labo/the-component-constants.svg?token=
[bd_license_url]: https://github.com/the-labo/the-component-constants/blob/master/LICENSE
[bd_npm_url]: http://www.npmjs.org/package/the-component-constants
[bd_npm_shield_url]: http://img.shields.io/npm/v/the-component-constants.svg?style=flat
[bd_standard_url]: http://standardjs.com/
[bd_standard_shield_url]: https://img.shields.io/badge/code%20style-standard-brightgreen.svg

<!-- Badge End -->


<!-- Description Start -->
<a name="description"></a>

Constants for the-components

<!-- Description End -->


<!-- Overview Start -->
<a name="overview"></a>



<!-- Overview End -->


<!-- Sections Start -->
<a name="sections"></a>

<!-- Section from "doc/guides/01.Installation.md.hbs" Start -->

<a name="section-doc-guides-01-installation-md"></a>

Installation
-----

```bash
$ npm install the-component-constants --save
```


<!-- Section from "doc/guides/01.Installation.md.hbs" End -->

<!-- Section from "doc/guides/02.Usage.md.hbs" Start -->

<a name="section-doc-guides-02-usage-md"></a>

Usage
---------

```javascript
'use strict'

const { SupportedProps } = require('the-component-constants')

{
  console.log(SupportedProps.mouseEvents.split(','))
}

```


<!-- Section from "doc/guides/02.Usage.md.hbs" End -->

<!-- Section from "doc/guides/03.Values.md.hbs" Start -->

<a name="section-doc-guides-03-values-md"></a>

Values
------

+ [SupportedProps](#SupportedProps)
+ [ThemeValues](#ThemeValues)


<a name="SupportedProps" ></a>

### SupportedProps

| Key | Value |
| --- | ---- |
| htmlAttributes | `accept,acceptCharset,accessKey,action,allowFullScreen,allowTransparency,alt,async,autoComplete,autoFocus,autoPlay,capture,cellPadding,cellSpacing,challenge,charSet,checked,cite,classID,className,colSpan,cols,content,contentEditable,contextMenu,controls,coords,crossOrigin,data,dateTime,default,defer,dir,disabled,download,draggable,encType,form,formAction,formEncType,formMethod,formNoValidate,formTarget,frameBorder,headers,height,hidden,high,href,hrefLang,htmlFor,httpEquiv,icon,id,inputMode,integrity,is,keyParams,keyType,kind,label,lang,list,loop,low,manifest,marginHeight,marginWidth,max,maxLength,media,mediaGroup,method,min,minLength,multiple,muted,name,noValidate,nonce,open,optimum,pattern,placeholder,poster,preload,profile,radioGroup,readOnly,rel,required,reversed,role,rowSpan,rows,sandbox,scope,scoped,scrolling,seamless,selected,shape,size,sizes,span,spellCheck,src,srcDoc,srcLang,srcSet,start,step,style,summary,tabIndex,target,title,type,useMap,value,width,wmode,wrap` |
| imageEvents | `onLoad,onError` |
| mediaEvents | `onAbort,onCanPlay,onCanPlayThrough,onDurationChange,onEmptied,onEncrypted,onEnded,onError,onLoadedData,onLoadedMetadata,onLoadStart,onPause,onPlay,onPlaying,onProgress,onRateChange,onSeeked,onSeeking,onStalled,onSuspend,onTimeUpdate,onVolumeChange,onWaiting` |
| mouseEvents | `onClick,onContextMenu,onDoubleClick,onDrag,onDragEnd,onDragEnter,onDragExit,onDragLeave,onDragOver,onDragStart,onDrop,onMouseDown,onMouseEnter,onMouseLeave,onMouseMove,onMouseOut,onMouseOver,onMouseUp` |
| selectionEvents | `onSelect` |
| svgAttributes | `accentHeight,accumulate,additive,alignmentBaseline,allowReorder,alphabetic,amplitude,arabicForm,ascent,attributeName,attributeType,autoReverse,azimuth,baseFrequency,baseProfile,baselineShift,bbox,begin,bias,by,calcMode,capHeight,clip,clipPath,clipPathUnits,clipRule,colorInterpolation,colorInterpolationFilters,colorProfile,colorRendering,contentScriptType,contentStyleType,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominantBaseline,dur,dx,dy,edgeMode,elevation,enableBackground,end,exponent,externalResourcesRequired,fill,fillOpacity,fillRule,filter,filterRes,filterUnits,floodColor,floodOpacity,focusable,fontFamily,fontSize,fontSizeAdjust,fontStretch,fontStyle,fontVariant,fontWeight,format,from,fx,fy,g1,g2,glyphName,glyphOrientationHorizontal,glyphOrientationVertical,glyphRef,gradientTransform,gradientUnits,hanging,horizAdvX,horizOriginX,ideographic,imageRendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lengthAdjust,letterSpacing,lightingColor,limitingConeAngle,local,markerEnd,markerHeight,markerMid,markerStart,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,mode,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overlinePosition,overlineThickness,paintOrder,panose1,pathLength,patternContentUnits,patternTransform,patternUnits,pointerEvents,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,refX,refY,renderingIntent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shapeRendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stopColor,stopOpacity,strikethroughPosition,strikethroughThickness,string,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,surfaceScale,systemLanguage,tableValues,targetX,targetY,textAnchor,textDecoration,textLength,textRendering,to,transform,u1,u2,underlinePosition,underlineThickness,unicode,unicodeBidi,unicodeRange,unitsPerEm,vAlphabetic,vHanging,vIdeographic,vMathematical,values,vectorEffect,version,vertAdvY,vertOriginX,vertOriginY,viewBox,viewTarget,visibility,widths,wordSpacing,writingMode,x,x1,x2,xChannelSelector,xHeight,xlinkActuate,xlinkArcrole,xlinkHref,xlinkRole,xlinkShow,xlinkTitle,xlinkType,xmlns,xmlnsXlink,xmlBase,xmlLang,xmlSpace,y,y1,y2,yChannelSelector,z,zoomAndPan` |
| touchEvents | `onTouchCancel,onTouchEnd,onTouchMove,onTouchStart` |
| uiEvents | `onScroll` |


<a name="ThemeValues" ></a>

### ThemeValues

| Key | Value |
| --- | ---- |
| altTextColor | `#AAA` |
| backgroundColor | `#FFF` |
| borderColor | `#AAA` |
| captionBorderColor | `#F0F0F0` |
| captionTextColor | `#999` |
| dangerColor | `#B31818` |
| disabledBackgroundColor | `#F0F0F0` |
| disabledTextColor | `#CCC` |
| dominantColor | `#ee8e0a` |
| errorColor | `#B31818` |
| infoColor | `#0C843A` |
| inputBorderColor | `#AAA` |
| inputShadowColor | `rgba(0,0,0,.05)` |
| lightBackgroundColor | `#F8F8F8` |
| lightBorderColor | `#EEE` |
| lightLinkColor | `#999` |
| lightTextColor | `#BBB` |
| overlayBackgroundColor | `rgba(255,255,255,0.8)` |
| overlayBorderColor | `#CCC` |
| overlayTextColor | `#555` |
| tabInactiveColor | `#AAA` |
| textColor | `#555` |
| warnColor | `#9C9C19` |
| containerWidth | `1024` |
| contentPadding | `4` |
| contentWidth | `480` |
| headerHeight | `48` |
| tappableHeight | `44` |
| fontFamily | `ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif` |
| fontSize | `16` |
| activeOpacity | `0.8` |
| hoverOpacity | `0.9` |
| largeMediaBreakpoint | `1200` |
| mediumMediaBreakpoint | `992` |
| smallMediaBreakpoint | `768` |




<!-- Section from "doc/guides/03.Values.md.hbs" End -->


<!-- Sections Start -->


<!-- LICENSE Start -->
<a name="license"></a>

License
-------
This software is released under the [MIT License](https://github.com/the-labo/the-component-constants/blob/master/LICENSE).

<!-- LICENSE End -->


<!-- Links Start -->
<a name="links"></a>

Links
------

+ [THE Labo][t_h_e_labo_url]

[t_h_e_labo_url]: https://github.com/the-labo

<!-- Links End -->

---
_Source: https://npm.io/package/the-component-constants · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._