diff --git a/packages/components/src/Accordion/src/Accordion.module.css b/packages/components/src/Accordion/src/Accordion.module.css
index f03a788a1..e7c7606f4 100644
--- a/packages/components/src/Accordion/src/Accordion.module.css
+++ b/packages/components/src/Accordion/src/Accordion.module.css
@@ -44,7 +44,6 @@
}
.hop-Accordion__disclosure:last-child:not([data-expanded]) .hop-Accordion__disclosure-header button[slot="trigger"] {
- border-block-end-width: var(--disclosure-last-child-border-block-end-size);
border-end-start-radius: var(--disclosure-border-radius-size);
border-end-end-radius: var(--disclosure-border-radius-size);
}
diff --git a/packages/components/src/Accordion/tests/chromatic/Accordion.stories.tsx b/packages/components/src/Accordion/tests/chromatic/Accordion.stories.tsx
index 5a4a8fc4a..2bfb0dfe9 100644
--- a/packages/components/src/Accordion/tests/chromatic/Accordion.stories.tsx
+++ b/packages/components/src/Accordion/tests/chromatic/Accordion.stories.tsx
@@ -127,6 +127,71 @@ export const Default = {
Drive impact by simplifying how your leaders and you manage team performance throughout the year.
+
Zoom
+
+
+
+
+
+ Workleap Officevibe
+ Engagement and Feedback
+
+
+ Help employees speak up and make sure they feel heard. Continuous and real-time surveys offer feedback to celebrate every win, recognize commitment, and uncover challenges.
+
+
+
+
+
+ Workleap Pingboard
+ Org Chart
+
+
+ Make teamwork work. Use your org chart to create lasting connections across your distributed and hybrid teams to make collaboration easier.
+
+
+
+
+
+ Workleap Performance
+ Performance Management
+
+
+ Drive impact by simplifying how your leaders and you manage team performance throughout the year.
+
+
+
+
+
+
+
+ Workleap Officevibe
+ Engagement and Feedback
+
+
+ Help employees speak up and make sure they feel heard. Continuous and real-time surveys offer feedback to celebrate every win, recognize commitment, and uncover challenges.
+
+
+
+
+
+ Workleap Pingboard
+ Org Chart
+
+
+ Make teamwork work. Use your org chart to create lasting connections across your distributed and hybrid teams to make collaboration easier.
+
+
+
+
+
+ Workleap Performance
+ Performance Management
+
+
+ Drive impact by simplifying how your leaders and you manage team performance throughout the year.
+
+
),
args: {
diff --git a/packages/components/src/Disclosure/src/Disclosure.module.css b/packages/components/src/Disclosure/src/Disclosure.module.css
index 4ae091ced..e89f9fc8b 100644
--- a/packages/components/src/Disclosure/src/Disclosure.module.css
+++ b/packages/components/src/Disclosure/src/Disclosure.module.css
@@ -59,14 +59,11 @@
--panel-padding: var(--hop-Disclosure-with-header-panel-padding);
}
-.hop-Disclosure--inline {
- --panel-border-size: var(--hop-Disclosure-inline-panel-border-size);
- --panel-border-color: var(--hop-Disclosure-inline-panel-border-color);
-}
-
.hop-Disclosure--inline:has(.hop-Disclosure__header) {
--border-radius: var(--hop-Disclosure-inline-border-radius);
--box-shadow: var(--hop-Disclosure-inline-box-shadow);
+ --panel-border-size: var(--hop-Disclosure-inline-panel-border-size);
+ --panel-border-color: var(--hop-Disclosure-inline-panel-border-color);
}
.hop-Disclosure--inline:has(.hop-Disclosure__header)[data-expanded] {
diff --git a/packages/components/src/Disclosure/tests/chromatic/Disclosure.stories.tsx b/packages/components/src/Disclosure/tests/chromatic/Disclosure.stories.tsx
index cd12fe992..538b8204c 100644
--- a/packages/components/src/Disclosure/tests/chromatic/Disclosure.stories.tsx
+++ b/packages/components/src/Disclosure/tests/chromatic/Disclosure.stories.tsx
@@ -64,8 +64,15 @@ export const Default = {
- We offer free standard shipping on all orders over $50. Orders are typically processed within 1-2 business days, and delivery times vary based on your location. Expedited shipping options are available for an additional fee.
- Returns are easy and hassle-free. You have 30 days from the date of delivery to return items for a full refund. Items must be in their original condition and packaging. For further assistance, please contact our support team.
+ We offer free standard shipping on all orders over $50. Orders are typically processed within 1-2 business days, and delivery times vary based on your location. Expedited shipping options are available for an additional fee.
+ Returns are easy and hassle-free. You have 30 days from the date of delivery to return items for a full refund. Items must be in their original condition and packaging. For further assistance, please contact our support team.
+
+
+
+
+
+
+
+ Shipping, Delivery Times, and Easy Returns Policy Overview
+ Explore our comprehensive shipping options, estimated delivery times for various regions, and our simple, customer-friendly returns process to make sure you feel comfortable with every purchase.
+
+
+
+ We offer free standard shipping on all orders over $50. Orders are typically processed within 1-2 business days, and delivery times vary based on your location. Expedited shipping options are available for an additional fee.
+ Returns are easy and hassle-free. You have 30 days from the date of delivery to return items for a full refund. Items must be in their original condition and packaging. For further assistance, please contact our support team.
+
+
+
+
+
+
+ Shipping, Delivery Times, and Easy Returns Policy Overview
+ Explore our comprehensive shipping options, estimated delivery times for various regions, and our simple, customer-friendly returns process to make sure you feel comfortable with every purchase.
+
+
+
+ We offer free standard shipping on all orders over $50. Orders are typically processed within 1-2 business days, and delivery times vary based on your location. Expedited shipping options are available for an additional fee.
+ Returns are easy and hassle-free. You have 30 days from the date of delivery to return items for a full refund. Items must be in their original condition and packaging. For further assistance, please contact our support team.
+
+
),
args: {
@@ -92,17 +126,6 @@ export const InlineVariant = {
}
} satisfies Story;
-export const CustomHeader = {
- render: args => (
-
-
-
- Disclosure Panel
-
-
- )
-} satisfies Story;
-
const StateTemplate = (args: Partial) => (
@@ -172,40 +195,4 @@ export const InlineStates = {
variant: "inline",
defaultExpanded: true
}
-} satisfies Story;
-
-export const Zoom = {
- render: args => (
-
-
-
-
-
- Shipping, Delivery Times, and Easy Returns Policy Overview
- Explore our comprehensive shipping options, estimated delivery times for various regions, and our simple, customer-friendly returns process to make sure you feel comfortable with every purchase.
-
-
-
- We offer free standard shipping on all orders over $50. Orders are typically processed within 1-2 business days, and delivery times vary based on your location. Expedited shipping options are available for an additional fee.
- Returns are easy and hassle-free. You have 30 days from the date of delivery to return items for a full refund. Items must be in their original condition and packaging. For further assistance, please contact our support team.
-
-
-
-
-
-
- Shipping, Delivery Times, and Easy Returns Policy Overview
- Explore our comprehensive shipping options, estimated delivery times for various regions, and our simple, customer-friendly returns process to make sure you feel comfortable with every purchase.
-
-
-
- We offer free standard shipping on all orders over $50. Orders are typically processed within 1-2 business days, and delivery times vary based on your location. Expedited shipping options are available for an additional fee.
- Returns are easy and hassle-free. You have 30 days from the date of delivery to return items for a full refund. Items must be in their original condition and packaging. For further assistance, please contact our support team.
-
-
-
- ),
- args: {
- defaultExpanded: true
- }
} satisfies Story;
\ No newline at end of file