@spark-ui/internal-utils 1.2.0 → 1.3.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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 { makeDesigns, makeIntents, makeShapes, makeSizes } 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"})),n=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.makeDesigns=function(e){return{design:e}},exports.makeIntents=function(e){return{intent:e}},exports.makeShapes=function(e){return{shape:e}},exports.makeSizes=function(e){return{size:e}},exports.tw=function(e){return e},exports.variantConstants=n;

package/dist/index.mjs

@@ -1,6 +1,25 @@
-function t(n) {
-  return n;
+function n(e) {
+  return e;
 }
+function t(e) {
+  return { size: e };
+}
+function r(e) {
+  return { intent: e };
+}
+function s(e) {
+  return { design: e };
+}
+function a(e) {
+  return { shape: e };
+}
+const o = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), i = 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
+  o as VariantTypes,
+  s as makeDesigns,
+  r as makeIntents,
+  a as makeShapes,
+  t as makeSizes,
+  n as tw,
+  i as variantConstants
 };

package/dist/tw/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 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;

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,14 @@
+import { Design, DesignLookup, Intent, IntentLookup, Picks, Shape, ShapeLookup, Size, SizeLookup } from './types';
+declare function makeSizes<P extends Size[] = []>(sizes: P extends [] ? SizeLookup : Picks<SizeLookup, P>): {
+    size: P extends [] ? SizeLookup : Picks<SizeLookup, P>;
+};
+declare function makeIntents<P extends Intent[] = []>(intents: P extends [] ? IntentLookup : Picks<IntentLookup, P>): {
+    intent: P extends [] ? IntentLookup : Picks<IntentLookup, P>;
+};
+declare function makeDesigns<P extends Design[] = []>(designs: P extends [] ? DesignLookup : Picks<DesignLookup, P>): {
+    design: P extends [] ? DesignLookup : Picks<DesignLookup, P>;
+};
+declare function makeShapes<P extends Shape[] = []>(shapes: P extends [] ? ShapeLookup : Picks<ShapeLookup, P>): {
+    shape: P extends [] ? ShapeLookup : Picks<ShapeLookup, P>;
+};
+export { makeSizes, makeIntents, makeDesigns, makeShapes };

package/dist/variants/types.d.ts

@@ -0,0 +1,14 @@
+import { designs, intents, shapes, sizes } from './constants';
+type Picks<T extends object, Entries extends (keyof T)[], Acc = {}> = Entries extends [
+    infer Entry,
+    ...infer Rest
+] ? Rest extends (keyof T)[] ? Entry extends keyof T ? Picks<T, Rest, Acc & Pick<T, Entry>> : 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[]>;
+export type { Size, SizeLookup, Intent, IntentLookup, Design, DesignLookup, Shape, ShapeLookup, Picks, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/internal-utils",
-  "version": "1.2.0",
+  "version": "1.3.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": "2b57fad10e74d51ea57d0bfff9bb636dbdd8914b"
 }