@titelmedia/bricks-interview - npm Package Compare versions

Comparing version 2.7.0 to 2.8.0

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+# [2.8.0](https://github.com/titel-media/bricks-lerna/compare/v2.7.4...v2.8.0) (2024-05-10)
+
+### Features
+
+- added customCss to each component ([f4c92ef](https://github.com/titel-media/bricks-lerna/commit/f4c92efdb17166243d63446e95287d0198006db3))
+
 # [2.7.0](https://github.com/titel-media/bricks-lerna/compare/v2.6.0...v2.7.0) (2024-04-25)
@@ -8,0 +14,0 @@

dist/index.js

@@ -26,3 +26,4 @@ "use strict";
   enableAnimation = false,
-  setAnimationDuration = 0.75
+  setAnimationDuration = 0.75,
+  customCss
 }) => {
@@ -56,4 +57,5 @@ const wrapperRef = (0, _react.useRef)(null);
   }, [enableAnimation, setAnimationDuration]);
-  return _react.default.createElement("div", {
-    ref: wrapperRef
+  return _react.default.createElement(_styles.Wrapper, {
+    ref: wrapperRef,
+    customCss: customCss
   }, _react.default.createElement(_bricksTheme.default, null), _react.default.createElement(_styles.Content, {
@@ -60,0 +62,0 @@ ref: containerRef,

dist/styles.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.Question = exports.Content = exports.Answer = void 0;
+exports.Wrapper = exports.Question = exports.Content = exports.Answer = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
@@ -75,2 +75,6 @@ var _typography = require("@titelmedia/bricks-theme/lib/utilities/typography");
 };
+const Wrapper = _styledComponents.default.div`
+  ${props => props.customCss}
+`;
+exports.Wrapper = Wrapper;
 const Content = _styledComponents.default.div`
@@ -77,0 +81,0 @@ ${(0, _layout.setContainer)({

lib/index.js

 import React, { useEffect, useRef } from 'react';
-import { Answer, Content, Question } from './styles';
+import { Wrapper, Answer, Content, Question } from './styles';
 import GlobalFonts from '@titelmedia/bricks-theme';
@@ -19,2 +19,3 @@ import { gsap } from '@titelmedia/bricks-utils';
   setAnimationDuration = 0.75,
+  customCss,
 }) => {
@@ -57,3 +58,3 @@ const wrapperRef = useRef(null);
   return (
-    <div ref={wrapperRef}>
+    <Wrapper ref={wrapperRef} customCss={customCss}>
       <GlobalFonts />
@@ -76,4 +77,4 @@ <Content ref={containerRef} positioning={positioning === 'split'}>
       </Content>
-    </div>
+    </Wrapper>
   );
 };

lib/styles.js

@@ -71,2 +71,6 @@ import styled, { css } from 'styled-components';
 
+export const Wrapper = styled.div`
+  ${props => props.customCss}
+`;
+
 export const Content = styled.div`
@@ -73,0 +77,0 @@ ${setContainer({ size: 'lg' })};

package.json

 {
   "name": "@titelmedia/bricks-interview",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "> TODO: description",
@@ -31,3 +31,3 @@ "author": "highsnob",
   },
-  "gitHead": "6170642b883c98c32c5ae678a08ac6f66aa12bf9"
+  "gitHead": "cd450ba1a3f420b2a08a822bfb0f5f73c9b0aee7"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

43951

increased by2.06%

Lines of code

377

increased by2.72%

No dependency changes