@xfers/design-system 5.0.0-dev.905c04fb04 → 5.0.0-dev.90bb04102a

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.
Files changed (46) hide show
  1. package/cjs/StraitsXPersonalAccountLightLogo-44c49e48.js +2 -0
  2. package/cjs/StraitsXPersonalAccountLightLogo-44c49e48.js.map +1 -0
  3. package/cjs/index.js +4 -20
  4. package/cjs/index.js.map +1 -1
  5. package/cjs/logos.js +1 -1
  6. package/dist/components/DatePicker/index.js +2 -2
  7. package/dist/components/DatePicker/index.js.map +1 -1
  8. package/dist/components/Form/index.js +1 -1
  9. package/dist/components/Form/index.js.map +1 -1
  10. package/dist/components/Input/index.js +0 -1
  11. package/dist/components/Input/index.js.map +1 -1
  12. package/dist/components/Input/inputStyles.js +2 -2
  13. package/dist/components/Input/inputStyles.js.map +1 -1
  14. package/dist/components/Modal/DialogItems.js +41 -0
  15. package/dist/components/Modal/DialogItems.js.map +1 -0
  16. package/dist/components/Modal/index.js +29 -32
  17. package/dist/components/Modal/index.js.map +1 -1
  18. package/dist/components/Modal/styles.js +42 -0
  19. package/dist/components/Modal/styles.js.map +1 -0
  20. package/dist/components/Select/helpers.js +2 -2
  21. package/dist/components/Select/helpers.js.map +1 -1
  22. package/dist/components/Select/index.js +1 -1
  23. package/dist/components/Select/index.js.map +1 -1
  24. package/dist/components/Select/style.js +9 -5
  25. package/dist/components/Select/style.js.map +1 -1
  26. package/dist/components/Tooltip/index.js +2 -1
  27. package/dist/components/Tooltip/index.js.map +1 -1
  28. package/dist/index.js +4 -2
  29. package/dist/index.js.map +1 -1
  30. package/dist/logos/Base.js +5 -2
  31. package/dist/logos/Base.js.map +1 -1
  32. package/dist/shared/modalContext.js +2 -2
  33. package/dist/shared/modalContext.js.map +1 -1
  34. package/dist/types/components/Modal/DialogItems.d.ts +13 -0
  35. package/dist/types/components/Modal/index.d.ts +9 -2
  36. package/dist/types/components/Modal/styles.d.ts +17 -0
  37. package/dist/types/components/Select/style.d.ts +1 -0
  38. package/dist/types/index.d.ts +1 -0
  39. package/es/{StraitsXPersonalAccountLightLogo-2319d5c0.js → StraitsXPersonalAccountLightLogo-17fc73c1.js} +2 -2
  40. package/es/{StraitsXPersonalAccountLightLogo-2319d5c0.js.map → StraitsXPersonalAccountLightLogo-17fc73c1.js.map} +1 -1
  41. package/es/index.js +4 -20
  42. package/es/index.js.map +1 -1
  43. package/es/logos.js +1 -1
  44. package/package.json +1 -1
  45. package/cjs/StraitsXPersonalAccountLightLogo-042665bf.js +0 -2
  46. package/cjs/StraitsXPersonalAccountLightLogo-042665bf.js.map +0 -1
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.Coachmark = 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.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;
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 = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = void 0;
19
+ 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.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;
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 = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.Coachmark = void 0;
21
21
  // Components
22
22
  var AntdConfigProvider_1 = require("./components/AntdConfigProvider");
23
23
  Object.defineProperty(exports, "AntdConfigProvider", { enumerable: true, get: function () { return AntdConfigProvider_1.default; } });
@@ -53,6 +53,8 @@ var Tag_1 = require("./components/Tag");
53
53
  Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.default; } });
54
54
  var Modal_1 = require("./components/Modal");
55
55
  Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.default; } });
56
+ var DialogItems_1 = require("./components/Modal/DialogItems");
57
+ Object.defineProperty(exports, "DialogItems", { enumerable: true, get: function () { return DialogItems_1.default; } });
56
58
  var DeprecatedModal_1 = require("./components/DeprecatedModal");
57
59
  Object.defineProperty(exports, "DeprecatedModal", { enumerable: true, get: function () { return DeprecatedModal_1.default; } });
58
60
  var Pagination_1 = require("./components/Pagination");
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/logos/Base.js CHANGED
@@ -13,7 +13,10 @@ var __assign = (this && this.__assign) || function () {
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
14
  var react_1 = require("react");
15
15
  var Base = function (props) { return (react_1.default.createElement("svg", __assign({ width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
16
- react_1.default.createElement("circle", { cx: "20", cy: "19.9927", r: "14.5", fill: "white" }),
17
- react_1.default.createElement("path", { d: "M18.4373 0.0322952C14.0878 0.421211 10.2418 2.02264 6.95106 4.80799C6.27573 5.38565 4.94797 6.75258 4.39283 7.45035C2.00629 10.4416 0.598407 13.8046 0.106219 17.6766C-0.0196891 18.6661 -0.0368584 21.1254 0.0718806 22.0806C0.638468 26.8791 2.62439 30.9742 5.98957 34.2686C8.02128 36.2647 10.2361 37.6888 12.8802 38.6954C17.2183 40.354 22.1058 40.4341 26.5012 38.9185C30.3242 37.603 33.6093 35.2009 36.0645 31.9351C38.1248 29.1955 39.4469 25.884 39.899 22.3093C40.0192 21.3199 40.0363 18.8548 39.9276 17.9054C39.4583 13.9361 38.0161 10.4645 35.578 7.41031C34.9886 6.67823 33.678 5.34561 32.9053 4.6936C29.8721 2.13703 26.2093 0.569916 22.1459 0.0894852C21.4477 0.00369644 19.1298 -0.0306206 18.4373 0.0322952ZM21.5335 5.98618C24.521 6.30647 27.4741 7.69056 29.6775 9.80102C35.5151 15.3889 35.5151 24.5971 29.6775 30.1849C27.4455 32.324 24.5038 33.6909 21.4362 34.0112C20.4748 34.1085 18.4946 34.0513 17.6018 33.8911C12.451 32.9817 8.27309 29.43 6.60767 24.5399C6.25856 23.5161 5.9209 21.949 5.9209 21.3599V21.1369H16.3656H26.8102V19.9644V18.7919H16.3656H5.9209V18.5975C5.9209 18.3344 6.12121 17.1562 6.27001 16.5613C7.61494 11.168 12.1247 7.00424 17.6075 6.10057C17.9967 6.03766 18.4144 5.97475 18.5404 5.96331C19.0726 5.91755 21.0185 5.92899 21.5335 5.98618Z", fill: "#0052FF" }))); };
16
+ react_1.default.createElement("g", { clipPath: "url(#clip0_5531_97)" },
17
+ react_1.default.createElement("path", { d: "M0.000129395 3.16C0.000129395 2.0775 0.000129402 1.53656 0.204192 1.12C0.399504 0.72125 0.721692 0.399063 1.12044 0.20375C1.53669 0 2.07763 0 3.16013 0H36.8401C37.9223 0 38.4639 0 38.8801 0.204063C39.2786 0.399375 39.6008 0.721562 39.7964 1.12031C40.0001 1.53656 40.0001 2.07781 40.0001 3.16031V36.8403C40.0001 37.9225 40.0001 38.4641 39.7964 38.8803C39.6008 39.2788 39.2786 39.6009 38.8801 39.7966C38.4639 40.0003 37.9223 40.0003 36.8401 40.0003H3.16013C2.07763 40.0003 1.53669 40.0003 1.12013 39.7966C0.721379 39.6009 0.399192 39.2788 0.203879 38.8803C-0.000183105 38.4641 -0.000183105 37.9225 -0.000183105 36.8403V3.16H0.000129395Z", fill: "#0000FF" })),
18
+ react_1.default.createElement("defs", null,
19
+ react_1.default.createElement("clipPath", { id: "clip0_5531_97" },
20
+ react_1.default.createElement("rect", { width: "40", height: "40", fill: "white" }))))); };
18
21
  exports.default = Base;
19
22
  //# sourceMappingURL=Base.js.map
package/dist/logos/Base.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Base.js","sourceRoot":"","sources":["../../src/logos/Base.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+BAAuC;AAEvC,IAAM,IAAI,GAAG,UAAC,KAA8B,IAAK,OAAA,CAC/C,gDACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;IAET,0CAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,SAAS,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAG;IACrD,wCACE,CAAC,EAAC,2uCAA2uC,EAC7uC,IAAI,EAAC,SAAS,GACd,CACE,CACP,EAfgD,CAehD,CAAA;AAED,kBAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"Base.js","sourceRoot":"","sources":["../../src/logos/Base.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+BAAuC;AAEvC,IAAM,IAAI,GAAG,UAAC,KAA8B,IAAK,OAAA,CAC/C,gDACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;IAET,qCAAG,QAAQ,EAAC,qBAAqB;QAC/B,wCACE,CAAC,EAAC,4nBAA4nB,EAC9nB,IAAI,EAAC,SAAS,GACd,CACA;IACJ;QACE,4CAAU,EAAE,EAAC,eAAe;YAC1B,wCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CACnC,CACN,CACH,CACP,EArBgD,CAqBhD,CAAA;AAED,kBAAe,IAAI,CAAA"}
package/dist/shared/modalContext.js CHANGED
@@ -11,7 +11,7 @@ var styled_1 = require("@emotion/styled");
11
11
  var core_1 = require("@emotion/core");
12
12
  var ModalContext = react_1.default.createContext({
13
13
  setModal: function () { return null; },
14
- resetModal: function () { return null; }
14
+ resetModal: function () { return null; },
15
15
  });
16
16
  var bodyElement = document.body;
17
17
  var ModalContainer = function (_a) {
@@ -51,7 +51,7 @@ var useModal = function () {
51
51
  };
52
52
  exports.useModal = useModal;
53
53
  var showAnimation = (0, core_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"], ["\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"])));
54
- var ModalMask = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: fixed;\n width: 100vw;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n top: 0;\n left: 0;\n display: none;\n overflow: auto;\n z-index: 9; // bigger than nav bar z-index: 8\n ", ";\n"], ["\n position: fixed;\n width: 100vw;\n height: 100%;\n background: rgba(0, 0, 0, 0.2);\n top: 0;\n left: 0;\n display: none;\n overflow: auto;\n z-index: 9; // bigger than nav bar z-index: 8\n ", ";\n"])), function (props) {
54
+ var ModalMask = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: fixed;\n width: 100vw;\n height: 100%;\n background: rgba(5, 21, 19, 0.7);\n top: 0;\n left: 0;\n display: none;\n overflow: auto;\n z-index: 9; // bigger than nav bar z-index: 8\n ", ";\n"], ["\n position: fixed;\n width: 100vw;\n height: 100%;\n background: rgba(5, 21, 19, 0.7);\n top: 0;\n left: 0;\n display: none;\n overflow: auto;\n z-index: 9; // bigger than nav bar z-index: 8\n ", ";\n"])), function (props) {
55
55
  return props.open && (0, core_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n animation: ", " 0.3s ease;\n "], ["\n display: block;\n animation: ", " 0.3s ease;\n "])), showAnimation);
56
56
  });
57
57
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/dist/shared/modalContext.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modalContext.js","sourceRoot":"","sources":["../../src/shared/modalContext.tsx"],"names":[],"mappings":";;;;;;;AAAA,+BAA+D;AAC/D,uCAAgC;AAChC,0CAAoC;AACpC,sCAAsD;AAEtD,IAAM,YAAY,GAAG,eAAK,CAAC,aAAa,CAIrC;IACD,QAAQ,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;IACpB,UAAU,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;CACvB,CAAC,CAAA;AAEF,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAA;AAKjC,IAAM,cAAc,GAAG,UAAC,EAA8B;QAA5B,KAAK,WAAA;IAC7B,sDAAsD;IAC/C,IAAA,WAAW,GAAI,IAAA,gBAAQ,EAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,GAA3C,CAA2C;IAC7D,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;IAE5C,IAAA,iBAAS,EACP;QACE,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;QACpC,OAAO;YACL,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;QACtC,CAAC,CAAA;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,IAAM,0BAA0B,GAAG,CACjC,8BAAC,aAAM,IACL,MAAM,MAAE,UAAG,sIAAA,kEAIV,OACD,CACH,CAAA;IACD,OAAO,mBAAQ,CAAC,YAAY,CAC1B,8BAAC,SAAS,IAAC,IAAI,EAAE,CAAC,CAAC,KAAK;QACrB,CAAC,CAAC,KAAK,IAAI,0BAA0B;QACrC,KAAK,CACI,EACZ,WAAW,CACZ,CAAA;AACH,CAAC,CAAA;AAGD,IAAM,aAAa,GAAG,UAAC,EAAgC;QAA9B,QAAQ,cAAA;IAC/B,sDAAsD;IAChD,IAAA,KAAoB,IAAA,gBAAQ,GAAkC,EAA7D,KAAK,QAAA,EAAE,QAAQ,QAA8C,CAAA;IACpE,IAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B;QACE,QAAQ,CAAC,SAAS,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO,CACL,8BAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,QAAQ,UAAA,EAAE;QACnD,QAAQ;QACT,8BAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI,CACV,CACzB,CAAA;AACH,CAAC,CAAA;AAWQ,sCAAa;AATtB,IAAM,QAAQ,GAAG;IACf,IAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAA;IAChE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAEuB,4BAAQ;AAEhC,IAAM,aAAa,OAAG,gBAAS,sIAAA,kEAO9B,IAAA,CAAA;AACD,IAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,sRAAmB,4MAU3C,EAKC,KACJ,KANG,UAAA,KAAK;IACL,OAAA,KAAK,CAAC,IAAI,QACV,UAAG,qIAAA,4CAEY,EAAa,mBAC3B,KADc,aAAa,CAC3B;AAJD,CAIC,CACJ,CAAA"}
1
+ {"version":3,"file":"modalContext.js","sourceRoot":"","sources":["../../src/shared/modalContext.tsx"],"names":[],"mappings":";;;;;;;AAAA,+BAA+D;AAC/D,uCAAgC;AAChC,0CAAoC;AACpC,sCAAsD;AAEtD,IAAM,YAAY,GAAG,eAAK,CAAC,aAAa,CAIrC;IACD,QAAQ,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;IACpB,UAAU,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;CACvB,CAAC,CAAA;AAEF,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAA;AAKjC,IAAM,cAAc,GAAG,UAAC,EAA8B;QAA5B,KAAK,WAAA;IAC7B,sDAAsD;IAC/C,IAAA,WAAW,GAAI,IAAA,gBAAQ,EAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,GAA3C,CAA2C;IAC7D,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;IAE5C,IAAA,iBAAS,EAAC;QACR,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;QACpC,OAAO;YACL,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;QACtC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,IAAM,0BAA0B,GAAG,CACjC,8BAAC,aAAM,IACL,MAAM,MAAE,UAAG,sIAAA,kEAIV,OACD,CACH,CAAA;IACD,OAAO,mBAAQ,CAAC,YAAY,CAC1B,8BAAC,SAAS,IAAC,IAAI,EAAE,CAAC,CAAC,KAAK;QACrB,CAAC,CAAC,KAAK,IAAI,0BAA0B;QACrC,KAAK,CACI,EACZ,WAAW,CACZ,CAAA;AACH,CAAC,CAAA;AAGD,IAAM,aAAa,GAAG,UAAC,EAAgC;QAA9B,QAAQ,cAAA;IAC/B,sDAAsD;IAChD,IAAA,KAAoB,IAAA,gBAAQ,GAAkC,EAA7D,KAAK,QAAA,EAAE,QAAQ,QAA8C,CAAA;IACpE,IAAM,UAAU,GAAG,IAAA,mBAAW,EAAC;QAC7B,QAAQ,CAAC,SAAS,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,8BAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,QAAQ,UAAA,EAAE;QACnD,QAAQ;QACT,8BAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI,CACV,CACzB,CAAA;AACH,CAAC,CAAA;AAWQ,sCAAa;AATtB,IAAM,QAAQ,GAAG;IACf,IAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAA;IAChE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAEuB,4BAAQ;AAEhC,IAAM,aAAa,OAAG,gBAAS,sIAAA,kEAO9B,IAAA,CAAA;AACD,IAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,wRAAmB,8MAU3C,EAKC,KACJ,KANG,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,IAAI,QACV,UAAG,qIAAA,4CAEY,EAAa,mBAC3B,KADc,aAAa,CAC3B;AAJD,CAIC,CACJ,CAAA"}
package/dist/types/components/Modal/DialogItems.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ type DialogItemVariant = 'small' | 'large';
3
+ type DialogItemProps = {
4
+ label: string;
5
+ value: React.ReactNode;
6
+ variant?: DialogItemVariant;
7
+ };
8
+ type DialogItemsProps = {
9
+ items: DialogItemProps[];
10
+ className?: string;
11
+ };
12
+ declare const DialogItems: ({ items, className }: DialogItemsProps) => React.JSX.Element;
13
+ export default DialogItems;
package/dist/types/components/Modal/index.d.ts CHANGED
@@ -1,12 +1,19 @@
1
1
  import React from 'react';
2
+ import { ModalSize } from './styles';
3
+ export type ModalVariant = 'default' | 'illustration' | 'newFeature';
2
4
  type ModalContentProps = {
3
5
  onClose: () => void;
4
- icon: React.ReactNode | false;
6
+ variant?: ModalVariant;
7
+ size?: ModalSize;
5
8
  title?: React.ReactNode;
6
9
  children: React.ReactNode;
7
10
  footer: React.ReactNode;
8
11
  disabledCloseIcon?: boolean;
9
12
  className?: string;
13
+ illustration?: React.ReactNode;
14
+ headerImage?: React.ReactNode;
15
+ /** @deprecated No longer rendered. Will be removed in a future version. */
16
+ icon?: React.ReactNode | false;
10
17
  };
11
- declare const ModalContent: ({ onClose, icon, title, children, footer, disabledCloseIcon, className }: ModalContentProps) => React.JSX.Element;
18
+ declare const ModalContent: ({ onClose, variant, size, title, children, footer, disabledCloseIcon, className, illustration, headerImage, }: ModalContentProps) => React.JSX.Element;
12
19
  export default ModalContent;
package/dist/types/components/Modal/styles.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ export type ModalSize = 'small' | 'medium';
2
+ export declare const ModalContentWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
+ modalSize: ModalSize;
4
+ }, object>;
5
+ export declare const ModalHeader: 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>;
6
+ export declare const TitleContainer: 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>;
7
+ export declare const Title: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
8
+ export declare const IllustrationCloseBar: 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>;
9
+ export declare const IllustrationContainer: 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>;
10
+ export declare const IllustrationWrapper: 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>;
11
+ export declare const CenteredTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
12
+ export declare const NewFeatureImageContainer: 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>;
13
+ export declare const CenteredTitleFrame: 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>;
14
+ export declare const NewFeatureTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
15
+ export declare const ModalBody: 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>;
16
+ export declare const ModalFooter: 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>;
17
+ export declare const Close: 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>;
package/dist/types/components/Select/style.d.ts CHANGED
@@ -14,5 +14,6 @@ export declare const StyledDropdown: import("@emotion/styled-base").StyledCompon
14
14
  }, object>;
15
15
  export declare const dropdownStyle: {
16
16
  padding: number;
17
+ paddingBottom: string;
17
18
  borderRadius: string;
18
19
  };
package/dist/types/index.d.ts CHANGED
@@ -15,6 +15,7 @@ export { default as Input } from './components/Input';
15
15
  export { default as InputWithButton } from './components/InputWithButton';
16
16
  export { default as Tag } from './components/Tag';
17
17
  export { default as Modal } from './components/Modal';
18
+ export { default as DialogItems } from './components/Modal/DialogItems';
18
19
  export { default as DeprecatedModal } from './components/DeprecatedModal';
19
20
  export { default as Pagination } from './components/Pagination';
20
21
  export { default as Radio } from './components/Radio';