Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@kaizen/brand-moment

Package Overview
Dependencies
Maintainers
10
Versions
341
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@kaizen/brand-moment - npm Package Compare versions

Comparing version 1.12.29 to 1.12.30-canary.7

src/BrandMoment.module.scss

22

package.json
{
"name": "@kaizen/brand-moment",
"version": "1.12.29",
"version": "1.12.30-canary.7+417a579d2",
"description": "The brand moment component",

@@ -33,9 +33,9 @@ "scripts": {

"dependencies": {
"@kaizen/button": "^2.0.4",
"@kaizen/component-base": "^1.1.1",
"@kaizen/component-library": "^16.1.6",
"@kaizen/draft-illustration": "^5.3.6",
"@kaizen/hosted-assets": "^2.0.0",
"@kaizen/responsive": "^1.8.2",
"@kaizen/typography": "^2.3.3",
"@kaizen/button": "^2.0.5-canary.7+417a579d2",
"@kaizen/component-base": "^1.1.3",
"@kaizen/component-library": "^16.1.7-canary.7+417a579d2",
"@kaizen/draft-illustration": "^5.3.7-canary.7+417a579d2",
"@kaizen/hosted-assets": "^2.0.1",
"@kaizen/responsive": "^1.8.5",
"@kaizen/typography": "^2.3.6",
"@types/classnames": "^2.3.1",

@@ -45,4 +45,4 @@ "classnames": "^2.3.2"

"devDependencies": {
"@kaizen/draft-select": "^2.7.3",
"rimraf": "^3.0.2"
"@kaizen/draft-select": "^2.7.4-canary.7+417a579d2",
"rimraf": "^4.1.2"
},

@@ -53,3 +53,3 @@ "peerDependencies": {

},
"gitHead": "1c5602fa090e8c04ac264a60e9479ba2b225d2c3"
"gitHead": "417a579d24ee8d4b7bfb8faabb59d3ef40f6cbfa"
}

@@ -1,4 +0,4 @@

import React, { ReactNode, ReactElement, HTMLAttributes } from "react";
import { ReactNode, ReactElement, HTMLAttributes } from "react";
import { ButtonProps } from "@kaizen/button";
import { OverrideClassName } from "@kaizen/component-base";
import { ButtonProps } from "@kaizen/button";
import { SceneProps } from "@kaizen/draft-illustration";

@@ -19,2 +19,5 @@ export interface BrandMomentProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {

}
export declare const BrandMoment: React.VFC<BrandMomentProps>;
export declare const BrandMoment: {
({ mood, illustration, header, body, primaryAction, secondaryAction, text, classNameOverride, ...restProps }: BrandMomentProps): JSX.Element;
displayName: string;
};

@@ -30,21 +30,21 @@ "use strict";

var react_1 = __importDefault(require("react"));
var classnames_1 = __importDefault(require("classnames"));
var button_1 = require("@kaizen/button");
var component_library_1 = require("@kaizen/component-library");
var hosted_assets_1 = require("@kaizen/hosted-assets");
var responsive_1 = require("@kaizen/responsive");
var typography_1 = require("@kaizen/typography");
var button_1 = require("@kaizen/button");
var responsive_1 = require("@kaizen/responsive");
var hosted_assets_1 = require("@kaizen/hosted-assets");
var classnames_1 = __importDefault(require("classnames"));
var BrandMoment_scss_1 = __importDefault(require("./BrandMoment.scss"));
var BrandMoment_module_scss_1 = __importDefault(require("./BrandMoment.module.scss"));
var BrandMoment = function (_a) {
var mood = _a.mood, illustration = _a.illustration, header = _a.header, body = _a.body, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, text = _a.text, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["mood", "illustration", "header", "body", "primaryAction", "secondaryAction", "text", "classNameOverride"]);
var queries = (0, responsive_1.useMediaQueries)().queries;
return (react_1["default"].createElement("div", __assign({ className: (0, classnames_1["default"])(BrandMoment_scss_1["default"].body, BrandMoment_scss_1["default"][mood], classNameOverride) }, restProps),
react_1["default"].createElement("header", { className: BrandMoment_scss_1["default"].header }, header),
react_1["default"].createElement("main", { className: BrandMoment_scss_1["default"].main },
react_1["default"].createElement("div", { className: BrandMoment_scss_1["default"].container },
react_1["default"].createElement("div", { className: BrandMoment_scss_1["default"].mainInner },
react_1["default"].createElement("div", { className: BrandMoment_scss_1["default"].left },
react_1["default"].createElement("div", { className: BrandMoment_scss_1["default"].leftInner }, illustration)),
react_1["default"].createElement("div", { className: BrandMoment_scss_1["default"].right },
react_1["default"].createElement("div", { className: BrandMoment_scss_1["default"].rightInner },
return (react_1["default"].createElement("div", __assign({ className: (0, classnames_1["default"])(BrandMoment_module_scss_1["default"].body, BrandMoment_module_scss_1["default"][mood], classNameOverride) }, restProps),
react_1["default"].createElement("header", { className: BrandMoment_module_scss_1["default"].header }, header),
react_1["default"].createElement("main", { className: BrandMoment_module_scss_1["default"].main },
react_1["default"].createElement("div", { className: BrandMoment_module_scss_1["default"].container },
react_1["default"].createElement("div", { className: BrandMoment_module_scss_1["default"].mainInner },
react_1["default"].createElement("div", { className: BrandMoment_module_scss_1["default"].left },
react_1["default"].createElement("div", { className: BrandMoment_module_scss_1["default"].leftInner }, illustration)),
react_1["default"].createElement("div", { className: BrandMoment_module_scss_1["default"].right },
react_1["default"].createElement("div", { className: BrandMoment_module_scss_1["default"].rightInner },
text.subtitle && (react_1["default"].createElement(component_library_1.Box, { mb: 0.5 },

@@ -57,17 +57,18 @@ react_1["default"].createElement(typography_1.Heading, { variant: "heading-3", tag: "h1" }, text.subtitle))),

body && react_1["default"].createElement(component_library_1.Box, { mb: 1.5 }, body),
react_1["default"].createElement("div", { className: BrandMoment_scss_1["default"].actions },
react_1["default"].createElement("div", { className: BrandMoment_module_scss_1["default"].actions },
primaryAction && (react_1["default"].createElement(button_1.Button, __assign({ primary: true, fullWidth: queries.isSmall }, primaryAction))),
secondaryAction && (react_1["default"].createElement("div", { className: BrandMoment_scss_1["default"].secondaryAction },
secondaryAction && (react_1["default"].createElement("div", { className: BrandMoment_module_scss_1["default"].secondaryAction },
react_1["default"].createElement(button_1.Button, __assign({ secondary: true, fullWidth: queries.isSmall }, secondaryAction)))))))))),
text.footer && (react_1["default"].createElement("footer", { className: BrandMoment_scss_1["default"].footer },
react_1["default"].createElement("div", { className: BrandMoment_scss_1["default"].container },
react_1["default"].createElement("div", { className: BrandMoment_scss_1["default"].footerInner },
react_1["default"].createElement("div", { className: BrandMoment_scss_1["default"].poweredByContainer },
text.footer && (react_1["default"].createElement("footer", { className: BrandMoment_module_scss_1["default"].footer },
react_1["default"].createElement("div", { className: BrandMoment_module_scss_1["default"].container },
react_1["default"].createElement("div", { className: BrandMoment_module_scss_1["default"].footerInner },
react_1["default"].createElement("div", { className: BrandMoment_module_scss_1["default"].poweredByContainer },
react_1["default"].createElement(typography_1.Paragraph, { variant: "extra-small", color: "dark-reduced-opacity" }, "Powered by"),
react_1["default"].createElement("a", { href: "https://www.cultureamp.com", className: BrandMoment_scss_1["default"].poweredByLogo },
react_1["default"].createElement("a", { href: "https://www.cultureamp.com", className: BrandMoment_module_scss_1["default"].poweredByLogo },
react_1["default"].createElement("img", { src: (0, hosted_assets_1.assetUrl)("brand/logo-horizontal-default.svg"), alt: "Culture Amp" }))),
react_1["default"].createElement("div", { className: BrandMoment_scss_1["default"].footerTextContainer },
react_1["default"].createElement("div", { className: BrandMoment_module_scss_1["default"].footerTextContainer },
react_1["default"].createElement(typography_1.Paragraph, { variant: "extra-small" }, text.footer))))))));
};
exports.BrandMoment = BrandMoment;
exports.BrandMoment.displayName = "BrandMoment";
//# sourceMappingURL=BrandMoment.js.map

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc