chore: update 4.1.1 changes

reapit · Mar 7, 2024 · 336dd86 · 336dd86
2 parents 94aac64 + eaa447d
commit 336dd86
Show file tree

Hide file tree

Showing 34 changed files with 13,183 additions and 2,044 deletions.
diff --git a/package.json b/package.json
@@ -2,16 +2,16 @@
   "name": "@reapit/elements",
   "version": "5.0.0-beta.3",
   "description": "A collection of React components and utilities for building apps for Reapit Marketplace",
-  "homepage": "https://github.com/reapit/foundations#readme",
+  "homepage": "https://github.com/reapit/elements#readme",
   "bugs": {
-    "url": "https://github.com/reapit/foundations/issues"
+    "url": "https://github.com/reapit/elements/issues"
   },
   "bin": {
     "elements-deploy": "./scripts/cdk/bin/rpt-cdk.js"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/reapit/foundations.git"
+    "url": "git+https://github.com/reapit/elements.git"
   },
   "license": "MIT",
   "author": "Will McVay <wmcvay@reapit.com>",

diff --git a/src/components/accordion/__styles__/index.ts b/src/components/accordion/__styles__/index.ts
@@ -8,11 +8,23 @@ export const ElAccordionContainer = styled.div`
   flex-direction: column;
 `
 
-export const ElAccordionItem = styled.div`
+export const ElAccordionItem = styled.a`
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+
+  &:hover,
+  &:link,
+  &:active,
+  &:focus {
+    color: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+  }
+
   display: flex;
   justify-content: space-between;
   align-items: center;
-  cursor: pointer;
   padding: 0.875rem 0;
   border-bottom: 1px solid var(--color-grey-100);
 

diff --git a/src/components/accordion/__tests__/__snapshots__/accordion.test.tsx.snap b/src/components/accordion/__tests__/__snapshots__/accordion.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`Accordion basic usage should match a snapshot 1`] = `
   "baseElement": <body>
     <div>
       <mock-styled.div>
-        <mock-styled.div>
+        <mock-styled.a>
           <mock-styled.div>
             Accordion Item 1
           </mock-styled.div>
@@ -42,13 +42,13 @@ exports[`Accordion basic usage should match a snapshot 1`] = `
               </mock-styled.span>
             </mock-styled.div>
           </mock-styled.div>
-        </mock-styled.div>
+        </mock-styled.a>
         <mock-styled.div
           classname="mock-css."
         >
           Accordion Content 1
         </mock-styled.div>
-        <mock-styled.div>
+        <mock-styled.a>
           <mock-styled.div>
             Accordion Item 2
           </mock-styled.div>
@@ -84,7 +84,7 @@ exports[`Accordion basic usage should match a snapshot 1`] = `
               </mock-styled.span>
             </mock-styled.div>
           </mock-styled.div>
-        </mock-styled.div>
+        </mock-styled.a>
         <mock-styled.div>
           Accordion Content 2
         </mock-styled.div>
@@ -93,7 +93,7 @@ exports[`Accordion basic usage should match a snapshot 1`] = `
   </body>,
   "container": <div>
     <mock-styled.div>
-      <mock-styled.div>
+      <mock-styled.a>
         <mock-styled.div>
           Accordion Item 1
         </mock-styled.div>
@@ -129,13 +129,13 @@ exports[`Accordion basic usage should match a snapshot 1`] = `
             </mock-styled.span>
           </mock-styled.div>
         </mock-styled.div>
-      </mock-styled.div>
+      </mock-styled.a>
       <mock-styled.div
         classname="mock-css."
       >
         Accordion Content 1
       </mock-styled.div>
-      <mock-styled.div>
+      <mock-styled.a>
         <mock-styled.div>
           Accordion Item 2
         </mock-styled.div>
@@ -171,7 +171,7 @@ exports[`Accordion basic usage should match a snapshot 1`] = `
             </mock-styled.span>
           </mock-styled.div>
         </mock-styled.div>
-      </mock-styled.div>
+      </mock-styled.a>
       <mock-styled.div>
         Accordion Content 2
       </mock-styled.div>
@@ -237,7 +237,7 @@ exports[`Accordion react shorthand should match a snapshot 1`] = `
   "baseElement": <body>
     <div>
       <mock-styled.div>
-        <mock-styled.div
+        <mock-styled.a
           aria-controls=":r0:-0"
           id=":r1:-0"
         >
@@ -279,7 +279,7 @@ exports[`Accordion react shorthand should match a snapshot 1`] = `
               </mock-styled.span>
             </mock-styled.div>
           </mock-styled.div>
-        </mock-styled.div>
+        </mock-styled.a>
         <mock-styled.div
           aria-expanded="false"
           aria-labelledby=":r1:-0"
@@ -289,7 +289,7 @@ exports[`Accordion react shorthand should match a snapshot 1`] = `
         >
           Accordion Content 1
         </mock-styled.div>
-        <mock-styled.div
+        <mock-styled.a
           aria-controls=":r0:-1"
           id=":r1:-1"
         >
@@ -331,7 +331,7 @@ exports[`Accordion react shorthand should match a snapshot 1`] = `
               </mock-styled.span>
             </mock-styled.div>
           </mock-styled.div>
-        </mock-styled.div>
+        </mock-styled.a>
         <mock-styled.div
           aria-expanded="false"
           aria-labelledby=":r1:-1"
@@ -346,7 +346,7 @@ exports[`Accordion react shorthand should match a snapshot 1`] = `
   </body>,
   "container": <div>
     <mock-styled.div>
-      <mock-styled.div
+      <mock-styled.a
         aria-controls=":r0:-0"
         id=":r1:-0"
       >
@@ -388,7 +388,7 @@ exports[`Accordion react shorthand should match a snapshot 1`] = `
             </mock-styled.span>
           </mock-styled.div>
         </mock-styled.div>
-      </mock-styled.div>
+      </mock-styled.a>
       <mock-styled.div
         aria-expanded="false"
         aria-labelledby=":r1:-0"
@@ -398,7 +398,7 @@ exports[`Accordion react shorthand should match a snapshot 1`] = `
       >
         Accordion Content 1
       </mock-styled.div>
-      <mock-styled.div
+      <mock-styled.a
         aria-controls=":r0:-1"
         id=":r1:-1"
       >
@@ -440,7 +440,7 @@ exports[`Accordion react shorthand should match a snapshot 1`] = `
             </mock-styled.span>
           </mock-styled.div>
         </mock-styled.div>
-      </mock-styled.div>
+      </mock-styled.a>
       <mock-styled.div
         aria-expanded="false"
         aria-labelledby=":r1:-1"

diff --git a/src/components/accordion/accordion.tsx b/src/components/accordion/accordion.tsx
@@ -12,6 +12,7 @@ import { elIsActive } from '../../styles/states'
 import { Icon } from '../icon'
 
 export interface AccordionBaseProps extends HTMLAttributes<HTMLDivElement> {}
+export interface AccordionBaseItemProps extends HTMLAttributes<HTMLAnchorElement> {}
 
 export interface AccordionTitleItemProps {}
 
@@ -30,11 +31,11 @@ export const AccordionContainer: FC<AccordionBaseProps> = ({ children, ...rest }
   return <ElAccordionContainer {...rest}>{children}</ElAccordionContainer>
 }
 
-export const AccordionItem: FC<AccordionBaseProps> = ({ children, ...rest }) => {
+export const AccordionItem: FC<AccordionBaseItemProps> = ({ children, ...rest }) => {
   return <ElAccordionItem {...rest}>{children}</ElAccordionItem>
 }
 
-export const AccordionTitle: FC<AccordionBaseProps> = ({ children, ...rest }) => {
+export const AccordionTitle: FC<HTMLAttributes<HTMLDivElement>> = ({ children, ...rest }) => {
   return <ElAccordionTitle {...rest}>{children}</ElAccordionTitle>
 }
 

diff --git a/src/components/breadcrumb/__styles__/index.ts b/src/components/breadcrumb/__styles__/index.ts
@@ -1,6 +1,7 @@
 import { styled } from '@linaria/react'
 
-export const ElBreadCrumbItem = styled.div`
+export const ElBreadCrumbItem = styled.a`
+  font-weight: inherit;
   border-radius: 0.5rem;
   font-size: var(--font-size-small);
   color: var(--intent-default);