npm - @zonos/elements - Versions diffs - 1.1.1 → 1.2.0 - Mend

@zonos/elements 1.1.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (832) hide show

package/dist/zonos-elements/zonos-hello.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["now","root","Date","now_1","reWhitespace","trimmedEndIndex","string","index","length","test","charAt","_trimmedEndIndex","reTrimStart","baseTrim","slice","replace","_baseTrim","symbolTag","isSymbol","value","isObjectLike","baseGetTag","isSymbol_1","NAN","reIsBadHex","reIsBinary","reIsOctal","freeParseInt","parseInt","toNumber","isObject","other","valueOf","isBinary","toNumber_1","FUNC_ERROR_TEXT","nativeMax","Math","max","nativeMin","min","debounce","func","wait","options","lastArgs","lastThis","maxWait","result","timerId","lastCallTime","lastInvokeTime","leading","maxing","trailing","TypeError","invokeFunc","time","args","thisArg","undefined","apply","leadingEdge","setTimeout","timerExpired","remainingWait","timeSinceLastCall","timeSinceLastInvoke","timeWaiting","shouldInvoke","trailingEdge","cancel","clearTimeout","flush","debounced","isInvoking","arguments","this","debounce_1","zonosHelloCss","ZonosHello","exports","getHelloPeekMessage","zonosStore","currentHelloPage","translate","concat","organizationName","enableShowPeekMessage","_this","peekMessage","showPeekMessage","changeShowDialog","showDialog","shouldAnimateLeftDesktop","elPosition","helloRef","getComputedStyle","position","hasMoreSpaceOnRight","getHasMoreSpaceOnRight","helloSettings","class_1","prototype","componentDidLoad","initInterval","setInterval","loadedConfig","setAttribute","_b","peekMessageBehavior","peekMessageDelay","peekMessageDelayToUse","clearInterval","displayCurrency","localizationStore","exchangeRate","console","error","currencyDisplay","convertAndFormat","currencyConvertAndFormat","convert","currencyConvert","format","currencyFormat","handleResize","render","bind","isExcludedUrl","_a","excludedUrlPatterns","some","pattern","RegExp","window","location","href","log","selectedCountryCode","mobileLocation","mobileLocationOverride","isMobileWindow","innerWidth","isOnLeft","animateFromLeftOverride","includes","isOnTop","appearanceSettings","mergeConfig","appearance","appearanceSettingsOverride","theme","h","Host","class","classes","onClick","onMouseEnter","onMouseLeave","ref","el","countryCode","style","height","isOpen","setIsOpen"],"sources":["node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/now.js","node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_trimmedEndIndex.js","node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseTrim.js","node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isSymbol.js","node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/toNumber.js","node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/debounce.js","src/components/hello/zonos-hello/zonos-hello.scss?tag=zonos-hello&encapsulation=shadow","src/components/hello/zonos-hello/zonos-hello.tsx"],"sourcesContent":["var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\nmodule.exports = now;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n var index = string.length;\n\n while (index-- && reWhitespace.test(string.charAt(index))) {}\n return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n return string\n ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n : string;\n}\n\nmodule.exports = baseTrim;\n","var baseGetTag = require('./_baseGetTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","var baseTrim = require('./_baseTrim'),\n isObject = require('./isObject'),\n isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = baseTrim(value);\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","var isObject = require('./isObject'),\n now = require('./now'),\n toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n\n return maxing\n ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\nmodule.exports = debounce;\n",":host {\n display: inline-block;\n\n .zonos--hello-wrapper {\n position: relative;\n\n .zonos--hello-dialog-wrapper-mobile-override {\n @include zonos--hello-dialog-wrapper-mobile;\n }\n @media (max-width: 768px) {\n @include zonos--hello-dialog-wrapper-mobile;\n }\n }\n\n .zonos--hello-widget {\n // Base CSS is catered to the right positioned widget (animating in from the right)\n transition: all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);\n padding: 6px;\n border-radius: 30px;\n background: $amino-page-background;\n font-size: $amino-font-size-s;\n border: $amino-border;\n display: flex;\n align-items: center;\n cursor: pointer;\n height: fit-content;\n width: fit-content;\n position: relative;\n z-index: 1000;\n\n > .zonos--hello-message {\n order: 0; // Position text on the left\n width: 100%;\n max-width: 0;\n height: 100%;\n white-space: nowrap;\n transition: border 0.3s ease-in,\n all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);\n overflow: hidden;\n color: $amino-text-color;\n position: absolute;\n background: $amino-page-background;\n display: flex;\n align-items: center;\n border-top-left-radius: 30px;\n border-bottom-left-radius: 30px;\n left: 0;\n transform: translateX(calc(-100% + $amino-space-16));\n width: fit-content;\n border-top: $amino-border;\n border-bottom: $amino-border;\n }\n\n &.zonos--hello-show-peek-message {\n max-width: 100vw;\n width: 100%;\n\n > .zonos--hello-message {\n max-width: 100vw;\n padding: 0 6px;\n padding-right: $amino-space-16;\n border: $amino-border;\n }\n\n &:not(.zonos--hello-widget-animate-from-left) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n\n > .zonos--hello-message {\n border-right: none;\n }\n }\n\n &.zonos--hello-widget-animate-from-left {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n > .zonos--hello-message {\n border-left: 0;\n }\n\n > .zonos--hello-message {\n padding-left: $amino-space-16;\n padding-right: 6px;\n border-left: none;\n }\n }\n }\n\n &.zonos--hello-widget-animate-from-left {\n > .zonos--hello-message {\n order: 1; // Position text on the right\n transform: translateX(calc(100% - $amino-space-16));\n right: 0;\n left: auto;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 30px;\n border-bottom-right-radius: 30px;\n }\n }\n\n .zonos--hello-country-flag-wrapper {\n display: flex;\n justify-content: center;\n\n .zonos--hello-country-flag {\n @include zonos--hello-country-flag;\n\n @media (max-width: 768px) {\n @include zonos--hello-country-flag-mobile;\n }\n }\n }\n\n // Mobile styles (fixed position)\n @media (max-width: 768px) {\n @include zonos--hello-widget-mobile;\n }\n }\n\n // Apply mobile styles on mobile override prop\n .zonos--hello-mobile-override {\n &.zonos--hello-widget {\n @include zonos--hello-widget-mobile;\n\n .zonos--hello-country-flag {\n @include zonos--hello-country-flag-mobile;\n }\n }\n }\n}\n","import { Component, h, Host, Listen, Method, Prop, State } from '@stencil/core';\nimport debounce from 'lodash/debounce';\n\nimport { localizationStore } from 'src/components/store/hello/localization';\nimport { translate } from 'src/components/store/translationStore';\nimport {\n type AppearanceConfig,\n zonosStore,\n} from 'src/components/store/zonosStore';\nimport { classes } from 'src/components/utils/classes';\nimport { currencyConvert } from 'src/components/utils/hello/currencyConversion/currencyConvert';\nimport { currencyConvertAndFormat } from 'src/components/utils/hello/currencyConversion/currencyConvertAndFormat';\nimport { currencyDisplay } from 'src/components/utils/hello/currencyConversion/currencyDisplay';\nimport { currencyFormat } from 'src/components/utils/hello/currencyConversion/currencyFormat';\nimport { getHasMoreSpaceOnRight } from 'src/components/utils/hello/getHasMoreSpaceOnRight';\nimport { log } from 'src/components/utils/logging/log';\nimport { mergeConfig } from 'src/components/utils/mergeConfig';\nimport type { HelloMobileLocation } from 'src/types/generated/graphql.customer.types';\n\n@Component({\n shadow: true,\n styleUrl: 'zonos-hello.scss',\n tag: 'zonos-hello',\n})\nexport class ZonosHello {\n private helloRef?: HTMLButtonElement;\n\n /**\n * Force mobile styling instead of media query and use the passed location value\n * @default false\n */\n @Prop() mobileLocationOverride?: HelloMobileLocation;\n /**\n * Force left animation instead of detecting which side has more space\n * @default false\n */\n @Prop() animateFromLeftOverride?: boolean;\n /**\n * Override the appearance settings\n */\n @Prop() appearanceSettingsOverride?: Partial<AppearanceConfig>;\n\n @State() showPeekMessage: boolean = false;\n @State() zonosStoreHelloSettings = zonosStore.helloSettings;\n @State() showDialog: boolean = false;\n @State() peekMessage: string | null = '';\n\n private getHelloPeekMessage = () => {\n switch (zonosStore.currentHelloPage) {\n case 'cart':\n return translate(`Prepay duties and taxes at checkout`);\n case 'productList':\n case 'productDetail':\n return translate(`See duty and tax thresholds`);\n\n default:\n return `${translate('Welcome to')} ${zonosStore.organizationName}`;\n }\n };\n\n private enableShowPeekMessage = () => {\n if (this.peekMessage) {\n this.showPeekMessage = true;\n }\n };\n\n componentDidLoad() {\n const initInterval = setInterval(() => {\n if (!this.helloRef) {\n return;\n }\n if (zonosStore.loadedConfig) {\n this.helloRef.setAttribute('data-zonos-hello-loaded', '');\n\n this.peekMessage = this.getHelloPeekMessage();\n const { peekMessageBehavior, peekMessageDelay } =\n zonosStore.helloSettings;\n // peek message delay is passed in seconds, but setTimeout expects milliseconds\n const peekMessageDelayToUse = peekMessageDelay * 1000;\n\n if (peekMessageBehavior === 'ENABLED') {\n setTimeout(() => {\n this.enableShowPeekMessage();\n\n setTimeout(() => {\n this.showPeekMessage = false;\n }, 3000);\n }, peekMessageDelayToUse);\n }\n\n clearInterval(initInterval);\n }\n }, 100);\n }\n\n /**\n * This method will trigger the currency conversion and display the converted value\n * @returns void\n */\n @Method()\n async displayCurrency() {\n if (!localizationStore.exchangeRate) {\n // eslint-disable-next-line no-console\n console.error(\n 'Could not display currency. Exchange rate and format data is not available.',\n );\n return;\n }\n currencyDisplay();\n }\n\n /**\n * This method will call convert and format, and return the converted and formatted string\n * @returns string\n */\n @Method()\n async convertAndFormat(value: number) {\n currencyConvertAndFormat(value);\n }\n\n /**\n * This method will convert the currency and return the converted value\n * @returns number\n */\n @Method()\n async convert(value: number) {\n currencyConvert(value);\n }\n\n /**\n * This method will format the currency and return the formatted string\n * @returns number\n */\n @Method()\n async format(value: number) {\n currencyFormat(value);\n }\n\n private changeShowDialog = (value: boolean) => {\n this.showDialog = value;\n };\n\n private shouldAnimateLeftDesktop = () => {\n // Get element position (relative = desktop, fixed = mobile)\n const elPosition =\n this.helloRef && getComputedStyle(this.helloRef).position;\n\n // If relative position, determine if peek message should animate left or right. Mobile is pre-determined.\n if (this.helloRef && elPosition === 'relative') {\n const hasMoreSpaceOnRight = getHasMoreSpaceOnRight(this.helloRef);\n\n // Determine peek message direction\n return hasMoreSpaceOnRight;\n }\n };\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n debounce(this.render.bind(this), 500);\n }\n\n render() {\n const isExcludedUrl = zonosStore.helloSettings.excludedUrlPatterns?.some(\n pattern => new RegExp(pattern).test(window.location.href),\n );\n if (isExcludedUrl) {\n log('Hello is excluded on this url', 'warn');\n return null;\n }\n\n const { selectedCountryCode } = localizationStore;\n const mobileLocation =\n this.mobileLocationOverride || zonosStore.helloSettings.mobileLocation;\n const isMobileWindow = window.innerWidth < 768;\n\n const isOnLeft =\n this.animateFromLeftOverride ||\n (isMobileWindow && mobileLocation.includes('LEFT')) ||\n this.shouldAnimateLeftDesktop() ||\n false;\n\n const isOnTop = mobileLocation.includes('TOP');\n\n const appearanceSettings = mergeConfig(\n zonosStore.appearance,\n this.appearanceSettingsOverride,\n );\n const { theme } = appearanceSettings;\n\n return (\n <Host class=\"zonos--hello zonos--elements\" data-theme={theme}>\n {selectedCountryCode && (\n <div class=\"zonos--hello-wrapper\">\n <button\n class={classes([\n 'zonos--hello-widget',\n this.showPeekMessage && 'zonos--hello-show-peek-message',\n this.mobileLocationOverride && 'zonos--hello-mobile-override',\n isOnLeft &&\n 'zonos--hello-widget-left zonos--hello-widget-animate-from-left',\n isOnTop && 'zonos--hello-widget-top',\n ])}\n onClick={() => {\n this.changeShowDialog(!this.showDialog);\n }}\n onMouseEnter={() => this.enableShowPeekMessage()}\n onMouseLeave={() => (this.showPeekMessage = false)}\n ref={el => el && (this.helloRef = el)}\n >\n <span class=\"zonos--hello-message\">{this.peekMessage}</span>\n\n {selectedCountryCode && (\n <div class=\"zonos--hello-country-flag-wrapper\">\n <zonos-country-flag\n class=\"zonos--hello-country-flag\"\n countryCode={selectedCountryCode}\n ></zonos-country-flag>\n </div>\n )}\n </button>\n\n <div\n class={classes([\n 'zonos--hello-dialog-wrapper',\n this.mobileLocationOverride &&\n 'zonos--hello-dialog-wrapper-mobile-override',\n ])}\n style={{ height: this.showDialog ? 'fit-content' : '0px' }}\n >\n <zonos-hello-dialog\n animateFromLeftOverride={this.animateFromLeftOverride}\n appearanceSettings={appearanceSettings}\n isOpen={this.showDialog}\n mobileLocationOverride={this.mobileLocationOverride}\n setIsOpen={this.changeShowDialog}\n ></zonos-hello-dialog>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/zonos-elements/zonos-icon.entry.js DELETED Viewed

@@ -1,30 +0,0 @@
-import { r as registerInstance, h, d as getElement, H as Host } from './index-d1aa9293.js';
-const zonosIconCss = ":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host svg{width:var(--width);height:var(--height);fill:var(--color);color:var(--color)}";
-const ZonosIcon = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.autoHeight = false;
-    this.color = 'gray-1200';
-    this.content = undefined;
-    this.size = 24;
-  }
-  render() {
-    if (!this.content || !this.el.shadowRoot) {
-      return null;
-    }
-    this.el.shadowRoot.innerHTML = this.content;
-    return (h(Host, { class: "zonos--elements", style: {
-        '--color': `var(--amino-${this.color})`,
-        '--height': `${this.autoHeight ? 'auto' : `${this.size}px`}`,
-        '--width': `${this.size}px`,
-      } }));
-  }
-  get el() { return getElement(this); }
-};
-ZonosIcon.style = zonosIconCss;
-export { ZonosIcon as zonos_icon };
-//# sourceMappingURL=zonos-icon.entry.js.map

package/dist/zonos-elements/zonos-icon.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"zonos-icon.entry.esm.js","mappings":";;AAAA,MAAM,YAAY,GAAG,iZAAiZ;;MCSzZ,SAAS;;;sBAKU,KAAK;iBAMZ,WAAW;;gBAiBX,EAAE;;EAIzB,MAAM;IACJ,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE;MACxC,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;IAE5C,QACE,EAAC,IAAI,IACH,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAE;QACL,SAAS,EAAE,eAAe,IAAI,CAAC,KAAK,GAAG;QACvC,UAAU,EAAE,GAAG,IAAI,CAAC,UAAU,GAAG,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE;QAC5D,SAAS,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;OAC5B,GACK,EACR;GACH;;;;;;;","names":[],"sources":["src/components/common/zonos-icon/zonos-icon.scss?tag=zonos-icon&encapsulation=shadow","src/components/common/zonos-icon/zonos-icon.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n\n svg {\n width: var(--width);\n height: var(--height);\n fill: var(--color);\n color: var(--color);\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport type { Color } from 'src/types';\n\n@Component({\n shadow: true,\n styleUrl: 'zonos-icon.scss',\n tag: 'zonos-icon',\n})\nexport class ZonosIcon {\n /**\n * Determines if the icon should be auto height instead of square\n * @default false\n */\n @Prop() autoHeight: boolean = false;\n\n /**\n * Color of the SVG\n * @default 'gray-1200'\n */\n @Prop() color: Color = 'gray-1200';\n\n /**\n * The content of the icon (full svg)\n * @example\n * import RemoveIcon from './assets/removeIcon.svg';\n * ...\n * <zonos-icon content={RemoveIcon}></zonos-icon>\n * // or\n * <zonos-icon content=\"<svg>...</svg>\"></zonos-icon>\n */\n @Prop() content!: string;\n\n /**\n * The size of the icon\n * @default 24\n */\n @Prop() size: number = 24;\n\n @Element() el!: HTMLZonosIconElement;\n\n render() {\n if (!this.content || !this.el.shadowRoot) {\n return null;\n }\n\n this.el.shadowRoot.innerHTML = this.content;\n\n return (\n <Host\n class=\"zonos--elements\"\n style={{\n '--color': `var(--amino-${this.color})`,\n '--height': `${this.autoHeight ? 'auto' : `${this.size}px`}`,\n '--width': `${this.size}px`,\n }}\n ></Host>\n );\n }\n}\n"],"version":3}

package/dist/zonos-elements/zonos-icon.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- System.register(["./index-87193773.system.js"],(function(t){"use strict";var o,e,s,i;return{setters:[function(t){o=t.r;e=t.h;s=t.d;i=t.H}],execute:function(){var n=":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host svg{width:var(--width);height:var(--height);fill:var(--color);color:var(--color)}";var h=t("zonos_icon",function(){function t(t){o(this,t);this.autoHeight=false;this.color="gray-1200";this.content=undefined;this.size=24}t.prototype.render=function(){if(!this.content\|\|!this.el.shadowRoot){return null}this.el.shadowRoot.innerHTML=this.content;return e(i,{class:"zonos--elements",style:{"--color":"var(--amino-".concat(this.color,")"),"--height":"".concat(this.autoHeight?"auto":"".concat(this.size,"px")),"--width":"".concat(this.size,"px")}})};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());h.style=n}}}));
2	- //# sourceMappingURL=zonos-icon.system.entry.js.map

package/dist/zonos-elements/zonos-icon.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["zonosIconCss","ZonosIcon","exports","class_1","prototype","render","this","content","el","shadowRoot","innerHTML","h","Host","class","style","concat","color","autoHeight","size"],"sources":["src/components/common/zonos-icon/zonos-icon.scss?tag=zonos-icon&encapsulation=shadow","src/components/common/zonos-icon/zonos-icon.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n\n svg {\n width: var(--width);\n height: var(--height);\n fill: var(--color);\n color: var(--color);\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport type { Color } from 'src/types';\n\n@Component({\n shadow: true,\n styleUrl: 'zonos-icon.scss',\n tag: 'zonos-icon',\n})\nexport class ZonosIcon {\n /**\n * Determines if the icon should be auto height instead of square\n * @default false\n */\n @Prop() autoHeight: boolean = false;\n\n /**\n * Color of the SVG\n * @default 'gray-1200'\n */\n @Prop() color: Color = 'gray-1200';\n\n /**\n * The content of the icon (full svg)\n * @example\n * import RemoveIcon from './assets/removeIcon.svg';\n * ...\n * <zonos-icon content={RemoveIcon}></zonos-icon>\n * // or\n * <zonos-icon content=\"<svg>...</svg>\"></zonos-icon>\n */\n @Prop() content!: string;\n\n /**\n * The size of the icon\n * @default 24\n */\n @Prop() size: number = 24;\n\n @Element() el!: HTMLZonosIconElement;\n\n render() {\n if (!this.content || !this.el.shadowRoot) {\n return null;\n }\n\n this.el.shadowRoot.innerHTML = this.content;\n\n return (\n <Host\n class=\"zonos--elements\"\n style={{\n '--color': `var(--amino-${this.color})`,\n '--height': `${this.autoHeight ? 'auto' : `${this.size}px`}`,\n '--width': `${this.size}px`,\n }}\n ></Host>\n );\n }\n}\n"],"mappings":"8JAAA,IAAMA,EAAe,kZ,ICSRC,EAASC,EAAA,wB,wCAKU,M,WAMP,Y,iCAiBA,E,CAIvBC,EAAAC,UAAAC,OAAA,WACE,IAAKC,KAAKC,UAAYD,KAAKE,GAAGC,WAAY,CACxC,OAAO,I,CAGTH,KAAKE,GAAGC,WAAWC,UAAYJ,KAAKC,QAEpC,OACEI,EAACC,EAAI,CACHC,MAAM,kBACNC,MAAO,CACL,UAAW,eAAAC,OAAeT,KAAKU,MAAK,KACpC,WAAY,GAAAD,OAAGT,KAAKW,WAAa,OAAS,GAAAF,OAAGT,KAAKY,KAAI,OACtD,UAAW,GAAAH,OAAGT,KAAKY,KAAI,Q,uHA7CX,I"}

package/dist/zonos-elements/zonos-notification.entry.js DELETED Viewed

@@ -1,67 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-d1aa9293.js';
-import { c as classes } from './classes-0d95c529.js';
-const zonosNotificationCss = ":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:var(--amino-space-24);gap:var(--amino-space-8);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:var(--amino-space-8);border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";
-const ZonosNotification = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-    this.notificationArray = [];
-  }
-  /**
-   * Show a notification
-   */
-  async showNotification(notification) {
-    // random generate id
-    const id = `id-${Math.random().toString(36).substring(2, 9)}`;
-    const notificationItem = Object.assign(Object.assign({}, notification), { id, timeout: notification.timeout || 5000, transitionClass: '', type: notification.type || 'success' });
-    this.notificationArray = [...this.notificationArray, notificationItem];
-    setTimeout(() => {
-      this.updateTransitionClass({
-        id,
-        transitionClass: 'show',
-      });
-    }, 50);
-    setTimeout(() => {
-      this.removeNotification(id);
-    }, notificationItem.timeout);
-  }
-  updateTransitionClass({ id, transitionClass, }) {
-    this.notificationArray = this.notificationArray.map(notification => {
-      if (notification.id === id) {
-        return Object.assign(Object.assign({}, notification), { transitionClass });
-      }
-      return notification;
-    });
-  }
-  /**
-   * Remove a notification
-   */
-  removeNotification(id) {
-    // add hide class before removing the item 100ms to trigger animation
-    this.updateTransitionClass({
-      id,
-      transitionClass: '',
-    });
-    setTimeout(() => {
-      this.notificationArray = this.notificationArray.filter(notification => notification.id !== id);
-    }, 300);
-  }
-  render() {
-    return (h(Host, { class: classes(['zonos--elements zonos--notification', this.class]) }, h("div", { class: "zonos--notification-items" }, this.notificationArray.map(notification => {
-      return (h("div", { "aria-hidden": "true", class: classes([
-          'zonos--notification-item',
-          notification.type,
-          notification.transitionClass,
-        ]), key: notification.id, onClick: () => {
-          this.removeNotification(notification.id);
-        } }, h("zonos-text", { color: "gray-0" }, notification.message)));
-    }))));
-  }
-};
-ZonosNotification.style = zonosNotificationCss;
-export { ZonosNotification as zonos_notification };
-//# sourceMappingURL=zonos-notification.entry.js.map

package/dist/zonos-elements/zonos-notification.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"zonos-notification.entry.esm.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,0yCAA0yC;;MC4B1zC,iBAAiB;;;iBAIZ,EAAE;6BAE+B,EAAE;;;;;EAMnD,MAAM,gBAAgB,CAAC,YAA8B;;IAEnD,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAC9D,MAAM,gBAAgB,mCACjB,YAAY,KACf,EAAE,EACF,OAAO,EAAE,YAAY,CAAC,OAAO,IAAI,IAAI,EACrC,eAAe,EAAE,EAAE,EACnB,IAAI,EAAE,YAAY,CAAC,IAAI,IAAI,SAAS,GACrC,CAAC;IACF,IAAI,CAAC,iBAAiB,GAAG,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IACvE,UAAU,CAAC;MACT,IAAI,CAAC,qBAAqB,CAAC;QACzB,EAAE;QACF,eAAe,EAAE,MAAM;OACxB,CAAC,CAAC;KACJ,EAAE,EAAE,CAAC,CAAC;IAEP,UAAU,CAAC;MACT,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;KAC7B,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;GAC9B;EAEO,qBAAqB,CAAC,EAC5B,EAAE,EACF,eAAe,GAIhB;IACC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAAY;MAC9D,IAAI,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;QAC1B,uCACK,YAAY,KACf,eAAe,IACf;OACH;MACD,OAAO,YAAY,CAAC;KACrB,CAAC,CAAC;GACJ;;;;EAKO,kBAAkB,CAAC,EAAU;;IAEnC,IAAI,CAAC,qBAAqB,CAAC;MACzB,EAAE;MACF,eAAe,EAAE,EAAE;KACpB,CAAC,CAAC;IAEH,UAAU,CAAC;MACT,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CACpD,YAAY,IAAI,YAAY,CAAC,EAAE,KAAK,EAAE,CACvC,CAAC;KACH,EAAE,GAAG,CAAC,CAAC;GACT;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAE,OAAO,CAAC,CAAC,qCAAqC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAEnE,WAAK,KAAK,EAAC,2BAA2B,IACnC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAAY;MACtC,QACE,0BACc,MAAM,EAClB,KAAK,EAAE,OAAO,CAAC;UACb,0BAA0B;UAC1B,YAAY,CAAC,IAAI;UACjB,YAAY,CAAC,eAAe;SAC7B,CAAC,EACF,GAAG,EAAE,YAAY,CAAC,EAAE,EACpB,OAAO,EAAE;UACP,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;SAC1C,IAED,kBAAY,KAAK,EAAC,QAAQ,IAAE,YAAY,CAAC,OAAO,CAAc,CAC1D,EACN;KACH,CAAC,CACE,CACD,EACP;GACH;;;;;;","names":[],"sources":["src/components/common/zonos-notification/zonos-notification.scss?tag=zonos-notification&encapsulation=shadow","src/components/common/zonos-notification/zonos-notification.tsx"],"sourcesContent":["$border-radius: var(--border-radius, $amino-radius-6);\n\n:host {\n display: flex;\n justify-content: center;\n .zonos--notification-items {\n position: fixed;\n z-index: 9999999;\n bottom: $amino-space-24;\n gap: $amino-space-8;\n display: inline-flex;\n flex-direction: column;\n }\n .zonos--notification-item {\n cursor: pointer;\n transition: all 0.3s ease;\n padding: $amino-space-8;\n border-radius: $border-radius;\n // fade in animation\n opacity: 0;\n flex-shrink: 0.0001;\n transform: translateY(100%);\n & + & {\n margin-top: 8px;\n }\n &.show {\n opacity: 1;\n transform: translateY(0);\n flex-grow: 1000;\n }\n &.success {\n background-color: $amino-green-700;\n }\n &.error {\n background-color: $amino-red-700;\n }\n &.warning {\n background-color: $amino-orange-700;\n }\n }\n}\n","import { Component, h, Host, Method, Prop, State } from '@stencil/core';\n\nimport { classes } from 'src/components/utils/classes';\n\nexport type NotificationInit = {\n message: string;\n /**\n * Time in milliseconds\n * @default 4000\n */\n timeout?: number;\n /**\n * Type of notification\n * @default 'success'\n */\n type?: 'error' | 'success' | 'warning';\n};\n\ntype NotificationItem = NotificationInit & {\n id: string;\n transitionClass: 'show' | '';\n};\n\n@Component({\n shadow: true,\n styleUrl: 'zonos-notification.scss',\n tag: 'zonos-notification',\n})\nexport class ZonosNotification {\n /**\n * Custom class to add to the notification\n */\n @Prop() class = '';\n\n @State() notificationArray: NotificationItem[] = [];\n\n /**\n * Show a notification\n */\n @Method()\n async showNotification(notification: NotificationInit) {\n // random generate id\n const id = `id-${Math.random().toString(36).substring(2, 9)}`;\n const notificationItem: NotificationItem = {\n ...notification,\n id,\n timeout: notification.timeout || 5000,\n transitionClass: '',\n type: notification.type || 'success',\n };\n this.notificationArray = [...this.notificationArray, notificationItem];\n setTimeout(() => {\n this.updateTransitionClass({\n id,\n transitionClass: 'show',\n });\n }, 50);\n\n setTimeout(() => {\n this.removeNotification(id);\n }, notificationItem.timeout);\n }\n\n private updateTransitionClass({\n id,\n transitionClass,\n }: {\n id: string;\n transitionClass: 'show' | '';\n }) {\n this.notificationArray = this.notificationArray.map(notification => {\n if (notification.id === id) {\n return {\n ...notification,\n transitionClass,\n };\n }\n return notification;\n });\n }\n\n /**\n * Remove a notification\n */\n private removeNotification(id: string) {\n // add hide class before removing the item 100ms to trigger animation\n this.updateTransitionClass({\n id,\n transitionClass: '',\n });\n\n setTimeout(() => {\n this.notificationArray = this.notificationArray.filter(\n notification => notification.id !== id,\n );\n }, 300);\n }\n\n render() {\n return (\n <Host\n class={classes(['zonos--elements zonos--notification', this.class])}\n >\n <div class=\"zonos--notification-items\">\n {this.notificationArray.map(notification => {\n return (\n <div\n aria-hidden=\"true\"\n class={classes([\n 'zonos--notification-item',\n notification.type,\n notification.transitionClass,\n ])}\n key={notification.id}\n onClick={() => {\n this.removeNotification(notification.id);\n }}\n >\n <zonos-text color=\"gray-0\">{notification.message}</zonos-text>\n </div>\n );\n })}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/zonos-elements/zonos-notification.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var __awaiter=this&&this.__awaiter\|\|function(t,i,n,o){function e(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n\|\|(n=Promise))((function(n,r){function a(t){try{c(o.next(t))}catch(t){r(t)}}function s(t){try{c(o["throw"](t))}catch(t){r(t)}}function c(t){t.done?n(t.value):e(t.value).then(a,s)}c((o=o.apply(t,i\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,i){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,e,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return c([t,i])}}function c(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(o=1,e&&(r=s[0]&2?e["return"]:s[0]?e["throw"]\|\|((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,s[1])).done)return r;if(e=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;e=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6\|\|s[0]===2)){n=0;continue}if(s[0]===3&&(!r\|\|s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];e=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray\|\|function(t,i,n){if(n\|\|arguments.length===2)for(var o=0,e=i.length,r;o<e;o++){if(r\|\|!(o in i)){if(!r)r=Array.prototype.slice.call(i,0,o);r[o]=i[o]}}return t.concat(r\|\|Array.prototype.slice.call(i))};System.register(["./index-87193773.system.js","./classes-ce25a814.system.js"],(function(t){"use strict";var i,n,o,e;return{setters:[function(t){i=t.r;n=t.h;o=t.H},function(t){e=t.c}],execute:function(){var r=":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:var(--amino-space-24);gap:var(--amino-space-8);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:var(--amino-space-8);border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";var a=t("zonos_notification",function(){function t(t){i(this,t);this.class="";this.notificationArray=[]}t.prototype.showNotification=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n;var o=this;return __generator(this,(function(e){i="id-".concat(Math.random().toString(36).substring(2,9));n=Object.assign(Object.assign({},t),{id:i,timeout:t.timeout\|\|5e3,transitionClass:"",type:t.type\|\|"success"});this.notificationArray=__spreadArray(__spreadArray([],this.notificationArray,true),[n],false);setTimeout((function(){o.updateTransitionClass({id:i,transitionClass:"show"})}),50);setTimeout((function(){o.removeNotification(i)}),n.timeout);return[2]}))}))};t.prototype.updateTransitionClass=function(t){var i=t.id,n=t.transitionClass;this.notificationArray=this.notificationArray.map((function(t){if(t.id===i){return Object.assign(Object.assign({},t),{transitionClass:n})}return t}))};t.prototype.removeNotification=function(t){var i=this;this.updateTransitionClass({id:t,transitionClass:""});setTimeout((function(){i.notificationArray=i.notificationArray.filter((function(i){return i.id!==t}))}),300)};t.prototype.render=function(){var t=this;return n(o,{class:e(["zonos--elements zonos--notification",this.class])},n("div",{class:"zonos--notification-items"},this.notificationArray.map((function(i){return n("div",{"aria-hidden":"true",class:e(["zonos--notification-item",i.type,i.transitionClass]),key:i.id,onClick:function(){t.removeNotification(i.id)}},n("zonos-text",{color:"gray-0"},i.message))}))))};return t}());a.style=r}}}));
2	- //# sourceMappingURL=zonos-notification.system.entry.js.map

package/dist/zonos-elements/zonos-notification.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["zonosNotificationCss","ZonosNotification","exports","class_1","prototype","showNotification","notification","id","concat","Math","random","toString","substring","notificationItem","Object","assign","timeout","transitionClass","type","this","notificationArray","__spreadArray","setTimeout","_this","updateTransitionClass","removeNotification","_a","map","filter","render","h","Host","class","classes","key","onClick","color","message"],"sources":["src/components/common/zonos-notification/zonos-notification.scss?tag=zonos-notification&encapsulation=shadow","src/components/common/zonos-notification/zonos-notification.tsx"],"sourcesContent":["$border-radius: var(--border-radius, $amino-radius-6);\n\n:host {\n display: flex;\n justify-content: center;\n .zonos--notification-items {\n position: fixed;\n z-index: 9999999;\n bottom: $amino-space-24;\n gap: $amino-space-8;\n display: inline-flex;\n flex-direction: column;\n }\n .zonos--notification-item {\n cursor: pointer;\n transition: all 0.3s ease;\n padding: $amino-space-8;\n border-radius: $border-radius;\n // fade in animation\n opacity: 0;\n flex-shrink: 0.0001;\n transform: translateY(100%);\n & + & {\n margin-top: 8px;\n }\n &.show {\n opacity: 1;\n transform: translateY(0);\n flex-grow: 1000;\n }\n &.success {\n background-color: $amino-green-700;\n }\n &.error {\n background-color: $amino-red-700;\n }\n &.warning {\n background-color: $amino-orange-700;\n }\n }\n}\n","import { Component, h, Host, Method, Prop, State } from '@stencil/core';\n\nimport { classes } from 'src/components/utils/classes';\n\nexport type NotificationInit = {\n message: string;\n /**\n * Time in milliseconds\n * @default 4000\n */\n timeout?: number;\n /**\n * Type of notification\n * @default 'success'\n */\n type?: 'error' | 'success' | 'warning';\n};\n\ntype NotificationItem = NotificationInit & {\n id: string;\n transitionClass: 'show' | '';\n};\n\n@Component({\n shadow: true,\n styleUrl: 'zonos-notification.scss',\n tag: 'zonos-notification',\n})\nexport class ZonosNotification {\n /**\n * Custom class to add to the notification\n */\n @Prop() class = '';\n\n @State() notificationArray: NotificationItem[] = [];\n\n /**\n * Show a notification\n */\n @Method()\n async showNotification(notification: NotificationInit) {\n // random generate id\n const id = `id-${Math.random().toString(36).substring(2, 9)}`;\n const notificationItem: NotificationItem = {\n ...notification,\n id,\n timeout: notification.timeout || 5000,\n transitionClass: '',\n type: notification.type || 'success',\n };\n this.notificationArray = [...this.notificationArray, notificationItem];\n setTimeout(() => {\n this.updateTransitionClass({\n id,\n transitionClass: 'show',\n });\n }, 50);\n\n setTimeout(() => {\n this.removeNotification(id);\n }, notificationItem.timeout);\n }\n\n private updateTransitionClass({\n id,\n transitionClass,\n }: {\n id: string;\n transitionClass: 'show' | '';\n }) {\n this.notificationArray = this.notificationArray.map(notification => {\n if (notification.id === id) {\n return {\n ...notification,\n transitionClass,\n };\n }\n return notification;\n });\n }\n\n /**\n * Remove a notification\n */\n private removeNotification(id: string) {\n // add hide class before removing the item 100ms to trigger animation\n this.updateTransitionClass({\n id,\n transitionClass: '',\n });\n\n setTimeout(() => {\n this.notificationArray = this.notificationArray.filter(\n notification => notification.id !== id,\n );\n }, 300);\n }\n\n render() {\n return (\n <Host\n class={classes(['zonos--elements zonos--notification', this.class])}\n >\n <div class=\"zonos--notification-items\">\n {this.notificationArray.map(notification => {\n return (\n <div\n aria-hidden=\"true\"\n class={classes([\n 'zonos--notification-item',\n notification.type,\n notification.transitionClass,\n ])}\n key={notification.id}\n onClick={() => {\n this.removeNotification(notification.id);\n }}\n >\n <zonos-text color=\"gray-0\">{notification.message}</zonos-text>\n </div>\n );\n })}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"04DAAA,IAAMA,EAAuB,2yC,IC4BhBC,EAAiBC,EAAA,gC,mCAIZ,G,uBAEiC,E,CAM3CC,EAAAC,UAAAC,iBAAN,SAAuBC,G,wGAEfC,EAAK,MAAAC,OAAMC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,IACnDC,EAAgBC,OAAAC,OAAAD,OAAAC,OAAA,GACjBT,GAAY,CACfC,GAAEA,EACFS,QAASV,EAAaU,SAAW,IACjCC,gBAAiB,GACjBC,KAAMZ,EAAaY,MAAQ,YAE7BC,KAAKC,kBAAiBC,4BAAA,GAAOF,KAAKC,kBAAiB,OAAEP,GAAgB,OACrES,YAAW,WACTC,EAAKC,sBAAsB,CACzBjB,GAAEA,EACFU,gBAAiB,Q,GAElB,IAEHK,YAAW,WACTC,EAAKE,mBAAmBlB,E,GACvBM,EAAiBG,S,iBAGdb,EAAAC,UAAAoB,sBAAA,SAAsBE,G,IAC5BnB,EAAEmB,EAAAnB,GACFU,EAAeS,EAAAT,gBAKfE,KAAKC,kBAAoBD,KAAKC,kBAAkBO,KAAI,SAAArB,GAClD,GAAIA,EAAaC,KAAOA,EAAI,CAC1B,OAAAO,OAAAC,OAAAD,OAAAC,OAAA,GACKT,GAAY,CACfW,gBAAeA,G,CAGnB,OAAOX,C,KAOHH,EAAAC,UAAAqB,mBAAA,SAAmBlB,GAAnB,IAAAgB,EAAAJ,KAENA,KAAKK,sBAAsB,CACzBjB,GAAEA,EACFU,gBAAiB,KAGnBK,YAAW,WACTC,EAAKH,kBAAoBG,EAAKH,kBAAkBQ,QAC9C,SAAAtB,GAAgB,OAAAA,EAAaC,KAAOA,CAApB,G,GAEjB,I,EAGLJ,EAAAC,UAAAyB,OAAA,eAAAN,EAAAJ,KACE,OACEW,EAACC,EAAI,CACHC,MAAOC,EAAQ,CAAC,sCAAuCd,KAAKa,SAE5DF,EAAA,OAAKE,MAAM,6BACRb,KAAKC,kBAAkBO,KAAI,SAAArB,GAC1B,OACEwB,EAAA,qBACc,OACZE,MAAOC,EAAQ,CACb,2BACA3B,EAAaY,KACbZ,EAAaW,kBAEfiB,IAAK5B,EAAaC,GAClB4B,QAAS,WACPZ,EAAKE,mBAAmBnB,EAAaC,G,GAGvCuB,EAAA,cAAYM,MAAM,UAAU9B,EAAa+B,S,gBA1F3B,I"}

package/dist/zonos-elements/zonos-shipping-rich-radio.entry.js DELETED Viewed

@@ -1,50 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-d1aa9293.js';
-import { z as zonosStore } from './zonosStore-13a7b534.js';
-import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-82fbaf25.js';
-import { i as isColorVariable } from './isColorVariable-4cda28c9.js';
-const zonosShippingRichRadioCss = ":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-left-radius:var(--border-radius, var(--amino-radius-10));border-bottom-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item.selected{border-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
-const ZonosShippingRichRadio = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.radioSelected = createEvent(this, "radioSelected", 7);
-    this.handleRichRadioSelect = (item) => {
-      var _a;
-      this.selectedItem = item;
-      (_a = this.radioSelected) === null || _a === void 0 ? void 0 : _a.emit(item);
-    };
-    this.getRadioItemStyleVariables = () => {
-      const usedColor = this.borderColor || zonosStore.appearance.colorSecondary;
-      const secondaryColor = isColorVariable(usedColor)
-        ? `var(--amino-${usedColor})`
-        : usedColor;
-      return {
-        '--border-radius': getBorderRadius(this.borderStyle),
-        '--selected-border-color': secondaryColor || 'unset',
-      };
-    };
-    this.items = undefined;
-    this.borderColor = undefined;
-    this.borderStyle = undefined;
-    this.theme = undefined;
-    this.selectedItem = null;
-  }
-  render() {
-    var _a;
-    return (h(Host, { class: "zonos--shipping-rich-radio zonos--elements", "data-theme": this.theme, style: this.getRadioItemStyleVariables() }, (_a = this.items) === null || _a === void 0 ? void 0 : _a.map(item => {
-      var _a;
-      const selected = ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.value) === item.value;
-      return (h("div", { "aria-hidden": "true", class: classes([
-          'zonos--shipping-rich-radio-item',
-          selected && 'selected',
-        ]), onClick: () => this.handleRichRadioSelect(item) }, h("input", { checked: selected, class: "zonos--shipping-rich-radio-input", name: "zonos--shipping-rich-radio", type: "radio", value: item.value }), h("div", { class: "zonos--shipping-info" }, h("div", { class: "zonos--shipping-detail" }, h("zonos-text", { type: "label" }, item.label), (item.sublabel || item.caption) && (h("div", { class: "zonos--sub-detail" }, item.sublabel && (h("zonos-text", { color: "gray-800" }, item.sublabel)), item.caption && (h("zonos-text", { color: "gray-400" }, item.caption))))), h("zonos-text", { type: "semiBoldLabel" }, item.price))));
-    })));
-  }
-};
-ZonosShippingRichRadio.style = zonosShippingRichRadioCss;
-export { ZonosShippingRichRadio as zonos_shipping_rich_radio };
-//# sourceMappingURL=zonos-shipping-rich-radio.entry.js.map

package/dist/zonos-elements/zonos-shipping-rich-radio.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"zonos-shipping-rich-radio.entry.esm.js","mappings":";;;;;;AAAA,MAAM,yBAAyB,GAAG,26CAA26C;;MC6Bh8C,sBAAsB;;;;IA+BzB,0BAAqB,GAAG,CAAC,IAA2B;;MAC1D,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;MACzB,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,CAAC,IAAI,CAAC,CAAC;KAChC,CAAC;IAEM,+BAA0B,GAAG;MACnC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,IAAI,UAAU,CAAC,UAAU,CAAC,cAAc,CAAC;MAC3E,MAAM,cAAc,GAAG,eAAe,CAAC,SAAS,CAAC;UAC7C,eAAe,SAAS,GAAG;UAC3B,SAAS,CAAC;MAEd,OAAO;QACL,iBAAiB,EAAE,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC;QACpD,yBAAyB,EAAE,cAAc,IAAI,OAAO;OACrD,CAAC;KACH,CAAC;;;;;wBAtBoD,IAAI;;EAwB1D,MAAM;;IACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAC,4CAA4C,gBACtC,IAAI,CAAC,KAAK,EACtB,KAAK,EAAE,IAAI,CAAC,0BAA0B,EAAE,IAEvC,MAAA,IAAI,CAAC,KAAK,0CAAE,GAAG,CAAC,IAAI;;MACnB,MAAM,QAAQ,GAAG,CAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,KAAK,MAAK,IAAI,CAAC,KAAK,CAAC;MACzD,QACE,0BACc,MAAM,EAClB,KAAK,EAAE,OAAO,CAAC;UACb,iCAAiC;UACjC,QAAQ,IAAI,UAAU;SACvB,CAAC,EACF,OAAO,EAAE,MAAM,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAE/C,aACE,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAC,kCAAkC,EACxC,IAAI,EAAC,4BAA4B,EACjC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,EACF,WAAK,KAAK,EAAC,sBAAsB,IAC/B,WAAK,KAAK,EAAC,wBAAwB,IACjC,kBAAY,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAc,EACjD,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,MAC7B,WAAK,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,QAAQ,KACZ,kBAAY,KAAK,EAAC,UAAU,IACzB,IAAI,CAAC,QAAQ,CACH,CACd,EACA,IAAI,CAAC,OAAO,KACX,kBAAY,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,OAAO,CAAc,CACzD,CACG,CACP,CACG,EACN,kBAAY,IAAI,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAc,CACtD,CACF,EACN;KACH,CAAC,CACG,EACP;GACH;;;;;;","names":[],"sources":["src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.scss?tag=zonos-shipping-rich-radio&encapsulation=shadow","src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx"],"sourcesContent":["$selected-border-color: var(--selected-border-color, $amino-blue-600);\n$border-radius: var(--border-radius, $amino-radius-10);\n:host {\n display: flex;\n flex-direction: column;\n input {\n margin: 0;\n accent-color: $selected-border-color;\n }\n .zonos--shipping-rich-radio-item {\n display: flex;\n flex: 1;\n padding: $amino-space-16;\n align-items: center;\n gap: $amino-space-16;\n cursor: pointer;\n border: 1px solid $amino-gray-200;\n &:first-child {\n border-top-left-radius: $border-radius;\n border-top-right-radius: $border-radius;\n }\n &:last-child {\n border-bottom-left-radius: $border-radius;\n border-bottom-right-radius: $border-radius;\n }\n\n &.selected {\n border-color: $selected-border-color;\n }\n }\n .zonos--shipping-info {\n display: flex;\n align-items: center;\n flex: 1;\n }\n .zonos--shipping-detail {\n flex: 1;\n }\n .zonos--sub-detail {\n display: inline-flex;\n gap: 8px;\n flex-wrap: wrap;\n }\n}\n","import {\n type EventEmitter,\n Component,\n Event,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\n\nimport { zonosStore } from 'src/components/store/zonosStore';\nimport { classes } from 'src/components/utils/classes';\nimport { getBorderRadius } from 'src/components/utils/getBorderRadius';\nimport { isColorVariable } from 'src/components/utils/isColorVariable';\nimport type { Color, ElementsUiStyle, ElementsUiTheme } from 'src/types';\n\nexport type ShippingRichRadioItem = {\n caption?: string;\n label: string;\n price: string;\n sublabel?: string;\n value: string | number;\n};\n\n@Component({\n shadow: true,\n styleUrl: 'zonos-shipping-rich-radio.scss',\n tag: 'zonos-shipping-rich-radio',\n})\nexport class ZonosShippingRichRadio {\n /**\n * List of items to display\n */\n @Prop() items!: ShippingRichRadioItem[];\n\n /**\n * Override border color of the radio item\n */\n @Prop() borderColor?: Color | (string & { _placeholder?: never });\n\n /**\n * Override border color of the radio item\n */\n @Prop() borderStyle?: ElementsUiStyle;\n\n /**\n * Theme of the radio item\n */\n @Prop() theme?: ElementsUiTheme;\n /**\n * Selected item\n * @default {null|firstItem}\n */\n @State() selectedItem: ShippingRichRadioItem | null = null;\n\n /**\n * Event emitted when an item is selected\n */\n @Event() radioSelected?: EventEmitter<ShippingRichRadioItem>;\n\n private handleRichRadioSelect = (item: ShippingRichRadioItem) => {\n this.selectedItem = item;\n this.radioSelected?.emit(item);\n };\n\n private getRadioItemStyleVariables = () => {\n const usedColor = this.borderColor || zonosStore.appearance.colorSecondary;\n const secondaryColor = isColorVariable(usedColor)\n ? `var(--amino-${usedColor})`\n : usedColor;\n\n return {\n '--border-radius': getBorderRadius(this.borderStyle),\n '--selected-border-color': secondaryColor || 'unset',\n };\n };\n\n render() {\n return (\n <Host\n class=\"zonos--shipping-rich-radio zonos--elements\"\n data-theme={this.theme}\n style={this.getRadioItemStyleVariables()}\n >\n {this.items?.map(item => {\n const selected = this.selectedItem?.value === item.value;\n return (\n <div\n aria-hidden=\"true\"\n class={classes([\n 'zonos--shipping-rich-radio-item',\n selected && 'selected',\n ])}\n onClick={() => this.handleRichRadioSelect(item)}\n >\n <input\n checked={selected}\n class=\"zonos--shipping-rich-radio-input\"\n name=\"zonos--shipping-rich-radio\"\n type=\"radio\"\n value={item.value}\n />\n <div class=\"zonos--shipping-info\">\n <div class=\"zonos--shipping-detail\">\n <zonos-text type=\"label\">{item.label}</zonos-text>\n {(item.sublabel || item.caption) && (\n <div class=\"zonos--sub-detail\">\n {item.sublabel && (\n <zonos-text color=\"gray-800\">\n {item.sublabel}\n </zonos-text>\n )}\n {item.caption && (\n <zonos-text color=\"gray-400\">{item.caption}</zonos-text>\n )}\n </div>\n )}\n </div>\n <zonos-text type=\"semiBoldLabel\">{item.price}</zonos-text>\n </div>\n </div>\n );\n })}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/zonos-elements/zonos-shipping-rich-radio.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- System.register(["./index-87193773.system.js","./zonosStore-77bcd7c0.system.js","./classes-ce25a814.system.js","./getBorderRadius-4fbe49de.system.js","./isColorVariable-be454101.system.js"],(function(e){"use strict";var i,o,s,t,r,a,n,l;return{setters:[function(e){i=e.r;o=e.c;s=e.h;t=e.H},function(e){r=e.z},function(e){a=e.c},function(e){n=e.g},function(e){l=e.i}],execute:function(){var d=":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-left-radius:var(--border-radius, var(--amino-radius-10));border-bottom-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item.selected{border-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";var c=e("zonos_shipping_rich_radio",function(){function e(e){var s=this;i(this,e);this.radioSelected=o(this,"radioSelected",7);this.handleRichRadioSelect=function(e){var i;s.selectedItem=e;(i=s.radioSelected)===null\|\|i===void 0?void 0:i.emit(e)};this.getRadioItemStyleVariables=function(){var e=s.borderColor\|\|r.appearance.colorSecondary;var i=l(e)?"var(--amino-".concat(e,")"):e;return{"--border-radius":n(s.borderStyle),"--selected-border-color":i\|\|"unset"}};this.items=undefined;this.borderColor=undefined;this.borderStyle=undefined;this.theme=undefined;this.selectedItem=null}e.prototype.render=function(){var e=this;var i;return s(t,{class:"zonos--shipping-rich-radio zonos--elements","data-theme":this.theme,style:this.getRadioItemStyleVariables()},(i=this.items)===null\|\|i===void 0?void 0:i.map((function(i){var o;var t=((o=e.selectedItem)===null\|\|o===void 0?void 0:o.value)===i.value;return s("div",{"aria-hidden":"true",class:a(["zonos--shipping-rich-radio-item",t&&"selected"]),onClick:function(){return e.handleRichRadioSelect(i)}},s("input",{checked:t,class:"zonos--shipping-rich-radio-input",name:"zonos--shipping-rich-radio",type:"radio",value:i.value}),s("div",{class:"zonos--shipping-info"},s("div",{class:"zonos--shipping-detail"},s("zonos-text",{type:"label"},i.label),(i.sublabel\|\|i.caption)&&s("div",{class:"zonos--sub-detail"},i.sublabel&&s("zonos-text",{color:"gray-800"},i.sublabel),i.caption&&s("zonos-text",{color:"gray-400"},i.caption))),s("zonos-text",{type:"semiBoldLabel"},i.price)))})))};return e}());c.style=d}}}));
2	- //# sourceMappingURL=zonos-shipping-rich-radio.system.entry.js.map

package/dist/zonos-elements/zonos-shipping-rich-radio.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["zonosShippingRichRadioCss","ZonosShippingRichRadio","exports","this","handleRichRadioSelect","item","_this","selectedItem","_a","radioSelected","emit","getRadioItemStyleVariables","usedColor","borderColor","zonosStore","appearance","colorSecondary","secondaryColor","isColorVariable","concat","getBorderRadius","borderStyle","class_1","prototype","render","h","Host","class","theme","style","items","map","selected","value","classes","onClick","checked","name","type","label","sublabel","caption","color","price"],"sources":["src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.scss?tag=zonos-shipping-rich-radio&encapsulation=shadow","src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx"],"sourcesContent":["$selected-border-color: var(--selected-border-color, $amino-blue-600);\n$border-radius: var(--border-radius, $amino-radius-10);\n:host {\n display: flex;\n flex-direction: column;\n input {\n margin: 0;\n accent-color: $selected-border-color;\n }\n .zonos--shipping-rich-radio-item {\n display: flex;\n flex: 1;\n padding: $amino-space-16;\n align-items: center;\n gap: $amino-space-16;\n cursor: pointer;\n border: 1px solid $amino-gray-200;\n &:first-child {\n border-top-left-radius: $border-radius;\n border-top-right-radius: $border-radius;\n }\n &:last-child {\n border-bottom-left-radius: $border-radius;\n border-bottom-right-radius: $border-radius;\n }\n\n &.selected {\n border-color: $selected-border-color;\n }\n }\n .zonos--shipping-info {\n display: flex;\n align-items: center;\n flex: 1;\n }\n .zonos--shipping-detail {\n flex: 1;\n }\n .zonos--sub-detail {\n display: inline-flex;\n gap: 8px;\n flex-wrap: wrap;\n }\n}\n","import {\n type EventEmitter,\n Component,\n Event,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\n\nimport { zonosStore } from 'src/components/store/zonosStore';\nimport { classes } from 'src/components/utils/classes';\nimport { getBorderRadius } from 'src/components/utils/getBorderRadius';\nimport { isColorVariable } from 'src/components/utils/isColorVariable';\nimport type { Color, ElementsUiStyle, ElementsUiTheme } from 'src/types';\n\nexport type ShippingRichRadioItem = {\n caption?: string;\n label: string;\n price: string;\n sublabel?: string;\n value: string | number;\n};\n\n@Component({\n shadow: true,\n styleUrl: 'zonos-shipping-rich-radio.scss',\n tag: 'zonos-shipping-rich-radio',\n})\nexport class ZonosShippingRichRadio {\n /**\n * List of items to display\n */\n @Prop() items!: ShippingRichRadioItem[];\n\n /**\n * Override border color of the radio item\n */\n @Prop() borderColor?: Color | (string & { _placeholder?: never });\n\n /**\n * Override border color of the radio item\n */\n @Prop() borderStyle?: ElementsUiStyle;\n\n /**\n * Theme of the radio item\n */\n @Prop() theme?: ElementsUiTheme;\n /**\n * Selected item\n * @default {null|firstItem}\n */\n @State() selectedItem: ShippingRichRadioItem | null = null;\n\n /**\n * Event emitted when an item is selected\n */\n @Event() radioSelected?: EventEmitter<ShippingRichRadioItem>;\n\n private handleRichRadioSelect = (item: ShippingRichRadioItem) => {\n this.selectedItem = item;\n this.radioSelected?.emit(item);\n };\n\n private getRadioItemStyleVariables = () => {\n const usedColor = this.borderColor || zonosStore.appearance.colorSecondary;\n const secondaryColor = isColorVariable(usedColor)\n ? `var(--amino-${usedColor})`\n : usedColor;\n\n return {\n '--border-radius': getBorderRadius(this.borderStyle),\n '--selected-border-color': secondaryColor || 'unset',\n };\n };\n\n render() {\n return (\n <Host\n class=\"zonos--shipping-rich-radio zonos--elements\"\n data-theme={this.theme}\n style={this.getRadioItemStyleVariables()}\n >\n {this.items?.map(item => {\n const selected = this.selectedItem?.value === item.value;\n return (\n <div\n aria-hidden=\"true\"\n class={classes([\n 'zonos--shipping-rich-radio-item',\n selected && 'selected',\n ])}\n onClick={() => this.handleRichRadioSelect(item)}\n >\n <input\n checked={selected}\n class=\"zonos--shipping-rich-radio-input\"\n name=\"zonos--shipping-rich-radio\"\n type=\"radio\"\n value={item.value}\n />\n <div class=\"zonos--shipping-info\">\n <div class=\"zonos--shipping-detail\">\n <zonos-text type=\"label\">{item.label}</zonos-text>\n {(item.sublabel || item.caption) && (\n <div class=\"zonos--sub-detail\">\n {item.sublabel && (\n <zonos-text color=\"gray-800\">\n {item.sublabel}\n </zonos-text>\n )}\n {item.caption && (\n <zonos-text color=\"gray-400\">{item.caption}</zonos-text>\n )}\n </div>\n )}\n </div>\n <zonos-text type=\"semiBoldLabel\">{item.price}</zonos-text>\n </div>\n </div>\n );\n })}\n </Host>\n );\n }\n}\n"],"mappings":"iYAAA,IAAMA,EAA4B,46C,IC6BrBC,EAAsBC,EAAA,uC,gFA+BzBC,KAAAC,sBAAwB,SAACC,G,MAC/BC,EAAKC,aAAeF,GACpBG,EAAAF,EAAKG,iBAAa,MAAAD,SAAA,SAAAA,EAAEE,KAAKL,E,EAGnBF,KAAAQ,2BAA6B,WACnC,IAAMC,EAAYN,EAAKO,aAAeC,EAAWC,WAAWC,eAC5D,IAAMC,EAAiBC,EAAgBN,GACnC,eAAAO,OAAeP,EAAS,KACxBA,EAEJ,MAAO,CACL,kBAAmBQ,EAAgBd,EAAKe,aACxC,0BAA2BJ,GAAkB,Q,oHApBK,I,CAwBtDK,EAAAC,UAAAC,OAAA,eAAAlB,EAAAH,K,MACE,OACEsB,EAACC,EAAI,CACHC,MAAM,6CAA4C,aACtCxB,KAAKyB,MACjBC,MAAO1B,KAAKQ,+BAEXH,EAAAL,KAAK2B,SAAK,MAAAtB,SAAA,SAAAA,EAAEuB,KAAI,SAAA1B,G,MACf,IAAM2B,IAAWxB,EAAAF,EAAKC,gBAAY,MAAAC,SAAA,SAAAA,EAAEyB,SAAU5B,EAAK4B,MACnD,OACER,EAAA,qBACc,OACZE,MAAOO,EAAQ,CACb,kCACAF,GAAY,aAEdG,QAAS,WAAM,OAAA7B,EAAKF,sBAAsBC,EAA3B,GAEfoB,EAAA,SACEW,QAASJ,EACTL,MAAM,mCACNU,KAAK,6BACLC,KAAK,QACLL,MAAO5B,EAAK4B,QAEdR,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,0BACTF,EAAA,cAAYa,KAAK,SAASjC,EAAKkC,QAC7BlC,EAAKmC,UAAYnC,EAAKoC,UACtBhB,EAAA,OAAKE,MAAM,qBACRtB,EAAKmC,UACJf,EAAA,cAAYiB,MAAM,YACfrC,EAAKmC,UAGTnC,EAAKoC,SACJhB,EAAA,cAAYiB,MAAM,YAAYrC,EAAKoC,WAK3ChB,EAAA,cAAYa,KAAK,iBAAiBjC,EAAKsC,Q,eAzFpB,I"}

package/dist/zonos-elements/zonos-text.entry.js DELETED Viewed

@@ -1,156 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-d1aa9293.js';
-import { c as classes } from './classes-0d95c529.js';
-const textOptions = {
-  pageHeader: {
-    label: 'Page Header (3XL) · 34px (2.125rem)',
-    size: '3xl',
-    tag: 'h2',
-    weight: 900,
-  },
-  secondaryPageHeader: {
-    label: 'Secondary Page Header (3XL) • 34px, 500 "Medium"',
-    size: '3xl',
-    tag: 'h2',
-    weight: 500,
-  },
-  // eslint-disable-next-line sort-keys/sort-keys-fix
-  header: {
-    label: 'Header (2XL) · 28px (1.75rem)',
-    size: '2xl',
-    tag: 'h3',
-    weight: 700,
-  },
-  // eslint-disable-next-line sort-keys/sort-keys-fix
-  descriptionHeader: {
-    label: 'Description Header (2XL) · 28px (1.75rem)',
-    size: '2xl',
-    tag: 'h3',
-    weight: 700,
-  },
-  title: {
-    label: 'Title (XL) • 22px (1.375rem)',
-    size: 'xl',
-    tag: 'h4',
-    weight: 600,
-  },
-  // eslint-disable-next-line sort-keys/sort-keys-fix
-  boldSubheader: {
-    label: 'Bold Subheader (L) • 18px (1.125rem)',
-    size: 'l',
-    tag: 'h5',
-    weight: 700,
-  },
-  semiBoldSubheader: {
-    label: 'Semi Bold Subheader (L / H4) • 18px (1.125rem)',
-    size: 'l',
-    tag: 'h5',
-    weight: 600,
-  },
-  subheader: {
-    label: 'Subheader (L) • 18px (1.125rem)',
-    size: 'l',
-    tag: 'h5',
-    weight: 500,
-  },
-  // eslint-disable-next-line sort-keys/sort-keys-fix
-  boldLabel: {
-    label: 'Bold Label (Base) • 14px (.875rem)',
-    size: 'base',
-    tag: 'span',
-    weight: 700,
-  },
-  semiBoldLabel: {
-    label: 'Semi Bold Label (Base) • 14px (.875rem)',
-    size: 'base',
-    tag: 'span',
-    weight: 600,
-  },
-  // eslint-disable-next-line sort-keys/sort-keys-fix
-  label: {
-    label: 'Label (Base) • 14px (.875rem)',
-    size: 'base',
-    tag: 'span',
-    weight: 500,
-  },
-  // eslint-disable-next-line sort-keys/sort-keys-fix
-  body: {
-    label: 'Body (Base) • 14px (.875rem)',
-    size: 'base',
-    tag: 'span',
-    weight: 400,
-  },
-  smallHeader: {
-    label: 'Small header (S) • 12px (.75rem)',
-    size: 's',
-    tag: 'span',
-    weight: 600,
-  },
-  // eslint-disable-next-line sort-keys/sort-keys-fix
-  caption: {
-    label: 'Caption (S) • 12px (.75rem)',
-    size: 's',
-    tag: 'span',
-    weight: 400,
-  },
-  hintText: {
-    label: 'Hint text (XS) • 10px (.625rem)',
-    size: 'xs',
-    tag: 'span',
-    weight: 400,
-  },
-};
-const zonosTextCss = ":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{color:var(--color)}:host(.zonos--text-size-3xl)>*,:host(.zonos--text-size-3xl){font-size:var(--amino-font-size-3xl)}:host(.zonos--text-size-2xl)>*,:host(.zonos--text-size-2xl){font-size:var(--amino-font-size-2xl)}:host(.zonos--text-size-xl)>*,:host(.zonos--text-size-xl){font-size:var(--amino-font-size-xl)}:host(.zonos--text-size-l)>*,:host(.zonos--text-size-l){font-size:var(--amino-font-size-l)}:host(.zonos--text-size-base)>*,:host(.zonos--text-size-base){font-size:var(--amino-font-size-base)}:host(.zonos--text-size-s)>*,:host(.zonos--text-size-s){font-size:var(--amino-font-size-s)}:host(.zonos--text-size-xs)>*,:host(.zonos--text-size-xs){font-size:var(--amino-font-size-xs)}:host(.zonos--text-weight-900)>*,:host(.zonos--text-weight-900){font-weight:900}:host(.zonos--text-weight-700)>*,:host(.zonos--text-weight-700){font-weight:700}:host(.zonos--text-weight-600)>*,:host(.zonos--text-weight-600){font-weight:600}:host(.zonos--text-weight-500)>*,:host(.zonos--text-weight-500){font-weight:500}:host(.zonos--text-weight-400)>*,:host(.zonos--text-weight-400){font-weight:400}";
-const ZonosText = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-    this.color = 'gray-1200';
-    this.size = undefined;
-    this.type = 'body';
-    this.weight = undefined;
-    this.content = undefined;
-    this.ready = false;
-  }
-  componentDidRender() {
-    setTimeout(() => {
-      this.ready = true;
-    }, 100);
-  }
-  render() {
-    const { size: defaultSize, tag: defaultTag, weight: defaultWeight, } = textOptions.body;
-    const { size, tag, weight } = textOptions[this.type];
-    const textSize = this.size || size || defaultSize;
-    const textWeight = this.weight || weight || defaultWeight;
-    const textTag = tag || defaultTag;
-    const renderText = () => {
-      switch (textTag) {
-        case 'h2':
-          return (h("h2", null, h("slot", null)));
-        case 'h3':
-          return (h("h3", null, h("slot", null)));
-        case 'h4':
-          return (h("h4", null, h("slot", null)));
-        case 'h5':
-          return (h("h5", null, h("slot", null)));
-        case 'span':
-        default:
-          return (h("span", null, h("slot", null)));
-      }
-    };
-    return (h(Host, { class: classes([
-        `zonos--text-size-${textSize}`,
-        `zonos--text-weight-${textWeight}`,
-        this.class,
-      ]), style: {
-        '--color': this.color ? `var(--amino-${this.color})` : '',
-      } }, renderText()));
-  }
-};
-ZonosText.style = zonosTextCss;
-export { ZonosText as zonos_text };
-//# sourceMappingURL=zonos-text.entry.js.map

package/dist/zonos-elements/zonos-text.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"zonos-text.entry.esm.js","mappings":";;;AAAO,MAAM,WAAW,GAAG;EACzB,UAAU,EAAE;IACV,KAAK,EAAE,qCAAqC;IAC5C,IAAI,EAAE,KAAK;IACX,GAAG,EAAE,IAAI;IACT,MAAM,EAAE,GAAG;GACZ;EACD,mBAAmB,EAAE;IACnB,KAAK,EAAE,kDAAkD;IACzD,IAAI,EAAE,KAAK;IACX,GAAG,EAAE,IAAI;IACT,MAAM,EAAE,GAAG;GACZ;;EAED,MAAM,EAAE;IACN,KAAK,EAAE,+BAA+B;IACtC,IAAI,EAAE,KAAK;IACX,GAAG,EAAE,IAAI;IACT,MAAM,EAAE,GAAG;GACZ;;EAED,iBAAiB,EAAE;IACjB,KAAK,EAAE,2CAA2C;IAClD,IAAI,EAAE,KAAK;IACX,GAAG,EAAE,IAAI;IACT,MAAM,EAAE,GAAG;GACZ;EACD,KAAK,EAAE;IACL,KAAK,EAAE,8BAA8B;IACrC,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,IAAI;IACT,MAAM,EAAE,GAAG;GACZ;;EAED,aAAa,EAAE;IACb,KAAK,EAAE,sCAAsC;IAC7C,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,IAAI;IACT,MAAM,EAAE,GAAG;GACZ;EACD,iBAAiB,EAAE;IACjB,KAAK,EAAE,gDAAgD;IACvD,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,IAAI;IACT,MAAM,EAAE,GAAG;GACZ;EACD,SAAS,EAAE;IACT,KAAK,EAAE,iCAAiC;IACxC,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,IAAI;IACT,MAAM,EAAE,GAAG;GACZ;;EAED,SAAS,EAAE;IACT,KAAK,EAAE,oCAAoC;IAC3C,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,GAAG;GACZ;EACD,aAAa,EAAE;IACb,KAAK,EAAE,yCAAyC;IAChD,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,GAAG;GACZ;;EAED,KAAK,EAAE;IACL,KAAK,EAAE,+BAA+B;IACtC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,GAAG;GACZ;;EAED,IAAI,EAAE;IACJ,KAAK,EAAE,8BAA8B;IACrC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,GAAG;GACZ;EACD,WAAW,EAAE;IACX,KAAK,EAAE,kCAAkC;IACzC,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,GAAG;GACZ;;EAED,OAAO,EAAE;IACP,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,GAAG;GACZ;EACD,QAAQ,EAAE;IACR,KAAK,EAAE,iCAAiC;IACxC,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,GAAG;GACZ;CACO;;AClGV,MAAM,YAAY,GAAG,s0CAAs0C;;MCgB90C,SAAS;;;iBAII,EAAE;iBAIH,WAAW;;gBAUb,MAAM;;;iBAeD,KAAK;;EAE/B,kBAAkB;IAChB,UAAU,CAAC;MACT,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;KACnB,EAAE,GAAG,CAAC,CAAC;GACT;EAED,MAAM;IACJ,MAAM,EACJ,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,UAAU,EACf,MAAM,EAAE,aAAa,GACtB,GAAG,WAAW,CAAC,IAAI,CAAC;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAErD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,WAAW,CAAC;IAClD,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,IAAI,MAAM,IAAI,aAAa,CAAC;IAC1D,MAAM,OAAO,GAAG,GAAG,IAAI,UAAU,CAAC;IAElC,MAAM,UAAU,GAAG;MACjB,QAAQ,OAAO;QACb,KAAK,IAAI;UACP,QACE,cACE,eAAa,CACV,EACL;QACJ,KAAK,IAAI;UACP,QACE,cACE,eAAa,CACV,EACL;QACJ,KAAK,IAAI;UACP,QACE,cACE,eAAa,CACV,EACL;QACJ,KAAK,IAAI;UACP,QACE,cACE,eAAa,CACV,EACL;QACJ,KAAK,MAAM,CAAC;QACZ;UACE,QACE,gBACE,eAAa,CACR,EACP;OACL;KACF,CAAC;IAEF,QACE,EAAC,IAAI,IACH,KAAK,EAAE,OAAO,CAAC;QACb,oBAAoB,QAAQ,EAAE;QAC9B,sBAAsB,UAAU,EAAE;QAClC,IAAI,CAAC,KAAK;OACX,CAAC,EACF,KAAK,EAAE;QACL,SAAS,EAAE,IAAI,CAAC,KAAK,GAAG,eAAe,IAAI,CAAC,KAAK,GAAG,GAAG,EAAE;OAC1D,IAEA,UAAU,EAAE,CACR,EACP;GACH;;;;;;","names":[],"sources":["src/types/styles/Text.ts","src/components/common/zonos-text/zonos-text.scss?tag=zonos-text&encapsulation=shadow","src/components/common/zonos-text/zonos-text.tsx"],"sourcesContent":["export const textOptions = {\n pageHeader: {\n label: 'Page Header (3XL) · 34px (2.125rem)',\n size: '3xl',\n tag: 'h2',\n weight: 900,\n },\n secondaryPageHeader: {\n label: 'Secondary Page Header (3XL) • 34px, 500 \"Medium\"',\n size: '3xl',\n tag: 'h2',\n weight: 500,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n header: {\n label: 'Header (2XL) · 28px (1.75rem)',\n size: '2xl',\n tag: 'h3',\n weight: 700,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n descriptionHeader: {\n label: 'Description Header (2XL) · 28px (1.75rem)',\n size: '2xl',\n tag: 'h3',\n weight: 700,\n },\n title: {\n label: 'Title (XL) • 22px (1.375rem)',\n size: 'xl',\n tag: 'h4',\n weight: 600,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n boldSubheader: {\n label: 'Bold Subheader (L) • 18px (1.125rem)',\n size: 'l',\n tag: 'h5',\n weight: 700,\n },\n semiBoldSubheader: {\n label: 'Semi Bold Subheader (L / H4) • 18px (1.125rem)',\n size: 'l',\n tag: 'h5',\n weight: 600,\n },\n subheader: {\n label: 'Subheader (L) • 18px (1.125rem)',\n size: 'l',\n tag: 'h5',\n weight: 500,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n boldLabel: {\n label: 'Bold Label (Base) • 14px (.875rem)',\n size: 'base',\n tag: 'span',\n weight: 700,\n },\n semiBoldLabel: {\n label: 'Semi Bold Label (Base) • 14px (.875rem)',\n size: 'base',\n tag: 'span',\n weight: 600,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n label: {\n label: 'Label (Base) • 14px (.875rem)',\n size: 'base',\n tag: 'span',\n weight: 500,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n body: {\n label: 'Body (Base) • 14px (.875rem)',\n size: 'base',\n tag: 'span',\n weight: 400,\n },\n smallHeader: {\n label: 'Small header (S) • 12px (.75rem)',\n size: 's',\n tag: 'span',\n weight: 600,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n caption: {\n label: 'Caption (S) • 12px (.75rem)',\n size: 's',\n tag: 'span',\n weight: 400,\n },\n hintText: {\n label: 'Hint text (XS) • 10px (.625rem)',\n size: 'xs',\n tag: 'span',\n weight: 400,\n },\n} as const;\n\ntype TextOptions = typeof textOptions;\nexport type Size = TextOptions[keyof TextOptions]['size'];\nexport type Type = keyof TextOptions;\nexport type FontWeight = TextOptions[keyof TextOptions]['weight'] | 800;\n","$color: var(--color);\n\n$sizes: (\n '3xl': $amino-font-size-3xl,\n '2xl': $amino-font-size-2xl,\n 'xl': $amino-font-size-xl,\n 'l': $amino-font-size-l,\n 'base': $amino-font-size-base,\n 's': $amino-font-size-s,\n 'xs': $amino-font-size-xs,\n);\n\n$weights: (\n '900': 900,\n '700': 700,\n '600': 600,\n '500': 500,\n '400': 400,\n);\n\n:host {\n color: var(--color);\n}\n\n@each $_size, $_value in $sizes {\n :host(.zonos--text-size-#{$_size}) {\n > *,\n & {\n font-size: $_value;\n }\n }\n}\n@each $_weight, $_value in $weights {\n :host(.zonos--text-weight-#{$_weight}) {\n > *,\n & {\n font-weight: $_value;\n }\n }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\nimport { classes } from 'src/components/utils/classes';\nimport type { Color } from 'src/types/styles/Color';\nimport {\n type FontWeight,\n type Size,\n type Type,\n textOptions,\n} from 'src/types/styles/Text';\n\n@Component({\n shadow: true,\n styleUrl: 'zonos-text.scss',\n tag: 'zonos-text',\n})\nexport class ZonosText {\n /**\n * css class for the component\n */\n @Prop() class: string = '';\n /**\n * The icon element to display\n */\n @Prop() color: Color = 'gray-1200';\n\n /**\n * The size of the text\n */\n @Prop() size?: Size;\n\n /**\n * Type of the text to display\n */\n @Prop() type: Type = 'body';\n\n /**\n * The weight of the text\n */\n @Prop() weight?: FontWeight;\n\n /**\n * The tag to use for the text\n */\n @Prop() content?: string;\n\n /**\n * Whether or not the component is ready\n */\n @State() ready: boolean = false;\n\n componentDidRender() {\n setTimeout(() => {\n this.ready = true;\n }, 100);\n }\n\n render() {\n const {\n size: defaultSize,\n tag: defaultTag,\n weight: defaultWeight,\n } = textOptions.body;\n const { size, tag, weight } = textOptions[this.type];\n\n const textSize = this.size || size || defaultSize;\n const textWeight = this.weight || weight || defaultWeight;\n const textTag = tag || defaultTag;\n\n const renderText = () => {\n switch (textTag) {\n case 'h2':\n return (\n <h2>\n <slot></slot>\n </h2>\n );\n case 'h3':\n return (\n <h3>\n <slot></slot>\n </h3>\n );\n case 'h4':\n return (\n <h4>\n <slot></slot>\n </h4>\n );\n case 'h5':\n return (\n <h5>\n <slot></slot>\n </h5>\n );\n case 'span':\n default:\n return (\n <span>\n <slot></slot>\n </span>\n );\n }\n };\n\n return (\n <Host\n class={classes([\n `zonos--text-size-${textSize}`,\n `zonos--text-weight-${textWeight}`,\n this.class,\n ])}\n style={{\n '--color': this.color ? `var(--amino-${this.color})` : '',\n }}\n >\n {renderText()}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/zonos-elements/zonos-text.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- System.register(["./index-87193773.system.js","./classes-ce25a814.system.js"],(function(e){"use strict";var t,s,o,i;return{setters:[function(e){t=e.r;s=e.h;o=e.H},function(e){i=e.c}],execute:function(){var a={pageHeader:{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",weight:900},secondaryPageHeader:{label:'Secondary Page Header (3XL) • 34px, 500 "Medium"',size:"3xl",tag:"h2",weight:500},header:{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",weight:700},descriptionHeader:{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",weight:700},title:{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",weight:600},boldSubheader:{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",weight:700},semiBoldSubheader:{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",weight:600},subheader:{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",weight:500},boldLabel:{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:700},semiBoldLabel:{label:"Semi Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:600},label:{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:500},body:{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",weight:400},smallHeader:{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",weight:600},caption:{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",weight:400},hintText:{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",weight:400}};var n=":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{color:var(--color)}:host(.zonos--text-size-3xl)>,:host(.zonos--text-size-3xl){font-size:var(--amino-font-size-3xl)}:host(.zonos--text-size-2xl)>,:host(.zonos--text-size-2xl){font-size:var(--amino-font-size-2xl)}:host(.zonos--text-size-xl)>,:host(.zonos--text-size-xl){font-size:var(--amino-font-size-xl)}:host(.zonos--text-size-l)>,:host(.zonos--text-size-l){font-size:var(--amino-font-size-l)}:host(.zonos--text-size-base)>,:host(.zonos--text-size-base){font-size:var(--amino-font-size-base)}:host(.zonos--text-size-s)>,:host(.zonos--text-size-s){font-size:var(--amino-font-size-s)}:host(.zonos--text-size-xs)>,:host(.zonos--text-size-xs){font-size:var(--amino-font-size-xs)}:host(.zonos--text-weight-900)>,:host(.zonos--text-weight-900){font-weight:900}:host(.zonos--text-weight-700)>,:host(.zonos--text-weight-700){font-weight:700}:host(.zonos--text-weight-600)>,:host(.zonos--text-weight-600){font-weight:600}:host(.zonos--text-weight-500)>,:host(.zonos--text-weight-500){font-weight:500}:host(.zonos--text-weight-400)>,:host(.zonos--text-weight-400){font-weight:400}";var h=e("zonos_text",function(){function e(e){t(this,e);this.class="";this.color="gray-1200";this.size=undefined;this.type="body";this.weight=undefined;this.content=undefined;this.ready=false}e.prototype.componentDidRender=function(){var e=this;setTimeout((function(){e.ready=true}),100)};e.prototype.render=function(){var e=a.body,t=e.size,n=e.tag,h=e.weight;var l=a[this.type],r=l.size,z=l.tag,x=l.weight;var g=this.size\|\|r\|\|t;var d=this.weight\|\|x\|\|h;var c=z\|\|n;var u=function(){switch(c){case"h2":return s("h2",null,s("slot",null));case"h3":return s("h3",null,s("slot",null));case"h4":return s("h4",null,s("slot",null));case"h5":return s("h5",null,s("slot",null));case"span":default:return s("span",null,s("slot",null))}};return s(o,{class:i(["zonos--text-size-".concat(g),"zonos--text-weight-".concat(d),this.class]),style:{"--color":this.color?"var(--amino-".concat(this.color,")"):""}},u())};return e}());h.style=n}}}));
2	- //# sourceMappingURL=zonos-text.system.entry.js.map

package/dist/zonos-elements/zonos-text.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["textOptions","pageHeader","label","size","tag","weight","secondaryPageHeader","header","descriptionHeader","title","boldSubheader","semiBoldSubheader","subheader","boldLabel","semiBoldLabel","body","smallHeader","caption","hintText","zonosTextCss","ZonosText","exports","class_1","prototype","componentDidRender","_this","this","setTimeout","ready","render","_a","defaultSize","defaultTag","defaultWeight","_b","type","textSize","textWeight","textTag","renderText","h","Host","class","classes","concat","style","color"],"sources":["src/types/styles/Text.ts","src/components/common/zonos-text/zonos-text.scss?tag=zonos-text&encapsulation=shadow","src/components/common/zonos-text/zonos-text.tsx"],"sourcesContent":["export const textOptions = {\n pageHeader: {\n label: 'Page Header (3XL) · 34px (2.125rem)',\n size: '3xl',\n tag: 'h2',\n weight: 900,\n },\n secondaryPageHeader: {\n label: 'Secondary Page Header (3XL) • 34px, 500 \"Medium\"',\n size: '3xl',\n tag: 'h2',\n weight: 500,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n header: {\n label: 'Header (2XL) · 28px (1.75rem)',\n size: '2xl',\n tag: 'h3',\n weight: 700,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n descriptionHeader: {\n label: 'Description Header (2XL) · 28px (1.75rem)',\n size: '2xl',\n tag: 'h3',\n weight: 700,\n },\n title: {\n label: 'Title (XL) • 22px (1.375rem)',\n size: 'xl',\n tag: 'h4',\n weight: 600,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n boldSubheader: {\n label: 'Bold Subheader (L) • 18px (1.125rem)',\n size: 'l',\n tag: 'h5',\n weight: 700,\n },\n semiBoldSubheader: {\n label: 'Semi Bold Subheader (L / H4) • 18px (1.125rem)',\n size: 'l',\n tag: 'h5',\n weight: 600,\n },\n subheader: {\n label: 'Subheader (L) • 18px (1.125rem)',\n size: 'l',\n tag: 'h5',\n weight: 500,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n boldLabel: {\n label: 'Bold Label (Base) • 14px (.875rem)',\n size: 'base',\n tag: 'span',\n weight: 700,\n },\n semiBoldLabel: {\n label: 'Semi Bold Label (Base) • 14px (.875rem)',\n size: 'base',\n tag: 'span',\n weight: 600,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n label: {\n label: 'Label (Base) • 14px (.875rem)',\n size: 'base',\n tag: 'span',\n weight: 500,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n body: {\n label: 'Body (Base) • 14px (.875rem)',\n size: 'base',\n tag: 'span',\n weight: 400,\n },\n smallHeader: {\n label: 'Small header (S) • 12px (.75rem)',\n size: 's',\n tag: 'span',\n weight: 600,\n },\n // eslint-disable-next-line sort-keys/sort-keys-fix\n caption: {\n label: 'Caption (S) • 12px (.75rem)',\n size: 's',\n tag: 'span',\n weight: 400,\n },\n hintText: {\n label: 'Hint text (XS) • 10px (.625rem)',\n size: 'xs',\n tag: 'span',\n weight: 400,\n },\n} as const;\n\ntype TextOptions = typeof textOptions;\nexport type Size = TextOptions[keyof TextOptions]['size'];\nexport type Type = keyof TextOptions;\nexport type FontWeight = TextOptions[keyof TextOptions]['weight'] | 800;\n","$color: var(--color);\n\n$sizes: (\n '3xl': $amino-font-size-3xl,\n '2xl': $amino-font-size-2xl,\n 'xl': $amino-font-size-xl,\n 'l': $amino-font-size-l,\n 'base': $amino-font-size-base,\n 's': $amino-font-size-s,\n 'xs': $amino-font-size-xs,\n);\n\n$weights: (\n '900': 900,\n '700': 700,\n '600': 600,\n '500': 500,\n '400': 400,\n);\n\n:host {\n color: var(--color);\n}\n\n@each $_size, $_value in $sizes {\n :host(.zonos--text-size-#{$_size}) {\n > *,\n & {\n font-size: $_value;\n }\n }\n}\n@each $_weight, $_value in $weights {\n :host(.zonos--text-weight-#{$_weight}) {\n > *,\n & {\n font-weight: $_value;\n }\n }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\nimport { classes } from 'src/components/utils/classes';\nimport type { Color } from 'src/types/styles/Color';\nimport {\n type FontWeight,\n type Size,\n type Type,\n textOptions,\n} from 'src/types/styles/Text';\n\n@Component({\n shadow: true,\n styleUrl: 'zonos-text.scss',\n tag: 'zonos-text',\n})\nexport class ZonosText {\n /**\n * css class for the component\n */\n @Prop() class: string = '';\n /**\n * The icon element to display\n */\n @Prop() color: Color = 'gray-1200';\n\n /**\n * The size of the text\n */\n @Prop() size?: Size;\n\n /**\n * Type of the text to display\n */\n @Prop() type: Type = 'body';\n\n /**\n * The weight of the text\n */\n @Prop() weight?: FontWeight;\n\n /**\n * The tag to use for the text\n */\n @Prop() content?: string;\n\n /**\n * Whether or not the component is ready\n */\n @State() ready: boolean = false;\n\n componentDidRender() {\n setTimeout(() => {\n this.ready = true;\n }, 100);\n }\n\n render() {\n const {\n size: defaultSize,\n tag: defaultTag,\n weight: defaultWeight,\n } = textOptions.body;\n const { size, tag, weight } = textOptions[this.type];\n\n const textSize = this.size || size || defaultSize;\n const textWeight = this.weight || weight || defaultWeight;\n const textTag = tag || defaultTag;\n\n const renderText = () => {\n switch (textTag) {\n case 'h2':\n return (\n <h2>\n <slot></slot>\n </h2>\n );\n case 'h3':\n return (\n <h3>\n <slot></slot>\n </h3>\n );\n case 'h4':\n return (\n <h4>\n <slot></slot>\n </h4>\n );\n case 'h5':\n return (\n <h5>\n <slot></slot>\n </h5>\n );\n case 'span':\n default:\n return (\n <span>\n <slot></slot>\n </span>\n );\n }\n };\n\n return (\n <Host\n class={classes([\n `zonos--text-size-${textSize}`,\n `zonos--text-weight-${textWeight}`,\n this.class,\n ])}\n style={{\n '--color': this.color ? `var(--amino-${this.color})` : '',\n }}\n >\n {renderText()}\n </Host>\n );\n }\n}\n"],"mappings":"0MAAO,IAAMA,EAAc,CACzBC,WAAY,CACVC,MAAO,sCACPC,KAAM,MACNC,IAAK,KACLC,OAAQ,KAEVC,oBAAqB,CACnBJ,MAAO,mDACPC,KAAM,MACNC,IAAK,KACLC,OAAQ,KAGVE,OAAQ,CACNL,MAAO,gCACPC,KAAM,MACNC,IAAK,KACLC,OAAQ,KAGVG,kBAAmB,CACjBN,MAAO,4CACPC,KAAM,MACNC,IAAK,KACLC,OAAQ,KAEVI,MAAO,CACLP,MAAO,+BACPC,KAAM,KACNC,IAAK,KACLC,OAAQ,KAGVK,cAAe,CACbR,MAAO,uCACPC,KAAM,IACNC,IAAK,KACLC,OAAQ,KAEVM,kBAAmB,CACjBT,MAAO,iDACPC,KAAM,IACNC,IAAK,KACLC,OAAQ,KAEVO,UAAW,CACTV,MAAO,kCACPC,KAAM,IACNC,IAAK,KACLC,OAAQ,KAGVQ,UAAW,CACTX,MAAO,qCACPC,KAAM,OACNC,IAAK,OACLC,OAAQ,KAEVS,cAAe,CACbZ,MAAO,0CACPC,KAAM,OACNC,IAAK,OACLC,OAAQ,KAGVH,MAAO,CACLA,MAAO,gCACPC,KAAM,OACNC,IAAK,OACLC,OAAQ,KAGVU,KAAM,CACJb,MAAO,+BACPC,KAAM,OACNC,IAAK,OACLC,OAAQ,KAEVW,YAAa,CACXd,MAAO,mCACPC,KAAM,IACNC,IAAK,OACLC,OAAQ,KAGVY,QAAS,CACPf,MAAO,8BACPC,KAAM,IACNC,IAAK,OACLC,OAAQ,KAEVa,SAAU,CACRhB,MAAO,kCACPC,KAAM,KACNC,IAAK,OACLC,OAAQ,MChGZ,IAAMc,EAAe,u0C,ICgBRC,EAASC,EAAA,wB,mCAII,G,WAID,Y,8BAUF,O,wDAeK,K,CAE1BC,EAAAC,UAAAC,mBAAA,eAAAC,EAAAC,KACEC,YAAW,WACTF,EAAKG,MAAQ,I,GACZ,I,EAGLN,EAAAC,UAAAM,OAAA,WACQ,IAAAC,EAIF9B,EAAYe,KAHRgB,EAAWD,EAAA3B,KACZ6B,EAAUF,EAAA1B,IACP6B,EAAaH,EAAAzB,OAEjB,IAAA6B,EAAwBlC,EAAY0B,KAAKS,MAAvChC,EAAI+B,EAAA/B,KAAEC,EAAG8B,EAAA9B,IAAEC,EAAM6B,EAAA7B,OAEzB,IAAM+B,EAAWV,KAAKvB,MAAQA,GAAQ4B,EACtC,IAAMM,EAAaX,KAAKrB,QAAUA,GAAU4B,EAC5C,IAAMK,EAAUlC,GAAO4B,EAEvB,IAAMO,EAAa,WACjB,OAAQD,GACN,IAAK,KACH,OACEE,EAAA,UACEA,EAAA,cAGN,IAAK,KACH,OACEA,EAAA,UACEA,EAAA,cAGN,IAAK,KACH,OACEA,EAAA,UACEA,EAAA,cAGN,IAAK,KACH,OACEA,EAAA,UACEA,EAAA,cAGN,IAAK,OACL,QACE,OACEA,EAAA,YACEA,EAAA,c,EAMV,OACEA,EAACC,EAAI,CACHC,MAAOC,EAAQ,CACb,oBAAAC,OAAoBR,GACpB,sBAAAQ,OAAsBP,GACtBX,KAAKgB,QAEPG,MAAO,CACL,UAAWnB,KAAKoB,MAAQ,eAAAF,OAAelB,KAAKoB,MAAK,KAAM,KAGxDP,I,WApGa,I"}