opus-toolkit-components 1.0.5 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/{main.6432a0ae6e1f549c10c8.js → main.5feba20e3d5b07af14dd.js} +12 -8
  2. package/lib/main.5feba20e3d5b07af14dd.js.map +1 -0
  3. package/package.json +3 -3
  4. package/lib/main.6432a0ae6e1f549c10c8.js.map +0 -1
package/lib/{main.6432a0ae6e1f549c10c8.js → main.5feba20e3d5b07af14dd.js} RENAMED
@@ -830,7 +830,7 @@ const Accordion = _ref => {
830
830
  className: `
831
831
  accordion
832
832
  rounded-md
833
- bg-[--color-primary-bg]
833
+ overflow-clip
834
834
  border border-[--color-stroke]
835
835
  w-full
836
836
  ${disabled ? "opacity-50 pointer-events-none" : ""}
@@ -839,22 +839,26 @@ const Accordion = _ref => {
839
839
  className: "accordion-item rounded-lg",
840
840
  key: index
841
841
  }, /*#__PURE__*/external_react_default().createElement("div", {
842
- className: "accordion-header flex justify-between items-center py-2 px-4 cursor-pointer",
842
+ className: "accordion-header flex justify-between items-center cursor-pointer bg-[--color-accordion-header]",
843
843
  onClick: toggle
844
844
  }, /*#__PURE__*/external_react_default().createElement("div", {
845
845
  className: "flex items-center gap-2 justify-between cursor-pointer"
846
+ }, /*#__PURE__*/external_react_default().createElement("h2", {
847
+ className: "my-2 mx-4 text-h4 text-[--color-text-strong]"
848
+ }, title)), /*#__PURE__*/external_react_default().createElement("div", {
849
+ className: "flex items-center gap-4"
846
850
  }, isPill ? /*#__PURE__*/external_react_default().createElement(Pills_Pill, {
847
851
  text: pillText,
848
852
  status: pillStatus,
849
853
  icon: pillIcon
850
- }) : null, /*#__PURE__*/external_react_default().createElement("h2", {
851
- className: "text-h4 text-[--color-text-strong]"
852
- }, title)), isPreview ? /*#__PURE__*/external_react_default().createElement(esm_PencilSquareIcon, {
854
+ }) : null, /*#__PURE__*/external_react_default().createElement("div", {
855
+ className: "border-0 border-l-2 border-solid border-[--color-stroke] p-4"
856
+ }, isPreview ? /*#__PURE__*/external_react_default().createElement(esm_PencilSquareIcon, {
853
857
  className: "w-5 h-5 text-[--color-text-strong]"
854
858
  }) : /*#__PURE__*/external_react_default().createElement(esm_ChevronDownIcon, {
855
859
  className: `w-4 h-4 text-[--color-text-strong] transition-transform transform ${isActive ? "rotate-180" : "rotate-0"}`
856
- }))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
857
- className: "accordion-body text-[--color-text-weak] border-0 border-t-2 border-solid border-[--color-stroke] p-3"
860
+ }))))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
861
+ className: "accordion-body text-[--color-text-weak] bg-[--color-accordion-body] border-0 border-t-2 border-solid border-[--color-stroke] p-3"
858
862
  }, children.content), isPreview && activeIndex !== index && /*#__PURE__*/external_react_default().createElement("div", {
859
863
  className: "accordion-body text-[--color-text-weak] border-0 border-t-2 border-solid border-[--color-stroke] p-3"
860
864
  }, children.preview));
@@ -12933,4 +12937,4 @@ function Loader(_ref) {
12933
12937
  /******/ })()
12934
12938
  ;
12935
12939
  });
12936
- //# sourceMappingURL=main.6432a0ae6e1f549c10c8.js.map
12940
+ //# sourceMappingURL=main.5feba20e3d5b07af14dd.js.map