@semcore/fullscreen-modal 16.1.13-prerelease.8 → 16.2.0-prerelease.0

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 (19) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/lib/cjs/FullscreenModal.js +154 -161
  3. package/lib/cjs/FullscreenModal.js.map +1 -1
  4. package/lib/cjs/index.d.js.map +1 -1
  5. package/lib/cjs/index.js +3 -3
  6. package/lib/cjs/style/fullscreen-modal.shadow.css +27 -12
  7. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
  8. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  9. package/lib/es6/FullscreenModal.js +143 -150
  10. package/lib/es6/FullscreenModal.js.map +1 -1
  11. package/lib/es6/index.d.js.map +1 -1
  12. package/lib/es6/style/fullscreen-modal.shadow.css +27 -12
  13. package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
  14. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  15. package/lib/esm/FullscreenModal.mjs +124 -144
  16. package/lib/esm/style/fullscreen-modal.shadow.css +27 -12
  17. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
  18. package/lib/types/index.d.ts +10 -2
  19. package/package.json +9 -10
package/CHANGELOG.md CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [16.1.13] - 2026-02-16
5
+ ## [16.2.0] - 2026-05-07
6
6
 
7
- ### Changed
7
+ ### Added
8
8
 
9
- - Header styles, for the correct text behaviour and design ofc ✨
9
+ - New brand theme.
10
10
 
11
11
  ## [16.1.12] - 2025-11-17
12
12
 
package/lib/cjs/FullscreenModal.js CHANGED
@@ -1,17 +1,22 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.default = void 0;
7
+ exports["default"] = void 0;
8
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
+ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
12
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
8
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
14
  var _core = require("@semcore/core");
10
- var _baseComponents = require("@semcore/base-components");
11
15
  var _button = _interopRequireDefault(require("@semcore/button"));
12
16
  var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
13
17
  var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
14
18
  var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
19
+ var _flexBox = require("@semcore/flex-box");
15
20
  var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
16
21
  var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
17
22
  var _modal = _interopRequireDefault(require("@semcore/modal"));
@@ -19,214 +24,202 @@ var _typography = require("@semcore/typography");
19
24
  var _react = _interopRequireDefault(require("react"));
20
25
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
21
26
  /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
22
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_16ww4_gg_,.___SFullscreenOverlay_16ww4_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_16ww4_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_16ww4_gg_{position:absolute;top:17px;right:24px}.___SBack_16ww4_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_16ww4_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBackText_16ww4_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SDescription_16ww4_gg_,.___STitle_16ww4_gg_{word-wrap:break-word}.___STitle_16ww4_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_16ww4_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SHeader_16ww4_gg_{display:flex;flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);align-items:flex-start;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_16ww4_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_16ww4_gg_{display:flex;height:100%;overflow:auto}.___SSection_16ww4_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_16ww4_gg_{transition:none}}", /*__inner_css_end__*/"16ww4_gg_"),
27
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_1hufr_gg_,.___SFullscreenOverlay_1hufr_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_1hufr_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-radius:0}.___SClose_1hufr_gg_{position:absolute;top:17px;right:24px}.___SBack_1hufr_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526));font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_1hufr_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SBack_1hufr_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBack_1hufr_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}.___SBackText_1hufr_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1hufr_gg_,.___SDescription_1hufr_gg_,.___STitle_1hufr_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1hufr_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SDescription_1hufr_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SDescription_1hufr_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDescription_1hufr_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDescription_1hufr_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SDescription_1hufr_gg_::before{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SDescription_1hufr_gg_::before{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SHeader_1hufr_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));box-sizing:border-box}@supports (color:color(display-p3 0 0 0%)){.___SHeader_1hufr_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_1hufr_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1hufr_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));box-sizing:border-box}@supports (color:color(display-p3 0 0 0%)){.___SFooter_1hufr_gg_{box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1hufr_gg_{box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_1hufr_gg_{display:flex;height:100%;overflow:auto}.___SSection_1hufr_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1hufr_gg_{transition:none}}", /*__inner_css_end__*/"1hufr_gg_"),
23
28
  /*__reshadow_css_end__*/
24
29
  {
25
- "__SFullscreenModal": "___SFullscreenModal_16ww4_gg_",
26
- "__SClose": "___SClose_16ww4_gg_",
27
- "__SBackText": "___SBackText_16ww4_gg_",
28
- "__STitle": "___STitle_16ww4_gg_",
29
- "__SDescription": "___SDescription_16ww4_gg_",
30
- "__SHeader": "___SHeader_16ww4_gg_",
31
- "__SFooter": "___SFooter_16ww4_gg_",
32
- "__SBody": "___SBody_16ww4_gg_",
33
- "__SSection": "___SSection_16ww4_gg_",
34
- "__SFullscreenOverlay": "___SFullscreenOverlay_16ww4_gg_",
35
- "__SBack": "___SBack_16ww4_gg_"
30
+ "__SFullscreenModal": "___SFullscreenModal_1hufr_gg_",
31
+ "__SClose": "___SClose_1hufr_gg_",
32
+ "__SBackText": "___SBackText_1hufr_gg_",
33
+ "__STitle": "___STitle_1hufr_gg_",
34
+ "__SDescription": "___SDescription_1hufr_gg_",
35
+ "__SHeader": "___SHeader_1hufr_gg_",
36
+ "__SFooter": "___SFooter_1hufr_gg_",
37
+ "__SBody": "___SBody_1hufr_gg_",
38
+ "__SSection": "___SSection_1hufr_gg_",
39
+ "__SFullscreenOverlay": "___SFullscreenOverlay_1hufr_gg_",
40
+ "__SBack": "___SBack_1hufr_gg_"
36
41
  });
37
- class FullscreenModalRoot extends _core.Component {
38
- constructor(...args) {
39
- super(...args);
40
- (0, _defineProperty2.default)(this, "state", {
42
+ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
43
+ function FullscreenModalRoot() {
44
+ var _this;
45
+ (0, _classCallCheck2["default"])(this, FullscreenModalRoot);
46
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
47
+ args[_key] = arguments[_key];
48
+ }
49
+ _this = (0, _callSuper2["default"])(this, FullscreenModalRoot, [].concat(args));
50
+ (0, _defineProperty2["default"])(_this, "state", {
41
51
  hasTitle: false
42
52
  });
43
- (0, _defineProperty2.default)(this, "bindHandlerClose", trigger => e => {
44
- (0, _fire.default)(this, 'onClose', trigger, e);
53
+ (0, _defineProperty2["default"])(_this, "bindHandlerClose", function (trigger) {
54
+ return function (e) {
55
+ (0, _fire["default"])(_this, 'onClose', trigger, e);
56
+ };
45
57
  });
58
+ return _this;
46
59
  }
47
- getCloseProps() {
48
- const {
49
- getI18nText
50
- } = this.asProps;
51
- return {
52
- onClick: this.bindHandlerClose('onCloseClick'),
53
- getI18nText
54
- };
55
- }
56
- getBackProps() {
57
- return {
58
- onClick: this.bindHandlerClose('onBackClick')
59
- };
60
- }
61
- getTitleProps() {
62
- const {
63
- uid
64
- } = this.asProps;
65
- const setHasTitle = () => this.setState({
66
- hasTitle: true
67
- });
68
- return {
69
- id: `igc-${uid}-title`,
70
- setHasTitle
71
- };
72
- }
73
- render() {
74
- var _ref = this.asProps,
75
- _ref0;
76
- const SFullscreenModal = _modal.default.Window;
77
- const {
78
- styles,
79
- Children,
80
- onClose,
81
- visible,
82
- closable,
83
- duration,
84
- disablePortal,
85
- getI18nText,
86
- uid
87
- } = this.asProps;
88
- const {
89
- hasTitle
90
- } = this.state;
91
- const SFullscreenOverlay = _modal.default.Overlay;
92
- return _ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_modal.default, _ref0.cn("Modal", {
93
- "closable": false,
94
- "visible": visible,
95
- "onClose": onClose,
96
- "duration": duration,
97
- "disablePortal": disablePortal
98
- }), /*#__PURE__*/_react.default.createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/_react.default.createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", {
99
- ...(0, _core.assignProps)({
60
+ (0, _inherits2["default"])(FullscreenModalRoot, _Component);
61
+ return (0, _createClass2["default"])(FullscreenModalRoot, [{
62
+ key: "getCloseProps",
63
+ value: function getCloseProps() {
64
+ var getI18nText = this.asProps.getI18nText;
65
+ return {
66
+ onClick: this.bindHandlerClose('onCloseClick'),
67
+ getI18nText: getI18nText
68
+ };
69
+ }
70
+ }, {
71
+ key: "getBackProps",
72
+ value: function getBackProps() {
73
+ return {
74
+ onClick: this.bindHandlerClose('onBackClick')
75
+ };
76
+ }
77
+ }, {
78
+ key: "getTitleProps",
79
+ value: function getTitleProps() {
80
+ var _this2 = this;
81
+ var uid = this.asProps.uid;
82
+ var setHasTitle = function setHasTitle() {
83
+ return _this2.setState({
84
+ hasTitle: true
85
+ });
86
+ };
87
+ return {
88
+ id: "igc-".concat(uid, "-title"),
89
+ setHasTitle: setHasTitle
90
+ };
91
+ }
92
+ }, {
93
+ key: "render",
94
+ value: function render() {
95
+ var _ref = this.asProps,
96
+ _ref0;
97
+ var SFullscreenModal = _modal["default"].Window;
98
+ var _this$asProps = this.asProps,
99
+ styles = _this$asProps.styles,
100
+ Children = _this$asProps.Children,
101
+ onClose = _this$asProps.onClose,
102
+ visible = _this$asProps.visible,
103
+ closable = _this$asProps.closable,
104
+ duration = _this$asProps.duration,
105
+ disablePortal = _this$asProps.disablePortal,
106
+ getI18nText = _this$asProps.getI18nText,
107
+ uid = _this$asProps.uid;
108
+ var hasTitle = this.state.hasTitle;
109
+ var SFullscreenOverlay = _modal["default"].Overlay;
110
+ return _ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_modal["default"], _ref0.cn("Modal", {
111
+ "closable": false,
112
+ "visible": visible,
113
+ "onClose": onClose,
114
+ "duration": duration,
115
+ "disablePortal": disablePortal
116
+ }), /*#__PURE__*/_react["default"].createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/_react["default"].createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
100
117
  "use:closable": false,
101
118
  "aria-label": hasTitle ? undefined : getI18nText('title'),
102
- "aria-labelledby": hasTitle ? `igc-${uid}-title` : undefined
103
- }, _ref)
104
- }), closable && /*#__PURE__*/_react.default.createElement(FullscreenModal.Close, null), /*#__PURE__*/_react.default.createElement(Children, _ref0.cn("Children", {})))));
105
- }
106
- }
107
- (0, _defineProperty2.default)(FullscreenModalRoot, "displayName", 'FullscreenModal');
108
- (0, _defineProperty2.default)(FullscreenModalRoot, "style", style);
109
- (0, _defineProperty2.default)(FullscreenModalRoot, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID.default)()]);
110
- (0, _defineProperty2.default)(FullscreenModalRoot, "defaultProps", {
119
+ "aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : undefined
120
+ }, _ref))), closable && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Close, null), /*#__PURE__*/_react["default"].createElement(Children, _ref0.cn("Children", {})))));
121
+ }
122
+ }]);
123
+ }(_core.Component);
124
+ (0, _defineProperty2["default"])(FullscreenModalRoot, "displayName", 'FullscreenModal');
125
+ (0, _defineProperty2["default"])(FullscreenModalRoot, "style", style);
126
+ (0, _defineProperty2["default"])(FullscreenModalRoot, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()]);
127
+ (0, _defineProperty2["default"])(FullscreenModalRoot, "defaultProps", {
111
128
  i18n: _intergalacticDynamicLocales.localizedMessages,
112
129
  locale: 'en'
113
130
  });
114
131
  function Header(props) {
115
132
  var _ref2 = arguments[0],
116
133
  _ref1;
117
- const SHeader = _baseComponents.Box;
118
- const {
119
- Children,
120
- styles,
121
- title,
122
- description
123
- } = props;
124
- return _ref1 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SHeader, _ref1.cn("SHeader", {
125
- ...(0, _core.assignProps)({}, _ref2)
126
- }), title && /*#__PURE__*/_react.default.createElement(FullscreenModal.Title, {
134
+ var SHeader = _flexBox.Box;
135
+ var Children = props.Children,
136
+ styles = props.styles,
137
+ title = props.title,
138
+ description = props.description;
139
+ return _ref1 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref1.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), title && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Title, {
127
140
  children: title
128
- }), description && /*#__PURE__*/_react.default.createElement(FullscreenModal.Description, {
141
+ }), description && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Description, {
129
142
  children: description
130
- }), /*#__PURE__*/_react.default.createElement(Children, _ref1.cn("Children", {})));
143
+ }), /*#__PURE__*/_react["default"].createElement(Children, _ref1.cn("Children", {})));
131
144
  }
132
145
  function Body(props) {
133
146
  var _ref3 = arguments[0],
134
147
  _ref10;
135
- const SBody = _baseComponents.Box;
136
- return _ref10 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SBody, _ref10.cn("SBody", {
137
- ...(0, _core.assignProps)({}, _ref3)
138
- }));
148
+ var SBody = _flexBox.Box;
149
+ return _ref10 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref10.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
139
150
  }
140
151
  function Section(props) {
141
152
  var _ref4 = arguments[0],
142
153
  _ref11;
143
- const SSection = _baseComponents.Box;
144
- return _ref11 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SSection, _ref11.cn("SSection", {
145
- ...(0, _core.assignProps)({
146
- "tag": 'section'
147
- }, _ref4)
148
- }));
154
+ var SSection = _flexBox.Box;
155
+ return _ref11 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SSection, _ref11.cn("SSection", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
156
+ "tag": 'section'
157
+ }, _ref4))));
149
158
  }
150
159
  function Footer(props) {
151
160
  var _ref5 = arguments[0],
152
161
  _ref12;
153
- const SFooter = _baseComponents.Flex;
154
- return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SFooter, _ref12.cn("SFooter", {
155
- ...(0, _core.assignProps)({}, _ref5)
156
- }));
162
+ var SFooter = _flexBox.Flex;
163
+ return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref12.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))));
157
164
  }
158
165
  function Close(props) {
159
166
  var _ref6 = arguments[0],
160
167
  _ref13;
161
- const SClose = _button.default;
162
- const {
163
- getI18nText
164
- } = props;
165
- return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SClose, _ref13.cn("SClose", {
166
- ...(0, _core.assignProps)({
167
- "use": 'tertiary',
168
- "size": 'l',
169
- "theme": 'muted',
170
- "aria-label": getI18nText('close')
171
- }, _ref6)
172
- }), /*#__PURE__*/_react.default.createElement(_button.default.Addon, {
168
+ var SClose = _button["default"];
169
+ var getI18nText = props.getI18nText;
170
+ return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref13.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
171
+ "use": 'tertiary',
172
+ "size": 'l',
173
+ "theme": 'muted',
174
+ "aria-label": getI18nText('close')
175
+ }, _ref6))), /*#__PURE__*/_react["default"].createElement(_button["default"].Addon, {
173
176
  ml: "7px",
174
177
  mr: "7px"
175
- }, /*#__PURE__*/_react.default.createElement(_l.default, _ref13.cn("CloseIcon", {
178
+ }, /*#__PURE__*/_react["default"].createElement(_l["default"], _ref13.cn("CloseIcon", {
176
179
  "title": getI18nText('close')
177
180
  }))));
178
181
  }
179
182
  function Title(props) {
180
183
  var _ref7 = arguments[0],
181
184
  _ref14;
182
- const STitle = _typography.Text;
183
- const {
184
- setHasTitle
185
- } = props;
186
- _react.default.useEffect(() => setHasTitle());
187
- return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(STitle, _ref14.cn("STitle", {
188
- ...(0, _core.assignProps)({
189
- "tag": 'h2'
190
- }, _ref7)
191
- }));
185
+ var STitle = _typography.Text;
186
+ var setHasTitle = props.setHasTitle;
187
+ _react["default"].useEffect(function () {
188
+ return setHasTitle();
189
+ });
190
+ return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref14.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
191
+ "tag": 'h2'
192
+ }, _ref7))));
192
193
  }
193
194
  function Description(props) {
194
195
  var _ref8 = arguments[0],
195
196
  _ref15;
196
- const SDescription = _typography.Text;
197
- return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SDescription, _ref15.cn("SDescription", {
198
- ...(0, _core.assignProps)({
199
- "tag": 'p'
200
- }, _ref8)
201
- }));
197
+ var SDescription = _typography.Text;
198
+ return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref15.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))));
202
199
  }
203
200
  function Back(props) {
204
201
  var _ref9 = arguments[0],
205
202
  _ref16;
206
- const SBack = _baseComponents.Box;
207
- const SBackText = _typography.Text;
208
- const {
209
- Children,
210
- styles
211
- } = props;
212
- return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SBack, _ref16.cn("SBack", {
213
- ...(0, _core.assignProps)({
214
- "tag": 'button',
215
- "tabIndex": 0
216
- }, _ref9)
217
- }), /*#__PURE__*/_react.default.createElement(_m.default, _ref16.cn("ArrowLeft", {})), /*#__PURE__*/_react.default.createElement(SBackText, _ref16.cn("SBackText", {}), /*#__PURE__*/_react.default.createElement(Children, _ref16.cn("Children", {}))));
203
+ var SBack = _flexBox.Box;
204
+ var SBackText = _typography.Text;
205
+ var Children = props.Children,
206
+ styles = props.styles;
207
+ return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref16.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
208
+ "tag": 'button',
209
+ "tabIndex": 0
210
+ }, _ref9))), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref16.cn("ArrowLeft", {})), /*#__PURE__*/_react["default"].createElement(SBackText, _ref16.cn("SBackText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref16.cn("Children", {}))));
218
211
  }
219
- const FullscreenModal = (0, _core.createComponent)(FullscreenModalRoot, {
220
- Header,
221
- Footer,
222
- Close,
223
- Back,
224
- Body,
225
- Section,
226
- Title,
227
- Description
212
+ var FullscreenModal = (0, _core.createComponent)(FullscreenModalRoot, {
213
+ Header: Header,
214
+ Footer: Footer,
215
+ Close: Close,
216
+ Back: Back,
217
+ Body: Body,
218
+ Section: Section,
219
+ Title: Title,
220
+ Description: Description
228
221
  }, {
229
- parent: _modal.default
222
+ parent: _modal["default"]
230
223
  });
231
- var _default = exports.default = FullscreenModal;
224
+ var _default = exports["default"] = FullscreenModal;
232
225
  //# sourceMappingURL=FullscreenModal.js.map
package/lib/cjs/FullscreenModal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenModal.js","names":["_core","require","_baseComponents","_button","_interopRequireDefault","_i18nEnhance","_fire","_uniqueID","_m","_l","_modal","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","FullscreenModalRoot","Component","constructor","args","_defineProperty2","default","hasTitle","trigger","e","fire","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Modal","Window","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","assignProps","undefined","FullscreenModal","Close","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref10","SBody","Section","_ref4","_ref11","SSection","Footer","_ref5","_ref12","SFooter","Flex","_ref6","_ref13","SClose","Button","Addon","ml","mr","_ref7","_ref14","STitle","Text","React","useEffect","_ref8","_ref15","SDescription","Back","_ref9","_ref16","SBack","SBackText","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n use:closable={false}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} tag='section' />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml='7px' mr='7px'>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} tag='p' />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button' tabIndex={0}>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"FullscreenModal.js","names":["_core","require","_button","_interopRequireDefault","_i18nEnhance","_fire","_uniqueID","_flexBox","_m","_l","_modal","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","FullscreenModalRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","hasTitle","trigger","e","fire","_inherits2","_createClass2","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Modal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread2","assignProps","undefined","FullscreenModal","Close","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref10","SBody","Section","_ref4","_ref11","SSection","Footer","_ref5","_ref12","SFooter","Flex","_ref6","_ref13","SClose","Button","Addon","ml","mr","_ref7","_ref14","STitle","Text","React","useEffect","_ref8","_ref15","SDescription","Back","_ref9","_ref16","SBack","SBackText","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Flex, Box } from '@semcore/flex-box';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n use:closable={false}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} tag='section' />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml='7px' mr='7px'>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button' tabIndex={0}>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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","ignoreList":[]}
package/lib/cjs/index.d.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Flex, Box, BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { ModalProps } from '@semcore/modal';\nimport type { Text } from '@semcore/typography';\n\nexport type FullscreenModalProps = ModalProps & {\n /** Function that is invoked when hiding a component */\n onClose?: (\n trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',\n e?: React.MouseEvent | React.KeyboardEvent,\n ) => void;\n};\n\nexport type FullscreenModalHeaderProps = BoxProps & {\n /** Title content displayed in the modal header */\n title?: React.ReactNode;\n /** Description text that appears alongside the title */\n description?: React.ReactNode;\n};\n\nexport type FullscreenModalContext = {\n getBackProps: PropGetterFn;\n getCloseProps: PropGetterFn;\n};\n\ndeclare const FullscreenModal: Intergalactic.Component<\n 'div',\n FullscreenModalProps,\n FullscreenModalContext\n> & {\n Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;\n Footer: typeof Flex;\n Close: typeof Button;\n Back: typeof Box;\n Body: typeof Box;\n Section: typeof Box;\n Title: typeof Text;\n Description: typeof Text;\n};\n\nexport default FullscreenModal;\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport type { ModalProps } from '@semcore/modal';\nimport type { Text } from '@semcore/typography';\n\n/** @deprecated */\nexport interface IFullscreenModalProps extends FullscreenModalProps, UnknownProperties {}\nexport type FullscreenModalProps = ModalProps & {\n /** Function that is invoked when hiding a component */\n onClose?: (\n trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',\n e?: React.MouseEvent | React.KeyboardEvent,\n ) => void;\n};\n\n/** @deprecated */\nexport interface IFullscreenModalHeaderProps\n extends FullscreenModalHeaderProps,\n UnknownProperties {}\nexport type FullscreenModalHeaderProps = BoxProps & {\n /** Title content displayed in the modal header */\n title?: React.ReactNode;\n /** Description text that appears alongside the title */\n description?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IFullscreenModalContext extends FullscreenModalContext, UnknownProperties {}\nexport type FullscreenModalContext = {\n getBackProps: PropGetterFn;\n getCloseProps: PropGetterFn;\n};\n\ndeclare const FullscreenModal: Intergalactic.Component<\n 'div',\n FullscreenModalProps,\n FullscreenModalContext\n> & {\n Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;\n Footer: typeof Flex;\n Close: typeof Button;\n Back: typeof Box;\n Body: typeof Box;\n Section: typeof Box;\n Title: typeof Text;\n Description: typeof Text;\n};\n\nexport default FullscreenModal;\n"],"mappings":"","ignoreList":[]}
package/lib/cjs/index.js CHANGED
@@ -1,13 +1,13 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  Object.defineProperty(exports, "default", {
8
8
  enumerable: true,
9
- get: function () {
10
- return _FullscreenModal.default;
9
+ get: function get() {
10
+ return _FullscreenModal["default"];
11
11
  }
12
12
  });
13
13
  var _FullscreenModal = _interopRequireDefault(require("./FullscreenModal"));
package/lib/cjs/style/fullscreen-modal.shadow.css CHANGED
@@ -11,7 +11,7 @@ SFullscreenModal {
11
11
  display: flex;
12
12
  flex-direction: column;
13
13
  width: 100%;
14
- background: var(--intergalactic-bg-primary-neutral, #ffffff);
14
+ background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
15
15
  border-radius: 0;
16
16
  padding: 0;
17
17
  }
@@ -31,7 +31,7 @@ SBack {
31
31
  display: flex;
32
32
  align-items: center;
33
33
  margin-bottom: var(--intergalactic-spacing-3x, 12px);
34
- color: var(--intergalactic-icon-primary-neutral, #6c6e79);
34
+ color: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
35
35
  font-size: var(--intergalactic-fs-100, 12px);
36
36
  line-height: var(--intergalactic-lh-100, 133%);
37
37
  background: none;
@@ -40,7 +40,7 @@ SBack {
40
40
  outline: none;
41
41
 
42
42
  &:hover {
43
- color: var(--intergalactic-icon-primary-neutral-hover-active, #565861);
43
+ color: var(--intergalactic-icon-primary-neutral-hover-active, oklch(0.088 0.026 147.7 / 0.583));
44
44
  }
45
45
  }
46
46
 
@@ -55,40 +55,55 @@ SBackText {
55
55
 
56
56
  STitle,
57
57
  SDescription {
58
- overflow-wrap: break-word;
58
+ white-space: nowrap;
59
+ overflow: hidden;
60
+ text-overflow: ellipsis;
59
61
  }
60
62
 
61
63
  STitle {
62
64
  font-size: var(--intergalactic-fs-500, 24px);
63
65
  line-height: var(--intergalactic-lh-500, 117%);
64
66
  font-weight: var(--intergalactic-bold, 700);
65
- color: var(--intergalactic-text-primary, #191b23);
67
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
66
68
  }
67
69
 
68
70
  SDescription {
71
+ display: flex;
72
+ align-items: baseline;
69
73
  font-size: var(--intergalactic-fs-100, 12px);
70
74
  line-height: var(--intergalactic-lh-100, 133%);
71
- color: var(--intergalactic-text-secondary, #6c6e79);
75
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
76
+
77
+ &::before {
78
+ content: '';
79
+ position: relative;
80
+ top: var(--intergalactic-spacing-1x, 4px);
81
+ display: block;
82
+ margin-left: var(--intergalactic-spacing-3x, 12px);
83
+ margin-right: var(--intergalactic-spacing-3x, 12px);
84
+ height: 24px;
85
+ width: 1px;
86
+ background-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
87
+ }
72
88
  }
73
89
 
74
90
  SHeader {
75
91
  display: flex;
76
- flex-direction: column;
77
- gap: var(--intergalactic-spacing-2x, 8px);
78
- align-items: flex-start;
92
+ align-items: baseline;
79
93
  padding-left: var(--intergalactic-spacing-8x, 32px);
80
- padding-bottom: var(--intergalactic-spacing-4x, 16px);
94
+ padding-bottom: var(--intergalactic-spacing-2x, 8px);
81
95
  padding-right: calc(
82
96
  var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px)
83
97
  );
84
98
  padding-top: var(--intergalactic-spacing-10x, 40px);
85
- box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, #c4c7cf);
99
+ min-height: 76px;
100
+ box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
86
101
  box-sizing: border-box;
87
102
  }
88
103
 
89
104
  SFooter {
90
105
  min-height: 52px;
91
- box-shadow: inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);
106
+ box-shadow: inset 0 1px 1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
92
107
  box-sizing: border-box;
93
108
  }
94
109