Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@momentum-ui/tokens

momentum-design5.4kMITdeprecated1.7.1

This package will no longer be updated. This package is not fully deprecated, and will receive manual updates, but no designers automated changes will be made. Updates will be made at the @momentum-design/tokens repository: https://www.npmjs.com/package/@momentum-design/tokens migration guides will be made available at the new repository README.md in the future.

The Cisco Momentum UI Tokens library allows developers and designers to collaborate on the creation and usage of style guidelines and elements.

Cisco, Webex, Cisco Spark, Spark UI, Momentum UI, design tokens, color tokens

readme

@momentum-ui

CircleCI Conventional Commits license lerna

DEPRECATION NOTICE

Packages which are deprecated and will no longer receive updates

Replacement packages which will be updated and are backwards compatible

New tokens are being generated and updated here and are a work in progress. New projects should consume the tokens at the link below. Existing projects can continue to use their existing tokens, but note the current repository tokens: ttps://www.npmjs.com/package/@momentum-ui/tokens will not be receiving updates.

Migration Guide

Momentum UI

Momentum UI is a collection of UI libraries for implementing Momentum Design into web applications and websites.

Table of Contents

Background

These libraries allow web developers to quickly and easily create Momentum Design web apps and sites. We provide libraries built on HTML/CSS and many of the modern JavaScript frameworks, including ReactJS, Angular and AngularJS. We use a Lerna monorepo to manage all of the libraries in one repository.

Usage

The individual libraries are distributed through npm. You can find information on usage and installation in each of their individual README files.

Requirements

To contribute to @momentum-ui, you need to have >=Node 8.10.0 and Yarn installed globally on your machine.

Development

Setting up your development environment:

  1. Clone this repo using a git client (e.g. git clone https://github.com/momentum-design/momentum-ui.git)
  2. Run yarn install from the root of the repo.
  3. Run yarn bootstrap from the root of the repo.
  4. Run yarn start:all to start the playground app for all libraries or yarn start:<library> to only start the library the you are working in.

NOTE: Install watchman with brew install watchman if you are having the following or similar error after an initial yarn start:

2017-09-05 00:44 node[68587] (FSEvents.framework) FSEventStreamStart: register_with_server: ERROR: f2d_register_rpc() => (null) (-22)
    2017-09-05 00:44 node[68587] (FSEvents.framework) FSEventStreamStart: register_with_server: ERROR: f2d_register_rpc() => (null) (-22)
    events.js:160
          throw er; // Unhandled 'error' event
          ^

    Error: Error watching file for changes: EMFILE
        at exports._errnoException (util.js:1022:11)
        at FSEvent.FSWatcher._handle.onchange (fs.js:1406:11)

Contributing

PRs are welcome! See CONTRIBUTING for details.

License

©2013-2020 Cisco Systems, Inc. and/or its affiliates. All Rights Reserved.

See LICENSE for details.

changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.7.1 (2021-06-29)

Note: Version bump only for package @momentum-ui/tokens

1.7.0 (2021-05-27)

Features

  • colors: add icon colors for light/dark mode (#907) (702e58a)

1.6.2 (2020-10-20)

Note: Version bump only for package @momentum-ui/tokens

1.6.1 (2020-09-29)

Note: Version bump only for package @momentum-ui/tokens

1.6.0 (2020-09-03)

Features

  • tokens: git tracking json token files in data (cd727a1)

1.5.0 (2020-07-16)

Features

  • tokens: modify naming conventions of button color tokens (f7cfead)

1.4.1 (2020-07-09)

Bug Fixes

  • tokens: add config for push to S3 (add0e64)

1.4.0 (2020-07-08)

Features

  • tokens: new badge tokens for light/dark mode (dc93cc5)

1.3.0 (2020-07-07)

Features

  • tokens: adding token variable names to token js object (666cd6a)

1.2.1 (2020-07-01)

Bug Fixes

  • tokens: fix the secondary text color and add few more color tokens (6af974b)

1.2.0 (2020-06-26)

Features

  • tokens: new button semantic color tokens and generate scss in core (21def22)

1.1.0 (2020-05-21)

Features

  • tokens: redirect paths, initial setup of token NPM module (1fdb091)