@xfers/design-system 4.1.4 → 4.1.5-dev.f3608cd061
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/index.js +13 -13
- package/cjs/index.js.map +1 -1
- package/dist/icons/MaterialSymbols/MaterialSymbols.js +32 -0
- package/dist/icons/MaterialSymbols/MaterialSymbols.js.map +1 -0
- package/dist/icons/MaterialSymbols/MaterialSymbolsStories.args.js +37 -0
- package/dist/icons/MaterialSymbols/MaterialSymbolsStories.args.js.map +1 -0
- package/dist/icons/MaterialSymbols/index.js +7 -0
- package/dist/icons/MaterialSymbols/index.js.map +1 -0
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/types/components/CopyBox/styles.d.ts +3 -3
- package/dist/types/components/DynamicSelect/DynamicSelect.d.ts +3 -3
- package/dist/types/components/Grid/Section.d.ts +3 -3
- package/dist/types/icons/MaterialSymbols/MaterialSymbols.d.ts +23 -0
- package/dist/types/icons/MaterialSymbols/MaterialSymbolsStories.args.d.ts +49 -0
- package/dist/types/icons/MaterialSymbols/index.d.ts +2 -0
- package/dist/types/index.d.ts +1 -0
- package/es/index.js +1 -1
- package/es/index.js.map +1 -1
- package/package.json +3 -2
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
var react_1 = require("react");
|
|
15
|
+
require("./material-symbols.css");
|
|
16
|
+
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
17
|
+
var SIZE_MAP = {
|
|
18
|
+
xs: 16,
|
|
19
|
+
s: 20,
|
|
20
|
+
m: 24,
|
|
21
|
+
l: 32,
|
|
22
|
+
xl: 40,
|
|
23
|
+
xxl: 48
|
|
24
|
+
};
|
|
25
|
+
var MaterialSymbols = function (_a) {
|
|
26
|
+
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;
|
|
27
|
+
var iconSize = typeof size === 'string' ? SIZE_MAP[size] : size;
|
|
28
|
+
var materialSymbolStyle = __assign({ fontVariationSettings: "'FILL' ".concat(fill, ", 'wght' 400"), fontSize: iconSize, color: color }, style);
|
|
29
|
+
return (react_1.default.createElement("span", { className: "material-symbols-rounded ".concat(className), style: materialSymbolStyle }, icon));
|
|
30
|
+
};
|
|
31
|
+
exports.default = MaterialSymbols;
|
|
32
|
+
//# sourceMappingURL=MaterialSymbols.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MaterialSymbols.js","sourceRoot":"","sources":["../../../src/icons/MaterialSymbols/MaterialSymbols.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+BAAyB;AAEzB,kCAA+B;AAC/B,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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.materialSymbolArgTypes = void 0;
|
|
4
|
+
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
5
|
+
exports.materialSymbolArgTypes = {
|
|
6
|
+
icon: {
|
|
7
|
+
control: { type: 'text' },
|
|
8
|
+
description: 'The name of the Material Symbol icon to display',
|
|
9
|
+
table: {
|
|
10
|
+
defaultValue: { summary: 'home' }
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
size: {
|
|
14
|
+
control: { type: 'select' },
|
|
15
|
+
options: ['xs', 's', 'm', 'l', 'xl', 'xxl', 27],
|
|
16
|
+
description: 'Size of the icon (preset sizes: xs=16, s=20, m=24, l=32, xl=40, xxl=48 or custom number)',
|
|
17
|
+
table: {
|
|
18
|
+
defaultValue: { summary: 'm' }
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
fill: {
|
|
22
|
+
control: { type: 'radio' },
|
|
23
|
+
options: [0, 1],
|
|
24
|
+
description: 'Fill of the icon (0 = outlined, 1 = filled)',
|
|
25
|
+
table: {
|
|
26
|
+
defaultValue: { summary: '0' }
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
color: {
|
|
30
|
+
control: { type: 'color' },
|
|
31
|
+
description: 'Color of the icon',
|
|
32
|
+
table: {
|
|
33
|
+
defaultValue: { summary: ColorStyles_1.NEUTRAL_COLORS.BLACK }
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=MaterialSymbolsStories.args.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MaterialSymbols = void 0;
|
|
4
|
+
require("./material-symbols.css");
|
|
5
|
+
var MaterialSymbols_1 = require("./MaterialSymbols");
|
|
6
|
+
Object.defineProperty(exports, "MaterialSymbols", { enumerable: true, get: function () { return MaterialSymbols_1.default; } });
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/MaterialSymbols/index.ts"],"names":[],"mappings":";;;AAAA,kCAA+B;AAE/B,qDAA8D;AAArD,kHAAA,OAAO,OAAmB"}
|
package/dist/index.js
CHANGED
|
@@ -16,8 +16,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
17
17
|
};
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
-
exports.
|
|
20
|
-
exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = void 0;
|
|
19
|
+
exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.Timeline = exports.SummaryCard = exports.Spin = exports.ErrorPage = exports.Tooltip = exports.CopyBox = exports.Section = exports.Banner = exports.Note = exports.ContentBreakdown = exports.Hidden = exports.Link = exports.Divider = exports.EmptyData = exports.SmallP = exports.P1Bold = exports.P1 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Checkbox = exports.DatePicker = exports.Timer = exports.Tabs = exports.Table = exports.Steps = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.Modal = exports.Label = exports.Input = exports.Form = exports.DynamicSelect = exports.Dropdown = exports.Carousel = exports.Chart = exports.Card = exports.BadgeIcon = exports.Accordion = exports.ActionCard = exports.ActionButton = exports.Button = exports.Alert = void 0;
|
|
20
|
+
exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = void 0;
|
|
21
21
|
// Components
|
|
22
22
|
var Alert_1 = require("./components/Alert");
|
|
23
23
|
Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.default; } });
|
|
@@ -109,6 +109,8 @@ var Timeline_1 = require("./components/Timeline");
|
|
|
109
109
|
Object.defineProperty(exports, "Timeline", { enumerable: true, get: function () { return Timeline_1.default; } });
|
|
110
110
|
// Icons
|
|
111
111
|
__exportStar(require("./icons"), exports);
|
|
112
|
+
var MaterialSymbols_1 = require("./icons/MaterialSymbols");
|
|
113
|
+
Object.defineProperty(exports, "MaterialSymbols", { enumerable: true, get: function () { return MaterialSymbols_1.MaterialSymbols; } });
|
|
112
114
|
// Logos
|
|
113
115
|
__exportStar(require("./logos"), exports);
|
|
114
116
|
// Typography
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,0EAA0E;AAC1E,iCAAiC;;;;;;;;;;;;;;;;;;AAEjC,aAAa;AACb,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,8CAAuD;AAA9C,gGAAA,OAAO,OAAU;AAC1B,0DAAmE;AAA1D,4GAAA,OAAO,OAAgB;AAChC,sDAA+D;AAAtD,wGAAA,OAAO,OAAc;AAC9B,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAC7B,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAC7B,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,kDAA2D;AAAlD,oGAAA,OAAO,OAAY;AAC5B,kDAA2D;AAAlD,oGAAA,OAAO,OAAY;AAC5B,4DAAqE;AAA5D,8GAAA,OAAO,OAAiB;AACjC,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,gEAAyE;AAAhE,kHAAA,OAAO,OAAmB;AACnC,sDAA+D;AAAtD,wGAAA,OAAO,OAAc;AAC9B,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,wDAAiE;AAAxD,0GAAA,OAAO,OAAe;AAC/B,8CAAuD;AAA9C,gGAAA,OAAO,OAAU;AAC1B,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,sDAA+D;AAAtD,wGAAA,OAAO,OAAc;AAC9B,kDAA2D;AAAlD,oGAAA,OAAO,OAAY;AAC5B,sDAA4E;AAAnE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,oGAAA,MAAM,OAAA;AAAE,oGAAA,MAAM,OAAA;AAC3C,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAC7B,gDAAyD;AAAhD,kGAAA,OAAO,OAAW;AAC3B,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,gGAAA,OAAO,OAAU;AAC1B,kEAA2E;AAAlE,oHAAA,OAAO,OAAoB;AACpC,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,gGAAA,OAAO,OAAU;AAC1B,0CAA2C;AAAlC,+FAAA,OAAO,OAAA;AAChB,gDAAyD;AAAhD,kGAAA,OAAO,OAAW;AAC3B,gDAAyD;AAAhD,kGAAA,OAAO,OAAW;AAC3B,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAC7B,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,wDAAiE;AAAxD,0GAAA,OAAO,OAAe;AAC/B,kDAA2D;AAAlD,oGAAA,OAAO,OAAY;AAE5B,QAAQ;AACR,0CAAuB;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -15,13 +15,13 @@ export declare const CopyButton: import("@emotion/styled-base").StyledComponent<
|
|
|
15
15
|
target?: string | undefined;
|
|
16
16
|
onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
17
17
|
} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
|
|
18
|
-
htmlType?: "button" | "
|
|
18
|
+
htmlType?: "button" | "submit" | "reset" | undefined;
|
|
19
19
|
onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
20
20
|
} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>, Pick<Partial<{
|
|
21
21
|
href: string;
|
|
22
22
|
target?: string | undefined;
|
|
23
23
|
onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
24
24
|
} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
|
|
25
|
-
htmlType?: "button" | "
|
|
25
|
+
htmlType?: "button" | "submit" | "reset" | undefined;
|
|
26
26
|
onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
27
|
-
} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>, "
|
|
27
|
+
} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>, "form" | "slot" | "style" | "title" | "hidden" | "css" | "color" | "translate" | "role" | "onMouseEnter" | "onMouseLeave" | "onClick" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "referrerPolicy" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | keyof import("antd/es/button/button").BaseButtonProps | "htmlType">, object>;
|
|
@@ -20,13 +20,13 @@ export declare const AddButton: import("@emotion/styled-base").StyledComponent<P
|
|
|
20
20
|
theme?: object | undefined;
|
|
21
21
|
} & {
|
|
22
22
|
children?: React.ReactNode;
|
|
23
|
-
}, "key" |
|
|
23
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "theme"> & {
|
|
24
24
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
25
25
|
}, Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
26
26
|
theme?: object | undefined;
|
|
27
27
|
} & {
|
|
28
28
|
children?: React.ReactNode;
|
|
29
|
-
}, "key" |
|
|
29
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "theme"> & {
|
|
30
30
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
31
|
-
},
|
|
31
|
+
}, keyof React.HTMLAttributes<HTMLDivElement> | "theme">, object>;
|
|
32
32
|
export default DynamicSelect;
|
|
@@ -17,15 +17,15 @@ declare const Section: {
|
|
|
17
17
|
theme?: object | undefined;
|
|
18
18
|
} & {
|
|
19
19
|
children?: import("react").ReactNode;
|
|
20
|
-
}, "key" |
|
|
20
|
+
}, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "theme"> & {
|
|
21
21
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
22
22
|
}, Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
23
23
|
theme?: object | undefined;
|
|
24
24
|
} & {
|
|
25
25
|
children?: import("react").ReactNode;
|
|
26
|
-
}, "key" |
|
|
26
|
+
}, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "theme"> & {
|
|
27
27
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
28
|
-
},
|
|
28
|
+
}, keyof import("react").HTMLAttributes<HTMLDivElement> | "theme">, object>;
|
|
29
29
|
Row: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
30
30
|
Left: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
31
31
|
Right: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MaterialSymbol } from 'material-symbols';
|
|
3
|
+
import './material-symbols.css';
|
|
4
|
+
declare const SIZE_MAP: {
|
|
5
|
+
readonly xs: 16;
|
|
6
|
+
readonly s: 20;
|
|
7
|
+
readonly m: 24;
|
|
8
|
+
readonly l: 32;
|
|
9
|
+
readonly xl: 40;
|
|
10
|
+
readonly xxl: 48;
|
|
11
|
+
};
|
|
12
|
+
type IconSize = keyof typeof SIZE_MAP | number;
|
|
13
|
+
type IconFill = 0 | 1;
|
|
14
|
+
type MaterialSymbolProps = {
|
|
15
|
+
icon: MaterialSymbol;
|
|
16
|
+
size?: IconSize;
|
|
17
|
+
fill?: IconFill;
|
|
18
|
+
color?: string;
|
|
19
|
+
className?: string;
|
|
20
|
+
style?: React.CSSProperties;
|
|
21
|
+
};
|
|
22
|
+
declare const MaterialSymbols: ({ icon, size, fill, color, className, style }: MaterialSymbolProps) => JSX.Element;
|
|
23
|
+
export default MaterialSymbols;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { NEUTRAL_COLORS } from 'src/shared/ColorStyles';
|
|
2
|
+
export declare const materialSymbolArgTypes: {
|
|
3
|
+
readonly icon: {
|
|
4
|
+
readonly control: {
|
|
5
|
+
readonly type: "text";
|
|
6
|
+
};
|
|
7
|
+
readonly description: "The name of the Material Symbol icon to display";
|
|
8
|
+
readonly table: {
|
|
9
|
+
readonly defaultValue: {
|
|
10
|
+
readonly summary: "home";
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
readonly size: {
|
|
15
|
+
readonly control: {
|
|
16
|
+
readonly type: "select";
|
|
17
|
+
};
|
|
18
|
+
readonly options: readonly ["xs", "s", "m", "l", "xl", "xxl", 27];
|
|
19
|
+
readonly description: "Size of the icon (preset sizes: xs=16, s=20, m=24, l=32, xl=40, xxl=48 or custom number)";
|
|
20
|
+
readonly table: {
|
|
21
|
+
readonly defaultValue: {
|
|
22
|
+
readonly summary: "m";
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
readonly fill: {
|
|
27
|
+
readonly control: {
|
|
28
|
+
readonly type: "radio";
|
|
29
|
+
};
|
|
30
|
+
readonly options: readonly [0, 1];
|
|
31
|
+
readonly description: "Fill of the icon (0 = outlined, 1 = filled)";
|
|
32
|
+
readonly table: {
|
|
33
|
+
readonly defaultValue: {
|
|
34
|
+
readonly summary: "0";
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
readonly color: {
|
|
39
|
+
readonly control: {
|
|
40
|
+
readonly type: "color";
|
|
41
|
+
};
|
|
42
|
+
readonly description: "Color of the icon";
|
|
43
|
+
readonly table: {
|
|
44
|
+
readonly defaultValue: {
|
|
45
|
+
readonly summary: NEUTRAL_COLORS.BLACK;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -40,6 +40,7 @@ export { default as Spin } from './components/Spin';
|
|
|
40
40
|
export { default as SummaryCard } from './components/SummaryCard';
|
|
41
41
|
export { default as Timeline } from './components/Timeline';
|
|
42
42
|
export * from './icons';
|
|
43
|
+
export { MaterialSymbols } from './icons/MaterialSymbols';
|
|
43
44
|
export * from './logos';
|
|
44
45
|
export { Typography } from './constants/Typography/Typography';
|
|
45
46
|
export { ThemeProvider, useTheme } from './theme/ThemeContext';
|