@coinbase/cds-web 0.0.0 → 8.13.2

package/esm/icons/SubBrandLogoMark.js

@@ -0,0 +1,49 @@
+import React, { memo } from 'react';
+import { useSubBrandLogoMark } from '@coinbase/cds-common/hooks/useSubBrandLogo';
+import { useTheme } from '../hooks/useTheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const iconCss = "iconCss-i1q3gb5z";
+const transitionCss = "transitionCss-t164v6ap";
+export const SubBrandLogoMark = /*#__PURE__*/memo(_ref => {
+  let {
+    type,
+    foreground
+  } = _ref;
+  const {
+    activeColorScheme
+  } = useTheme();
+  const {
+    logoColor,
+    typeColor,
+    viewBox,
+    logoPath,
+    typePath
+  } = useSubBrandLogoMark({
+    type,
+    foreground,
+    colorScheme: activeColorScheme
+  });
+  const title = "Coinbase ".concat(type, " logo");
+  return /*#__PURE__*/_jsxs("svg", {
+    "aria-label": title,
+    className: iconCss,
+    role: "img",
+    viewBox: viewBox,
+    width: "100%",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("title", {
+      children: title
+    }), /*#__PURE__*/_jsxs("g", {
+      children: [/*#__PURE__*/_jsx("path", {
+        className: transitionCss,
+        d: logoPath,
+        fill: logoColor
+      }), /*#__PURE__*/_jsx("path", {
+        className: transitionCss,
+        d: typePath,
+        fill: typeColor
+      })]
+    })]
+  });
+});
+import "./SubBrandLogoMark.css";

package/esm/icons/SubBrandLogoWordmark.css

@@ -0,0 +1,2 @@
+@layer cds{.iconCss-i12648lj{color:currentColor;font-family:'CoinbaseIcons';font-weight:400;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:block;-webkit-text-decoration:none;text-decoration:none;}
+.transitionCss-t18olg08{-webkit-transition:fill 150ms ease-in-out;transition:fill 150ms ease-in-out;}}

package/esm/icons/SubBrandLogoWordmark.js

@@ -0,0 +1,52 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { memo } from 'react';
+import { useSubBrandLogoWordmark } from '@coinbase/cds-common/hooks/useSubBrandLogo';
+import { useTheme } from '../hooks/useTheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const iconCss = "iconCss-i12648lj";
+const transitionCss = "transitionCss-t18olg08";
+export const SubBrandLogoWordmark = /*#__PURE__*/memo(props => {
+  const {
+    activeColorScheme
+  } = useTheme();
+  const {
+    logoColor,
+    typeColor,
+    viewBox,
+    logoPath,
+    typePath
+  } = useSubBrandLogoWordmark(_objectSpread(_objectSpread({}, props), {}, {
+    colorScheme: activeColorScheme
+  }));
+  const {
+    type
+  } = props;
+  const title = "Coinbase ".concat(type, " logo");
+  return /*#__PURE__*/_jsxs("svg", {
+    "aria-labelledby": "sub-brand-logo-wordmark-title",
+    className: iconCss,
+    role: "img",
+    viewBox: viewBox,
+    width: "100%",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("title", {
+      id: "sub-brand-logo-wordmark-title",
+      children: title
+    }), /*#__PURE__*/_jsxs("g", {
+      children: [/*#__PURE__*/_jsx("path", {
+        className: transitionCss,
+        d: logoPath,
+        fill: logoColor
+      }), /*#__PURE__*/_jsx("path", {
+        className: transitionCss,
+        d: typePath,
+        fill: typeColor
+      })]
+    })]
+  });
+});
+import "./SubBrandLogoWordmark.css";