@xfers/design-system 8.1.0 → 8.1.1-dev.a00bad6994

package/dist/components/Select/style.js

@@ -29,9 +29,6 @@ exports.SelectContainer = styled_1.default.div `
   width: 100%;
 `;
 const selectSelectorStyles = (props) => {
-    // For multiple select, calculate padding to fit tags within min-height
-    // Small: 36px min-height - 24px tag = 12px total padding (6px top + 6px bottom)
-    // Large: 48px min-height - 32px tag = 16px total padding (8px top + 8px bottom)
     const getVerticalPadding = () => {
         if (props.$mode === 'multiple') {
             return props.$size === 'sm' ? '6px' : '8px';
@@ -40,29 +37,40 @@ const selectSelectorStyles = (props) => {
     };
     const verticalPadding = getVerticalPadding();
     return `
-  .ant-select-selector {
-    border-radius:  ${props.$size === 'sm' ? '8px' : '12px'}  !important;
+  &.ant-select {
+    outline: none !important;
+    border-radius: ${props.$size === 'sm' ? '8px' : '12px'} !important;
     position: relative !important;
     display: flex;
     align-items: ${props.$mode === 'multiple' ? 'flex-start' : 'center'} !important;
-    padding: ${verticalPadding} 16px !important;
+    padding-inline: 16px !important;
+    padding-block: ${verticalPadding} !important;
 
     min-height: ${props.$size === 'sm' ? '36px' : '48px'} !important;
     ${props.$mode !== 'multiple' ? `height: ${props.$size === 'sm' ? '36px' : '48px'} !important;` : 'height: auto !important;'}
 
-    background: ${props.disabled
+    &:not(.ant-select-borderless) {
+      background: ${props.disabled
         ? theme_1.straitsXTheme.color.surface.disabledSurface
         : theme_1.straitsXTheme.color.surface.neutral} !important;
 
-    border: 1px solid ${props.error
+      border: 1px solid ${props.error
         ? theme_1.straitsXTheme.color.status.critical
         : theme_1.straitsXTheme.color.base.line} !important;
+    }
+  }
+
+  &.ant-select-multiple:not(.ant-select-borderless) .ant-select-content {
+    &:before {
+      display: none !important;
+    }
+    gap: 8px !important;
   }
 `;
 };
 const selectHoverFocusStyles = (props) => `
-  &:hover .ant-select-selector,
-  &.ant-select-focused .ant-select-selector {
+  &:not(.ant-select-borderless):hover,
+  &.ant-select-focused:not(.ant-select-borderless) {
     ${!props.disabled &&
     `
       box-shadow: 0 0 0 1px ${theme_1.straitsXTheme.color.base.onNeutral}20 !important;
@@ -73,18 +81,18 @@ const selectHoverFocusStyles = (props) => `
   }
 `;
 const selectPlaceholderStyles = `
-  .ant-select-selection-placeholder {
+  .ant-select-placeholder {
     display: flex;
     align-items: center;
-    
+
     span {
       color: ${theme_1.straitsXTheme.color.component.placeholderInput} !important;
     }
   }
 `;
 const selectOverflowStyles = (props) => `
-  .ant-select-selection-overflow {
-    gap: 8px;
+  .ant-select-content {
+    gap: 8px !important;
     ${props.$mode === 'multiple' ? 'flex-wrap: wrap !important;' : ''}
     ${props.$mode === 'multiple' ? 'align-content: center !important;' : ''}
   }
@@ -96,18 +104,18 @@ const selectSelectedItemStyles = `
     color: ${theme_1.straitsXTheme.color.base.onNeutral} !important;
   }
 
-  &.ant-select-open .ant-select-selection-item {
+  &.ant-select-open .ant-select-content {
     color: ${theme_1.straitsXTheme.color.base.onNeutral} !important;
   }
 `;
 const selectArrowStyles = `
-  .ant-select-arrow {
+  .ant-select-suffix {
     display: flex !important;
     align-items: center !important;
     gap: 8px !important;
     width: auto !important;
     align-self: center !important;
-    
+
     span {
       color: ${theme_1.straitsXTheme.color.base.onNeutral} !important;
     }
@@ -144,11 +152,11 @@ const dropdownSelectedOptionStyles = `
   .ant-select-item-option-selected {
     background: #d7efe2 !important;
     position: relative !important;
-  
+
     .anticon {
       display: none !important;
     }
-    
+
     &::after {
       content: 'check' !important;
       font-family: 'Material Symbols Rounded' !important;
@@ -165,7 +173,7 @@ const dropdownInteractiveStyles = `
   .ant-select-item:hover {
     background: ${theme_1.straitsXTheme.color.interactive.hoverSurface} !important;
   }
-  
+
   .ant-select-item:active {
     background: ${theme_1.straitsXTheme.color.interactive.pressedSurface} !important;
   }
@@ -174,7 +182,7 @@ const dropdownDisabledOptionStyles = `
   .ant-select-item-option-disabled,
   .ant-select-item-option-disabled:hover {
     background: ${theme_1.straitsXTheme.color.surface.disabledSurface} !important;
-    span { 
+    span {
     color: ${theme_1.straitsXTheme.color.surface.disabledOnSurface} !important;
     }
   }

package/dist/components/Select/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Select/style.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Select/style.ts"],"names":[],"mappings":"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"}

package/dist/components/Toast/Toast.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
+const Typography_1 = require("../../constants/Typography/Typography");
+const Toast_styles_1 = require("./Toast.styles");
+const TONE_ICON = {
+    positive: 'check_circle',
+    warning: 'warning',
+    critical: 'error',
+    info: 'info',
+};
+const Toast = ({ tone = 'positive', message, showIcon = true, className, }) => {
+    const textColor = (0, Toast_styles_1.getToastTextColor)(tone);
+    return (react_1.default.createElement(Toast_styles_1.StyledToast, { tone: tone, className: className, role: tone === 'critical' ? 'alert' : 'status', "aria-live": tone === 'critical' ? 'assertive' : 'polite' },
+        showIcon && (react_1.default.createElement(Toast_styles_1.ToastIconContainer, { "aria-hidden": "true" },
+            react_1.default.createElement(MaterialSymbols_1.default, { icon: TONE_ICON[tone], size: "s", fill: 1, color: textColor }))),
+        react_1.default.createElement(Typography_1.Typography.Body, { size: "md", color: textColor, style: { whiteSpace: 'nowrap' } }, message)));
+};
+exports.default = Toast;
+//# sourceMappingURL=Toast.js.map

package/dist/components/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,kGAAyE;AACzE,sEAAkE;AAElE,iDAIuB;AAEvB,MAAM,SAAS,GAAsC;IACnD,QAAQ,EAAE,cAAc;IACxB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,MAAM;CACb,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,EACb,IAAI,GAAG,UAAU,EACjB,OAAO,EACP,QAAQ,GAAG,IAAI,EACf,SAAS,GACE,EAAE,EAAE;IACf,MAAM,SAAS,GAAG,IAAA,gCAAiB,EAAC,IAAI,CAAC,CAAA;IAEzC,OAAO,CACL,8BAAC,0BAAW,IACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,eACnC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ;QAEtD,QAAQ,IAAI,CACX,8BAAC,iCAAkB,mBAAa,MAAM;YACpC,8BAAC,yBAAe,IACd,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,EACrB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,SAAS,GAChB,CACiB,CACtB;QACD,8BAAC,uBAAU,CAAC,IAAI,IACd,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,IAE9B,OAAO,CACQ,CACN,CACf,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,KAAK,CAAA"}

package/dist/components/Toast/Toast.styles.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TOAST_MESSAGE_OVERRIDE_CSS = exports.TOAST_MESSAGE_CLASSNAME = exports.ToastIconContainer = exports.StyledToast = exports.getToastTextColor = exports.getToastBackground = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const colors_1 = require("../../constants/Colors/colors");
+const TONE_BACKGROUND = {
+    positive: colors_1.STATUS.POSITIVE,
+    warning: colors_1.STATUS.WARNING,
+    critical: colors_1.STATUS.CRITICAL,
+    // Matches Figma exactly; intentionally diverges from STATUS.INFO (blue), confirmed with developer
+    info: colors_1.BASE.PRIMARY_3,
+};
+const TONE_TEXT_COLOR = {
+    positive: colors_1.BASE.ON_CONTAINER,
+    warning: colors_1.BASE.ON_NEUTRAL,
+    critical: colors_1.BASE.ON_CONTAINER,
+    info: colors_1.BASE.ON_CONTAINER,
+};
+const getToastBackground = (tone) => TONE_BACKGROUND[tone];
+exports.getToastBackground = getToastBackground;
+const getToastTextColor = (tone) => TONE_TEXT_COLOR[tone];
+exports.getToastTextColor = getToastTextColor;
+exports.StyledToast = styled_1.default.div `
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 8px 12px;
+  border-radius: 8px;
+  width: max-content;
+  background-color: ${({ tone }) => (0, exports.getToastBackground)(tone)};
+  animation: fds3-toast-in 240ms ease;
+
+  @keyframes fds3-toast-in {
+    from {
+      opacity: 0;
+      transform: translateY(8px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`;
+exports.ToastIconContainer = styled_1.default.div `
+  display: flex;
+  flex-shrink: 0;
+`;
+// antd's message notice renders its own white background/padding/shadow around
+// `content`. showToast() targets this className to strip that chrome so only
+// StyledToast's own background/padding/radius shows. The margin-top adds to
+// antd's default 8px list offset to place the toast 24px from the top.
+exports.TOAST_MESSAGE_CLASSNAME = 'fds3-toast-message';
+exports.TOAST_MESSAGE_OVERRIDE_CSS = `
+  .ant-message-notice.${exports.TOAST_MESSAGE_CLASSNAME} {
+    background: transparent;
+    padding: 0;
+    box-shadow: none;
+    border-radius: 0;
+    margin-top: 16px;
+  }
+`;
+//# sourceMappingURL=Toast.styles.js.map

package/dist/components/Toast/Toast.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.styles.js","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styles.ts"],"names":[],"mappings":";;;;;;AAAA,6DAAoC;AACpC,0DAA4D;AAG5D,MAAM,eAAe,GAA8B;IACjD,QAAQ,EAAE,eAAM,CAAC,QAAQ;IACzB,OAAO,EAAE,eAAM,CAAC,OAAO;IACvB,QAAQ,EAAE,eAAM,CAAC,QAAQ;IACzB,kGAAkG;IAClG,IAAI,EAAE,aAAI,CAAC,SAAS;CACrB,CAAA;AAED,MAAM,eAAe,GAA8B;IACjD,QAAQ,EAAE,aAAI,CAAC,YAAY;IAC3B,OAAO,EAAE,aAAI,CAAC,UAAU;IACxB,QAAQ,EAAE,aAAI,CAAC,YAAY;IAC3B,IAAI,EAAE,aAAI,CAAC,YAAY;CACxB,CAAA;AAEM,MAAM,kBAAkB,GAAG,CAAC,IAAe,EAAU,EAAE,CAC5D,eAAe,CAAC,IAAI,CAAC,CAAA;AADV,QAAA,kBAAkB,sBACR;AAEhB,MAAM,iBAAiB,GAAG,CAAC,IAAe,EAAU,EAAE,CAC3D,eAAe,CAAC,IAAI,CAAC,CAAA;AADV,QAAA,iBAAiB,qBACP;AAEV,QAAA,WAAW,GAAG,gBAAM,CAAC,GAAG,CAAqB;;;;;;;sBAOpC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAA,0BAAkB,EAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;CAiB3D,CAAA;AAEY,QAAA,kBAAkB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;CAG3C,CAAA;AAED,+EAA+E;AAC/E,6EAA6E;AAC7E,4EAA4E;AAC5E,uEAAuE;AAC1D,QAAA,uBAAuB,GAAG,oBAAoB,CAAA;AAE9C,QAAA,0BAA0B,GAAG;wBAClB,+BAAuB;;;;;;;CAO9C,CAAA"}

package/dist/components/Toast/Toast.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Toast.types.js.map

package/dist/components/Toast/Toast.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.types.js","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":""}

package/dist/components/Toast/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showToast = exports.default = void 0;
+var Toast_1 = require("./Toast");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Toast_1).default; } });
+__exportStar(require("./Toast.types"), exports);
+var showToast_1 = require("./showToast");
+Object.defineProperty(exports, "showToast", { enumerable: true, get: function () { return showToast_1.showToast; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AAAxB,iHAAA,OAAO,OAAA;AAChB,gDAA6B;AAC7B,yCAAuC;AAA9B,sGAAA,SAAS,OAAA"}

package/dist/components/Toast/showToast.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showToast = void 0;
+const react_1 = __importDefault(require("react"));
+const antd_1 = require("antd");
+const Toast_1 = __importDefault(require("./Toast"));
+const Toast_styles_1 = require("./Toast.styles");
+// Only one toast is shown at a time -- every call shares this key so a new
+// toast replaces whatever is currently showing, instead of stacking.
+const SHARED_KEY = 'fds3-toast';
+const DEFAULT_DURATION = 5;
+const MIN_DURATION = 3;
+const MAX_DURATION = 7;
+const clampDuration = (duration) => Math.min(MAX_DURATION, Math.max(MIN_DURATION, duration));
+// Deliberately no message.config() here: it mutates antd's global message
+// instance, which would also change maxCount/top for every other message.*
+// call in consuming apps. Replace behavior comes from SHARED_KEY, and the
+// top offset comes from the scoped override CSS.
+const injectOverrideStyles = () => {
+    if (document.getElementById(Toast_styles_1.TOAST_MESSAGE_CLASSNAME))
+        return;
+    const style = document.createElement('style');
+    style.id = Toast_styles_1.TOAST_MESSAGE_CLASSNAME;
+    style.textContent = Toast_styles_1.TOAST_MESSAGE_OVERRIDE_CSS;
+    document.head.appendChild(style);
+};
+// antd does not restart a message's auto-close timer when open() is called
+// again with the same key -- it only swaps the content in place. To match
+// the reference behavior (every trigger resets the dismiss countdown, so
+// repeated clicks keep the toast alive) we disable antd's own timer
+// (duration: 0) and drive dismissal ourselves, clearing/restarting on every call.
+let dismissTimer;
+// Incrementing this on every call and using it as Toast's React key forces a
+// remount each time, so the entrance animation replays even when the same
+// tone/message is triggered again in a row (otherwise React would just patch
+// the existing element in place and the animation would never re-run).
+let callId = 0;
+const showToast = (tone, text, options) => {
+    injectOverrideStyles();
+    const duration = (options === null || options === void 0 ? void 0 : options.duration) !== undefined
+        ? clampDuration(options.duration)
+        : DEFAULT_DURATION;
+    if (dismissTimer) {
+        clearTimeout(dismissTimer);
+    }
+    dismissTimer = setTimeout(() => {
+        antd_1.message.destroy(SHARED_KEY);
+        dismissTimer = undefined;
+    }, duration * 1000);
+    callId += 1;
+    return antd_1.message.open({
+        content: (react_1.default.createElement(Toast_1.default, { key: callId, tone: tone, message: text, showIcon: options === null || options === void 0 ? void 0 : options.showIcon })),
+        duration: 0,
+        key: SHARED_KEY,
+        icon: react_1.default.createElement(react_1.default.Fragment, null),
+        className: Toast_styles_1.TOAST_MESSAGE_CLASSNAME,
+    });
+};
+exports.showToast = showToast;
+//# sourceMappingURL=showToast.js.map

package/dist/components/Toast/showToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"showToast.js","sourceRoot":"","sources":["../../../src/components/Toast/showToast.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,+BAA8B;AAE9B,oDAA2B;AAE3B,iDAGuB;AAEvB,2EAA2E;AAC3E,qEAAqE;AACrE,MAAM,UAAU,GAAG,YAAY,CAAA;AAE/B,MAAM,gBAAgB,GAAG,CAAC,CAAA;AAC1B,MAAM,YAAY,GAAG,CAAC,CAAA;AACtB,MAAM,YAAY,GAAG,CAAC,CAAA;AAEtB,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAU,EAAE,CACjD,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;AAE1D,0EAA0E;AAC1E,2EAA2E;AAC3E,0EAA0E;AAC1E,iDAAiD;AACjD,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,IAAI,QAAQ,CAAC,cAAc,CAAC,sCAAuB,CAAC;QAAE,OAAM;IAC5D,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC7C,KAAK,CAAC,EAAE,GAAG,sCAAuB,CAAA;IAClC,KAAK,CAAC,WAAW,GAAG,yCAA0B,CAAA;IAC9C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;AAClC,CAAC,CAAA;AAED,2EAA2E;AAC3E,0EAA0E;AAC1E,yEAAyE;AACzE,oEAAoE;AACpE,kFAAkF;AAClF,IAAI,YAAuD,CAAA;AAE3D,6EAA6E;AAC7E,0EAA0E;AAC1E,6EAA6E;AAC7E,uEAAuE;AACvE,IAAI,MAAM,GAAG,CAAC,CAAA;AAYP,MAAM,SAAS,GAAG,CACvB,IAAe,EACf,IAAY,EACZ,OAA0B,EACb,EAAE;IACf,oBAAoB,EAAE,CAAA;IAEtB,MAAM,QAAQ,GACZ,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,MAAK,SAAS;QAC7B,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC;QACjC,CAAC,CAAC,gBAAgB,CAAA;IAEtB,IAAI,YAAY,EAAE,CAAC;QACjB,YAAY,CAAC,YAAY,CAAC,CAAA;IAC5B,CAAC;IACD,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;QAC7B,cAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;QAC3B,YAAY,GAAG,SAAS,CAAA;IAC1B,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAA;IAEnB,MAAM,IAAI,CAAC,CAAA;IAEX,OAAO,cAAO,CAAC,IAAI,CAAC;QAClB,OAAO,EAAE,CACP,8BAAC,eAAK,IACJ,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,GAC3B,CACH;QACD,QAAQ,EAAE,CAAC;QACX,GAAG,EAAE,UAAU;QACf,IAAI,EAAE,6DAAK;QACX,SAAS,EAAE,sCAAuB;KACnC,CAAC,CAAA;AACJ,CAAC,CAAA;AApCY,QAAA,SAAS,aAoCrB"}

package/dist/index.js

@@ -19,8 +19,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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.SelectionBoxGroup = exports.SelectionBox = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.DialogItems = exports.Modal = exports.Tag = exports.InputWithButton = 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 = exports.AntdConfigProvider = void 0;
-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 = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.CopyrightNotice = exports.CompanyProfileDropdown = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = exports.useSidebar = exports.SidebarTrigger = exports.SidebarProvider = exports.SidebarBase = exports.Sidebar = exports.Coachmark = exports.Timeline = exports.SummaryCard = void 0;
+exports.Tooltip = exports.CopyBox = exports.Section = exports.showToast = exports.Toast = 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.SelectionBoxGroup = exports.SelectionBox = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.DialogItems = exports.Modal = exports.Tag = exports.InputWithButton = 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 = exports.AntdConfigProvider = void 0;
+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 = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.CopyrightNotice = exports.CompanyProfileDropdown = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = exports.useSidebar = exports.SidebarTrigger = exports.SidebarProvider = exports.SidebarBase = exports.Sidebar = exports.Coachmark = exports.Timeline = exports.SummaryCard = exports.Spin = exports.ErrorPage = void 0;
 // Components
 var AntdConfigProvider_1 = require("./components/AntdConfigProvider");
 Object.defineProperty(exports, "AntdConfigProvider", { enumerable: true, get: function () { return __importDefault(AntdConfigProvider_1).default; } });
@@ -105,6 +105,9 @@ var Note_1 = require("./components/Note");
 Object.defineProperty(exports, "Note", { enumerable: true, get: function () { return __importDefault(Note_1).default; } });
 var Banner_1 = require("./components/Banner");
 Object.defineProperty(exports, "Banner", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
+var Toast_1 = require("./components/Toast");
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return __importDefault(Toast_1).default; } });
+Object.defineProperty(exports, "showToast", { enumerable: true, get: function () { return Toast_1.showToast; } });
 var Grid_1 = require("./components/Grid");
 Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return Grid_1.Section; } });
 var CopyBox_1 = require("./components/CopyBox");

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/types/components/Toast/Toast.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ToastProps } from './Toast.types';
+declare const Toast: ({ tone, message, showIcon, className, }: ToastProps) => React.JSX.Element;
+export default Toast;

package/dist/types/components/Toast/Toast.styles.d.ts

@@ -0,0 +1,9 @@
+import { ToastTone } from './Toast.types';
+export declare const getToastBackground: (tone: ToastTone) => string;
+export declare const getToastTextColor: (tone: ToastTone) => string;
+export declare const StyledToast: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    tone: ToastTone;
+}, object>;
+export declare const ToastIconContainer: 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>;
+export declare const TOAST_MESSAGE_CLASSNAME = "fds3-toast-message";
+export declare const TOAST_MESSAGE_OVERRIDE_CSS = "\n  .ant-message-notice.fds3-toast-message {\n    background: transparent;\n    padding: 0;\n    box-shadow: none;\n    border-radius: 0;\n    margin-top: 16px;\n  }\n";

package/dist/types/components/Toast/Toast.types.d.ts

@@ -0,0 +1,8 @@
+export type ToastTone = 'positive' | 'warning' | 'critical' | 'info';
+export type ToastProps = {
+    tone?: ToastTone;
+    message: string;
+    /** Shows the tone icon. Defaults to true; icons help color-blind users tell tones apart. */
+    showIcon?: boolean;
+    className?: string;
+};

package/dist/types/components/Toast/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './Toast';
+export * from './Toast.types';
+export { showToast } from './showToast';
+export type { ShowToastOptions } from './showToast';

package/dist/types/components/Toast/showToast.d.ts

@@ -0,0 +1,12 @@
+import { MessageType } from 'antd/es/message/interface';
+import { ToastTone } from './Toast.types';
+export type ShowToastOptions = {
+    /**
+     * Seconds before auto-dismiss. Clamped to 3-7s (default 5s), so 0 does not
+     * mean "persist" like it does in antd.
+     */
+    duration?: number;
+    /** Shows the tone icon. Defaults to true. */
+    showIcon?: boolean;
+};
+export declare const showToast: (tone: ToastTone, text: string, options?: ShowToastOptions) => MessageType;

package/dist/types/index.d.ts

@@ -36,6 +36,8 @@ export { default as Hidden } from './components/Hidden';
 export { default as ContentBreakdown } from './components/ContentBreakdown';
 export { default as Note } from './components/Note';
 export { default as Banner } from './components/Banner';
+export { default as Toast, showToast } from './components/Toast';
+export type { ToastTone, ShowToastOptions } from './components/Toast';
 export { Section } from './components/Grid';
 export { default as CopyBox } from './components/CopyBox';
 export { default as Tooltip } from './components/Tooltip';