break: rename dnb-ui-lib to @dnb/eufemia (rewrite the release notes f…

…or older versions)

BREAKING CHANGE: rename dnb-ui-lib to @dnb/eufemia (rewrite the release notes for older versions)

Read more in the docs about the migration https://eufemia.dnb.no/uilib/about-the-lib/releases

.drone.yml

@@ -15,7 +15,7 @@ steps:
   - name: dependencies audit
     image: tujoworker/docker-node-puppeteer
     commands:
-      - yarn workspace dnb-ui-lib audit:ci
+      - yarn workspace @dnb/eufemia audit:ci
     when:
       branch:
         exclude:
@@ -26,8 +26,8 @@ steps:
   - name: run integration tests
     image: tujoworker/docker-node-puppeteer
     commands:
-      - yarn workspace dnb-ui-lib lint:ci && yarn workspace dnb-design-system-portal lint:ci
-      - yarn workspace dnb-ui-lib test:ci && yarn workspace dnb-design-system-portal test:ci
+      - yarn workspace @dnb/eufemia lint:ci && yarn workspace dnb-design-system-portal lint:ci
+      - yarn workspace @dnb/eufemia test:ci && yarn workspace dnb-design-system-portal test:ci
 
   - name: run Figma converters
     image: tujoworker/docker-node-puppeteer
@@ -41,7 +41,7 @@ steps:
       FIGMA_TOKEN:
         from_secret: FIGMA_TOKEN
     commands:
-      - yarn workspace dnb-ui-lib prebuild:ci:figma
+      - yarn workspace @dnb/eufemia prebuild:ci:figma
     when:
       branch:
         include:
@@ -57,7 +57,7 @@ steps:
       GH_TOKEN:
         from_secret: GH_TOKEN
     commands:
-      - yarn workspace dnb-ui-lib prebuild:ci
+      - yarn workspace @dnb/eufemia prebuild:ci
     when:
       branch:
         include:
@@ -115,7 +115,7 @@ steps:
       GH_TOKEN:
         from_secret: GH_TOKEN
     commands:
-      - yarn workspace dnb-ui-lib postbuild:ci:figma
+      - yarn workspace @dnb/eufemia postbuild:ci:figma
     when:
       branch:
         include:
@@ -131,7 +131,7 @@ steps:
       GH_TOKEN:
         from_secret: GH_TOKEN
     commands:
-      - yarn workspace dnb-ui-lib test:screenshots:ci
+      - yarn workspace @dnb/eufemia test:screenshots:ci
     when:
       branch:
         include:
@@ -156,7 +156,7 @@ steps:
       GH_TOKEN:
         from_secret: GH_TOKEN
     commands:
-      - yarn workspace dnb-ui-lib postbuild:ci
+      - yarn workspace @dnb/eufemia postbuild:ci
     when:
       branch:
         include:
@@ -196,7 +196,7 @@ steps:
       NPM_TOKEN:
         from_secret: NPM_TOKEN
     commands:
-      - yarn workspace dnb-ui-lib publish:ci
+      - yarn workspace @dnb/eufemia publish:ci
     when:
       event:
         - push

.github/CODEOWNERS

@@ -1,3 +1,3 @@
 # pings tujoworker when PRs are made to these packages
 packages/dnb-design-system-portal/*  @tujoworker
-packages/dnb-ui-lib/*  @tujoworker
+packages/eufemia/*  @tujoworker

.github/ISSUE_TEMPLATE/feature.md

@@ -18,4 +18,4 @@ Please provide an example for how this feature would be used.
 
 ## Pitch
 
-Why does this feature belong in the "dnb-ui-lib"?
+Why does this feature belong in the "@dnb/eufemia"?

CHANGELOG.md

@@ -150,7 +150,7 @@ New [Colors](/uilib/usage/customisation/colors):
   - dropdown text error state color: `fire-red`
 - **Table** header icon change: from `chevron` to `arrow`
 
-Get more details about the `dnb-ui-lib` [v6 release](/uilib/about-the-lib/releases/v6-info)
+Get more details about the `@dnb/eufemia` [v6 release](/uilib/about-the-lib/releases/v6-info)
 
 ## November, 30. 2019
 
@@ -169,7 +169,7 @@ New [Icons](/icons):
 - secondary `view_on`
 - secondary `view_off`
 
-Get more details about the `dnb-ui-lib` [v5.8 release](/uilib/about-the-lib/releases/v5.8-info)
+Get more details about the `@dnb/eufemia` [v5.8 release](/uilib/about-the-lib/releases/v5.8-info)
 
 ## November, 16. 2019
 
@@ -183,7 +183,7 @@ Get more details about the `dnb-ui-lib` [v5.8 release](/uilib/about-the-lib/rele
 
 ## October, 30. 2019
 
-- New component in the `dnb-ui-lib`: [Number](/uilib/components/number)
+- New component in the `@dnb/eufemia`: [Number](/uilib/components/number)
 - New [colors](/uilib/usage/customisation/colors):
   1. `fire-red`, which replaces `cherry-red` (_default error color_)
   1. `fire-red-8`, which replaces `cherry-red-8`
@@ -192,7 +192,7 @@ Get more details about the `dnb-ui-lib` [v5.8 release](/uilib/about-the-lib/rele
   1. secondary `save_alt_01` is now => primary `save`
   1. primary `error` got removed
 
-Get more details about the `dnb-ui-lib` [v5 release](/uilib/about-the-lib/releases/v5-info)
+Get more details about the `@dnb/eufemia` [v5 release](/uilib/about-the-lib/releases/v5-info)
 
 ## October, 14. 2019
 
@@ -208,46 +208,46 @@ Get more details about the `dnb-ui-lib` [v5 release](/uilib/about-the-lib/releas
 
 ## August, 24. 2019
 
-- Read more about the `dnb-ui-lib` [v4.10 release](/uilib/releases/v4.10-info)
-- New component in the `dnb-ui-lib`: [GlobalStatus](/uilib/components/global-status)
+- Read more about the `@dnb/eufemia` [v4.10 release](/uilib/releases/v4.10-info)
+- New component in the `@dnb/eufemia`: [GlobalStatus](/uilib/components/global-status)
 - Updated [FormStatus](/uilib/components/form-status) with new text color and new icon
 - Added link to example usage of a [Table](/uilib/elements/tables#working-demo) styles using `react-table`
 - Added info about [Custom project Icons](/uilib/components/icon#custom-project-icons)
 
 ## July, 21. 2019
 
-- Major Release of `dnb-ui-lib`: Read more about the [v4 release](/uilib/releases/v4-info)
-- New component in the `dnb-ui-lib`: [Space](/uilib/components/space) for easy spacing capabilities
-- New component in the `dnb-ui-lib`: [Slider](/uilib/components/slider) with add/subtract buttons
+- Major Release of `@dnb/eufemia`: Read more about the [v4 release](/uilib/releases/v4-info)
+- New component in the `@dnb/eufemia`: [Space](/uilib/components/space) for easy spacing capabilities
+- New component in the `@dnb/eufemia`: [Slider](/uilib/components/slider) with add/subtract buttons
 
 ## June, 26. 2019
 
-- The `dnb-ui-lib` got new helpers for [Spacing](/uilib/usage/layout/spacing#spacing-helpers) and [Layout](/uilib/usage/layout)
+- The `@dnb/eufemia` got new helpers for [Spacing](/uilib/usage/layout/spacing#spacing-helpers) and [Layout](/uilib/usage/layout)
 - Added first [Demo App](/uilib/getting-started/demos)
 
 ## June, 19. 2019
 
-- New components in the `dnb-ui-lib`: [ToggleButton](/uilib/components/toggle-button) as well as two layout components [FormSet](/uilib/components/form-set) and [FormRow](/uilib/components/form-row)
+- New components in the `@dnb/eufemia`: [ToggleButton](/uilib/components/toggle-button) as well as two layout components [FormSet](/uilib/components/form-set) and [FormRow](/uilib/components/form-row)
 
 ## June, 5. 2019
 
 - New corner radius (border-radius) on `Dropdown` and `DatePicker`: 4px (0.25rem)
 
 ## June, 3. 2019
 
-- New component in the `dnb-ui-lib`: [Textarea](/uilib/components/textarea). Got also a wider corner radius by `16px (1rem)`
+- New component in the `@dnb/eufemia`: [Textarea](/uilib/components/textarea). Got also a wider corner radius by `16px (1rem)`
 
 ## May, 27. 2019
 
-- New components in the `dnb-ui-lib`: [Checkbox](/uilib/components/checkbox) and [Radio](/uilib/components/radio) button
+- New components in the `@dnb/eufemia`: [Checkbox](/uilib/components/checkbox) and [Radio](/uilib/components/radio) button
 
 ## May, 19. 2019
 
-- New component in the `dnb-ui-lib`: Circular [ProgressIndicator](/uilib/components/progress-indicator) bar (spinner with animation)
+- New component in the `@dnb/eufemia`: Circular [ProgressIndicator](/uilib/components/progress-indicator) bar (spinner with animation)
 
 ## May, 8. 2019
 
-- New component in the `dnb-ui-lib`: [DatePicker](/uilib/components/date-picker) with range/period support
+- New component in the `@dnb/eufemia`: [DatePicker](/uilib/components/date-picker) with range/period support
 
 ## April, 26. 2019
 

README.md

@@ -1,7 +1,7 @@
 # DNB Design System
 
 This is a mono repo and uses **yarn workspaces** to manage the sub packages/workspaces.
-Some of the included packages/workspaces are `dnb-design-guide` and `dnb-ui-lib`. Read more about the purposes of them in the respective packages `readme.md` files.
+Some of the included packages/workspaces are `dnb-design-guide` and `@dnb/eufemia`. Read more about the purposes of them in the respective packages `readme.md` files.
 
 ## DNB Eufemia Portal
 

SECURITY.md

@@ -1,6 +1,6 @@
 # Reporting Security Issues
 
-If you discover a security issue in the dnb-ui-lib, please report it by sending an
+If you discover a security issue in the @dnb/eufemia, please report it by sending an
 email to [[email protected]](mailto:[email protected]).
 
 This will allow us to assess the risk, and make a fix available before we add a

package.json

@@ -12,16 +12,16 @@
   "workspaces": [
     "packages/*"
   ],
-  "main": "./packages/dnb-ui-lib/index.js",
+  "main": "./packages/eufemia/index.js",
   "scripts": {
-    "precommit": "if git-branch-is release; then yarn -v; else yarn workspace dnb-ui-lib precommit && yarn workspace dnb-design-system-portal precommit; fi",
-    "postinstall": "yarn workspace dnb-ui-lib lint:lockfile",
+    "precommit": "if git-branch-is release; then yarn -v; else yarn workspace @dnb/eufemia precommit && yarn workspace dnb-design-system-portal precommit; fi",
+    "postinstall": "yarn workspace @dnb/eufemia lint:lockfile",
     "start": "yarn workspace dnb-design-system-portal start",
-    "publish:dry": "yarn workspace dnb-ui-lib publish:dry",
-    "reset": "rm -rf ./node_modules && yarn workspace dnb-ui-lib reset && yarn workspace dnb-design-system-portal reset && yarn install",
-    "build": "yarn workspace dnb-ui-lib build && yarn workspace dnb-design-system-portal build",
-    "test": "yarn workspace dnb-ui-lib test",
-    "test:update": "yarn workspace dnb-ui-lib test:update"
+    "publish:dry": "yarn workspace @dnb/eufemia publish:dry",
+    "reset": "rm -rf ./node_modules && yarn workspace @dnb/eufemia reset && yarn workspace dnb-design-system-portal reset && yarn install",
+    "build": "yarn workspace @dnb/eufemia build && yarn workspace dnb-design-system-portal build",
+    "test": "yarn workspace @dnb/eufemia test",
+    "test:update": "yarn workspace @dnb/eufemia test:update"
   },
   "devDependencies": {
     "git-branch-is": "^3.0.0",

packages/README.md

@@ -1,5 +1,5 @@
 # DNB **Eufemia** design system packages
 
-In here we have several packages with different purposes. `dnb-ui-lib` is the package to build the NPM version of the ui components. `dnb-design-system-portal` is the main web site to show off both the **Design System Principles and rules** and the **dnb-ui-lib** components, styles and patterns.
+In here we have several packages with different purposes. `@dnb/eufemia` is the package to build the NPM version of the ui components. `dnb-design-system-portal` is the main web site to show off both the **Design System Principles and rules** and the **@dnb/eufemia** components, styles and patterns.
 
 There is also a repo with [examples projects](https://github.com/dnbexperience/eufemia-examples) to run the components in different frameworks.

packages/dnb-design-system-portal/gatsby-browser.js

@@ -3,8 +3,8 @@
  *
  */
 
-import { applyPageFocus } from 'dnb-ui-lib/src/shared/helpers'
-import { resetLevels } from 'dnb-ui-lib/src/components/Heading'
+import { applyPageFocus } from '@dnb/eufemia/src/shared/helpers'
+import { resetLevels } from '@dnb/eufemia/src/components/Heading'
 import { rootElement } from './src/core/portalProviders'
 import smoothscroll from 'smoothscroll-polyfill'
 
@@ -19,34 +19,34 @@ if (process.env.NODE_ENV === 'development') {
 }
 
 function loadDevStyles() {
-  require('dnb-ui-lib/src/core/jest/jestSetupScreenshots.css') // import visual test styles
+  require('@dnb/eufemia/src/core/jest/jestSetupScreenshots.css') // import visual test styles
 
   // Only for testing legacy CSS code
-  // require('dnb-ui-lib/stories/legacy')
+  // require('@dnb/eufemia/stories/legacy')
 
   // Load dev styles (to use hot reloading, we do have to import the styles in here)
   // import styles
-  require('dnb-ui-lib/src/style/patterns') // import only patterns
-  require('dnb-ui-lib/src/style') // import both all components and the default ui theme
+  require('@dnb/eufemia/src/style/patterns') // import only patterns
+  require('@dnb/eufemia/src/style') // import both all components and the default ui theme
 
   // Other imports for testing purposes
-  // require('dnb-ui-lib/src/style/core') // import the core styles
-  // require('dnb-ui-lib/src/style/basis') // in case we want to test ".dnb-core-style"
-  // require('dnb-ui-lib/src/style/components') // import only components
-  // require('dnb-ui-lib/src/style/themes/ui') // import the default theme
-  // // require('dnb-ui-lib/src/style/themes/open-banking') // import the "open-banking" theme
-  // require('dnb-ui-lib/src/style/elements') // import also styling for HTML elements/tags
+  // require('@dnb/eufemia/src/style/core') // import the core styles
+  // require('@dnb/eufemia/src/style/basis') // in case we want to test ".dnb-core-style"
+  // require('@dnb/eufemia/src/style/components') // import only components
+  // require('@dnb/eufemia/src/style/themes/ui') // import the default theme
+  // // require('@dnb/eufemia/src/style/themes/open-banking') // import the "open-banking" theme
+  // require('@dnb/eufemia/src/style/elements') // import also styling for HTML elements/tags
 }
 
 function loadProdStyles() {
   try {
     if (process.env.NODE_ENV === 'production') {
-      require('dnb-ui-lib/build/style/dnb-ui-core.css')
-      require('dnb-ui-lib/build/style/dnb-ui-patterns.css')
-      require('dnb-ui-lib/build/style/dnb-ui-components.css')
-      require('dnb-ui-lib/build/style/themes/theme-ui/dnb-theme-ui.css')
-      // require('dnb-ui-lib/build/style/patterns') // import only patterns
-      // require('dnb-ui-lib/build/style') // import both all components and the default ui theme
+      require('@dnb/eufemia/build/style/dnb-ui-core.css')
+      require('@dnb/eufemia/build/style/dnb-ui-patterns.css')
+      require('@dnb/eufemia/build/style/dnb-ui-components.css')
+      require('@dnb/eufemia/build/style/themes/theme-ui/dnb-theme-ui.css')
+      // require('@dnb/eufemia/build/style/patterns') // import only patterns
+      // require('@dnb/eufemia/build/style') // import both all components and the default ui theme
     }
   } catch (e) {
     console.warn('[Using loadDevStyles]', e)

packages/dnb-design-system-portal/gatsby-config.js

@@ -52,7 +52,8 @@ const plugins = [
     resolve: 'gatsby-source-filesystem',
     options: {
       path: `${__dirname}/src/docs`, //for .md (mdx) files
-      name: 'docs'
+      name: 'docs',
+      ignore: ['**/*_not_in_use*']
     }
   },
   {
@@ -89,7 +90,7 @@ const plugins = [
   {
     resolve: 'gatsby-plugin-postcss',
     options: {
-      postCssPlugins: require('dnb-ui-lib/scripts/prepub/config/postcssConfig')(
+      postCssPlugins: require('@dnb/eufemia/scripts/prepub/config/postcssConfig')(
         {
           IE11: false
         }

packages/dnb-design-system-portal/package.json

@@ -32,7 +32,7 @@
     "lint:styles": "stylelint './src/**/*.{js,css}'",
     "lint:styles:staged": "stylelint './src/**/*.{js,css}'",
     "make-ui-lib-pages": "babel-node ./scripts/uilib/makeDemosFactory.js && yarn prettier:components",
-    "make-ui-lib-pages:dev": "nodemon --exec 'yarn make-ui-lib-pages' --ext js --watch '../dnb-ui-lib/src/**/*' --watch '**/makeDemosFactory.js' --watch '**/tasks/*' --watch '**/Template.js'  --watch '**/template.md'",
+    "make-ui-lib-pages:dev": "nodemon --exec 'yarn make-ui-lib-pages' --ext js --watch '**/makeDemosFactory.js' --watch '**/tasks/*' --watch '**/Template.js'  --watch '**/template.md'",
     "reset": "rm -rf ./node_modules && yarn clean",
     "serve": "gatsby serve -p 8000",
     "start": "cross-env DEBUG=gatsby:query-watcher GATSBY_HOT_LOADER=fast-refresh gatsby develop",

packages/dnb-design-system-portal/scripts/commitPages.js

@@ -3,7 +3,7 @@
  *
  */
 
-import { commitToBranch } from '../../dnb-ui-lib/scripts/prepub/commitToBranch'
+import { commitToBranch } from '@dnb/eufemia/scripts/prepub/commitToBranch'
 
 if (require.main === module) {
   commitToBranch({

packages/dnb-design-system-portal/scripts/copyContentIntoPublic.js

@@ -4,15 +4,23 @@
  */
 
 const fs = require('fs-extra')
+const path = require('path')
 
 const copyContentIntoPublic = async () => {
   try {
     const filter = (file) => {
       return !/\/\./.test(file)
     }
-    await fs.copy('../dnb-ui-lib/assets', './public/static/', {
-      filter
-    })
+    await fs.copy(
+      path.resolve(
+        path.dirname(require.resolve('@dnb/eufemia')),
+        'assets'
+      ),
+      './public/static/',
+      {
+        filter
+      }
+    )
     // use only the gatsby "/static" folder for now
     // await fs.copy('./src/public', './public/', { filter })
   } catch (e) {