open-index/open-npm huggingface dataset:
npm package: @sarjuneilorg/gesign-tokens
Description: OIDC trusted publishing setup package for @sarjuneilorg/gesign-tokens
Latest version: 0.0.1

# @sarjuneilorg/gesign-tokens

## ⚠️ IMPORTANT NOTICE ⚠️

**This package is created solely for the purpose of setting up OIDC (OpenID Connect) trusted publishing with npm.**

This is **NOT** a functional package and contains **NO** code or functionality beyond the OIDC setup configuration.

## Purpose

This package exists to:
1. Configure OIDC trusted publishing for the package name `@sarjuneilorg/gesign-tokens`
2. Enable secure, token-less publishing from CI/CD workflows
3. Establish provenance for packages published under this name

## What is OIDC Trusted Publishing?

OIDC trusted publishing allows package maintainers to publish packages directly from their CI/CD workflows without needing to manage npm access tokens. Instead, it uses OpenID Connect to establish trust between the CI/CD provider (like GitHub Actions) and npm.

## Setup Instructions

To properly configure OIDC trusted publishing for this package:

1. Go to [npmjs.com](https://www.npmjs.com/) and navigate to your package settings
2. Configure the trusted publisher (e.g., GitHub Actions)
3. Specify the repository and workflow that should be allowed to publish
4. Use the configured workflow to publish your actual package

## DO NOT USE THIS PACKAGE

This package is a placeholder for OIDC configuration only. It:
- Contains no executable code
- Provides no functionality
- Should not be installed as a dependency
- Exists only for administrative purposes

## More Information

For more details about npm's trusted publishing feature, see:
- [npm Trusted Publishing Documentation](https://docs.npmjs.com/generating-provenance-statements)
- [GitHub Actions OIDC Documentation](https://docs.github.com/en/actions/deployment/security-hardening-your-deployments/about-security-hardening-with-openid-connect)

---

**Maintained for OIDC setup purposes only**
npm package: @sarjura/design-system
Description: ## Overview
Latest version: 1.0.3

# Design System - UI Component Library

## Overview

This React + TypeScript component library provides a collection of reusable UI components styled with TailwindCSS. Each component is designed to be flexible, customizable and responsive. The library integrates with Storybook for easy component previews and usage examples.

## Features

- **Resuable React Components**: Pre-built components for common UI needs such as buttons, inputs, modals, etc.
- **TypeScript Support**: Provides type safety and better developer experience.
- **TailwindCSS Styling**: Uses utility-first CSS classes for responsive and easily customizable components.
- **Storybook Integration**: Visual documentation to explore components interactively.

## Installation

To use this component library in your project, first install it via npm or yarn:

```bash
# Using npm
npm install @sarjura/design-system

# Using yarn
yarn add @sarjura/design-system

```

## Setup TailwindCSS

If you don't already have TailwindCSS setup in your project, install it following [https://tailwindcss.com/docs/installation](the official TailwindCSS guide). Then add the library's components to your TailwindCSS config to ensure utility classes are applied correctly.

```js
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{js,ts,jsx,tsx}'],
  theme: {},
  plugins: [],
}

```

## Usage Example

Once installed, import components into your project and start using them, Here's an example of how to use a Button component from the library:

```jsx
import { Button } from '@sarjura/design-system';

const MyComponent = () => (
  <Button variant="primary" size="lg">
    Click Me
  </Button>
);

export default MyComponent;
```

## Props and Customization

Each component comes with customizable props and TailwindCSS styling. You can adjust component behavior and appearance by passing different props.

Example: Button Component Props

- `Variant`: Defines the button's color scheme (e.g. `primary`, `secondary`).
- `size`: Defines the button size (`sm`, `md`, `lg`).
- `children`: Content to be displayed inside the button.

```jsx
<Button variant="secondary" size="sm">Small Button</Button>
```

## Storybook for Component Exploration

Storybook is integrated for interactive components documentation. You can view all the components and their variations by visiting [https://www.npmjs.com/package/@sarjura/design-system](Design System - Component Library Exploration), allowing you to preview and interact with components in real-time.