lucentia-ui 0.2.3 → 0.2.4

package/dist/components/Button/Button.module.css

@@ -107,6 +107,7 @@
 .md.button:active:not(:disabled),
 .button[data-state="pressed"] {
   box-shadow: none;
+  background: var(--color-surface-container);
 }
 
 .button:focus-visible {

package/dist/components/Feedback/Modal/Modal.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { createPortal } from "react-dom";
 import styles from "./Modal.module.css";
-export const Modal = ({ open, onClose, children }) => {
+export const Modal = ({ open, onClose, children, className, }) => {
     const [mounted, setMounted] = useState(false);
     useEffect(() => {
         setMounted(true);
@@ -12,5 +12,5 @@ export const Modal = ({ open, onClose, children }) => {
     const modalRoot = document.getElementById("modal-root");
     if (!modalRoot)
         return null;
-    return createPortal(_jsx("div", { className: styles.overlay, onClick: onClose, children: _jsx("div", { className: styles.modal, onClick: (e) => e.stopPropagation(), children: children }) }), modalRoot);
+    return createPortal(_jsx("div", { className: styles.overlay, onClick: onClose, children: _jsx("div", { className: [styles.modal, className].filter(Boolean).join(" "), onClick: (e) => e.stopPropagation(), children: children }) }), modalRoot);
 };

package/dist/components/Feedback/Modal/Modal.module.css

@@ -10,10 +10,10 @@
 }
 
 .modal {
-  background: var(--color-surface);
+  background: var(--color-background);
   color: var(--color-on-surface);
   border-radius: var(--radius-md);
-  box-shadow: var(--shadow-lg);
+  box-shadow: var(--shadow-surface-lg);
   padding: var(--space-lg);
   min-width: 320px;
   max-width: 90vw;

package/dist/components/Feedback/Modal/types.d.ts

@@ -3,4 +3,5 @@ export type ModalProps = {
     open: boolean;
     onClose?: () => void;
     children: ReactNode;
+    className?: string;
 };

package/dist/components/ThemeProvider/ThemeProvider.module.css

@@ -29,6 +29,7 @@
   --font-weight-black: 700;
 
   /* ===== Radius ===== */
+  --radius-xs: 4px;
   --radius-sm: 8px;
   --radius-md: 16px;
   --radius-max: 999px;
@@ -102,6 +103,9 @@
   --shadow-lg:
     -4px -4px 16px 8px var(--color-shadow-l),
     4px 4px 16px 8px var(--color-shadow-d);
+
+  --shadow-surface-lg:
+    0px 4px 16px 8px var(--color-shadow-d);
 }
 
 .dark {

package/dist/components/Typography/typography.module.css

@@ -21,13 +21,13 @@
 .heading-lg {
   font-size: var(--font-size-24);
   line-height: var(--line-snug);
-  font-weight: var(--font-weight-bold);
+  font-weight: var(--font-weight-medium);
 }
 
 .heading-md {
   font-size: var(--font-size-20);
   line-height: var(--line-snug);
-  font-weight: var(--font-weight-bold);
+  font-weight: var(--font-weight-medium);
 }
 
 .heading-sm {
@@ -39,7 +39,7 @@
 .heading-xs {
   font-size: var(--font-size-16);
   line-height: var(--line-snug);
-  font-weight: var(--font-weight-mideum);
+  font-weight: var(--font-weight-medium);
 }
 
 /* ========================================

package/dist/styles/font.css

@@ -21,11 +21,3 @@
   font-style: normal;
   font-display: swap;
 }
-
-@font-face {
-  font-family: "Noto Sans JP";
-  src: url("../fonts/NotoSansJP-Black.woff2") format("woff2");
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lucentia-ui",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "React UI design token and component system based on neumorphism, featuring two color themes: light and dark.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",