@mirohq/design-system-types 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,29 @@
+# @mirohq-internal/design-system-types
+
+## 0.2.0
+
+### Minor Changes
+
+- 815d405: Including global types
+- 815d405: Including react types into the package:
+
+  - InferHTMLElement
+  - OnlyHTMLAttributes
+
+## 0.1.2
+
+### Patch Changes
+
+- a7bea72: Use Rollup with esbuild to build the packages
+
+## 0.1.1
+
+### Patch Changes
+
+- 51cfb2f: Publish treeshakable packages 🌳📦👌
+
+## 0.1.0
+
+### Minor Changes
+
+- 7b56625: First release of the new packages extracted from the old DS packages strategy

package/index.js

@@ -0,0 +1,2 @@
+// This file is only needed to bypass the bundler and enable the following
+// export * from '@mirohq/design-system-types'

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@mirohq/design-system-types",
+  "version": "0.2.0",
+  "description": "",
+  "author": "Miro",
+  "types": "src/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./index.js",
+      "import": "./index.js",
+      "types": "./dist/types.d.ts"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "echo",
+    "clean": "echo"
+  }
+}

package/src/global.d.ts

@@ -0,0 +1 @@
+export type Nullable<T> = T | null | undefined

package/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './scales'
+export * from './global'
+export * from './react'

package/src/react.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLProps, ComponentProps, ElementType } from 'react'
+
+/**
+ * Automatically infers the type of the HTML element based on the component props
+ *
+ * const Button = (props: ComponentProps<'button'>) => <button />
+ * type Element = InferHTMLElement<typeof Button> // HTMLButtonElement
+ */
+export type InferHTMLElement<T extends ElementType> =
+  ComponentProps<T> extends HTMLProps<infer E> ? E : never
+
+/**
+ * Pick all the native HTML attributes from a type
+ */
+export type OnlyHTMLAttributes<T extends ElementType> = Pick<
+  ComponentProps<T>,
+  keyof HTMLProps<InferHTMLElement<T>>
+>

package/src/scales.d.ts

@@ -0,0 +1,23 @@
+/**
+ * DS core scales
+ */
+export type Scales =
+  | 'xxx-small'
+  | 'xx-small'
+  | 'x-small'
+  | 'small'
+  | 'medium'
+  | 'large'
+  | 'x-large'
+  | 'xx-large'
+  | 'xxx-large'
+
+/**
+ * Filter out all non-scale options from a type
+ */
+export type ScaleProp<T> = Extract<
+  {
+    [K in keyof T]: T[K] extends string ? T[K] : ScaleProp<T[K]>
+  },
+  Scales | object | undefined
+>