chore: introduce style package

packages/style/README.md

@@ -0,0 +1,11 @@
+# `style`
+
+> TODO: description
+
+## Usage
+
+```
+const style = require('style');
+
+// TODO: DEMONSTRATE API
+```

packages/style/__tests__/style.test.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const style = require('..');
+
+describe('style', () => {
+    it('needs tests');
+});

packages/style/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "style",
+  "version": "0.12.13",
+  "description": "Component styles for Superset",
+  "author": "Aaron Suddjian <[email protected]>",
+  "homepage": "https://github.com/apache-superset/superset-ui#readme",
+  "license": "Apache-2.0",
+  "main": "lib/index.js",
+  "files": [
+    "lib"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/apache-superset/superset-ui.git"
+  },
+  "keywords": [
+    "superset"
+  ],
+  "scripts": {
+    "test": "echo \"Error: run tests from root\" && exit 1"
+  },
+  "bugs": {
+    "url": "https://github.com/apache-superset/superset-ui/issues"
+  },
+  "dependencies": {
+    "@emotion/core": "^10.0.28",
+    "@emotion/styled": "^10.0.27"
+  }
+}

packages/style/src/index.ts

@@ -0,0 +1,44 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import styled, { CreateStyled } from '@emotion/styled';
+
+const defaultTheme = {
+  borderRadius: '4px',
+  colors: {
+    primary: {
+      base: '#20A7C9',
+    },
+    secondary: {
+      base: '#444E7C',
+      dark1: '#363E63',
+      dark2: '#282E4A',
+      dark3: '#1B1F31',
+      light1: '#8E94B0',
+      light2: '#B4B8CA',
+      light3: '#D9DBE4',
+      light4: '#ECEEF2',
+      light5: '#F5F5F8',
+    },
+  },
+  gridUnit: '4px',
+};
+
+export default styled as CreateStyled<typeof defaultTheme>;
+
+export const supersetTheme = defaultTheme;