@refinn/core-ui 0.1.5 → 0.1.7
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.
- package/dist/index.cjs +2 -2
- package/dist/index.js +2 -2
- package/dist/theme.css +4 -15
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -152,7 +152,7 @@ function AccordionItem({ item, isOpen, onToggle, generatedId }) {
|
|
|
152
152
|
"aria-labelledby": triggerId,
|
|
153
153
|
className: "overflow-hidden transition-[grid-template-rows] duration-200",
|
|
154
154
|
style: { display: "grid", gridTemplateRows: isOpen ? "1fr" : "0fr" },
|
|
155
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `text-accordion-text-secondary text-body-small pt-8 pb-16 px-16 lg:text-body-regular lg:pl-24 lg:pr-64 lg:pb-24 lg:pt-12`, children: item.content }) })
|
|
155
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `font-looped text-accordion-text-secondary text-body-small pt-8 pb-16 px-16 lg:text-body-regular lg:pl-24 lg:pr-64 lg:pb-24 lg:pt-12`, children: item.content }) })
|
|
156
156
|
}
|
|
157
157
|
)
|
|
158
158
|
] });
|
|
@@ -195,7 +195,7 @@ var Accordion = (0, import_react.forwardRef)(
|
|
|
195
195
|
[multiple]
|
|
196
196
|
);
|
|
197
197
|
const containerClasses = [
|
|
198
|
-
"
|
|
198
|
+
"border border-accordion-border bg-accordion-bg font-sans",
|
|
199
199
|
"divide-y divide-accordion-border",
|
|
200
200
|
className
|
|
201
201
|
].filter(Boolean).join(" ");
|
package/dist/index.js
CHANGED
|
@@ -101,7 +101,7 @@ function AccordionItem({ item, isOpen, onToggle, generatedId }) {
|
|
|
101
101
|
"aria-labelledby": triggerId,
|
|
102
102
|
className: "overflow-hidden transition-[grid-template-rows] duration-200",
|
|
103
103
|
style: { display: "grid", gridTemplateRows: isOpen ? "1fr" : "0fr" },
|
|
104
|
-
children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: `text-accordion-text-secondary text-body-small pt-8 pb-16 px-16 lg:text-body-regular lg:pl-24 lg:pr-64 lg:pb-24 lg:pt-12`, children: item.content }) })
|
|
104
|
+
children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: `font-looped text-accordion-text-secondary text-body-small pt-8 pb-16 px-16 lg:text-body-regular lg:pl-24 lg:pr-64 lg:pb-24 lg:pt-12`, children: item.content }) })
|
|
105
105
|
}
|
|
106
106
|
)
|
|
107
107
|
] });
|
|
@@ -144,7 +144,7 @@ var Accordion = forwardRef(
|
|
|
144
144
|
[multiple]
|
|
145
145
|
);
|
|
146
146
|
const containerClasses = [
|
|
147
|
-
"
|
|
147
|
+
"border border-accordion-border bg-accordion-bg font-sans",
|
|
148
148
|
"divide-y divide-accordion-border",
|
|
149
149
|
className
|
|
150
150
|
].filter(Boolean).join(" ");
|
package/dist/theme.css
CHANGED
|
@@ -491,16 +491,12 @@
|
|
|
491
491
|
--color-toggle-switch-text-disabled: var(--color-gray-400);
|
|
492
492
|
--color-toggle-switch-border-focus: var(--color-blue-500);
|
|
493
493
|
--color-toggle-switch-border-focus-inverse: var(--color-white-100);
|
|
494
|
-
--color-search-color: var(--color-white-100);
|
|
495
|
-
--color-date-picker-color: var(--color-white-100);
|
|
496
|
-
--color-card-enabled: var(--color-white-100);
|
|
497
494
|
--color-dialog-background-primary: var(--color-white-100);
|
|
498
495
|
--color-dialog-background-transparent: var(--color-black-20);
|
|
499
496
|
--color-dialog-text-secondary: var(--color-gray-600);
|
|
500
497
|
--color-dialog-text-primary: var(--color-gray-900);
|
|
501
498
|
--color-dialog-icon-danger: var(--color-red-500);
|
|
502
499
|
--color-dialog-icon-warning: var(--color-amber-500);
|
|
503
|
-
--color-footer-enabled: var(--color-white-100);
|
|
504
500
|
--color-drawer-enabled: var(--color-white-100);
|
|
505
501
|
--color-loading-primary: var(--color-blue-600);
|
|
506
502
|
--color-loading-secondary: var(--color-gray-100);
|
|
@@ -602,16 +598,6 @@
|
|
|
602
598
|
--color-link-icon-focus-dark: var(--color-gray-900);
|
|
603
599
|
--color-link-border-focus: var(--color-blue-500);
|
|
604
600
|
--color-link-border-focus-inverse: var(--color-white-100);
|
|
605
|
-
--color-navigation-menu-background-hover: var(--color-gray-50);
|
|
606
|
-
--color-navigation-menu-background-enabled: var(--color-white-100);
|
|
607
|
-
--color-navigation-menu-background-active: var(--color-gray-100);
|
|
608
|
-
--color-navigation-menu-background-hover-inverse: var(--color-black-5);
|
|
609
|
-
--color-navigation-menu-background-active-inverse: var(--color-black-10);
|
|
610
|
-
--color-navigation-menu-text-subtle: var(--color-gray-600);
|
|
611
|
-
--color-navigation-menu-text-enabled: var(--color-gray-900);
|
|
612
|
-
--color-navigation-menu-text-inverse: var(--color-white-100);
|
|
613
|
-
--color-navigation-menu-border-focus: var(--color-blue-500);
|
|
614
|
-
--color-navigation-menu-icon-brand: var(--color-gray-900);
|
|
615
601
|
--color-password-input-background-primary: var(--color-white-100);
|
|
616
602
|
--color-password-input-text-secondary: var(--color-gray-600);
|
|
617
603
|
--color-password-input-text-primary: var(--color-gray-900);
|
|
@@ -712,9 +698,10 @@
|
|
|
712
698
|
--color-segmented-control-background-active-focus: var(--color-white-100);
|
|
713
699
|
--color-segmented-control-background-active-hover: var(--color-white-90);
|
|
714
700
|
--color-segmented-control-background-hover: var(--color-gray-200);
|
|
715
|
-
--color-segmented-control-background-active: var(--color-
|
|
701
|
+
--color-segmented-control-background-active: var(--color-blue-950);
|
|
716
702
|
--color-segmented-control-background-enabled: var(--color-black-0);
|
|
717
703
|
--color-segmented-control-text-primary: var(--color-gray-900);
|
|
704
|
+
--color-segmented-control-text-inverse: var(--color-white-100);
|
|
718
705
|
--color-segmented-control-border-focus: var(--color-blue-600);
|
|
719
706
|
--color-slider-background-track: var(--color-blue-600);
|
|
720
707
|
--color-slider-background-root: var(--color-gray-100);
|
|
@@ -729,6 +716,8 @@
|
|
|
729
716
|
--color-slider-handle-active: var(--color-gray-50);
|
|
730
717
|
--color-slider-handle-focus: var(--color-white-100);
|
|
731
718
|
--color-slider-handle-disabled: var(--color-gray-100);
|
|
719
|
+
--color-product-icon-secondary: var(--color-sky-400);
|
|
720
|
+
--color-product-icon-primary: var(--color-blue-950);
|
|
732
721
|
|
|
733
722
|
/* ========================================
|
|
734
723
|
* Variables - Collections - Global Colors
|