* ✨ Implemented codeblock header and codeblock
* ✨ Can now toggle betweem different code-views
* 🐛 Use Theme component to get color-scheme in CSS
* 💄 Updated padding, use custom theme
* ✨ Implemented custom prism-theme
* ✨ Use new prism-theme for propsseksjon
* 🎉 Use new codeblock for single code view
* 🐛 Add hover-effect for expander button
* ✨ Added provider and navigation support
* WIP: Add codeview block
* ✨ Enhance KodeEksempler with Suspense, toolbar, and improved props handling
* 🎨 Refactor CodeBlock component by removing unnecessary Theme wrapper and improving className handling
* ✨ Use local styles for kodeexample module
* 🐛 Add useclient
* 🐛 Use local css variable since css counter breaks at random
* ✨ Set up page-slug query logic
* ♻️ Inline TableOfContents in smaller modules
* 🎨 Refactor TableOfContents styles and update component structure
* 🎨 Enhance TableOfContents styles and structure for improved responsiveness and clarity
* ✨ Enhance TableOfContents component with feedback and changelog links; refactor queries for improved data handling
* 🚚 Co-localized layout in grouped ui dir
* ✨ Extract schema types from sanity
* 🐛 Update sidebar types to use new sanity schema-types
Bug: icon was marked as "new tab" but the icon for new tab is an box with the arrow stopping at the border. Having the new tab synonym here will cause missunderstandings.
Bug: icon was marked as "new tab" but the icon for new tab is an box with the arrow stopping at the border. Having the new tab synonym here will cause missunderstandings.
* root layout
* ✨ Added draftmode
* ✨ Setup boilerplate
* ✨ Setup grouping-dir
* ✨ Implemented header
* 💄 Made header sticky
* 🔒 Content security policy updated
* 🚚 Moved favicon to appdir
* 🔥 restore old frontpage
* 🚚 Moved sidebar to appdir
* ✨ Implemented sidebar loading
* ✨ Doc lyout
* 🐛 Add id for skiplink
* ✨ Added new footer
* 💄 Move skiplink further away
* 💄 Add more padding bottom sidebar
* ✨ Refactor header and sidebar components for improved layout and structure
* 📝 Uncomment some code
* 🔥 Removed user server directive from component and layouts
* 🐛 Center footer
* 🐛 Re-added support for chromatic connect
* 🔥 removed browser-token
* Update aksel.nav.no/website/app/_ui/footer/Footer.tsx
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
* [Aksel.nav.no] Ported over global search to app-router (#3663)
* 🚚 Moved search-code closer to app router
* ✨ Added button and modal
* ⚡ Initial loading for recent articles
* ⚡ Query data from the server
* ✨ Generates parsed search-results
* ⚡ Added debounce
* ✨ Render hits
* ♻️ Limit articles for each field to 20
* 🐛 Revert form-layout to initial view
* 🐛 Build searchindex before website
* ✨ Pre-select text when re-opening search
* ✨ Enhance global search UI with improved layout and styling
* ✨ Refactor global search components to improve search functionality and UI
* ✨ Improve global search functionality and UI responsiveness
* ✨ Update global search UI and functionality with improved input handling and styling
* ✨ Refactor global search dialog and add Kbd component for keyboard shortcuts
* ⚡ removed reduntant suspense
* ✨ Refactor global search components for improved styling and functionality
* ✨ Refactor global search results rendering for improved performance and readability
* ✨ Update global search dialog and form for improved styling and accessibility
* ✨ Refactor global search components for improved layout and styling
* ✨ Refactor GlobalSearchHitCollection for improved styling and accessibility
* 🎨 Update global search configuration and styles for improved clarity and aesthetics
* 🎨 Update layout and styles for global search components for improved aesthetics and readability
* ✨ Refactor global search utilities and update styles for improved clarity and maintainability
* 🔧 Refactor global search queries and implement caching for improved performance and data retrieval
* ⚡ Preload cache for search
* 🔧 Refactor fetchArticles function to improve caching logic and remove unnecessary logging
* 🔥 Removed user server directive from component
* 🔥 Removed comments
* ⚡ Explicitly declare server-only component
* Update aksel.nav.no/website/app/_ui/global-search/GlobalSearch.fetch.ts
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
* Update aksel.nav.no/website/app/_ui/global-search/GlobalSearch.fetch.ts
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
* 📝 Rename sanitiezedata
---------
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
* [Aksel.nav.no] Move Aksel-brand theme into app-router for use (#3668)
* 💄 Added global aksel-theme tokens
* ✨ Implement new Aksel-brand for theming
* [Aksel.nav.no] Updated MobileMenu for new ds-pages (#3670)
* 💄 Added global aksel-theme tokens
* ✨ Implement new Aksel-brand for theming
* ✨ Initial setup mobile-menu
* ✨ V1 mobile-menu component
* 💄 Update mobile navigation and global search responsiveness; adjust overlay color opacity
* 💄 Refine modal backdrop animation timing and opacity for smoother transitions
* 💄 Adjust pressed-sidebar state
---------
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
* 📝 Reposition sanity fields
* ✨ Added new standalone-category to sanity docs
* ✨ Added validation to make sure standalone articles dont overlap with sections
* 🐛 Always error out if using standalone articles until implemented
* 🔥 Removed temp removal of feature
* 🐛 Check for undefined slug
* [Aksel.nav.no] Implemented support for new lvl 1 articles (#3658)
* ✨ Added support for new lvl 1 articles
* 🧪 Added tests for new sidebar
* 🔥 Removed breadcrumb from WithSidebar layout
* 🐛 Revert to prod dataset
* ✨ Setup darkside migration
* ✨ Can now convert primitives spacing
* 🧪 Added more tests
* 📝 Docs for utils
* 📝 Changeset
* 📝 Typos
* [Darkside] ✨ Added migration for css, less and scss (#3598)
* ✨ Added migration for css, less and scsss
* Update @navikt/aksel/src/codemod/migrations.ts
* ✨ Make old px spacing space-1
* ✨ Use esbuild to inline local references
* ✨ Added js migration to space-tokens (#3600)
* ✨ Setup first iteration of token translation object
* ✨ Started mapping old to new tokens
* ♻️ Simplified repalcement logic
* ✨ Added tests for token-migration
* ✨ Replaces old token with new reference
* ✨ Handle overrides of tokens
* 🧪 Global messages storage
* 📝 Added migration
* 🐛 Initialize message list
* ✨ Customizable results messaging
* ✨ Customizable results messaging
* 🐛 Use replacement, not ref
* 📝 Only document found legacy-tokens, dont rename them
* 📝 Better comments
* ✨ Added context to remaining token updates
* ✨ Added comments to unsupported token
* ✨ Format comments better, remove duplicates
* 📝 Success message if no legacy-tokens found
* 🐛 Return updated source files
* 🐛 Reference valid replacement
* 🔥 Removed comments
* ✨ Added better messaging
* ✨ Better messaging structure
* 🧪 Added more tests
* 🧪 Tests for less, scss, css and js tokens
* 🐛 CSS hits were shown as scss and less hits
* 📝 Format messages better
* 📝 Format messages better
* ✨ Added js-migrations template
* Update test runner
* 🐛 Revert mistakes
* 🐛 Resolve testing rig
* ✨ Js token migration
* 📝 Better docs for JS migration
* 📝 Added missing lineshift
* ✨ Tooling setup
* ✨ Tooling setup with enquirer
* ✨ Tooling setup with enquirer
* ✨ Set up inquirier and enquirer to promt user for tasks
* ✨ Get legacy-data
* ✨ Now formats and prints progress
* ✨ Now formats and prints progress
* ⚡ Smarter scanning of updated tokens
* ⚡ Refactored status-code
* ✨ Now prints remaining files
* ✨ Smarter tailwind-regex
* 📝 Tell user we are scanning the files
* ✨ Moved transforms to new darkside location
* 🚚 Moved tests for js transforms
* 📝 Updated prettier config to ignore new test-files
* 📝 Moved css, less, scss tests
* 🐛 Resolved tests not running properly on less,scss setup
* WIP: tailwind config migration
* 📝 Added tailwind config for border-radius
* ✨ Strictly match tailwind-classes
* ♻️ Convert status obj to class
* ♻️ Compact regex parsing
* ♻️ Simplified regex-handling for new token lookup
* ✨ Added support for component tokens
* ⚡ Optimize lineNumber task
* 🐛 Inline regex-probe
* 🐛 Remove old merged code
* 🐛 Fix regex escape-characters
* Update @navikt/aksel/src/darkside/index.ts
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
* 🐛 Fix token-tests
* ✨ Now prints with token-name
* ♻️ Move files
* ♻️ Move printing to TokenStatus class
* ✨ Add comments to printout
* 🐛 Handle word boundaries
* ⚡ Pre-generate the regexes
* 🧪 More regex-tests
* 🧪 More regex-tests
* ⚡ Use built-in regexes
* ⚡ Only run codeshift on relevant files
* 🐛 No print for codemod status update
* ⚡ Only run codeshift on relevant files
* 📝 Added extra space
* 📝 Exit after codemod
* 📝 Removed temp logging
* 🐛 Await codeshift execution
* 🧪 Added tests for not imported JS-tokens
* ✨ Implemented tailwind migration code
* 🧪 @apply tests for tailwind transform
* 🐛 Handle spaces better for tailwind config
* 🐛 Handle prefixing of tailwind config correctly
* 🐛 Handles cases where empty collection was passed
* 🐛 makes sure to clean up match before parsing
* 🧪 More tailwind-codemod tests
* ⚰️ Removed moved code, renamed darkside -> spacing for migrations
* ♻️ Config cleanup part 1
* ♻️ Config cleanup part 2
* ♻️ Refactored runner
* ✨ Added run all migraitons task
* 🐛 Use destrucutred taskname
* 📝 Better naming
* 📝 More spesific import docs
* 🐛 Print filename correctly when token contains special characters
* 🐛 Update spacing migrations paths
* 🐛 Added new spacing-tokens to legacy config
* ✨ Initialize status directly in constructor
* ⬆️ yarn lock sync
---------
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
* 🐛 Handle cases where to is defined and from is undefined
* 🐛 Fix missing state-option when selecting ranged datepicker values
* Update @navikt/core/react/src/date/datepicker/DatePicker.stories.tsx
* Update @navikt/core/react/src/date/datepicker/DatePicker.stories.tsx
* 🧪 Added tests for new ranged-datepicker logic
* 🐛 Typo
* 🎨 Adjust padding in alert styles for consistency
* 🎨 Update chat bubble padding for improved consistency
* 🎨 Standardize padding in date and modal styles for consistency
* 🎨 Refactor padding in error summary styles for improved consistency
* 🎨 Adjust padding in file upload styles for improved consistency
* 🎨 Update padding in file upload styles for improved consistency
* 🎨 Adjust transition duration and padding for form progress and summary styles
* 🎨 Update padding in guide panel styles for improved consistency
* 📝 Changeset
Endret i darkmode
Brand Blue og Success, 100 - 400, endret saturation til 100.
Accent, 100 - 400, endret saturation til 60.
Alle farger 600, endret til kontraststop til 4.52:1. Bug, noen farger havnet under 4.5:1.
Alle farger 1000, endret saturation til 100.
* 🚧 umami test script
* 🚧 CSP for umami
* 🚧 test data-tag, set no auto tracking
* ♻️ make consentBanner more self contained
* 🚧 working implementation for consent modal
* ♻️ move ConsentBanner to website-modules + small changes
* use typescript-cookies over localStorage API
* Copy Nav.no consent text
* better name for cookie
* 🚧 crude complex consent object
* Update aksel.nav.no/website/components/website-modules/ConsentBanner.tsx
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* classify traffic better (umami)
* Update aksel.nav.no/website/components/website-modules/ConsentBanner.tsx
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
* link to our own personvernerklering + disable modal on that specific page
* use same conditions for all showModal() triggers
* update comment
* limit cookie to specific subdomain (prevent it getting sent by clients to other *.nav.no pages
* remove the MutationObserver, but keep query param to disable banner (for tests)
* bypass banner in e2e tests
* store "no action" consent data in sessionStorage
* 🚧 change to in document flow style banner (no more modal)
* 📱 responsive consent banner++
* website: set cookie domain dynamically (from serving site)
* hardcode /side/personvernerklaering
* 🚧 placeholder cookie preferences box
* cookie preferences box++
* dokmøte plenumsendringer
* move page personvernserklaering
* make the cookie preference form functional
* ♿ add missing aria-labelledby target
* re-enable banner on e2e search tests
* Add explanation to organic and polluted traffic
* extract consent state into custom hook
* PR review changes
* ✨ Serverside-check for cookie consent
* banner set tracking id from env var
* remove unused url param check
* env var toggle for PRODUCTION
use this to inject code scripts clientside, do stuff during build or anything else really! (better to use this than NODE_ENV)
---------
Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>
Co-authored-by: Lars Eirik Korsgaard Hansen <71271458+larseirikhansen@users.noreply.github.com>
Co-authored-by: Ken <ken.aleksander@gmail.com>
* ✨ Setup darkside migration
* ✨ Can now convert primitives spacing
* 🧪 Added more tests
* 📝 Docs for utils
* 📝 Changeset
* 📝 Typos
* [Darkside] ✨ Added migration for css, less and scss (#3598)
* ✨ Added migration for css, less and scsss
* Update @navikt/aksel/src/codemod/migrations.ts
* ✨ Make old px spacing space-1
* ✨ Use esbuild to inline local references
* ✨ Added js migration to space-tokens (#3600)
* ♻️ Use eslint-bundle as main build for CLI
* ♻️ Add mappings exports in ds-css, avoid using esbuild
2025-03-03 10:37:32 +01:00
617 changed files with 48673 additions and 5919 deletions
@@ -10,8 +10,7 @@ import { Markdown, Meta } from "@storybook/blocks";
## CSS
- Most of our CSS is re-written. This could potentially affect most custom overrides targeting `.navds`-classes.
- You will not be able to use the old CSS and the new CSS at the same time.
- Most of our CSS is re-written. This includes renaming all `.navds`-classNames to `.aksel`. This will affect most custom overrides targeting `.navds`-classes.
As we strongly recommend avoiding custom
overrides where possible, we would like to encourage opening an
@@ -32,7 +32,7 @@ If you are not using any of our React-components, you can still switch between t
## Theme switching
The `Theme`-component has a `theme`-prop that can be set to either `light` or `dark`. This only sets a `class` on the element of `light` or `dark` (in addition to a `navds-theme` class), and the rest is handled by the CSS.
The `Theme`-component has a `theme`-prop that can be set to either `light` or `dark`. This only sets a `class` on the element of `light` or `dark` (in addition to a `aksel-theme` class), and the rest is handled by the CSS.
You have the option of using `hasBackground` (defaults to true) to make `Theme` include a built on default background.
@@ -83,10 +83,10 @@ For SCSS, Less and JS they are also available under the paths
## I want to test the new React-changes
For the new system to work with our components, you will have to use the new `Theme`-component, and import the new CSS from `ds-css/darkside`
For the new system to work with our components, you will have to use the new `Theme`-component, and import the new CSS from `@navikt/ds-css/darkside`
```tsx
import "@navikt/ds-css/darkside;";
import "@navikt/ds-css/darkside";
import { Theme } from "@navikt/ds-react/Theme";
export const App = () => (
@@ -96,7 +96,30 @@ export const App = () => (
);
```
You will not be able to use the old CSS and the new CSS at the same time.
You will have to check on all your custom overrides when making this switch.
### Partial update
You can migrate parts of your application to use the new CSS classes without having to migrate everything at once.
```tsx
// Old setup
import "@navikt/ds-css/darkside";
// New setup
import "@navikt/ds-css/darkside";
import { Theme } from "@navikt/ds-react/Theme";
export const App = () => (
<div>
<StillOnOldCSSComponent>
/* Only this part of your app now uses new styling */
<Theme>
<YourApp />
</Theme>
</div>
);
```
You will have to check on all your custom overrides when making this switch.
- CLI: Added primitives migration to new space-tokens. Run `npx @navikt/aksel migration primitive-spacing` to start migrating now. This update is supported for old and new (darkside) system. ([#3597](https://github.com/navikt/aksel/pull/3597))
- CLI: Added js/ts migration to new space-tokens. Run `npx @navikt/aksel migration token-spacing-js` to start migrating now. This update is supported for old and new (darkside) system. ([#3597](https://github.com/navikt/aksel/pull/3597))
Loaded 100 of 617 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.
github-actions[bot]
