@uipath/apollo-wind 0.9.1 → 0.10.0-pr219.61d64eb

package/dist/foundation/Future/colors.cjs

@@ -0,0 +1,92 @@
+"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__, {
+    border: ()=>border,
+    brand: ()=>brand,
+    foreground: ()=>foreground,
+    gradient: ()=>gradient,
+    ring: ()=>ring,
+    surface: ()=>surface
+});
+const surface = {
+    surface: 'bg-surface',
+    surfaceRaised: 'bg-surface-raised',
+    surfaceOverlay: 'bg-surface-overlay',
+    surfaceHover: 'bg-surface-hover',
+    surfaceMuted: 'bg-surface-muted',
+    surfaceInverse: 'bg-surface-inverse'
+};
+const brand = {
+    brand: 'bg-brand',
+    brandSubtle: 'bg-brand-subtle'
+};
+const foreground = {
+    foreground: 'text-foreground',
+    foregroundSecondary: 'text-foreground-secondary',
+    foregroundHover: 'text-foreground-hover',
+    foregroundMuted: 'text-foreground-muted',
+    foregroundSubtle: 'text-foreground-subtle',
+    foregroundInverse: 'text-foreground-inverse',
+    foregroundOnAccent: 'text-foreground-on-accent',
+    foregroundAccent: 'text-foreground-accent',
+    foregroundAccentMuted: 'text-foreground-accent-muted'
+};
+const border = {
+    border: 'border-border',
+    borderSubtle: 'border-border-subtle',
+    borderMuted: 'border-border-muted',
+    borderDeep: 'border-border-deep',
+    borderInverse: 'border-border-inverse',
+    borderHover: 'border-border-hover'
+};
+const ring = {
+    ring: 'ring-ring'
+};
+const gradient = {
+    gradient1: 'bg-gradient-1',
+    gradient2: 'bg-gradient-2',
+    gradient3: 'bg-gradient-3',
+    gradient4: 'bg-gradient-4',
+    gradient5: 'bg-gradient-5',
+    gradient6: 'bg-gradient-6'
+};
+exports.border = __webpack_exports__.border;
+exports.brand = __webpack_exports__.brand;
+exports.foreground = __webpack_exports__.foreground;
+exports.gradient = __webpack_exports__.gradient;
+exports.ring = __webpack_exports__.ring;
+exports.surface = __webpack_exports__.surface;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "border",
+    "brand",
+    "foreground",
+    "gradient",
+    "ring",
+    "surface"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,132 @@
+/**
+ * Apollo Future — Color Tokens
+ *
+ * Single source of truth for all colors in the Future design language.
+ * Includes values actively used in both Delegate and Flow templates.
+ *
+ * Colors are now theme-aware via CSS custom properties defined in
+ * `themes.css`. Apply `.future-dark` or `.future-light` to a
+ * parent element to activate a theme.
+ *
+ * The semantic Tailwind classes (e.g. `bg-surface`) resolve to
+ * different hex values depending on the active theme.
+ */
+/**
+ * Surface color tokens — semantic, theme-aware.
+ *
+ * | Token           | Semantic class              | Dark value (zinc) | Light value (zinc) | Usage                                    |
+ * |-----------------|-----------------------------|-------------------|--------------------|------------------------------------------|
+ * | surface         | bg-surface           | 950  #09090b      | white  #ffffff     | Page, canvas, containers, viewport guard |
+ * | surfaceRaised   | bg-surface-raised    | 900  #18181b      | 50   #fafafa       | Cards, overlay content, panels           |
+ * | surfaceOverlay  | bg-surface-overlay   | 800  #27272a      | 100  #f4f4f5       | Panel, inputs, tabs, icon rail           |
+ * | surfaceHover    | bg-surface-hover     | 700  #3f3f46      | 200  #e4e4e7       | Step card icon, nav hover, selected      |
+ * | surfaceMuted    | bg-surface-muted     | 500  #71717a      | 400  #a1a1aa       | Badge, loop indicator                    |
+ * | surfaceInverse  | bg-surface-inverse   | white #ffffff     | 950  #09090b       | Primary buttons (inverse)                |
+ */
+export declare const surface: {
+    readonly surface: "bg-surface";
+    readonly surfaceRaised: "bg-surface-raised";
+    readonly surfaceOverlay: "bg-surface-overlay";
+    readonly surfaceHover: "bg-surface-hover";
+    readonly surfaceMuted: "bg-surface-muted";
+    readonly surfaceInverse: "bg-surface-inverse";
+};
+/**
+ * Brand color tokens — semantic, theme-aware.
+ *
+ * | Token        | Semantic class              | Dark value (cyan) | Light value (cyan) | Usage                                    |
+ * |--------------|-----------------------------|-------------------|--------------------|------------------------------------------|
+ * | brand        | bg-brand            | 600  #0891b2      | 600  #0891b2       | Logo, submit button, run node            |
+ * | brandSubtle  | bg-brand-subtle     | 950  #083344      | 50   #ecfeff       | Status badge, active nav, node/flow icon |
+ */
+export declare const brand: {
+    readonly brand: "bg-brand";
+    readonly brandSubtle: "bg-brand-subtle";
+};
+/**
+ * Foreground color tokens — semantic, theme-aware.
+ *
+ * | Token                  | Semantic class                        | Dark value        | Light value       | Usage                     |
+ * |------------------------|---------------------------------------|-------------------|-------------------|---------------------------|
+ * | foreground             | text-foreground                | zinc-50  #fafafa  | zinc-950 #09090b  | Primary headings          |
+ * | foregroundSecondary    | text-foreground-secondary      | zinc-100 #f4f4f5  | zinc-900 #18181b  | Body, messages            |
+ * | foregroundHover        | text-foreground-hover          | zinc-300 #d4d4d8  | zinc-600 #52525b  | Hover states              |
+ * | foregroundMuted        | text-foreground-muted          | zinc-400 #a1a1aa  | zinc-500 #71717a  | Nav, secondary UI, code   |
+ * | foregroundSubtle       | text-foreground-subtle         | zinc-500 #71717a  | zinc-400 #a1a1aa  | Muted, labels             |
+ * | foregroundInverse      | text-foreground-inverse        | zinc-950 #09090b  | zinc-50  #fafafa  | Icons on inverse bg       |
+ * | foregroundOnAccent     | text-foreground-on-accent      | zinc-50  #fafafa  | zinc-50  #fafafa  | On primary buttons        |
+ * | foregroundAccent       | text-foreground-accent         | cyan-600 #0891b2  | cyan-600 #0891b2  | Flow/node icons           |
+ * | foregroundAccentMuted  | text-foreground-accent-muted   | cyan-400 #22d3ee  | cyan-600 #0891b2  | Status text               |
+ */
+export declare const foreground: {
+    readonly foreground: "text-foreground";
+    readonly foregroundSecondary: "text-foreground-secondary";
+    readonly foregroundHover: "text-foreground-hover";
+    readonly foregroundMuted: "text-foreground-muted";
+    readonly foregroundSubtle: "text-foreground-subtle";
+    readonly foregroundInverse: "text-foreground-inverse";
+    readonly foregroundOnAccent: "text-foreground-on-accent";
+    readonly foregroundAccent: "text-foreground-accent";
+    readonly foregroundAccentMuted: "text-foreground-accent-muted";
+};
+/**
+ * Border color tokens — semantic, theme-aware.
+ *
+ * | Token         | Semantic class               | Dark value        | Light value        | Usage              |
+ * |---------------|------------------------------|-------------------|--------------------|---------------------|
+ * | border        | border-border         | zinc-700 #3f3f46  | zinc-300 #d4d4d8   | Primary borders     |
+ * | borderSubtle  | border-border-subtle  | zinc-800 #27272a  | zinc-200 #e4e4e7   | Subtle dividers     |
+ * | borderMuted   | border-border-muted   | zinc-900 #18181b  | zinc-100 #f4f4f5   | Content borders     |
+ * | borderDeep    | border-border-deep    | zinc-950 #09090b  | zinc-50  #fafafa   | Nested containers   |
+ * | borderInverse | border-border-inverse | zinc-200 #e4e4e7  | zinc-700 #3f3f46   | Borders on inverse  |
+ * | borderHover   | border-border-hover   | zinc-600 #52525b  | zinc-400 #a1a1aa   | Border hover state  |
+ */
+export declare const border: {
+    readonly border: "border-border";
+    readonly borderSubtle: "border-border-subtle";
+    readonly borderMuted: "border-border-muted";
+    readonly borderDeep: "border-border-deep";
+    readonly borderInverse: "border-border-inverse";
+    readonly borderHover: "border-border-hover";
+};
+/**
+ * Ring color tokens for selection and focus states.
+ *
+ * | Token | Semantic class     | Dark value        | Light value       | Usage              |
+ * |-------|--------------------|-------------------|-------------------|--------------------|
+ * | ring  | ring-ring   | zinc-600 #52525b  | zinc-400 #a1a1aa  | Flow node selected |
+ */
+export declare const ring: {
+    readonly ring: "ring-ring";
+};
+/**
+ * Gradient tokens — theme-aware background gradients.
+ *
+ * Dark theme:
+ * | Token      | Utility class           | Angle  | From              | To                |
+ * |------------|-------------------------|--------|-------------------|-------------------|
+ * | gradient1  | bg-gradient-1    | 127deg | zinc-700 #3f3f47  | zinc-800 #27272a  |
+ * | gradient2  | bg-gradient-2    | 128deg | zinc-950 #09090b  | zinc-900 #18181b  |
+ * | gradient3  | bg-gradient-3    | 128deg | zinc-700 #3f3f47  | zinc-900 #18181b  |
+ * | gradient4  | bg-gradient-4    | 180deg | zinc-900 #18181b  | zinc-800 #27272a  |
+ * | gradient5  | bg-gradient-5    | 180deg | zinc-950 #09090b  | zinc-900 #18181b  |
+ * | gradient6  | bg-gradient-6    | 106deg | cyan-600 #0092b8  | cyan-950 #053345  |
+ *
+ * Light theme:
+ * | Token      | Utility class           | Angle  | From              | To                |
+ * |------------|-------------------------|--------|-------------------|-------------------|
+ * | gradient1  | bg-gradient-1    | 127deg | zinc-200 #e4e4e7  | zinc-100 #f4f4f5  |
+ * | gradient2  | bg-gradient-2    | 128deg | white   #ffffff   | zinc-50  #fafafa   |
+ * | gradient3  | bg-gradient-3    | 128deg | zinc-200 #e4e4e7  | zinc-50  #fafafa   |
+ * | gradient4  | bg-gradient-4    | 180deg | zinc-50  #fafafa   | zinc-100 #f4f4f5  |
+ * | gradient5  | bg-gradient-5    | 180deg | white   #ffffff   | zinc-50  #fafafa   |
+ * | gradient6  | bg-gradient-6    | 106deg | cyan-400 #22d3ee  | cyan-100 #cffafe  |
+ */
+export declare const gradient: {
+    readonly gradient1: "bg-gradient-1";
+    readonly gradient2: "bg-gradient-2";
+    readonly gradient3: "bg-gradient-3";
+    readonly gradient4: "bg-gradient-4";
+    readonly gradient5: "bg-gradient-5";
+    readonly gradient6: "bg-gradient-6";
+};

package/dist/foundation/Future/colors.js

@@ -0,0 +1,43 @@
+const surface = {
+    surface: 'bg-surface',
+    surfaceRaised: 'bg-surface-raised',
+    surfaceOverlay: 'bg-surface-overlay',
+    surfaceHover: 'bg-surface-hover',
+    surfaceMuted: 'bg-surface-muted',
+    surfaceInverse: 'bg-surface-inverse'
+};
+const brand = {
+    brand: 'bg-brand',
+    brandSubtle: 'bg-brand-subtle'
+};
+const foreground = {
+    foreground: 'text-foreground',
+    foregroundSecondary: 'text-foreground-secondary',
+    foregroundHover: 'text-foreground-hover',
+    foregroundMuted: 'text-foreground-muted',
+    foregroundSubtle: 'text-foreground-subtle',
+    foregroundInverse: 'text-foreground-inverse',
+    foregroundOnAccent: 'text-foreground-on-accent',
+    foregroundAccent: 'text-foreground-accent',
+    foregroundAccentMuted: 'text-foreground-accent-muted'
+};
+const border = {
+    border: 'border-border',
+    borderSubtle: 'border-border-subtle',
+    borderMuted: 'border-border-muted',
+    borderDeep: 'border-border-deep',
+    borderInverse: 'border-border-inverse',
+    borderHover: 'border-border-hover'
+};
+const ring = {
+    ring: 'ring-ring'
+};
+const gradient = {
+    gradient1: 'bg-gradient-1',
+    gradient2: 'bg-gradient-2',
+    gradient3: 'bg-gradient-3',
+    gradient4: 'bg-gradient-4',
+    gradient5: 'bg-gradient-5',
+    gradient6: 'bg-gradient-6'
+};
+export { border, brand, foreground, gradient, ring, surface };

package/dist/foundation/Future/radius.cjs

@@ -0,0 +1,46 @@
+"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__, {
+    borderRadius: ()=>borderRadius
+});
+const borderRadius = {
+    sm: 4,
+    lg: 8,
+    lgPlus: 10,
+    xl: 12,
+    '2xl': 16,
+    xlPlus: 20,
+    '3xl': 24,
+    pill: 32,
+    circle: 9999
+};
+exports.borderRadius = __webpack_exports__.borderRadius;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "borderRadius"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,33 @@
+/**
+ * Apollo Future — Radius Tokens
+ *
+ * Single source of truth for all border radius values
+ * in the Future design language.
+ * Includes values actively used in both Delegate and Flow templates.
+ */
+/**
+ * Border radius scale in pixels.
+ *
+ * | Token   | px    | Tailwind         | Usage                       |
+ * |---------|-------|------------------|-----------------------------|
+ * | sm      | 4     | rounded-[4px]    | Chat bubble corner (Flow)   |
+ * | lg      | 8     | rounded-lg       | Buttons, inputs, icons      |
+ * | lgPlus  | 10    | rounded-[10px]   | Toggle pill buttons         |
+ * | xl      | 12    | rounded-xl       | Toggle containers, cards    |
+ * | 2xl     | 16    | rounded-2xl      | Panels, large cards         |
+ * | xlPlus  | 20    | rounded-[20px]   | Node size selector (Flow)   |
+ * | 3xl     | 24    | rounded-3xl      | Canvas toolbar              |
+ * | pill    | 32    | rounded-[32px]   | Delegate card radius        |
+ * | circle  | 9999  | rounded-full     | Circular buttons (send)     |
+ */
+export declare const borderRadius: {
+    readonly sm: 4;
+    readonly lg: 8;
+    readonly lgPlus: 10;
+    readonly xl: 12;
+    readonly '2xl': 16;
+    readonly xlPlus: 20;
+    readonly '3xl': 24;
+    readonly pill: 32;
+    readonly circle: 9999;
+};

package/dist/foundation/Future/radius.js

@@ -0,0 +1,12 @@
+const borderRadius = {
+    sm: 4,
+    lg: 8,
+    lgPlus: 10,
+    xl: 12,
+    '2xl': 16,
+    xlPlus: 20,
+    '3xl': 24,
+    pill: 32,
+    circle: 9999
+};
+export { borderRadius };

package/dist/foundation/Future/responsive.cjs

@@ -0,0 +1,49 @@
+"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__, {
+    breakpoint: ()=>breakpoint,
+    viewport: ()=>viewport
+});
+const breakpoint = {
+    viewportGuard: 769,
+    panelExpand: 1025
+};
+const viewport = {
+    xs: 540,
+    s: 768,
+    m: 1024,
+    l: 1440,
+    xl: 1920
+};
+exports.breakpoint = __webpack_exports__.breakpoint;
+exports.viewport = __webpack_exports__.viewport;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "breakpoint",
+    "viewport"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,40 @@
+/**
+ * Apollo Future — Responsive Tokens
+ *
+ * Single source of truth for breakpoints and viewport widths
+ * in the Future design language.
+ * Includes values actively used in both Delegate and Flow templates
+ * and ViewportGuard.
+ */
+/**
+ * Breakpoints used in Delegate templates and guards.
+ * Use with window.matchMedia(`(min-width: ${value}px)`).
+ *
+ * | Token         | px   | Usage                                      |
+ * |---------------|------|--------------------------------------------|
+ * | viewportGuard | 769  | Content shown ≥769px; below shows overlay   |
+ * | panelExpand   | 1025 | Left panel expanded ≥1025px; else collapsed |
+ */
+export declare const breakpoint: {
+    readonly viewportGuard: 769;
+    readonly panelExpand: 1025;
+};
+/**
+ * Named viewport widths used in Storybook and for reference.
+ * Matches Theme/Future viewport dropdown (Screen XL, L, M, S, XS).
+ *
+ * | Token | px   | Name           |
+ * |-------|------|----------------|
+ * | xs    | 540  | Screen XS 540  |
+ * | s     | 768  | Screen S 768   |
+ * | m     | 1024 | Screen M 1024  |
+ * | l     | 1440 | Screen L 1440  |
+ * | xl    | 1920 | Screen XL 1920 |
+ */
+export declare const viewport: {
+    readonly xs: 540;
+    readonly s: 768;
+    readonly m: 1024;
+    readonly l: 1440;
+    readonly xl: 1920;
+};

package/dist/foundation/Future/responsive.js

@@ -0,0 +1,12 @@
+const breakpoint = {
+    viewportGuard: 769,
+    panelExpand: 1025
+};
+const viewport = {
+    xs: 540,
+    s: 768,
+    m: 1024,
+    l: 1440,
+    xl: 1920
+};
+export { breakpoint, viewport };

package/dist/foundation/Future/shadows.cjs

@@ -0,0 +1,48 @@
+"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__, {
+    boxShadow: ()=>boxShadow,
+    boxShadowClass: ()=>boxShadowClass
+});
+const boxShadow = {
+    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+    rail: '0px 4px 16px 0px rgba(0, 0, 0, 0.25)',
+    elevated: '0px 4px 24px 0px rgba(0, 0, 0, 0.25)'
+};
+const boxShadowClass = {
+    sm: 'shadow-sm',
+    rail: 'shadow-[0px_4px_16px_0px_rgba(0,0,0,0.25)]',
+    elevated: 'shadow-[0px_4px_24px_0px_rgba(0,0,0,0.25)]'
+};
+exports.boxShadow = __webpack_exports__.boxShadow;
+exports.boxShadowClass = __webpack_exports__.boxShadowClass;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "boxShadow",
+    "boxShadowClass"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,29 @@
+/**
+ * Apollo Future — Shadow Tokens
+ *
+ * Single source of truth for all box-shadow values
+ * in the Future design language.
+ * Includes values actively used in both Delegate and Flow templates.
+ */
+/**
+ * Box shadow scale.
+ *
+ * | Token     | Value                                    | Tailwind                                              | Usage                              |
+ * |-----------|------------------------------------------|-------------------------------------------------------|------------------------------------|
+ * | sm        | 0 1px 2px 0 rgba(0,0,0,0.05)             | shadow-sm                                             | Subtle lift (logo, small badges)   |
+ * | rail      | 0px 4px 16px 0px rgba(0,0,0,0.25)        | shadow-[0px_4px_16px_0px_rgba(0,0,0,0.25)]           | Icon rail shadow (Flow panel)      |
+ * | elevated  | 0px 4px 24px 0px rgba(0,0,0,0.25)        | shadow-[0px_4px_24px_0px_rgba(0,0,0,0.25)]           | Panels, hover cards                |
+ */
+export declare const boxShadow: {
+    readonly sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+    readonly rail: "0px 4px 16px 0px rgba(0, 0, 0, 0.25)";
+    readonly elevated: "0px 4px 24px 0px rgba(0, 0, 0, 0.25)";
+};
+/**
+ * Tailwind class mapping for quick reference.
+ */
+export declare const boxShadowClass: {
+    readonly sm: "shadow-sm";
+    readonly rail: "shadow-[0px_4px_16px_0px_rgba(0,0,0,0.25)]";
+    readonly elevated: "shadow-[0px_4px_24px_0px_rgba(0,0,0,0.25)]";
+};

package/dist/foundation/Future/shadows.js

@@ -0,0 +1,11 @@
+const boxShadow = {
+    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+    rail: '0px 4px 16px 0px rgba(0, 0, 0, 0.25)',
+    elevated: '0px 4px 24px 0px rgba(0, 0, 0, 0.25)'
+};
+const boxShadowClass = {
+    sm: 'shadow-sm',
+    rail: 'shadow-[0px_4px_16px_0px_rgba(0,0,0,0.25)]',
+    elevated: 'shadow-[0px_4px_24px_0px_rgba(0,0,0,0.25)]'
+};
+export { boxShadow, boxShadowClass };

package/dist/foundation/Future/spacing.cjs

@@ -0,0 +1,71 @@
+"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__, {
+    spacing: ()=>spacing,
+    spacingArbitrary: ()=>spacingArbitrary,
+    spacingHalf: ()=>spacingHalf
+});
+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
+};
+exports.spacing = __webpack_exports__.spacing;
+exports.spacingArbitrary = __webpack_exports__.spacingArbitrary;
+exports.spacingHalf = __webpack_exports__.spacingHalf;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "spacing",
+    "spacingArbitrary",
+    "spacingHalf"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});