* ✨ Added theming-support to appdir
* 📝 Added changelog docs for theme class change
* ♻️ Use inline head to set local styles instead of css-modules
* ✨ Setup overview-page
* 🐛 Use inline styles instead of Head element from nextjs
* WIP: V1 list view
* 💄 Align overview heading with regular page heading
* 🐛 Moved margin-bottom to top for overview grid
* 🎉 Add overview toggle for component pages
* 🎉 Added overview-pages to sidebar
* 🎉 Added routing support for overview pages
* 🎉 Setup staticparams and metadata for overview-pages
* 🚚 Moved overview components out to now dir
* ✨ Added overview support for komponenter, templates and grunnleggende
* 🔥 Removed unused sanity-field
* 🐛 Hide fallback-svg
* 🐛 Fix misspelling
* ✨ Setup appdir cookie-banner view
* 🎉 Moved cookie-handling to server-actions
* 🐛 Remove impure css module use
* 🐛 Use forced dynamic to allow consent-banner
* 📝 Add docs
* 🎉 Moved consent doc-page
* ♻️ Rename cookie-actions to use 'action'-suffix
* ✨ Added theming-support to appdir
* 📝 Added changelog docs for theme class change
* ♻️ Use inline head to set local styles instead of css-modules
* ✨ Setup overview-page
* 🐛 Use inline styles instead of Head element from nextjs
* WIP: V1 list view
* 💄 Align overview heading with regular page heading
* 🐛 Moved margin-bottom to top for overview grid
* 🎉 Add overview toggle for component pages
* 🎉 Added overview-pages to sidebar
* 🎉 Added routing support for overview pages
* 🎉 Setup staticparams and metadata for overview-pages
* 🚚 Moved overview components out to now dir
* ✨ Added overview support for komponenter, templates and grunnleggende
* 🔥 Removed unused sanity-field
* 🐛 Hide fallback-svg
* 🐛 Fix misspelling
* Update aksel.nav.no/website/app/dev/(designsystemet)/_ui/sidebar/Sidebar.tsx
* 🐛 Could not create overview-pages for grunnleggende or templates
* Remove unused CSS that causes issues when Combobox' ToggleListButton is skipped
This code removed wrapping of chips if ToggleListButton is hidden, and will only ever apply to the button otherwise. That does not need a flex layout.
* Add changeset
* ✨ Added theming-support to appdir
* 📝 Added changelog docs for theme class change
* ♻️ Use inline head to set local styles instead of css-modules
* 🐛 Use inline styles instead of Head element from nextjs
* 🚧 box migration scaffolding
* 🚚 boxnew -> darkside/boxnew
* 🚧 wip
* 🚧 working single substitution (pending lookup in replacements)
* ✅ working test
* import rename in output test
* ✅ import rename + tests
* use config comments, better import example
* commentblock function (append to string output) + update tests (failing)
* 🚧 almost good... needs to respect renamed imports
* ✅ passing tests
* ♻️ organize some utils
* 🧪 Added more tests
* cast JSXIdentifier type
* pass idempotency tests
* also refactor the usage when renaming a function
---------
Co-authored-by: Ken <ken.aleksander@gmail.com>
* ♻️ Update TOC feedback, add layout padding bottom
* 🐛 Added missing type
* 🐛 Fix missing spacing in intro-section
* 🎉 Added metadata for changelog view support in mønster pages
* 🎨 Refactor layout styles and enhance sidebar button animations
* 🎉 Added SEO support
* 🐛 Add page SEO image to start of image list
* 🔥 Remove reduntant early exit code
* 🐛 Open feedback in new tab
* 🐛 Update footer to use responsive layout
* 🐛 Moved theme-colors to viewmport config
* 🐛 Show mobile-menu earlier
* 🐛 Use local schema in sanity-typegen
* 📝 Typo
* ✨ 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
@@ -4,6 +4,13 @@ import { Meta, Title } from "@storybook/blocks";
# Darkside changelog
## v7.18 (02.04.25)
`<Theme />`-component no longer defaults to `light`-theme className when no theme is provided.
This change is made to make it possible to handle 'light' and 'dark' themes in a more flexible way. You can manually set `className="light"` (or dark) on any html-element higher in the hierarchy, and the `<Theme />`-component will not override this.
One of the cases where this is needed is with `next-themes` where defaulting to light, and changing to dark based on `useTheme`-hook from `next-themes` leads to hydratiob errors.
## v7.16 (03.03.25)
To allow loading old and new CSS files that the same time, we have now renamed all classes to start with `.aksel` instead of `.navds`.
"Remember to update use of `variant`-prop to match previous use of colors. If needed the component exposes css-variables for custom overrides",
},
],
darkside:[
spacing:[
{
description:
"Updates all Primitives to use new `space`-tokens. (Works with old and new system)",
value:"primitive-spacing",
path:"darkside/primitives-spacing/spacing",
path:"spacing/primitives-spacing/spacing",
},
{
description:
"Updates css, scss and less-variables to use new `space`-tokens. (Works with old and new system)",
value:"token-spacing",
path:"darkside/token-spacing/spacing",
path:"spacing/token-spacing/spacing",
},
{
description:
"Updates js-tokens to use new `space`-tokens. (Works with old and new system)",
value:"token-spacing-js",
path:"darkside/token-spacing-js/spacing",
path:"spacing/token-spacing-js/spacing",
},
],
darkside:[
{
description:"marks deprecated prop usage with comments.",
value:"prop-deprecate",
path:"darkside/prop-deprecate/prop-deprecate",
},
{
description:
"Updates css, scss and less-variables to use new token-prefix",
value:"token-update",
path:"darkside/token-update/token-update",
},
{
description:"Updates js tokens to use new token-prefix and names",
value:"token-update-js",
path:"darkside/token-update-js/token-update-js",
"Update Box to to BoxNew (future Box) using the new token system",
value:"box-to-boxnew",
path:"darkside/box-to-boxnew/box-to-boxnew",
warning:"Remember to check if 'aksel box migration'-comment were added to any files after migration. This comment will help you find and update Box-instances where we could not resolve the update for you.",
`${oldToken} has valid replacement: ${config.replacement}`,
).toContain(config.replacement);
}
});
});
test("Has raw value if no reference is set",()=>{
Object.values(updatedTokens).forEach((config)=>{
if(config.replacement.length===0){
expect(config.raw.length>0).toBeTruthy();
}
});
});
});
Loaded 100 of 473 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]
