fix faq style

glassonion1 · Oct 19, 2023 · 1fc07a2 · 1fc07a2
1 parent f3c72e3
commit 1fc07a2
Show file tree

Hide file tree

Showing 5 changed files with 136 additions and 6 deletions.
diff --git a/examples/package.json b/examples/package.json
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@sakura-ui/config": "^0.1.5",
-    "@sakura-ui/core": "^0.1.17",
+    "@sakura-ui/core": "^0.1.18",
     "@sakura-ui/forms": "^0.1.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

diff --git a/examples/src/App.tsx b/examples/src/App.tsx
@@ -151,7 +151,11 @@ const App = () => {
       <div className="my-8">
         <H2>Frequently Asked Questions</H2>
         <Faq>
-          <Question>Why do you need an FAQ section?</Question>
+          <Question>
+            Why do you need an FAQ section?
+            <br />
+            FAQ Sample
+          </Question>
           <Answer>
             A good website experience anticipates the needs of a user at every
             stage of their journey, and on every page. It’s intuitive and all

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/core",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "type": "module",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",

diff --git a/packages/core/src/components/Faq.tsx b/packages/core/src/components/Faq.tsx
@@ -6,7 +6,6 @@ export interface FaqProps extends React.ComponentPropsWithoutRef<'dl'> {}
 const headingStyle = `
   text-h-med-m
   sm:text-h-med
-  !leading-none
 `
 
 export const Faq = (props: FaqProps) => {
@@ -75,7 +74,7 @@ export const Answer = (props: AnswerProps) => {
       itemType="https://schema.org/Answer"
       {...restProps}
     >
-      <span className={headingStyle} aria-hidden="true">
+      <span className={cx(headingStyle, '!leading-none')} aria-hidden="true">
         A
       </span>
       <span itemProp="text">{children}</span>

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml