@conveyorhq/arrow-ds 2.0.0-beta.5 → 2.0.0-beta.9

package/public/tokens/width.d.ts

@@ -1,36 +1,4 @@
 export declare const width: {
-    auto: string;
-    px: string;
-    "1": string;
-    "2": string;
-    "3": string;
-    "4": string;
-    "5": string;
-    "6": string;
-    "7": string;
-    "8": string;
-    "9": string;
-    "10": string;
-    "12": string;
-    "14": string;
-    "16": string;
-    "18": string;
-    "20": string;
-    "22": string;
-    "24": string;
-    "28": string;
-    "30": string;
-    "32": string;
-    "34": string;
-    "36": string;
-    "38": string;
-    "40": string;
-    "42": string;
-    "44": string;
-    "46": string;
-    "48": string;
-    "56": string;
-    "64": string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
@@ -42,43 +10,144 @@ export declare const width: {
     "4/5": string;
     "1/6": string;
     "5/6": string;
+    auto: string;
+    px: string;
     full: string;
     screen: string;
     "max-content": string;
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    13: string;
+    14: string;
+    15: string;
+    16: string;
+    17: string;
+    18: string;
+    19: string;
+    20: string;
+    21: string;
+    22: string;
+    23: string;
+    24: string;
+    25: string;
+    26: string;
+    27: string;
+    28: string;
+    29: string;
+    30: string;
+    31: string;
+    32: string;
+    33: string;
+    34: string;
+    35: string;
+    36: string;
+    37: string;
+    38: string;
+    39: string;
+    40: string;
+    41: string;
+    42: string;
+    43: string;
+    44: string;
+    45: string;
+    46: string;
+    47: string;
+    48: string;
+    49: string;
+    50: string;
+    51: string;
+    52: string;
+    53: string;
+    54: string;
+    55: string;
+    56: string;
+    57: string;
+    58: string;
+    59: string;
+    60: string;
+    61: string;
+    62: string;
+    63: string;
+    64: string;
 };
 export declare const minWidth: {
-    "0": string;
-    "1": string;
-    "2": string;
-    "3": string;
-    "4": string;
-    "5": string;
-    "6": string;
-    "7": string;
-    "8": string;
-    "9": string;
-    "10": string;
-    "12": string;
-    "14": string;
-    "16": string;
-    "18": string;
-    "20": string;
-    "22": string;
-    "24": string;
-    "28": string;
-    "30": string;
-    "32": string;
-    "34": string;
-    "36": string;
-    "38": string;
-    "40": string;
-    "42": string;
-    "44": string;
-    "46": string;
-    "48": string;
-    "56": string;
-    "64": string;
     full: string;
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    13: string;
+    14: string;
+    15: string;
+    16: string;
+    17: string;
+    18: string;
+    19: string;
+    20: string;
+    21: string;
+    22: string;
+    23: string;
+    24: string;
+    25: string;
+    26: string;
+    27: string;
+    28: string;
+    29: string;
+    30: string;
+    31: string;
+    32: string;
+    33: string;
+    34: string;
+    35: string;
+    36: string;
+    37: string;
+    38: string;
+    39: string;
+    40: string;
+    41: string;
+    42: string;
+    43: string;
+    44: string;
+    45: string;
+    46: string;
+    47: string;
+    48: string;
+    49: string;
+    50: string;
+    51: string;
+    52: string;
+    53: string;
+    54: string;
+    55: string;
+    56: string;
+    57: string;
+    58: string;
+    59: string;
+    60: string;
+    61: string;
+    62: string;
+    63: string;
+    64: string;
 };
 export declare const maxWidth: {
     xs: string;
@@ -92,4 +161,69 @@ export declare const maxWidth: {
     "5xl": string;
     full: string;
     screen: string;
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    13: string;
+    14: string;
+    15: string;
+    16: string;
+    17: string;
+    18: string;
+    19: string;
+    20: string;
+    21: string;
+    22: string;
+    23: string;
+    24: string;
+    25: string;
+    26: string;
+    27: string;
+    28: string;
+    29: string;
+    30: string;
+    31: string;
+    32: string;
+    33: string;
+    34: string;
+    35: string;
+    36: string;
+    37: string;
+    38: string;
+    39: string;
+    40: string;
+    41: string;
+    42: string;
+    43: string;
+    44: string;
+    45: string;
+    46: string;
+    47: string;
+    48: string;
+    49: string;
+    50: string;
+    51: string;
+    52: string;
+    53: string;
+    54: string;
+    55: string;
+    56: string;
+    57: string;
+    58: string;
+    59: string;
+    60: string;
+    61: string;
+    62: string;
+    63: string;
+    64: string;
 };

package/public/tokens/width.js

@@ -1,39 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.maxWidth = exports.minWidth = exports.width = void 0;
+const sizing_scale_1 = require("./sizing-scale");
 exports.width = {
-    auto: "auto",
-    px: "1px",
-    "1": "4px",
-    "2": "8px",
-    "3": "12px",
-    "4": "16px",
-    "5": "20px",
-    "6": "24px",
-    "7": "28px",
-    "8": "32px",
-    "9": "36px",
-    "10": "40px",
-    "12": "48px",
-    "14": "56px",
-    "16": "64px",
-    "18": "72px",
-    "20": "80px",
-    "22": "88px",
-    "24": "96px",
-    "28": "112px",
-    "30": "120px",
-    "32": "128px",
-    "34": "136px",
-    "36": "144px",
-    "38": "152px",
-    "40": "160px",
-    "42": "168px",
-    "44": "176px",
-    "46": "184px",
-    "48": "192px",
-    "56": "224px",
-    "64": "256px",
+    ...sizing_scale_1.positiveScale,
     "1/2": "50%",
     "1/3": "33.33333%",
     "2/3": "66.66667%",
@@ -45,45 +15,18 @@ exports.width = {
     "4/5": "80%",
     "1/6": "16.66667%",
     "5/6": "83.33333%",
+    auto: "auto",
+    px: "1px",
     full: "100%",
     screen: "100vw",
     "max-content": "max-content",
 };
 exports.minWidth = {
-    "0": "0",
-    "1": "4px",
-    "2": "8px",
-    "3": "12px",
-    "4": "16px",
-    "5": "20px",
-    "6": "24px",
-    "7": "28px",
-    "8": "32px",
-    "9": "36px",
-    "10": "40px",
-    "12": "48px",
-    "14": "56px",
-    "16": "64px",
-    "18": "72px",
-    "20": "80px",
-    "22": "88px",
-    "24": "96px",
-    "28": "112px",
-    "30": "120px",
-    "32": "128px",
-    "34": "136px",
-    "36": "144px",
-    "38": "152px",
-    "40": "160px",
-    "42": "168px",
-    "44": "176px",
-    "46": "184px",
-    "48": "192px",
-    "56": "224px",
-    "64": "256px",
+    ...sizing_scale_1.positiveScale,
     full: "100%",
 };
 exports.maxWidth = {
+    ...sizing_scale_1.positiveScale,
     xs: "20rem",
     sm: "30rem",
     md: "40rem",

package/public/types/index.d.ts

@@ -1,9 +1,5 @@
 import { ComputedPlacement, AutoPlacement } from "@popperjs/core";
 export declare type ClassName = string | Array<string | ClassName>;
-export declare enum COMPLY_COMPANY_NAME {
-    APTIBLE = "aptible",
-    CONVEYOR = "conveyor"
-}
 export declare enum THEME {
     PRODUCT = "product",
     BRAND = "brand"
@@ -43,6 +39,18 @@ export declare type Action = {
     href?: string;
     external?: boolean;
 };
-declare const paddingValues: number[];
-export declare type Spacing = typeof paddingValues[number];
+declare const sizingValues: number[];
+export declare type Spacing = typeof sizingValues[number];
+export declare type SizingKeys = typeof sizingValues[number];
+export declare type DisclosureProps = {
+    isOpen: boolean;
+    onOpen(): void;
+    onClose(): void;
+    onToggle(): void;
+};
+export declare type RequiredToasterProps = {
+    id: number;
+    onClose: () => void;
+};
+export declare type ToasterPositionOptions = "top-left" | "top" | "top-right" | "bottom-left" | "bottom" | "bottom-right";
 export {};

package/public/types/index.js

@@ -1,12 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.JUSTIFY = exports.ORIENTATION = exports.KEY_CODE = exports.STATUS_VARIANT = exports.THEME = exports.COMPLY_COMPANY_NAME = void 0;
-const padding_1 = require("../tokens/padding");
-var COMPLY_COMPANY_NAME;
-(function (COMPLY_COMPANY_NAME) {
-    COMPLY_COMPANY_NAME["APTIBLE"] = "aptible";
-    COMPLY_COMPANY_NAME["CONVEYOR"] = "conveyor";
-})(COMPLY_COMPANY_NAME = exports.COMPLY_COMPANY_NAME || (exports.COMPLY_COMPANY_NAME = {}));
+exports.JUSTIFY = exports.ORIENTATION = exports.KEY_CODE = exports.STATUS_VARIANT = exports.THEME = void 0;
+const sizing_scale_1 = require("../tokens/sizing-scale");
 var THEME;
 (function (THEME) {
     THEME["PRODUCT"] = "product";
@@ -44,6 +39,4 @@ var JUSTIFY;
     JUSTIFY["END"] = "end";
     JUSTIFY["START"] = "start";
 })(JUSTIFY = exports.JUSTIFY || (exports.JUSTIFY = {}));
-const paddingValues = Object.keys(padding_1.padding)
-    .filter((val) => val !== "px")
-    .map((val) => parseInt(val, 10));
+const sizingValues = Object.keys(sizing_scale_1.positiveScale).map((val) => parseInt(val, 10));

package/public/utilities/index.d.ts

@@ -1,4 +1,5 @@
 export { bem, bemHOF } from "./bem";
+export { mergeEventHandlers } from "./mergeEventHandlers";
 export { toNumber } from "./toNumber";
 export * from "./isValidDate";
 export * from "./parseDate";

package/public/utilities/index.js

@@ -10,10 +10,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toNumber = exports.bemHOF = exports.bem = void 0;
+exports.toNumber = exports.mergeEventHandlers = exports.bemHOF = exports.bem = void 0;
 var bem_1 = require("./bem");
 Object.defineProperty(exports, "bem", { enumerable: true, get: function () { return bem_1.bem; } });
 Object.defineProperty(exports, "bemHOF", { enumerable: true, get: function () { return bem_1.bemHOF; } });
+var mergeEventHandlers_1 = require("./mergeEventHandlers");
+Object.defineProperty(exports, "mergeEventHandlers", { enumerable: true, get: function () { return mergeEventHandlers_1.mergeEventHandlers; } });
 var toNumber_1 = require("./toNumber");
 Object.defineProperty(exports, "toNumber", { enumerable: true, get: function () { return toNumber_1.toNumber; } });
 __exportStar(require("./isValidDate"), exports);

package/public/utilities/mergeEventHandlers.d.ts

@@ -0,0 +1,3 @@
+export declare function mergeEventHandlers<E>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, { checkForDefaultPrevented }?: {
+    checkForDefaultPrevented?: boolean | undefined;
+}): (event: E) => void;

package/public/utilities/mergeEventHandlers.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeEventHandlers = void 0;
+function mergeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+    return function handleEvent(event) {
+        originalEventHandler?.(event);
+        if (checkForDefaultPrevented === false ||
+            !event.defaultPrevented) {
+            return ourEventHandler?.(event);
+        }
+    };
+}
+exports.mergeEventHandlers = mergeEventHandlers;