opus-toolkit-components 2.0.0 → 2.0.2
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/lib/components/Cookie/index.js +23 -23
- package/lib/components/Cookie/index.js.map +1 -1
- package/lib/components/PageTemplate/index.js +94 -75
- package/lib/components/PageTemplate/index.js.map +1 -1
- package/lib/components/Sidebar/index.d.ts +60 -57
- package/lib/components/Sidebar/index.js +94 -75
- package/lib/components/Sidebar/index.js.map +1 -1
- package/lib/main.js +148 -126
- package/lib/main.js.map +1 -1
- package/package.json +1 -1
|
@@ -210,32 +210,32 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
210
210
|
|
|
211
211
|
|
|
212
212
|
|
|
213
|
-
/**
|
|
214
|
-
* The visual intent / theme of the Card.
|
|
215
|
-
* @typedef {'default'|'info'|'warning'|'success'|'error'|'brand'|'brandSecondary'} CardIntent
|
|
213
|
+
/**
|
|
214
|
+
* The visual intent / theme of the Card.
|
|
215
|
+
* @typedef {'default'|'info'|'warning'|'success'|'error'|'brand'|'brandSecondary'} CardIntent
|
|
216
216
|
*/
|
|
217
217
|
|
|
218
|
-
/**
|
|
219
|
-
* Props for the Card component.
|
|
220
|
-
*
|
|
221
|
-
* @typedef {Object} CardProps
|
|
222
|
-
* @property {CardIntent} [intent]
|
|
223
|
-
* Controls the background + text color theme of the card.
|
|
224
|
-
*
|
|
225
|
-
* @property {boolean} [hasOutline=true]
|
|
226
|
-
* Toggles the default card outline.
|
|
227
|
-
*
|
|
228
|
-
* @property {string} [className]
|
|
229
|
-
* Additional custom class names.
|
|
230
|
-
*
|
|
231
|
-
* @property {React.ReactNode} [children]
|
|
232
|
-
* Card content.
|
|
218
|
+
/**
|
|
219
|
+
* Props for the Card component.
|
|
220
|
+
*
|
|
221
|
+
* @typedef {Object} CardProps
|
|
222
|
+
* @property {CardIntent} [intent]
|
|
223
|
+
* Controls the background + text color theme of the card.
|
|
224
|
+
*
|
|
225
|
+
* @property {boolean} [hasOutline=true]
|
|
226
|
+
* Toggles the default card outline.
|
|
227
|
+
*
|
|
228
|
+
* @property {string} [className]
|
|
229
|
+
* Additional custom class names.
|
|
230
|
+
*
|
|
231
|
+
* @property {React.ReactNode} [children]
|
|
232
|
+
* Card content.
|
|
233
233
|
*/
|
|
234
234
|
|
|
235
|
-
/**
|
|
236
|
-
* Card component with typed JSDoc for TS autocomplete.
|
|
237
|
-
*
|
|
238
|
-
* @param {CardProps & React.HTMLAttributes<HTMLDivElement>} props
|
|
235
|
+
/**
|
|
236
|
+
* Card component with typed JSDoc for TS autocomplete.
|
|
237
|
+
*
|
|
238
|
+
* @param {CardProps & React.HTMLAttributes<HTMLDivElement>} props
|
|
239
239
|
*/
|
|
240
240
|
|
|
241
241
|
function Card(_ref) {
|
|
@@ -257,7 +257,7 @@ function Card(_ref) {
|
|
|
257
257
|
brandSecondary: "bg-[--color-brand-secondary] text-[--color-white]"
|
|
258
258
|
};
|
|
259
259
|
const resolvedIntent = intent || "default";
|
|
260
|
-
const cardClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("p-5", "rounded-lg", "shadow-lg", hasOutline ? "border
|
|
260
|
+
const cardClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("p-5", "rounded-lg", "shadow-lg", hasOutline ? "border border-solid border-[--color-stroke]" : "border-0", intentClasses[resolvedIntent], className);
|
|
261
261
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
|
|
262
262
|
className: cardClasses,
|
|
263
263
|
...rest,
|