chore(release): publish updated packages

.codesandbox/ci.json

@@ -0,0 +1,88 @@
+{
+	"buildCommand": "build:csb",
+	"packages": [
+		"packages/clay-alert",
+		"packages/clay-autocomplete",
+		"packages/clay-badge",
+		"packages/clay-breadcrumb",
+		"packages/clay-button",
+		"packages/clay-card",
+		"packages/clay-charts",
+		"packages/clay-color-picker",
+		"packages/clay-css",
+		"packages/clay-data-provider",
+		"packages/clay-date-picker",
+		"packages/clay-drop-down",
+		"packages/clay-empty-state",
+		"packages/clay-form",
+		"packages/clay-icon",
+		"packages/clay-label",
+		"packages/clay-layout",
+		"packages/clay-link",
+		"packages/clay-list",
+		"packages/clay-loading-indicator",
+		"packages/clay-localized-input",
+		"packages/clay-management-toolbar",
+		"packages/clay-modal",
+		"packages/clay-multi-select",
+		"packages/clay-multi-step-nav",
+		"packages/clay-nav",
+		"packages/clay-navigation-bar",
+		"packages/clay-pagination-bar",
+		"packages/clay-pagination",
+		"packages/clay-panel",
+		"packages/clay-popover",
+		"packages/clay-progress-bar",
+		"packages/clay-shared",
+		"packages/clay-slider",
+		"packages/clay-sticker",
+		"packages/clay-table",
+		"packages/clay-tabs",
+		"packages/clay-time-picker",
+		"packages/clay-tooltip",
+		"packages/clay-upper-toolbar"
+	],
+	"publishDirectory": {
+		"@clayui/alert": "packages/clay-alert",
+		"@clayui/autocomplete": "packages/clay-autocomplete",
+		"@clayui/badge": "packages/clay-badge",
+		"@clayui/breadcrumb": "packages/clay-breadcrumb",
+		"@clayui/button": "packages/clay-button",
+		"@clayui/card": "packages/clay-card",
+		"@clayui/charts": "packages/clay-charts",
+		"@clayui/color-picker": "packages/clay-color-picker",
+		"@clayui/css": "packages/clay-css",
+		"@clayui/data-provider": "packages/clay-data-provider",
+		"@clayui/date-picker": "packages/clay-date-picker",
+		"@clayui/drop-down": "packages/clay-drop-down",
+		"@clayui/empty-state": "packages/clay-empty-state",
+		"@clayui/form": "packages/clay-form",
+		"@clayui/icon": "packages/clay-icon",
+		"@clayui/label": "packages/clay-label",
+		"@clayui/layout": "packages/clay-layout",
+		"@clayui/link": "packages/clay-link",
+		"@clayui/list": "packages/clay-list",
+		"@clayui/loading-indicator": "packages/clay-loading-indicator",
+		"@clayui/localized-input": "packages/clay-localized-input",
+		"@clayui/management-toolbar": "packages/clay-management-toolbar",
+		"@clayui/modal": "packages/clay-modal",
+		"@clayui/multi-select": "packages/clay-multi-select",
+		"@clayui/multi-step-nav": "packages/clay-multi-step-nav",
+		"@clayui/nav": "packages/clay-nav",
+		"@clayui/navigation-bar": "packages/clay-navigation-bar",
+		"@clayui/pagination-bar": "packages/clay-pagination-bar",
+		"@clayui/pagination": "packages/clay-pagination",
+		"@clayui/panel": "packages/clay-panel",
+		"@clayui/popover": "packages/clay-popover",
+		"@clayui/progress-bar": "packages/clay-progress-bar",
+		"@clayui/shared": "packages/clay-shared",
+		"@clayui/slider": "packages/clay-slider",
+		"@clayui/sticker": "packages/clay-sticker",
+		"@clayui/table": "packages/clay-table",
+		"@clayui/tabs": "packages/clay-tabs",
+		"@clayui/time-picker": "packages/clay-time-picker",
+		"@clayui/tooltip": "packages/clay-tooltip",
+		"@clayui/upper-toolbar": "packages/clay-upper-toolbar"
+	},
+	"sandboxes": ["/.codesandbox/react", "/.codesandbox/react-ts"]
+}

.codesandbox/react-ts/package.json

@@ -0,0 +1,58 @@
+{
+	"version": "1.0.0",
+	"name": "clay-codesandbox-ts",
+	"private": true,
+	"dependencies": {
+		"@clayui/alert": "latest",
+		"@clayui/autocomplete": "latest",
+		"@clayui/badge": "latest",
+		"@clayui/breadcrumb": "latest",
+		"@clayui/button": "latest",
+		"@clayui/card": "latest",
+		"@clayui/charts": "latest",
+		"@clayui/color-picker": "latest",
+		"@clayui/css": "latest",
+		"@clayui/data-provider": "latest",
+		"@clayui/date-picker": "latest",
+		"@clayui/drop-down": "latest",
+		"@clayui/empty-state": "latest",
+		"@clayui/form": "latest",
+		"@clayui/icon": "latest",
+		"@clayui/label": "latest",
+		"@clayui/layout": "latest",
+		"@clayui/link": "latest",
+		"@clayui/list": "latest",
+		"@clayui/loading-indicator": "latest",
+		"@clayui/localized-input": "latest",
+		"@clayui/management-toolbar": "latest",
+		"@clayui/modal": "latest",
+		"@clayui/multi-select": "latest",
+		"@clayui/multi-step-nav": "latest",
+		"@clayui/nav": "latest",
+		"@clayui/navigation-bar": "latest",
+		"@clayui/pagination-bar": "latest",
+		"@clayui/pagination": "latest",
+		"@clayui/panel": "latest",
+		"@clayui/popover": "latest",
+		"@clayui/progress-bar": "latest",
+		"@clayui/shared": "latest",
+		"@clayui/slider": "latest",
+		"@clayui/sticker": "latest",
+		"@clayui/table": "latest",
+		"@clayui/tabs": "latest",
+		"@clayui/time-picker": "latest",
+		"@clayui/tooltip": "latest",
+		"@clayui/upper-toolbar": "latest",
+		"react": "16.8.4",
+		"react-dom": "16.8.4",
+		"react-scripts": "2.1.3"
+	},
+	"devDependencies": {
+		"@types/react": "16.8.8",
+		"@types/react-dom": "16.8.2",
+		"typescript": "3.3.3"
+	},
+	"scripts": {
+		"start": "react-scripts start"
+	}
+}

.codesandbox/react-ts/public/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta
+			name="viewport"
+			content="width=device-width, initial-scale=1, shrink-to-fit=no"
+		/>
+		<meta name="theme-color" content="#000000" />
+
+		<title>React App</title>
+	</head>
+
+	<body>
+		<noscript>
+			You need to enable JavaScript to run this app.
+		</noscript>
+		<div id="root"></div>
+	</body>
+</html>

.codesandbox/react-ts/src/index.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import {render} from 'react-dom';
+import '@clayui/css/lib/css/atlas.css';
+
+function App() {
+	return (
+		<div className="App">
+			<h1>Hello CodeSandbox</h1>
+			<h2>Add some clay components to see the magic happen!</h2>
+		</div>
+	);
+}
+
+const rootElement = document.getElementById('root');
+render(<App />, rootElement);

.codesandbox/react-ts/tsconfig.json

@@ -0,0 +1,7 @@
+{
+	"include": ["./src/*"],
+	"compilerOptions": {
+		"lib": ["dom", "es2015"],
+		"jsx": "react"
+	}
+}

.codesandbox/react/package.json

@@ -0,0 +1,56 @@
+{
+	"version": "1.0.0",
+	"name": "clay-codesandbox",
+	"private": true,
+	"dependencies": {
+		"@clayui/alert": "latest",
+		"@clayui/autocomplete": "latest",
+		"@clayui/badge": "latest",
+		"@clayui/breadcrumb": "latest",
+		"@clayui/button": "latest",
+		"@clayui/card": "latest",
+		"@clayui/charts": "latest",
+		"@clayui/color-picker": "latest",
+		"@clayui/css": "latest",
+		"@clayui/data-provider": "latest",
+		"@clayui/date-picker": "latest",
+		"@clayui/drop-down": "latest",
+		"@clayui/empty-state": "latest",
+		"@clayui/form": "latest",
+		"@clayui/icon": "latest",
+		"@clayui/label": "latest",
+		"@clayui/layout": "latest",
+		"@clayui/link": "latest",
+		"@clayui/list": "latest",
+		"@clayui/loading-indicator": "latest",
+		"@clayui/localized-input": "latest",
+		"@clayui/management-toolbar": "latest",
+		"@clayui/modal": "latest",
+		"@clayui/multi-select": "latest",
+		"@clayui/multi-step-nav": "latest",
+		"@clayui/nav": "latest",
+		"@clayui/navigation-bar": "latest",
+		"@clayui/pagination-bar": "latest",
+		"@clayui/pagination": "latest",
+		"@clayui/panel": "latest",
+		"@clayui/popover": "latest",
+		"@clayui/progress-bar": "latest",
+		"@clayui/shared": "latest",
+		"@clayui/slider": "latest",
+		"@clayui/sticker": "latest",
+		"@clayui/table": "latest",
+		"@clayui/tabs": "latest",
+		"@clayui/time-picker": "latest",
+		"@clayui/tooltip": "latest",
+		"@clayui/upper-toolbar": "latest",
+		"react": "16.8.4",
+		"react-dom": "16.8.4",
+		"react-scripts": "2.1.3"
+	},
+	"devDependencies": {
+		"typescript": "3.3.3"
+	},
+	"scripts": {
+		"start": "react-scripts start"
+	}
+}

.codesandbox/react/public/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta
+			name="viewport"
+			content="width=device-width, initial-scale=1, shrink-to-fit=no"
+		/>
+		<meta name="theme-color" content="#000000" />
+
+		<title>React App</title>
+	</head>
+
+	<body>
+		<noscript>
+			You need to enable JavaScript to run this app.
+		</noscript>
+		<div id="root"></div>
+	</body>
+</html>

.codesandbox/react/src/index.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+import '@clayui/css/lib/css/atlas.css';
+
+function App() {
+	return (
+		<div className="App">
+			<h1>Hello CodeSandbox</h1>
+			<h2>Add some clay components to see the magic happen!</h2>
+		</div>
+	);
+}
+
+const rootElement = document.getElementById('root');
+ReactDOM.render(<App />, rootElement);

.eslintignore

@@ -1,11 +1,15 @@
-clay-css
-clayui.com
+*.d.ts
+bower_components
 build
+clay-css
+copyright.js
 coverage
 lib
+clayui.com/.cache
+clayui.com/public
+clayui.com/react-docgen
+clayui.com/static
 node_modules
+package-lock.json
 packages/generator-clay-component/app/templates
-copyright.js
-next.clayui.com/static
-next.clayui.com/public
-*.d.ts
+yarn.lock

.eslintrc.js

@@ -0,0 +1,40 @@
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+const path = require('path');
+
+module.exports = {
+	env: {
+		browser: true,
+		jest: true,
+		node: true,
+	},
+	extends: 'liferay/react',
+	parser: '@typescript-eslint/parser',
+	plugins: ['@typescript-eslint'],
+	rules: {
+		'@typescript-eslint/array-type': ['error', {default: 'generic'}],
+		'@typescript-eslint/interface-name-prefix': ['error', 'always'],
+		'@typescript-eslint/no-unused-vars': 'error',
+		'no-unused-vars': 'off',
+		'notice/notice': [
+			'error',
+			{
+				templateFile: path.join(__dirname, 'copyright.js'),
+			},
+		],
+		'prefer-template': 'error',
+		'react/jsx-boolean-value': 'error',
+		'react/jsx-no-bind': [
+			'error',
+			{
+				allowArrowFunctions: true,
+			},
+		],
+		'react/jsx-no-literals': 'error',
+		'react-hooks/exhaustive-deps': 'off',
+		'sort-vars': 'error',
+	},
+};