More UI components and React icons

.figmaexportrc.js

@@ -8,6 +8,8 @@
 
 // @ts-check
 
+const { pascalCase } = require('@figma-export/utils')
+
 module.exports = {
   commands: [
     [
@@ -37,7 +39,7 @@ module.exports = {
         ],
         outputters: [
           require('@figma-export/output-components-as-svg')({
-            output: './icons',
+            output: './icons/svg',
             getDirname: () => '',
             getBasename: ({ basename, dirname }) => {
               // Special handing for the directional arrows which have an odd export naming convention
@@ -53,6 +55,29 @@ module.exports = {
               return `${basename}.svg`
             },
           }),
+          require('@figma-export/output-components-as-svgr')({
+            output: './icons/react',
+            getFileExtension: () => '.tsx',
+            getDirname: () => '',
+            getComponentName: ({ componentName }) =>
+              pascalCase(
+                componentName
+                  .split('/')
+                  .map((n) => `${n[0].toUpperCase()}${n.slice(1)}`)
+                  .reverse()
+                  .join('') + 'Icon',
+              ),
+            getSvgrConfig: () => {
+              return {
+                jsxRuntime: 'automatic',
+                typescript: true,
+                titleProp: true,
+                svgProps: {
+                  role: 'img',
+                },
+              }
+            },
+          }),
         ],
       },
     ],

components/dist/asciidoc.css

@@ -1,3 +1,11 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, you can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * Copyright Oxide Computer Company
+ */
+
 @layer components {
   .asciidoc-body .line-through {
     text-decoration: line-through;

components/dist/button.css

@@ -1,3 +1,11 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, you can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * Copyright Oxide Computer Company
+ */
+
 button,
 a,
 label {