Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @lightspeed/cirrus with all npm packages installed. Try it out:

@lightspeed/cirrus lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:

require("@emotion/core/package.json"); // @emotion/core is a peer dependency. require("@emotion/styled/package.json"); // @emotion/styled is a peer dependency. require("emotion-theming/package.json"); // emotion-theming is a peer dependency. require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. // require("@lightspeed/cirrus/[??]")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@lightspeed/cirrus v7.5.0

Cirrus, all inclusive

Cirrus components

A package containing all Cirrus React components.

Refer to main README for usage.

Building Cirrus for production

Both steps are self contained in their own command.

To build, run the following command:

yarn build

This will do the followng in order:

  • automatically flush the dist folder
  • generate icons/flags into their respective component folder
  • transpile any files within the src folder
  • copy straggler files based on a pre-defined whitelist (e.g: json files)

Please note, that during the transpilation phase, the story.js file and whatever files contained within a folder named examples will be ignored.

You may notice that there are empty folders that get outputted into the dist folder. These will get auto ignored during the publish phase.

Publishing Cirrus

First, make sure you've went through the release workflow, skip step 3 (npm publish)

Then, to publish, run the following command:

yarn release

This will build and publish the recently built components.

If you didn't properly bump the version, npm will throw an error. So no need to worry of squashing a previously published version.

Styled System Props

Component Namestyled-system props
Alertspace
Bonespace
width
bgColor
Buttonspace
Cardcolors
CardSectionspace
Boxspace
width
fontSize
colors
Flex (extends Box)flex, flexWrap, flexDirection, alignItems, justifyContent
Dividerspace
Groupflex, justifyContent
GroupItemflex
width
GroupAddonwidth
Logowidth
TextfontSize
space
fontFamily, textAlign, fontWeight, letterSpacing, lineHeight
textTransform (custom property that takes any text-transform values)
fontSize
textColor
fontSize

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free