open-index/open-npm huggingface dataset:
npm package: @square/maker
Description: Maker Design System by Square
Latest version: 19.10.2

# Maker

Maker is a mobile-first themeable Vue.js 2.x component library. [View its docs here](https://square.github.io/maker/styleguide/latest-stable/#/).

## Install

```sh
# install maker
npm i @square/maker
# install peer dependencies
npx i-peers -a
```

## Quick links

- Using latest version of Maker? [Read latest-stable docs.](https://square.github.io/maker/styleguide/latest-stable/#/)
- Using older version of Maker? [Find older version docs here.](https://square.github.io/maker/)
- Upgrading to a new major version of Maker? [Read the migration docs.](https://github.com/square/maker/blob/master/.github/MIGRATION.md)
- Need to report a bug? [Create an issue.](https://github.com/square/maker/issues/new/choose)
- Need to request a new feature? [Create an issue.](https://github.com/square/maker/issues/new/choose)
- Need to ask a question? [Ask here.](https://github.com/square/maker/discussions)
- Contributing to Maker? [Read the contributing docs.](https://github.com/square/maker/blob/master/.github/CONTRIBUTING.md)
npm package: @square/maker-icons
Description: Maker Icons
Latest version: 3.2.1

# Maker icons

Icon set for Maker. Mostly uses icons from [Feather Icons](https://github.com/feathericons/feather) plus a few manual additions.

## Using

```bash
npm install @square/maker-icons
```

Then within your Vue components:

```vue
<template>
    <span class="error">
        <alert-circle> {{ errorMessage }}
    </span>
</template>

<script>
import AlertCircle from '@square/maker-icons/AlertCircle';

export default {
    name: 'MyErrorComponent',
    components: {
        AlertCircle,
    },
    props: {
        errorMessage: {
            type: String,
            required: true,
        },
    },
};
</script>

<style scoped>
.error {
    color: red; /* only colors the text */
    fill: red; /* required to color the icon */
}
</style>
```

## Contributing

### Installing dependencies

```bash
npm ci
```

### Building

```bash
npm run build
```

### Manually adding icons

Add the svg files to the svg folder. Use kebab-case names for the file names.

### Publishing

Check you're publishing what you intend to with:

```bash
npm publish --dry-run
```

Before publishing remember to bump the version in `package.json`.

Also remember to login using `npm login`.

Then actually publish with:

```bash
npm publish
```
npm package: @square/orbit
Description: Square eCommerce's (formerly Weebly) Vue.js UI component library
Latest version: 0.1.0

<p align="center">
	<img src="/.github/orbit.png" width="175">
</p>

# Orbit
Orbit is a Vue.js UI Component Library built on a beautiful, cohesive design system.

Orbit includes over 50 easy to use components and enables you to quickly construct clean and scalable applications.

## Documentation
- [Contribution Guide](/src/CONTRIBUTING.md) - Learn about Orbit component development, testing, and release steps

## Quick start
#### #1 Add Orbit as a dependency
```
npm install --save @square/orbit
```

#### #2 Import the CSS
Import the following CSS file as an asset to your build. <strong>Do not</strong> @import them into the style tag of your App.vue, as doing so will unecessarily pre-process them.

<ul>
<li><strong>@square/orbit/styles.css</strong>: includes all the base css for orbit components</li>
</ul>

#### #3 Import an Orbit component
<p>Update /src/App.vue with the following:</p>

```
<template>
  <div id="app">
    <h1>Orbit v2</h1>
    <o-button>Button</o-button>
  </div>
</template>

<script>
  // Components are imported individually as needed.
  // Note the object {} syntax. 'import OButton' will not work.
  import { OButton } from '@square/orbit/components/Button';

  export default {
    name: 'app',
    components: { OButton }
  }
</script>
```

## Browser Support
Orbit supports [all evergreen browsers](/.browserslistrc).

## Changelog
Every release and their changes are documented in [Releases](https://github.com/square/orbit/releases).

## License
[Apache-2.0](./LICENSE)