🚀 DAY 5 OF LAUNCH WEEK:Introducing Webhook Events for Alert Changes.Learn more →
Socket
Book a DemoInstallSign in
Socket
t

tomgenoni

npm

Packages

Current Co-maintainers

Former Co-maintainers

79 packages

optimizely-lego

CSS component library for Optimizely

optimizely-oui

Optimizely's Component Library.

oui-icons

Icons for the Optimizely application and other OUI projects.

@thumbtack/changelog-lint

This linter ensures that changelogs are following the [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) specification.

@thumbtack/thumbprint-atomic

Atomic classes for building Thumbtack UI

@thumbtack/thumbprint-codemods

This package is a collection of codemods that assist with breaking changes in Thumbprint.

@thumbtack/thumbprint-email

This package contains the SCSS and Handlebar partials that make up the components used in emails at Thumbtack.

@thumbtack/thumbprint-font-face

@thumbtack/thumbprint-global-css

Global reset, body, and anchor styling for building Thumbtack UI

@thumbtack/thumbprint-icons

Icons in multiple formats for use in Thumbtack projects

@thumbtack/thumbprint-react

React components for building UIs with Thumbprint

@thumbtack/thumbprint-scss

CSS and Sass mixins for building Thumbtack UI

@thumbtack/thumbprint-tokens

Design variables that power Thumbtack’s UI.

@thumbtack/tp-ui-component-alert

These alerts should be used at the very top of a page.

@thumbtack/tp-ui-component-avatar

### Extra Large

@thumbtack/tp-ui-component-form-note

`aria-describedby` should be used to [associate form fields with form notes](https://www.w3.org/TR/WCAG20-TECHS/ARIA1.html#ARIA1-ex2). The value of `aria-describedby` must match the form note’s `id`.

@thumbtack/tp-ui-component-loader

### Default

@thumbtack/tp-ui-core-font-face

@thumbtack/tp-ui-core-function

When using margin or padding vales in your Sass use the `tp-spacer(N)` function where N is an increment of `0.5`. Our base spacer unit is `8px`.

@thumbtack/tp-ui-core-mixin

Helpful SCSS mixins for using media queries and setting breakpoints. These mixins are commonly used alongside [variables from Thumbprint Tokens](/tokens/) but do support arbitrary pixel values.

@thumbtack/tp-ui-core-reset

@thumbtack/tp-ui-element-body

@thumbtack/tp-ui-element-button

These are the available `Button` styles for use on light background colors.

@thumbtack/tp-ui-element-checkbox

Here are a few tips for using checkboxes:

@thumbtack/tp-ui-element-fieldset

Creates spacing between form groups