@assembly-js/design-system 2.4.0

package/dist/umd/index.js

@@ -0,0 +1,220 @@
+// This file is generated by a script. Do not edit this file directly.
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "./components/Avatar/Avatar", "./components/Avatar/UserWithCompanyAvatar", "./components/Breadcrumb/Breadcrumbs", "./components/Button", "./components/Checkbox/Checkbox", "./components/Chip/Chip", "./components/Icon", "./components/Input", "./components/Search/Search", "./components/Spinner", "./components/Status/Status", "./components/Tag/Tag", "./components/TextLink/TextLink", "./components/Typography", "./components/Toggle/Toggle", "./components/Radio/Radio", "./components/Tooltip/Tooltip", "./components/Callout/Callout", "./components/Toolbar", "./components/UserCompanySelector/UserCompanySelector"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("./components/Avatar/Avatar"), require("./components/Avatar/UserWithCompanyAvatar"), require("./components/Breadcrumb/Breadcrumbs"), require("./components/Button"), require("./components/Checkbox/Checkbox"), require("./components/Chip/Chip"), require("./components/Icon"), require("./components/Input"), require("./components/Search/Search"), require("./components/Spinner"), require("./components/Status/Status"), require("./components/Tag/Tag"), require("./components/TextLink/TextLink"), require("./components/Typography"), require("./components/Toggle/Toggle"), require("./components/Radio/Radio"), require("./components/Tooltip/Tooltip"), require("./components/Callout/Callout"), require("./components/Toolbar"), require("./components/UserCompanySelector/UserCompanySelector"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.Avatar, global.UserWithCompanyAvatar, global.Breadcrumbs, global.Button, global.Checkbox, global.Chip, global.Icon, global.Input, global.Search, global.Spinner, global.Status, global.Tag, global.TextLink, global.Typography, global.Toggle, global.Radio, global.Tooltip, global.Callout, global.Toolbar, global.UserCompanySelector);
+    global.index = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _Avatar, _UserWithCompanyAvatar, _Breadcrumbs, _Button, _Checkbox, _Chip, _Icon, _Input, _Search, _Spinner, _Status, _Tag, _TextLink, _Typography, _Toggle, _Radio, _Tooltip, _Callout, _Toolbar, _UserCompanySelector) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  Object.keys(_Avatar).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Avatar[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Avatar[key];
+      }
+    });
+  });
+  Object.keys(_UserWithCompanyAvatar).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _UserWithCompanyAvatar[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _UserWithCompanyAvatar[key];
+      }
+    });
+  });
+  Object.keys(_Breadcrumbs).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Breadcrumbs[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Breadcrumbs[key];
+      }
+    });
+  });
+  Object.keys(_Button).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Button[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Button[key];
+      }
+    });
+  });
+  Object.keys(_Checkbox).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Checkbox[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Checkbox[key];
+      }
+    });
+  });
+  Object.keys(_Chip).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Chip[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Chip[key];
+      }
+    });
+  });
+  Object.keys(_Icon).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Icon[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Icon[key];
+      }
+    });
+  });
+  Object.keys(_Input).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Input[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Input[key];
+      }
+    });
+  });
+  Object.keys(_Search).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Search[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Search[key];
+      }
+    });
+  });
+  Object.keys(_Spinner).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Spinner[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Spinner[key];
+      }
+    });
+  });
+  Object.keys(_Status).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Status[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Status[key];
+      }
+    });
+  });
+  Object.keys(_Tag).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Tag[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Tag[key];
+      }
+    });
+  });
+  Object.keys(_TextLink).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _TextLink[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _TextLink[key];
+      }
+    });
+  });
+  Object.keys(_Typography).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Typography[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Typography[key];
+      }
+    });
+  });
+  Object.keys(_Toggle).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Toggle[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Toggle[key];
+      }
+    });
+  });
+  Object.keys(_Radio).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Radio[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Radio[key];
+      }
+    });
+  });
+  Object.keys(_Tooltip).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Tooltip[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Tooltip[key];
+      }
+    });
+  });
+  Object.keys(_Callout).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Callout[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Callout[key];
+      }
+    });
+  });
+  Object.keys(_Toolbar).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _Toolbar[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _Toolbar[key];
+      }
+    });
+  });
+  Object.keys(_UserCompanySelector).forEach(function (key) {
+    if (key === "default" || key === "__esModule") return;
+    if (key in _exports && _exports[key] === _UserCompanySelector[key]) return;
+    Object.defineProperty(_exports, key, {
+      enumerable: true,
+      get: function get() {
+        return _UserCompanySelector[key];
+      }
+    });
+  });
+});

package/dist/umd/theme/colors.js

@@ -0,0 +1,57 @@
+// This file is generated by a script. Do not edit this file directly.
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.colors = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.colors = _exports.categoricalColors = void 0;
+  var colors = _exports.colors = {
+    blue: {
+      700: '#053299',
+      500: '#0C41BB',
+      400: '#053299',
+      200: '#92A9E0',
+      100: '#E6F0FF'
+    },
+    green: {
+      500: '#115B3B',
+      100: '#DFFFEB'
+    },
+    red: {
+      500: '#991A00',
+      100: '#FFEDE8'
+    },
+    orange: {
+      500: '#863805',
+      100: '#FEF6D0'
+    },
+    purple: {
+      500: '#4B3AA3',
+      100: '#F1EEFF'
+    },
+    gray: {
+      500: '#9B9FA3'
+    }
+  };
+  var categoricalColors = _exports.categoricalColors = {
+    gray: '#b8bfcb',
+    violet: '#a988e6',
+    rose: '#e9728b',
+    amber: '#e7b04a',
+    teal: '#56c6be',
+    cyan: '#77b6e3'
+  };
+});

package/dist/umd/theme/semantic.js

@@ -0,0 +1,70 @@
+// This file is generated by a script. Do not edit this file directly.
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "./colors"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("./colors"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.colors);
+    global.semantic = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _colors) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.textColors = _exports.backgroundColors = void 0;
+  // DEFAULT represents the primary color for each category
+  // When applying these in class names, `DEFAULT` is implied and does not need to be explicitly referenced.
+
+  // Text colors
+  var textColors = _exports.textColors = {
+    info: {
+      DEFAULT: _colors.colors.blue[500]
+    },
+    success: {
+      DEFAULT: _colors.colors.green[500]
+    },
+    error: {
+      DEFAULT: _colors.colors.red[500]
+    },
+    warning: {
+      DEFAULT: _colors.colors.orange[500]
+    },
+    highlight: {
+      DEFAULT: _colors.colors.purple[500]
+    },
+    link: {
+      DEFAULT: _colors.colors.blue[500],
+      hover: _colors.colors.blue[400],
+      active: _colors.colors.blue[700],
+      disabled: _colors.colors.blue[200]
+    },
+    placeholder: {
+      DEFAULT: _colors.colors.gray[500]
+    }
+  };
+
+  // Background colors
+  var backgroundColors = _exports.backgroundColors = {
+    info: {
+      DEFAULT: _colors.colors.blue[100]
+    },
+    success: {
+      DEFAULT: _colors.colors.green[100]
+    },
+    error: {
+      DEFAULT: _colors.colors.red[100]
+    },
+    warning: {
+      DEFAULT: _colors.colors.orange[100]
+    },
+    highlight: {
+      DEFAULT: _colors.colors.purple[100]
+    }
+  };
+});

package/dist/umd/types/common/ChoiceGroupLayout/ChoiceGroupLayout.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { type TooltipProps } from '../../components/Tooltip/Tooltip';
+export declare enum ChoiceGroupDirection {
+    VERTICAL = "vertical",
+    HORIZONTAL = "horizontal"
+}
+export declare enum ChoiceGroupColumns {
+    SingleCol = "single-column",
+    TwoCol = "two-column"
+}
+export interface ChoiceGroupLayoutProps {
+    label: string;
+    description?: string;
+    error?: string;
+    helperText?: string;
+    direction?: ChoiceGroupDirection;
+    layout?: ChoiceGroupColumns;
+    children: React.ReactNode;
+    className?: string;
+    tooltipProps?: TooltipProps;
+}
+export declare const ChoiceGroupLayout: React.FC<ChoiceGroupLayoutProps>;

package/dist/umd/types/common/utils.d.ts

@@ -0,0 +1,4 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function ensureUnreachable(value: never, message?: string): never;
+export declare function getInitials(name: string, twoLetter?: boolean): string;