@xfers/design-system 4.1.4-dev.053ec636cf → 4.1.4-dev.3909bc3835

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfers/design-system",
-  "version": "4.1.4-dev.053ec636cf",
+  "version": "4.1.4-dev.3909bc3835",
   "description": "StraitsX design system",
   "keywords": [
     "xfers",
@@ -160,8 +160,5 @@
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
-  },
-  "dependencies": {
-    "material-symbols": "^0.38.0"
   }
 }

package/dist/icons/MaterialSymbols/MaterialSymbols.js

@@ -1,32 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-require("material-symbols/rounded.css");
-var ColorStyles_1 = require("src/shared/ColorStyles");
-var SIZE_MAP = {
-    xs: 16,
-    s: 20,
-    m: 24,
-    l: 32,
-    xl: 40,
-    xxl: 48
-};
-var MaterialSymbols = function (_a) {
-    var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'm' : _b, _c = _a.fill, fill = _c === void 0 ? 0 : _c, _d = _a.color, color = _d === void 0 ? ColorStyles_1.NEUTRAL_COLORS.BLACK : _d, _e = _a.className, className = _e === void 0 ? '' : _e, style = _a.style;
-    var iconSize = typeof size === 'string' ? SIZE_MAP[size] : size;
-    var materialSymbolStyle = __assign({ fontVariationSettings: "'FILL' ".concat(fill, ", 'wght' 400"), fontSize: iconSize, color: color }, style);
-    return (react_1.default.createElement("span", { className: "material-symbols-rounded ".concat(className), style: materialSymbolStyle }, icon));
-};
-exports.default = MaterialSymbols;
-//# sourceMappingURL=MaterialSymbols.js.map

package/dist/icons/MaterialSymbols/MaterialSymbols.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaterialSymbols.js","sourceRoot":"","sources":["../../../src/icons/MaterialSymbols/MaterialSymbols.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+BAAyB;AAEzB,wCAAqC;AACrC,sDAAuD;AAEvD,IAAM,QAAQ,GAAG;IACf,EAAE,EAAE,EAAE;IACN,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;CACC,CAAA;AAcV,IAAM,eAAe,GAAG,UAAC,EAOH;QANpB,IAAI,UAAA,EACJ,YAAU,EAAV,IAAI,mBAAG,GAAG,KAAA,EACV,YAAQ,EAAR,IAAI,mBAAG,CAAC,KAAA,EACR,aAA4B,EAA5B,KAAK,mBAAG,4BAAc,CAAC,KAAK,KAAA,EAC5B,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA;IAEL,IAAM,QAAQ,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAEjE,IAAM,mBAAmB,cACvB,qBAAqB,EAAE,iBAAU,IAAI,iBAAc,EACnD,QAAQ,EAAE,QAAQ,EAClB,KAAK,OAAA,IACF,KAAK,CACT,CAAA;IAED,OAAO,CACL,wCACE,SAAS,EAAE,mCAA4B,SAAS,CAAE,EAClD,KAAK,EAAE,mBAAmB,IAEzB,IAAI,CACA,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}

package/dist/icons/MaterialSymbols/MaterialSymbolsStories.args.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.materialSymbolArgTypes = void 0;
-var ColorStyles_1 = require("src/shared/ColorStyles");
-exports.materialSymbolArgTypes = {
-    icon: {
-        control: { type: 'text' },
-        description: 'The name of the Material Symbol icon to display',
-        table: {
-            defaultValue: { summary: 'home' }
-        }
-    },
-    size: {
-        control: { type: 'select' },
-        options: ['xs', 's', 'm', 'l', 'xl', 'xxl', 27],
-        description: 'Size of the icon (preset sizes: xs=16, s=20, m=24, l=32, xl=40, xxl=48 or custom number)',
-        table: {
-            defaultValue: { summary: 'm' }
-        }
-    },
-    fill: {
-        control: { type: 'radio' },
-        options: [0, 1],
-        description: 'Fill of the icon (0 = outlined, 1 = filled)',
-        table: {
-            defaultValue: { summary: '0' }
-        }
-    },
-    color: {
-        control: { type: 'color' },
-        description: 'Color of the icon',
-        table: {
-            defaultValue: { summary: ColorStyles_1.NEUTRAL_COLORS.BLACK }
-        }
-    }
-};
-//# sourceMappingURL=MaterialSymbolsStories.args.js.map

package/dist/icons/MaterialSymbols/MaterialSymbolsStories.args.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaterialSymbolsStories.args.js","sourceRoot":"","sources":["../../../src/icons/MaterialSymbols/MaterialSymbolsStories.args.ts"],"names":[],"mappings":";;;AAAA,sDAAuD;AAE1C,QAAA,sBAAsB,GAAG;IACpC,IAAI,EAAE;QACJ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACzB,WAAW,EAAE,iDAAiD;QAC9D,KAAK,EAAE;YACL,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;SAClC;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;QAC/C,WAAW,EACT,0FAA0F;QAC5F,KAAK,EAAE;YACL,YAAY,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;SAC/B;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;QAC1B,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACf,WAAW,EAAE,6CAA6C;QAC1D,KAAK,EAAE;YACL,YAAY,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;SAC/B;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;QAC1B,WAAW,EAAE,mBAAmB;QAChC,KAAK,EAAE;YACL,YAAY,EAAE,EAAE,OAAO,EAAE,4BAAc,CAAC,KAAK,EAAE;SAChD;KACF;CACO,CAAA"}

package/dist/icons/MaterialSymbols/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaterialSymbols = void 0;
-require("material-symbols/rounded.css");
-var MaterialSymbols_1 = require("./MaterialSymbols");
-Object.defineProperty(exports, "MaterialSymbols", { enumerable: true, get: function () { return MaterialSymbols_1.default; } });
-//# sourceMappingURL=index.js.map

package/dist/icons/MaterialSymbols/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/MaterialSymbols/index.ts"],"names":[],"mappings":";;;AAAA,wCAAqC;AAErC,qDAA8D;AAArD,kHAAA,OAAO,OAAmB"}

package/dist/types/icons/MaterialSymbols/MaterialSymbols.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { MaterialSymbol } from 'material-symbols';
-import 'material-symbols/rounded.css';
-declare const SIZE_MAP: {
-    readonly xs: 16;
-    readonly s: 20;
-    readonly m: 24;
-    readonly l: 32;
-    readonly xl: 40;
-    readonly xxl: 48;
-};
-type IconSize = keyof typeof SIZE_MAP | number;
-type IconFill = 0 | 1;
-type MaterialSymbolProps = {
-    icon: MaterialSymbol;
-    size?: IconSize;
-    fill?: IconFill;
-    color?: string;
-    className?: string;
-    style?: React.CSSProperties;
-};
-declare const MaterialSymbols: ({ icon, size, fill, color, className, style }: MaterialSymbolProps) => JSX.Element;
-export default MaterialSymbols;

package/dist/types/icons/MaterialSymbols/MaterialSymbolsStories.args.d.ts

@@ -1,49 +0,0 @@
-import { NEUTRAL_COLORS } from 'src/shared/ColorStyles';
-export declare const materialSymbolArgTypes: {
-    readonly icon: {
-        readonly control: {
-            readonly type: "text";
-        };
-        readonly description: "The name of the Material Symbol icon to display";
-        readonly table: {
-            readonly defaultValue: {
-                readonly summary: "home";
-            };
-        };
-    };
-    readonly size: {
-        readonly control: {
-            readonly type: "select";
-        };
-        readonly options: readonly ["xs", "s", "m", "l", "xl", "xxl", 27];
-        readonly description: "Size of the icon (preset sizes: xs=16, s=20, m=24, l=32, xl=40, xxl=48 or custom number)";
-        readonly table: {
-            readonly defaultValue: {
-                readonly summary: "m";
-            };
-        };
-    };
-    readonly fill: {
-        readonly control: {
-            readonly type: "radio";
-        };
-        readonly options: readonly [0, 1];
-        readonly description: "Fill of the icon (0 = outlined, 1 = filled)";
-        readonly table: {
-            readonly defaultValue: {
-                readonly summary: "0";
-            };
-        };
-    };
-    readonly color: {
-        readonly control: {
-            readonly type: "color";
-        };
-        readonly description: "Color of the icon";
-        readonly table: {
-            readonly defaultValue: {
-                readonly summary: NEUTRAL_COLORS.BLACK;
-            };
-        };
-    };
-};

package/dist/types/icons/MaterialSymbols/index.d.ts

@@ -1,2 +0,0 @@
-import 'material-symbols/rounded.css';
-export { default as MaterialSymbols } from './MaterialSymbols';