@fremtind/jokul 0.71.1 → 1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fremtind/jokul",
-  "version": "0.71.1",
+  "version": "1.0.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -20,16 +20,6 @@
   ],
   "main": "./build/cjs/index.cjs",
   "exports": {
-    ".": {
-      "import": {
-        "types": "./build/es/index.d.ts",
-        "default": "./build/es/index.js"
-      },
-      "require": {
-        "types": "./build/cjs/index.d.cts",
-        "default": "./build/cjs/index.cjs"
-      }
-    },
     "./core": {
       "import": {
         "types": "./build/es/core/index.d.ts",
@@ -76,29 +66,8 @@
         "default": "./build/cjs/utilities/index.cjs"
       }
     },
-    "./components": {
-      "import": {
-        "types": "./build/es/components/index.d.ts",
-        "default": "./build/es/components/index.js"
-      },
-      "require": {
-        "types": "./build/cjs/components/index.d.cts",
-        "default": "./build/cjs/components/index.cjs"
-      }
-    },
-    "./styles/components/accordion": "./styles/components/accordion/_index.scss",
-    "./components/accordion": {
-      "import": {
-        "types": "./build/es/components/accordion/index.d.ts",
-        "default": "./build/es/components/accordion/index.js"
-      },
-      "require": {
-        "types": "./build/cjs/components/accordion/index.d.cts",
-        "default": "./build/cjs/components/accordion/index.cjs"
-      }
-    },
     "./styles/components/autosuggest": "./styles/components/autosuggest/_index.scss",
-    "./components/autosuggest": {
+    "./autosuggest": {
       "import": {
         "types": "./build/es/components/autosuggest/index.d.ts",
         "default": "./build/es/components/autosuggest/index.js"
@@ -109,7 +78,7 @@
       }
     },
     "./styles/components/breadcrumb": "./styles/components/breadcrumb/_index.scss",
-    "./components/breadcrumb": {
+    "./breadcrumb": {
       "import": {
         "types": "./build/es/components/breadcrumb/index.d.ts",
         "default": "./build/es/components/breadcrumb/index.js"
@@ -120,7 +89,7 @@
       }
     },
     "./styles/components/button": "./styles/components/button/_index.scss",
-    "./components/button": {
+    "./button": {
       "import": {
         "types": "./build/es/components/button/index.d.ts",
         "default": "./build/es/components/button/index.js"
@@ -131,7 +100,7 @@
       }
     },
     "./styles/components/card": "./styles/components/card/_index.scss",
-    "./components/card": {
+    "./card": {
       "import": {
         "types": "./build/es/components/card/index.d.ts",
         "default": "./build/es/components/card/index.js"
@@ -142,7 +111,7 @@
       }
     },
     "./styles/components/checkbox": "./styles/components/checkbox/_index.scss",
-    "./components/checkbox": {
+    "./checkbox": {
       "import": {
         "types": "./build/es/components/checkbox/index.d.ts",
         "default": "./build/es/components/checkbox/index.js"
@@ -153,7 +122,7 @@
       }
     },
     "./styles/components/checkbox-panel": "./styles/components/checkbox-panel/_index.scss",
-    "./components/checkbox-panel": {
+    "./checkbox-panel": {
       "import": {
         "types": "./build/es/components/checkbox-panel/index.d.ts",
         "default": "./build/es/components/checkbox-panel/index.js"
@@ -164,7 +133,7 @@
       }
     },
     "./styles/components/chip": "./styles/components/chip/_index.scss",
-    "./components/chip": {
+    "./chip": {
       "import": {
         "types": "./build/es/components/chip/index.d.ts",
         "default": "./build/es/components/chip/index.js"
@@ -175,7 +144,7 @@
       }
     },
     "./styles/components/combobox": "./styles/components/combobox/_index.scss",
-    "./components/combobox": {
+    "./combobox": {
       "import": {
         "types": "./build/es/components/combobox/index.d.ts",
         "default": "./build/es/components/combobox/index.js"
@@ -186,7 +155,7 @@
       }
     },
     "./styles/components/cookie-consent": "./styles/components/cookie-consent/_index.scss",
-    "./components/cookie-consent": {
+    "./cookie-consent": {
       "import": {
         "types": "./build/es/components/cookie-consent/index.d.ts",
         "default": "./build/es/components/cookie-consent/index.js"
@@ -197,7 +166,7 @@
       }
     },
     "./styles/components/countdown": "./styles/components/countdown/_index.scss",
-    "./components/countdown": {
+    "./countdown": {
       "import": {
         "types": "./build/es/components/countdown/index.d.ts",
         "default": "./build/es/components/countdown/index.js"
@@ -208,7 +177,7 @@
       }
     },
     "./styles/components/datepicker": "./styles/components/datepicker/_index.scss",
-    "./components/datepicker": {
+    "./datepicker": {
       "import": {
         "types": "./build/es/components/datepicker/index.d.ts",
         "default": "./build/es/components/datepicker/index.js"
@@ -219,7 +188,7 @@
       }
     },
     "./styles/components/description-list": "./styles/components/description-list/_index.scss",
-    "./components/description-list": {
+    "./description-list": {
       "import": {
         "types": "./build/es/components/description-list/index.d.ts",
         "default": "./build/es/components/description-list/index.js"
@@ -230,7 +199,7 @@
       }
     },
     "./styles/components/expander": "./styles/components/expander/_index.scss",
-    "./components/expander": {
+    "./expander": {
       "import": {
         "types": "./build/es/components/expander/index.d.ts",
         "default": "./build/es/components/expander/index.js"
@@ -241,7 +210,7 @@
       }
     },
     "./styles/components/feedback": "./styles/components/feedback/_index.scss",
-    "./components/feedback": {
+    "./feedback": {
       "import": {
         "types": "./build/es/components/feedback/index.d.ts",
         "default": "./build/es/components/feedback/index.js"
@@ -252,7 +221,7 @@
       }
     },
     "./styles/components/file": "./styles/components/file/_index.scss",
-    "./components/file": {
+    "./file": {
       "import": {
         "types": "./build/es/components/file/index.d.ts",
         "default": "./build/es/components/file/index.js"
@@ -263,7 +232,7 @@
       }
     },
     "./styles/components/file-input": "./styles/components/file-input/_index.scss",
-    "./components/file-input": {
+    "./file-input": {
       "import": {
         "types": "./build/es/components/file-input/index.d.ts",
         "default": "./build/es/components/file-input/index.js"
@@ -274,7 +243,7 @@
       }
     },
     "./styles/components/flex": "./styles/components/flex/_index.scss",
-    "./components/flex": {
+    "./flex": {
       "import": {
         "types": "./build/es/components/flex/index.d.ts",
         "default": "./build/es/components/flex/index.js"
@@ -285,7 +254,7 @@
       }
     },
     "./styles/components/icon": "./styles/components/icon/_index.scss",
-    "./components/icon": {
+    "./icon": {
       "import": {
         "types": "./build/es/components/icon/index.d.ts",
         "default": "./build/es/components/icon/index.js"
@@ -296,7 +265,7 @@
       }
     },
     "./styles/components/icon-button": "./styles/components/icon-button/_index.scss",
-    "./components/icon-button": {
+    "./icon-button": {
       "import": {
         "types": "./build/es/components/icon-button/index.d.ts",
         "default": "./build/es/components/icon-button/index.js"
@@ -307,7 +276,7 @@
       }
     },
     "./styles/components/image": "./styles/components/image/_index.scss",
-    "./components/image": {
+    "./image": {
       "import": {
         "types": "./build/es/components/image/index.d.ts",
         "default": "./build/es/components/image/index.js"
@@ -318,7 +287,7 @@
       }
     },
     "./styles/components/input-group": "./styles/components/input-group/_index.scss",
-    "./components/input-group": {
+    "./input-group": {
       "import": {
         "types": "./build/es/components/input-group/index.d.ts",
         "default": "./build/es/components/input-group/index.js"
@@ -329,7 +298,7 @@
       }
     },
     "./styles/components/link": "./styles/components/link/_index.scss",
-    "./components/link": {
+    "./link": {
       "import": {
         "types": "./build/es/components/link/index.d.ts",
         "default": "./build/es/components/link/index.js"
@@ -340,7 +309,7 @@
       }
     },
     "./styles/components/link-list": "./styles/components/link-list/_index.scss",
-    "./components/link-list": {
+    "./link-list": {
       "import": {
         "types": "./build/es/components/link-list/index.d.ts",
         "default": "./build/es/components/link-list/index.js"
@@ -351,7 +320,7 @@
       }
     },
     "./styles/components/list": "./styles/components/list/_index.scss",
-    "./components/list": {
+    "./list": {
       "import": {
         "types": "./build/es/components/list/index.d.ts",
         "default": "./build/es/components/list/index.js"
@@ -362,7 +331,7 @@
       }
     },
     "./styles/components/loader": "./styles/components/loader/_index.scss",
-    "./components/loader": {
+    "./loader": {
       "import": {
         "types": "./build/es/components/loader/index.d.ts",
         "default": "./build/es/components/loader/index.js"
@@ -373,7 +342,7 @@
       }
     },
     "./styles/components/logo": "./styles/components/logo/_index.scss",
-    "./components/logo": {
+    "./logo": {
       "import": {
         "types": "./build/es/components/logo/index.d.ts",
         "default": "./build/es/components/logo/index.js"
@@ -384,7 +353,7 @@
       }
     },
     "./styles/components/menu": "./styles/components/menu/_index.scss",
-    "./components/menu": {
+    "./menu": {
       "import": {
         "types": "./build/es/components/menu/index.d.ts",
         "default": "./build/es/components/menu/index.js"
@@ -395,7 +364,7 @@
       }
     },
     "./styles/components/message": "./styles/components/message/_index.scss",
-    "./components/message": {
+    "./message": {
       "import": {
         "types": "./build/es/components/message/index.d.ts",
         "default": "./build/es/components/message/index.js"
@@ -406,7 +375,7 @@
       }
     },
     "./styles/components/modal": "./styles/components/modal/_index.scss",
-    "./components/modal": {
+    "./modal": {
       "import": {
         "types": "./build/es/components/modal/index.d.ts",
         "default": "./build/es/components/modal/index.js"
@@ -417,7 +386,7 @@
       }
     },
     "./styles/components/nav-link": "./styles/components/nav-link/_index.scss",
-    "./components/nav-link": {
+    "./nav-link": {
       "import": {
         "types": "./build/es/components/nav-link/index.d.ts",
         "default": "./build/es/components/nav-link/index.js"
@@ -428,7 +397,7 @@
       }
     },
     "./styles/components/pagination": "./styles/components/pagination/_index.scss",
-    "./components/pagination": {
+    "./pagination": {
       "import": {
         "types": "./build/es/components/pagination/index.d.ts",
         "default": "./build/es/components/pagination/index.js"
@@ -439,7 +408,7 @@
       }
     },
     "./styles/components/popover": "./styles/components/popover/_index.scss",
-    "./components/popover": {
+    "./popover": {
       "import": {
         "types": "./build/es/components/popover/index.d.ts",
         "default": "./build/es/components/popover/index.js"
@@ -450,7 +419,7 @@
       }
     },
     "./styles/components/progress-bar": "./styles/components/progress-bar/_index.scss",
-    "./components/progress-bar": {
+    "./progress-bar": {
       "import": {
         "types": "./build/es/components/progress-bar/index.d.ts",
         "default": "./build/es/components/progress-bar/index.js"
@@ -461,7 +430,7 @@
       }
     },
     "./styles/components/radio-button": "./styles/components/radio-button/_index.scss",
-    "./components/radio-button": {
+    "./radio-button": {
       "import": {
         "types": "./build/es/components/radio-button/index.d.ts",
         "default": "./build/es/components/radio-button/index.js"
@@ -472,7 +441,7 @@
       }
     },
     "./styles/components/radio-panel": "./styles/components/radio-panel/_index.scss",
-    "./components/radio-panel": {
+    "./radio-panel": {
       "import": {
         "types": "./build/es/components/radio-panel/index.d.ts",
         "default": "./build/es/components/radio-panel/index.js"
@@ -483,7 +452,7 @@
       }
     },
     "./styles/components/select": "./styles/components/select/_index.scss",
-    "./components/select": {
+    "./select": {
       "import": {
         "types": "./build/es/components/select/index.d.ts",
         "default": "./build/es/components/select/index.js"
@@ -494,7 +463,7 @@
       }
     },
     "./styles/components/summary-table": "./styles/components/summary-table/_index.scss",
-    "./components/summary-table": {
+    "./summary-table": {
       "import": {
         "types": "./build/es/components/summary-table/index.d.ts",
         "default": "./build/es/components/summary-table/index.js"
@@ -505,7 +474,7 @@
       }
     },
     "./styles/components/system-message": "./styles/components/system-message/_index.scss",
-    "./components/system-message": {
+    "./system-message": {
       "import": {
         "types": "./build/es/components/system-message/index.d.ts",
         "default": "./build/es/components/system-message/index.js"
@@ -516,7 +485,7 @@
       }
     },
     "./styles/components/table": "./styles/components/table/_index.scss",
-    "./components/table": {
+    "./table": {
       "import": {
         "types": "./build/es/components/table/index.d.ts",
         "default": "./build/es/components/table/index.js"
@@ -527,7 +496,7 @@
       }
     },
     "./styles/components/tabs": "./styles/components/tabs/_index.scss",
-    "./components/tabs": {
+    "./tabs": {
       "import": {
         "types": "./build/es/components/tabs/index.d.ts",
         "default": "./build/es/components/tabs/index.js"
@@ -538,7 +507,7 @@
       }
     },
     "./styles/components/tag": "./styles/components/tag/_index.scss",
-    "./components/tag": {
+    "./tag": {
       "import": {
         "types": "./build/es/components/tag/index.d.ts",
         "default": "./build/es/components/tag/index.js"
@@ -549,7 +518,7 @@
       }
     },
     "./styles/components/text-area": "./styles/components/text-area/_index.scss",
-    "./components/text-area": {
+    "./text-area": {
       "import": {
         "types": "./build/es/components/text-area/index.d.ts",
         "default": "./build/es/components/text-area/index.js"
@@ -560,7 +529,7 @@
       }
     },
     "./styles/components/text-input": "./styles/components/text-input/_index.scss",
-    "./components/text-input": {
+    "./text-input": {
       "import": {
         "types": "./build/es/components/text-input/index.d.ts",
         "default": "./build/es/components/text-input/index.js"
@@ -571,7 +540,7 @@
       }
     },
     "./styles/components/toast": "./styles/components/toast/_index.scss",
-    "./components/toast": {
+    "./toast": {
       "import": {
         "types": "./build/es/components/toast/index.d.ts",
         "default": "./build/es/components/toast/index.js"
@@ -582,7 +551,7 @@
       }
     },
     "./styles/components/toggle-switch": "./styles/components/toggle-switch/_index.scss",
-    "./components/toggle-switch": {
+    "./toggle-switch": {
       "import": {
         "types": "./build/es/components/toggle-switch/index.d.ts",
         "default": "./build/es/components/toggle-switch/index.js"
@@ -593,7 +562,7 @@
       }
     },
     "./styles/components/tooltip": "./styles/components/tooltip/_index.scss",
-    "./components/tooltip": {
+    "./tooltip": {
       "import": {
         "types": "./build/es/components/tooltip/index.d.ts",
         "default": "./build/es/components/tooltip/index.js"
@@ -602,6 +571,16 @@
         "types": "./build/cjs/components/tooltip/index.d.cts",
         "default": "./build/cjs/components/tooltip/index.cjs"
       }
+    },
+    "./screen-reader-only": {
+      "import": {
+        "types": "./build/es/components/screen-reader-only/index.d.ts",
+        "default": "./build/es/components/screen-reader-only/index.js"
+      },
+      "require": {
+        "types": "./build/cjs/components/screen-reader-only/index.d.cts",
+        "default": "./build/cjs/components/screen-reader-only/index.cjs"
+      }
     }
   },
   "dependencies": {
@@ -621,7 +600,7 @@
     "@babel/preset-react": "^7.27.1",
     "@rollup/plugin-terser": "^0.4.4",
     "@types/react": "18.3.1",
-    "@vitejs/plugin-react": "^4.5.2",
+    "@vitejs/plugin-react": "^4.6.0",
     "@vitejs/plugin-react-swc": "^3.10.2",
     "autoprefixer": "^10.4.21",
     "change-case": "^5.4.4",
@@ -645,11 +624,12 @@
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.2.4",
     "vitest-axe": "^0.1.0",
-    "vite": "^6.3.5"
+    "vite": "^7.0.2"
   },
   "peerDependencies": {
     "react": "^18.3.1 || ^19.0.0",
-    "react-dom": "^18.3.1 || ^19.0.0"
+    "react-dom": "^18.3.1 || ^19.0.0",
+    "@types/react": "^18.3.1 || ^19.0.0"
   },
   "repository": {
     "type": "git",

package/styles/components/autosuggest/autosuggest.scss

@@ -25,21 +25,21 @@
 
     --jkl-autosuggest-menu-padding: 1rem 0.5rem 0;
     --jkl-autosuggest-controller-button-width: auto;
-    --jkl-autosuggest-controller-button-padding: 0 #{jkl.$spacing-s};
+    --jkl-autosuggest-controller-button-padding: 0 #{jkl.$spacing-12};
     --jkl-autosuggest-controller-button-icon-size: #{jkl.rem(20px)};
-    --jkl-autosuggest-option-padding: 0 #{jkl.$spacing-s};
+    --jkl-autosuggest-option-padding: 0 #{jkl.$spacing-12};
     --jkl-autosuggest-option-height: #{jkl.rem(48px)};
 }
 
 @include jkl.compact-density-variables {
     @include jkl.declare-font-variables("jkl-autosuggest-item", "small");
 
-    --jkl-autosuggest-menu-padding: #{jkl.$spacing-2xs};
+    --jkl-autosuggest-menu-padding: #{jkl.$spacing-4};
     --jkl-autosuggest-controller-button-width: #{jkl.rem(24px)};
     --jkl-autosuggest-controller-button-padding: 0;
     --jkl-autosuggest-controller-button-icon-size: #{jkl.rem(18px)};
     --jkl-autosuggest-no-hits-message-font-size: var(--jkl-small-font-size);
-    --jkl-autosuggest-option-padding: 0 #{jkl.$spacing-xs};
+    --jkl-autosuggest-option-padding: 0 #{jkl.$spacing-8};
     --jkl-autosuggest-option-height: #{jkl.rem(32px)};
 }