@agregio-solutions/design-system 2.2.0 → 2.3.1

package/dist/ds-design-tokens/src/tokens.style.js

@@ -0,0 +1,159 @@
+//#region packages/ds-design-tokens/src/tokens.style.ts
+var e = {
+	color: {
+		content: {
+			action: {
+				action: "#1844ff",
+				actionDarker: "#0626ac",
+				actionLighter: "#f1f7ff"
+			},
+			neutral: {
+				primary: "#001a70",
+				primaryReversed: "#ffffff",
+				secondary: "#454545",
+				secondaryLight: "#666666",
+				tertiary: "#b0b0b0",
+				stroke: "#e7e7e7"
+			},
+			brand: {
+				brand1: "#001a70",
+				brand2: "#3f6eff",
+				brand3: "#769fff",
+				brand4: "#326a21",
+				brand5: "#4f9e30",
+				brand6: "#76c853",
+				brand7: "#c62608",
+				brand8: "#fe5716",
+				brand9: "#ff7838"
+			},
+			message: {
+				informative: "#009fd4",
+				informativeDarker: "#007fab",
+				informativeDarkest: "#065874",
+				informativeLighter: "#effbff",
+				negative: "#ed1515",
+				negativeDarker: "#c80d0d",
+				negativeDarkest: "#881414",
+				negativeLighter: "#fff1f1",
+				positive: "#11ab51",
+				positiveDarker: "#0c6f2d",
+				positiveDarkest: "#0d2e17",
+				positiveLighter: "#e3ffed",
+				warning: "#e27500",
+				warningDarker: "#bb5002",
+				warningDarkest: "#7c330b",
+				warningLighter: "#fffcea"
+			},
+			dataviz: {
+				orange1: "#fff5ed",
+				orange2: "#ffcca8",
+				orange3: "#fe5716",
+				orange4: "#9d210f",
+				brown1: "#fffcea",
+				brown2: "#ffe785",
+				brown3: "#ff9d00",
+				brown4: "#983d08",
+				azure1: "#f1f7ff",
+				azure2: "#cee1ff",
+				azure3: "#3f6eff",
+				azure4: "#052dd2",
+				ocean1: "#effbff",
+				ocean2: "#b6efff",
+				ocean3: "#009fd4",
+				ocean4: "#006b8d",
+				purple1: "#f9f5ff",
+				purple2: "#e4d4ff",
+				purple3: "#9351fb",
+				purple4: "#5a1eab",
+				pink1: "#ffedf8",
+				pink2: "#ffc2e8",
+				pink3: "#ee53b5",
+				pink4: "#a11672",
+				negative1: "#fff1f1",
+				negative2: "#ffc5c5",
+				negative3: "#ed1515",
+				negative4: "#a50f0f",
+				positive1: "#e3ffed",
+				positive2: "#a4f2c2",
+				positive3: "#11ab51",
+				positive4: "#0c6f2d",
+				neutral1: "#f6f6f6",
+				neutral2: "#d1d1d1",
+				neutral3: "#888888",
+				neutral4: "#454545"
+			}
+		},
+		background: {
+			neutral: {
+				overground: "#ffffff",
+				ground: "#ffffff",
+				groundReversed: "#0e275d",
+				underground1: "#f6f6f6",
+				underground2: "#e7e7e7"
+			},
+			highlight: {
+				focus: "#009fd4",
+				focusReversed: "#ffffff"
+			}
+		}
+	},
+	spacing: {
+		xxs: "4px",
+		xs: "8px",
+		sm: "16px",
+		md: "24px",
+		lg: "32px",
+		xl: "48px",
+		xxl: "80px"
+	},
+	radius: {
+		minimal: "2px",
+		rounded: "4px",
+		full: "8px"
+	},
+	stroke: {
+		default: "1px",
+		doubled: "2px"
+	},
+	"z-index": {
+		base: "1",
+		dropdown: "10",
+		sticky: "20",
+		fixed: "30",
+		modalBackdrop: "40",
+		offCanvas: "50",
+		modal: "60",
+		popover: "70",
+		tooltip: "80"
+	},
+	text: {
+		fontSize: {
+			"3xl": "40px",
+			"2xl": "32px",
+			xl: "24px",
+			lg: "20px",
+			md: "16px",
+			sm: "14px",
+			xs: "12px"
+		},
+		lineHeight: {
+			"3xl": "56px",
+			"2xl": "40px",
+			xl: "32px",
+			lg: "28px",
+			md: "24px",
+			sm: "20px",
+			xs: "16px"
+		}
+	},
+	shadow: {
+		light: "0 1px 4px 0 rgba(38, 38, 38, 0.12)",
+		"light-inverted": "0 -1px 4px 0 rgba(38, 38, 38, 0.12)",
+		medium: "0 2px 6px 0 rgba(38, 38, 38, 0.16)",
+		"medium-inverted": "0 -2px 6px 0 rgba(38, 38, 38, 0.16)",
+		strong: "0 4px 12px 0 rgba(38, 38, 38, 0.16)",
+		"strong-inverted": "0 -4px 12px 0 rgba(38, 38, 38, 0.16)"
+	}
+};
+//#endregion
+export { e as tokens };

package/dist/index.js

@@ -0,0 +1,84 @@
+/* empty css                                     */
+/* empty css               */
+/* empty css          */
+/* empty css          */
+/* empty css           */
+import ee from "./components/Icon/Icon.js";
+import e from "./components/Loader/Loader.js";
+import t, { TooltipTrigger as n } from "./components/Tooltip/Tooltip.js";
+import r from "./components/Badge/Badge.js";
+import i from "./components/Button/Button.js";
+import a from "./components/Accordion/Accordion.js";
+import o from "./components/Dropdown/Dropdown.js";
+import s from "./components/Checkbox/Checkbox.js";
+import c from "./components/Dropdown/components/DropdownListItem/DropdownListItem.js";
+import l from "./components/SelectItem/SelectItem.js";
+import u from "./components/Breadcrumbs/Breadcrumbs.js";
+import d, { CalendarCell as f } from "./components/Calendar/Calendar.js";
+import p from "./components/Card/Card.js";
+import m from "./components/ChartLegend/ChartLegend.js";
+import h from "./components/ChartTooltip/ChartTooltip.js";
+import g from "./components/CheckboxGroup/CheckboxGroup.js";
+import _ from "./components/Chip/Chip.js";
+import v from "./components/Label/Label.js";
+import y from "./components/Combobox/Combobox.js";
+import b from "./components/DataTable/DataTableRow/DataTableRow.js";
+import x from "./components/Select/Select.js";
+import S from "./components/Pagination/Pagination.js";
+import C from "./components/DataTable/DataTableRoot/DataTableRoot.js";
+import w from "./components/Skeleton/Skeleton.js";
+import T from "./components/DataTable/DataTableCell/DataTableCell.js";
+import E from "./components/DataTable/DataTable.js";
+import D from "./components/DataTable/DataTableHeader/DataTableHeader.js";
+import O from "./components/DatePicker/DatePicker.js";
+import k from "./components/DateRangePicker/DateRangePicker.js";
+import { DialogActions as A, DialogContent as j, DialogForm as M } from "./internal-components/DialogLayout/DialogLayout.styled.js";
+import N from "./components/Drawer/Drawer.js";
+import P from "./components/EmptyState/EmptyState.js";
+import F from "./components/FileUpload/FileUpload.js";
+import I from "./components/TextInput/TextInput.js";
+import L from "./components/Filter/Filter.js";
+import R from "./components/Header/Header.js";
+import z from "./components/LinearProgressBar/LinearProgressBar.js";
+import B from "./components/Link/Link.js";
+import V from "./components/Tag/Tag.js";
+import H from "./components/List/List.js";
+import U from "./components/Menu/Menu.js";
+import W from "./components/MenuItem/MenuItem.js";
+import G from "./components/Message/Message.js";
+import K from "./components/Modal/Modal.js";
+import q from "./components/NavigationItem/NavigationItem.js";
+import J from "./components/Navigation/Navigation.js";
+import Y from "./components/Notifications/Notifications.js";
+import X from "./components/NotificationCard/NotificationCard.js";
+import Z from "./components/NumberField/NumberField.js";
+import Q from "./components/PageLayout/PageLayout.js";
+import $, { PopoverTrigger as te } from "./components/Popover/Popover.js";
+import ne from "./components/Radio/Radio.js";
+import re from "./components/RadioGroup/RadioGroup.js";
+import ie from "./components/RadioGroupItem/RadioGroupItem.js";
+import ae from "./components/SearchBar/SearchBar.js";
+import oe from "./components/SegmentedControl/SegmentedControl.js";
+import se from "./components/SegmentedControl/SegmentedControlButton/SegmentedControlButton.js";
+import ce from "./components/SegmentedControl/SegmentedControlList/SegmentedControlList.js";
+import le from "./components/SegmentedControl/SegmentedControlPanel/SegmentedControlPanel.js";
+import ue from "./components/Slider/Slider.js";
+import de from "./components/Stepper/Stepper.js";
+import fe from "./components/Stepper/Step/Step.js";
+import pe from "./components/Switch/Switch.js";
+import me from "./components/Tabs/Tab/Tab.js";
+import he from "./components/Tabs/TabList/TabList.js";
+import ge from "./components/Tabs/TabPanel/TabPanel.js";
+import _e from "./components/Tabs/Tabs/Tabs.js";
+import ve from "./components/TimeField/TimeField.js";
+import ye from "./components/TimePicker/TimePicker.js";
+import be from "./components/Timeline/Timeline.js";
+import xe from "./components/Toaster/Toaster.js";
+import Se from "./components/ToggleButton/ToggleButton.js";
+import Ce from "./components/ToggleButtonGroup/ToggleButtonGroup.js";
+import we from "./components/YearMonthPicker/YearMonthPicker.js";
+import Te from "./components/RouterProvider/RouterProvider.js";
+import { tokens as Ee } from "./ds-design-tokens/src/tokens.style.js";
+import { I18nProvider as De } from "react-aria-components";
+import { toast as Oe } from "sonner";
+export { a as Accordion, r as Badge, u as Breadcrumbs, i as Button, d as Calendar, f as CalendarCell, p as Card, m as ChartLegend, h as ChartTooltip, s as Checkbox, g as CheckboxGroup, _ as Chip, y as Combobox, E as DataTable, T as DataTableCell, D as DataTableHeader, C as DataTableRoot, b as DataTableRow, O as DatePicker, k as DateRangePicker, N as Drawer, A as DrawerActions, j as DrawerContent, M as DrawerForm, o as Dropdown, c as DropdownListItem, P as EmptyState, F as FileUpload, L as Filter, R as Header, De as I18nProvider, ee as Icon, v as Label, z as LinearProgressBar, B as Link, H as List, e as Loader, U as Menu, W as MenuItem, G as Message, K as Modal, A as ModalActions, j as ModalContent, M as ModalForm, J as Navigation, q as NavigationItem, X as NotificationCard, Y as Notifications, Z as NumberField, Q as PageLayout, S as Pagination, $ as Popover, te as PopoverTrigger, ne as Radio, re as RadioGroup, ie as RadioGroupItem, Te as RouterProvider, ae as SearchBar, oe as SegmentedControl, se as SegmentedControlButton, ce as SegmentedControlList, le as SegmentedControlPanel, x as Select, l as SelectItem, w as Skeleton, ue as Slider, fe as Step, de as Stepper, pe as Switch, me as Tab, he as TabList, ge as TabPanel, _e as Tabs, V as Tag, I as TextInput, ve as TimeField, ye as TimePicker, be as Timeline, xe as Toaster, Se as ToggleButton, Ce as ToggleButtonGroup, t as Tooltip, n as TooltipTrigger, we as YearMonthPicker, Oe as toast, Ee as tokens };

package/dist/internal/arrayOfLength/arrayOfLength.js

@@ -0,0 +1,6 @@
+//#region internal/arrayOfLength/arrayOfLength.ts
+function e(e, t) {
+	return Array.from({ length: e }, (e, n) => n + (t || 0));
+}
+//#endregion
+export { e as default };

package/dist/internal/composeRefs/composeRefs.js

@@ -0,0 +1,21 @@
+//#region internal/composeRefs/composeRefs.ts
+function e(...e) {
+	return e.length === 2 ? n(e[0], e[1]) || null : e.slice(1).reduce((e, t) => n(e, t), e[0]) || null;
+}
+var t = /* @__PURE__ */ new WeakMap();
+function n(e, n) {
+	if (e && n) {
+		let i = t.get(e) || /* @__PURE__ */ new WeakMap();
+		t.set(e, i);
+		let a = i.get(n) || ((t) => {
+			r(e, t), r(n, t);
+		});
+		return i.set(n, a), a;
+	}
+	return e || n;
+}
+function r(e, t) {
+	typeof e == "function" ? e(t) : e.current = t;
+}
+//#endregion
+export { e as default };

package/dist/internal/dateValueToString/dateValueToString.js

@@ -0,0 +1,7 @@
+import { ZonedDateTime as e } from "@internationalized/date";
+//#region internal/dateValueToString/dateValueToString.ts
+function t(t) {
+	return t ? t instanceof e ? t.toAbsoluteString() : t.toString() : "";
+}
+//#endregion
+export { t as default };

package/dist/internal/generateYearsArray/generateYearsArray.js

@@ -0,0 +1,7 @@
+//#region internal/generateYearsArray/generateYearsArray.ts
+function e({ startYear: e, endYear: t, actualDate: n = /* @__PURE__ */ new Date(), sortYears: r = "ascending" }) {
+	let i = n.getFullYear(), a = t ?? i, o = Array.from({ length: a - e + 1 }, (t, n) => (e + n).toString());
+	return r === "descending" && o.reverse(), o;
+}
+//#endregion
+export { e as default };

package/dist/internal/getAriaLabel/getAriaLabel.js

@@ -0,0 +1,6 @@
+//#region internal/getAriaLabel/getAriaLabel.ts
+function e({ label: e, ariaLabel: t }) {
+	return t ?? String(e);
+}
+//#endregion
+export { e as getAriaLabel };

package/dist/internal/getNatureFromMessages/getNatureFromMessages.js

@@ -0,0 +1,6 @@
+//#region internal/getNatureFromMessages/getNatureFromMessages.ts
+function e({ nature: e, successHelperText: t, errorHelperText: n, warningHelperText: r }) {
+	return e || (n ? "negative" : t ? "positive" : r ? "warning" : "default");
+}
+//#endregion
+export { e as default };

package/dist/internal/stringDateToValue/stringDateToValue.js

@@ -0,0 +1,7 @@
+import { parseAbsolute as e, parseDate as t, parseDateTime as n, parseZonedDateTime as r } from "@internationalized/date";
+//#region internal/stringDateToValue/stringDateToValue.ts
+function i(i, a) {
+	if (i) return i.length === 10 ? t(i) : a ? i.endsWith("Z") ? e(i, a) : r(i + `[${a}]`) : i.endsWith("Z") ? n(i.slice(0, -1)) : n(i);
+}
+//#endregion
+export { i as default };

package/dist/internal/useHoldToSubmit/useHoldToSubmit.js

@@ -0,0 +1,26 @@
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+//#region internal/useHoldToSubmit/useHoldToSubmit.ts
+function i(i) {
+	let { duration: a, onComplete: o, onPressStart: s, onPressEnd: c } = i, l = !!a && a > 0, [u, d] = r(!1), f = n(void 0), p = e(() => {
+		clearTimeout(f.current), f.current = void 0, d(!1);
+	}, []);
+	return t(() => p, [p]), {
+		requiresHold: l,
+		isHolding: u,
+		pressProps: {
+			onPressStart: (e) => {
+				if (s?.(e), !l) return;
+				d(!0);
+				let t = e.target;
+				f.current = setTimeout(() => {
+					p(), o?.(t);
+				}, a);
+			},
+			onPressEnd: (e) => {
+				c?.(e), l && p();
+			}
+		}
+	};
+}
+//#endregion
+export { i as useHoldToSubmit };

package/dist/internal/useResizeObserver/useResizeObserver.js

@@ -0,0 +1,26 @@
+import { useEffect as e } from "react";
+//#region internal/useResizeObserver/useResizeObserver.ts
+function t() {
+	return window.ResizeObserver !== void 0;
+}
+function n(n) {
+	let { ref: r, onResize: i } = n;
+	e(() => {
+		let e = r?.current;
+		if (e) {
+			if (t()) {
+				let t = new window.ResizeObserver((e) => {
+					e.length && i();
+				});
+				return t.observe(e), () => {
+					e && t.unobserve(e);
+				};
+			}
+			return window.addEventListener("resize", i, !1), () => {
+				window.removeEventListener("resize", i, !1);
+			};
+		}
+	}, [i, r]);
+}
+//#endregion
+export { n as useResizeObserver };

package/dist/internal/usetranslations/usetranslations.js

@@ -0,0 +1,8 @@
+import { useLocale as e } from "react-aria-components";
+//#region internal/usetranslations/usetranslations.ts
+function t(t) {
+	let { locale: n } = e(), r = n || "";
+	return `${r[0]}${r[1]}`.toLowerCase() === "fr" ? t.fr : t.en;
+}
+//#endregion
+export { t as default };

package/dist/internal-components/ChartIcon/ChartIcon.js

@@ -0,0 +1,142 @@
+import { ChartColorCircle as e, ChartColorContainer as t } from "./ChartIcon.styled.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region packages/internal-components/ChartIcon/ChartIcon.tsx
+function r({ icon: e = "circle", color: r, customIcon: a, outlineColor: o = "var(--color-background-neutral-ground)", className: s, style: c }) {
+	return /* @__PURE__ */ n(t, {
+		className: s,
+		style: {
+			"--chart-color": r,
+			...c
+		},
+		children: a || i(e, o)
+	});
+}
+var i = (t, r) => {
+	switch (t) {
+		case "line": return /* @__PURE__ */ n("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 32 32",
+			children: /* @__PURE__ */ n("path", {
+				strokeWidth: "4",
+				fill: "none",
+				stroke: "var(--chart-color)",
+				d: "M0,16h10.666666666666666\n            A5.333333333333333,5.333333333333333,0,1,1,21.333333333333332,16\n            H32M21.333333333333332,16\n            A5.333333333333333,5.333333333333333,0,1,1,10.666666666666666,16"
+			})
+		});
+		case "dottedline": return /* @__PURE__ */ n("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 16 16",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: /* @__PURE__ */ n("path", {
+				d: "M15 9H16V7H15V8V9ZM1 7H0V9H1V8V7ZM1.46667 9H2.46667V7H1.46667V8V9ZM5.2 7H4.2V9H5.2V8V7ZM6.13333 9H7.13333V7H6.13333V8V9ZM9.86667 7H8.86667V9H9.86667V8V7ZM10.8 9H11.8V7H10.8V8V9ZM14.5333 7H13.5333V9H14.5333V8V7ZM1 8V9H1.46667V8V7H1V8ZM5.2 8V9H6.13333V8V7H5.2V8ZM9.86667 8V9H10.8V8V7H9.86667V8ZM14.5333 8V9H15V8V7H14.5333V8Z",
+				fill: "var(--chart-color)"
+			})
+		});
+		case "plainline": return /* @__PURE__ */ n("svg", {
+			width: "20",
+			height: "4",
+			viewBox: "0 0 20 4",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: /* @__PURE__ */ n("path", {
+				d: "M1.9126 1.91252H17.2128",
+				stroke: "var(--chart-color)",
+				strokeWidth: "3.82504",
+				strokeLinecap: "round"
+			})
+		});
+		case "square": return /* @__PURE__ */ n("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 32 32",
+			children: /* @__PURE__ */ n("path", {
+				fill: "var(--chart-color)",
+				cx: "16",
+				cy: "16",
+				transform: "translate(16, 16)",
+				d: "M-16,-16h32v32h-32Z"
+			})
+		});
+		case "rect": return /* @__PURE__ */ n("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 32 32",
+			children: /* @__PURE__ */ n("path", {
+				stroke: "none",
+				fill: "var(--chart-color)",
+				d: "M0,4h32v24h-32z"
+			})
+		});
+		case "cross": return /* @__PURE__ */ n("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 32 32",
+			children: /* @__PURE__ */ n("path", {
+				fill: "var(--chart-color)",
+				cx: "16",
+				cy: "16",
+				transform: "translate(16, 16)",
+				d: "M-16,-5.333333333333334L-5.333333333333334,-5.333333333333334L-5.333333333333334,-16L5.333333333333334,-16L5.333333333333334,-5.333333333333334L16,-5.333333333333334L16,5.333333333333334L5.333333333333334,5.333333333333334L5.333333333333334,16L-5.333333333333334,16L-5.333333333333334,5.333333333333334L-16,5.333333333333334Z"
+			})
+		});
+		case "diamond": return /* @__PURE__ */ n("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 32 32",
+			children: /* @__PURE__ */ n("path", {
+				fill: "var(--chart-color)",
+				cx: "16",
+				cy: "16",
+				transform: "translate(16, 16)",
+				d: "M0,-16L9.237604307034012,0L0,16L-9.237604307034012,0Z"
+			})
+		});
+		case "star": return /* @__PURE__ */ n("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 32 32",
+			children: /* @__PURE__ */ n("path", {
+				fill: "var(--chart-color)",
+				cx: "16",
+				cy: "16",
+				transform: "translate(16, 16)",
+				d: "M0,-16.82339558781227L3.7770876399966338,-5.1987151397265L15.999999999999995,-5.198715139726501L6.111456180001681,1.9857324855468637L9.888543819998317,13.610412933632634L8.881784197001252e-16,6.42596530835927L-9.888543819998313,13.610412933632636L-6.11145618000168,1.985732485546865L-15.999999999999998,-5.198715139726497L-3.777087639996635,-5.198715139726499Z"
+			})
+		});
+		case "triangle": return /* @__PURE__ */ n("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 32 32",
+			style: {
+				position: "relative",
+				top: "1px"
+			},
+			children: /* @__PURE__ */ n("path", {
+				fill: "var(--chart-color)",
+				cx: "16",
+				cy: "16",
+				transform: "translate(16, 16)",
+				d: "M0,-18.475208614068023L15.999999999999998,9.237604307034012L-15.999999999999998,9.237604307034012Z"
+			})
+		});
+		case "wye": return /* @__PURE__ */ n("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 32 32",
+			children: /* @__PURE__ */ n("path", {
+				fill: "var(--chart-color)",
+				cx: "16",
+				cy: "16",
+				transform: "translate(16, 16)",
+				d: "M5.856406460551019,3.381197846482995L5.856406460551019,15.094010767585033L-5.856406460551019,15.094010767585033L-5.856406460551019,3.3811978464829937L-16,-2.475208614068025L-10.143593539448982,-12.618802153517008L4.440892098500626e-16,-6.762395692965988L10.143593539448982,-12.618802153517008L16,-2.475208614068025Z"
+			})
+		});
+		default: return /* @__PURE__ */ n(e, { style: { borderColor: r } });
+	}
+};
+//#endregion
+export { r as default };

package/dist/internal-components/ChartIcon/ChartIcon.styled.js

@@ -0,0 +1,21 @@
+import { styled as e } from "styled-components";
+//#region packages/internal-components/ChartIcon/ChartIcon.styled.ts
+var t = e.div`
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  border-width: 1px;
+  border-style: solid;
+`, n = e.div`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+
+  & > ${t} {
+    background-color: var(--chart-color);
+  }
+`;
+//#endregion
+export { t as ChartColorCircle, n as ChartColorContainer };

package/dist/internal-components/CoreTextInput/CoreTextInput.styled.js

@@ -0,0 +1,98 @@
+import { styled as e } from "styled-components";
+import { Input as t } from "react-aria-components";
+//#region packages/internal-components/CoreTextInput/CoreTextInput.styled.tsx
+var n = e(t).withConfig({ shouldForwardProp: (e) => !["hasIcon"].includes(e) })`
+  appearance: none;
+  background: var(--background-color);
+  border: none;
+  border-radius: var(--radius-rounded);
+  color: var(--color);
+  cursor: text;
+  display: block;
+  font-size: var(--text-font-size-md);
+  font-weight: 400;
+  min-height: 40px;
+  line-height: var(--text-line-height-md);
+  outline: var(--border-color) solid 1px;
+  outline-offset: -1px;
+  padding: ${(e) => e.hasIcon ? "var(--spacing-xs) 40px var(--spacing-xs) var(--spacing-xs)" : "var(--spacing-xs)"};
+  min-width: 120px;
+
+  &[data-fullwidth="true"] {
+    width: 100%;
+    resize: vertical;
+  }
+
+  // Remove little arrows in number inputs on Chrome, Safari, Edge, Opera
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  // Remove little arrows in number inputs on Firefox
+  &[type="number"] {
+    -moz-appearance: textfield;
+  }
+
+  &::placeholder {
+    color: var(--placeholder-color);
+    opacity: 1; /* Firefox */
+  }
+
+  &::-ms-input-placeholder {
+    /* Edge 12 -18 */
+    color: var(--placeholder-color);
+  }
+
+  &:hover {
+    background: var(--background-color);
+    outline-color: var(--border-color);
+  }
+
+  &:focus,
+  &[data-force-focus] {
+    box-shadow:
+      #fff 0 0 0 2px,
+      var(--color-background-highlight-focus) 0 0 0 4px,
+      rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    --background-color: var(--color-content-neutral-tertiary);
+    --border-color: var(--color-content-neutral-stroke);
+    --color: var(--color-content-neutral-primary-reversed);
+    --placeholder-color: var(--color-content-neutral-primary-reversed);
+  }
+
+  &[data-nature="default"]:not(:disabled) {
+    --background-color: var(--color-content-neutral-primary-reversed);
+    --border-color: var(--color-content-neutral-stroke);
+    --color: var(--color-content-neutral-secondary);
+    --placeholder-color: var(--color-content-neutral-tertiary);
+  }
+
+  &[data-nature="negative"]:not(:disabled) {
+    --background-color: var(--color-content-neutral-primary-reversed);
+    --border-color: var(--color-content-message-negative);
+    --color: var(--color-content-neutral-secondary);
+    --placeholder-color: var(--color-content-neutral-tertiary);
+  }
+
+  &[data-nature="positive"]:not(:disabled) {
+    --background-color: var(--color-content-neutral-primary-reversed);
+    --border-color: var(--color-content-message-positive-darker);
+    --color: var(--color-content-neutral-secondary);
+    --placeholder-color: var(--color-content-neutral-tertiary);
+  }
+
+  &[data-nature="warning"]:not(:disabled) {
+    --background-color: var(--color-content-neutral-primary-reversed);
+    --border-color: var(--color-content-message-warning-darker);
+    --color: var(--color-content-neutral-secondary);
+    --placeholder-color: var(--color-content-neutral-tertiary);
+  }
+`;
+//#endregion
+export { n as CoreTextInput };