@spark-ui/divider 8.1.8 → 9.0.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.0.0](https://github.com/adevinta/spark/compare/v8.1.8...v9.0.0) (2025-02-06)
+
+### Features
+
+- upgrade Tailwind to v4 ([92758fe](https://github.com/adevinta/spark/commit/92758feaab4b69f1c4d7d3394e1421ec36592511))
+
+### BREAKING CHANGES
+
+- upgrade tailwind to v4
+
 ## [8.1.8](https://github.com/adevinta/spark/compare/v8.1.7...v8.1.8) (2025-01-28)
 
 **Note:** Version bump only for package @spark-ui/divider

package/dist/Divider.d.ts

@@ -25,6 +25,6 @@ export interface DividerProps extends HTMLAttributes<HTMLDivElement>, Omit<Divid
     ref?: Ref<HTMLDivElement>;
 }
 export declare const Divider: {
-    ({ asChild, className, isDecorative, children, orientation, alignment, intent, ref, ...props }: DividerProps): import("react").JSX.Element;
+    ({ asChild, className, isDecorative, children, orientation, writingMode, alignment, intent, ref, ...props }: DividerProps): import("react").JSX.Element;
     displayName: string;
 };

package/dist/Divider.styles.d.ts

@@ -2,6 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 export declare const dividerStyles: (props?: ({
     isEmpty?: boolean | null | undefined;
     orientation?: "vertical" | "horizontal" | null | undefined;
+    writingMode?: "horizontal-tb" | "vertical-lr" | null | undefined;
     alignment?: "start" | "end" | "center" | null | undefined;
     intent?: "current" | "outline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/DividerContent.d.ts

@@ -8,6 +8,6 @@ export interface DividerContentProps extends HTMLAttributes<HTMLSpanElement> {
     ref?: Ref<HTMLSpanElement>;
 }
 export declare const DividerContent: {
-    ({ children, ref, ...props }: DividerContentProps): import("react").JSX.Element | null;
+    ({ children, ref, className, ...props }: DividerContentProps): import("react").JSX.Element | null;
     displayName: string;
 };

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),p=require("@radix-ui/react-separator"),l=require("class-variance-authority"),e=require("@spark-ui/internal-utils"),u=[{intent:"current",isEmpty:!0,class:e.tw(["border-current"])},{intent:"current",isEmpty:!1,class:e.tw(["before:border-current after:border-current"])},{intent:"outline",isEmpty:!0,class:e.tw(["border-outline"])},{intent:"outline",isEmpty:!1,class:e.tw(["before:border-outline after:border-outline"])}],y=l.cva(["overflow-hidden"],{variants:{isEmpty:{true:["border-solid"],false:["inline-flex items-center","after:border-solid before:border-solid"]},orientation:{vertical:["w-fit inline-flex"],horizontal:["w-full"]},alignment:{start:[],end:[],center:[]},intent:{current:[],outline:[]}},defaultVariants:{orientation:"horizontal",alignment:"center",intent:"outline"},compoundVariants:[{isEmpty:!0,orientation:"horizontal",class:e.tw(["my-lg border-t-sm"])},{isEmpty:!0,orientation:"vertical",class:e.tw(["mx-lg min-h-sz-24 border-l-sm"])},{isEmpty:!1,orientation:"horizontal",class:e.tw(["flex-row my-sm grow-0","before:border-t-sm","after:border-t-sm","[&>*]:px-lg"])},{isEmpty:!1,orientation:"vertical",class:e.tw(["flex-col mx-sm","before:border-l-sm","after:border-l-sm","[&>*]:py-lg"])},{isEmpty:!1,orientation:"horizontal",alignment:"end",class:e.tw(["after:w-sz-40 before:grow after:grow-0"])},{isEmpty:!1,orientation:"horizontal",alignment:"start",class:e.tw(["before:w-sz-40 before:grow-0 after:grow"])},{isEmpty:!1,orientation:"horizontal",alignment:"center",class:e.tw(["justify-center before:grow after:grow"])},{isEmpty:!1,orientation:"vertical",alignment:"end",class:e.tw(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"])},{isEmpty:!1,orientation:"vertical",alignment:"start",class:e.tw(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"])},{isEmpty:!1,orientation:"vertical",alignment:"center",class:e.tw(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"])},...u]}),c=({asChild:t,className:r,isDecorative:n=!1,children:i,orientation:a="horizontal",alignment:f="center",intent:d="outline",ref:b,...w})=>{const g=t?!i?.props?.children:!i;return s.createElement(p.Root,{"data-spark-component":"divider",asChild:t,className:l.cx(y({isEmpty:g,orientation:a,alignment:f,intent:d}),r),orientation:a,ref:b,decorative:n,...w},i)};c.displayName="Divider";const m=({children:t,ref:r,...n})=>t?s.createElement("span",{ref:r,...n},t):null;m.displayName="Divider.Content";const o=Object.assign(c,{Content:m});o.displayName="Divider",o.Content.displayName="Divider.Content",exports.Divider=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),u=require("@radix-ui/react-separator"),a=require("class-variance-authority"),e=require("@spark-ui/internal-utils"),y=[{intent:"current",isEmpty:!0,class:e.tw(["border-current"])},{intent:"current",isEmpty:!1,class:e.tw(["before:border-current after:border-current"])},{intent:"outline",isEmpty:!0,class:e.tw(["border-outline"])},{intent:"outline",isEmpty:!1,class:e.tw(["before:border-outline after:border-outline"])}],h=a.cva(["overflow-hidden group"],{variants:{isEmpty:{true:["border-solid"],false:["inline-flex items-center","after:border-solid before:border-solid"]},orientation:{vertical:["w-fit inline-flex"],horizontal:["w-full"]},writingMode:{"horizontal-tb":[],"vertical-lr":[]},alignment:{start:[],end:[],center:[]},intent:{current:[],outline:[]}},defaultVariants:{orientation:"horizontal",writingMode:"horizontal-tb",alignment:"center",intent:"outline"},compoundVariants:[{isEmpty:!0,orientation:"horizontal",class:e.tw(["my-lg border-t-sm"])},{isEmpty:!0,orientation:"vertical",class:e.tw(["mx-lg min-h-sz-24 border-l-sm"])},{isEmpty:!1,orientation:"horizontal",writingMode:"horizontal-tb",class:e.tw(["flex-row my-sm grow-0","before:border-t-sm","after:border-t-sm","*:px-lg"])},{isEmpty:!1,orientation:"vertical",writingMode:"horizontal-tb",class:e.tw(["flex-col mx-sm","before:border-l-sm","after:border-l-sm","*:py-lg"])},{isEmpty:!1,orientation:"vertical",writingMode:"vertical-lr",class:e.tw(["flex-col mx-sm","before:border-l-sm","after:border-l-sm","*:px-lg"])},{isEmpty:!1,orientation:"horizontal",alignment:"end",class:e.tw(["after:w-sz-40 before:grow after:grow-0"])},{isEmpty:!1,orientation:"horizontal",alignment:"start",class:e.tw(["before:w-sz-40 before:grow-0 after:grow"])},{isEmpty:!1,orientation:"horizontal",alignment:"center",class:e.tw(["justify-center before:grow after:grow"])},{isEmpty:!1,orientation:"vertical",alignment:"end",class:e.tw(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"])},{isEmpty:!1,orientation:"vertical",alignment:"start",class:e.tw(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"])},{isEmpty:!1,orientation:"vertical",alignment:"center",class:e.tw(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"])},...y]}),c=({asChild:t,className:i,isDecorative:n=!1,children:r,orientation:l="horizontal",writingMode:s="horizontal-tb",alignment:f="center",intent:g="outline",ref:w,...b})=>{const p=t?!r?.props?.children:!r;return m.createElement(u.Root,{"data-spark-component":"divider",asChild:t,className:a.cx(h({isEmpty:p,orientation:l,alignment:f,intent:g,writingMode:s}),i),orientation:l,ref:w,decorative:n,...b,"data-writing-mode":s},r)};c.displayName="Divider";const d=({children:t,ref:i,className:n,...r})=>t?m.createElement("span",{ref:i,...r,className:a.cx("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]",n)},t):null;d.displayName="Divider.Content";const o=Object.assign(c,{Content:d});o.displayName="Divider",o.Content.displayName="Divider.Content",exports.Divider=o;

package/dist/index.mjs

@@ -1,16 +1,16 @@
-import s from "react";
-import { Root as g } from "@radix-ui/react-separator";
-import { cva as y, cx as u } from "class-variance-authority";
+import l from "react";
+import { Root as h } from "@radix-ui/react-separator";
+import { cva as y, cx as m } from "class-variance-authority";
 import { tw as e } from "@spark-ui/internal-utils";
-const h = [{ intent: "current", isEmpty: !0, class: e(["border-current"]) }, { intent: "current", isEmpty: !1, class: e(["before:border-current after:border-current"]) }, { intent: "outline", isEmpty: !0, class: e(["border-outline"]) }, { intent: "outline", isEmpty: !1, class: e(["before:border-outline after:border-outline"]) }], w = y(["overflow-hidden"], { variants: { isEmpty: { true: ["border-solid"], false: ["inline-flex items-center", "after:border-solid before:border-solid"] }, orientation: { vertical: ["w-fit inline-flex"], horizontal: ["w-full"] }, alignment: { start: [], end: [], center: [] }, intent: { current: [], outline: [] } }, defaultVariants: { orientation: "horizontal", alignment: "center", intent: "outline" }, compoundVariants: [{ isEmpty: !0, orientation: "horizontal", class: e(["my-lg border-t-sm"]) }, { isEmpty: !0, orientation: "vertical", class: e(["mx-lg min-h-sz-24 border-l-sm"]) }, { isEmpty: !1, orientation: "horizontal", class: e(["flex-row my-sm grow-0", "before:border-t-sm", "after:border-t-sm", "[&>*]:px-lg"]) }, { isEmpty: !1, orientation: "vertical", class: e(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "[&>*]:py-lg"]) }, { isEmpty: !1, orientation: "horizontal", alignment: "end", class: e(["after:w-sz-40 before:grow after:grow-0"]) }, { isEmpty: !1, orientation: "horizontal", alignment: "start", class: e(["before:w-sz-40 before:grow-0 after:grow"]) }, { isEmpty: !1, orientation: "horizontal", alignment: "center", class: e(["justify-center before:grow after:grow"]) }, { isEmpty: !1, orientation: "vertical", alignment: "end", class: e(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"]) }, { isEmpty: !1, orientation: "vertical", alignment: "start", class: e(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"]) }, { isEmpty: !1, orientation: "vertical", alignment: "center", class: e(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"]) }, ...h] }), l = ({ asChild: t, className: r, isDecorative: n = !1, children: i, orientation: o = "horizontal", alignment: c = "center", intent: f = "outline", ref: d, ...p }) => {
-  const b = t ? !i?.props?.children : !i;
-  return s.createElement(g, { "data-spark-component": "divider", asChild: t, className: u(w({ isEmpty: b, orientation: o, alignment: c, intent: f }), r), orientation: o, ref: d, decorative: n, ...p }, i);
+const u = [{ intent: "current", isEmpty: !0, class: e(["border-current"]) }, { intent: "current", isEmpty: !1, class: e(["before:border-current after:border-current"]) }, { intent: "outline", isEmpty: !0, class: e(["border-outline"]) }, { intent: "outline", isEmpty: !1, class: e(["before:border-outline after:border-outline"]) }], v = y(["overflow-hidden group"], { variants: { isEmpty: { true: ["border-solid"], false: ["inline-flex items-center", "after:border-solid before:border-solid"] }, orientation: { vertical: ["w-fit inline-flex"], horizontal: ["w-full"] }, writingMode: { "horizontal-tb": [], "vertical-lr": [] }, alignment: { start: [], end: [], center: [] }, intent: { current: [], outline: [] } }, defaultVariants: { orientation: "horizontal", writingMode: "horizontal-tb", alignment: "center", intent: "outline" }, compoundVariants: [{ isEmpty: !0, orientation: "horizontal", class: e(["my-lg border-t-sm"]) }, { isEmpty: !0, orientation: "vertical", class: e(["mx-lg min-h-sz-24 border-l-sm"]) }, { isEmpty: !1, orientation: "horizontal", writingMode: "horizontal-tb", class: e(["flex-row my-sm grow-0", "before:border-t-sm", "after:border-t-sm", "*:px-lg"]) }, { isEmpty: !1, orientation: "vertical", writingMode: "horizontal-tb", class: e(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "*:py-lg"]) }, { isEmpty: !1, orientation: "vertical", writingMode: "vertical-lr", class: e(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "*:px-lg"]) }, { isEmpty: !1, orientation: "horizontal", alignment: "end", class: e(["after:w-sz-40 before:grow after:grow-0"]) }, { isEmpty: !1, orientation: "horizontal", alignment: "start", class: e(["before:w-sz-40 before:grow-0 after:grow"]) }, { isEmpty: !1, orientation: "horizontal", alignment: "center", class: e(["justify-center before:grow after:grow"]) }, { isEmpty: !1, orientation: "vertical", alignment: "end", class: e(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"]) }, { isEmpty: !1, orientation: "vertical", alignment: "start", class: e(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"]) }, { isEmpty: !1, orientation: "vertical", alignment: "center", class: e(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"]) }, ...u] }), c = ({ asChild: t, className: i, isDecorative: o = !1, children: r, orientation: n = "horizontal", writingMode: a = "horizontal-tb", alignment: f = "center", intent: g = "outline", ref: b, ...p }) => {
+  const w = t ? !r?.props?.children : !r;
+  return l.createElement(h, { "data-spark-component": "divider", asChild: t, className: m(v({ isEmpty: w, orientation: n, alignment: f, intent: g, writingMode: a }), i), orientation: n, ref: b, decorative: o, ...p, "data-writing-mode": a }, r);
 };
-l.displayName = "Divider";
-const m = ({ children: t, ref: r, ...n }) => t ? s.createElement("span", { ref: r, ...n }, t) : null;
-m.displayName = "Divider.Content";
-const a = Object.assign(l, { Content: m });
-a.displayName = "Divider", a.Content.displayName = "Divider.Content";
+c.displayName = "Divider";
+const d = ({ children: t, ref: i, className: o, ...r }) => t ? l.createElement("span", { ref: i, ...r, className: m("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]", o) }, t) : null;
+d.displayName = "Divider.Content";
+const s = Object.assign(c, { Content: d });
+s.displayName = "Divider", s.Content.displayName = "Divider.Content";
 export {
-  a as Divider
+  s as Divider
 };

package/dist/public/docgen.json

@@ -148,6 +148,25 @@
         "type": {
           "name": "Ref<HTMLDivElement>"
         }
+      },
+      "writingMode": {
+        "defaultValue": null,
+        "description": "",
+        "name": "writingMode",
+        "declarations": [],
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "\"horizontal-tb\" | \"vertical-lr\"",
+          "value": [
+            {
+              "value": "\"horizontal-tb\""
+            },
+            {
+              "value": "\"vertical-lr\""
+            }
+          ]
+        }
       }
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/divider",
-  "version": "8.1.8",
+  "version": "9.0.0",
   "description": "A separator between two elements, usually consisting of a horizontal line.",
   "publishConfig": {
     "access": "public"
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@radix-ui/react-separator": "1.1.1",
-    "@spark-ui/internal-utils": "^8.1.8"
+    "@spark-ui/internal-utils": "^9.0.0"
   },
   "peerDependencies": {
     "react": "^19.0",
@@ -45,5 +45,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "e29d6cfd8145f8ce93cc94062c33ce62a07476e0"
+  "gitHead": "8fe6ef5b52e2440947f6278e00d00c89410a9ca8"
 }