@orca-so/design-system - npm Package Compare versions

Comparing version 0.0.5-alpha3 to 0.0.5-alpha4

dist/stories/Button/index.js

 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -29,7 +7,7 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 exports.Button = exports.buttonVariants = void 0;
-var react_slot_1 = require("@radix-ui/react-slot");
-var class_variance_authority_1 = require("class-variance-authority");
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = __importDefault(require("react"));
-var react_2 = require("react");
+const react_slot_1 = require("@radix-ui/react-slot");
+const class_variance_authority_1 = require("class-variance-authority");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
 exports.buttonVariants = (0, class_variance_authority_1.cva)((0, clsx_1.default)("inline-flex items-center justify-center", "whitespace-nowrap rounded-md text-sm font-medium", "disabled:cursor-not-allowed", "outline-offset-2 outline-focus focus-visible:outline-1"), {
@@ -55,8 +33,7 @@ variants: {
 });
-exports.Button = (0, react_2.forwardRef)(function (_a, ref) {
-    var className = _a.className, variant = _a.variant, size = _a.size, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "size", "asChild"]);
-    var Comp = asChild ? react_slot_1.Slot : "button";
-    return (react_1.default.createElement(Comp, __assign({ className: (0, exports.buttonVariants)({ variant: variant, size: size, className: className }), ref: ref }, props)));
+exports.Button = (0, react_2.forwardRef)(({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? react_slot_1.Slot : "button";
+    return (react_1.default.createElement(Comp, { className: (0, exports.buttonVariants)({ variant, size, className }), ref: ref, ...props }));
 });
 exports.Button.displayName = "Button";
 //# sourceMappingURL=index.js.map

dist/stories/ButtonGroup/index.js

 "use client";
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -37,13 +26,2 @@ if (k2 === undefined) k2 = k;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -54,22 +32,19 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 exports.ButtonGroup = exports.ButtonGroupItem = exports.ButtonGroupRoot = void 0;
-var react_radio_group_1 = require("@radix-ui/react-radio-group");
-var Button_1 = require("../Button");
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = __importStar(require("react"));
-exports.ButtonGroupRoot = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (react_1.default.createElement(react_radio_group_1.Root, __assign({ className: (0, clsx_1.default)("flex flex-row items-stretch rounded-md h-12 overflow-hidden bg-secondary", className) }, props, { ref: ref })));
+const react_radio_group_1 = require("@radix-ui/react-radio-group");
+const Button_1 = require("../Button");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+exports.ButtonGroupRoot = (0, react_1.forwardRef)(({ className, ...props }, ref) => {
+    return (react_1.default.createElement(react_radio_group_1.Root, { className: (0, clsx_1.default)("flex flex-row items-stretch rounded-md h-12 overflow-hidden bg-secondary", className), ...props, ref: ref }));
 });
 exports.ButtonGroupRoot.displayName = react_radio_group_1.Root.displayName;
-exports.ButtonGroupItem = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
+exports.ButtonGroupItem = (0, react_1.forwardRef)(({ className, ...props }, ref) => {
     return (react_1.default.createElement(Button_1.Button, { asChild: true, variant: "secondary", className: (0, clsx_1.default)("h-full w-full py-3 rounded-none text-md bg-secondary hover:bg-secondary-hover", "aria-checked:bg-primary aria-checked:hover:bg-primary-hover", className) },
-        react_1.default.createElement(react_radio_group_1.Item, __assign({ ref: ref, className: "grow border-r-2 border-blue-900 last:border-r-0" }, props), props.children)));
+        react_1.default.createElement(react_radio_group_1.Item, { ref: ref, className: "grow border-r-2 border-blue-900 last:border-r-0", ...props }, props.children)));
 });
 exports.ButtonGroupItem.displayName = react_radio_group_1.Item.displayName;
-exports.ButtonGroup = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (react_1.default.createElement(exports.ButtonGroupRoot, __assign({ ref: ref }, props), children && children.map(function (child, index) { return (react_1.default.createElement(exports.ButtonGroupItem, { key: index, value: index.toString() }, child)); })));
+exports.ButtonGroup = (0, react_1.forwardRef)(({ children, ...props }, ref) => {
+    return (react_1.default.createElement(exports.ButtonGroupRoot, { ref: ref, ...props }, children && children.map((child, index) => (react_1.default.createElement(exports.ButtonGroupItem, { key: index, value: index.toString() }, child)))));
 });
 exports.ButtonGroup.displayName = "ButtonGroup";
 //# sourceMappingURL=index.js.map

dist/stories/Callout/index.js

 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -36,13 +25,2 @@ if (k2 === undefined) k2 = k;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -53,6 +31,6 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 exports.CalloutDescription = exports.CalloutTitle = exports.Callout = exports.calloutVariants = void 0;
-var class_variance_authority_1 = require("class-variance-authority");
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = __importStar(require("react"));
-var go_1 = require("react-icons/go");
+const class_variance_authority_1 = require("class-variance-authority");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+const go_1 = require("react-icons/go");
 exports.calloutVariants = (0, class_variance_authority_1.cva)("flex items-center gap-x-2 flex relative w-full rounded-md py-2.5 px-3 border text-sm", {
@@ -70,3 +48,3 @@ variants: {
 });
-var icons = {
+const icons = {
     info: react_1.default.createElement(go_1.GoInfo, { className: "h-5 w-5" }),
@@ -76,6 +54,5 @@ destructive: react_1.default.createElement(go_1.GoXCircle, { className: "h-5 w-5" }),
 };
-exports.Callout = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, variant = _a.variant, children = _a.children, props = __rest(_a, ["className", "variant", "children"]);
-    var Icon = icons[variant !== null && variant !== void 0 ? variant : "info"];
-    return (react_1.default.createElement("div", __assign({ ref: ref, role: "alert", className: (0, clsx_1.default)((0, exports.calloutVariants)({ variant: variant }), className) }, props),
+exports.Callout = (0, react_1.forwardRef)(({ className, variant, children, ...props }, ref) => {
+    const Icon = icons[variant ?? "info"];
+    return (react_1.default.createElement("div", { ref: ref, role: "alert", className: (0, clsx_1.default)((0, exports.calloutVariants)({ variant }), className), ...props },
         Icon || react_1.default.createElement(react_1.default.Fragment, null),
@@ -85,12 +62,6 @@ children));
 exports.Callout.displayName = "Callout";
-exports.CalloutTitle = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (react_1.default.createElement("h5", __assign({ ref: ref, className: (0, clsx_1.default)("font-medium leading-4 tracking-tight", className) }, props)));
-});
+exports.CalloutTitle = (0, react_1.forwardRef)(({ className, ...props }, ref) => (react_1.default.createElement("h5", { ref: ref, className: (0, clsx_1.default)("font-medium leading-4 tracking-tight", className), ...props })));
 exports.CalloutTitle.displayName = "CalloutTitle";
-exports.CalloutDescription = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (react_1.default.createElement("div", __assign({ ref: ref, className: (0, clsx_1.default)("opacity-90 [&_p]:leading-relaxed", className) }, props)));
-});
+exports.CalloutDescription = (0, react_1.forwardRef)(({ className, ...props }, ref) => (react_1.default.createElement("div", { ref: ref, className: (0, clsx_1.default)("opacity-90 [&_p]:leading-relaxed", className), ...props })));
 exports.CalloutDescription.displayName = "CalloutDescription";
 //# sourceMappingURL=index.js.map

dist/stories/Colors/index.js

@@ -7,6 +7,6 @@ "use strict";
 exports.ColorsWithAlpha = exports.Colors = void 0;
-var tailwind_config_1 = __importDefault(require("../../tailwind.config"));
-var tiny_invariant_1 = __importDefault(require("tiny-invariant"));
-var handler = function (alpha) {
-    var alphaHex = "";
+const tailwind_config_1 = __importDefault(require("../../tailwind.config"));
+const tiny_invariant_1 = __importDefault(require("tiny-invariant"));
+const handler = (alpha) => {
+    let alphaHex = "";
     if (alpha) {
@@ -17,17 +17,17 @@ (0, tiny_invariant_1.default)(alpha > 0 && alpha <= 1, "Alpha channel must be between 0 and 1");
     return {
-        get: function (_target, prop) {
-            var colors = tailwind_config_1.default.theme.colors;
-            var _a = prop.toString().toLowerCase().split("-"), name = _a[0], weight = _a[1];
+        get(_target, prop) {
+            const colors = tailwind_config_1.default.theme.colors;
+            const [name, weight] = prop.toString().toLowerCase().split("-");
             if (colors && Object.hasOwn(colors, name)) {
                 if (typeof colors[name] === "string") {
-                    return "".concat(colors[name]).concat(alphaHex);
+                    return `${colors[name]}${alphaHex}`;
                 }
                 if (!weight) {
-                    return "".concat(colors[name][500]).concat(alphaHex);
+                    return `${colors[name][500]}${alphaHex}`;
                 }
                 if (Object.hasOwn(colors[name], weight)) {
-                    return "".concat(colors[name][weight]).concat(alphaHex);
+                    return `${colors[name][weight]}${alphaHex}`;
                 }
             }
-            return "#ffffff".concat(alphaHex);
+            return `#ffffff${alphaHex}`;
         },
@@ -37,4 +37,4 @@ };
 exports.Colors = new Proxy({}, handler());
-var ColorsWithAlpha = function (alpha) { return new Proxy({}, handler(alpha)); };
+const ColorsWithAlpha = (alpha) => new Proxy({}, handler(alpha));
 exports.ColorsWithAlpha = ColorsWithAlpha;
 //# sourceMappingURL=index.js.map

dist/stories/Input/index.js

 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -29,6 +7,6 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 exports.Input = exports.inputVariants = void 0;
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = require("react");
-var class_variance_authority_1 = require("class-variance-authority");
-var react_2 = __importDefault(require("react"));
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+const class_variance_authority_1 = require("class-variance-authority");
+const react_2 = __importDefault(require("react"));
 exports.inputVariants = (0, class_variance_authority_1.cva)((0, clsx_1.default)("h-9 px-3 py-1", "text-ellipsis text-sm text-primary", "bg-transparent", "disabled:cursor-not-allowed", "placeholder:text-muted-foreground"), {
@@ -45,7 +23,6 @@ variants: {
 });
-exports.Input = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, variant = _a.variant, props = __rest(_a, ["className", "variant"]);
-    return (react_2.default.createElement("input", __assign({ className: (0, exports.inputVariants)({ variant: variant, className: className }), ref: ref }, props)));
+exports.Input = (0, react_1.forwardRef)(({ className, variant, ...props }, ref) => {
+    return (react_2.default.createElement("input", { className: (0, exports.inputVariants)({ variant, className }), ref: ref, ...props }));
 });
 exports.Input.displayName = "Input";
 //# sourceMappingURL=index.js.map

dist/stories/Label/index.js

 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -29,6 +7,6 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 exports.Label = exports.labelVariants = void 0;
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = require("react");
-var class_variance_authority_1 = require("class-variance-authority");
-var react_2 = __importDefault(require("react"));
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+const class_variance_authority_1 = require("class-variance-authority");
+const react_2 = __importDefault(require("react"));
 exports.labelVariants = (0, class_variance_authority_1.cva)((0, clsx_1.default)("text-primary"), {
@@ -46,7 +24,6 @@ variants: {
 });
-exports.Label = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, variant = _a.variant, children = _a.children, props = __rest(_a, ["className", "variant", "children"]);
-    return (react_2.default.createElement("span", __assign({ className: (0, exports.labelVariants)({ variant: variant, className: className }), ref: ref }, props), children));
+exports.Label = (0, react_1.forwardRef)(({ className, variant, children, ...props }, ref) => {
+    return (react_2.default.createElement("span", { className: (0, exports.labelVariants)({ variant, className }), ref: ref, ...props }, children));
 });
 exports.Label.displayName = "Input";
 //# sourceMappingURL=index.js.map

dist/stories/Separator/index.js

 "use client";
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -37,13 +26,2 @@ if (k2 === undefined) k2 = k;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -54,10 +32,7 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 exports.Separator = void 0;
-var react_separator_1 = require("@radix-ui/react-separator");
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = __importStar(require("react"));
-exports.Separator = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, _b = _a.orientation, orientation = _b === void 0 ? "horizontal" : _b, _c = _a.decorative, decorative = _c === void 0 ? true : _c, props = __rest(_a, ["className", "orientation", "decorative"]);
-    return (react_1.default.createElement(react_separator_1.Root, __assign({ ref: ref, decorative: decorative, orientation: orientation, className: (0, clsx_1.default)("shrink-0 bg-surface", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className) }, props)));
-});
+const react_separator_1 = require("@radix-ui/react-separator");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
+exports.Separator = (0, react_1.forwardRef)(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (react_1.default.createElement(react_separator_1.Root, { ref: ref, decorative: decorative, orientation: orientation, className: (0, clsx_1.default)("shrink-0 bg-surface", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className), ...props })));
 exports.Separator.displayName = react_separator_1.Root.displayName;
 //# sourceMappingURL=index.js.map

dist/stories/Skeleton/index.js

 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -29,9 +7,8 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 exports.Skeleton = void 0;
-var clsx_1 = require("clsx");
-var react_1 = __importDefault(require("react"));
-function Skeleton(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (react_1.default.createElement("div", __assign({ className: (0, clsx_1.clsx)("bg-disabled animate-pulse opacity-0 rounded-md", className) }, props)));
+const clsx_1 = require("clsx");
+const react_1 = __importDefault(require("react"));
+function Skeleton({ className, ...props }) {
+    return (react_1.default.createElement("div", { className: (0, clsx_1.clsx)("bg-disabled animate-pulse opacity-0 rounded-md", className), ...props }));
 }
 exports.Skeleton = Skeleton;
 //# sourceMappingURL=index.js.map

dist/stories/Typography/plugin.js

@@ -7,16 +7,12 @@ "use strict";
 exports.typographyUtilities = void 0;
-var plugin_1 = __importDefault(require("tailwindcss/plugin"));
+const plugin_1 = __importDefault(require("tailwindcss/plugin"));
 function typographyUtilities(theme) {
-    var _a, _b, _c;
-    var fontSizes = (_a = theme.fontSize) !== null && _a !== void 0 ? _a : {};
-    var fontWeight = (_b = theme.fontWeight) !== null && _b !== void 0 ? _b : {};
-    var fontFamily = (_c = theme.fontFamily) !== null && _c !== void 0 ? _c : {};
+    const fontSizes = theme.fontSize ?? {};
+    const fontWeight = theme.fontWeight ?? {};
+    const fontFamily = theme.fontFamily ?? {};
     fontWeight["mono"] = "400";
-    var fontTypes = Object.keys(fontSizes).flatMap(function (size) {
-        return Object.keys(fontWeight).map(function (weight) { return [size, weight]; });
-    });
-    var utilities = {};
-    for (var _i = 0, fontTypes_1 = fontTypes; _i < fontTypes_1.length; _i++) {
-        var _d = fontTypes_1[_i], size = _d[0], weight = _d[1];
-        var key = "text-".concat(size, "-").concat(weight);
+    const fontTypes = Object.keys(fontSizes).flatMap((size) => Object.keys(fontWeight).map((weight) => [size, weight]));
+    const utilities = {};
+    for (const [size, weight] of fontTypes) {
+        const key = `text-${size}-${weight}`;
         utilities[key] = {
@@ -32,7 +28,6 @@ fontSize: fontSizes[size][0],
 exports.typographyUtilities = typographyUtilities;
-exports.default = (0, plugin_1.default)(function (_a) {
-    var addUtilities = _a.addUtilities, theme = _a.theme;
-    var utilities = typographyUtilities(theme(""));
+exports.default = (0, plugin_1.default)(function ({ addUtilities, theme }) {
+    const utilities = typographyUtilities(theme(""));
     addUtilities(utilities);
 });
 //# sourceMappingURL=plugin.js.map

dist/tailwind.config.d.ts

@@ -161,2 +161,2 @@ declare const _default: {
 };
-export default _default;
+export = _default;

dist/tailwind.config.js

 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var defaultTheme_1 = require("tailwindcss/defaultTheme");
-var plugin_1 = __importDefault(require("./stories/Typography/plugin"));
-var colors = {
+const defaultTheme_1 = require("tailwindcss/defaultTheme");
+const plugin_1 = __importDefault(require("./stories/Typography/plugin"));
+const colors = {
     gold: {
@@ -86,3 +76,3 @@ 50: "#FEF7E6",
 };
-var borderRingOutline = {
+const borderRingOutline = {
     primary: colors.blue[800],
@@ -95,6 +85,6 @@ focus: colors.slate[400],
 };
-exports.default = {
+module.exports = {
     content: ["./stories/**/*.{js,ts,jsx,tsx,mdx}"],
     theme: {
-        colors: colors,
+        colors,
         fontSize: {
@@ -115,4 +105,4 @@ xxs: ["0.625rem", "0.75rem"],
         fontFamily: {
-            sans: __spreadArray(["SuisseIntl"], defaultTheme_1.fontFamily.sans, true),
-            mono: __spreadArray(["SuisseIntlMono"], defaultTheme_1.fontFamily.mono, true),
+            sans: ["SuisseIntl", ...defaultTheme_1.fontFamily.sans],
+            mono: ["SuisseIntlMono", ...defaultTheme_1.fontFamily.mono],
         },
@@ -154,8 +144,8 @@ extend: {
             backgroundImage: {
-                primary: "linear-gradient(180deg, ".concat(colors.gold[300], ", #F6C955)"),
-                "primary-hover": "linear-gradient(180deg, #F8D67D, ".concat(colors.gold[300], ")"),
-                secondary: "linear-gradient(180deg, ".concat(colors.blue[800], ", #1D2472)"),
-                "secondary-hover": "linear-gradient(180deg, #222B87, ".concat(colors.blue[800], ")"),
-                destructive: "linear-gradient(180deg, ".concat(colors.red[400], ", #F25A73)"),
-                "destructive-hover": "linear-gradient(180deg, #F58093, ".concat(colors.red[400], ")"),
+                primary: `linear-gradient(180deg, ${colors.gold[300]}, #F6C955)`,
+                "primary-hover": `linear-gradient(180deg, #F8D67D, ${colors.gold[300]})`,
+                secondary: `linear-gradient(180deg, ${colors.blue[800]}, #1D2472)`,
+                "secondary-hover": `linear-gradient(180deg, #222B87, ${colors.blue[800]})`,
+                destructive: `linear-gradient(180deg, ${colors.red[400]}, #F25A73)`,
+                "destructive-hover": `linear-gradient(180deg, #F58093, ${colors.red[400]})`,
             },
@@ -162,0 +152,0 @@ },

package.json

 {
   "name": "@orca-so/design-system",
-  "version": "0.0.5-alpha3",
+  "version": "0.0.5-alpha4",
   "description": "Orca Design System",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

48611

decreased by-15.32%

Lines of code

718

decreased by-20.49%

No dependency changes