feat: container

.storybook/main.js

@@ -31,7 +31,7 @@ module.exports = {
     return config;
   },
   features: {
-    storyStoreV7: false,
+    storyStoreV7: true,
   },
   framework: "@storybook/react",
   core: {

plop-templates/component/src/play.stories.tsx.hbs

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Story, Meta } from "@storybook/react";
 import { within, userEvent } from "@storybook/testing-library";
-import { {{ componentName } as Component } } from "./";
+import { {{ componentName }} as Component } from "./";
 
 
 export default {

ui/container/README.md

@@ -0,0 +1,11 @@
+# Container
+
+The container centers your content horizontally. It's the most basic layout element.
+
+```jsx
+import { Container } from "@washingtonpost/wpds-ui-kit";
+
+function Component() {
+  return <Container>Hello World</Container>;
+}
+```

ui/container/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@washingtonpost/wpds-container",
+  "version": "0.1.0-experimental.20",
+  "description": "The container centers your content horizontally. It's the most basic layout element.",
+  "author": "artmsilva <[email protected]>",
+  "homepage": "https://github.com/WPMedia/wpds-ui-kit#readme",
+  "license": "ISC",
+  "source": "src/index.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.module.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "src"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/WPMedia/wpds-ui-kit.git"
+  },
+  "scripts": {
+    "test": "echo \"Error: run tests from root\" && exit 1",
+    "build": "npx parcel build --log-level verbose --no-cache"
+  },
+  "bugs": {
+    "url": "https://github.com/WPMedia/wpds-ui-kit/issues"
+  },
+  "devDependencies": {
+    "parcel": "^2.0.1",
+    "react": "^16.14.0"
+  },
+  "peerDependencies": {
+    "@washingtonpost/wpds-theme": "*",
+    "react": ">=16.8.6"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.13.10",
+    "@washingtonpost/wpds-theme": "0.1.0-experimental.20"
+  }
+}