@nightshadeui/stylesheets 2.8.1 → 2.10.0

package/commons.css

@@ -60,3 +60,7 @@ button {
 b, strong {
     font-weight: var(--font-weight-bold);
 }
+
+code {
+    font-family: var(--font-monospace);
+}

package/index.css

@@ -8,4 +8,3 @@
 
 @import './commons.css' layer(nightshade);
 @import './util.css' layer(nightshade);
-

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nightshadeui/stylesheets",
-    "version": "2.8.1",
+    "version": "2.10.0",
     "description": "Nightshade UI CSS",
     "author": "Boris Okunskiy",
     "license": "ISC",

package/util.css

@@ -41,4 +41,4 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-}
+}

package/variables/base.css

@@ -7,16 +7,19 @@
     --text-color-subtle: var(--color-base-600);
     --text-color-sublime: var(--color-base-500);
     --overlay-surface: light-dark(rgba(0,0,0,.1), rgba(0,0,0,.2));
-    
+
     /* Shadows */
-    
+
     --shadow-color-light: light-dark(rgba(0,0,0,.1), rgba(0,0,0,.2));
     --shadow-color-medium: light-dark(rgba(0,0,0,.2), rgba(0,0,0,.4));
     --shadow-color-heavy: light-dark(rgba(0,0,0,.3), rgba(0,0,0,.6));
-    
-    /* Inputs */
-    
+
+    /* Border Radius */
+
     --border-radius: 4px;
+
+    /* Inputs */
+
     --input-radius: var(--border-radius);
     --input-border-size: 1px;
     --input-outline-size: 2px;

package/variables/colors.css

@@ -25,5 +25,5 @@
     --color-inverse-800: light-dark(var(--color-base-dark-800), var(--color-base-light-800));
     --color-inverse-900: light-dark(var(--color-base-dark-900), var(--color-base-light-900));
     --color-inverse-950: light-dark(var(--color-base-dark-950), var(--color-base-light-950));
-    
-}
+
+}

package/variables/font.css

@@ -21,4 +21,4 @@
     --font-weight-heavy: 700;
 
     --line-height: 1.5;
-}
+}

package/variables/input-sizes.css

@@ -7,8 +7,7 @@
     --input-padding-md: var(--sp1-5);
     --input-padding-sm: var(--sp1);
     --input-gap: var(--sp1);
-
-    --input-radius-round: var(--border-radius-l);
+    --input-radius-round: calc(.5 * var(--input-height));
 
     /* Sizes */
 
@@ -17,35 +16,30 @@
     --input-size-xs-padding-md: var(--sp1);
     --input-size-xs-padding-sm: var(--sp0-25);
     --input-size-xs-gap: var(--sp0-25);
-    --input-size-xs-radius-round: var(--sp1-5);
 
     --input-size-s-height: var(--sp3);
     --input-size-s-font-size: var(--font-size-s);
     --input-size-s-padding-md: var(--sp1);
     --input-size-s-padding-sm: var(--sp0-5);
     --input-size-s-gap: var(--sp0-5);
-    --input-size-s-radius-round: var(--sp1-5);
 
     --input-size-m-height: var(--sp4);
     --input-size-m-font-size: var(--font-size-m);
     --input-size-m-padding-md: var(--sp1-5);
     --input-size-m-padding-sm: var(--sp1);
     --input-size-m-gap: var(--sp1);
-    --input-size-m-radius-round: var(--sp2);
 
     --input-size-l-height: var(--sp5);
     --input-size-l-font-size: var(--font-size-m);
     --input-size-l-padding-md: var(--sp2);
     --input-size-l-padding-sm: var(--sp1);
     --input-size-l-gap: var(--sp1);
-    --input-size-l-radius-round: var(--sp2-5);
 
     --input-size-xl-height: var(--sp6);
     --input-size-xl-font-size: var(--font-size-l);
     --input-size-xl-padding-md: var(--sp2-5);
     --input-size-xl-padding-sm: var(--sp1-5);
     --input-size-xl-gap: var(--sp1-5);
-    --input-size-xl-radius-round: var(--sp3);
 
 }
 
@@ -55,7 +49,6 @@
     --input-padding-md: var(--input-size-xs-padding-md);
     --input-padding-sm: var(--input-size-xs-padding-sm);
     --input-gap: var(--input-size-xs-gap);
-    --input-radius-round: var(--input-size-xs-radius-round);
 }
 
 .input-size-s, .input-size-small {
@@ -64,7 +57,6 @@
     --input-padding-md: var(--input-size-s-padding-md);
     --input-padding-sm: var(--input-size-s-padding-sm);
     --input-gap: var(--input-size-s-gap);
-    --input-radius-round: var(--input-size-s-radius-round);
 }
 
 .input-size-m, .input-size-medium, .input-size-normal {
@@ -73,16 +65,14 @@
     --input-padding-md: var(--input-size-m-padding-md);
     --input-padding-sm: var(--input-size-m-padding-sm);
     --input-gap: var(--input-size-m-gap);
-    --input-radius-round: var(--input-size-m-radius-round);
 }
 
 .input-size-l, .input-size-large {
-    --input-height: var(--input-size-l-height); 
+    --input-height: var(--input-size-l-height);
     --input-font-size: var(--input-size-l-font-size);
     --input-padding-md: var(--input-size-l-padding-md);
     --input-padding-sm: var(--input-size-l-padding-sm);
     --input-gap: var(--input-size-l-gap);
-    --input-radius-round: var(--input-size-l-radius-round);
 }
 
 .input-size-xl {
@@ -91,5 +81,4 @@
     --input-padding-md: var(--input-size-xl-padding-md);
     --input-padding-sm: var(--input-size-xl-padding-sm);
     --input-gap: var(--input-size-xl-gap);
-    --input-radius-round: var(--input-size-xl-radius-round);
 }

package/variables/spacing.css

@@ -1,5 +1,5 @@
 :root {
-    
+
     /* Fixed spacing */
     --sp: 8px;
     --sp0-25: calc(0.25 * var(--sp));

package/variables/ui.css

@@ -206,4 +206,4 @@
     --ui-shadow-color: var(--ui-danger-shadow-color);
     --ui-focus-light-color: var(--ui-danger-focus-light-color);
     --ui-focus-medium-color: var(--ui-danger-focus-medium-color);
-}
+}