@semcore/fullscreen-modal 3.52.0-prerelease.1 → 3.52.0-prerelease.5

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 (20) hide show
  1. package/lib/cjs/FullscreenModal.js +66 -71
  2. package/lib/cjs/FullscreenModal.js.map +1 -1
  3. package/lib/cjs/index.d.js.map +1 -1
  4. package/lib/cjs/index.js +1 -1
  5. package/lib/cjs/index.js.map +1 -1
  6. package/lib/cjs/style/fullscreen-modal.shadow.css +10 -25
  7. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
  8. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  9. package/lib/es6/FullscreenModal.js +60 -62
  10. package/lib/es6/FullscreenModal.js.map +1 -1
  11. package/lib/es6/index.d.js.map +1 -1
  12. package/lib/es6/index.js.map +1 -1
  13. package/lib/es6/style/fullscreen-modal.shadow.css +10 -25
  14. package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
  15. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  16. package/lib/esm/FullscreenModal.mjs +59 -62
  17. package/lib/esm/style/fullscreen-modal.shadow.css +10 -25
  18. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
  19. package/lib/types/index.d.ts +7 -13
  20. package/package.json +8 -8
package/lib/cjs/FullscreenModal.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -9,62 +8,57 @@ exports["default"] = void 0;
9
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
11
+ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
13
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
- var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
15
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
- var _index = require("@semcore/utils/lib/core/index");
17
- var _core = _interopRequireWildcard(require("@semcore/core"));
18
- var _react = _interopRequireDefault(require("react"));
19
- var _modal = _interopRequireDefault(require("@semcore/modal"));
20
- var _flexBox = require("@semcore/flex-box");
21
- var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
14
+ var _core = require("@semcore/core");
15
+ var _baseComponents = require("@semcore/base-components");
16
+ var _button = _interopRequireDefault(require("@semcore/button"));
17
+ var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
18
+ var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
19
+ var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
22
20
  var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
21
+ var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
22
+ var _modal = _interopRequireDefault(require("@semcore/modal"));
23
23
  var _typography = require("@semcore/typography");
24
- var _button = _interopRequireDefault(require("@semcore/button"));
25
- var _fire = _interopRequireDefault(require("@semcore/utils/lib/fire"));
24
+ var _react = _interopRequireDefault(require("react"));
26
25
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
27
- var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
28
- var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
29
- var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
30
26
  /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
31
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_j6104_gg_{padding:0}.___SFullscreenModal_j6104_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-radius:0;padding:0}.___SClose_j6104_gg_{position:absolute;top:17px;right:24px}.___SBack_j6104_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_j6104_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_j6104_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBack_j6104_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}.___SBack_j6104_gg_.__keyboardFocused_j6104_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441))}.___SBackText_j6104_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_j6104_gg_,.___SDescription_j6104_gg_,.___STitle_j6104_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_j6104_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_j6104_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_j6104_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDescription_j6104_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDescription_j6104_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_j6104_gg_::before{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SDescription_j6104_gg_::before{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SHeader_j6104_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_j6104_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_j6104_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_j6104_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_j6104_gg_{box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_j6104_gg_{box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_j6104_gg_{display:flex;height:100%;overflow:auto}.___SSection_j6104_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_j6104_gg_{transition:none}}", /*__inner_css_end__*/"j6104_gg_"),
27
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_1ht85_gg_,.___SFullscreenOverlay_1ht85_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_1ht85_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-radius:0}.___SClose_1ht85_gg_{position:absolute;top:17px;right:24px}.___SBack_1ht85_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_1ht85_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_1ht85_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBack_1ht85_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}.___SBackText_1ht85_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_1ht85_gg_,.___STitle_1ht85_gg_{word-wrap:break-word}.___STitle_1ht85_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_1ht85_gg_{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_1ht85_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDescription_1ht85_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SHeader_1ht85_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, rgba(0, 12, 8, 0.161));box-sizing:border-box}@supports (color:color(display-p3 0 0 0%)){.___SHeader_1ht85_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_1ht85_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_1ht85_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_1ht85_gg_{box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_1ht85_gg_{box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_1ht85_gg_{display:flex;height:100%;overflow:auto}.___SSection_1ht85_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_1ht85_gg_{transition:none}}", /*__inner_css_end__*/"1ht85_gg_"),
32
28
  /*__reshadow_css_end__*/
33
29
  {
34
- "__SFullscreenOverlay": "___SFullscreenOverlay_j6104_gg_",
35
- "__SFullscreenModal": "___SFullscreenModal_j6104_gg_",
36
- "__SClose": "___SClose_j6104_gg_",
37
- "__SBack": "___SBack_j6104_gg_",
38
- "_keyboardFocused": "__keyboardFocused_j6104_gg_",
39
- "__SBackText": "___SBackText_j6104_gg_",
40
- "__STitle": "___STitle_j6104_gg_",
41
- "__SDescription": "___SDescription_j6104_gg_",
42
- "__SHeader": "___SHeader_j6104_gg_",
43
- "__SFooter": "___SFooter_j6104_gg_",
44
- "__SBody": "___SBody_j6104_gg_",
45
- "__SSection": "___SSection_j6104_gg_"
30
+ "__SFullscreenModal": "___SFullscreenModal_1ht85_gg_",
31
+ "__SClose": "___SClose_1ht85_gg_",
32
+ "__SBackText": "___SBackText_1ht85_gg_",
33
+ "__STitle": "___STitle_1ht85_gg_",
34
+ "__SDescription": "___SDescription_1ht85_gg_",
35
+ "__SHeader": "___SHeader_1ht85_gg_",
36
+ "__SFooter": "___SFooter_1ht85_gg_",
37
+ "__SBody": "___SBody_1ht85_gg_",
38
+ "__SSection": "___SSection_1ht85_gg_",
39
+ "__SFullscreenOverlay": "___SFullscreenOverlay_1ht85_gg_",
40
+ "__SBack": "___SBack_1ht85_gg_"
46
41
  });
47
42
  var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
48
- (0, _inherits2["default"])(FullscreenModalRoot, _Component);
49
- var _super = (0, _createSuper2["default"])(FullscreenModalRoot);
50
43
  function FullscreenModalRoot() {
51
44
  var _this;
52
45
  (0, _classCallCheck2["default"])(this, FullscreenModalRoot);
53
46
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
54
47
  args[_key] = arguments[_key];
55
48
  }
56
- _this = _super.call.apply(_super, [this].concat(args));
57
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
49
+ _this = (0, _callSuper2["default"])(this, FullscreenModalRoot, [].concat(args));
50
+ (0, _defineProperty2["default"])(_this, "state", {
58
51
  hasTitle: false
59
52
  });
60
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerClose", function (trigger) {
53
+ (0, _defineProperty2["default"])(_this, "bindHandlerClose", function (trigger) {
61
54
  return function (e) {
62
- (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onClose', trigger, e);
55
+ (0, _fire["default"])(_this, 'onClose', trigger, e);
63
56
  };
64
57
  });
65
58
  return _this;
66
59
  }
67
- (0, _createClass2["default"])(FullscreenModalRoot, [{
60
+ (0, _inherits2["default"])(FullscreenModalRoot, _Component);
61
+ return (0, _createClass2["default"])(FullscreenModalRoot, [{
68
62
  key: "getCloseProps",
69
63
  value: function getCloseProps() {
70
64
  var getI18nText = this.asProps.getI18nText;
@@ -99,7 +93,7 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
99
93
  key: "render",
100
94
  value: function render() {
101
95
  var _ref = this.asProps,
102
- _ref10;
96
+ _ref0;
103
97
  var SFullscreenModal = _modal["default"].Window;
104
98
  var _this$asProps = this.asProps,
105
99
  styles = _this$asProps.styles,
@@ -113,19 +107,19 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
113
107
  uid = _this$asProps.uid;
114
108
  var hasTitle = this.state.hasTitle;
115
109
  var SFullscreenOverlay = _modal["default"].Overlay;
116
- return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_modal["default"], _ref10.cn("Modal", {
110
+ return _ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_modal["default"], _ref0.cn("Modal", {
117
111
  "closable": false,
118
112
  "visible": visible,
119
113
  "onClose": onClose,
120
114
  "duration": duration,
121
115
  "disablePortal": disablePortal
122
- }), /*#__PURE__*/_react["default"].createElement(SFullscreenOverlay, _ref10.cn("SFullscreenOverlay", {}), /*#__PURE__*/_react["default"].createElement(SFullscreenModal, _ref10.cn("SFullscreenModal", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
116
+ }), /*#__PURE__*/_react["default"].createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/_react["default"].createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
117
+ "use:closable": false,
123
118
  "aria-label": hasTitle ? undefined : getI18nText('title'),
124
119
  "aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : undefined
125
- }, _ref))), closable && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Close, null), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})))));
120
+ }, _ref))), closable && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Close, null), /*#__PURE__*/_react["default"].createElement(Children, _ref0.cn("Children", {})))));
126
121
  }
127
122
  }]);
128
- return FullscreenModalRoot;
129
123
  }(_core.Component);
130
124
  (0, _defineProperty2["default"])(FullscreenModalRoot, "displayName", 'FullscreenModal');
131
125
  (0, _defineProperty2["default"])(FullscreenModalRoot, "style", style);
@@ -136,86 +130,88 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
136
130
  });
137
131
  function Header(props) {
138
132
  var _ref2 = arguments[0],
139
- _ref11;
140
- var SHeader = _flexBox.Box;
133
+ _ref1;
134
+ var SHeader = _baseComponents.Box;
141
135
  var Children = props.Children,
142
136
  styles = props.styles,
143
137
  title = props.title,
144
138
  description = props.description;
145
- return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref11.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), title && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Title, {
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, {
146
140
  children: title
147
141
  }), description && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Description, {
148
142
  children: description
149
- }), /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})));
143
+ }), /*#__PURE__*/_react["default"].createElement(Children, _ref1.cn("Children", {})));
150
144
  }
151
145
  function Body(props) {
152
146
  var _ref3 = arguments[0],
153
- _ref12;
154
- var SBody = _flexBox.Box;
155
- return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref12.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
147
+ _ref10;
148
+ var SBody = _baseComponents.Box;
149
+ return _ref10 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref10.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
156
150
  }
157
151
  function Section(props) {
158
152
  var _ref4 = arguments[0],
159
- _ref13;
160
- var SSection = _flexBox.Box;
161
- return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SSection, _ref13.cn("SSection", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
153
+ _ref11;
154
+ var SSection = _baseComponents.Box;
155
+ return _ref11 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SSection, _ref11.cn("SSection", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
162
156
  "tag": 'section'
163
157
  }, _ref4))));
164
158
  }
165
159
  function Footer(props) {
166
160
  var _ref5 = arguments[0],
167
- _ref14;
168
- var SFooter = _flexBox.Flex;
169
- return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref14.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))));
161
+ _ref12;
162
+ var SFooter = _baseComponents.Flex;
163
+ return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref12.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))));
170
164
  }
171
165
  function Close(props) {
172
166
  var _ref6 = arguments[0],
173
- _ref15;
167
+ _ref13;
174
168
  var SClose = _button["default"];
175
169
  var getI18nText = props.getI18nText;
176
- return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref15.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
170
+ return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref13.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
177
171
  "use": 'tertiary',
178
172
  "size": 'l',
179
173
  "theme": 'muted',
180
174
  "aria-label": getI18nText('close')
181
175
  }, _ref6))), /*#__PURE__*/_react["default"].createElement(_button["default"].Addon, {
182
- ml: '7px',
183
- mr: '7px'
184
- }, /*#__PURE__*/_react["default"].createElement(_l["default"], _ref15.cn("CloseIcon", {
176
+ ml: "7px",
177
+ mr: "7px"
178
+ }, /*#__PURE__*/_react["default"].createElement(_l["default"], _ref13.cn("CloseIcon", {
185
179
  "title": getI18nText('close')
186
180
  }))));
187
181
  }
188
182
  function Title(props) {
189
183
  var _ref7 = arguments[0],
190
- _ref16;
184
+ _ref14;
191
185
  var STitle = _typography.Text;
192
186
  var setHasTitle = props.setHasTitle;
193
187
  _react["default"].useEffect(function () {
194
188
  return setHasTitle();
195
189
  });
196
- return _ref16 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref16.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
190
+ return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref14.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
197
191
  "tag": 'h2'
198
192
  }, _ref7))));
199
193
  }
200
194
  function Description(props) {
201
195
  var _ref8 = arguments[0],
202
- _ref17;
196
+ _ref15;
203
197
  var SDescription = _typography.Text;
204
- return _ref17 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref17.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))));
198
+ return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref15.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
199
+ "tag": 'p'
200
+ }, _ref8))));
205
201
  }
206
202
  function Back(props) {
207
203
  var _ref9 = arguments[0],
208
- _ref18;
209
- var SBack = _flexBox.Box;
204
+ _ref16;
205
+ var SBack = _baseComponents.Box;
210
206
  var SBackText = _typography.Text;
211
207
  var Children = props.Children,
212
208
  styles = props.styles;
213
- return _ref18 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref18.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
214
- "tag": 'button'
215
- }, _ref9))), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref18.cn("ArrowLeft", {})), /*#__PURE__*/_react["default"].createElement(SBackText, _ref18.cn("SBackText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref18.cn("Children", {}))));
209
+ return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref16.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
210
+ "tag": 'button',
211
+ "tabIndex": 0
212
+ }, _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", {}))));
216
213
  }
217
- Back.enhance = [(0, _keyboardFocusEnhance["default"])()];
218
- var FullscreenModal = (0, _core["default"])(FullscreenModalRoot, {
214
+ var FullscreenModal = (0, _core.createComponent)(FullscreenModalRoot, {
219
215
  Header: Header,
220
216
  Footer: Footer,
221
217
  Close: Close,
@@ -227,6 +223,5 @@ var FullscreenModal = (0, _core["default"])(FullscreenModalRoot, {
227
223
  }, {
228
224
  parent: _modal["default"]
229
225
  });
230
- var _default = FullscreenModal;
231
- exports["default"] = _default;
226
+ var _default = exports["default"] = FullscreenModal;
232
227
  //# sourceMappingURL=FullscreenModal.js.map
package/lib/cjs/FullscreenModal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenModal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_modal","_flexBox","_l","_m","_typography","_button","_fire","_intergalacticDynamicLocales","_i18nEnhance","_uniqueID","_keyboardFocusEnhance","style","_index","sstyled","insert","FullscreenModalRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hasTitle","trigger","e","fire","_createClass2","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref10","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]","_ref11","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref12","SBody","Section","_ref4","_ref13","SSection","Footer","_ref5","_ref14","SFooter","Flex","_ref6","_ref15","SClose","Button","Addon","ml","mr","_ref7","_ref16","STitle","Text","React","useEffect","_ref8","_ref17","SDescription","Back","_ref9","_ref18","SBack","SBackText","enhance","keyboardFocusEnhance","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport Button from '@semcore/button';\nimport fire from '@semcore/utils/lib/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\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 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 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 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'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\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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"}
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","_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 { 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":[]}
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 { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { ModalProps } from '@semcore/modal';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { 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?: React.ReactNode;\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":""}
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":[]}
package/lib/cjs/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
package/lib/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_FullscreenModal","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA"}
1
+ {"version":3,"file":"index.js","names":["_FullscreenModal","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
package/lib/cjs/style/fullscreen-modal.shadow.css CHANGED
@@ -1,5 +1,9 @@
1
1
  SFullscreenOverlay {
2
- padding: 0;
2
+ > div {
3
+ padding: 0;
4
+ width: 100%;
5
+ height: 100%;
6
+ }
3
7
  }
4
8
 
5
9
  SFullscreenModal {
@@ -40,10 +44,6 @@ SBack {
40
44
  }
41
45
  }
42
46
 
43
- SBack[keyboardFocused] {
44
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
45
- }
46
-
47
47
  SBackText {
48
48
  margin-left: var(--intergalactic-spacing-1x, 4px);
49
49
  font-size: var(--intergalactic-fs-200, 14px);
@@ -55,9 +55,7 @@ SBackText {
55
55
 
56
56
  STitle,
57
57
  SDescription {
58
- white-space: nowrap;
59
- overflow: hidden;
60
- text-overflow: ellipsis;
58
+ overflow-wrap: break-word;
61
59
  }
62
60
 
63
61
  STitle {
@@ -68,35 +66,22 @@ STitle {
68
66
  }
69
67
 
70
68
  SDescription {
71
- display: flex;
72
- align-items: baseline;
73
69
  font-size: var(--intergalactic-fs-100, 12px);
74
70
  line-height: var(--intergalactic-lh-100, 133%);
75
71
  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
- }
88
72
  }
89
73
 
90
74
  SHeader {
91
75
  display: flex;
92
- align-items: baseline;
76
+ flex-direction: column;
77
+ gap: var(--intergalactic-spacing-2x, 8px);
78
+ align-items: flex-start;
93
79
  padding-left: var(--intergalactic-spacing-8x, 32px);
94
- padding-bottom: var(--intergalactic-spacing-2x, 8px);
80
+ padding-bottom: var(--intergalactic-spacing-4x, 16px);
95
81
  padding-right: calc(
96
82
  var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px)
97
83
  );
98
84
  padding-top: var(--intergalactic-spacing-10x, 40px);
99
- min-height: 76px;
100
85
  box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
101
86
  box-sizing: border-box;
102
87
  }
package/lib/cjs/translations/__intergalactic-dynamic-locales.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
@@ -13,13 +13,13 @@ var _it = _interopRequireDefault(require("./it.json"));
13
13
  var _ja = _interopRequireDefault(require("./ja.json"));
14
14
  var _ko = _interopRequireDefault(require("./ko.json"));
15
15
  var _nl = _interopRequireDefault(require("./nl.json"));
16
+ var _pl = _interopRequireDefault(require("./pl.json"));
16
17
  var _pt = _interopRequireDefault(require("./pt.json"));
18
+ var _sv = _interopRequireDefault(require("./sv.json"));
17
19
  var _tr = _interopRequireDefault(require("./tr.json"));
18
20
  var _vi = _interopRequireDefault(require("./vi.json"));
19
21
  var _zh = _interopRequireDefault(require("./zh.json"));
20
- var _pl = _interopRequireDefault(require("./pl.json"));
21
- var _sv = _interopRequireDefault(require("./sv.json"));
22
- var localizedMessages = {
22
+ var localizedMessages = exports.localizedMessages = {
23
23
  de: _de["default"],
24
24
  en: _en["default"],
25
25
  es: _es["default"],
@@ -35,5 +35,4 @@ var localizedMessages = {
35
35
  pl: _pl["default"],
36
36
  sv: _sv["default"]
37
37
  };
38
- exports.localizedMessages = localizedMessages;
39
38
  //# sourceMappingURL=__intergalactic-dynamic-locales.js.map
package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","_pl","_sv","localizedMessages","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA"}
1
+ {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}