@mirai/core 0.3.146 → 0.3.148

package/build/components/Booking/components/Field/Field.module.css

@@ -16,7 +16,7 @@
   flex-direction: row;
 }
 
-.field:not(.inline) > .value {
+.field:not(.inline) > .value, .value > * {
   text-align: justify;
 }
 

package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Menu.test.js.snap

@@ -165,7 +165,7 @@ exports[`component:<Booking> partial:<Menu> inherit:className 1`] = `
         class="view fit modal calcWidth"
       >
         <div
-          class="view forceRow header"
+          class="view row header hideBack"
         >
           <button
             class="pressable button small squared transparent button"
@@ -436,7 +436,7 @@ exports[`component:<Booking> partial:<Menu> renders 1`] = `
         class="view fit modal calcWidth"
       >
         <div
-          class="view forceRow header"
+          class="view row header hideBack"
         >
           <button
             class="pressable button small squared transparent button"
@@ -708,7 +708,7 @@ exports[`component:<Booking> partial:<Menu> testID 1`] = `
         class="view fit modal calcWidth"
       >
         <div
-          class="view forceRow header"
+          class="view row header hideBack"
         >
           <button
             class="pressable button small squared transparent button"
@@ -979,7 +979,7 @@ exports[`component:<Booking> partial:<Menu> with a store 1`] = `
         class="view fit modal calcWidth"
       >
         <div
-          class="view forceRow header"
+          class="view row header hideBack"
         >
           <button
             class="pressable button small squared transparent button"

package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Modal.test.js.snap

@@ -10,10 +10,10 @@ exports[`component:<Booking> partial:<Modal> inherit:className 1`] = `
       class="view fit modal calcWidth mirai"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.action.resend_booking
         </h3>
@@ -109,10 +109,10 @@ exports[`component:<Booking> partial:<Modal> renders 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.action.resend_booking
         </h3>
@@ -210,10 +210,10 @@ exports[`component:<Booking> partial:<Modal> testID 1`] = `
       data-testid="mirai"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.action.resend_booking
         </h3>
@@ -310,10 +310,10 @@ exports[`component:<Booking> partial:<Modal> with a store 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.action.resend_booking
         </h3>

package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Others.test.js.snap

@@ -62,10 +62,10 @@ exports[`component:<Booking> partial:<Others> inherit:className 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           common.label.cancellation_policy
         </h3>
@@ -172,10 +172,10 @@ exports[`component:<Booking> partial:<Others> renders 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           common.label.cancellation_policy
         </h3>
@@ -283,10 +283,10 @@ exports[`component:<Booking> partial:<Others> testID 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           common.label.cancellation_policy
         </h3>
@@ -393,10 +393,10 @@ exports[`component:<Booking> partial:<Others> with a store 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           common.label.cancellation_policy
         </h3>

package/build/components/BookingQuery/__tests__/__snapshots__/BookingQuery.test.js.snap

@@ -19,10 +19,10 @@ exports[`component:<BookingQuery> Using ghost feature renders 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.label.booking
           <span
@@ -197,10 +197,10 @@ exports[`component:<BookingQuery> Using ghost feature with a store using ghost f
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.label.booking
           <span
@@ -375,10 +375,10 @@ exports[`component:<BookingQuery> inherit:className 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.label.booking
           <span
@@ -553,10 +553,10 @@ exports[`component:<BookingQuery> renders 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.label.booking
           <span
@@ -734,10 +734,10 @@ exports[`component:<BookingQuery> testID 1`] = `
       data-testid="mirai-modal"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.label.booking
           <span
@@ -918,10 +918,10 @@ exports[`component:<BookingQuery> with a store 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.label.booking
           <span

package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Confirmation.test.js.snap

@@ -230,7 +230,7 @@ exports[`component:<Checkout> partial:<Confirmation> Test A/B variant A 1`] = `
         class="view fit modal calcWidth"
       >
         <div
-          class="view forceRow header"
+          class="view row header hideBack"
         >
           <button
             class="pressable button small squared transparent button"
@@ -499,7 +499,7 @@ exports[`component:<Checkout> partial:<Confirmation> Test A/B variant B 1`] = `
         class="view fit modal calcWidth"
       >
         <div
-          class="view forceRow header"
+          class="view row header hideBack"
         >
           <button
             class="pressable button small squared transparent button"
@@ -768,7 +768,7 @@ exports[`component:<Checkout> partial:<Confirmation> inherit:className 1`] = `
         class="view fit modal calcWidth"
       >
         <div
-          class="view forceRow header"
+          class="view row header hideBack"
         >
           <button
             class="pressable button small squared transparent button"
@@ -1037,7 +1037,7 @@ exports[`component:<Checkout> partial:<Confirmation> renders 1`] = `
         class="view fit modal calcWidth"
       >
         <div
-          class="view forceRow header"
+          class="view row header hideBack"
         >
           <button
             class="pressable button small squared transparent button"
@@ -1307,7 +1307,7 @@ exports[`component:<Checkout> partial:<Confirmation> testID 1`] = `
         class="view fit modal calcWidth"
       >
         <div
-          class="view forceRow header"
+          class="view row header hideBack"
         >
           <button
             class="pressable button small squared transparent button"
@@ -1576,7 +1576,7 @@ exports[`component:<Checkout> partial:<Confirmation> with a store 1`] = `
         class="view fit modal calcWidth"
       >
         <div
-          class="view forceRow header"
+          class="view row header hideBack"
         >
           <button
             class="pressable button small squared transparent button"

package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Form.test.js.snap

@@ -1165,7 +1165,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
             </select>
           </div>
           <span
-            class="icon headline-3 icon expand expandLeft"
+            class="icon headline-3 icon expand"
           >
             <svg
               fill="currentColor"
@@ -2580,7 +2580,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
             </select>
           </div>
           <span
-            class="icon headline-3 icon expand expandLeft"
+            class="icon headline-3 icon expand"
           >
             <svg
               fill="currentColor"
@@ -3996,7 +3996,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
             </select>
           </div>
           <span
-            class="icon headline-3 icon expand expandLeft"
+            class="icon headline-3 icon expand"
           >
             <svg
               fill="currentColor"
@@ -5411,7 +5411,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
             </select>
           </div>
           <span
-            class="icon headline-3 icon expand expandLeft"
+            class="icon headline-3 icon expand"
           >
             <svg
               fill="currentColor"

package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Session.test.js.snap

@@ -41,10 +41,10 @@ exports[`component:<Checkout> partial:<Session> inherit:className 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.label.title_session
         </h3>
@@ -245,10 +245,10 @@ exports[`component:<Checkout> partial:<Session> renders 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.label.title_session
         </h3>
@@ -450,10 +450,10 @@ exports[`component:<Checkout> partial:<Session> testID 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.label.title_session
         </h3>
@@ -654,10 +654,10 @@ exports[`component:<Checkout> partial:<Session> with a store 1`] = `
       class="view fit modal calcWidth"
     >
       <div
-        class="view forceRow header"
+        class="view row header hideBack"
       >
         <h3
-          class="text headline-3 title left"
+          class="text headline-3 title"
         >
           user.label.title_session
         </h3>

package/build/components/Deals/__tests__/__snapshots__/Deals.test.js.snap

@@ -3892,7 +3892,7 @@ exports[`component:<Deals> prop:value 1`] = `
                         </select>
                       </div>
                       <span
-                        class="icon headline-3 icon expand expandLeft"
+                        class="icon headline-3 icon expand"
                       >
                         <svg
                           fill="currentColor"

package/build/components/Profile/Profile.constants.js

@@ -3,11 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TRACKING = exports.CONTEXT = exports.ACCOUNT_FIELDS = void 0;
-const ACCOUNT_FIELDS = exports.ACCOUNT_FIELDS = ['firstName', 'lastName', 'dateOfBirth', 'subscribed'];
+exports.KEY = exports.CONTEXT = void 0;
 const CONTEXT = exports.CONTEXT = {
-  ACCOUNT: 'account',
-  BOOKINGS: 'bookings'
+  SETTINGS: 1,
+  BOOKINGS: 2
+};
+const KEY = exports.KEY = {
+  profile: CONTEXT.SETTINGS,
+  account: CONTEXT.SETTINGS,
+  bookings: CONTEXT.BOOKINGS
 };
-const TRACKING = exports.TRACKING = 'PROFILE';
 //# sourceMappingURL=Profile.constants.js.map

package/build/components/Profile/Profile.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.constants.js","names":["ACCOUNT_FIELDS","exports","CONTEXT","ACCOUNT","BOOKINGS","TRACKING"],"sources":["../../../src/components/Profile/Profile.constants.js"],"sourcesContent":["const ACCOUNT_FIELDS = ['firstName', 'lastName', 'dateOfBirth', 'subscribed'];\n\nconst CONTEXT = {\n  ACCOUNT: 'account',\n  BOOKINGS: 'bookings',\n};\n\nconst TRACKING = 'PROFILE';\n\nexport { ACCOUNT_FIELDS, CONTEXT, TRACKING };\n"],"mappings":";;;;;;AAAA,MAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,CAAC;AAE7E,MAAME,OAAO,GAAAD,OAAA,CAAAC,OAAA,GAAG;EACdC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,QAAQ,GAAAJ,OAAA,CAAAI,QAAA,GAAG,SAAS"}
+{"version":3,"file":"Profile.constants.js","names":["CONTEXT","exports","SETTINGS","BOOKINGS","KEY","profile","account","bookings"],"sources":["../../../src/components/Profile/Profile.constants.js"],"sourcesContent":["const CONTEXT = {\n  SETTINGS: 1,\n  BOOKINGS: 2,\n};\n\nconst KEY = {\n  profile: CONTEXT.SETTINGS,\n  account: CONTEXT.SETTINGS,\n  bookings: CONTEXT.BOOKINGS,\n};\n\nexport { CONTEXT, KEY };\n"],"mappings":";;;;;;AAAA,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG;EACdE,QAAQ,EAAE,CAAC;EACXC,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,GAAG,GAAAH,OAAA,CAAAG,GAAA,GAAG;EACVC,OAAO,EAAEL,OAAO,CAACE,QAAQ;EACzBI,OAAO,EAAEN,OAAO,CAACE,QAAQ;EACzBK,QAAQ,EAAEP,OAAO,CAACG;AACpB,CAAC"}

package/build/components/Profile/Profile.js

@@ -5,64 +5,32 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Profile = void 0;
 var _dataSources = require("@mirai/data-sources");
-var _locale = require("@mirai/locale");
 var _ui = require("@mirai/ui");
 var _react = _interopRequireWildcard(require("react"));
 var _components = require("./components");
-var _Profile = require("./Profile.Account");
-var _Profile2 = require("./Profile.constants");
-var _Profile3 = require("./Profile.l10n");
+var _Profile = require("./Profile.constants");
 var style = _interopRequireWildcard(require("./Profile.module.css"));
-var _Profile4 = require("./Profile.Password");
-var _Profile5 = require("./Profile.Signout");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Profile = _ref => {
   let {
     ...others
   } = _ref;
-  const {
-    translate
-  } = (0, _locale.useLocale)();
   const {
     value: {
-      urlParams: {
-        context,
-        tab
-      } = {}
+      urlParams = {}
     }
   } = (0, _dataSources.useStore)();
-  const [mode, setMode] = (0, _react.useState)(_Profile2.CONTEXT.ACCOUNT);
+  const [context, setContext] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
-    setMode((context || tab) === _Profile2.CONTEXT.BOOKINGS ? _Profile2.CONTEXT.BOOKINGS : _Profile2.CONTEXT.ACCOUNT);
-  }, [context, tab]);
-  const handleMode = next => {
-    setMode(next);
-  };
-  const is = {
-    account: mode === _Profile2.CONTEXT.ACCOUNT,
-    bookings: mode === _Profile2.CONTEXT.BOOKINGS
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true,
-    role: "profile",
+    const key = urlParams.context || urlParams.tab;
+    if (!key) return;
+    setContext(_Profile.KEY[key]);
+  }, [urlParams]);
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
     testId: others.testId,
-    className: (0, _ui.styles)(style.header, others.className)
-  }, /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
-    onPress: () => handleMode(_Profile2.CONTEXT.ACCOUNT),
-    className: (0, _ui.styles)(style.option, is.account && style.active)
-  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    action: true,
-    bold: true
-  }, translate(_Profile3.L10N.ACTION_PROFILE))), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
-    onPress: () => handleMode(_Profile2.CONTEXT.BOOKINGS),
-    className: (0, _ui.styles)(style.option, is.bookings && style.active)
-  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    action: true,
-    bold: true
-  }, translate(_Profile3.L10N.ACTION_BOOKINGS)))), /*#__PURE__*/_react.default.createElement(_ui.View, {
-    className: (0, _ui.styles)(style.content, is.account && style.account)
-  }, is.account && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Profile.Account, null), /*#__PURE__*/_react.default.createElement(_Profile4.Password, null), /*#__PURE__*/_react.default.createElement(_Profile5.Signout, null)), is.bookings && /*#__PURE__*/_react.default.createElement(_components.Bookings, null)));
+    className: [style.container, others.className]
+  }, context === _Profile.CONTEXT.SETTINGS && /*#__PURE__*/_react.default.createElement(_components.Settings, null), context === _Profile.CONTEXT.BOOKINGS && /*#__PURE__*/_react.default.createElement(_components.Bookings, null));
 };
 exports.Profile = Profile;
 Profile.displayName = 'Mirai:Core:Profile';

package/build/components/Profile/Profile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","names":["_dataSources","require","_locale","_ui","_react","_interopRequireWildcard","_components","_Profile","_Profile2","_Profile3","style","_Profile4","_Profile5","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Profile","_ref","others","translate","useLocale","value","urlParams","context","tab","useStore","mode","setMode","useState","CONTEXT","ACCOUNT","useEffect","BOOKINGS","handleMode","next","is","account","bookings","createElement","Fragment","View","row","role","testId","className","styles","header","Pressable","onPress","option","active","Text","action","bold","L10N","ACTION_PROFILE","ACTION_BOOKINGS","content","Account","Password","Signout","Bookings","exports","displayName","propTypes"],"sources":["../../../src/components/Profile/Profile.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Pressable, styles, Text, View } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { Bookings } from './components';\nimport { Account } from './Profile.Account';\nimport { CONTEXT } from './Profile.constants';\nimport { L10N } from './Profile.l10n';\nimport * as style from './Profile.module.css';\nimport { Password } from './Profile.Password';\nimport { Signout } from './Profile.Signout';\n\nconst Profile = ({ ...others }) => {\n  const { translate } = useLocale();\n  const {\n    value: { urlParams: { context, tab } = {} },\n  } = useStore();\n\n  const [mode, setMode] = useState(CONTEXT.ACCOUNT);\n\n  useEffect(() => {\n    setMode((context || tab) === CONTEXT.BOOKINGS ? CONTEXT.BOOKINGS : CONTEXT.ACCOUNT);\n  }, [context, tab]);\n\n  const handleMode = (next) => {\n    setMode(next);\n  };\n\n  const is = { account: mode === CONTEXT.ACCOUNT, bookings: mode === CONTEXT.BOOKINGS };\n\n  return (\n    <>\n      <View row role=\"profile\" testId={others.testId} className={styles(style.header, others.className)}>\n        <Pressable\n          onPress={() => handleMode(CONTEXT.ACCOUNT)}\n          className={styles(style.option, is.account && style.active)}\n        >\n          <Text action bold>\n            {translate(L10N.ACTION_PROFILE)}\n          </Text>\n        </Pressable>\n        <Pressable\n          onPress={() => handleMode(CONTEXT.BOOKINGS)}\n          className={styles(style.option, is.bookings && style.active)}\n        >\n          <Text action bold>\n            {translate(L10N.ACTION_BOOKINGS)}\n          </Text>\n        </Pressable>\n      </View>\n\n      <View className={styles(style.content, is.account && style.account)}>\n        {is.account && (\n          <>\n            <Account />\n            <Password />\n            <Signout />\n          </>\n        )}\n        {is.bookings && <Bookings />}\n      </View>\n    </>\n  );\n};\n\nProfile.displayName = 'Mirai:Core:Profile';\n\nProfile.propTypes = {};\n\nexport { Profile };\n"],"mappings":"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"}
+{"version":3,"file":"Profile.js","names":["_dataSources","require","_ui","_react","_interopRequireWildcard","_components","_Profile","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Profile","_ref","others","value","urlParams","useStore","context","setContext","useState","useEffect","key","tab","KEY","createElement","View","testId","className","container","CONTEXT","SETTINGS","Settings","BOOKINGS","Bookings","exports","displayName","propTypes"],"sources":["../../../src/components/Profile/Profile.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { View } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { Bookings, Settings } from './components';\nimport { CONTEXT, KEY } from './Profile.constants';\nimport * as style from './Profile.module.css';\n\nconst Profile = ({ ...others }) => {\n  const {\n    value: { urlParams = {} },\n  } = useStore();\n\n  const [context, setContext] = useState();\n\n  useEffect(() => {\n    const key = urlParams.context || urlParams.tab;\n    if (!key) return;\n\n    setContext(KEY[key]);\n  }, [urlParams]);\n\n  return (\n    <View testId={others.testId} className={[style.container, others.className]}>\n      {context === CONTEXT.SETTINGS && <Settings />}\n      {context === CONTEXT.BOOKINGS && <Bookings />}\n    </View>\n  );\n};\n\nProfile.displayName = 'Mirai:Core:Profile';\n\nProfile.propTypes = {};\n\nexport { Profile };\n"],"mappings":"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"}

package/build/components/Profile/Profile.module.css

@@ -1,70 +1,4 @@
-.button {
-  margin-bottom: var(--mirai-ui-space-XL);
-}
-
-.buttons {
-  gap: var(--mirai-ui-space-L);
-  justify-content: flex-end;
-}
-
-.content {
+.container {
   max-width: var(--mirai-ui-breakpoint-content);
   padding: var(--mirai-ui-space-M);
 }
-
-.content.account {
-  max-width: calc(var(--mirai-ui-breakpoint-content) / 2.5);
-}
-
-.description {
-  margin-bottom: var(--mirai-ui-space-L);
-  margin-top: var(--mirai-ui-space-XS);
-}
-
-.header {
-  border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
-  padding: var(--mirai-ui-space-S) var(--mirai-ui-space-M);
-}
-
-.header .option {
-  border-radius: var(--mirai-ui-border-radius);
-  display: flex;
-  justify-content: center;
-  padding: var(--mirai-ui-space-S) var(--mirai-ui-space-M);
-}
-
-.header .option.active {
-  background-color: var(--mirai-ui-accent);
-}
-.header .option.active > * {
-  color: var(--mirai-ui-base);
-}
-
-.notification {
-  margin-bottom: var(--mirai-ui-space-L);
-  width: 100%;
-}
-
-.wide {
-  width: 100%;
-}
-
-@media only screen and (max-width: 768px) {
-  .header > .option {
-    flex: 1;
-  }
-}
-
-@media only screen and (min-width: 768px) {
-  .header {
-    height: calc(var(--mirai-ui-input-min-height)+ var(--mirai-ui-space-L));
-  }
-
-  .header .option {
-    margin-right: var(--mirai-ui-space-S);
-  }
-
-  .header > .option:hover:not(.active) {
-    background-color: var(--mirai-ui-content-background);
-  }
-}