More rename

Author: fcollonval

README.md

@@ -45,7 +45,7 @@ npm install --save @vscode/webview-ui-toolkit
 Further documentation can be found in the following places:
 
 - [Component Docs](./packages/components/docs/components.md)
-- [Storybook (Interactive Component Sandbox)](https://microsoft.github.io/vscode-webview-ui-toolkit/)
+- [Storybook (Interactive Component Sandbox)](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/)
 - [Toolkit Extension Samples](./packages/lab-example)
 
 ## Contributing

packages/components/src/badge/README.md

@@ -1,21 +1,21 @@
-# Visual Studio Code Badge
+# Jupyter Badge
 
-The `vscode-badge` component is used to highlight an item, attract attention, and/or flag status.
+The `jp-badge` component is used to highlight an item, attract attention, and/or flag status.
 
 ## Attributes
 
 None
 
 ## Usage
 
-A `vscode-badge` can only contain numbers to follow the conventions of the Visual Studio Code design language.
+A `jp-badge` can only contain numbers to follow the conventions of the Jupyter design language.
 
-If a component that labels an item with a string is desired, see the `vscode-tag` component.
+If a component that labels an item with a string is desired, see the `jp-tag` component.
 
 ### Basic Usage
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-badge--default)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-badge--default)
 
 ```html
-<vscode-badge>1</vscode-badge>
+<jp-badge>1</jp-badge>
 ```

packages/components/src/button/README.md

@@ -1,6 +1,6 @@
-# Visual Studio Code Button
+# Jupyter Button
 
-The `vscode-button` is a web component implementation of a [button element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button). The `vscode-button` also supports several visual appearances––primary, secondary, and icon.
+The `jp-button` is a web component implementation of a [button element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button). The `jp-button` also supports several visual appearances––primary, secondary, and icon.
 
 ## Attributes
 
@@ -24,55 +24,55 @@ The `vscode-button` is a web component implementation of a [button element](http
 
 ### Basic Usage
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-button--default)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-button--default)
 
 ```html
-<vscode-button>Button Text</vscode-button>
+<jp-button>Button Text</jp-button>
 ```
 
 ### Appearance Attribute
 
-There are a number of visual appearances that the `vscode-button` can have. The default appearance is `primary`.
+There are a number of visual appearances that the `jp-button` can have. The default appearance is `primary`.
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-button--default)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-button--default)
 
 ```html
-<vscode-button appearance="primary">Button Text</vscode-button>
-<vscode-button appearance="secondary">Button Text</vscode-button>
-<vscode-button appearance="icon">
+<jp-button appearance="primary">Button Text</jp-button>
+<jp-button appearance="secondary">Button Text</jp-button>
+<jp-button appearance="icon">
   <span class="codicon codicon-check"></span>
-</vscode-button>
+</jp-button>
 ```
 
 ### Autofocus Attribute
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-button--with-autofocus)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-button--with-autofocus)
 
 ```html
-<vscode-button autofocus>Button Text</vscode-button>
+<jp-button autofocus>Button Text</jp-button>
 ```
 
 ### Disabled Attribute
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-button--with-disabled)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-button--with-disabled)
 
 ```html
-<vscode-button disabled>Button Text</vscode-button>
+<jp-button disabled>Button Text</jp-button>
 ```
 
 ### Start Icon
 
 An icon can be added to the left of Button text by adding an element with the attribute `slot="start"`.
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-button--with-start-icon)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-button--with-start-icon)
 
 ```html
 <!-- Note: Using Visual Studio Code Codicon Library -->
 
-<vscode-button>
+<jp-button>
   Button Text
   <span slot="start" class="codicon codicon-add"></span>
-</vscode-button>
+</jp-button>
 ```
 
 ### Icon Only
@@ -87,12 +87,12 @@ An `aria-label` of "Icon Button" is automatically defined on all icon buttons so
 
 For example, if you're using an icon button to confirm a state change, adding an `aria-label` with the value "Confirm" or "Confirm Changes" would be appropriate.
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-button--with-icon-only)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-button--with-icon-only)
 
 ```html
 <!-- Note: Using Visual Studio Code Codicon Library -->
 
-<vscode-button appearance="icon" aria-label="Confirm">
+<jp-button appearance="icon" aria-label="Confirm">
   <span class="codicon codicon-check"></span>
-</vscode-button>
+</jp-button>
 ```

packages/components/src/checkbox/README.md

@@ -1,6 +1,6 @@
-# Visual Studio Code Checkbox
+# Jupyter Checkbox
 
-The `vscode-checkbox` is a web component implementation of a [checkbox element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox).
+The `jp-checkbox` is a web component implementation of a [checkbox element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/checkbox).
 
 ## Attributes
 
@@ -23,87 +23,87 @@ The `vscode-checkbox` is a web component implementation of a [checkbox element](
 
 ### Basic Usage
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-checkbox--default)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-checkbox--default)
 
 ```html
-<vscode-checkbox>Label</vscode-checkbox>
+<jp-checkbox>Label</jp-checkbox>
 ```
 
 ### Autofocus Attribute
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-checkbox--with-autofocus)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-checkbox--with-autofocus)
 
 ```html
-<vscode-checkbox autofocus>Label</vscode-checkbox>
+<jp-checkbox autofocus>Label</jp-checkbox>
 ```
 
 ### Checked Attribute
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-checkbox--with-checked)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-checkbox--with-checked)
 
 ```html
-<vscode-checkbox checked>Label</vscode-checkbox>
+<jp-checkbox checked>Label</jp-checkbox>
 ```
 
 ### Disabled Attribute
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-checkbox--with-disabled)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-checkbox--with-disabled)
 
 ```html
-<vscode-checkbox disabled>Label</vscode-checkbox>
+<jp-checkbox disabled>Label</jp-checkbox>
 ```
 
 ### Readonly Attribute
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-checkbox--with-read-only)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-checkbox--with-read-only)
 
 ```html
-<vscode-checkbox readonly>Label</vscode-checkbox>
+<jp-checkbox readonly>Label</jp-checkbox>
 ```
 
 ### Required Attribute
 
 ```html
-<vscode-checkbox required>Label</vscode-checkbox>
+<jp-checkbox required>Label</jp-checkbox>
 ```
 
 ### Value Attribute
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-checkbox--with-value)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-checkbox--with-value)
 
 ```html
-<vscode-checkbox value="baz">Label</vscode-checkbox>
+<jp-checkbox value="baz">Label</jp-checkbox>
 ```
 
 ### Indeterminate Property
 
 Checkboxes can also render an indeterminate state. This is achieved by getting a reference to a given checkbox using JavaScript and then setting the `indeterminate` property of the checkbox to `true`.
 
-[Interactive Storybook Example](https://microsoft.github.io/vscode-webview-ui-toolkit/?path=/story/library-checkbox--with-indeterminate)
+[Interactive Storybook Example](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/?path=/story/library-checkbox--with-indeterminate)
 
 ```javascript
 const checkbox = document.getElementById('basic-checkbox');
 checkbox.indeterminate = true;
 ```
 
 ```html
-<vscode-checkbox id="basic-checkbox">Label</vscode-checkbox>
+<jp-checkbox id="basic-checkbox">Label</jp-checkbox>
 ```
 
 ### Form Usage
 
-Here is an example of the Visual Studio Code Checkbox and its various attributes being used in a form.
+Here is an example of the Jupyter Checkbox and its various attributes being used in a form.
 
 ```html
 <form>
   <fieldset>
     <legend>Fieldset Legend</legend>
-    <vscode-checkbox checked required>Checked + Required</vscode-checkbox>
-    <vscode-checkbox checked readonly>Checked + Readonly</vscode-checkbox>
-    <vscode-checkbox autofocus>Autofocus</vscode-checkbox>
-    <vscode-checkbox disabled>Disabled</vscode-checkbox>
-    <vscode-checkbox value="baz">Value Set To "baz"</vscode-checkbox>
+    <jp-checkbox checked required>Checked + Required</jp-checkbox>
+    <jp-checkbox checked readonly>Checked + Readonly</jp-checkbox>
+    <jp-checkbox autofocus>Autofocus</jp-checkbox>
+    <jp-checkbox disabled>Disabled</jp-checkbox>
+    <jp-checkbox value="baz">Value Set To "baz"</jp-checkbox>
   </fieldset>
-  <vscode-button type="submit">Submit Button</vscode-button>
+  <jp-button type="submit">Submit Button</jp-button>
 </form>
 ```