@conveyorhq/arrow-ds 2.0.0-beta.6 → 2.0.0-beta.7

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

@@ -39,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,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.JUSTIFY = exports.ORIENTATION = exports.KEY_CODE = exports.STATUS_VARIANT = exports.THEME = void 0;
-const padding_1 = require("../tokens/padding");
+const sizing_scale_1 = require("../tokens/sizing-scale");
 var THEME;
 (function (THEME) {
     THEME["PRODUCT"] = "product";
@@ -39,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));