oneslash-design-system 2.0.4 → 2.1.0

package/README.md

@@ -10,6 +10,7 @@ The package ships Tailwind class names, CSS variables and untranspiled `.jsx`. E
    - light/dark toggle that sets `.dark` on `<html>`: `oneslash-design-system/themes/default.css`
    - follows the OS: `oneslash-design-system/themes/default-auto.css` (`.light` opts out of OS dark)
    - Scindo: `themes/forest.css` / `themes/forest-auto.css`
+   - other brand themes: `themes/clay.css`, `themes/indigo.css`, `themes/wine.css` (each with an `-auto` version)
 2. **Tailwind v3:** `presets: [require("oneslash-design-system/tailwind")]` (toggle) or `oneslash-design-system/tailwind-auto` (OS). Without the preset the components render unstyled.
 3. **Tailwind v4:** import `oneslash-design-system/theme.css` (toggle) or `theme-auto.css` (OS), plus `typography.css` if you want the type scale.
 4. **Next.js:** `transpilePackages: ["oneslash-design-system"]` in `next.config`.

package/dist/components/textField.jsx

@@ -24,15 +24,15 @@ export default function TextField(_a) {
     var colorClasses = disabled
         ? 'bg-transparent text-fg-disabled cursor-not-allowed'
         : 'bg-background-default text-fg-primary';
-    // Border: error > focus (2px offset outline, the same weight as Button) > hover > default
+    // Border: error > focus (1px offset outline, the same weight as the border) > hover > default
     var getBorderColor = function () {
         if (error) {
-            return 'border-error-main focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-error-main';
+            return 'border-error-main focus:outline focus:outline-1 focus:outline-offset-2 focus:outline-error-main';
         }
         if (disabled) {
             return 'border-fg-disabled';
         }
-        return "border-fg-disabled\n      hover:border-fg-secondary\n      focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-fg-primary";
+        return "border-fg-disabled\n      hover:border-fg-secondary\n      focus:outline focus:outline-1 focus:outline-offset-2 focus:outline-fg-primary";
     };
     var errorId = "".concat(id, "-error");
     // Get inputMode for mobile keyboard optimization

package/dist/components/textarea.jsx

@@ -48,15 +48,15 @@ export default function Textarea(_a) {
     var colorClasses = disabled
         ? 'bg-transparent text-fg-disabled cursor-not-allowed'
         : 'bg-background-default text-fg-primary';
-    // Border: error > focus (2px offset outline, the same weight as Button) > hover > default
+    // Border: error > focus (1px offset outline, the same weight as the border) > hover > default
     var getBorderColor = function () {
         if (error) {
-            return 'border-error-main focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-error-main';
+            return 'border-error-main focus:outline focus:outline-1 focus:outline-offset-2 focus:outline-error-main';
         }
         if (disabled) {
             return 'border-fg-disabled';
         }
-        return "border-fg-disabled\n      hover:border-fg-secondary\n      focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-fg-primary";
+        return "border-fg-disabled\n      hover:border-fg-secondary\n      focus:outline focus:outline-1 focus:outline-offset-2 focus:outline-fg-primary";
     };
     var containerClasses = "\n    ".concat(colorClasses, "\n    ").concat(baseClasses, "\n    ").concat(sizeClasses, "\n    ").concat(getBorderColor(), "\n  ");
     var errorId = "".concat(id, "-error");