Stub out component stories with Figma links (#117)

* feat(icons): export { icons } from sfgov-design-system/src/icons

* fix(docs): get the icon library working again

* chore(docs): tidy up icon library mdx

* chore: nix 'icons' export from sfgov-design-system/src/icons

* chore(docs): move "using icons" docs to components

* docs: tweak icon design guidelines front matter

* chore(lint): install stylelint-config-tailwindcss, ignore theme()

* Updates the infima color vars for now

* - Adds closing tags for img
- Adds closing tags for br

* Updates the comment format

* ain't nothin but a lil bitta swizzlin (nav/sidebar)

* chore(eslint): make react/prop-types warn, skipUndeclared

* docs: remove placeholder form fields doc list

* Updates beta version

* Adds a landing page description

* - Updates the footer content
- Updates the tagline
- Updates config to handle @apply and custom presets in css

* Updates the landing page design

* - Updates the font import to use variable font
- Updates nav logo styling

* Updates the top portion of the landing page

* fix regex for color swatch

* Adds the logo for use in the footer

* - Swizzles the footer layout and footer logo
- Styles the footer

* Updates the design of the top navigation

* Updates the design of the sidebar items

* Changes paddingleft to padding

* - Creates a BigLink component
- Includes BigLink component in icons and colors
- Changes icons file extension to mdx

* - Moves the color libraries to a color directory
- Updates the link to the color directory in the color doc
- Updates the names of the two color library names

* - Changes the file extension to mdx
- Uses the new type-focused components

* Adds mono import

* Creates new type-focused components

* Updates to use the CodeBlock from Docusaurus

* - Renames the "spacing" page to "layout"
- Adds the live editor to each of the examples

* Makes minor updates to deal with proptype errors

* - Updates to the 2.0.0-beta.22 release
- Updates an icon path in a swizzled file

* - Updates to the first RC
- Fixes an import being broken by the update

* fix broken links and add front end redirects

* mark unused filepath, keeping for reference tho

* Initial version of the tailwind class list

* Removes unused imports

* Removes unneeded escape characters from the regex

* test redirects fix

* chore(npm): npm audit fix

* chore(docs): update new css docs for Docusaurus

* fix(docs): update buttons docs for Docusaurus

* chore(lint): tidy up docs components

* fix(develop): nix develop command

* chore(deps): fix stylelint-config-tailwindcss version in package-lock

* chore(npm): rebuild package-lock

* fix(docs): fix <pre> whitespace

* chore(build): tweak wireit "clean" bits

* chore(tailwind): simplify content field

* feat(docs): add DoDont, Do and Dont components

* chore(docs): rewrite button docs with DoDont

* chore(eslint): allow trailing spaces in comments

* chore(docs): add doc comment in <DoDont>

* fix(docs): sort icons alphabetically

* fix(docs): fix action blue swatch label

* feat(tailwind): add gridAutoFlow plugin

* fix(docs): don't use wireit for build; serve from ./public

* fix(docs): fix button specs path

* chore(lint): remove unused border components

* fix(lint): detect react version in eslint config

* chore(lint): lint docs (theme) components

* fix(icons): tweak icon replace logic

* chore: nix "docs/**/*.md?" from tailwind content list

* chore(docs): freshen up the website readme

* fix(sfgov-icon): fix svg twiddling bits

* fix(sfgov-icon): another attempt at fixing this...

* feat(sfgov-icon): set window.SFGovIcon

* Installs 'use-bus' for dispatching in the utillist

* Adds a description to the tailwind class list page

* Completes the styling of the utilist page

* Splits up the components into separate files

* fix(eslint): nix no-unused-vars override

* chore(npm): fix engine versions

* chore(deps): enforce consistent shared dependency versions

* chore: comment out unused BorderColor + BorderWidth for now

* chore: add validate npm script to /

* chore(docs): normalize icon data interface

* chore(docs): fix tailwind content paths

* chore(docs): output paths to build.log

* fix(docs): fix utility class link

* fix: hush babel about named json imports

* chore(deps): npm audit fix

* Quick update to the json file

* fix(docs): use dedent for css code blocks

* feat(docs): throw on broken links!

* DESSYS-217 lint md and mdx files (#100)

* DESSYS-217 lint md and mdx files

* remove eslint-mdx for now

* fix package-lock.json conflicts

* fix lint job

* Updates Docusaurus to 2.0.1

* Updates links within the content

* Updates the landing page images

* Updates the landing page

* Adds a storybook test page

* Moves the forms landing page to the directory

* Creates a test storybook embed in md files

* chore(docs): remove background color from Do + Dont

* Removes unused import

* Removes the test page that contained storybook

* Adds some non-breaking spaces to the content

* Updates the landing page

* Fixes landing page links

* Docusaurus: add custom Playground component (#102)

* chore(docs): fix inline icons in details docs

* chore(eslint): suggest lines before function declarations

* feat(docs): build out styled code playground

* chore(deps): upgrade docusaurus to 2.0.1

* chore(docs): install react-shadow

* chore: tweak export style

* chore(docs): add EncapsulatedStyleRoot

* - Removes commented out code
- Adds a class to the github button to add icon

* Adds an icon instead of "github" for the link

* Adds support for the docusaurus dark mode

* Makes updates to allow for better dark mode

* Adds the new do/don't component

* fix(docs): fix edit links

* fix(docs): tweak spawnSync() signature

* script for tailwind classes

* fix build script for css-manifest

* another fix attempt

* sorry for all the spam everyone :sob emoji:

* chore(docs): add figma link to KBD docs

* - Splits the Feature component into a sep file
- Replaces landing images with svg components

* fix(build): fix circular build-css-manifest dependencies

* chore(build): nix docs.js bundle

* Removes a console log

* fix(build): make sure css builds before manifest

* Heroku: upgrade stack, switch to nginx buildpack (#103)

* chore(heroku): upgrade stack, switch to nginx buildpack

* chore(heroku): delete static.json

* chore(heroku): stub out nginx config

* chore(heroku): mv config/nginx.conf{,.erb}

* chore(heroku): use papertrail

* chore(heroku): add Procfile for nginx solo mode

* chore(heroku): rewrite nginx.conf.erb from example

* chore(vscode): add $schema to app.json

* Fixes the link destinations

* Corrects the padding to match quick links

* fix(docs): tweak DoDont component borders

* Fix icons (#105)

* fix(build): fix circular build-css-manifest dependencies

* chore(build): nix docs.js bundle

* feat(css): add icons.css bundle + import in sfds.css

* chore(docs): install raw-loader

* chore(docs): move sfds.js import to docusaurus config

* chore(docs): import sfds.css + fonts.css in custom stylesheet

* chore(docs): inline sfds styles in EncapsulatedStyleRoot

* feat(css): add icons.css bundle, import in sfds.css

* fix(build): fix manifest build dependencies

* chore(docs): add note about styling <sfgov-icon>

* chore(docs): nix build.log output

* fix(docs): add back ExecutionEnvironment.canUseDOM check

* chore(docs): wrap EncapsulatedStyleRoot in browser check

* Move redirects to nginx config (#104)

* chore(vscode): tell vscode how to treat nginx.conf.erb

* chore(docs): disable client redirects plugin

* chore(docs): rename "Forms and fields" dir → "forms"

* chore(nginx): nix most env vars, add redirect map

* fix(nginx): move redirect map out of server block

* fix broken links our build caught :)

Co-authored-by: jacksongonzales <[email protected]>

* chore: bump sfgov-design-system to 2.5.0

* fix components link on home page

* Fix <sfgov-icon> in Docusaurus/React (#106)

* fix(docs): use memoized icon component

* chore(deps): update wireit

* chore(build): improve --watch file coverage

* fix(SFGovIcon): fall back on any child <svg> if __svg is unset

* fix(docs): rework SFGovIconWrapper to re-render properly

* feat(storybook): bootstrap storybook

* chore: ignore storybook-static dir

* chore(docs): link storybook in website/public

* chore(lint): fix .eslintrc.js

* chore(eslint): globalize resolve extensions + react version

* chore(lint): fix storybook linting

* chore(eslint): tidy top-level eslintrc

* chore(storybook): rename output directory to storybook/public

* chore(docs): remove storybook stub page

* chore(docs): get smarter about broken docs links

* chore(docs): add Storybook navbar link

* chore(docs): symlink docs before running docusaurus

* chore(lint): be sure to lint storybook/.storybook

* chore(storybook): lint .storybook, add <base href=/storybook/>

* chore(docs): nix Storybook URL for now

* chore: document <base href> hack, lint

* fix(ci): try only building sfgov-design-system for reports

* fix(docs): use HEROKU_BRANCH if available

* chore(docs): configure ports for website + storybook development

* chore(docs): add Storybook link to Docusaurus

* chore(storybook): stub out theme, link to Docusaurus

* chore(develop): update top-level "start" script to run docusaurus + storybook in parallel

* fix: bad merge

* chore: nix storybook embed demo page

* fix(docs): try Storybook link with pathname://

* fix(docs): var cross-refs with NODE_ENV, not HEROKU_APP_NAME

* chore(storybook): get NODE_ENV right

* chore(deps): bump eslint

* chore(lint): remove unused disables

* chore(storybook): nix stock stories

* chore(storybook): delete static assets

* chore: stub out new storybook preview config

* chore: delete stock button stories

* chore: tidy up storybook configs

* chore: add (back) storybook intro page

* chore(deps): add sfgov-design-system to storybook

* fix: try recreating public dir before storybook build

* fix(lint): try disabling import/no-unresolved in storybook preview

* chore(ci): narrow node + npm engines semver range

* Revert "fix: try recreating public dir before storybook build"

This reverts commit 839687f.

* chore: pull favicon.ico from sf.gov

* fix(heroku): wtf

* chore: don't over-specify storybook story order

* chore: disable actions addon, tweak story paths, add designs addon

* chore: stub out storybook component utils

* feat: add Icon component stories

* feat: add Button component stories

* chore(deps): install clsx + storybook-addon-designs

* feat: add Alerts & Banners stories

* feat: add Icons stories

* chore(lint): whitespace

* chore: set design panel name to "Figma"

* chore(lint): unused vars

* chore: stub out Blocks component group

* fix(storybook): fix SVG class attr

* chore(lint): turn off react/prop-types rule

* chore(lint): eslint --fix + typescript annotations

* chore: storybook utils updates

* fix: use text-slate-4 in alerts

* feat: add Keyboard stories

* feat: add Containers stories

* chore(lint): fix linting of .storybook

* fix: sort icon symbols alphabetically

* chore: sort global parameter keys

* feat: tweak Icon story, add AllIcons

* chore: rename "Kbd" story to "<kbd>"

* feat(dev): add .tool-versions for asdf

* fix: wrap useBannerContent() children in <div>

* feat: add Tile component stories, polymorphic() util

* chore: add ts annotations

* feat: stub out Icon + Information lockups

* chore: rename Information stories

* chore: lint

* feat: stub out Locator Maps stories

* chore: set default parameters.design.type = 'figma'

* chore: stub out more component stories

* chore: lint

* chore: stub out form input stories

* chore: rename "Fields" to "Inputs"

* chore: stub out Tables, Lists, and Progress Indicators

* feat: add basic Step by Step stories

* chore: lint

* fix: fix context passing to withPropsTransform()

* chore: simplify button story components, table decorator

* chore(deps): install storysource addon

* fix: hide Storybook "Docs" tab

* feat: enable storysource addon

* feat: add StorybookLink component

* feat: add components index

* chore: add status column to components index

* chore: move StepByStep implementation to experiments

* chore: set titlePrefix for components + experiments dirs

* chore: move Alerts implementations to experiments

* chore: move Alerts implementations to experiments

* chore: fix up story titles

* chore: refactor TODOs with Stub.bind({})

* chore: move more implementations to experiments

* Fixes letter case of components/experiements paths

* chore(deps): install storybook-source-link, fix dev deps

* chore: set up storybook-source-link

* chore: add story source links for existing components

* fix: add missing <tr> in icon table

* chore: tidy

* chore: tidy button stories

* chore: lowercase stories/* directories

* fix: stop using argTypes..defaultValue

* chore(lint): fix

* fix(editor): set eslint.workingDirectories

Co-authored-by: Corey Hunt <[email protected]>
Co-authored-by: jacksongonzales <[email protected]>

.tool-versions

@@ -0,0 +1 @@
+nodejs 16.16.0

.vscode/settings.json

@@ -26,5 +26,10 @@
   },
   "files.associations": {
     "/config/*.conf{,.erb}": "nginx"
-  }
+  },
+  "eslint.workingDirectories": [
+    "packages/*",
+    "storybook",
+    "website"
+  ]
 }