@nordcode/ui 2.0.3 → 2.0.5

package/.idea/copilot.data.migration.agent.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AgentMigrationStateService">
+    <option name="migrationStatus" value="COMPLETED" />
+  </component>
+</project>

package/.idea/copilot.data.migration.ask.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AskMigrationStateService">
+    <option name="migrationStatus" value="COMPLETED" />
+  </component>
+</project>

package/.idea/copilot.data.migration.ask2agent.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Ask2AgentMigrationStateService">
+    <option name="migrationStatus" value="COMPLETED" />
+  </component>
+</project>

package/.idea/copilot.data.migration.edit.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="EditMigrationStateService">
+    <option name="migrationStatus" value="COMPLETED" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/ui.iml" filepath="$PROJECT_DIR$/.idea/ui.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/ui.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/../.." vcs="Git" />
+  </component>
+</project>

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 2.0.5 (2025-10-11)
+
+### fixes 
+
+-fix input type=file buttons not being aligned
+
+## 2.0.4 (2025-10-05)
+
+### improvements
+
+-tweaks to css reset
+
 ## 2.0.3 (2025-09-11)
 
 ### improvements

package/out/bundle.css

@@ -44,9 +44,9 @@
     --shadow-near: .3px 1px 2px 0px color-mix(in oklch, var(--shadow-color), transparent 50%), .9px 3px 6px -1.33px color-mix(in oklch, var(--shadow-color), transparent 60.5%), 2.7px 9px 18px -2.67px color-mix(in oklch, var(--shadow-color), transparent 68.79%), 8.1px 27px 54px -4px color-mix(in oklch, var(--shadow-color), transparent 75.35%);
     --shadow-medium: .3px 1px 2px 0px color-mix(in oklch, var(--shadow-color), transparent 50%), .9px 3px 6px -.8px color-mix(in oklch, var(--shadow-color), transparent 60.5%), 2.7px 9px 18px -1.6px color-mix(in oklch, var(--shadow-color), transparent 68.79%), 8.1px 27px 54px -2.4px color-mix(in oklch, var(--shadow-color), transparent 75.35%), 24.3px 81px 162px -3.2px color-mix(in oklch, var(--shadow-color), transparent 80.52%), 72.9px 243px 486px -4px color-mix(in oklch, var(--shadow-color), transparent 84.61%);
     --shadow-far: .3px 1px 2px 0px color-mix(in oklch, var(--shadow-color), transparent 50%), .9px 3px 6px -.5px color-mix(in oklch, var(--shadow-color), transparent 60.5%), 2.7px 9px 18px -1px color-mix(in oklch, var(--shadow-color), transparent 68.79%), 8.1px 27px 54px -1.5px color-mix(in oklch, var(--shadow-color), transparent 75.35%), 24.3px 81px 162px -2px color-mix(in oklch, var(--shadow-color), transparent 80.52%), 72.9px 243px 486px -2.5px color-mix(in oklch, var(--shadow-color), transparent 84.61%), 218.7px 729px 1458px -3px color-mix(in oklch, var(--shadow-color), transparent 87.85%), 656.1px 2187px 4374px -3.5px color-mix(in oklch, var(--shadow-color), transparent 90.4%), 1968.3px 6561px 13122px -4px color-mix(in oklch, var(--shadow-color), transparent 92.41%);
-    --shadow-color-light: #b4bed2;
+    --shadow-color-light: oklch(80% .03 265);
     --shadow-color-light-lch: 80% .03 265;
-    --shadow-color-dark: #131e37;
+    --shadow-color-dark: oklch(24% .05 265);
     --shadow-color-dark-lch: 24% .05 265;
     --lightness-max: .99;
     --lightness-min: .03;
@@ -201,16 +201,6 @@
     --color-status-info-contrast-lightness-dark: calc(var(--lightness-max)  - ( var(--lightness-diff) * min(max((var(--l-status-info-dark)  - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)));
     --color-status-info-contrast-dark: oklch(var(--color-status-info-contrast-lightness-dark) calc(var(--c-status-info) * .25) var(--h-status-info));
     --color-status-info-hover-dark: oklch(var(--l-status-info-dark) var(--c-status-info) var(--h-status-info) / calc(var(--transparency-weaker) / 10));
-  }
-
-  @supports (color: lab(0% 0 0)) {
-    :where(html) {
-      --shadow-color-light: lab(76.6551% -.431716 -11.1996);
-      --shadow-color-dark: lab(11.4338% 2.08272 -17.8892);
-    }
-  }
-
-  :where(html) {
     --control-height-base: var(--button-height-base);
     --control-height-small: var(--button-height-small);
     --font-family-link: var(--font-family-default);
@@ -352,6 +342,8 @@
     font-kerning: normal;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
+    hanging-punctuation: first allow-end last;
+    word-break: break-word;
   }
 
   :where(body) {
@@ -415,9 +407,19 @@
     letter-spacing: inherit;
   }
 
-  :where(html):has(dialog:modal) {
-    scrollbar-gutter: stable;
-    overflow: hidden;
+  :where(html) {
+    overflow-y: scroll;
+  }
+
+  @supports (scrollbar-gutter: stable) {
+    :where(html) {
+      scrollbar-gutter: stable;
+      overflow-y: auto;
+    }
+  }
+
+  :where(pre) {
+    white-space: pre-wrap;
   }
 }
 

package/out/bundle_configless.css

@@ -134,6 +134,8 @@
     font-kerning: normal;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
+    hanging-punctuation: first allow-end last;
+    word-break: break-word;
   }
 
   :where(body) {
@@ -197,9 +199,19 @@
     letter-spacing: inherit;
   }
 
-  :where(html):has(dialog:modal) {
-    scrollbar-gutter: stable;
-    overflow: hidden;
+  :where(html) {
+    overflow-y: scroll;
+  }
+
+  @supports (scrollbar-gutter: stable) {
+    :where(html) {
+      scrollbar-gutter: stable;
+      overflow-y: auto;
+    }
+  }
+
+  :where(pre) {
+    white-space: pre-wrap;
   }
 }
 

package/out/complete.css

@@ -44,9 +44,9 @@
     --shadow-near: .3px 1px 2px 0px color-mix(in oklch, var(--shadow-color), transparent 50%), .9px 3px 6px -1.33px color-mix(in oklch, var(--shadow-color), transparent 60.5%), 2.7px 9px 18px -2.67px color-mix(in oklch, var(--shadow-color), transparent 68.79%), 8.1px 27px 54px -4px color-mix(in oklch, var(--shadow-color), transparent 75.35%);
     --shadow-medium: .3px 1px 2px 0px color-mix(in oklch, var(--shadow-color), transparent 50%), .9px 3px 6px -.8px color-mix(in oklch, var(--shadow-color), transparent 60.5%), 2.7px 9px 18px -1.6px color-mix(in oklch, var(--shadow-color), transparent 68.79%), 8.1px 27px 54px -2.4px color-mix(in oklch, var(--shadow-color), transparent 75.35%), 24.3px 81px 162px -3.2px color-mix(in oklch, var(--shadow-color), transparent 80.52%), 72.9px 243px 486px -4px color-mix(in oklch, var(--shadow-color), transparent 84.61%);
     --shadow-far: .3px 1px 2px 0px color-mix(in oklch, var(--shadow-color), transparent 50%), .9px 3px 6px -.5px color-mix(in oklch, var(--shadow-color), transparent 60.5%), 2.7px 9px 18px -1px color-mix(in oklch, var(--shadow-color), transparent 68.79%), 8.1px 27px 54px -1.5px color-mix(in oklch, var(--shadow-color), transparent 75.35%), 24.3px 81px 162px -2px color-mix(in oklch, var(--shadow-color), transparent 80.52%), 72.9px 243px 486px -2.5px color-mix(in oklch, var(--shadow-color), transparent 84.61%), 218.7px 729px 1458px -3px color-mix(in oklch, var(--shadow-color), transparent 87.85%), 656.1px 2187px 4374px -3.5px color-mix(in oklch, var(--shadow-color), transparent 90.4%), 1968.3px 6561px 13122px -4px color-mix(in oklch, var(--shadow-color), transparent 92.41%);
-    --shadow-color-light: #b4bed2;
+    --shadow-color-light: oklch(80% .03 265);
     --shadow-color-light-lch: 80% .03 265;
-    --shadow-color-dark: #131e37;
+    --shadow-color-dark: oklch(24% .05 265);
     --shadow-color-dark-lch: 24% .05 265;
     --lightness-max: .99;
     --lightness-min: .03;
@@ -201,16 +201,6 @@
     --color-status-info-contrast-lightness-dark: calc(var(--lightness-max)  - ( var(--lightness-diff) * min(max((var(--l-status-info-dark)  - var(--lightness-contrast-cutoff)) * 1000000, 0), 1)));
     --color-status-info-contrast-dark: oklch(var(--color-status-info-contrast-lightness-dark) calc(var(--c-status-info) * .25) var(--h-status-info));
     --color-status-info-hover-dark: oklch(var(--l-status-info-dark) var(--c-status-info) var(--h-status-info) / calc(var(--transparency-weaker) / 10));
-  }
-
-  @supports (color: lab(0% 0 0)) {
-    :where(html) {
-      --shadow-color-light: lab(76.6551% -.431716 -11.1996);
-      --shadow-color-dark: lab(11.4338% 2.08272 -17.8892);
-    }
-  }
-
-  :where(html) {
     --control-height-base: var(--button-height-base);
     --control-height-small: var(--button-height-small);
     --font-family-link: var(--font-family-default);
@@ -352,6 +342,8 @@
     font-kerning: normal;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
+    hanging-punctuation: first allow-end last;
+    word-break: break-word;
   }
 
   :where(body) {
@@ -415,9 +407,19 @@
     letter-spacing: inherit;
   }
 
-  :where(html):has(dialog:modal) {
-    scrollbar-gutter: stable;
-    overflow: hidden;
+  :where(html) {
+    overflow-y: scroll;
+  }
+
+  @supports (scrollbar-gutter: stable) {
+    :where(html) {
+      scrollbar-gutter: stable;
+      overflow-y: auto;
+    }
+  }
+
+  :where(pre) {
+    white-space: pre-wrap;
   }
 }
 
@@ -1545,7 +1547,6 @@
     box-shadow: var(--_button-box-shadow);
     -webkit-user-select: none;
     user-select: none;
-    text-box: cap alphabetic;
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
     line-height: var(--line-height-base);
@@ -2191,7 +2192,7 @@
   }
 
   :where(textarea:not([class]), .nc-textarea) {
-    min-block-size: calc(5lh + 2 * var(--_input-padding-block));
+    min-block-size: calc(8lh + 2 * var(--_input-padding-block));
     max-block-size: 80svh;
     min-inline-size: var(--input-inline-size, 100%);
     max-inline-size: 100%;

package/out/complete_configless.css

@@ -134,6 +134,8 @@
     font-kerning: normal;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
+    hanging-punctuation: first allow-end last;
+    word-break: break-word;
   }
 
   :where(body) {
@@ -197,9 +199,19 @@
     letter-spacing: inherit;
   }
 
-  :where(html):has(dialog:modal) {
-    scrollbar-gutter: stable;
-    overflow: hidden;
+  :where(html) {
+    overflow-y: scroll;
+  }
+
+  @supports (scrollbar-gutter: stable) {
+    :where(html) {
+      scrollbar-gutter: stable;
+      overflow-y: auto;
+    }
+  }
+
+  :where(pre) {
+    white-space: pre-wrap;
   }
 }
 
@@ -1327,7 +1339,6 @@
     box-shadow: var(--_button-box-shadow);
     -webkit-user-select: none;
     user-select: none;
-    text-box: cap alphabetic;
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
     line-height: var(--line-height-base);
@@ -1973,7 +1984,7 @@
   }
 
   :where(textarea:not([class]), .nc-textarea) {
-    min-block-size: calc(5lh + 2 * var(--_input-padding-block));
+    min-block-size: calc(8lh + 2 * var(--_input-padding-block));
     max-block-size: 80svh;
     min-inline-size: var(--input-inline-size, 100%);
     max-inline-size: 100%;

package/package.json

@@ -12,7 +12,7 @@
     "type": "git",
     "url": "https://github.com/nordcode-agency/nordcode/tree/main/packages/ui"
   },
-  "version": "2.0.3",
+  "version": "2.0.5",
   "publishConfig": {
     "access": "public"
   },

package/src/styles/components/buttons.css

@@ -51,7 +51,6 @@
         text-decoration: unset;
         box-shadow: var(--_button-box-shadow);
         user-select: none;
-        text-box: cap alphabetic;
         -webkit-tap-highlight-color: transparent;
         -webkit-touch-callout: none;
 

package/src/styles/components/inputs/base.css

@@ -137,7 +137,7 @@
     }
 
     :where(textarea:not([class]), .nc-textarea) {
-        min-block-size: calc(5lh + 2 * var(--_input-padding-block));
+        min-block-size: calc(8lh + 2 * var(--_input-padding-block));
         max-block-size: 80svh;
         min-inline-size: var(--input-inline-size, 100%);
         max-inline-size: 100%;

package/src/styles/utils/reset.css

@@ -53,6 +53,9 @@
         font-kerning: normal;
         -moz-osx-font-smoothing: grayscale;
         -webkit-font-smoothing: antialiased;
+
+        hanging-punctuation: first allow-end last;
+        word-break: break-word;
     }
 
     :where(body) {
@@ -141,8 +144,18 @@
         letter-spacing: inherit;
     }
 
-    :where(html):has(dialog:modal) {
-        scrollbar-gutter: stable;
-        overflow: hidden;
+    :where(html) {
+        overflow-y: scroll;
+    }
+
+    @supports (scrollbar-gutter: stable) {
+        :where(html) {
+            overflow-y: auto;
+            scrollbar-gutter: stable;
+        }
+    }
+
+    :where(pre) {
+      white-space: pre-wrap;
     }
 }