diff --git a/blocks/form/components/accordion/accordion.css b/blocks/form/components/accordion/accordion.css index 6a1c10a..ad2ee75 100644 --- a/blocks/form/components/accordion/accordion.css +++ b/blocks/form/components/accordion/accordion.css @@ -5,11 +5,25 @@ --color-accordion-border: #ecedf3; } +/* main .form fieldset.accordion legend.accordion-legend */ +main .form .accordion > fieldset { + background-color: white ; +} +/* main .form fieldset.accordion > fieldset:not(.checkbox-group-wrapper, .radio-group-wrapper) */ +main .form fieldset.accordion > fieldset + + fieldset:not(.checkbox-group-wrapper, .radio-group-wrapper) { + margin-top: 2rem; +} + +main .form .accordion legend { + background-color: transparent; +} + main .form fieldset.accordion legend.accordion-legend { padding: 24px 32px; - background-color: var(--color-accordion-legend-background); + /* background-color: var(--color-accordion-legend-background); */ position: relative; - margin-bottom: 0; + /* margin-bottom: 0; */ } main .form .accordion > fieldset > legend.accordion-legend[data-visible='false'] { diff --git a/blocks/order-status/order-status.css b/blocks/order-status/order-status.css new file mode 100644 index 0000000..e69de29 diff --git a/blocks/order-status/order-status.js b/blocks/order-status/order-status.js new file mode 100644 index 0000000..0ab61ec --- /dev/null +++ b/blocks/order-status/order-status.js @@ -0,0 +1,42 @@ +export default function decorate(block) { + let orderStatus = []; + const orderStatusApiData = ` + { + "orders": [ + { + "orderId": "ORD-1001", + "productName": "Foresight® Carrier Screen", + "orderDate": "2025-08-05", + "status": "Completed – View Results", + "trackingNumber": "TRACK12345", + "sampleReceivedDate": "2025-08-10", + "resultsAvailableDate": "2025-08-25", + "notes": "Returns complete, report available in patient portal" + }, + { + "orderId": "ORD-1002", + "productName": "Prequel® Prenatal Screen", + "orderDate": "2025-08-15", + "status": "Processing", + "trackingNumber": "TRACK67890", + "expectedSampleArrival": "2025-08-20", + "expectedResultsDate": "2025-08-29", + "notes": "Blood draw scheduled via mobile phlebotomy" + }, + { + "orderId": "ORD-1003", + "productName": "MyRisk® Hereditary Cancer Test", + "orderDate": "2025-08-20", + "status": "Pending", + "trackingNumber": null, + "expectedShipmentDate": "2025-08-22", + "notes": "Doctor needs to sign off order" + } + ] +}`; + const orderStatusJSON = JSON.parse(orderStatusApiData); + console.log(orderStatusJSON); + const orderStatusMarkup = `