td-stylekit

td-stylekit

Common set of components and styles to be used across frontend products as well as documentation based on these components.

Installation

yarn add td-stylekit react react-dom

Usage

import React from 'react'
import { Text, ThemeProvider } from 'td-stylekit'

return () => (
    <ThemeProvider>
        <Text>text</Text>
    </ThemeProvider>
)

Scripts

script	description
build	generate a production build of module
test	run unit tests
docs:start	start dev documentation server
docs:build	generate static build of docs
new:component	generator for creating a new component

Release

yarn version
git push --follow-tags

Browser support

We supports all major browsers with the following versions. For other, unsupported browsers, we automatically use a fallback.

• Chrome: 55+
• Android (Chrome): 55+
• Android (Stock Browser): 5+
• Android (UC): 11+
• Firefox: 52+
• Safari: 9+
• iOS (Safari): 9+
• Opera: 30+
• Opera (Mini): 12+
• IE: 10+
• IE (Mobile): 11+
• Edge: 12+

CSS prefixing and compatibility is provided by inline-style-prefixer. We have a custom build script to specify this set of browsers in bin/generate-browser-data, and the data is stored in src/utils/prefixer. This data can be regenerated as needed but it should be fairly infrequently changing data (CSS properties and browser support).