* Remove unused function
* Support for complex options, using objects with label and value instead of strings
* Better typing for isTextInSelectedOptions value (boolean instead of truthy/falsy)
* Stricter value type: Only accept string values. This will work better with the allowNewValues prop, and simplify returning a value from onToggleSelected.
* More JSDoc
* Add test for complex options with label and value
* Add example for complex options on the aksel-website
* yarn.lock
* Remove other properties than label and value from Combobox options in Storybook-examples, as we have limited the format for now
* Array.includes does not work with objects, so should use isInList utility function. Fixes missing checkmark for selected items in FilteredOptions.
* Add changeset
* Remove navds-dependencies in playroom that break playwright tests. These are outdated/unsynced, and will be inherited from parent package.json instead.
* Do not try to remove an undefined option
* "it" is from jest. Use "test" instead.
* Update @navikt/core/react/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx
Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
* Update @navikt/core/react/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx
Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
* Update @navikt/core/react/src/form/combobox/Input/Input.tsx
Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
* Update @navikt/core/react/src/form/combobox/types.ts
Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
* Raise change level to minor, to signal the new feature
* Spread props instead of adding them separately
* JSDoc @returns doesn't do anything without a value specified, and neither of these return a value
* Options are used for multiple features, so will just skip specifying them
* Doesn't need a guaranteed unique ID for storybook examples. Use hard-coded instead.
* selectedOptions is a list of strings anyhow, so should just use the value
* More realistic example for complex options, where the option label is larger, and the SelectedOptions label uses a short code (the value)
Also made the isInList function better, by checking both label and value when checking ComboboxOptions. Pass just the value or just the label if you only want to check either of them.
* Add tests for mapToComboboxOptionArray (renamed from mapFromStringArrayToComboboxOptionArray)
* Add test for toComboboxOption and use this function in mapToComboboxOptionArray
* Update combobox unit test for complex options to use a more realistic example
* Don't say anything about what might be added in the future. That doesn't belong in the documentation
* Oppdater beskrivelsen for complex options-eksempelet (var kopiert fra annet eksempel)
* Fix Storybook example bug where de-selecting a value selected it an extra time
* Fix example
* Remove listing options because it breaks with allowNewValues
* Revert earlier change that always showed selected values in FilteredOptions, even if it didn't match the search text. This broke autocomplete.
* Remove unneccessary optional check
* yarn.lock
* Don't need to use toLocaleLowerCase
---------
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
* 💄 pretty up the props box on aksel.nav.no + typos
- also update some props docs here & there
* ♻️ pull out component, lazy() it
* 🔥 remove testing css
* 🎨 add fallback with <Suspense>
* 💬 correct @default strings
* 💄 spacing in Props table
* 🔥 @note is not a real JSDoc tag
* ✨ docgen extracts example, render fancy example box
* ✨ pretty @return and @params
* 💄 improve table layout / CSS
* 💄 + update CopyButton & Combobox jsdoc.
* 📝 update jsdoc
* 🎨 Oppdatert layout og visning av prop-table
* 🎨 use more semantic html, better nested <dl>
* ♿ add h4 to prop items
* 👷 use production sanity data
* ♿ revert nested <dl> so Axe tests pass
* 🏷️ correct some types for tsc to pass
* ♿ change from div -> ul
* 👷 commit lockfile
* 💄 make ul bottom rounded and align type with it\'s code block
* ♿ set language tag for props written in english
* 🏷️ type improvements for props section
* 🙈 update .gitignore
* 📝 jsdoc update
* 💄 props section
* ♻️ rename and less indentation (continues > ifs)
* 💄 style changes for Prop section
- breakpoint fail fix
- breakpoint col / row flex for prop fields
- padding tweaks
* 📝 update example jsdoc
---------
Co-authored-by: Ken <ken.aleksander@gmail.com>, Halvor <halvor.haugan@nav.no>
* 🎉 Satt opp boilerplate for auth på Aksel
* 🎉 Auth boilerplate
* 🎨 Demo-setup for å teste auth i dev
* 🚚 Flyttet auth til getserversideprops
* 🔥 Fjernet authprovider fra _app
* 🐛 revalidate er ikke valid key for getserversideprops i nextjs
* 🚚 rename auth-dir
* 🔥 Fjernet auth types
* 🎉 Auth for api
* 🎨 Oppdatert workflows med token
* 🔥 Fjernet testing av auth på god-praksis sider
* 🎨 La til sidecar på prod-deploy
* 🐛 only return boolean in Promise<boolean>
* ⬆️ Migrert til @navikt/oasis
* 🏷️ Satt typer til strict for å kjøre tester
* ⬆️ Yarn lock
---------
Co-authored-by: Julian Nymark <julian.nymark@nav.no>
Nye forfattere blir anbefalt å bruke et alias eller bare fornavn hvis man ønsker.
Ingen er satt som anonym i dag, slik at dette ikke vil påvirke noen forfattere
* 🎨 Satt opp migrering for editorsider
* 🎨 Oppdatert initialvalues for mail og oppretting av nye artikler
* 📝 Description på email-field
* Update aksel.nav.no/website/sanity/schema/documents/editors.tsx
* Update aksel.nav.no/website/sanity/schema/documents/editors.tsx
* Update aksel.nav.no/website/sanity/schema/documents/editors.tsx
* 🎨 Bedre validering av nav-mail i sanity
* 🐛 Feilet etter ts oppdatering
* ⚡ Bruker vitest for Aksel cli
* ⚡ Tokens bruker vitest
* 🔥 Fjernet ubrukte dependencies fra aksel cli
* ♻️ Aksel icons vitest
* ♻️ React bruker vitest
* 🔥 Fjernet ubrukte dependencies
* ⚡ Ser nå hvilken workspace som kjører tester
* ⚡ Vitest på aksel.nav.no
* 🎉 Vitest for aksel
* 🐛 Fikset eslint-feil for vitetest
* 🔥 Fjernet happy-dom
* 🎉 Stylelint bruker native node test-runner og ikke jest lengre
* 🎨 Migrert nye Tabs/ToggleGroup-tester til vitest
* 🎉 Uxtweaks-panel på forsiden til Aksel
* 🎨 Flyttet uxtweaks-box til under god-praksis panel
* 🎨 Panel har nå aside med role presentation
Dette gjør at skjermlesere hopper over 'complementary' og kommer rett til heading
* 💄 Oppdatert heading-tekst
* ♻️ Oppdatert hvordan ModalContext leveres
* 🏷️ onBeforeClose krever nå boolean
* ♻️ Undo rename av Modal.types for å unngå conflict
* 📝 Changeset
* 🔥 Fjernet unødvendig story-oppdatering
* 🐛 Fikset forwardRef i createContext
I tilfellene der ref blir sendt inn som en context-value, ble den tidligere slettet av React (native oppførsel)
ForwardRef lar oss beholde ref og sende den inn som context-value
* Endring av strict
* null -> undefined
---------
Co-authored-by: Halvor Haugan <halvor.haugan@nav.no>
* 🎉 Egen Portal-komponent
* 🎨 Portal og Overlay exportert i root
* ♻️ Tooltip bruker egen Portal
* 📝 Changeset
* 🔥 Fjernet ID på Portal-element
* 🎉 Ny type WithAsChild
* ♻️ Mer robust sjekk for conditional elements i WithAsChild
* 📝 WithAsChild JSDOC
* 📝 WithAsChild JSDOC 2
* Update .changeset/lovely-points-heal.md
Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
* ♻️ Fikset kommentarer fra git-pr
---------
Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
* ❇️ new schema for view tracking
* 🚧 wip for article views schema
* 🚧 wip on schema
* 🚧 schema changes for ArticleViews
* 🚧 run prettier with new config
* 🚧 deno script to update article views
* 🚧 working sanity document updates with bogus view data
* 🚧 helper to delete all article_views
* 🚧 add views_day
* ✨ working update for views on all gp articles
* 💄 eye icon for page views in sanity studio
* ♻️ cleanup from PR review / huddle
* 🚧 improvements to updateViews script
* 🚧 seemingly healthy queries (sometimes proxy gives stale data?)
* 👷 add .github/workflow for update views
* 👷 update .github/workflow for update views
* 👷 add env var in workflow
* ♻️ refactor from PR comments
* ♻️ refactor from PR comments
* ♻️ refactor from PR comments
* ♻️ refactor from PR comments
* ♻️ refactor from PR comments
* ♻️ refactor from PR comments
* ♻️ refactor from PR comments
* 👷 update workflow
* 🐛 correct paths to changelog script
* 🐛 remove unused ?? -1
* 👷 dockerfile and naisjob.yml
* 👷 yml variable formatting
* 👷 yml update
* 👷 yml variable formatting
* 🔨 .prettierignore for all yml/yaml starting with nais
* 👷 unique name for naisjob
* 👷 new nais yaml
* 👷 yml variable formatting
* 👷 remove workflow, the workflow is developed in main
* 👷 update yml
* 🚧 update naisjob yml
* 🚧 update naisjob yml
* 🚧 update Dockerfile
* 🚧 update Dockerfile (permissions)
* 🚧 update Dockerfile
* 🚧 update Dockerfile
* 🚧 update Dockerfile
* 👷 decouple config code from rest of repo (more duplication, more robustness), build with correct docker context
* 👷 cache deps in dockerfile on build-time (no need to fetch at runtime and add to pod AccessPolicy)
* 👷 relative path might work, test Dockerfile live as it works fine locally... buildx?!
* 👷 test github action docker context tweak
* 👷 test script command entrypoint (workdir is not project root)
* 👷 add AccessPolicy for reops-proxy
* 👷 better github workflow naming
* 👷 refactor _and_ optimize the dockerfile
* 👷 new docker command path for nais yml
* Update scripts/article-views/queries.ts
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* 👷 do not add rows if no data
* 🐛 fix sanity query) + now delete + update in single transaction
---------
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* yarn lock
* setting up maxSelectedOptions
* added correct margin
* Update tsconfig.build.json
* Make border of "max selected"-item in FilteredOptions overlap the list border
* Hide "add new value"-button if "max selected"-limit is reached
* Make MaxSelected example a bit more interactive
* wip styling max-selected option
* Disable filteredOptions that are not selected when maxSelectedOptions is reached
* Fix scrolling/clipping content in FilteredOptions
* Remove hover-effects from non-selectable options
* add prop so user can customize message shown when max num of choices reached
* Operate directly on the DOM nodes when moving virtual focus, instead of relying on index state.
The index state became stale/non-synced when replacing elements in the list.
* make maxSelectedMessage static
* Remove max-selected:hover
Co-authored-by: Vegard Haugstvedt <it.vegard@gmail.com>
* yarn lock update
* 'cursor: not allowed' only hits disabled options
* remove li-margins, add ul-gap with negative margin on max-selected-option
* remove 'a' from initialstate maxSelectedOptions Story
* Update @navikt/core/css/form/combobox.css
* Update @navikt/core/css/form/combobox.css
* Update @navikt/core/react/src/form/combobox/FilteredOptions/FilteredOptions.tsx
* Update @navikt/core/react/src/form/combobox/FilteredOptions/useVirtualFocus.ts
* Update @navikt/core/react/src/form/combobox/FilteredOptions/useVirtualFocus.ts
* Update @navikt/core/react/src/form/combobox/combobox.stories.tsx
* type assertion
* remove tab-index on wrapper div
* prototype for sticky non-selectable options
* "yarn lock"
* Fix feil med at focus-indikator for input-feltet ikke ble vist
* Forenkle og fikse "scroll til element" i FilteredOptions
* Sørg for at disabled FilteredOptions ikke vises under "max antall"-meldingen
* Focused option should not be covered by "max selected" message
* yarn lock
* Fix "scrollIntoView is not a function" error. Possibly needs to be checked for when it occurs, but I haven't figured it out yet
* Loading indicator is no longer exposed as an option, so we have to just search for it by the accessible name.
Should have been able to use findByRole("graphics-document", { name: "Søker..." }), but that is currently broken:
https://github.com/testing-library/dom-testing-library/issues/1131
* Aria-selected should not be placed on elements that are no longer role="option"
* Combine all "max selected options"-related props in one object
* Proper BEM syntax should use -- instead of __ for state-like classes, like --loading, --max-selected and --new-option
* Always show selected options in FilteredOptions, even if they don't match the search text
* Only to the getElementsAbleToReceiveFocus() call once per function, to reduce DOM lookups. Also changed isFocusOnThe[Top | Bottom] to functions, because it was needed for isFocusOnTheBottom to follow the same rule (and not store the value on the top level in the hook.
* Pressing "End" should not only move focus to the end of the list, but also open the list if it is closed. To mirror this, we close the list if moving focus back to the Input with "Home".
* Legg til Aksel-eksempel
* yarn changeset
* Update @navikt/core/css/form/combobox.css
* change 'maxSelectedOptions' prop to 'maxSelected'
* Mark disabled options with aria-disabled
* Add max selected text to aria-describedby, so it is announced when the user enters the input field
* Add role="status" to the wrapper for "no hits", "loading" and "max selected" info messages, so they are announced when they appear
* Remove aria-selected (again)
* fix: form error not showing correctly
* fix: rm left hover-border on add-new-option item
* Bare åpne listen som default, men la intern logikk styre etter første render
* Sticky trenger ikke ligger på hver enkelt av disse, da parent wrapperen også er sticky
* Combobox eksempler var ikke tilgjengelig i `yarn storybook:aksel` på grunn av manglende Demo-eksport
* Fjern ubrukt klasse som er i konflikt med navds-combobox__wrapper
* Trengs ikke etter at max selected ble flyttet ut av listen
* Denne koden gjør ingenting
* Trenger ikke bruke :not, fordi vi tok vekk data-no-focus i en commit tidligere i dag
* Bruk dynamiske selectedOptions for å kunne endre de
* Update @navikt/core/css/form/combobox.css
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* Update @navikt/core/react/src/form/combobox/FilteredOptions/FilteredOptions.tsx
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* Update aksel.nav.no/website/pages/eksempler/combobox/with-max-selected-limit.tsx
Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
* Update @navikt/core/css/form/combobox.css
* Do not render an empty ul for FilteredOptions, as it add a gap at the bottom of the container
* Do not render an empty non-selectables container, as it adds a gap at the top of the container
* Non-selectables should not have navds-combobox__list-item class, as it introduces a few issues with hovering, etc.
* Copy-pasted in an extra class that broke styling for max selected
---------
Co-authored-by: Vegard Haugstvedt <it.vegard@gmail.com>
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>
* forslag til ny styling av code
* Update aksel.nav.no/website/components/website-modules/InlineCode.tsx
---------
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* 🎉 Ny hook og API 'descendants'
* 📝 Bedre storiers
* 🐛 Fikset type-mismatch mellom create-context og useDescendant
* 🐛 Fikset value setting i provider
* 🏷️ Fikset kommentert ut ts-feil
* 🎨 tester bruk av disabled
* 🔥 Fjernet unødvendig id-kobling i descendants typer
* ❇️ new schema for view tracking
* 🚧 wip for article views schema
* 🚧 wip on schema
* 🚧 schema changes for ArticleViews
* 🚧 run prettier with new config
* ✨ Synket ikoner
* :coffing: Fjernet ikoner med [ignore-docs] i descrption
* ✨ Nytt ikon FigureChild
* 📝 changeset
* 🐛 La tilbake ikoner som ble slettet
* 🚚 Flyttet useClientLayoutEffect
* 🚚 Flyttet useEventListener
* 🚚 Flyttet resterende hooks
* 🎨 Oppdatert imports av hooks
* 🚚 Flyttet Randomicon util til link-ikon
* 🚚 Flyttet overridablecomponent inn i egen types mappe
* 📝 Changeset
* 📝 Eksempler for controlled switch
* 🔥 Fjernet console.logs
* ♻️ Mer beskrivende eksempel for controlled-value eksempel
* ♻️ Bedre praksis for switch-eksempler
* 🎉 Tag har nå egen icon-prop
* 🎨 Tag.css tilpasset ikoner
* 📝 Storybook-demo for tags + ikoner
* 📝 Aksel-demo for tag
* 📝 Changeset
* 🔥 Fjernet iconPosition-prop fra tag.tsx
* 🧪 Oppdatert stories med nye props
* 🔥 Fjernet iconPosition-demo i Tag fra nettside
* 🔥 Fjernet gammel css for iconPosition right tag.tsx
* 🎨 La til ny token
* 🐛 maksbredde var kalkulert feil
* 💄 CSS for max-width text
* 📝 Changeset og bedre dokumentasjon
* 🐛 Docs for max-width token
* 🎨 tailwind-støtte for ny maxWidth-token
* 🎨 rem -> px
* 📝 Dynamic padding-inline -> gutters
* ♻️ Fjernet duplikat padding-inline
* ♻️ Oppdatert token-navn fra max-width-text -> text-width-max
* 🐛 Fikset key i token-docs
* 📝 Changeset for ny token
* 🎨 Added useControllableState
* 🎨 Forbedret Accordion-api for controlled
* 🎨 Forbedret readmore-api for controlled
* 🎨 Forbedret internt expandablerow-api for controlled open
* 🎨 Forbedret tooltip-api for controlled open
* 🎨 Forbedret dropdown-api for controlled open
* 📝 La til dokumentasjon
* 📝 changeset
* 📝 Bedre kommentarer
* 🎨 Forenklet hooks
* 🎨 DefaultValue er required i useControllabeState
* ⚡ Erstattet pretty-quick med lint-staged
* ⬇️ Bruker eldre versjon av prettier (cjs) for codemod-tester
* 🐛 Bruker nå root prettie-versjon for codemods, bruker-experimental-vm-modules for codemod-jest
* Remove aria-invalid from individual Radio components because it is placed on the FieldSet
* Radio label and description should only be announced once with a screen reader
* Legg til mer realistiske tekster i eksempelet
* Checkbox label and description should only be announced once with a screen reader
When using multiple elements (span, etc) inside of a label, each one will be added as a screen reader "stop" and announced both as part of the label and as a separate text element.
Using this technique overrides this, to create the same experience as if the was only text inside of the label (native-like).
* Legg til mer realistiske tekster i eksempelet
* Remove aria-invalid from Checkbox and Radio, as it is redundant when we include an error message.
* Remove error message from example when we select an option
* Add error message to single description example to make it easier to test both
* Remove aria-describedby from Fieldset, because the error is connected to the input field
* 🐛 Fikset duplikat label-text funnet i tester
* Use local useId hook because of supporting React 17 and less
* Add changeset
---------
Co-authored-by: Ken <ken.aleksander@gmail.com>
* 🐛 optimize SVG for illustration on 404 page (nginx 414)
* 🔥 remove illustration from 404 templates
* 🚀 new version of 404 template
* 🎨 remove unnecessary HGrid on 404 template post illustration removal
* 🔥 also remove the HGrid for the examples
* This onBlur triggered when clicking items in FilteredOptions, causing virtual focus to be moved and the list to scroll to the top.
Then, onPointerUp, we select the new element that has scrolled into position under the cursor.
* Added changeset
* ✨ Nytt gp oppsett
* 🎨 Better structure
* 🔥 Fjernet referenceinput
* 🎨 bedre filterering av tags
* 🚚 Flyttet gp documents
* 🏷️ rename tags -> undertema
* 🔥 fjernet comments
* 🎨 låst til dev
* 🎨 Bedre filtrering ved valg av undertema i tema
* 🎨 Oppdatert artikkelmal
* 🚚 Rename tags -> undetema
* 🎨 Staging only for admins and devs
* 🎨 opt-in visning av god-praksis felter
* 🔥 Fjernet artikkelmal
* 🚚 tsx -> ts
* Rename label -> alias, fjernet undertema fra tema
* 🚚 Endret fra dev->prod datasett for staging
* ✅ Fikset sanitizeSlug normalize
* 🎨 riktige sanity-field for artikkel
* 🐛 Fikset publicationflow for staging
* 🐛 Fikset console-warnings for API-versjon
* 🐛 fix templates examples, filter-code now throws on dubious input & output + add tests
* 🎨 convert filter-code to use string instead of code match
* 🎨 Kan nå se 404 sider i sandbox
* 🔥 Fjernet testing av templates
---------
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
Co-authored-by: Ken <ken.aleksander@gmail.com>
* ♻️ Sanity-id ut i const
* ⚡ Flyttet sanity apiVersion ut i const
* ⚡ Flyttet sanity dataset ut i const
* 🏷️ Bedre typer structure
* ⚡ La til blur på highlight-bilder
* 💄 Cube ligger nå bak innhold på bloggen
* 🔥 Fjernet gammel SEO fra sanity
* ♻️ SEO og groups import sanity
* ♻️ Ryddet opp i metadata
* 🎉 Annotering av lenker i sanity
* 🎨 Preview av kodemodul
* 🎨 Preview for dodont
* 🎨 Tips-preview
* 🎨 Relatert innhold preview
* 🔥 Fjernet console.log
* 🐛 Fikset småfeil
* 💄 Fikset darkmode-visning for preview
* 🎨 Updated sanity and enabled comments
* ♻️ Oppdatert structure
* 🎨 Bruker native input for bedre perspective og comment støtte
* 🎨 Added presentation-mode
* ⚡ Raskere load av sider
* 🔥 Fjernet experimental features
Dette gjør det mulig å conditionally rendre barn i ErrorSummary. For eksempel kan man nå gjøre:
```
const shouldShow = false
return (
<ErrorSummary>
{shouldShow && <ErrorSummary.Item href="#id1">Jeg er en feilmelding, men vises ikke</ErrorSummary.Item>}
<ErrorSummary.Item href="#id2">Jeg er en feilmelding som vises!</ErrorSummary.Item>
</ErrorSummary>
)
```
* WIP preview resolving
* 🐛 Fikset preview på maler med sidebar
* 🎨 Restrukturert preview-provider
* 🚚 Flyttet inn i parts
* 🎨 Bedre resolving av nested types
* 🎨 Better documentation
* 🎨 Bruker nye resolvers for preview
* 🐛 Henter nå nested data
* ✅ La til tester
* 🚧 playroom
testing it out, needs yarn run playroom:build before yarn dev (in aksel.nav.no)
* 🚧 width and height for iframe
* 🚚 move playroom into its own module
* 🚧
* 🐛 Fikset lasting av ts-filer
* build playroom & copy dist to public/
* 🚧 yarn maintenance
* 🚧 build the playroom before copy
* ✨ now examples might work in the sandbox? maybe 90% of them?!
* ✨ + 🔥 + ♻️
- remove route for /sandbox, in public/ means it gets served regardless?
- for each code example:
- use jscodeshift to remove imports
- also transpile to ESNext
- bump jscodeshift to 0.15.1 (for all uses)
- the sandbox button now sends you to /sandbox/index.html
* :refactor: j -> parse
* add non-ideal string replacer to make Examples work in Playroom
* ♻️ bring back CodeSandox link as fallback
* 🚚 Sandbox -> parts/Sandbox
* 🚚🚚 Sandbox -> parts/Sandbox
* seemingly working smoke tests for all sandbox examples
* ♻️ shuffle example code to work well with playroom
* ♻️ shuffle example code to work in sandbox (again)
* update sanity eksempler, do base64 url code work there
* PR comment fixes
* 📝 Sanity-schema for sandbox-snippets
* 🚚 generic cubeIcon -> codesandboxLogo
* 🔥 unused prop
* ♻️ do not run all tests in smoketest
* 🐛 pr comment fixes
* PR comment fixes, remove unneeded domcontentloaded await in tests
* ♻️ restructure so <Example> comes first
* 🐛 sandbox tests now for templates and examples
* 🐛 Fikset imports
* 🐛 disable some sandbox tests (for templates)
* 🐛 forgot to disable one template test
---------
Co-authored-by: Ken <ken.aleksander@gmail.com>
* 🚚 Oppdatert layout exports
* ⚡ Nextjs-config kan nå bruke webpack-builder
* 🐛 reverserte til gammel image-config i next.config
* 🚚 Oppdaterte assets exports
* 🚚 Fjernet barrel-exports av komponenter
* 🚚 Flyttet types
* 🚚 Flyttet sanityblock og withpreview
* 🚚 Flyttet styles inn i components
* ♻️ Forenklet jest-config
* 🚚 Flyttet logger
* ⚡ Kjører nå ikke middleware på alle side
* ♻️ next config analyze setup
* 🔥 fjernet getdocumentstmp
* 🔥 Fjernet getAkselDocuments
* 🎨 Forenklet imagebuilder
* ♻️ Fjernet ubrukte tailwind configs
* 🎨 Grupperer changelog med minor
* 🔥 Fjernet duplicate changelog
* 🎨 Ny ts alias
* ♻️ Refactor av utils dir
* ♻️ Header er nå default export
* ♻️ Byttet ut deprecated ingress med bodylong
* ♻️ Oppdatert assets export/imports
* ♻️ Oppdatert website/sanity imports
* 🐛 henter ut logger i dockerfile
* ⚡ Enda mer filtrering i middleware
* 🐛 Riktig generering av sider for e2e-sider
* 🐛 Fikset import i codeexamples update
* 🐛 la til mønster og maler i hamburgermeny
* [aksel.nav.no] Legg til RSS feed på produktbloggen
* Adjust generateRssFeed to accept a path parameter
* 🎉 Oppdatert generering av rss
---------
Co-authored-by: Anders Olsen Sandvik <github@mlsv.no>
* 🎉 Sanity-schema for mønster og maler
* 🎨 La til mønster og maler i sanity structure
* 🎨 Støtte for templates i søk
* 🎨 Sidemaler for Mønster og Maler
* 🎨 Riktig håndtering av breadcrumbs
* 🐛 Fikset story
* 🐛 Fikset search-indeksering
* 🐛 Fikset search-test
* 🐛 Fikset typo
* [aksel.nav.no] Refaktorert synking av eksempler/templates mellom kode og sanity (#2442)
* 🎨 Template pages
* 🔥 Fjernet templates fra logging
* ♻️ Refaktorert example-generering
* ✅ extractArgs tests
* ✅ filter-code tester
* ✅ Ny code-parsing tester
* 🚚 Flyttet filer
* 🎨 Oppdaterer sanity remote
* 🎨 sanity schema for templates
* 🎨 Schema for metadata in templates
* 🎨 henter nå ut metadata fra templates
* 🎨 Flyttet createId funksjon
* 🚚 rename folder
* 🎨 schema for templates i sanity
* 🐛 Fjernet dryrun fra oppdatering
* 🎨 Make sure to delete old documents after updating
* 🐛 Riktige typer for version-schema
* [aksel.nav.no] Integrert mønster og maler templates inn på aksel (#2447)
* 🎨 Template pages
* 🔥 Fjernet templates fra logging
* ♻️ Refaktorert example-generering
* ✅ extractArgs tests
* ✅ filter-code tester
* ✅ Ny code-parsing tester
* 🚚 Flyttet filer
* 🎨 Oppdaterer sanity remote
* 🎨 sanity schema for templates
* 🎨 Schema for metadata in templates
* 🎨 henter nå ut metadata fra templates
* 🎨 Flyttet createId funksjon
* 🚚 rename folder
* 🎨 schema for templates i sanity
* 🐛 Fjernet dryrun fra oppdatering
* 🎨 Make sure to delete old documents after updating
* 🐛 Riktige typer for version-schema
* 🎨 Kan nå vise eksempler på side
* 🎨 Automatisk visning av changelog
* 📝 typo
* 📝 Rename fra changelog til Endringer
* 🐛 Fikset story-typer
* 🎨 Forsideblokk for templates
* 🐛 feil riktekst ble brukt
* Add new useVirtualFocus hook, for use in Combobox. Might be useful for other components later, but will scope it for Combobox at first.
* Create filteredOptionsUtils, which has utiltity functions for creating IDs and for text lookups in lists.
* Get rid of data-value, and use filteredOptionsMap to look up the value of the currently (virtually) focused element instead
This allows use of e.g. numbers as options, which data-value didn't.
* Using useState instead of useRef to handle filteredOptionsRef
* Added changeset
* Force option id to be lower case, to avoid different casing from being interpreted as being different from the existing options
* Fix bug where it was not possible to select multiple custom (new) options in a multiselect
selectedOptionsContext is not available inside customOptionsContext, so need to take isMultiSelect from props instead
* Switch to use toLocalLowerCase and remove uneccessary use of string literal
* type mismatch
* Clean up types - reuse from ComboboxProps type definition, and fix resulting type mismatches
* Rename filteredOptionsRef variable returned from filteredOptionsContext to reflect that it is now actually a setState-function
* Expose virtualFocus as an object through filteredOptionsContext, instead of each separate method.
Done to remove need to wrap moveFocusUp and moveFocusDown in order to toggle isListOpen
* AutoComplete should keep upper-/lowercase from the word being autocompleted
* Fix issue where autocomplete doesn't format the casing of the last character in the word
* Added changeset
* Append the autocompleted text in the same casing used in the list, but preserve casing for the typed characters
* Preserve casing used while typing, then use the casing from the options when selecting a value
* Added custom options to test of casing when typing
* Correct changeset
* When allowNewValues is enabled, we should use the new value as is when pressing Enter, instead of using the first FilteredOption
* Change test case to use a partial match for a word in options. This tests both that we will use "add new" option if available and that we preserve casing for new options
* ♻️ Refaktorert logging
* ♻️ Refaktorert logging
* 🔥 No need to lazyload hotjar
* 🐛 Sjekker nå produrl riktig
* ♻️ Bedre import/export av logging
* ✨ Batching evets logged pre-init
* ♻️ Cleanup av amplitude bruk
* Fiks skrivefeil på size-klasse på select-komponent
* Fiks skrivefeil på size-klasse på form-komponenter
* 📝 changeset
---------
Co-authored-by: Ken <ken.aleksander@gmail.com>
* 🎨 Oppdatert prop-dokumentasjon
* 🎨 Oppdatert prop-dokumentering
* 📝 Bedre tekster
* support .env.local and fix typo
* 🔥 Fjernet dryrun
* fix type in List
* 🎨 Bedre håndtering av error
* 🎨 Bedre preview av props når de blir referert til
* 📝 La til throw error
---------
Co-authored-by: Halvor Haugan <halvor.haugan@nav.no>
* Added aria-hidden to AccordionContent when closed
Fixes bug where label text for Radio components is sometimes left out of the accessibility tree when being hidden/displayed by an Accordion
Ref: https://nav-it.slack.com/archives/C7NE7A8UF/p1695723000232659
* Added changeset
* Add a Storybook-example to be able to test this bug
* Remove tabIndex="-1" for Popover component, to fix VoiceOver bug where navigation inside the Popover doesn't work.
This affects Datepicker, Dropdown, Timeline and the Popover components, but appears to cause no bugs.
Ref: https://nav-it.slack.com/archives/C7NE7A8UF/p1694158816166729
* Add changeset
* Might not be the best way, but it works. getFloatingProps added it's own tabIndex="-1", which we need to get rid of.
* Seems like getFloatingProps can take "tabIndex: undefined" as an option, reducing the amount of code we need to change.
* initial box (heavily inspired by shopify Box)
* 🎨 Theming-demo
* rm printHidden prop
* sr-only: clip is deprecated, adding clip-path
* setting up padding story box primitive
* 95% complete padding example for Box (dynamic css code unfolding with types)
* WIP on padding/margin for box
* working box padding/block/inline/margin?
* remove console.log
* story for Box, copy implementation from padding to apply to margin as well
* remove unwanted props on Box
* refactor semantic-colors.json, use json import for types in Box.tsx
* squashme
* Box: working border & background
* 🔥 remove props on Box we will not implement in v1
* refactoring / less things needed (no margin) and things that are broken show up in stories
* 🐛 fix erroneous padding assignment (a flipped index)
* fully recreated LinkPanel
* box: add all borderRadius props
* box: complete example for chat bubbles
* 📝 refactor box hover props to be an object instead
* checkout main yarn.lock
* yarn changeset
* 📝 add jsdoc for Box
* 📝 add token documentation
* 🚧 Box: add barrel file
* 🔥 remove overriding tokens for Box
* ♻️ refactor the borderRadius API
* 🔥 remove console.logs
* bump ts version (make them all equal)
* fix new type error that surfaced when upgrading TS
* add yarn.lock
* 🚧 testing with older TS version again
* Revert "🚧 testing with older TS version again"
This reverts commit ca09f3c419.
* add minimum permissions check utility (official github action)
* Revert "add minimum permissions check utility (official github action)"
This reverts commit f9dd5ea436.
* test with "read-all|write-all" for a chromatic.yml action
* remove unused comments
* 🚧 try skip a test suite
* Revert "🚧 try skip a test suite"
This reverts commit ccf4711c25.
* 🚧 update all node-version to 19
* 💥 Force-tester GHA
* 💥 bump node-version to 20
* 💥 test with jsonModules again, but this time with node v20
* 🚧 revert type erasure (for tests)
* 🔥 remove hover from Box
* 🚧 test with module identifier import
* 🚧 squashme
* a working token type solution
* 📝 group Primitives in storybook
* no longer assert type, hint instead
* 📝 improve jsdoc for Box
* 📝 improve jsdoc for Box
* 🚧 test relative import for github action
* 🚧 test ordering of yarn builds
* 🚧 test ordering of yarn workspaces
* 🚧 test dependency for yarn workspaces
* 🐛 fix human error in token refactoring
* 📝 reword jsdoc
* ♻️ refactor
* 🚧 test again with module identifier import
* squashme
* 🚧 fully revert to importing .json
* 🚧 remove duplicate types
* 🔥 remove style-dicitonary format (now unused), fix shadow.json refs
* remove devDependency on tokens (for react)
* 📝♻️ update comments & naming
* 🚚 Oppdatert CSS-config etter ny primitives gruppering
* make border-color also control border-style
* add examples for Box to aksel.nav.no
* ⬆️ Yarn sort av dependencies
* 🎨 BorderWidth tokens
* 🎨 Css for borderRadius
* 🎨 Setup responsiveRadius utility
* ♻️ Forenklet borderRadius
* 🎨 refactor padding in box
* 🔥 Fjernet unødvendig kode
* 🎨 Oppdatert token for borderWidth
* 🐛 Default 0px border
* 🏷️ Refactor types
* 🐛 Fikset stories
* ♻️ refactor away one of the getResponsiveProps(), renaming
* ♻️ refactor + add token exceptions
* 🐛 new props based on BoxProps
* 📝 Oppdatert box-eksempler
* 📝 border-eksempler
* 📝 shadow-eksempel
* 📝 header demo
* 🔥 Fjernet theming demo, la til panel-demo
* 🚚 Flyttet show/hide inn i primitives
* 🚚 extract stateful colors to separate files
* 🚚 move shadow stateful tokens as well
* ♻️ rename some Box types
* 🚚 re-add missing token
* 🚚 move types file to utils, (bonus: fix some jsdoc)
* ➕ add @navikt/ds-tokens to react
* Update .changeset/happy-pianos-cheat.md
* ✨ Setup new primitives
* 🎨 Basic bleed and contentbox styling
* 🎨 Demo-story
* 🎨 Oppdatert demo
* 🎨 Oppdatert avatarpanel
* 💄 Finjustert page-layout
* 💄 Mobiltilpasset innhold
* 🔥 Fjernet bleed
* 🚚 Flyttet contenbox inline
* ⬆️ yarn synk
* 🔥 fjernet changeset
---------
Co-authored-by: Julian Nymark <julian.nymark@nav.no>
Co-authored-by: Lars Hansen <lars.eirik.korsgaard.hansen@nav.no>
* 🎨 withsidebar story
* 🔥 Fjernet withToc-prop
* 🚚 Flyttet header/footer til sidedefinisjoner
* 🚚 Flyttet headercube nederst i fil
* 🔥 Fjernet unødvendig minheight
* 🐛 Fikset sideideksering av ikoner
* ♻️ SEO trukket ut til egen komponent
* ♻️ Refactor SEO
* 🔥 Fjernet ubrukt HEAD i prinsipper
* 🔍 Canonical på god-praksis sider med tema-query
* 🔥 Fjernet console.logs
* 🎨 Forbedtret page-types i nextjs (#2291)
* 🎨 Migrert til portableText
* 🎨 Bruker default portableblock i sanity
* ♻️ Refactor blockcontent
* 🔥 Fjernet all bruk av sanity-icons
* 🎨 Skrever seg bort fra sanity-ui
* 🐛 Fikset feil etter migrering
* 🔥 Fjernet bruk av svgr i next-config
* 🐛 Fikset brukket sitemap-generering
* 💄 Fikset overflow-bug i toc
* 🎨 Flyttet toc-logikk ut i hook
* 🐛 Fikset story-kategori for toc
* :bug; Fikset hidden på toc, lenker på komponentsider
* 🎨 Fikset toc min-bredde, oppdatert sidebar-ikoner
* 🎨 Fikset wrapping av search på ikonside
* 🐛 Fikset import-error
* 🐛 Tester fjerning av console log for playwright test
* ⬆️ yarn synk
* 🐛 Fikset hostname for Aksel.nav.no
* 🐛 Bedre fallback-handling av portabletext
* 🐛 Fikset darkmode-visning av Alert i sanity
* ⬆️ yarn synk
* initial box (heavily inspired by shopify Box)
* 🎨 Theming-demo
* rm printHidden prop
* sr-only: clip is deprecated, adding clip-path
* setting up padding story box primitive
* 95% complete padding example for Box (dynamic css code unfolding with types)
* WIP on padding/margin for box
* working box padding/block/inline/margin?
* remove console.log
* story for Box, copy implementation from padding to apply to margin as well
* remove unwanted props on Box
* refactor semantic-colors.json, use json import for types in Box.tsx
* squashme
* Box: working border & background
* 🔥 remove props on Box we will not implement in v1
* refactoring / less things needed (no margin) and things that are broken show up in stories
* 🐛 fix erroneous padding assignment (a flipped index)
* fully recreated LinkPanel
* box: add all borderRadius props
* box: complete example for chat bubbles
* 📝 refactor box hover props to be an object instead
* checkout main yarn.lock
* yarn changeset
* 📝 add jsdoc for Box
* 📝 add token documentation
* 🚧 Box: add barrel file
* 🔥 remove overriding tokens for Box
* ♻️ refactor the borderRadius API
* 🔥 remove console.logs
* bump ts version (make them all equal)
* fix new type error that surfaced when upgrading TS
* add yarn.lock
* 🚧 testing with older TS version again
* Revert "🚧 testing with older TS version again"
This reverts commit ca09f3c419.
* add minimum permissions check utility (official github action)
* Revert "add minimum permissions check utility (official github action)"
This reverts commit f9dd5ea436.
* test with "read-all|write-all" for a chromatic.yml action
* remove unused comments
* 🚧 try skip a test suite
* Revert "🚧 try skip a test suite"
This reverts commit ccf4711c25.
* 🚧 update all node-version to 19
* 💥 Force-tester GHA
* 💥 bump node-version to 20
* 💥 test with jsonModules again, but this time with node v20
* 🚧 revert type erasure (for tests)
* 🔥 remove hover from Box
* 🚧 test with module identifier import
* 🚧 squashme
* a working token type solution
* 📝 group Primitives in storybook
* no longer assert type, hint instead
* 📝 improve jsdoc for Box
* 📝 improve jsdoc for Box
* 🚧 test relative import for github action
* 🚧 test ordering of yarn builds
* 🚧 test ordering of yarn workspaces
* 🚧 test dependency for yarn workspaces
* 🐛 fix human error in token refactoring
* 📝 reword jsdoc
* ♻️ refactor
* 🚧 test again with module identifier import
* squashme
* 🚧 fully revert to importing .json
* 🚧 remove duplicate types
* 🔥 remove style-dicitonary format (now unused), fix shadow.json refs
* remove devDependency on tokens (for react)
* 📝♻️ update comments & naming
* 🚚 Oppdatert CSS-config etter ny primitives gruppering
* make border-color also control border-style
* add examples for Box to aksel.nav.no
* ⬆️ Yarn sort av dependencies
* 🎨 BorderWidth tokens
* 🎨 Css for borderRadius
* 🎨 Setup responsiveRadius utility
* ♻️ Forenklet borderRadius
* 🎨 refactor padding in box
* 🔥 Fjernet unødvendig kode
* 🎨 Oppdatert token for borderWidth
* 🐛 Default 0px border
* 🏷️ Refactor types
* 🐛 Fikset stories
* ♻️ refactor away one of the getResponsiveProps(), renaming
* ♻️ refactor + add token exceptions
* 🐛 new props based on BoxProps
* 📝 Oppdatert box-eksempler
* 📝 border-eksempler
* 📝 shadow-eksempel
* 📝 header demo
* 🔥 Fjernet theming demo, la til panel-demo
* 🚚 Flyttet show/hide inn i primitives
* 🚚 extract stateful colors to separate files
* 🚚 move shadow stateful tokens as well
* ♻️ rename some Box types
* 🚚 re-add missing token
* 🚚 move types file to utils, (bonus: fix some jsdoc)
* ➕ add @navikt/ds-tokens to react
* Update .changeset/happy-pianos-cheat.md
---------
Co-authored-by: Ken <ken.aleksander@gmail.com>
Co-authored-by: Lars Hansen <lars.eirik.korsgaard.hansen@nav.no>
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* 🚧 update all node-version to 19
* 💥 bump node-version to 20
* bump ts version (make them all equal)
* fix new type error that surfaced when upgrading TS
* ⬆️ bump ts-node
* 🚧 add ts-jest to aksel-stylelint (just a test)
---------
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* 🐛 move internal token definition to a larger scope
when the scope only covered the __header, the __item could
not use the same token, and it was undefined. Setting this on
a shared parent (the topmost accordion) fixes this.
* changeset
* Move movements should "take over" from keyboard focus in Combobox dropdown list, and vice versa, acting like a native select.
Fixes#2165
* Add tests for handling mixed keyboard-navigation and mouse movements in Combobox
* Added changeset
---------
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
- Oppdatert Storybook, Sanity
- Fikset validering for InputWithCounter i Sanity
- Fikset Accordion-stories rekkefølge
- La til egne knapper for Desktop/mobil-view for eksempler
- Bruker DS-knapper i kode-eksempler på Aksel
* Fixes bug where it is not possible to close dropdown by pressing escape or clicking outside the combobox after clicking the chips to de-select an option
In short, the focus were lost/reset when the chip disappears, but now is reset to the input instead.
Also fixed issue where clicking the chip while virtual focus is in the dropdown caused a click on both the option and the chip, causing it to be de-selected and instantly re-selected.
* Updated "remove selected"-test to also check that closing the dropdown after clicking a chip is possible.
* Added changeset
* style links with inline
* tweak css spacing for inline links with SVG
* add break-all prop to link
* wrap link in span to allow for spacing
* more obvious spacing example
* remove spacing prop from link
* implement pr review comments
* add random icon visual fuzz testing in stories
* remove console.log
* changeset
* add examples to aksel.nav.no
* 🎨 make inline-flex version opt-in, improve prop naming
* 🐛 Fixed comments
* 🎨 Oppdatert props
* 🎨 refactor links, add examples (remove underline & inline)
* change is no longer major (pr review comment)
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* cleaner changeset (pr review comment)
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* norwegian changeset (pr review comment)
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* update changeset (pr review comment)
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* use neutral token for neutral link variant
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* use neutral token for neutral link variant
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* Update .changeset/proud-tigers-share.md
---------
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
Co-authored-by: Ken <ken.aleksander@gmail.com>
* Clear input field when clicking option in multiselect combobox
Makes the behaviour consistent when clicking with a mouse and when selecting an option with keyboard.
* MultiSelect with "add new" example should actually have the addnewValues prop set...
* Expose through onToggleSelected whether selected values in combobox are added by the user or not.
* Add the additional affordance of bold font-weight for selected options in combobox.
Done to account for screen magnifiers on screens that don't show the background color, where the checkmark is out-of-sight.
* Avoid "jumping" when selecting option in multiselect, stemming from the chips being slightly larger than the padding allowed for (equal to the width of the border)
* Added changeset and updated yarn.lock
* Do not use focus-visible inside fallback for when focus-visible is not supported
* Add fallback focus-styling using JS and a helper class for browsers not supporting :has (Firefox)
* Fix for onBlur in ComboboxWrapper. Without tabindex="-1" event.relatedTarget in onBlur will be null, and we can't check that focus has entirely moved outside the Combobox.
* Removable chips type now defaults to button
* 📝 Changeset
* 📝 Changeset update
* Remove OverridableComponent from Chips.Removable. This component should always be a button, and it is not currently used in any other way.
The reason for making this change now, is that we put type="button" on the Chip.Removable to prevent a submit event when the chip is clicked inside a form.
---------
Co-authored-by: Ken <ken.aleksander@gmail.com>
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
Co-authored-by: Vegard Haugstvedt <it.vegard@gmail.com>
Combobox post-release tweaks
* Add dynamic height to examples because of the dropdown
* Examples were not working: remove controlled prop for uncontrolled Comboboxes
* Add an example with controlled Combobox
✨Ny komponent: Combobox 🎉
Combobox er en ny komponent som kombinerer tekstfelt og nedtrekksliste.
- Velg mellom predefinerte alternativer i nedtrekkslisten
- Bruk input-feltet som filter for alternativene i nedtrekkslisten.
- Legg inn nye svar, hvis svaret du ikke finnes i listen
- Velg mellom SingleSelect eller MultiSelect-versjon for henholdsvis ett og flere valg.
- Autocomplete svar i inputfeltet når man velger SingleSelect
Dokumentasjonen finner du på https://aksel.nav.no/komponenter/core/combobox
add links to project-tasks, slack discussions etc here
-->
### Change summary
<!-- Short summary of changes in PR
- added variant x
- fixed bug in y
-->
### PR Checklist 📝 (Remove fields after check!)
#### New component? ✨
- Check that component-styling is correctly configured in `@navikt/core/css/config/_mappings.js`. This is needed for correct build and CDN upload.
- Check that styling is correctly exported from `@navikt/core/css/index.css`
- Check that correct tokens for component is documented in `@navikt/core/css/tokens.json`
- Check that only needed components and types are exported from `@navikt/core/react/src/index.ts`
- Add JSDoc to component (see other components for reference)
- Create storybook-stories for relevant component variations and compositions. Stories are used for [visual regression testing](https://www.chromatic.com/docs/), so make sure they are complete.
- Is the component sufficiently complex to warrant tests? Add some unit-tests for vitest.
#### Component-updates 🎉
- Revalidate if everything under `New component` is still accounted for
- Deprecating/removing a CSS class? Add it to `@navikt/aksel-stylelint/src/deprecations.ts` with a suitable description. This helps stylelint-users keep their code clean and bug-free.
#### Documentation 📝
- Add/update component-demos for component `aksel.nav.no/website/pages/eksempler`
- Create/Update documentation in sanity if needed
Note: Props, tokens and examples only updates to sanity on merge to main
#### Versioning 🏷️
- Run `yarn changeset` to generate a version-entry for change.
- - Bug/hotfix: Patch
- - New feature: Minor
- - Breaking change: Major
- Adding breaking changes? Consider adding a codemod for easier migration.
- Breaking changes also needs documentation under "Migration"-page on website
import AkselThumbnail from "./assets/aksel-thumbnail.png";
import Components from "./assets/components.png";
import Setup from "./assets/setup.png";
<Meta title="Getting started" />
<div className="sb-container">
<div className='sb-section-title'>
# Getting started
Aksel is the toolbox for product development <a href="https://aksel.nav.no"target="_blank">@NAV</a> (Norwegian Labour and Welfare Administration)
This includes a designsystem, best practices for product-development, principles for user-experience and a blog. <a href="https://aksel.nav.no/god-praksis/artikler/om-aksel" target="_blank">
Read more about Aksel.</a>
</div>
<div className="sb-section">
<div className="sb-section-item">
<img
src={AkselThumbnail}
alt="Aksel-thumbnail"
aria-hidden
/>
<h3 className="sb-section-item-heading"><a
href="https://aksel.nav.no"
target="_blank"
className="sb-link"
>Website</a></h3>
<p className="sb-section-item-paragraph">Includes everything you need to get started building and developing digital products for NAV today.</p>
- Ikoner: Nytt ikon `archive` ([#2772](https://github.com/navikt/aksel/pull/2772))
- Ikoner: Nytt ikon `opensource` ([#2787](https://github.com/navikt/aksel/pull/2787))
## 6.1.1
## 6.1.0
## 6.0.0
### Major Changes
- ESM: ds-react og aksel-icons støtter nå native ESM 🎉 ([#2623](https://github.com/navikt/aksel/pull/2623))
### Minor Changes
- SSR: ds-react og aksel-icons støtter nå `use client` og kan brukes i nextjs app-router uten lokal re-eksportering. ([#2623](https://github.com/navikt/aksel/pull/2623))
## 5.18.3
## 5.18.2
## 5.18.1
## 5.18.0
## 5.17.5
## 5.17.4
## 5.17.3
## 5.17.2
## 5.17.1
## 5.17.0
## 5.16.0
### Patch Changes
- Ikoner: Nytt ikon `LocationPin` ✨ ([#2672](https://github.com/navikt/aksel/pull/2672))
## 5.15.1
## 5.15.0
### Minor Changes
- Ikoner: Synket ikoner med Figma. Lagt til nytt ikon `FigureChild` ([#2629](https://github.com/navikt/aksel/pull/2629))
## 5.14.0
## 5.13.0
## 5.12.5
## 5.12.4
## 5.12.3
## 5.12.2
## 5.12.1
## 5.12.0
### Minor Changes
- Ikoner: Oppdatert ikonpakke med diverse bugdfixes og oppdateringer av stroke ([#2538](https://github.com/navikt/aksel/pull/2538))
## 5.11.5
## 5.11.4
## 5.11.3
## 5.11.2
## 5.11.1
## 5.11.0
### Minor Changes
- Ikoner: Nytt ikon `PushPin` ([#2503](https://github.com/navikt/aksel/pull/2503))
## 5.10.4
## 5.10.3
## 5.10.2
## 5.10.1
## 5.10.0
## 5.9.2
## 5.9.1
## 5.9.0
## 5.8.0
## 5.7.6
## 5.7.5
## 5.7.4
## 5.7.3
## 5.7.2
## 5.7.1
## 5.7.0
### Minor Changes
- Ikoner: Nye ikoner `ChevronLeftFirstCircle` og `ChevronRightLastCircle` ([#2365](https://github.com/navikt/aksel/pull/2365))
## 5.6.5
## 5.6.4
## 5.6.3
## 5.6.2
## 5.6.1
## 5.6.0
### Minor Changes
- Ikoner: SVG export setter nå `height="1em"`, `width="1em"` og `fill="currentColor"`. ([#2300](https://github.com/navikt/aksel/pull/2300))
- Ikoner: Nye ikoner `book` og `books` ([#2313](https://github.com/navikt/aksel/pull/2313))
### Patch Changes
- Ikoner: Nye ikoner `ClipboardCheckmark` og `ClipboardLink` ([#2307](https://github.com/navikt/aksel/pull/2307))
## 5.5.0
## 5.4.1
## 5.4.0
## 5.3.5
## 5.3.4
### Patch Changes
- :bug: SVG import map er nå riktig path ([#2250](https://github.com/navikt/aksel/pull/2250))
- Nye ikoner `ChevronRightLast` og `ChevronLeftLast` ([PR](https://github.com/navikt/aksel/pull/2054))
## 3.2.3
### Patch Changes
- Nye ikoner `FileParagraph` og `FilePlus` ([PR](https://github.com/navikt/aksel/pull/1998))
## 2.9.8
### Patch Changes
-[#1959](https://github.com/navikt/aksel/pull/1959) [`8790c5997`](https://github.com/navikt/aksel/commit/8790c5997e0d647419bdb5080c86781d08c196b8) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :lipstick: Statusikoner er nå tydeligere og mer konsistente.
-Oppdatert Statusikoner til å være tydeligere og mer konsistente. ([PR](https://github.com/navikt/aksel/pull/1959))
-[#1950](https://github.com/navikt/aksel/pull/1950) [`c03d53d5a`](https://github.com/navikt/aksel/commit/c03d53d5aa2dc7f06a223d48069fa21ee39bb396) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :sparkles: Nye ikoner
- :tada: BulletList
- :tada: NumberList
## 2.9.2
## 2.9.1
## 2.9.0
## 2.8.16
-Nye ikoner `BulletList` og `NumberList` ([PR](https://github.com/navikt/aksel/pull/1950))
## 2.8.15
### Patch Changes
-[#1928](https://github.com/navikt/aksel/pull/1928) [`dfe923582`](https://github.com/navikt/aksel/commit/dfe923582a57b41c77cfb4fbfa7c56be047ef2b0) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :tada: Lagt til nye ikoner :tada:
- HandKnot.svg
- HandKnotFilled.svg
- [#1930](https://github.com/navikt/aksel/pull/1930) [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alle pakker implementerer nå npm provenance (beta)
## 2.8.14
-:tada: Nye ikoner `HandKnot` og `HandKnotFilled` ([PR](https://github.com/navikt/aksel/pull/1928))
-[#1852](https://github.com/navikt/aksel/pull/1852) [`a4fd1dd22`](https://github.com/navikt/aksel/commit/a4fd1dd227b9b56b747f962aa0c2b2dc9b4e30a4) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Oppdatert ikonpakke med nye ikoner :rocket:
- :tada: CaretDownFill
- :tada: CaretLeft
- :tada: CaretLeftFill
- :tada: CaretLeftRight
- :tada: CaretLeftRightFill
- :tada: CaretRight
- :tada: CaretRightFill
- :tada: CaretUpDownFill
- :tada: CaretUpFill
- :tada: Escalator
- :tada: Moon
- :tada: MoonFill
- :fire: EscalatorStroke
## 2.7.3
## 2.7.2
## 2.7.1
### Patch Changes
- [`7d9517cf9`](https://github.com/navikt/aksel/commit/7d9517cf90331b57441a0787a04eef66efd1b9b0) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Public-access for ny ikonpakke i GPR
- [#1847](https://github.com/navikt/aksel/pull/1847) [`de291a972`](https://github.com/navikt/aksel/commit/de291a9722c262d40fecaec7be55b71f86e60160) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Ny ikonpakke med for core icons 3! `@navikt/aksel-icons`
- Ny ikonpakke med for core icons 3! `@navikt/aksel-icons` ([PR](https://github.com/navikt/aksel/pull/1847))
Pluginen gir deg mulighet til å se gjennom og hente ut alle ikonene i fra ikonpakken `@navikt/aksel-icons`. Du slipper da å hente nye oppdateringer fra Figma Community.
Referer til [ikon-dokumentasjonen](https://aksel.nav.no/ikoner) for å se alle ikonene.
Har du ønsker om nye ikoner, eller ønsker å bidra med å lage nye, lag et issue på [GitHub-repoet for designsystemet](https://github.com/navikt/aksel).
## Quickstart
-`yarn dev` for development
-`yarn build` for production-build
### Test with Figma
- Open `Figma` -> `Plugins` -> `Development` -> `Import plugin from manifest...` and choose `manifest.json` file from this repo.
### Publish to Figma
- Open `Figma` -> `Plugins` -> `Find more plugins` -> `Publish new versions`
Loaded 100 of 4020 files, more files were not shown because too many files have changed in this diff.
Show more
Reference in new issue
Block a user
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
