intergalactic 15.129.0 → 15.130.0

package/fullscreen-modal/lib/esm/FullscreenModal.mjs

@@ -1,180 +1,209 @@
-import _ from "@babel/runtime/helpers/esm/objectSpread2";
-import z from "@babel/runtime/helpers/esm/classCallCheck";
-import D from "@babel/runtime/helpers/esm/createClass";
-import m from "@babel/runtime/helpers/esm/assertThisInitialized";
-import I from "@babel/runtime/helpers/esm/inherits";
-import O from "@babel/runtime/helpers/esm/createSuper";
-import f from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as A } from 'intergalactic/utils/lib/core/index';
-import R, { sstyled as s, assignProps as g, Component as L } from 'intergalactic/core';
-import a from "react";
-import d from 'intergalactic/modal';
-import { Box as p, Flex as $ } from 'intergalactic/flex-box';
-import j from 'intergalactic/icon/Close/l';
-import q from 'intergalactic/icon/ArrowLeft/m';
-import { Text as h } from 'intergalactic/typography';
-import y from 'intergalactic/button';
-import N from 'intergalactic/utils/lib/fire';
-import { localizedMessages as b } from "./translations/__intergalactic-dynamic-locales.mjs";
-import W from 'intergalactic/utils/lib/enhances/i18nEnhance';
-import G from 'intergalactic/utils/lib/uniqueID';
-import J from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
-var K = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import Modal from 'intergalactic/modal';
+import { Box, Flex } from 'intergalactic/flex-box';
+import CloseIcon from 'intergalactic/icon/Close/l';
+import ArrowLeft from 'intergalactic/icon/ArrowLeft/m';
+import { Text } from 'intergalactic/typography';
+import Button from 'intergalactic/button';
+import fire from 'intergalactic/utils/lib/fire';
+import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+/*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (A.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SFullscreenOverlay_unv8f_gg_{padding:0}.___SFullscreenModal_unv8f_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_unv8f_gg_{position:absolute;top:17px;right:24px}.___SBack_unv8f_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_unv8f_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_unv8f_gg_.__keyboardFocused_unv8f_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_unv8f_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_unv8f_gg_,.___SDescription_unv8f_gg_,.___STitle_unv8f_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_unv8f_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_unv8f_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, #6c6e79)}.___SDescription_unv8f_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, #c4c7cf)}.___SHeader_unv8f_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, #c4c7cf);box-sizing:border-box}.___SFooter_unv8f_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_unv8f_gg_{display:flex;height:100%;overflow:auto}.___SSection_unv8f_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_unv8f_gg_{transition:none}}',
-    "unv8f_gg_"
-  ), {
-    __SFullscreenOverlay: "___SFullscreenOverlay_unv8f_gg_",
-    __SFullscreenModal: "___SFullscreenModal_unv8f_gg_",
-    __SClose: "___SClose_unv8f_gg_",
-    __SBack: "___SBack_unv8f_gg_",
-    _keyboardFocused: "__keyboardFocused_unv8f_gg_",
-    __SBackText: "___SBackText_unv8f_gg_",
-    __STitle: "___STitle_unv8f_gg_",
-    __SDescription: "___SDescription_unv8f_gg_",
-    __SHeader: "___SHeader_unv8f_gg_",
-    __SFooter: "___SFooter_unv8f_gg_",
-    __SBody: "___SBody_unv8f_gg_",
-    __SSection: "___SSection_unv8f_gg_"
+    '.___SFullscreenOverlay_vce4i_gg_{padding:0}.___SFullscreenModal_vce4i_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_vce4i_gg_{position:absolute;top:17px;right:24px}.___SBack_vce4i_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_vce4i_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_vce4i_gg_.__keyboardFocused_vce4i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_vce4i_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_vce4i_gg_,.___SDescription_vce4i_gg_,.___STitle_vce4i_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_vce4i_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_vce4i_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, #6c6e79)}.___SDescription_vce4i_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, #c4c7cf)}.___SHeader_vce4i_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, #c4c7cf);box-sizing:border-box}.___SFooter_vce4i_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_vce4i_gg_{display:flex;height:100%;overflow:auto}.___SSection_vce4i_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_vce4i_gg_{transition:none}}',
+    /*__inner_css_end__*/
+    "vce4i_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SFullscreenOverlay": "___SFullscreenOverlay_vce4i_gg_",
+    "__SFullscreenModal": "___SFullscreenModal_vce4i_gg_",
+    "__SClose": "___SClose_vce4i_gg_",
+    "__SBack": "___SBack_vce4i_gg_",
+    "_keyboardFocused": "__keyboardFocused_vce4i_gg_",
+    "__SBackText": "___SBackText_vce4i_gg_",
+    "__STitle": "___STitle_vce4i_gg_",
+    "__SDescription": "___SDescription_vce4i_gg_",
+    "__SHeader": "___SHeader_vce4i_gg_",
+    "__SFooter": "___SFooter_vce4i_gg_",
+    "__SBody": "___SBody_vce4i_gg_",
+    "__SSection": "___SSection_vce4i_gg_"
   })
-), u = /* @__PURE__ */ function(r) {
-  I(e, r);
-  var n = O(e);
-  function e() {
-    var t;
-    z(this, e);
-    for (var i = arguments.length, o = new Array(i), c = 0; c < i; c++)
-      o[c] = arguments[c];
-    return t = n.call.apply(n, [this].concat(o)), f(m(t), "state", {
-      hasTitle: !1
-    }), f(m(t), "bindHandlerClose", function(l) {
-      return function(v) {
-        N(m(t), "onClose", l, v);
+);
+var FullscreenModalRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(FullscreenModalRoot2, _Component);
+  var _super = _createSuper(FullscreenModalRoot2);
+  function FullscreenModalRoot2() {
+    var _this;
+    _classCallCheck(this, FullscreenModalRoot2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      hasTitle: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerClose", function(trigger) {
+      return function(e) {
+        fire(_assertThisInitialized(_this), "onClose", trigger, e);
       };
-    }), t;
+    });
+    return _this;
   }
-  return D(e, [{
+  _createClass(FullscreenModalRoot2, [{
     key: "getCloseProps",
-    value: function() {
-      var i = this.asProps.getI18nText;
+    value: function getCloseProps() {
+      var getI18nText = this.asProps.getI18nText;
       return {
         onClick: this.bindHandlerClose("onCloseClick"),
-        getI18nText: i
+        getI18nText
       };
     }
   }, {
     key: "getBackProps",
-    value: function() {
+    value: function getBackProps() {
       return {
         onClick: this.bindHandlerClose("onBackClick")
       };
     }
   }, {
     key: "getTitleProps",
-    value: function() {
-      var i = this, o = this.asProps.uid, c = function() {
-        return i.setState({
-          hasTitle: !0
+    value: function getTitleProps() {
+      var _this2 = this;
+      var uid = this.asProps.uid;
+      var setHasTitle = function setHasTitle2() {
+        return _this2.setState({
+          hasTitle: true
         });
       };
       return {
-        id: "igc-".concat(o, "-title"),
-        setHasTitle: c
+        id: "igc-".concat(uid, "-title"),
+        setHasTitle
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var i = this.asProps, o, c = d.Window, l = this.asProps, v = l.styles, k = l.Children, T = l.onClose, B = l.visible, E = l.closable, F = l.duration, P = l.disablePortal, w = l.getI18nText, H = l.uid, S = this.state.hasTitle, M = d.Overlay;
-      return o = s(v), /* @__PURE__ */ a.createElement(d, o.cn("Modal", {
-        closable: !1,
-        visible: B,
-        onClose: T,
-        duration: F,
-        disablePortal: P
-      }), /* @__PURE__ */ a.createElement(M, o.cn("SFullscreenOverlay", {}), /* @__PURE__ */ a.createElement(c, o.cn("SFullscreenModal", _({}, g({
-        "aria-label": S ? void 0 : w("title"),
-        "aria-labelledby": S ? "igc-".concat(H, "-title") : void 0
-      }, i))), E && /* @__PURE__ */ a.createElement(x.Close, null), /* @__PURE__ */ a.createElement(k, o.cn("Children", {})))));
+    value: function render() {
+      var _ref = this.asProps, _ref10;
+      var SFullscreenModal = Modal.Window;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, Children = _this$asProps.Children, onClose = _this$asProps.onClose, visible = _this$asProps.visible, closable = _this$asProps.closable, duration = _this$asProps.duration, disablePortal = _this$asProps.disablePortal, getI18nText = _this$asProps.getI18nText, uid = _this$asProps.uid;
+      var hasTitle = this.state.hasTitle;
+      var SFullscreenOverlay = Modal.Overlay;
+      return _ref10 = sstyled$1(styles), /* @__PURE__ */ React.createElement(Modal, _ref10.cn("Modal", {
+        "closable": false,
+        "visible": visible,
+        "onClose": onClose,
+        "duration": duration,
+        "disablePortal": disablePortal
+      }), /* @__PURE__ */ React.createElement(SFullscreenOverlay, _ref10.cn("SFullscreenOverlay", {}), /* @__PURE__ */ React.createElement(SFullscreenModal, _ref10.cn("SFullscreenModal", _objectSpread({}, assignProps({
+        "aria-label": hasTitle ? void 0 : getI18nText("title"),
+        "aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : void 0
+      }, _ref))), closable && /* @__PURE__ */ React.createElement(FullscreenModal.Close, null), /* @__PURE__ */ React.createElement(Children, _ref10.cn("Children", {})))));
     }
-  }]), e;
-}(L);
-f(u, "displayName", "FullscreenModal");
-f(u, "style", K);
-f(u, "enhance", [W(b), G()]);
-f(u, "defaultProps", {
-  i18n: b,
+  }]);
+  return FullscreenModalRoot2;
+}(Component);
+_defineProperty(FullscreenModalRoot, "displayName", "FullscreenModal");
+_defineProperty(FullscreenModalRoot, "style", style);
+_defineProperty(FullscreenModalRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
+_defineProperty(FullscreenModalRoot, "defaultProps", {
+  i18n: localizedMessages,
   locale: "en"
 });
-function Q(r) {
-  var n = arguments[0], e, t = p, i = r.Children, o = r.styles, c = r.title, l = r.description;
-  return e = s(o), /* @__PURE__ */ a.createElement(t, e.cn("SHeader", _({}, g({}, n))), c && /* @__PURE__ */ a.createElement(x.Title, {
-    children: c
-  }), l && /* @__PURE__ */ a.createElement(x.Description, {
-    children: l
-  }), /* @__PURE__ */ a.createElement(i, e.cn("Children", {})));
+function Header(props) {
+  var _ref2 = arguments[0], _ref11;
+  var SHeader = Box;
+  var Children = props.Children, styles = props.styles, title = props.title, description = props.description;
+  return _ref11 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SHeader, _ref11.cn("SHeader", _objectSpread({}, assignProps({}, _ref2))), title && /* @__PURE__ */ React.createElement(FullscreenModal.Title, {
+    children: title
+  }), description && /* @__PURE__ */ React.createElement(FullscreenModal.Description, {
+    children: description
+  }), /* @__PURE__ */ React.createElement(Children, _ref11.cn("Children", {})));
 }
-function U(r) {
-  var n = arguments[0], e, t = p;
-  return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SBody", _({}, g({}, n))));
+function Body(props) {
+  var _ref3 = arguments[0], _ref12;
+  var SBody = Box;
+  return _ref12 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SBody, _ref12.cn("SBody", _objectSpread({}, assignProps({}, _ref3))));
 }
-function V(r) {
-  var n = arguments[0], e, t = p;
-  return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SSection", _({}, g({
-    tag: "section"
-  }, n))));
+function Section(props) {
+  var _ref4 = arguments[0], _ref13;
+  var SSection = Box;
+  return _ref13 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SSection, _ref13.cn("SSection", _objectSpread({}, assignProps({
+    "tag": "section"
+  }, _ref4))));
 }
-function X(r) {
-  var n = arguments[0], e, t = $;
-  return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SFooter", _({}, g({}, n))));
+function Footer(props) {
+  var _ref5 = arguments[0], _ref14;
+  var SFooter = Flex;
+  return _ref14 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SFooter, _ref14.cn("SFooter", _objectSpread({}, assignProps({}, _ref5))));
 }
-function Y(r) {
-  var n = arguments[0], e, t = y, i = r.getI18nText;
-  return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SClose", _({}, g({
-    use: "tertiary",
-    size: "l",
-    theme: "muted",
-    "aria-label": i("close")
-  }, n))), /* @__PURE__ */ a.createElement(y.Addon, {
+function Close(props) {
+  var _ref6 = arguments[0], _ref15;
+  var SClose = Button;
+  var getI18nText = props.getI18nText;
+  return _ref15 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SClose, _ref15.cn("SClose", _objectSpread({}, assignProps({
+    "use": "tertiary",
+    "size": "l",
+    "theme": "muted",
+    "aria-label": getI18nText("close")
+  }, _ref6))), /* @__PURE__ */ React.createElement(Button.Addon, {
     ml: "7px",
     mr: "7px"
-  }, /* @__PURE__ */ a.createElement(j, e.cn("CloseIcon", {
-    title: i("close")
+  }, /* @__PURE__ */ React.createElement(CloseIcon, _ref15.cn("CloseIcon", {
+    "title": getI18nText("close")
   }))));
 }
-function Z(r) {
-  var n = arguments[0], e, t = h, i = r.setHasTitle;
-  return a.useEffect(function() {
-    return i();
-  }), e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("STitle", _({}, g({
-    tag: "h2"
-  }, n))));
+function Title(props) {
+  var _ref7 = arguments[0], _ref16;
+  var STitle = Text;
+  var setHasTitle = props.setHasTitle;
+  React.useEffect(function() {
+    return setHasTitle();
+  });
+  return _ref16 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(STitle, _ref16.cn("STitle", _objectSpread({}, assignProps({
+    "tag": "h2"
+  }, _ref7))));
 }
-function ee(r) {
-  var n = arguments[0], e, t = h;
-  return e = s(r.styles), /* @__PURE__ */ a.createElement(t, e.cn("SDescription", _({}, g({}, n))));
+function Description(props) {
+  var _ref8 = arguments[0], _ref17;
+  var SDescription = Text;
+  return _ref17 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SDescription, _ref17.cn("SDescription", _objectSpread({}, assignProps({}, _ref8))));
 }
-function C(r) {
-  var n = arguments[0], e, t = p, i = h, o = r.Children, c = r.styles;
-  return e = s(c), /* @__PURE__ */ a.createElement(t, e.cn("SBack", _({}, g({
-    tag: "button"
-  }, n))), /* @__PURE__ */ a.createElement(q, e.cn("ArrowLeft", {})), /* @__PURE__ */ a.createElement(i, e.cn("SBackText", {}), /* @__PURE__ */ a.createElement(o, e.cn("Children", {}))));
+function Back(props) {
+  var _ref9 = arguments[0], _ref18;
+  var SBack = Box;
+  var SBackText = Text;
+  var Children = props.Children, styles = props.styles;
+  return _ref18 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SBack, _ref18.cn("SBack", _objectSpread({}, assignProps({
+    "tag": "button"
+  }, _ref9))), /* @__PURE__ */ React.createElement(ArrowLeft, _ref18.cn("ArrowLeft", {})), /* @__PURE__ */ React.createElement(SBackText, _ref18.cn("SBackText", {}), /* @__PURE__ */ React.createElement(Children, _ref18.cn("Children", {}))));
 }
-C.enhance = [J()];
-var x = R(u, {
-  Header: Q,
-  Footer: X,
-  Close: Y,
-  Back: C,
-  Body: U,
-  Section: V,
-  Title: Z,
-  Description: ee
+Back.enhance = [keyboardFocusEnhance()];
+var FullscreenModal = createComponent(FullscreenModalRoot, {
+  Header,
+  Footer,
+  Close,
+  Back,
+  Body,
+  Section,
+  Title,
+  Description
 }, {
-  parent: d
+  parent: Modal
 });
 export {
-  x as default
+  FullscreenModal as default
 };

package/fullscreen-modal/lib/esm/index.mjs

@@ -1,4 +1,4 @@
-import { default as o } from "./FullscreenModal.mjs";
+import { default as default2 } from "./FullscreenModal.mjs";
 export {
-  o as default
+  default2 as default
 };

package/fullscreen-modal/lib/esm/style/fullscreen-modal.shadow.css

@@ -0,0 +1,128 @@
+SFullscreenOverlay {
+  padding: 0;
+}
+
+SFullscreenModal {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background: var(--intergalactic-bg-primary-neutral, #ffffff);
+  border-radius: 0;
+  padding: 0;
+}
+
+SClose {
+  position: absolute;
+  top: 17px;
+  right: 24px;
+}
+
+SBack {
+  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: none;
+  padding: 0;
+  border: none;
+  outline: none;
+
+  &:hover {
+    color: var(--intergalactic-icon-primary-neutral-hover-active, #565861);
+  }
+}
+
+SBack[keyboardFocused] {
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+}
+
+SBackText {
+  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;
+}
+
+STitle,
+SDescription {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+STitle {
+  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 {
+  display: flex;
+  align-items: baseline;
+  font-size: var(--intergalactic-fs-100, 12px);
+  line-height: var(--intergalactic-lh-100, 133%);
+  color: var(--intergalactic-text-secondary, #6c6e79);
+
+  &::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, #c4c7cf);
+  }
+}
+
+SHeader {
+  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, #c4c7cf);
+  box-sizing: border-box;
+}
+
+SFooter {
+  min-height: 52px;
+  box-shadow: inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);
+  box-sizing: border-box;
+}
+
+SBody {
+  display: flex;
+  height: 100%;
+  overflow: auto;
+}
+
+SSection {
+  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 {
+    transition: none;
+  }
+}

package/fullscreen-modal/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -1,33 +1,33 @@
-import r from "./de.json.mjs";
-import o from "./en.json.mjs";
-import m from "./es.json.mjs";
-import t from "./fr.json.mjs";
-import i from "./it.json.mjs";
-import p from "./ja.json.mjs";
-import f from "./ko.json.mjs";
-import e from "./nl.json.mjs";
-import s from "./pt.json.mjs";
-import a from "./tr.json.mjs";
-import l from "./vi.json.mjs";
-import v from "./zh.json.mjs";
-import d from "./pl.json.mjs";
-import n from "./sv.json.mjs";
-var B = {
-  de: r,
-  en: o,
-  es: m,
-  fr: t,
-  it: i,
-  ja: p,
-  ko: f,
-  nl: e,
-  pt: s,
-  tr: a,
-  vi: l,
-  zh: v,
-  pl: d,
-  sv: n
+import de from "./de.json.mjs";
+import en from "./en.json.mjs";
+import es from "./es.json.mjs";
+import fr from "./fr.json.mjs";
+import it from "./it.json.mjs";
+import ja from "./ja.json.mjs";
+import ko from "./ko.json.mjs";
+import nl from "./nl.json.mjs";
+import pt from "./pt.json.mjs";
+import tr from "./tr.json.mjs";
+import vi from "./vi.json.mjs";
+import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
+var localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 export {
-  B as localizedMessages
+  localizedMessages
 };

package/fullscreen-modal/lib/esm/translations/de.json.mjs

@@ -1,9 +1,11 @@
-const e = "Dialogfenster", t = "Schließen", l = {
-  title: e,
-  close: t
+const title = "Dialogfenster";
+const close = "Schließen";
+const de = {
+  title,
+  close
 };
 export {
-  t as close,
-  l as default,
-  e as title
+  close,
+  de as default,
+  title
 };

package/fullscreen-modal/lib/esm/translations/en.json.mjs

@@ -1,9 +1,11 @@
-const o = "Modal window", t = "Close", e = {
-  title: o,
-  close: t
+const title = "Modal window";
+const close = "Close";
+const en = {
+  title,
+  close
 };
 export {
-  t as close,
-  e as default,
-  o as title
+  close,
+  en as default,
+  title
 };

package/fullscreen-modal/lib/esm/translations/es.json.mjs

@@ -1,9 +1,11 @@
-const t = "Ventana modal", e = "Cerrar", o = {
-  title: t,
-  close: e
+const title = "Ventana modal";
+const close = "Cerrar";
+const es = {
+  title,
+  close
 };
 export {
-  e as close,
-  o as default,
-  t as title
+  close,
+  es as default,
+  title
 };

package/fullscreen-modal/lib/esm/translations/fr.json.mjs

@@ -1,9 +1,11 @@
-const e = "Fenêtre modale", t = "Fermer", o = {
-  title: e,
-  close: t
+const title = "Fenêtre modale";
+const close = "Fermer";
+const fr = {
+  title,
+  close
 };
 export {
-  t as close,
-  o as default,
-  e as title
+  close,
+  fr as default,
+  title
 };

package/fullscreen-modal/lib/esm/translations/it.json.mjs

@@ -1,9 +1,11 @@
-const t = "Finestra modale", e = "Chiudi", o = {
-  title: t,
-  close: e
+const title = "Finestra modale";
+const close = "Chiudi";
+const it = {
+  title,
+  close
 };
 export {
-  e as close,
-  o as default,
-  t as title
+  close,
+  it as default,
+  title
 };