open-index/open-npm huggingface dataset:
npm package: @microfocus/ias-bootstrap
Description: Provides a stylesheet for use with [UX Aspects](https://uxaspects.github.io/UXAspects/), the official CSS/JS framework for Micro Focus Identity, Access, and Security (IAS) products. UX Aspects is based on [Bootstrap](https://getbootstrap.com/docs/3.3/
Latest version: 1.0.0-alpha.15

# IAS Bootstrap

Provides a stylesheet for use with
[UX Aspects](https://uxaspects.github.io/UXAspects/), the official
CSS/JS framework for Micro Focus Identity, Access, and Security (IAS)
products. UX Aspects is based on
[Bootstrap](https://getbootstrap.com/docs/3.3/) and
[NGX-Bootstrap](https://valor-software.com/ngx-bootstrap).

To see the effects of the IAS Bootstrap stylesheet on UX Aspects, as
well as view examples and best practices, refer to the
[IAS Bootstrap documentation page](https://microfocus.github.io/ias-bootstrap).


## Installation

IAS Bootstrap is available in the npm repository, and can be installed
via the `npm install` command:

```
$ npm install @microfocus/ias-bootstrap
```

## Using with Angular

As stated on the UX Aspects home page: "UX Aspects is based on
best-of-breed, open source technologies, including Angular, Bootstrap
and D3. It is easy to include in your web applications with NPM."

The example below shows how to create an angular project from scratch
with the angular command-line utility, and then install and reference UX
Aspects and IAS Bootstrap.

Create a new Angular project:
```
$ ng new MyApp
$ cd MyApp
```

Install ux-aspects and ias-bootstrap:
```
$ npm install @ux-aspects/ux-aspects @microfocus/ias-bootstrap
```

Open the file: angular.json, and add the following lines to the "styles"
section (note: `"src/styles.css"` should already be there):
```
"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.css",
  "node_modules/@ux-aspects/ux-aspects/styles/ux-aspects.css",
  "node_modules/@microfocus/ias-bootstrap/dist/ias-bootstrap.css",
  "node_modules/@microfocus/ias-icons/dist/ias-icons.css",
  "src/styles.css"
],
```

Run the app:
```
$ ng serve
```

Open your browser to: http://localhost:4200 and you'll see your app's
welcome page. To see the IAS style in use, edit the file:
`src/app/app.component.html`, and add some components that use bootstrap
or ux-aspects components, such as:
```
<div class="btn-container">
  <button type="button" class="btn btn-default">Text Button</button>
  <button type="button" class="btn btn-default" disabled>Disabled Text Button</button>
</div>
```
npm package: @microfocus/ias-icons
Description: Icon font for Opentext Identity and Access products
Author: Lynn Christensen
Latest version: 1.1.75

# Micro Focus ias-icons

This project is the icon font for Cybersecurity Identity and Access products,
which contains an official icon font for web applications built by Micro Focus (now Opentext) 
Identity and Access Management Group. The icon font includes specific icons designed for 
Identity and Access Management concepts, and helps provide a consistent icon look and feel 
throughout these applications.

### Helpful Links

- [Documentation Site](https://microfocus.github.io/ias-icons)

### Usage

Install the package using npm:

```
$ npm install @microfocus/ias-icons
```

If you are building a project with Angular, you can add the following to your angular.json file:

```
"styles": [
    "node_modules/@microfocus/ias-icons/dist/ias-icons/ias-icons.css",
    "src/styles.scss"
],
```

If you want to manually integrate the ias-icons, download this tar file that includes all the files you'll need:

```
https://registry.npmjs.org/@microfocus/ias-icons/-/ias-icons-1.1.24.tgz
Note: ...ias-icons-1.1.24 number at the end of this url should match the latest release number.
1. Enter above url to latest release into your browser address field. This will download the distribution files.
2. Unpack the tgz file which will show a package folder containing all files.
3. Open "Dist" folder. It includes a Font folder and ias-icons.css file.
4. Copy all the files inside the Font folder to the Font folder in your project.
5. Copy the ias-icons.css file to the same place it exists in your project. This should overwrite the existing ias-icons.css file.
6. Edit the ias-icons.css file to make sure the font urls point to where your Font folders exists. 
```

The icons can be referenced by class name, as shown in the following example:

```
<i class="ias-icon ias-icon-down_thin"></i>
```
All svg files are copyrighted to Lynn Christensen and Microfocus.

Copyright 2008-2025 Lynn Christensen and Microfocus. All rights reserved.
npm package: @microfocus/ng-ias
Description: Angular UX library for Micro Focus Identity, Access, and Security products
Author: Joe Hawkins
Latest version: 1.0.1

# Micro Focus ng-ias

This project is the AngularJS UX library for Micro Focus Identity, Access, and Security products (ng-ias), 
the official CSS/JS framework for AngularJS web applications built by Micro Focus Identity, Access, and
Security Group. These guidelines help establish a consistent look and feel among common user interface 
elements throughout Identity, Access, and Security Group products. This documentation contains several 
interactive components in addition to providing guidelines about components, user experience (UX) 
patterns, and application layout.

### Helpful Links

- [Documentation Site](https://microfocus.github.io/ng-ias)
- [Changelog](./CHANGELOG.md)
- [Developer Guide](./DEVELOPER.md)
- [Guidelines for Contribution](./CONTRIBUTING.md)
npm package: @microfocus/ng-prism
Description: AngularJS directives for Prism code highlighting.
Author: Joseph White
Latest version: 1.3.4

# ng-prism

Provides dynamic syntax highlighting for your documentation app using [PrismJS](http://prismjs.com/) 
and [AngularJS](https://angularjs.org/). 

- Eliminates the need to painfully copy and escape HTML in your code demos
- Can be used with routing libraries such as [UI-Router](https://ui-router.github.io/)
- See this [Plunkr](https://plnkr.co/edit/6p3kUL?p=preview) for a live demo

### Installation

1. `npm install joswhite/ng-prism`

2. `angular.module('myApp', ['ng-prism']);`

3. `<script src="ng-prism.js">`<br>
   `<link rel="stylesheet" href="ng-prism.css">`

### Use

- See examples in `src/index.html`

General Uses

- `pre > code[highlight="language-xxxx"]` (highlights the code inside it)

    * `highlight` attribute specifies PrismJS language (default: `language-javascript`)
    * HTML markup needs to be escaped

- PrismJS direct use (see [PrismJS website](http://prismjs.com/))

    * If using a routing library, use `pre > code[highlight]` instead

Dynamic Uses

- `repeat-as-code` attribute (retains HTML element and highlights the code that created it)

    * `repeat-as-code="inner"` highlights the code that created its HTML children elements
    * If present, `prism-insert-id` attribute specifies where the highlighted code should be inserted 
    
- `toggle-repeat-code` attribute (`repeat-as-code` with a "Show Code" button)
    
- `toggleable-code` element ("Show Code" button to show/hide everything inside it)
    
### Documentation Examples App

Run `npm start` and navigate to localhost:8080. 

### Development

`npm install -g gulp`

- Build: `gulp build:development`
- Watch: `gulp`
- Works with LiveReload

### Notes

- Default theme is prism-okaidia. You can change this in `src/main.scss`
- The consuming application is responsible for styling the "Show Code" button
- ng-prism converts 4 spaces to the tab character and forces LTR display on the code block
- This project uses [ng-gulp](https://www.github.com/MicroFocus/ng-gulp)
npm package: @microfocus/ux-ias
Description: UX library for Micro Focus Identity, Access, and Security products
Author: Joe Hawkins
Latest version: 1.1.3

# Micro Focus ux-ias

UX Library for Identity, Access, and Security Products (ux-ias) is the official CSS framework 
for web applications built by Micro Focus Identity, Access, and Security Group. These guidelines 
help establish a consistent look and feel among common user interface elements throughout Identity 
Access, and Security products. This documentation contains information about components, user 
experience (UX) patterns, and application layout. It also contains the required structure and options 
for the HTML that uses this framework.

This is only a CSS framework. Interactive components shown in this framework are not functional (they can
only be viewed). Please refer to [ng-ias](https://github.com/microfocus/ng-ias) to view a fully functional 
implementation of these components.

### Helpful Links

- [Documentation Site](https://microfocus.github.io/ux-ias)
- [Changelog](./CHANGELOG.md)
- [Developer Guide](./DEVELOPER.md)
- [Guidelines for Contribution](./CONTRIBUTING.md)