@guillaumemmm/marquedefabrique 1.0.2 → 1.0.4

package/build/kit.js

@@ -1,4 +1,4 @@
-// Generated on Fri Mar 07 2025 from v1.0.2
+// Generated on Fri Apr 04 2025 from v1.0.3
 
 export const kit = `/* TITLES */
 .mdf-title1,
@@ -69,6 +69,8 @@ export const kit = `/* TITLES */
   background-color: var(--mdf-color-primary-transparent);
   padding: 1px 2px;
   border-radius: 3px;
+  text-underline-offset: 2px;
+  text-decoration-color: hsl(from var(--mdf-color-primary) h s calc(l + 10));
 
   &:hover {
     background-color: var(--mdf-color-primary-transparent-2);
@@ -77,6 +79,9 @@ export const kit = `/* TITLES */
   &:visited {
     color: var(--mdf-color-secondary);
     background-color: var(--mdf-color-primary-transparent);
+    text-decoration-color: hsl(
+      from var(--mdf-color-secondary) h s calc(l + 10)
+    );
   }
 }
 
@@ -274,6 +279,8 @@ export const kit = `/* TITLES */
   height: 4rem;
   position: relative;
   z-index: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 
   &:focus {
     border-radius: 0.25rem;
@@ -282,6 +289,8 @@ export const kit = `/* TITLES */
   &::-webkit-color-swatch {
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
     border: 2px solid black;
   }
 

package/build/reset.js

@@ -1,4 +1,4 @@
-// Generated on Fri Mar 07 2025 from v1.0.2
+// Generated on Fri Apr 04 2025 from v1.0.3
 
 export const reset = `@layer reset {
   * {

package/build/variables.js

@@ -1,4 +1,4 @@
-// Generated on Fri Mar 07 2025 from v1.0.2
+// Generated on Fri Apr 04 2025 from v1.0.3
 
 export const variables = `:root {
   --mdf-color-primary: #04675d;

package/index.html

@@ -216,5 +216,8 @@
         <p class="mdf-block mdf-block-error">Marque de fabrique</p>
       </div>
     </main>
+    <footer class="footer">
+      <p id="version">v1.0.3</p>
+    </footer>
   </body>
 </html>

package/index.js

@@ -1,5 +1,5 @@
 const fs = require("fs");
-var pjson = require("./package.json");
+const pjson = require("./package.json");
 
 const comment = `// Generated on ${new Date().toDateString()} from v${
   pjson.version

package/kit.css

@@ -67,6 +67,8 @@
   background-color: var(--mdf-color-primary-transparent);
   padding: 1px 2px;
   border-radius: 3px;
+  text-underline-offset: 2px;
+  text-decoration-color: hsl(from var(--mdf-color-primary) h s calc(l + 10));
 
   &:hover {
     background-color: var(--mdf-color-primary-transparent-2);
@@ -75,6 +77,9 @@
   &:visited {
     color: var(--mdf-color-secondary);
     background-color: var(--mdf-color-primary-transparent);
+    text-decoration-color: hsl(
+      from var(--mdf-color-secondary) h s calc(l + 10)
+    );
   }
 }
 
@@ -272,6 +277,8 @@
   height: 4rem;
   position: relative;
   z-index: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 
   &:focus {
     border-radius: 0.25rem;
@@ -280,6 +287,8 @@
   &::-webkit-color-swatch {
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
     border: 2px solid black;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guillaumemmm/marquedefabrique",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Marque de Fabrique is a minimalistic UI kit. It includes a set of core styles and CSS variables centralizing design elements to maintain consistency across personal projects.",
   "main": "index.css",
   "scripts": {

package/styles.css

@@ -34,4 +34,9 @@ body {
       }
     }
   }
+
+  footer {
+    margin-top: 2rem;
+    padding: 1rem;
+  }
 }