figma-kit 1.0.0-beta.8 → 1.0.0-beta.9

package/README.md

@@ -9,41 +9,19 @@
   <h3>A set of React components for building Figma plugins.</h3>
 </div>
 
-### Overview
+> [!NOTE]  
+> Figma Kit is currently in beta. There may be breaking changes before the final release.
 
-Figma Kit is currently in beta and is expected to be finalized some time in Aug 2024.
-The library attempts to replicate Figma's user interface look & feel with near-100% feature parity,
-to get the UI engineering out of the way of building plugins.
+### Overview
 
-### Getting started
+Figma Kit is an extensive set of React components that attempts to replicate Figma's user interface look & feel with near-100% feature parity.
 
-```bash
-npm install figma-kit@beta
-```
+#### Features
 
-```tsx
-import { 
-  Button, 
-  IconButton, 
-  Text, 
-  Flex,
-  Input,
-  Textarea,
-  ValueField,
-  Tabs,
-  Popover,
-  SegmentedControl,
-  Checkbox,
-  RadioGroup,
-  Dialog,
-  Select,
-  ContextMenu,
-  Slider,
-  Switch,
-  Collapsible 
-} from 'figma-kit'
-```
+* UI3 Ready
+* Automatic dark mode
+* First-class Tailwind support with a preset
 
 ### Documentation
 
-The documentation for the library is on its way. Meanwhile, feel free to check out the [Storybook](https://storybook.figma-kit.dev) for available components and functionality.
+The documentation for the library is on its way. Meanwhile, feel free to check out the [Storybook](https://storybook.figma-kit.dev) for basic guides, information about available components and functionality.

package/dist/figma-development-theme.css

@@ -188,8 +188,7 @@ body {
   --figma-color-text-warning-tertiary: #b86200;
 }
 
-.dark,
-.dark-theme {
+.figma-dark {
   --figma-color-bg: #2c2c2c;
   --figma-color-bg-brand: #0c8ce9;
   --figma-color-bg-brand-hover: #0a6dc2;

package/dist/styles.css

@@ -5,28 +5,28 @@
   --font-family-monospace: 'Roboto Mono', monospace;
 }
 :root {
-  --space-0: 0px;
-  --space-px: 1px;
-  --space-0_5: 2px;
-  --space-1: 4px;
-  --space-1_5: 6px;
-  --space-2: 8px;
-  --space-2_5: 10px;
-  --space-3: 12px;
-  --space-3_5: 14px;
-  --space-4: 16px;
-  --space-5: 20px;
-  --space-6: 24px;
-  --space-7: 28px;
-  --space-8: 32px;
-  --space-9: 36px;
-  --space-10: 40px;
-  --space-11: 44px;
-  --space-12: 48px;
-  --space-13: 52px;
-  --space-14: 56px;
-  --space-15: 60px;
-  --space-16: 64px;
+  --space-0: 0rem;
+  --space-px: 0.0625rem;
+  --space-0_5: 0.125rem;
+  --space-1: 0.25rem;
+  --space-1_5: 0.375rem;
+  --space-2: 0.5rem;
+  --space-2_5: 0.625rem;
+  --space-3: 0.75rem;
+  --space-3_5: 0.875rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-7: 1.75rem;
+  --space-8: 2rem;
+  --space-9: 2.25rem;
+  --space-10: 2.5rem;
+  --space-11: 2.75rem;
+  --space-12: 3rem;
+  --space-13: 3.25rem;
+  --space-14: 3.5rem;
+  --space-15: 3.75rem;
+  --space-16: 4rem;
 }
 :root {
   --radius-extra-small: 0.0625rem;

package/package.json

@@ -2,7 +2,7 @@
   "name": "figma-kit",
   "description": "A set of React components for building Figma plugins.",
   "homepage": "https://figma-kit.dev",
-  "version": "1.0.0-beta.8",
+  "version": "1.0.0-beta.9",
   "license": "MIT",
   "repository": {
     "type": "git",