open-index/open-npm huggingface dataset:
npm package: @sprinteins/se-uilib
Description: ## CSS API
Latest version: 0.0.12

# UI Lib

## CSS API

```
---<compoment>--<variant>__<property>
```

- variant is optional
- always provide a default value

e.g.:
```css
main {
    background-color: var(--app-bar__background-color, var(--color-postyellow));
}
```
npm package: @sprintly/indefinite-article
Description: JavaScript function that returns the indefinite articles "a" or "an" based on a given word or phrase
Author: Rodrigo Neri
Latest version: 0.0.2

#Overview

indefinite-article.js is a JavaScript function that returns the indefinite articles "a" or "an" based on a given word or phrase. The code is a port from the [Lingua::EN::Inflect] Perl module found on [this stackoverflow question]

#Credit

indefinite-article.js was developed by [@rigoneri]

[Lingua::EN::Inflect]: http://search.cpan.org/dist/Lingua-EN-Inflect/lib/Lingua/EN/Inflect.pm#PROVIDING_INDEFINITE_ARTICLES
[this stackoverflow question]: http://stackoverflow.com/questions/4558437
[@rigoneri]: http://twitter.com/rigoneri
npm package: @sprintly/react-onclickoutside
Description: An onClickOutside mixin for React components
Latest version: 1.0.0

# An onClickOutside mixin for React components

This is a React mixin that you can add to your React components if you want to have them listen for clicks that occur somewhere in the document, outside of the element itself (for instance, if you need to hide a menu when people click anywhere else on your page).

Note that this mixin relies on the `.classList` property, which is supported by all modern browsers, but not by no longer supported browsers like IE8 or even older. For setups that need to support deprecated browsers, using something like the [MDN classlist-polyfill](https://www.npmjs.com/package/classlist-polyfill) will be necessary.

## installation

There are two ways to install this mixin, depending on your development process.

### NPM

If you have Node.js needs, you can install this mixin via `npm`, using:

```
npm install react-onclickoutside --save
```

(or `--save-dev` depending on your needs). You then use it in your components as:

```
var Component = React.createClass({
  mixins: [
    require('react-onclickoutside')
  ],

  handleClickOutside: function(evt) {
    // ...handling code goes here...
  }
});
```
### For the browser (not recommended)

If you have plain-old-browser needs and for some reason are unable to use the modern browserify/webpack approach to building your JS payloads, you can install this mixin via `bower`, using:

```
bower install react-onclickoutside
```

and then include it as script via:

```
<script src="bower_components/react-onclickoutside/index.js"></script>
```

Then use it as:

```
var Component = React.createClass({
  mixins: [
    OnClickOutside
  ],

  handleClickOutside: function(evt) {
    // ...handling code goes here...
  }
});
```

## Regulate whether or not to listen for outside clicks

When using this mixin, a component has two functions that can be used to explicitly listen for, or do nothing with, outside clicks

- `enableOnClickOutside()` - Enables outside click listening by setting up the event listening bindings.
- `disableOnClickOutside()` - Disables outside click listening by explicitly removing the event listening bindings.
 
In addition, you can create a component that uses this mixin such that it has the code set up and ready to go, but not listening for outside click events until you explicitly issue its `enableOnClickOutside()`, by passing in a properly called `disableOnClickOutside`:

```
var Component = React.createClass({
  mixins: [ ... ],
  handleClickOutside: function(evt) {
    // ...
  }
});

var Container = React.createClass({
  render: function(evt) {
    return <Component disableOnClickOutside={true} />
  }
});
```

## Marking elements as "skip over this one" during the event loop

If you want the mixin to ignore certain elements, then add the class `ignore-react-onclickoutside` to that element and the callback won't be invoked when the click happens inside elements with that class.

For bugs and enhancements hit up https://github.com/Pomax/react-onclickoutside/issues