npm - @mirai/core - Versions diffs - 0.3.255 → 0.3.257 - Mend

@mirai/core 0.3.255 → 0.3.257

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 (61) hide show

package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap CHANGED Viewed

@@ -15,90 +15,106 @@ exports[`component:<PCI> inherit:className 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text small"
-        >
-          payments.label.card_number
-          <span>
-             *
-          </span>
-        </span>
         <div
-          id="card"
-        />
-      </div>
-    </div>
-    <div
-      class="view"
-    >
-      <div
-        class="view"
-      >
-        <span
-          class="text small"
+          class="view wide"
         >
-          payments.label.card_name
-          <span>
-             *
+          <span
+            class="text small"
+          >
+            payments.label.card_number
+            <span>
+               *
+            </span>
           </span>
-        </span>
-        <input
-          class="input"
-          id="checkout-name"
-          name="name"
-          required=""
-          type="text"
-          value=""
-        />
+          <div
+            id="card"
+          />
+        </div>
       </div>
     </div>
     <div
-      class="view row"
+      class="view"
     >
       <div
         class="view"
       >
         <div
-          class="view"
+          class="view wide"
         >
           <span
             class="text small"
           >
-            payments.label.expiration
+            payments.label.card_name
             <span>
                *
             </span>
           </span>
           <input
             class="input"
-            id="checkout-expire"
-            maxlength="5"
-            name="expire"
-            placeholder="payments.label.month_format/payments.label.year_format"
+            id="checkout-name"
+            name="name"
             required=""
             type="text"
             value=""
           />
         </div>
       </div>
+    </div>
+    <div
+      class="view row"
+    >
       <div
         class="view"
-        id="checkout-cvv"
       >
         <div
           class="view"
         >
-          <span
-            class="text small"
+          <div
+            class="view wide"
           >
-            payments.label.cvv
-            <span>
-               *
+            <span
+              class="text small"
+            >
+              payments.label.expiration
+              <span>
+                 *
+              </span>
             </span>
-          </span>
+            <input
+              class="input"
+              id="checkout-expire"
+              maxlength="5"
+              name="expire"
+              placeholder="payments.label.month_format/payments.label.year_format"
+              required=""
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="view"
+        id="checkout-cvv"
+      >
+        <div
+          class="view"
+        >
           <div
-            id="cvv"
-          />
+            class="view wide"
+          >
+            <span
+              class="text small"
+            >
+              payments.label.cvv
+              <span>
+                 *
+              </span>
+            </span>
+            <div
+              id="cvv"
+            />
+          </div>
         </div>
       </div>
     </div>
@@ -123,17 +139,21 @@ exports[`component:<PCI> prop:showCVV 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text small"
+        <div
+          class="view wide"
         >
-          payments.label.card_number
-          <span>
-             *
+          <span
+            class="text small"
+          >
+            payments.label.card_number
+            <span>
+               *
+            </span>
           </span>
-        </span>
-        <div
-          id="card"
-        />
+          <div
+            id="card"
+          />
+        </div>
       </div>
     </div>
     <div
@@ -143,22 +163,26 @@ exports[`component:<PCI> prop:showCVV 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text small"
+        <div
+          class="view wide"
         >
-          payments.label.card_name
-          <span>
-             *
+          <span
+            class="text small"
+          >
+            payments.label.card_name
+            <span>
+               *
+            </span>
           </span>
-        </span>
-        <input
-          class="input"
-          id="checkout-name"
-          name="name"
-          required=""
-          type="text"
-          value=""
-        />
+          <input
+            class="input"
+            id="checkout-name"
+            name="name"
+            required=""
+            type="text"
+            value=""
+          />
+        </div>
       </div>
     </div>
     <div
@@ -171,24 +195,28 @@ exports[`component:<PCI> prop:showCVV 1`] = `
         <div
           class="view"
         >
-          <span
-            class="text small"
+          <div
+            class="view wide"
           >
-            payments.label.expiration
-            <span>
-               *
+            <span
+              class="text small"
+            >
+              payments.label.expiration
+              <span>
+                 *
+              </span>
             </span>
-          </span>
-          <input
-            class="input"
-            id="checkout-expire"
-            maxlength="5"
-            name="expire"
-            placeholder="payments.label.month_format/payments.label.year_format"
-            required=""
-            type="text"
-            value=""
-          />
+            <input
+              class="input"
+              id="checkout-expire"
+              maxlength="5"
+              name="expire"
+              placeholder="payments.label.month_format/payments.label.year_format"
+              required=""
+              type="text"
+              value=""
+            />
+          </div>
         </div>
       </div>
     </div>
@@ -211,90 +239,106 @@ exports[`component:<PCI> renders 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text small"
-        >
-          payments.label.card_number
-          <span>
-             *
-          </span>
-        </span>
         <div
-          id="card"
-        />
-      </div>
-    </div>
-    <div
-      class="view"
-    >
-      <div
-        class="view"
-      >
-        <span
-          class="text small"
+          class="view wide"
         >
-          payments.label.card_name
-          <span>
-             *
+          <span
+            class="text small"
+          >
+            payments.label.card_number
+            <span>
+               *
+            </span>
           </span>
-        </span>
-        <input
-          class="input"
-          id="checkout-name"
-          name="name"
-          required=""
-          type="text"
-          value=""
-        />
+          <div
+            id="card"
+          />
+        </div>
       </div>
     </div>
     <div
-      class="view row"
+      class="view"
     >
       <div
         class="view"
       >
         <div
-          class="view"
+          class="view wide"
         >
           <span
             class="text small"
           >
-            payments.label.expiration
+            payments.label.card_name
             <span>
                *
             </span>
           </span>
           <input
             class="input"
-            id="checkout-expire"
-            maxlength="5"
-            name="expire"
-            placeholder="payments.label.month_format/payments.label.year_format"
+            id="checkout-name"
+            name="name"
             required=""
             type="text"
             value=""
           />
         </div>
       </div>
+    </div>
+    <div
+      class="view row"
+    >
       <div
         class="view"
-        id="checkout-cvv"
       >
         <div
           class="view"
         >
-          <span
-            class="text small"
+          <div
+            class="view wide"
           >
-            payments.label.cvv
-            <span>
-               *
+            <span
+              class="text small"
+            >
+              payments.label.expiration
+              <span>
+                 *
+              </span>
             </span>
-          </span>
+            <input
+              class="input"
+              id="checkout-expire"
+              maxlength="5"
+              name="expire"
+              placeholder="payments.label.month_format/payments.label.year_format"
+              required=""
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="view"
+        id="checkout-cvv"
+      >
+        <div
+          class="view"
+        >
           <div
-            id="cvv"
-          />
+            class="view wide"
+          >
+            <span
+              class="text small"
+            >
+              payments.label.cvv
+              <span>
+                 *
+              </span>
+            </span>
+            <div
+              id="cvv"
+            />
+          </div>
         </div>
       </div>
     </div>
@@ -319,17 +363,21 @@ exports[`component:<PCI> testID 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text small"
+        <div
+          class="view wide"
         >
-          payments.label.card_number
-          <span>
-             *
+          <span
+            class="text small"
+          >
+            payments.label.card_number
+            <span>
+               *
+            </span>
           </span>
-        </span>
-        <div
-          id="card"
-        />
+          <div
+            id="card"
+          />
+        </div>
       </div>
     </div>
     <div
@@ -339,22 +387,26 @@ exports[`component:<PCI> testID 1`] = `
       <div
         class="view"
       >
-        <span
-          class="text small"
+        <div
+          class="view wide"
         >
-          payments.label.card_name
-          <span>
-             *
+          <span
+            class="text small"
+          >
+            payments.label.card_name
+            <span>
+               *
+            </span>
           </span>
-        </span>
-        <input
-          class="input"
-          id="checkout-name"
-          name="name"
-          required=""
-          type="text"
-          value=""
-        />
+          <input
+            class="input"
+            id="checkout-name"
+            name="name"
+            required=""
+            type="text"
+            value=""
+          />
+        </div>
       </div>
     </div>
     <div
@@ -367,24 +419,28 @@ exports[`component:<PCI> testID 1`] = `
         <div
           class="view"
         >
-          <span
-            class="text small"
+          <div
+            class="view wide"
           >
-            payments.label.expiration
-            <span>
-               *
+            <span
+              class="text small"
+            >
+              payments.label.expiration
+              <span>
+                 *
+              </span>
             </span>
-          </span>
-          <input
-            class="input"
-            id="checkout-expire"
-            maxlength="5"
-            name="expire"
-            placeholder="payments.label.month_format/payments.label.year_format"
-            required=""
-            type="text"
-            value=""
-          />
+            <input
+              class="input"
+              id="checkout-expire"
+              maxlength="5"
+              name="expire"
+              placeholder="payments.label.month_format/payments.label.year_format"
+              required=""
+              type="text"
+              value=""
+            />
+          </div>
         </div>
       </div>
       <div
@@ -395,17 +451,21 @@ exports[`component:<PCI> testID 1`] = `
         <div
           class="view"
         >
-          <span
-            class="text small"
+          <div
+            class="view wide"
           >
-            payments.label.cvv
-            <span>
-               *
+            <span
+              class="text small"
+            >
+              payments.label.cvv
+              <span>
+                 *
+              </span>
             </span>
-          </span>
-          <div
-            id="cvv"
-          />
+            <div
+              id="cvv"
+            />
+          </div>
         </div>
       </div>
     </div>

package/build/components/__shared__/PriceBreakdown/PriceBreakdown.Line.js CHANGED Viewed

@@ -21,17 +21,13 @@ const Line = _ref => {
     value,
     ...others
   } = _ref;
-  const {
-    isMobile
-  } = (0, _ui.useDevice)();
   const {
     locale
   } = (0, _locale.useLocale)();
   const props = bold ? {
     bold: true
   } : {
-    action: !isMobile,
-    small: isMobile
+    action: true
   };
   return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
     row: true

package/build/components/__shared__/PriceBreakdown/PriceBreakdown.Line.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PriceBreakdown.Line.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Line","_ref","bold","currency","name","value","others","~~isMobile","useDevice","~~locale","useLocale","props","action","~~small","~~createElement","View","row","Text","wide","className","currencyFormat","exports","displayName","propTypes","PropTypes","bool","string","number"],"sources":["../../../../src/components/__shared__/PriceBreakdown/PriceBreakdown.Line.jsx"],"sourcesContent":["import { currencyFormat, useLocale } from '@mirai/locale';\nimport { Text, ~~useDevice,~~ View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './PriceBreakdown.module.css';\n\nconst Line = ({ bold, currency, name, value, ...others }) => {\n const { ~~isMobile } = useDevice();\n const {~~ locale } = useLocale();\n\n const props = bold ? { bold: true } : { action: ~~!isMobile,~~ ~~small: isMobile~~ };\n\n return (\n <View {...others} row>\n <Text {...props} wide>\n {name}\n </Text>\n <Text {...props} className={style.currency}>\n {currencyFormat({ currency, locale, value })}\n </Text>\n </View>\n );\n};\n\nLine.displayName = 'Mirai:User:Checkout.Summary.Line';\n\nLine.propTypes = {\n bold: PropTypes.bool,\n currency: PropTypes.string,\n name: PropTypes.string,\n value: PropTypes.number,\n};\n\nexport { Line };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,KAAA,GAAAC,uBAAA,CAAAN,OAAA;AAAqD,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAF,wBAAAE,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAb,uBAAAyB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAErD,MAAMK,IAAI,GAAGC,IAAA,IAAgD;EAAA,IAA/C;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,KAAK;IAAE,GAAGC;EAAO,CAAC,GAAAL,IAAA;EACtD,MAAM;IAAEM;~~EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC;~~EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE9B,MAAMC,KAAK,~~GAAGT~~,IAAI,GAAG;IAAEA,IAAI,EAAE;EAAK,CAAC,GAAG;~~IAAEU~~,MAAM,EAAE~~,CAACL,QAAQ~~;~~IAAEM~~,~~KAAK,EAAEN;EAAS,~~CAAC;~~EAE5E~~,~~oBACEzC~~,MAAA,CAAAS,OAAA,~~CAAAuC~~,aAAA,~~CAACnD~~,GAAA,~~CAAAoD~~,IAAI,~~EAAAxB~~,QAAA,KAAKe,MAAM;~~IAAEU~~,GAAG;EAAA,~~iBACnBlD~~,MAAA,CAAAS,OAAA,~~CAAAuC~~,aAAA,~~CAACnD~~,GAAA,~~CAAAsD~~,IAAI,~~EAAA1B~~,QAAA,~~KAAKoB~~,KAAK;~~IAAEO~~,IAAI;EAAA,~~IAClBd~~,IACG,CAAC,eACPtC,MAAA,CAAAS,OAAA,~~CAAAuC~~,aAAA,~~CAACnD~~,GAAA,~~CAAAsD~~,IAAI,~~EAAA1B~~,QAAA,~~KAAKoB~~,KAAK;~~IAAEQ~~,SAAS,~~EAAEpD~~,KAAK,CAACoC;EAAS,IACxC,~~IAAAiB~~,sBAAc,EAAC;~~IAAEjB~~,QAAQ;~~IAAEM~~,MAAM;~~IAAEJ~~;EAAM,CAAC,CACvC,CACF,CAAC;AAEX,CAAC;~~AAACgB~~,OAAA,~~CAAArB~~,IAAA,GAAAA,IAAA;AAEFA,IAAI,~~CAACsB~~,WAAW,GAAG,kCAAkC;~~AAErDtB~~,IAAI,~~CAACuB~~,SAAS,GAAG;~~EACfrB~~,IAAI,~~EAAEsB~~,kBAAS,CAACC,IAAI;~~EACpBtB~~,QAAQ,~~EAAEqB~~,kBAAS,CAACE,MAAM;~~EAC1BtB~~,IAAI,~~EAAEoB~~,kBAAS,CAACE,MAAM;~~EACtBrB~~,KAAK,~~EAAEmB~~,kBAAS,CAACG;AACnB,CAAC"}
1	+ {"version":3,"file":"PriceBreakdown.Line.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Line","_ref","bold","currency","name","value","others","locale","useLocale","props","action","createElement","View","row","Text","wide","className","currencyFormat","exports","displayName","propTypes","PropTypes","bool","string","number"],"sources":["../../../../src/components/__shared__/PriceBreakdown/PriceBreakdown.Line.jsx"],"sourcesContent":["import { currencyFormat, useLocale } from '@mirai/locale';\nimport { Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './PriceBreakdown.module.css';\n\nconst Line = ({ bold, currency, name, value, ...others }) => {\n const { locale } = useLocale();\n\n const props = bold ? { bold: true } : { action: true };\n\n return (\n <View {...others} row>\n <Text {...props} wide>\n {name}\n </Text>\n <Text {...props} className={style.currency}>\n {currencyFormat({ currency, locale, value })}\n </Text>\n </View>\n );\n};\n\nLine.displayName = 'Mirai:User:Checkout.Summary.Line';\n\nLine.propTypes = {\n bold: PropTypes.bool,\n currency: PropTypes.string,\n name: PropTypes.string,\n value: PropTypes.number,\n};\n\nexport { Line };\n"],"mappings":"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"}

package/build/helpers/theme.js CHANGED Viewed

@@ -46,7 +46,7 @@ const theme = function () {
     if (miBeFont && !BROWSER_FONTS.includes(miBeFont)) font = miBeFont;
   }
   if (font) setVariable('--mirai-ui-font', font);
-  if (accent.length === 6) setVariable('--mirai-ui-accent', "#".concat(accent));
+  if (accent.length === 6) _ui.Theme.generatePalette('accent', "#".concat(accent));
   // Dangerous CSS rules
   if (findDangerousCSS) {

package/build/helpers/theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.js","names":["_ui","require","_findDangerousCSSRules","BROWSER_FONTS","FONT_FAMILY","LEGACY_ACCENT_VARIABLE","VARIABLES","theme","accent","findDangerousCSS","arguments","length","undefined","processed","setVariable","key","value","includes","document","documentElement","style","setProperty","trim","push","Object","entries","forEach","_ref","variable","legacy","getComputedStyle","getPropertyValue","concat","legacyAccent","replace","Theme","generatePalette","font","bodyFont","window","body","miBe","querySelector","miBeFont","cssRules","findDangerousCSSRules","console","warn","exports"],"sources":["../../src/helpers/theme.js"],"sourcesContent":["import { Theme } from '@mirai/ui';\n\nimport { findDangerousCSSRules } from './findDangerousCSSRules';\n\nconst BROWSER_FONTS = ['\"system-ui\"', 'serif', 'Times', '\"Times New Roman\"', '-webkit-standard'];\nconst FONT_FAMILY = 'font-family';\nconst LEGACY_ACCENT_VARIABLE = '--corporative-color';\nconst VARIABLES = {};\n\nexport const theme = ({ accent = '', findDangerousCSS = false } = {}) => {\n const processed = [];\n\n const setVariable = (key, value) => {\n if (!value \|\| processed.includes(key)) return;\n\n document.documentElement.style.setProperty(key, value.trim());\n processed.push(key);\n };\n\n // CSS variables\n Object.entries(VARIABLES).forEach(([variable, legacy]) => {\n if (getComputedStyle(document.documentElement).getPropertyValue(legacy)) setVariable(variable, `var(${legacy})`);\n });\n\n // Generate accent palette using legacy\n let legacyAccent = getComputedStyle(document.documentElement).getPropertyValue(LEGACY_ACCENT_VARIABLE);\n if (legacyAccent) {\n legacyAccent = legacyAccent.replace(/^\"\|\"$/g, '').trim();\n Theme.generatePalette('accent', legacyAccent);\n }\n\n // CSS Selectors\n let font;\n\n const bodyFont = window.getComputedStyle(document.body).getPropertyValue(FONT_FAMILY);\n if (bodyFont && !BROWSER_FONTS.includes(bodyFont)) {\n font = bodyFont;\n } else {\n const miBe = document.querySelector('.mi-be');\n const miBeFont = miBe ? window.getComputedStyle(miBe).getPropertyValue(FONT_FAMILY) : undefined;\n if (miBeFont && !BROWSER_FONTS.includes(miBeFont)) font = miBeFont;\n }\n\n if (font) setVariable('--mirai-ui-font', font);\n\n if (accent.length === 6) ~~setVariable~~('~~--mirai-ui-~~accent', `#${accent}`);\n\n // Dangerous CSS rules\n if (findDangerousCSS) {\n const cssRules = findDangerousCSSRules();\n // eslint-disable-next-line no-console\n if (cssRules.length) console.warn('WARNING: css rules ending with html tags', cssRules);\n }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,MAAME,aAAa,GAAG,CAAC,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;AAChG,MAAMC,WAAW,GAAG,aAAa;AACjC,MAAMC,sBAAsB,GAAG,qBAAqB;AACpD,MAAMC,SAAS,GAAG,CAAC,CAAC;AAEb,MAAMC,KAAK,GAAG,SAAAA,CAAA,EAAoD;EAAA,IAAnD;IAAEC,MAAM,GAAG,EAAE;IAAEC,gBAAgB,GAAG;EAAM,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAClE,MAAMG,SAAS,GAAG,EAAE;EAEpB,MAAMC,WAAW,GAAGA,CAACC,GAAG,EAAEC,KAAK,KAAK;IAClC,IAAI,CAACA,KAAK,IAAIH,SAAS,CAACI,QAAQ,CAACF,GAAG,CAAC,EAAE;IAEvCG,QAAQ,CAACC,eAAe,CAACC,KAAK,CAACC,WAAW,CAACN,GAAG,EAAEC,KAAK,CAACM,IAAI,CAAC,CAAC,CAAC;IAC7DT,SAAS,CAACU,IAAI,CAACR,GAAG,CAAC;EACrB,CAAC;;EAED;EACAS,MAAM,CAACC,OAAO,CAACnB,SAAS,CAAC,CAACoB,OAAO,CAACC,IAAA,IAAwB;IAAA,IAAvB,CAACC,QAAQ,EAAEC,MAAM,CAAC,GAAAF,IAAA;IACnD,IAAIG,gBAAgB,CAACZ,QAAQ,CAACC,eAAe,CAAC,CAACY,gBAAgB,CAACF,MAAM,CAAC,EAAEf,WAAW,CAACc,QAAQ,SAAAI,MAAA,CAASH,MAAM,MAAG,CAAC;EAClH,CAAC,CAAC;;EAEF;EACA,IAAII,YAAY,GAAGH,gBAAgB,CAACZ,QAAQ,CAACC,eAAe,CAAC,CAACY,gBAAgB,CAAC1B,sBAAsB,CAAC;EACtG,IAAI4B,YAAY,EAAE;IAChBA,YAAY,GAAGA,YAAY,CAACC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAACZ,IAAI,CAAC,CAAC;IACxDa,SAAK,CAACC,eAAe,CAAC,QAAQ,EAAEH,YAAY,CAAC;EAC/C;;EAEA;EACA,IAAII,IAAI;EAER,MAAMC,QAAQ,GAAGC,MAAM,CAACT,gBAAgB,CAACZ,QAAQ,CAACsB,IAAI,CAAC,CAACT,gBAAgB,CAAC3B,WAAW,CAAC;EACrF,IAAIkC,QAAQ,IAAI,CAACnC,aAAa,CAACc,QAAQ,CAACqB,QAAQ,CAAC,EAAE;IACjDD,IAAI,GAAGC,QAAQ;EACjB,CAAC,MAAM;IACL,MAAMG,IAAI,GAAGvB,QAAQ,CAACwB,aAAa,CAAC,QAAQ,CAAC;IAC7C,MAAMC,QAAQ,GAAGF,IAAI,GAAGF,MAAM,CAACT,gBAAgB,CAACW,IAAI,CAAC,CAACV,gBAAgB,CAAC3B,WAAW,CAAC,GAAGQ,SAAS;IAC/F,IAAI+B,QAAQ,IAAI,CAACxC,aAAa,CAACc,QAAQ,CAAC0B,QAAQ,CAAC,EAAEN,IAAI,GAAGM,QAAQ;EACpE;EAEA,IAAIN,IAAI,EAAEvB,WAAW,CAAC,iBAAiB,EAAEuB,IAAI,CAAC;EAE9C,IAAI7B,MAAM,CAACG,MAAM,KAAK,CAAC,~~EAAEG~~,~~WAAW~~,CAAC,~~mBAAmB~~,~~MAAAkB~~,MAAA,CAAMxB,MAAM,CAAE,CAAC;;~~EAEvE~~;EACA,IAAIC,gBAAgB,EAAE;IACpB,MAAMmC,QAAQ,GAAG,IAAAC,4CAAqB,EAAC,CAAC;IACxC;IACA,IAAID,QAAQ,CAACjC,MAAM,EAAEmC,OAAO,CAACC,IAAI,CAAC,0CAA0C,EAAEH,QAAQ,CAAC;EACzF;AACF,CAAC;AAACI,OAAA,CAAAzC,KAAA,GAAAA,KAAA"}
1	+ {"version":3,"file":"theme.js","names":["_ui","require","_findDangerousCSSRules","BROWSER_FONTS","FONT_FAMILY","LEGACY_ACCENT_VARIABLE","VARIABLES","theme","accent","findDangerousCSS","arguments","length","undefined","processed","setVariable","key","value","includes","document","documentElement","style","setProperty","trim","push","Object","entries","forEach","_ref","variable","legacy","getComputedStyle","getPropertyValue","concat","legacyAccent","replace","Theme","generatePalette","font","bodyFont","window","body","miBe","querySelector","miBeFont","cssRules","findDangerousCSSRules","console","warn","exports"],"sources":["../../src/helpers/theme.js"],"sourcesContent":["import { Theme } from '@mirai/ui';\n\nimport { findDangerousCSSRules } from './findDangerousCSSRules';\n\nconst BROWSER_FONTS = ['\"system-ui\"', 'serif', 'Times', '\"Times New Roman\"', '-webkit-standard'];\nconst FONT_FAMILY = 'font-family';\nconst LEGACY_ACCENT_VARIABLE = '--corporative-color';\nconst VARIABLES = {};\n\nexport const theme = ({ accent = '', findDangerousCSS = false } = {}) => {\n const processed = [];\n\n const setVariable = (key, value) => {\n if (!value \|\| processed.includes(key)) return;\n\n document.documentElement.style.setProperty(key, value.trim());\n processed.push(key);\n };\n\n // CSS variables\n Object.entries(VARIABLES).forEach(([variable, legacy]) => {\n if (getComputedStyle(document.documentElement).getPropertyValue(legacy)) setVariable(variable, `var(${legacy})`);\n });\n\n // Generate accent palette using legacy\n let legacyAccent = getComputedStyle(document.documentElement).getPropertyValue(LEGACY_ACCENT_VARIABLE);\n if (legacyAccent) {\n legacyAccent = legacyAccent.replace(/^\"\|\"$/g, '').trim();\n Theme.generatePalette('accent', legacyAccent);\n }\n\n // CSS Selectors\n let font;\n\n const bodyFont = window.getComputedStyle(document.body).getPropertyValue(FONT_FAMILY);\n if (bodyFont && !BROWSER_FONTS.includes(bodyFont)) {\n font = bodyFont;\n } else {\n const miBe = document.querySelector('.mi-be');\n const miBeFont = miBe ? window.getComputedStyle(miBe).getPropertyValue(FONT_FAMILY) : undefined;\n if (miBeFont && !BROWSER_FONTS.includes(miBeFont)) font = miBeFont;\n }\n\n if (font) setVariable('--mirai-ui-font', font);\n\n if (accent.length === 6) Theme.generatePalette('accent', `#${accent}`);\n\n // Dangerous CSS rules\n if (findDangerousCSS) {\n const cssRules = findDangerousCSSRules();\n // eslint-disable-next-line no-console\n if (cssRules.length) console.warn('WARNING: css rules ending with html tags', cssRules);\n }\n};\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/core",
-  "version": "0.3.255",
+  "version": "0.3.257",
   "source": "src/index.js",
   "repository": "https://gitlab.com/miraicorp/dev/frontend/core",
   "author": "JΛVI <hello@soyjavi.com>",