@zonos/elements 1.0.16

package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zonos-shipping.js","sourceRoot":"","sources":["../../../../../src/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  type EventEmitter,\n  Component,\n  Event,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\nimport {\n  cartStore,\n  cartStoreGetShippingTransitInfo,\n  cartStoreUpdateSelectedShippingOption,\n} from 'src/components/store/checkout/cart';\nimport { stripeStore } from 'src/components/store/checkout/stripe';\nimport { translate } from 'src/components/store/translationStore';\nimport { formatCurrency } from 'src/components/utils/formatCurrency';\nimport { submitGtag } from 'src/components/utils/submitGtag';\nimport type { ShippingRichRadioItem } from 'src/types';\n\n@Component({\n  /**\n   * Use `scope` here just because this component is `zonos-address` which is using stripe elements and stripe\n   * need to be able to inject iframe into this component from the DOM\n   */\n  scoped: true,\n  styleUrl: 'zonos-shipping.scss',\n  tag: 'zonos-shipping',\n})\nexport class ZonosShipping {\n  /**\n   * Whether or not the continue button is loading\n   */\n  @Prop() continueLoading: boolean = false;\n\n  /**\n   * Submit button main color\n   */\n  @Prop() submitBtnColor?: string;\n\n  /**\n   * Whether or not the checkout is in mobile mode\n   */\n  @Prop() submitBtnType?: HTMLZonosButtonElement['variant'];\n\n  /**\n   * Event to emit when the continue button is clicked\n   */\n  @Event() continueClicked!: EventEmitter<void>;\n\n  @State() selectedShippingMethod: ShippingRichRadioItem | null = null;\n\n  /**\n   * Whether or not the continue button is disabled\n   * @default true\n   */\n  @State() disabled: boolean = true;\n\n  @Watch('disabled')\n  watchFormComplete() {\n    if (!this.disabled) {\n      // submit google tag when the form is complete\n      submitGtag('zonos-checkout-shipping-info');\n    }\n  }\n\n  private handleRadioSelected = async (\n    e: CustomEvent<ShippingRichRadioItem>,\n  ) => {\n    this.selectedShippingMethod = e.detail;\n    if (!this.selectedShippingMethod) {\n      return;\n    }\n\n    const selectedShippingOption =\n      cartStore.shippingData?.find(\n        item => item.id === this.selectedShippingMethod?.value,\n      ) || null;\n    if (!selectedShippingOption) {\n      return;\n    }\n\n    // save selected shipping option to store\n    const updateStatus = await cartStoreUpdateSelectedShippingOption(\n      selectedShippingOption,\n    );\n    if (!updateStatus) {\n      return;\n    }\n\n    this.disabled = false;\n  };\n\n  /**\n   * handler for continue button click\n   */\n  private continueClickHandler = () => {\n    this.continueClicked.emit();\n  };\n\n  render() {\n    const shipToCountry =\n      stripeStore.stripeAddressEventData?.value.address.country;\n\n    const serviceLevels = cartStore.shippingData?.flatMap(\n      (item): ShippingRichRadioItem => {\n        const { expectedDate, maxTransit, minTransit } =\n          cartStoreGetShippingTransitInfo(item);\n        const sublabel = expectedDate\n          ? `${translate('Expected delivery')} ${expectedDate}`\n          : '';\n        const caption =\n          minTransit && maxTransit\n            ? `(${minTransit}-${maxTransit} ${translate('business days')})`\n            : '';\n        const shippingAmount =\n          cartStore.landedCostData?.find(\n            landedCostItem =>\n              landedCostItem.landedCost?.shipmentRating.id === item.id,\n          )?.subtotals.shipping || 0;\n        return {\n          caption,\n          label: item.displayName,\n          price: formatCurrency({\n            amount: shippingAmount,\n            currency: cartStore.currency,\n          }),\n          sublabel,\n          value: item.id,\n        };\n      },\n    );\n    return (\n      <Host class=\"zonos--shipping zonos--elements\">\n        <div class=\"zonos--group\">\n          <zonos-text class=\"zonos--title\" type=\"semiBoldSubheader\">\n            {translate('Shipping information')}\n          </zonos-text>\n          <zonos-text class=\"zonos--shipping-method-title\" type=\"semiBoldLabel\">\n            {translate('Shipping method')}\n          </zonos-text>\n          {!serviceLevels?.length ? (\n            <zonos-banner\n              bannerTitle=\"No shipping methods found - try editing your address or contacting support if the error persists\"\n              intent=\"error\"\n            ></zonos-banner>\n          ) : (\n            <zonos-shipping-rich-radio\n              items={serviceLevels || []}\n              onRadioSelected={e => this.handleRadioSelected(e)}\n            ></zonos-shipping-rich-radio>\n          )}\n\n          {cartStore.isSelectedShippingAboveDeminimis && (\n            <zonos-banner intent=\"warning\">\n              {translate('Above de minimis threshold for')} {shipToCountry}.{' '}\n              {translate(\n                'Duties and taxes will be applied to items and shipping.',\n              )}\n            </zonos-banner>\n          )}\n        </div>\n        <zonos-button\n          backgroundColor={this.submitBtnColor}\n          is-disabled={this.disabled}\n          loading={this.continueLoading}\n          onClick={() => this.continueClickHandler()}\n          size=\"lg\"\n          // use primary type when on mobile mode\n          variant={this.submitBtnType}\n        >\n          {translate('Go to payment')}\n        </zonos-button>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/common/countries.js

@@ -0,0 +1,267 @@
+// List of countries that are commented out from old zonos-hello repo.
+export const excludedCountries = [
+  'AF',
+  'AX',
+  'CD',
+  'CU',
+  'HM',
+  'IR',
+  'LY',
+  'PN',
+  'SH',
+  'PM',
+  'SX',
+  'SD',
+  'SJ',
+  'TK',
+  'UM',
+  'EH',
+];
+export const countries = [
+  'AD',
+  'AE',
+  'AF',
+  'AG',
+  'AI',
+  'AL',
+  'AM',
+  'AO',
+  'AR',
+  'AS',
+  'AT',
+  'AU',
+  'AW',
+  'AX',
+  'AZ',
+  'BA',
+  'BB',
+  'BD',
+  'BE',
+  'BF',
+  'BG',
+  'BH',
+  'BI',
+  'BJ',
+  'BL',
+  'BM',
+  'BN',
+  'BO',
+  'BQ',
+  'BR',
+  'BS',
+  'BT',
+  'BW',
+  'BY',
+  'BZ',
+  'CA',
+  'CD',
+  'CF',
+  'CG',
+  'CH',
+  'CI',
+  'CK',
+  'CL',
+  'CM',
+  'CN',
+  'CO',
+  'CR',
+  'CU',
+  'CV',
+  'CW',
+  'CY',
+  'CZ',
+  'DE',
+  'DJ',
+  'DK',
+  'DM',
+  'DO',
+  'DZ',
+  'Default',
+  'EC',
+  'EE',
+  'EG',
+  'EH',
+  'ER',
+  'ES',
+  'ET',
+  'FI',
+  'FJ',
+  'FK',
+  'FM',
+  'FO',
+  'FR',
+  'GA',
+  'GB',
+  'GD',
+  'GE',
+  'GF',
+  'GG',
+  'GH',
+  'GI',
+  'GL',
+  'GM',
+  'GN',
+  'GP',
+  'GQ',
+  'GR',
+  'GT',
+  'GU',
+  'GW',
+  'GY',
+  'HK',
+  'HM',
+  'HN',
+  'HR',
+  'HT',
+  'HU',
+  'IC',
+  'ID',
+  'IE',
+  'IL',
+  'IM',
+  'IN',
+  'IQ',
+  'IR',
+  'IS',
+  'IT',
+  'JE',
+  'JM',
+  'JO',
+  'JP',
+  'KE',
+  'KG',
+  'KH',
+  'KI',
+  'KM',
+  'KN',
+  'KP',
+  'KR',
+  'KW',
+  'KY',
+  'KZ',
+  'LA',
+  'LB',
+  'LC',
+  'LI',
+  'LK',
+  'LR',
+  'LS',
+  'LT',
+  'LU',
+  'LV',
+  'LY',
+  'MA',
+  'MC',
+  'MD',
+  'ME',
+  'MF',
+  'MG',
+  'MH',
+  'MK',
+  'ML',
+  'MM',
+  'MN',
+  'MO',
+  'MP',
+  'MQ',
+  'MR',
+  'MS',
+  'MT',
+  'MU',
+  'MV',
+  'MW',
+  'MX',
+  'MY',
+  'MZ',
+  'NA',
+  'NC',
+  'NE',
+  'NF',
+  'NG',
+  'NI',
+  'NL',
+  'NO',
+  'NP',
+  'NR',
+  'NU',
+  'NZ',
+  'OM',
+  'PA',
+  'PE',
+  'PF',
+  'PG',
+  'PH',
+  'PK',
+  'PL',
+  'PM',
+  'PN',
+  'PR',
+  'PS',
+  'PT',
+  'PW',
+  'PY',
+  'QA',
+  'RE',
+  'RO',
+  'RS',
+  'RU',
+  'RW',
+  'SA',
+  'SB',
+  'SC',
+  'SD',
+  'SE',
+  'SG',
+  'SH',
+  'SI',
+  'SJ',
+  'SK',
+  'SL',
+  'SM',
+  'SN',
+  'SO',
+  'SR',
+  'SS',
+  'ST',
+  'SV',
+  'SX',
+  'SY',
+  'SZ',
+  'TC',
+  'TD',
+  'TF',
+  'TG',
+  'TH',
+  'TJ',
+  'TK',
+  'TL',
+  'TM',
+  'TN',
+  'TO',
+  'TR',
+  'TT',
+  'TV',
+  'TW',
+  'TZ',
+  'UA',
+  'UG',
+  'UM',
+  'US',
+  'UY',
+  'UZ',
+  'VA',
+  'VC',
+  'VE',
+  'VG',
+  'VI',
+  'VN',
+  'VU',
+  'WF',
+  'WS',
+  'YE',
+  'YT',
+  'ZA',
+  'ZM',
+  'ZW',
+];
+//# sourceMappingURL=countries.js.map

package/dist/collection/components/common/countries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countries.js","sourceRoot":"","sources":["../../../src/components/common/countries.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,iBAAiB,GAAG;EAC/B,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACL,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;EACvB,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,SAAS;EACT,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACI,CAAC","sourcesContent":["// List of countries that are commented out from old zonos-hello repo.\nexport const excludedCountries = [\n  'AF',\n  'AX',\n  'CD',\n  'CU',\n  'HM',\n  'IR',\n  'LY',\n  'PN',\n  'SH',\n  'PM',\n  'SX',\n  'SD',\n  'SJ',\n  'TK',\n  'UM',\n  'EH',\n];\n\nexport const countries = [\n  'AD',\n  'AE',\n  'AF',\n  'AG',\n  'AI',\n  'AL',\n  'AM',\n  'AO',\n  'AR',\n  'AS',\n  'AT',\n  'AU',\n  'AW',\n  'AX',\n  'AZ',\n  'BA',\n  'BB',\n  'BD',\n  'BE',\n  'BF',\n  'BG',\n  'BH',\n  'BI',\n  'BJ',\n  'BL',\n  'BM',\n  'BN',\n  'BO',\n  'BQ',\n  'BR',\n  'BS',\n  'BT',\n  'BW',\n  'BY',\n  'BZ',\n  'CA',\n  'CD',\n  'CF',\n  'CG',\n  'CH',\n  'CI',\n  'CK',\n  'CL',\n  'CM',\n  'CN',\n  'CO',\n  'CR',\n  'CU',\n  'CV',\n  'CW',\n  'CY',\n  'CZ',\n  'DE',\n  'DJ',\n  'DK',\n  'DM',\n  'DO',\n  'DZ',\n  'Default',\n  'EC',\n  'EE',\n  'EG',\n  'EH',\n  'ER',\n  'ES',\n  'ET',\n  'FI',\n  'FJ',\n  'FK',\n  'FM',\n  'FO',\n  'FR',\n  'GA',\n  'GB',\n  'GD',\n  'GE',\n  'GF',\n  'GG',\n  'GH',\n  'GI',\n  'GL',\n  'GM',\n  'GN',\n  'GP',\n  'GQ',\n  'GR',\n  'GT',\n  'GU',\n  'GW',\n  'GY',\n  'HK',\n  'HM',\n  'HN',\n  'HR',\n  'HT',\n  'HU',\n  'IC',\n  'ID',\n  'IE',\n  'IL',\n  'IM',\n  'IN',\n  'IQ',\n  'IR',\n  'IS',\n  'IT',\n  'JE',\n  'JM',\n  'JO',\n  'JP',\n  'KE',\n  'KG',\n  'KH',\n  'KI',\n  'KM',\n  'KN',\n  'KP',\n  'KR',\n  'KW',\n  'KY',\n  'KZ',\n  'LA',\n  'LB',\n  'LC',\n  'LI',\n  'LK',\n  'LR',\n  'LS',\n  'LT',\n  'LU',\n  'LV',\n  'LY',\n  'MA',\n  'MC',\n  'MD',\n  'ME',\n  'MF',\n  'MG',\n  'MH',\n  'MK',\n  'ML',\n  'MM',\n  'MN',\n  'MO',\n  'MP',\n  'MQ',\n  'MR',\n  'MS',\n  'MT',\n  'MU',\n  'MV',\n  'MW',\n  'MX',\n  'MY',\n  'MZ',\n  'NA',\n  'NC',\n  'NE',\n  'NF',\n  'NG',\n  'NI',\n  'NL',\n  'NO',\n  'NP',\n  'NR',\n  'NU',\n  'NZ',\n  'OM',\n  'PA',\n  'PE',\n  'PF',\n  'PG',\n  'PH',\n  'PK',\n  'PL',\n  'PM',\n  'PN',\n  'PR',\n  'PS',\n  'PT',\n  'PW',\n  'PY',\n  'QA',\n  'RE',\n  'RO',\n  'RS',\n  'RU',\n  'RW',\n  'SA',\n  'SB',\n  'SC',\n  'SD',\n  'SE',\n  'SG',\n  'SH',\n  'SI',\n  'SJ',\n  'SK',\n  'SL',\n  'SM',\n  'SN',\n  'SO',\n  'SR',\n  'SS',\n  'ST',\n  'SV',\n  'SX',\n  'SY',\n  'SZ',\n  'TC',\n  'TD',\n  'TF',\n  'TG',\n  'TH',\n  'TJ',\n  'TK',\n  'TL',\n  'TM',\n  'TN',\n  'TO',\n  'TR',\n  'TT',\n  'TV',\n  'TW',\n  'TZ',\n  'UA',\n  'UG',\n  'UM',\n  'US',\n  'UY',\n  'UZ',\n  'VA',\n  'VC',\n  'VE',\n  'VG',\n  'VI',\n  'VN',\n  'VU',\n  'WF',\n  'WS',\n  'YE',\n  'YT',\n  'ZA',\n  'ZM',\n  'ZW',\n] as const;\n\nexport type Country = (typeof countries)[number];\n"]}

package/dist/collection/components/common/zonos-badge/zonos-badge.css

@@ -0,0 +1,108 @@
+: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;
+}
+
+/* All sets of variable are here */
+/* smooth font rendering */
+:host {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+:host {
+  display: inline-flex;
+}
+:host .zonos--badge-content {
+  display: flex;
+  gap: var(--amino-space-8);
+  font-size: var(--amino-font-size-s);
+  padding: 4px 8px;
+  text-align: center;
+  border-radius: var(--amino-radius-6);
+  background-color: var(--amino-gray-100);
+  color: var(--amino-gray-800);
+  align-items: center;
+}
+:host p {
+  font-weight: 600;
+  line-height: 16px;
+}
+:host .icon-right svg {
+  order: 2;
+}
+:host .small {
+  padding: 2px 8px;
+}
+:host .rounded {
+  border-radius: 20px;
+}
+:host .bold {
+  background-color: var(--amino-gray-600);
+  color: var(--amino-gray-100);
+}
+:host .blue {
+  background-color: var(--amino-blue-100);
+  color: var(--amino-blue-800);
+}
+:host .blue.bold {
+  background-color: var(--amino-blue-600);
+  color: var(--amino-blue-100);
+}
+:host .green {
+  background-color: var(--amino-green-100);
+  color: var(--amino-green-800);
+}
+:host .green.bold {
+  background-color: var(--amino-green-600);
+  color: var(--amino-green-100);
+}
+:host .red {
+  background-color: var(--amino-red-100);
+  color: var(--amino-red-800);
+}
+:host .red.bold {
+  background-color: var(--amino-red-600);
+  color: var(--amino-red-100);
+}
+:host .orange {
+  background-color: var(--amino-orange-100);
+  color: var(--amino-orange-800);
+}
+:host .orange.bold {
+  background-color: var(--amino-orange-600);
+  color: var(--amino-orange-100);
+}
+:host .purple {
+  background-color: var(--amino-purple-100);
+  color: var(--amino-purple-800);
+}
+:host .purple.bold {
+  background-color: var(--amino-purple-600);
+  color: var(--amino-purple-100);
+}
+:host .cyan {
+  background-color: var(--amino-cyan-100);
+  color: var(--amino-cyan-800);
+}
+:host .cyan.bold {
+  background-color: var(--amino-cyan-600);
+  color: var(--amino-cyan-100);
+}

package/dist/collection/components/common/zonos-badge/zonos-badge.js

@@ -0,0 +1,192 @@
+import { h, Host } from "@stencil/core";
+import { classes } from "../../utils/classes";
+export class ZonosBadge {
+  constructor() {
+    this.bold = false;
+    this.color = 'gray';
+    this.icon = undefined;
+    this.iconRight = false;
+    this.size = 'default';
+    this.rounded = false;
+    this.class = '';
+  }
+  render() {
+    return (h(Host, { class: classes(['zonos--elements zonos--badge', this.class]) }, h("div", { class: classes([
+        'zonos--badge-content',
+        this.color,
+        this.rounded && 'rounded',
+        this.iconRight && 'icon-right',
+        this.size,
+        this.bold && 'bold',
+      ]) }, this.icon, h("p", null, h("slot", null)))));
+  }
+  static get is() { return "zonos-badge"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["zonos-badge.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["zonos-badge.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "bold": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "Whether or not the badge is bold"
+        },
+        "attribute": "bold",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ColorPrefix",
+          "resolved": "\"blue\" | \"cyan\" | \"glass\" | \"gray\" | \"green\" | \"orange\" | \"purple\" | \"red\"",
+          "references": {
+            "ColorPrefix": {
+              "location": "import",
+              "path": "src/types/styles/Color",
+              "id": "src/types/styles/Color.ts::ColorPrefix"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "24"
+            }],
+          "text": "The size of the badge"
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "'gray'"
+      },
+      "icon": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "HTMLZonosIconElement",
+          "resolved": "HTMLZonosIconElement | undefined",
+          "references": {
+            "HTMLZonosIconElement": {
+              "location": "global",
+              "id": "global::HTMLZonosIconElement"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "null"
+            }],
+          "text": "The icon element to display"
+        }
+      },
+      "iconRight": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "Position the icon to the right when icon is specified"
+        },
+        "attribute": "icon-right",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'small' | 'default'",
+          "resolved": "\"default\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "'default'"
+            }],
+          "text": "The size of the badge"
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'default'"
+      },
+      "rounded": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "Whether or not the badge is rounded"
+        },
+        "attribute": "rounded",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "class": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "css class for the component"
+        },
+        "attribute": "class",
+        "reflect": false,
+        "defaultValue": "''"
+      }
+    };
+  }
+}
+//# sourceMappingURL=zonos-badge.js.map

package/dist/collection/components/common/zonos-badge/zonos-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zonos-badge.js","sourceRoot":"","sources":["../../../../src/components/common/zonos-badge/zonos-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAQvD,MAAM,OAAO,UAAU;;gBAKG,KAAK;iBAMA,MAAM;;qBAYN,KAAK;gBAME,SAAS;mBAMlB,KAAK;iBAKR,EAAE;;EAE1B,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,CAAC,8BAA8B,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;MAChE,WACE,KAAK,EAAE,OAAO,CAAC;UACb,sBAAsB;UACtB,IAAI,CAAC,KAAK;UACV,IAAI,CAAC,OAAO,IAAI,SAAS;UACzB,IAAI,CAAC,SAAS,IAAI,YAAY;UAC9B,IAAI,CAAC,IAAI;UACT,IAAI,CAAC,IAAI,IAAI,MAAM;SACpB,CAAC;QAED,IAAI,CAAC,IAAI;QACV;UACE,eAAQ,CACN,CACA,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\nimport { classes } from 'src/components/utils/classes';\nimport type { ColorPrefix } from 'src/types/styles/Color';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-badge.scss',\n  tag: 'zonos-badge',\n})\nexport class ZonosBadge {\n  /**\n   * Whether or not the badge is bold\n   * @default false\n   */\n  @Prop() bold: boolean = false;\n\n  /**\n   * The size of the badge\n   * @default 24\n   */\n  @Prop() color: ColorPrefix = 'gray';\n\n  /**\n   * The icon element to display\n   * @default null\n   */\n  @Prop() icon?: HTMLZonosIconElement;\n\n  /**\n   * Position the icon to the right when icon is specified\n   * @default false\n   */\n  @Prop() iconRight: boolean = false;\n\n  /**\n   * The size of the badge\n   * @default 'default'\n   */\n  @Prop() size: 'small' | 'default' = 'default';\n\n  /**\n   * Whether or not the badge is rounded\n   * @default false\n   */\n  @Prop() rounded: boolean = false;\n\n  /**\n   * css class for the component\n   */\n  @Prop() class: string = '';\n\n  render() {\n    return (\n      <Host class={classes(['zonos--elements zonos--badge', this.class])}>\n        <div\n          class={classes([\n            'zonos--badge-content',\n            this.color,\n            this.rounded && 'rounded',\n            this.iconRight && 'icon-right',\n            this.size,\n            this.bold && 'bold',\n          ])}\n        >\n          {this.icon}\n          <p>\n            <slot />\n          </p>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/common/zonos-banner/zonos-banner.css

@@ -0,0 +1,68 @@
+: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;
+}
+
+/* All sets of variable are here */
+/* smooth font rendering */
+:host {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+:host {
+  border-radius: var(--amino-radius-10);
+  padding: var(--amino-space-16);
+  background: var(--amino-gray-100);
+}
+:host .zonos--container {
+  display: grid;
+  align-items: center;
+  grid-template-areas: "icon header" ". content";
+  grid-template-columns: 32px auto 0;
+}
+:host .zonos--icon-wrapper {
+  grid-area: icon;
+  display: flex;
+  justify-self: start;
+}
+:host .zonos--header-wrapper {
+  grid-area: header;
+}
+:host .zonos--content-wrapper {
+  grid-area: content;
+  margin-top: 8px;
+}
+
+:host(.info) {
+  background-color: var(--amino-blue-100);
+}
+
+:host(.success) {
+  background-color: var(--amino-green-100);
+}
+
+:host(.error) {
+  background-color: var(--amino-red-100);
+}
+
+:host(.warning) {
+  background-color: var(--amino-orange-100);
+}