glints-aries 4.1.49 → 4.1.50

package/es/General/Brand/Brand.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BrandContainer } from './BrandStyle';
-declare const Brand: ({ alt, asset, className, rightClickURL, onContextMenu, ...defaultProps }: Props) => JSX.Element;
+declare const Brand: ({ alt, asset, className, rightClickURL, onContextMenu, variant, ...defaultProps }: Props) => JSX.Element;
 export declare type Props = React.ComponentPropsWithoutRef<typeof BrandContainer> & {
     /** There are 3 available values for asset props. The first and second one are Glints logo, but you can also custom the logo by parsing url or path of the logo. */
     asset: string;
@@ -11,5 +11,7 @@ export declare type Props = React.ComponentPropsWithoutRef<typeof BrandContainer
     rightClickURL?: string;
     /** Executes when the user right-clicks on the component */
     onContextMenu?(): void;
+    /** Display mode of the brand image */
+    variant?: 'square' | 'horizontal';
 };
 export default Brand;

package/es/General/Brand/Brand.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["alt", "asset", "className", "rightClickURL", "onContextMenu"];
+var _excluded = ["alt", "asset", "className", "rightClickURL", "onContextMenu", "variant"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { BrandContainer, BrandImage } from './BrandStyle';
@@ -24,6 +24,8 @@ var Brand = function Brand(_ref) {
     className = _ref.className,
     rightClickURL = _ref.rightClickURL,
     onContextMenu = _ref.onContextMenu,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'horizontal' : _ref$variant,
     defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var handleRightClick = function handleRightClick(e) {
     if (rightClickURL) {
@@ -71,7 +73,8 @@ var Brand = function Brand(_ref) {
     className: "brand-image",
     src: srcAsset,
     alt: alt,
-    tabIndex: -1
+    tabIndex: -1,
+    $variant: variant
   }));
 };
 export default Brand;

package/es/General/Brand/BrandStyle.d.ts

@@ -1,2 +1,4 @@
 export declare const BrandContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BrandImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const BrandImage: import("styled-components").StyledComponent<"img", any, {
+    $variant?: 'square' | 'horizontal';
+}, never>;

package/es/General/Brand/BrandStyle.js

@@ -6,4 +6,7 @@ export var BrandContainer = styled.div.withConfig({
 export var BrandImage = styled.img.withConfig({
   displayName: "BrandStyle__BrandImage",
   componentId: "sc-xckggx-1"
-})(["object-fit:contain;width:3em;height:3em;outline:none;"]);
+})(["object-fit:contain;width:", ";height:3em;outline:none;"], function (_ref) {
+  var $variant = _ref.$variant;
+  return $variant === 'square' ? '3em' : '5em';
+});

package/lib/General/Brand/Brand.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BrandContainer } from './BrandStyle';
-declare const Brand: ({ alt, asset, className, rightClickURL, onContextMenu, ...defaultProps }: Props) => JSX.Element;
+declare const Brand: ({ alt, asset, className, rightClickURL, onContextMenu, variant, ...defaultProps }: Props) => JSX.Element;
 export declare type Props = React.ComponentPropsWithoutRef<typeof BrandContainer> & {
     /** There are 3 available values for asset props. The first and second one are Glints logo, but you can also custom the logo by parsing url or path of the logo. */
     asset: string;
@@ -11,5 +11,7 @@ export declare type Props = React.ComponentPropsWithoutRef<typeof BrandContainer
     rightClickURL?: string;
     /** Executes when the user right-clicks on the component */
     onContextMenu?(): void;
+    /** Display mode of the brand image */
+    variant?: 'square' | 'horizontal';
 };
 export default Brand;

package/lib/General/Brand/Brand.js

@@ -20,7 +20,7 @@ var _glintsTaplokerLogoBlack = _interopRequireDefault(require("../../../assets/i
 var _glintsTaplokerLogoWhite = _interopRequireDefault(require("../../../assets/image/glints-taploker-logo-white.svg"));
 var _glintsTapjobsLogoBlack = _interopRequireDefault(require("../../../assets/image/glints-tapjobs-logo-black.svg"));
 var _glintsTapjobsLogoWhite = _interopRequireDefault(require("../../../assets/image/glints-tapjobs-logo-white.svg"));
-var _excluded = ["alt", "asset", "className", "rightClickURL", "onContextMenu"];
+var _excluded = ["alt", "asset", "className", "rightClickURL", "onContextMenu", "variant"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var Brand = function Brand(_ref) {
@@ -29,6 +29,8 @@ var Brand = function Brand(_ref) {
     className = _ref.className,
     rightClickURL = _ref.rightClickURL,
     onContextMenu = _ref.onContextMenu,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'horizontal' : _ref$variant,
     defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var handleRightClick = function handleRightClick(e) {
     if (rightClickURL) {
@@ -76,7 +78,8 @@ var Brand = function Brand(_ref) {
     className: "brand-image",
     src: srcAsset,
     alt: alt,
-    tabIndex: -1
+    tabIndex: -1,
+    $variant: variant
   }));
 };
 var _default = Brand;

package/lib/General/Brand/BrandStyle.d.ts

@@ -1,2 +1,4 @@
 export declare const BrandContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BrandImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const BrandImage: import("styled-components").StyledComponent<"img", any, {
+    $variant?: 'square' | 'horizontal';
+}, never>;

package/lib/General/Brand/BrandStyle.js

@@ -12,5 +12,8 @@ exports.BrandContainer = BrandContainer;
 var BrandImage = _styledComponents["default"].img.withConfig({
   displayName: "BrandStyle__BrandImage",
   componentId: "sc-xckggx-1"
-})(["object-fit:contain;width:3em;height:3em;outline:none;"]);
+})(["object-fit:contain;width:", ";height:3em;outline:none;"], function (_ref) {
+  var $variant = _ref.$variant;
+  return $variant === 'square' ? '3em' : '5em';
+});
 exports.BrandImage = BrandImage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.1.49",
+  "version": "4.1.50",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",