Merge pull request #1116 from Bedrock-Layouts/feature/sauron

Feature/Primitives

.storybook/preview.js

@@ -11,6 +11,7 @@ export const parameters = {
         "Getting Started",
         "Spacer Components",
         "Wrapper Components",
+        "Primitives",
         "CSS Only",
         ["A CSS Only Version", "reset.css", "spacing-properties.css"],
         "Hooks",

package.json

@@ -49,7 +49,7 @@
     "@bedrock-layout/masonry-grid": "^2.1.0",
     "@bedrock-layout/padbox": "^2.0.13",
     "@bedrock-layout/reel": "^1.0.1",
-    "@bedrock-layout/spacing-constants": "^2.3.0-",
+    "@bedrock-layout/spacing-constants": "^2.3.0",
     "@bedrock-layout/split": "^2.1.16",
     "@bedrock-layout/stack": "^2.1.9",
     "@bedrock-layout/type-utils": "^0.0.12",

packages/primitives/.gitignore

@@ -0,0 +1,102 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+lib
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port

packages/primitives/README.md

@@ -0,0 +1,44 @@
+# `@bedrock-layout/primitives`
+
+All the primitives and hooks in a single package.
+
+Full docs at: [bedrock-layout.dev](https://bedrock-layout.dev/)
+
+## How to install
+
+`npm install @bedrock-layout/primitives`
+
+or
+
+`yarn add @bedrock-laylock/primitives`
+
+---
+
+## Usage
+
+```javascript
+import { Stack, Inline, Split, Cover, Frame } from '@bedrock-layout/primitives';
+
+export function Hero() {
+  return (
+    <Stack>
+      <Inline>{/* */}</Inline>
+      <Split>
+        <Cover>
+          <Stack>
+            <h1>{/* */}</h1>
+            <p>{/* */}</p>
+            <Inline>
+              <button>{/* */}</button>
+              <button>{/* */}</button>
+            </Inline>
+          </Stack>
+        </Cover>
+        <Frame>
+          <img />
+        </Frame>
+      </Split>
+    </Stack>
+  );
+}
+```