@uipath/apollo-wind 0.10.0 → 0.11.0-pr295.af4e744

package/dist/foundation/Future/spacing.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Apollo Future — Spacing Tokens
+ *
+ * Single source of truth for spacing (padding, margin, gap, dimensions)
+ * in the Future design language.
+ * Includes values actively used in both Delegate and Flow templates.
+ * All values map to Tailwind spacing scale or arbitrary values in use.
+ */
+/**
+ * Spacing scale in pixels.
+ *
+ * | Token | px  | Tailwind     | Usage example             |
+ * |-------|-----|--------------|---------------------------|
+ * | 0     | 0   | p-0          | Reset padding             |
+ * | 1     | 4   | p-1, gap-1   | Tight padding             |
+ * | 2     | 8   | p-2, gap-2   | Default gaps              |
+ * | 3     | 12  | px-3, py-3   | Inline padding            |
+ * | 4     | 16  | p-4, gap-4   | Content padding           |
+ * | 5     | 20  | py-5         | Section padding           |
+ * | 6     | 24  | gap-6, px-6  | Large gaps                |
+ * | 7     | 28  | gap-7        | Chat message gap (Flow)   |
+ * | 8     | 32  | gap-8        | Section gaps              |
+ * | 10    | 40  | px-10        | Page horizontal           |
+ */
+export declare const spacing: {
+    readonly 0: 0;
+    readonly 1: 4;
+    readonly 2: 8;
+    readonly 3: 12;
+    readonly 4: 16;
+    readonly 5: 20;
+    readonly 6: 24;
+    readonly 7: 28;
+    readonly 8: 32;
+    readonly 10: 40;
+};
+/**
+ * Fractional / half-unit spacing used in templates.
+ *
+ * | Token | px  | Tailwind  | Usage                         |
+ * |-------|-----|-----------|-------------------------------|
+ * | 0.5   | 2   | gap-0.5   | Tight gaps                   |
+ * | 2.5   | 10  | pt-2.5    | Node card padding, toolbar   |
+ */
+export declare const spacingHalf: {
+    readonly '0.5': 2;
+    readonly '2.5': 10;
+};
+/**
+ * Arbitrary spacing values used in Future templates.
+ *
+ * | Token | px   | Usage                            |
+ * |-------|------|----------------------------------|
+ * | 15    | 15   | gap-[15px] (Flow node)           |
+ * | 18    | 18   | gap-[18px], pt-[18px] (Delegate) |
+ * | 20    | 20   | mt-20 (Delegate)                 |
+ * | 37    | 37   | gap-[37px] (Delegate)            |
+ * | 60    | 60   | Panel icon rail (60×60px)        |
+ * | 78    | 78   | min-h-[78px] (Delegate)          |
+ * | 124   | 124  | min-h-[124px] (Delegate)         |
+ * | 360   | 360  | Flow node size (360×360px)       |
+ * | 420   | 420  | Flow expanded panel width        |
+ * | 680   | 680  | max-w-[680px] (properties bar)   |
+ * | 800   | 800  | max-w-[800px] (Delegate)         |
+ * | 930   | 930  | Properties expanded panel width  |
+ */
+export declare const spacingArbitrary: {
+    readonly 15: 15;
+    readonly 18: 18;
+    readonly 20: 20;
+    readonly 37: 37;
+    readonly 60: 60;
+    readonly 78: 78;
+    readonly 124: 124;
+    readonly 360: 360;
+    readonly 420: 420;
+    readonly 680: 680;
+    readonly 800: 800;
+    readonly 930: 930;
+};

package/dist/foundation/Future/spacing.js

@@ -0,0 +1,31 @@
+const spacing = {
+    0: 0,
+    1: 4,
+    2: 8,
+    3: 12,
+    4: 16,
+    5: 20,
+    6: 24,
+    7: 28,
+    8: 32,
+    10: 40
+};
+const spacingHalf = {
+    '0.5': 2,
+    '2.5': 10
+};
+const spacingArbitrary = {
+    15: 15,
+    18: 18,
+    20: 20,
+    37: 37,
+    60: 60,
+    78: 78,
+    124: 124,
+    360: 360,
+    420: 420,
+    680: 680,
+    800: 800,
+    930: 930
+};
+export { spacing, spacingArbitrary, spacingHalf };

package/dist/foundation/Future/strokes.cjs

@@ -0,0 +1,59 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    borderColor: ()=>borderColor,
+    borderColorClass: ()=>borderColorClass,
+    borderWidth: ()=>borderWidth
+});
+const borderWidth = {
+    none: 0,
+    default: 1
+};
+const borderColor = {
+    subtle: '#27272a',
+    default: '#3f3f46',
+    muted: '#18181b',
+    strong: '#e4e4e7',
+    hover: '#52525b'
+};
+const borderColorClass = {
+    subtle: 'border-zinc-800',
+    default: 'border-zinc-700',
+    muted: 'border-zinc-900',
+    strong: 'border-zinc-200',
+    hover: 'border-zinc-600'
+};
+exports.borderColor = __webpack_exports__.borderColor;
+exports.borderColorClass = __webpack_exports__.borderColorClass;
+exports.borderWidth = __webpack_exports__.borderWidth;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "borderColor",
+    "borderColorClass",
+    "borderWidth"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/foundation/Future/strokes.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Apollo Future — Stroke Tokens
+ *
+ * Single source of truth for border widths and border colors
+ * in the Future design language.
+ * Includes values actively used in both Delegate and Flow templates.
+ *
+ * For border radius tokens, see `radius.ts`.
+ */
+/**
+ * Border width scale in pixels.
+ *
+ * | Token   | px | Tailwind       |
+ * |---------|----|----------------|
+ * | none    | 0  | border-0       |
+ * | default | 1  | border         |
+ */
+export declare const borderWidth: {
+    readonly none: 0;
+    readonly default: 1;
+};
+/**
+ * Semantic border color tokens mapped to Tailwind Zinc palette.
+ *
+ * | Token    | Hex     | Tailwind          | Usage                          |
+ * |----------|---------|-------------------|--------------------------------|
+ * | subtle   | #27272a | border-zinc-800   | Dividers, card borders         |
+ * | default  | #3f3f46 | border-zinc-700   | Default component borders      |
+ * | muted    | #18181b | border-zinc-900   | Subdued container borders      |
+ * | strong   | #e4e4e7 | border-zinc-200   | High-contrast borders on dark  |
+ * | hover    | #52525b | border-zinc-600   | Hover state borders            |
+ */
+export declare const borderColor: {
+    readonly subtle: "#27272a";
+    readonly default: "#3f3f46";
+    readonly muted: "#18181b";
+    readonly strong: "#e4e4e7";
+    readonly hover: "#52525b";
+};
+/**
+ * Tailwind class mapping for quick reference.
+ */
+export declare const borderColorClass: {
+    readonly subtle: "border-zinc-800";
+    readonly default: "border-zinc-700";
+    readonly muted: "border-zinc-900";
+    readonly strong: "border-zinc-200";
+    readonly hover: "border-zinc-600";
+};

package/dist/foundation/Future/strokes.js

@@ -0,0 +1,19 @@
+const borderWidth = {
+    none: 0,
+    default: 1
+};
+const borderColor = {
+    subtle: '#27272a',
+    default: '#3f3f46',
+    muted: '#18181b',
+    strong: '#e4e4e7',
+    hover: '#52525b'
+};
+const borderColorClass = {
+    subtle: 'border-zinc-800',
+    default: 'border-zinc-700',
+    muted: 'border-zinc-900',
+    strong: 'border-zinc-200',
+    hover: 'border-zinc-600'
+};
+export { borderColor, borderColorClass, borderWidth };

package/dist/foundation/Future/types.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/foundation/Future/types.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Apollo Future — Shared Types
+ *
+ * Centralised type definitions used across all Future design-system templates
+ * and components. Import from this file to keep theme-related types consistent.
+ */
+/**
+ * All supported theme modes for templates.
+ *
+ * Apollo Core (applied to <body>):
+ * - `'dark'`         — Apollo Core dark theme
+ * - `'light'`        — Apollo Core light theme
+ * - `'dark-hc'`      — Apollo Core dark high-contrast theme
+ * - `'light-hc'`     — Apollo Core light high-contrast theme
+ *
+ * Future (applied as CSS class):
+ * - `'future-dark'`  — Future dark theme (zinc + cyan)
+ * - `'future-light'` — Future light theme (zinc + cyan)
+ *
+ * Demo (applied as CSS class):
+ * - `'wireframe'`    — Demo: low-fidelity wireframe theme
+ * - `'vertex'`       — Demo: Apollo Vertex dark palette
+ * - `'canvas'`       — Demo: Apollo React / MUI dark palette
+ */
+export type Theme = 'dark' | 'light' | 'dark-hc' | 'light-hc' | 'future-dark' | 'future-light' | 'wireframe' | 'vertex' | 'canvas';

package/dist/foundation/Future/typography.cjs

@@ -0,0 +1,79 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    fontFamily: ()=>fontFamily,
+    fontSize: ()=>fontSize,
+    fontWeight: ()=>fontWeight,
+    letterSpacing: ()=>letterSpacing,
+    lineHeight: ()=>lineHeight
+});
+const fontFamily = {
+    base: "'Inter', system-ui, -apple-system, sans-serif",
+    monospace: "'JetBrains Mono', 'SF Mono', 'Fira Code', 'Fira Mono', Menlo, monospace",
+    numeric: "'Inter', system-ui, -apple-system, sans-serif",
+    sans: "'Inter', system-ui, -apple-system, sans-serif"
+};
+const fontSize = {
+    xs: 12,
+    sm: 14,
+    md: 15,
+    base: 16,
+    xl: 20,
+    '4xl': 40
+};
+const fontWeight = {
+    normal: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700
+};
+const lineHeight = {
+    snug: 20,
+    normal: 24,
+    loose: 36
+};
+const letterSpacing = {
+    tight: '-0.8px',
+    snug: '-0.6px',
+    normal: '-0.4px',
+    subtle: '-0.35px',
+    fine: '-0.3px'
+};
+exports.fontFamily = __webpack_exports__.fontFamily;
+exports.fontSize = __webpack_exports__.fontSize;
+exports.fontWeight = __webpack_exports__.fontWeight;
+exports.letterSpacing = __webpack_exports__.letterSpacing;
+exports.lineHeight = __webpack_exports__.lineHeight;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "fontFamily",
+    "fontSize",
+    "fontWeight",
+    "letterSpacing",
+    "lineHeight"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/foundation/Future/typography.d.ts

@@ -0,0 +1,86 @@
+/**
+ * Apollo Future — Typography Tokens
+ *
+ * Single source of truth for all typography in the Future design language.
+ * Includes values actively used in both Delegate and Flow templates.
+ * Templates and components should import from this file rather than
+ * hard-coding font values.
+ */
+export declare const fontFamily: {
+    /** Primary sans-serif stack — used for all UI text */
+    readonly base: "'Inter', system-ui, -apple-system, sans-serif";
+    /** Monospace stack — used for code, data, and technical content */
+    readonly monospace: "'JetBrains Mono', 'SF Mono', 'Fira Code', 'Fira Mono', Menlo, monospace";
+    /** Numeric stack — used for tabular numbers and data displays */
+    readonly numeric: "'Inter', system-ui, -apple-system, sans-serif";
+    /** @deprecated Use `fontFamily.base` instead */
+    readonly sans: "'Inter', system-ui, -apple-system, sans-serif";
+};
+/**
+ * Font size scale in pixels.
+ *
+ * | Token  | px  | Tailwind       |
+ * |--------|-----|----------------|
+ * | xs     | 12  | text-xs        |
+ * | sm     | 14  | text-sm        |
+ * | md     | 15  | text-[15px]    |
+ * | base   | 16  | text-base      |
+ * | xl     | 20  | text-xl        |
+ * | 4xl    | 40  | text-[40px]    |
+ */
+export declare const fontSize: {
+    readonly xs: 12;
+    readonly sm: 14;
+    readonly md: 15;
+    readonly base: 16;
+    readonly xl: 20;
+    readonly '4xl': 40;
+};
+/**
+ * Font weight scale.
+ *
+ * | Token     | Value | Tailwind        |
+ * |-----------|-------|-----------------|
+ * | normal    | 400   | font-normal     |
+ * | medium    | 500   | font-medium     |
+ * | semibold  | 600   | font-semibold   |
+ * | bold      | 700   | font-bold       |
+ */
+export declare const fontWeight: {
+    readonly normal: 400;
+    readonly medium: 500;
+    readonly semibold: 600;
+    readonly bold: 700;
+};
+/**
+ * Line height scale in pixels.
+ *
+ * | Token    | px  | Tailwind    |
+ * |----------|-----|-------------|
+ * | snug     | 20  | leading-5   |
+ * | normal   | 24  | leading-6   |
+ * | loose    | 36  | leading-9   |
+ */
+export declare const lineHeight: {
+    readonly snug: 20;
+    readonly normal: 24;
+    readonly loose: 36;
+};
+/**
+ * Letter spacing tokens in pixels.
+ *
+ * | Token    | Value    | Tailwind              | Usage                      |
+ * |----------|---------|-----------------------|----------------------------|
+ * | tight    | -0.8px  | tracking-[-0.8px]     | Large headings (40px)      |
+ * | snug     | -0.6px  | tracking-[-0.6px]     | Panel tab titles           |
+ * | normal   | -0.4px  | tracking-[-0.4px]     | Primary text (16px)        |
+ * | subtle   | -0.35px | tracking-[-0.35px]    | Subtitles, labels (14px)   |
+ * | fine     | -0.3px  | tracking-[-0.3px]     | Small labels (12px)        |
+ */
+export declare const letterSpacing: {
+    readonly tight: "-0.8px";
+    readonly snug: "-0.6px";
+    readonly normal: "-0.4px";
+    readonly subtle: "-0.35px";
+    readonly fine: "-0.3px";
+};

package/dist/foundation/Future/typography.js

@@ -0,0 +1,33 @@
+const fontFamily = {
+    base: "'Inter', system-ui, -apple-system, sans-serif",
+    monospace: "'JetBrains Mono', 'SF Mono', 'Fira Code', 'Fira Mono', Menlo, monospace",
+    numeric: "'Inter', system-ui, -apple-system, sans-serif",
+    sans: "'Inter', system-ui, -apple-system, sans-serif"
+};
+const fontSize = {
+    xs: 12,
+    sm: 14,
+    md: 15,
+    base: 16,
+    xl: 20,
+    '4xl': 40
+};
+const fontWeight = {
+    normal: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700
+};
+const lineHeight = {
+    snug: 20,
+    normal: 24,
+    loose: 36
+};
+const letterSpacing = {
+    tight: '-0.8px',
+    snug: '-0.6px',
+    normal: '-0.4px',
+    subtle: '-0.35px',
+    fine: '-0.3px'
+};
+export { fontFamily, fontSize, fontWeight, letterSpacing, lineHeight };