Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/US-CBP/cbp-theme

UI Theme for U.S. Customs and Border Protection web applications
https://github.com/US-CBP/cbp-theme

cbp cbp-theme design-system ui-theme

Last synced: 3 months ago
JSON representation

UI Theme for U.S. Customs and Border Protection web applications

Host: GitHub
URL: https://github.com/US-CBP/cbp-theme
Owner: US-CBP
License: other
Created: 2016-07-05T19:21:01.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2022-10-20T17:56:25.000Z (about 2 years ago)
Last Synced: 2024-05-23T00:09:27.563Z (6 months ago)
Topics: cbp, cbp-theme, design-system, ui-theme
Language: JavaScript
Homepage: https://us-cbp.github.io/cbp-theme
Size: 54.7 MB
Stars: 28
Watchers: 20
Forks: 36
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE.MD

Awesome Lists containing this project

README

# [ALPHA] Customs and Border Protection (CBP) Design System

[![Build Status](https://travis-ci.org/US-CBP/cbp-theme.svg?branch=design-system)](https://travis-ci.org/US-CBP/cbp-theme)

[![npm version](https://badge.fury.io/js/cbp-ds.svg)](https://badge.fury.io/js/cbp-ds)

The CBP Design System (2.0) exists to provide a unifying user experience and reduce redundant front-end code within the US Customs and Border Protection enterprise suite of applications and websites. This is the next evolution of our first effort, the [CBP Theme (1.X)](https://us-cbp.github.io/cbp-style-guide).

> **⚠️ The CBP Design System (2.0) is still in a stage of very active development.** As such, much of the code base is still somewhat fragile and may break at any time. While we encourage you to explore our offerings, please do so with the knowledge that the codebase in these repositories will change rapidly and with little warning. Use at your own risk. We will communicate when a stable release will be made available.

## Contents

**CBP Design System Style Guide**
The [Style Guide](https://us-cbp.github.io/cbp-theme/design-system/) site offers robust examples, user experience guidance, code instruction and best practices for using the CBP Design System that follow its core principles. You can find the source code for the site in [ds-ux-guidelines](https://github.com/US-CBP/cbp-theme/tree/master/ds-ux-guidelines). This repo is strictly for housing the codebase for the style guide site.

**CBP Design System CSS**
The [CBP DS CSS](https://github.com/US-CBP/cbp-theme/tree/master/ds-css) repository is where the Design System codebase for building websites and applications is stored. This repo only holds the Design System codebase, all UX guidance will be in the [Style Guide](https://us-cbp.github.io/cbp-theme/design-system/).

## Installation

The recommended way to get the latest CBP DS CSS file is by saving it as a dependency via [npm](https://docs.npmjs.com/getting-started/what-is-npm).

From your npm project, simply run:

- `npm install cbp-ds --save`