@comicrelief/component-library 8.75.1 → 8.76.1

package/dist/index.cjs.js

@@ -1073,9 +1073,6 @@ function print() { __p += __j.call(arguments, '') }
   visibility: none;
   transition: all 0.2s cubic-bezier(0, 0, 0.25, 0.82);
   padding: 0 ${L("l")};
-  @media ${({theme:e})=>e.allBreakpoints("M")} {
-    padding: 0 ${L("lg")};
-  }
 
   ${({$isOpen:e,$contentBottomPadding:t})=>e&&v.css`
     height: auto;

package/dist/index.es.js

@@ -8573,9 +8573,6 @@ const Zs = "data:image/svg+xml,%3csvg%20width='14'%20height='24'%20viewBox='0%20
   visibility: none;
   transition: all 0.2s cubic-bezier(0, 0, 0.25, 0.82);
   padding: 0 ${L("l")};
-  @media ${({ theme: e }) => e.allBreakpoints("M")} {
-    padding: 0 ${L("lg")};
-  }
 
   ${({ $isOpen: e, $contentBottomPadding: t }) => e && oe`
     height: auto;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@comicrelief/component-library",
   "author": "Comic Relief Engineering Team",
-  "version": "8.75.1",
+  "version": "8.76.1",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "files": [
@@ -44,7 +44,8 @@
     "test:e2e:mac:organisms": "playwright test playwright/components/organisms --project=chromium; yarn playwright show-report --port 9324",
     "test:e2e:mac:organisms:emailSignUpForm": "playwright test playwright/components/organisms/emailSignUpForm.spec.js --project=chromium; yarn playwright show-report --port 9324",
     "lint": "eslint src",
-    "lint-fix": "yarn lint --fix"
+    "lint-fix": "yarn lint --fix",
+    "yalc:push": "yarn build && yalc push"
   },
   "peerDependencies": {
     "react": ">=18",

package/src/components/Molecules/Accordion/Accordion.js

@@ -70,9 +70,6 @@ const Copy = styled.div`
   visibility: none;
   transition: all 0.2s cubic-bezier(0, 0, 0.25, 0.82);
   padding: 0 ${spacing('l')};
-  @media ${({ theme }) => theme.allBreakpoints('M')} {
-    padding: 0 ${spacing('lg')};
-  }
 
   ${({ $isOpen, $contentBottomPadding }) => ($isOpen && css`
     height: auto;

package/src/components/Molecules/Accordion/AccordionExample.jsx

@@ -45,11 +45,41 @@ export default function AccordionExample() {
               I am a title with an overridden text type and weight, to 'p' 700 which is the new donate preference
             </Text>
           }
-          >
-
+        >
           <Text tag="p" size="s">lorem ipsum</Text>
         </Accordion>
       </Wrapper>
+
+      <Wrapper>
+        <div style={{ width: '752px' }}>
+          <Accordion
+            title={
+              <Text textTag="p" weight="700">
+                I am  in a width simulating our real world use on desktop (NB because width is fixed, this is only to demonstrate desktop mode, don't use for examining mobile view)
+              </Text>
+            }
+          >
+            <Text tag="p" size="s">
+              A STAR template answer is a structured way of responding to behavioural interview questions. Here's what it stands for:
+              <br />
+              <br />
+              S - Situation: Begin by setting the scene. Describe the context or situation you were in.
+              <br />
+              <br />
+              T - Task: Next, explain the task or challenge you were faced with. What needed to be accomplished?
+              <br />
+              <br />
+              A - Action: Then, detail the actions you took to address the situation or task. What specific steps did you take, and why?
+              <br />
+              <br />
+              R - Result: Finally, discuss the results or outcomes of your actions. What happened as a result of your efforts? Try to quantify the impact if possible.
+              <br />
+              <br />
+              Using the STAR template helps you provide a clear and concise response that highlights your abilities and experiences effectively. It guides you through structuring your answer in a way that makes it easy for the interviewer to understand and evaluate your skills and competencies.
+            </Text>
+          </Accordion>
+        </div>
+      </Wrapper>
     </>
   );
 }

package/src/components/Molecules/Accordion/__snapshots__/Accordion.test.js.snap

@@ -160,12 +160,6 @@ exports[`renders correctly 1`] = `
   }
 }
 
-@media (min-width: 740px) {
-  .c8 {
-    padding: 0 3rem;
-  }
-}
-
 @keyframes k0 {
   0% {
     margin-top: 0rem;