@nordcode/ui 2.0.5 → 2.1.0

package/src/styles/utils/layouts.css

@@ -164,10 +164,11 @@
     */
     :where(.nc-grid) {
         display: grid;
-        grid-template-columns: repeat(
-                var(--grid-placement, auto-fill),
-                minmax(var(--grid-min-item-size, 16rem), 1fr)
-            );
+        grid-template-columns:
+            repeat(
+            var(--grid-placement, auto-fill),
+            minmax(var(--grid-min-item-size, 16rem), 1fr)
+        );
         gap: var(--grid-gap, var(--spacing-base));
 
         /* A split 50/50 layout */
@@ -215,7 +216,7 @@
         /* Max 2 items,
         so anything greater than 2 is ful width */
 
-        & > :nth-child(n + 4) {
+        & > :nth-child(n+4) {
             flex-basis: 100%;
         }
     }
@@ -242,21 +243,14 @@
 
         display: grid;
         gap: var(--_nc-ram-grid-gap-column) var(--_nc-ram-grid-gap-row);
-        grid-template-columns: repeat(
-                var(--_nc-ram-grid-repeat-count),
-                minmax(min(var(--_nc-ram-grid-min-width), 100%), 1fr)
-            );
+        grid-template-columns:
+            repeat(
+            var(--_nc-ram-grid-repeat-count),
+            minmax(min(var(--_nc-ram-grid-min-width), 100%), 1fr)
+        );
     }
 
-    :where(
-            .nc-stack,
-            .nc-cluster,
-            .nc-with-sidebar,
-            .nc-grid,
-            .nc-gallery,
-            .nc-switcher,
-            .nc-ram-grid
-        ) {
+    :where(.nc-stack, .nc-cluster, .nc-with-sidebar, .nc-grid, .nc-gallery, .nc-switcher, .nc-ram-grid) {
         &.-inherit {
             gap: inherit;
         }

package/src/styles/utils/reset.css

@@ -16,14 +16,8 @@
         background-repeat: no-repeat;
     }
 
-    @media (prefers-reduced-motion: no-preference) {
-        :where(:focus-visible) {
-            transition: outline-offset var(--transition-duration-short) var(--ease-2);
-        }
-
-        :where(:not(:active):focus-visible) {
-            transition-duration: var(--transition-duration-base);
-        }
+    :where(:focus-visible) {
+        transition: outline-offset var(--transition-duration-quick-1) var(--ease-2);
     }
 
     :where(:not(:active):focus-visible) {
@@ -101,38 +95,11 @@
         gap: 0;
     }
 
-    :where(
-            a[href],
-            area,
-            button,
-            input:not(
-                    [type="text"],
-                    [type="email"],
-                    [type="number"],
-                    [type="password"],
-                    [type=""],
-                    [type="tel"],
-                    [type="url"]
-                ),
-            label[for],
-            select,
-            summary,
-            [tabindex]:not([tabindex*="-"], pre)
-        ) {
+    :where(a[href], area, button, input:not([type="text"], [type="email"], [type="number"], [type="password"], [type=""], [type="tel"], [type="url"]), label[for], select, summary, [tabindex]:not([tabindex*="-"], pre)) {
         cursor: pointer;
     }
 
-    :where(
-            a[href],
-            area,
-            button,
-            input,
-            label[for],
-            select,
-            summary,
-            textarea,
-            [tabindex]:not([tabindex*="-"])
-        ) {
+    :where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
         touch-action: manipulation;
         -webkit-tap-highlight-color: transparent;
     }
@@ -156,6 +123,6 @@
     }
 
     :where(pre) {
-      white-space: pre-wrap;
+        white-space: pre-wrap;
     }
 }

package/transform.js

@@ -1,16 +1,9 @@
-import fs from 'node:fs';
 import browserslist from 'browserslist';
 import { browserslistToTargets, bundle } from 'lightningcss';
+import fs from 'node:fs';
 
 const browserlistTargtsWidelyAvailable = [
-    'Chrome > 0 and last 2.5 years',
-    'ChromeAndroid > 0 and last 2.5 years',
-    'Edge > 0 and last 2.5 years',
-    'Firefox > 0 and last 2.5 years',
-    'FirefoxAndroid > 0 and last 2.5 years',
-    'Safari > 0 and last 2.5 years',
-    'iOS > 0 and last 2.5 years',
-    'not dead',
+    'extends browserslist-config-baseline',
 ];
 
 const targets = browserslistToTargets(browserslist(browserlistTargtsWidelyAvailable));