open-index/open-npm huggingface dataset:
npm package: @scaleway/sdk-client
Description: Scaleway SDK Client
Latest version: 2.2.2

# Scaleway SDK Client

This SDK Client enables you to interact with Scaleway APIs.

**🔗  Important links:**

- [Reference documentation](https://scaleway.github.io/scaleway-sdk-js)
- [Example projects](https://github.com/scaleway/scaleway-sdk-js/tree/master/examples)
- [Developers website](https://developers.scaleway.com) (API documentation)

## Getting Started

You'll need a pair of access and secret keys to connect to Scaleway API. Please check the [documentation](https://www.scaleway.com/en/docs/identity-and-access-management/iam/how-to/create-api-keys/) on how to retrieve them.

**A minimal setup** would look like this:

```ts
import { createClient } from '@scaleway/sdk-client'
import { Registry } from '@scaleway/sdk'

const client = createClient({
  accessKey: 'SCWXXXXXXXXXXXXXXXXX',
  secretKey: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
  defaultProjectId: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
  defaultRegion: 'fr-par',
  defaultZone: 'fr-par-1',
})

const api = new Registry.v1.API(client)
```

**For more information**, please check the [GitHub project](https://github.com/scaleway/scaleway-sdk-js).

## Reach us

We love feedback. Feel free to reach us on [Scaleway Slack community](https://slack.scaleway.com/), we are waiting for you on [#opensource](https://scaleway-community.slack.com/app_redirect?channel=opensource).
npm package: @scaleway/themes
Description: Scaleway Themes
Latest version: 1.5.0
Deprecated: This package is deprecated use @ultraviolet/themes instead.

# Scaleway Themes

[![npm version](https://badge.fury.io/js/%40scaleway%2Fthemes.svg)](https://badge.fury.io/js/%40scaleway%2Fthemes)

Scaleway Themes is a set of themes for the Scaleway UI library.

> **Note**
> 
> `@scaleway/ui` is using `@scaleway/theme` under the hood, therefore you don't need to install it if you want to use the default theme (`consoleLightTheme` and `consoleDarkTheme` are the default themes).

## Installation

```sh
$ pnpm add @scaleway/ui @scaleway/themes @emotion/react @emotion/styled
```

### Usage

```js
import { normalize, Button } from '@scaleway/ui'
import { consoleDarkTheme } from '@scaleway/themes' // << Here we import the theme we want to use
import { Global, css, ThemeProvider } from '@emotion/react'

const App = () => (
  <ThemeProvider theme={consoleDarkTheme}>
    <Global styles={css`${normalize()}`}>
    <Button variant="primary" onClick={() => console.log('clicked')}>
      Click Me
    </Button>
  </ThemeProvider>
)
```

## Documentation

Checkout our [documentation website](https://storybook.ui.scaleway.com/).
npm package: @scaleway/ui
Description: Scaleway UI
Latest version: 0.254.0
Deprecated: This package is deprecated use @ultraviolet/ui instead.

# Scaleway UI

[![npm version](https://badge.fury.io/js/%40scaleway%2Fui.svg)](https://badge.fury.io/js/%40scaleway%2Fui)

Scaleway UI is a set of React components and utilities to build fast application.

> :warning: This library is still WIP. We are actively working on it. Our goal is to have an easy-to-use UI system. This includes an exhaustive documentation, improved DX, confidence in testing and a lot of refactoring to have consistency across our components.

> :warning: We are going to break a lot of things towards V1. This library is not yet production ready.

📝 You can still participate in its development and [start contributing](/CONTRIBUTING.md) to it.

## Installation

```sh
$ pnpm add @scaleway/ui @emotion/react @emotion/styled
```

### Usage

```js
import { theme, normalize, Button } from '@scaleway/ui'
import { Global, css, ThemeProvider } from '@emotion/react'

const App = () => (
  <ThemeProvider theme={theme}>
    <Global styles={css`${normalize()}`}>
    <Button variant="primary" onClick={() => console.log('clicked')}>
      Click Me
    </Button>
  </ThemeProvider>
)
```

N.B. To allow typescript theme typings with `@emotion/styled` components,
you'll have to define the `@emotion/react` module `Theme` interface in your project.

Example, in a `emotion.d.ts` file:

- Declaration to use the default Scaleway theme

```ts
import '@emotion/react'
import type { SCWUITheme } from '@scaleway/ui'

declare module '@emotion/react' {
  export interface Theme extends SCWUITheme {}
}
```

- Declaration to use your custom theme

```ts
import '@emotion/react'
import type { MyTheme } from './src/theme'

declare module '@emotion/react' {
  export interface Theme extends MyTheme {}
}
```

## Documentation

Checkout our [documentation website](https://storybook.ui.scaleway.com/).