@peculiar/certificates-viewer 4.2.0 → 4.2.1

package/dist/cjs/button-87086210.js

@@ -0,0 +1,77 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+'use strict';
+
+const index = require('./index-e2ae280a.js');
+
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+const variantMapping = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    h5: 'h5',
+    s1: 'h6',
+    s2: 'h6',
+    b1: 'p',
+    b2: 'p',
+    b3: 'p',
+    btn1: 'span',
+    btn2: 'span',
+    c1: 'p',
+    c2: 'p',
+};
+const Typography = (props, children) => {
+    const { component: componentProp, variant = 'b2', color = 'black', class: classProp } = props, other = __rest(props, ["component", "variant", "color", "class"]);
+    const Component = componentProp || variantMapping[variant] || 'p';
+    return (index.h(Component, Object.assign({}, other, { class: {
+            typography: true,
+            [`t-${variant}`]: true,
+            [`c-${color}`]: true,
+            [classProp]: Boolean(classProp),
+        } }), children));
+};
+
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const Button = (props, children) => {
+    const { href, class: classProp, startIcon, onClick, } = props;
+    const isLink = !!href;
+    const TagType = isLink ? 'a' : 'button';
+    return (index.h(TagType, { type: !isLink && 'button', href: isLink && href, target: isLink && '_blank', rel: isLink && 'noreferrer noopener', onClick: onClick, class: {
+            button: true,
+            // eslint-disable-next-line react/destructuring-assignment
+            m_no_padding: children.length === 0,
+            [classProp]: Boolean(classProp),
+        } },
+        startIcon,
+        children.length > 0 && (index.h(Typography, { variant: "b3", color: "black", component: "span" }, children))));
+};
+
+exports.Button = Button;
+exports.Typography = Typography;
+
+//# sourceMappingURL=button-87086210.js.map

package/dist/cjs/{button-14e2b73f.js.map → button-87086210.js.map}

@@ -1 +1 @@
-{"file":"button-14e2b73f.js","mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAc,GAAmF;EACrG,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,GAAG;EACP,EAAE,EAAE,GAAG;EACP,EAAE,EAAE,GAAG;EACP,IAAI,EAAE,MAAM;EACZ,IAAI,EAAE,MAAM;EACZ,EAAE,EAAE,GAAG;EACP,EAAE,EAAE,GAAG;CACR,CAAC;MAEW,UAAU,GAAyC,CAAC,KAAK,EAAE,QAAQ;EAC9E,MAAM,EACJ,SAAS,EAAE,aAAa,EACxB,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,OAAO,EACf,KAAK,EAAE,SAAS,KAEd,KAAK,EADJ,KAAK,UACN,KAAK,EANH,0CAML,CAAQ,CAAC;EAEV,MAAM,SAAS,GAAG,aAAa,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;EAElE,QACEA,QAAC,SAAS,oBACJ,KAAK,IACT,KAAK,EAAE;MACL,UAAU,EAAE,IAAI;MAChB,CAAC,KAAK,OAAO,EAAE,GAAG,IAAI;MACtB,CAAC,KAAK,KAAK,EAAE,GAAG,IAAI;MACpB,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;KAChC,KAEA,QAAQ,CACC,EACZ;AACJ;;AC3DA;;;;;;;MAkBa,MAAM,GAAqC,CAAC,KAAK,EAAE,QAAQ;EACtE,MAAM,EACJ,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,OAAO,GACR,GAAG,KAAK,CAAC;EAEV,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC;EACtB,MAAM,OAAO,GAAG,MAAM,GAAG,GAAG,GAAG,QAAQ,CAAC;EAExC,QACEA,QAAC,OAAO,IACN,IAAI,EAAE,CAAC,MAAM,IAAI,QAAQ,EACzB,IAAI,EAAE,MAAM,IAAI,IAAI,EACpB,MAAM,EAAE,MAAM,IAAI,QAAQ,EAC1B,GAAG,EAAE,MAAM,IAAI,qBAAqB,EACpC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;MACL,MAAM,EAAE,IAAI;;MAEZ,YAAY,EAAE,QAAQ,CAAC,MAAM,KAAK,CAAC;MACnC,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;KAChC;IAEA,SAAS;IAET,QAAQ,CAAC,MAAM,GAAG,CAAC,KAClBA,QAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,MAAM,IAEf,QAAQ,CACE,CACd,CACO,EACV;AACJ;;;;;","names":["h"],"sources":["src/components/typography/typography.tsx","src/components/button/button.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { TypographyType, ColorType } from '../../interface';\n\ninterface TypographyProps {\n  component?: keyof JSX.IntrinsicElements;\n  variant?: TypographyType;\n  color?: ColorType;\n  class?: string;\n}\n\nconst variantMapping: Record<TypographyType, 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  s1: 'h6',\n  s2: 'h6',\n  b1: 'p',\n  b2: 'p',\n  b3: 'p',\n  btn1: 'span',\n  btn2: 'span',\n  c1: 'p',\n  c2: 'p',\n};\n\nexport const Typography: FunctionalComponent<TypographyProps> = (props, children) => {\n  const {\n    component: componentProp,\n    variant = 'b2',\n    color = 'black',\n    class: classProp,\n    ...other\n  } = props;\n\n  const Component = componentProp || variantMapping[variant] || 'p';\n\n  return (\n    <Component\n      {...other}\n      class={{\n        typography: true,\n        [`t-${variant}`]: true,\n        [`c-${color}`]: true,\n        [classProp]: Boolean(classProp),\n      }}\n    >\n      {children}\n    </Component>\n  );\n};\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { Typography } from '../typography';\n\nexport interface ButtonProps {\n  href?: string;\n  class?: string;\n  startIcon?: VNode;\n  onClick?: (event: MouseEvent) => void;\n}\n\nexport const Button: FunctionalComponent<ButtonProps> = (props, children) => {\n  const {\n    href,\n    class: classProp,\n    startIcon,\n    onClick,\n  } = props;\n\n  const isLink = !!href;\n  const TagType = isLink ? 'a' : 'button';\n\n  return (\n    <TagType\n      type={!isLink && 'button'}\n      href={isLink && href}\n      target={isLink && '_blank'}\n      rel={isLink && 'noreferrer noopener'}\n      onClick={onClick}\n      class={{\n        button: true,\n        // eslint-disable-next-line react/destructuring-assignment\n        m_no_padding: children.length === 0,\n        [classProp]: Boolean(classProp),\n      }}\n    >\n      {startIcon}\n      {/* eslint-disable-next-line react/destructuring-assignment */}\n      {children.length > 0 && (\n        <Typography\n          variant=\"b3\"\n          color=\"black\"\n          component=\"span\"\n        >\n          {children}\n        </Typography>\n      )}\n    </TagType>\n  );\n};\n"],"version":3}
+{"file":"button-87086210.js","mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAc,GAAmF;IACrG,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR,CAAC;MAEW,UAAU,GAAyC,CAAC,KAAK,EAAE,QAAQ;IAC9E,MAAM,EACJ,SAAS,EAAE,aAAa,EACxB,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,OAAO,EACf,KAAK,EAAE,SAAS,KAEd,KAAK,EADJ,KAAK,UACN,KAAK,EANH,0CAML,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,aAAa,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;IAElE,QACEA,QAAC,SAAS,oBACJ,KAAK,IACT,KAAK,EAAE;YACL,UAAU,EAAE,IAAI;YAChB,CAAC,KAAK,OAAO,EAAE,GAAG,IAAI;YACtB,CAAC,KAAK,KAAK,EAAE,GAAG,IAAI;YACpB,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;SAChC,KAEA,QAAQ,CACC,EACZ;AACJ;;AC3DA;;;;;;;MAkBa,MAAM,GAAqC,CAAC,KAAK,EAAE,QAAQ;IACtE,MAAM,EACJ,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC;IACtB,MAAM,OAAO,GAAG,MAAM,GAAG,GAAG,GAAG,QAAQ,CAAC;IAExC,QACEA,QAAC,OAAO,IACN,IAAI,EAAE,CAAC,MAAM,IAAI,QAAQ,EACzB,IAAI,EAAE,MAAM,IAAI,IAAI,EACpB,MAAM,EAAE,MAAM,IAAI,QAAQ,EAC1B,GAAG,EAAE,MAAM,IAAI,qBAAqB,EACpC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;;YAEZ,YAAY,EAAE,QAAQ,CAAC,MAAM,KAAK,CAAC;YACnC,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;SAChC;QAEA,SAAS;QAET,QAAQ,CAAC,MAAM,GAAG,CAAC,KAClBA,QAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,MAAM,IAEf,QAAQ,CACE,CACd,CACO,EACV;AACJ;;;;;","names":["h"],"sources":["src/components/typography/typography.tsx","src/components/button/button.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { TypographyType, ColorType } from '../../interface';\n\ninterface TypographyProps {\n  component?: keyof JSX.IntrinsicElements;\n  variant?: TypographyType;\n  color?: ColorType;\n  class?: string;\n}\n\nconst variantMapping: Record<TypographyType, 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  s1: 'h6',\n  s2: 'h6',\n  b1: 'p',\n  b2: 'p',\n  b3: 'p',\n  btn1: 'span',\n  btn2: 'span',\n  c1: 'p',\n  c2: 'p',\n};\n\nexport const Typography: FunctionalComponent<TypographyProps> = (props, children) => {\n  const {\n    component: componentProp,\n    variant = 'b2',\n    color = 'black',\n    class: classProp,\n    ...other\n  } = props;\n\n  const Component = componentProp || variantMapping[variant] || 'p';\n\n  return (\n    <Component\n      {...other}\n      class={{\n        typography: true,\n        [`t-${variant}`]: true,\n        [`c-${color}`]: true,\n        [classProp]: Boolean(classProp),\n      }}\n    >\n      {children}\n    </Component>\n  );\n};\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { Typography } from '../typography';\n\nexport interface ButtonProps {\n  href?: string;\n  class?: string;\n  startIcon?: VNode;\n  onClick?: (event: MouseEvent) => void;\n}\n\nexport const Button: FunctionalComponent<ButtonProps> = (props, children) => {\n  const {\n    href,\n    class: classProp,\n    startIcon,\n    onClick,\n  } = props;\n\n  const isLink = !!href;\n  const TagType = isLink ? 'a' : 'button';\n\n  return (\n    <TagType\n      type={!isLink && 'button'}\n      href={isLink && href}\n      target={isLink && '_blank'}\n      rel={isLink && 'noreferrer noopener'}\n      onClick={onClick}\n      class={{\n        button: true,\n        // eslint-disable-next-line react/destructuring-assignment\n        m_no_padding: children.length === 0,\n        [classProp]: Boolean(classProp),\n      }}\n    >\n      {startIcon}\n      {/* eslint-disable-next-line react/destructuring-assignment */}\n      {children.length > 0 && (\n        <Typography\n          variant=\"b3\"\n          color=\"black\"\n          component=\"span\"\n        >\n          {children}\n        </Typography>\n      )}\n    </TagType>\n  );\n};\n"],"version":3}