@spark-ui/internal-utils 1.2.0 → 1.4.0

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.4.0](https://github.com/adevinta/spark/compare/@spark-ui/internal-utils@1.3.0...@spark-ui/internal-utils@1.4.0) (2023-04-06)
+
+### Features
+
+- **internal-utils:** add comment ([fde9ab5](https://github.com/adevinta/spark/commit/fde9ab550895a0d362aaf7edb3975bf89560f965))
+- **internal-utils:** clean up code (variants folder) ([9f62a0f](https://github.com/adevinta/spark/commit/9f62a0f876d37c4962704c107eb0567bef2eeb1c))
+
+# [1.3.0](https://github.com/adevinta/spark/compare/@spark-ui/internal-utils@1.2.0...@spark-ui/internal-utils@1.3.0) (2023-04-05)
+
+### Features
+
+- **internal-utils:** add variants folder ([c286382](https://github.com/adevinta/spark/commit/c28638297833ce50db909e1d43bdfd94bdb92ab8))
+
 # [1.2.0](https://github.com/adevinta/spark/compare/@spark-ui/internal-utils@1.1.0...@spark-ui/internal-utils@1.2.0) (2023-04-04)
 
 ### Features

package/dist/index.d.ts

@@ -1,27 +1,4 @@
-/**
- * A utility function that serves as a workaround for Tailwind CSS IntelliSense issues
- * in large objects or when regex breaks in VSCode.
- *
- * @example
- *
- * // before
- * const styles: cva(['flex bg-primary', 'cursor-pointer'], {
- *   variants: {
- *     size: {
- *       small: "h-sz-24",
- *       medium: "h-sz-48"
- *     }
- *   }
- * })
- *
- * // after
- * const styles = cva(tw(['flex bg-primary', 'cursor-pointer']), {
- *   variants: {
- *     size: {
- *       small: tw("h-sz-24"),
- *       medium: tw("h-sz-48"),
- *     }
- *   }
- * })
- */
-export declare function tw<T>(v: T): T;
+export { tw } from './tw';
+export { makeVariants } from './variants';
+export * as VariantTypes from './variants/types';
+export * as variantConstants from './variants/constants';

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.tw=function(t){return t};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),r=Object.freeze(Object.defineProperty({__proto__:null,designs:["filled","outlined","tinted","ghost","contrast"],intents:["primary","secondary","success","error","info","alert","danger","neutral","surface"],shapes:["rounded","square","pill"],sizes:["sm","md","lg"]},Symbol.toStringTag,{value:"Module"}));exports.VariantTypes=t,exports.makeVariants=function(e){return e},exports.tw=function(e){return e},exports.variantConstants=r;

package/dist/index.mjs

@@ -1,6 +1,13 @@
-function t(n) {
-  return n;
+function t(e) {
+  return e;
 }
+function r(e) {
+  return e;
+}
+const n = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), a = Object.freeze(Object.defineProperty({ __proto__: null, designs: ["filled", "outlined", "tinted", "ghost", "contrast"], intents: ["primary", "secondary", "success", "error", "info", "alert", "danger", "neutral", "surface"], shapes: ["rounded", "square", "pill"], sizes: ["sm", "md", "lg"] }, Symbol.toStringTag, { value: "Module" }));
 export {
-  t as tw
+  n as VariantTypes,
+  r as makeVariants,
+  t as tw,
+  a as variantConstants
 };

package/dist/tw/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * A utility function that serves as a workaround for Tailwind CSS IntelliSense issues
+ * in large objects or when regex breaks in VSCode.
+ *
+ * For more context, see: https://github.com/joe-bell/cva/discussions/85#discussioncomment-4568738
+ *
+ * @example
+ *
+ * // before
+ * const styles: cva(['flex bg-primary', 'cursor-pointer'], {
+ *   variants: {
+ *     size: {
+ *       small: "h-sz-24",
+ *       medium: "h-sz-48"
+ *     }
+ *   }
+ * })
+ *
+ * // after
+ * const styles = cva(tw(['flex bg-primary', 'cursor-pointer']), {
+ *   variants: {
+ *     size: {
+ *       small: tw("h-sz-24"),
+ *       medium: tw("h-sz-48"),
+ *     }
+ *   }
+ * })
+ */
+export declare function tw<T>(v: T): T;

package/dist/variants/constants.d.ts

@@ -0,0 +1,5 @@
+declare const sizes: readonly ["sm", "md", "lg"];
+declare const intents: readonly ["primary", "secondary", "success", "error", "info", "alert", "danger", "neutral", "surface"];
+declare const designs: readonly ["filled", "outlined", "tinted", "ghost", "contrast"];
+declare const shapes: readonly ["rounded", "square", "pill"];
+export { sizes, intents, designs, shapes };

package/dist/variants/index.d.ts

@@ -0,0 +1,3 @@
+import { Picks, VariantLookup } from './types';
+declare function makeVariants<Variant extends 'design' | 'intent' | 'shape' | 'size', P extends (keyof VariantLookup[Variant])[] = []>(variants: P extends [] ? VariantLookup[Variant] : Picks<VariantLookup[Variant], P>): P extends [] ? VariantLookup[Variant] : Picks<VariantLookup[Variant], P>;
+export { makeVariants };

package/dist/variants/types.d.ts

@@ -0,0 +1,20 @@
+import { designs, intents, shapes, sizes } from './constants';
+type Picks<T extends object, PickedItems extends (keyof T)[], Acc = {}> = PickedItems extends [
+    infer Head,
+    ...infer Rest
+] ? Rest extends (keyof T)[] ? Head extends keyof T ? Picks<T, Rest, Acc & Pick<T, Head>> : Acc : Acc : Acc;
+type Size = (typeof sizes)[number];
+type SizeLookup = Record<Size, string[]>;
+type Intent = (typeof intents)[number];
+type IntentLookup = Record<Intent, string[]>;
+type Design = (typeof designs)[number];
+type DesignLookup = Record<Design, string[]>;
+type Shape = (typeof shapes)[number];
+type ShapeLookup = Record<Shape, string[]>;
+interface VariantLookup {
+    design: DesignLookup;
+    intent: IntentLookup;
+    shape: ShapeLookup;
+    size: SizeLookup;
+}
+export type { Size, SizeLookup, Intent, IntentLookup, Design, DesignLookup, Shape, ShapeLookup, Picks, VariantLookup, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/internal-utils",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "package for sharing reusable code and resources across the codebase",
   "publishConfig": {
     "access": "public"
@@ -11,5 +11,5 @@
   "scripts": {
     "build": "vite build"
   },
-  "gitHead": "ee44f7b27e2a524e29c17e55d81550de7dff47a9"
+  "gitHead": "a5a87741408264a57672bf562f14b97a3a63582a"
 }