feat: rename icon with all the primary icons to "IconPrimary" resp. "icon-primary"

Author: tujoworker

packages/dnb-design-system-portal/src/pages/icons/primary.md

@@ -11,7 +11,7 @@ import Icons from "Parts/icons/ListAllIcons";
 
 The Primary Icons are included in the [UI Library](/uilib) and also shipped bundled as an [UMD Package](https://unpkg.com/dnb-ui-lib@latest/umd/dnb-ui-lib-icons.min.js).
 
-Primary Icons an easily be included, for instance, in [Buttons](/uilib/components/button). They are integrated by using the `<IconWithAllIcons />` Component.
+Primary Icons an easily be included, for instance, in [Buttons](/uilib/components/button). They are integrated by using the `<IconPrimary />` Component.
 
 #### A list of all Primary Icons
 

packages/dnb-design-system-portal/src/pages/uilib/usage/first-steps/react.md

@@ -5,7 +5,7 @@ draft: false
 order: 5
 ---
 
-import { Button, IconWithAllIcons } from 'dnb-ui-lib/src'
+import { Button, IconPrimary } from 'dnb-ui-lib/src'
 import { ButtonEventExample } from 'Pages/uilib/usage/first-steps/examples/react-examples'
 
 # React JS for the web
@@ -27,15 +27,15 @@ The most basic way to use the `dnb-ui-lib` is like this:
 ```jsx
 <Button variant="secondary" text="Secondary Button" size="large" icon="chevron-right_medium" />
 <Button variant="secondary" size="large">
-  <IconWithAllIcons icon="chevron-right_medium" size="large" />
+  <IconPrimary icon="chevron-right_medium" size="large" />
 </Button>
 <Button icon="chevron-right_medium" icon_size="large" size="large" />
 ```
 
 <div className="demo-box">
   <Button variant="secondary" text="Secondary Button" size="large" icon="chevron-right_medium" />
   <Button variant="secondary" size="large">
-    <IconWithAllIcons icon="chevron-right_medium" size="large" />
+    <IconPrimary icon="chevron-right_medium" size="large" />
   </Button>
   <Button icon="chevron-right_medium" icon_size="large" size="large" />
 </div>

packages/dnb-design-system-portal/src/uilib/components/examples/Icon.txt

@@ -1,3 +1,3 @@
-<IconWithAllIcons icon="question" />
-<IconWithAllIcons icon="chevron_right_medium" />
+<IconPrimary icon="question" />
+<IconPrimary icon="chevron_right_medium" />
 <Icon icon={Bell} size="32" />

packages/dnb-design-system-portal/src/uilib/performance-test/PerformanceTest.js

@@ -15,7 +15,7 @@ import 'dnb-ui-lib/src/style' // import both all components and the default them
 import dnb, {
   Button,
   Input,
-  IconWithAllIcons as Icon,
+  IconPrimary as Icon,
   Switch,
   FormLabel
 } from 'dnb-ui-lib/src'
@@ -338,7 +338,7 @@ class InputTest extends Component {
 
 const IconWrap = ({ webComponentsEnabled, ...props }) =>
   webComponentsEnabled ? (
-    <dnb-icon-with-all-icons {...props} />
+    <dnb-icon-primary {...props} />
   ) : (
     <Icon {...props} />
   )

packages/dnb-design-system-portal/src/uilib/scripts/makeDemosFactory.js

@@ -10,11 +10,7 @@ import runFactory from './tasks/makerFactory'
 import processAllPartsFile from './tasks/processAllPartsFile'
 
 if (require.main === module && process.env.NODE_ENV !== 'test') {
-  const ignoreUiLibList = [
-    'web-components',
-    'style',
-    'icon-with-all-icons'
-  ]
+  const ignoreUiLibList = ['web-components', 'style', 'icon-primary']
   const keepFiles = [] //'!**/footer/*'
   const autoAdvice = `
   ATTENTION: This file is auto generated by using "makeDemosFactory".

packages/dnb-ui-lib/src/components/button/Button.js

@@ -6,7 +6,7 @@
 import React, { PureComponent } from 'react'
 import PropTypes from 'prop-types'
 import classnames from 'classnames'
-import Icon from '../icon/IconWithAllIcons'
+import Icon from '../icon/IconPrimary'
 import {
   registerElement,
   validateDOMAttributes,

packages/dnb-ui-lib/src/components/button/__tests__/__snapshots__/Button.test.js.snap

@@ -57,7 +57,7 @@ exports[`Button component have to match default button snapshot 1`] = `
       >
         text
       </span>
-      <IconWithAllIcons
+      <IconPrimary
         alt="This is a button title"
         area_hidden={true}
         attributes={null}
@@ -89,7 +89,7 @@ exports[`Button component have to match default button snapshot 1`] = `
             </svg>
           </question>
         </span>
-      </IconWithAllIcons>
+      </IconPrimary>
     </Content>
   </button>
 </Button>
@@ -153,7 +153,7 @@ exports[`Button component have to match href="..." snapshot 1`] = `
       >
         text
       </span>
-      <IconWithAllIcons
+      <IconPrimary
         alt="This is a button title"
         area_hidden={true}
         attributes={null}
@@ -185,7 +185,7 @@ exports[`Button component have to match href="..." snapshot 1`] = `
             </svg>
           </question>
         </span>
-      </IconWithAllIcons>
+      </IconPrimary>
     </Content>
   </a>
 </Button>

packages/dnb-ui-lib/src/components/dropdown/Dropdown.js

@@ -14,7 +14,7 @@ import {
   dispatchCustomElementEvent
 } from '../../shared/component-helper'
 // import './style/dnb-dropdown.scss' // no good solution to import the style here
-import Icon from '../icon/IconWithAllIcons'
+import Icon from '../icon/IconPrimary'
 
 const renderProps = {
   on_show: null,

packages/dnb-ui-lib/src/components/dropdown/__tests__/__snapshots__/Dropdown.test.js.snap

@@ -35,7 +35,7 @@ exports[`Dropdown component have to match snapshot 1`] = `
     <span
       className="dnb-dropdown__icon icon-icon"
     >
-      <IconWithAllIcons
+      <IconPrimary
         alt={null}
         area_hidden={false}
         attributes={null}

…/icon-with-all-icons/IconWithAllIcons.js …c/components/icon-primary/IconPrimary.jspackages/dnb-ui-lib/src/components/icon-with-all-icons/IconWithAllIcons.js renamed to packages/dnb-ui-lib/src/components/icon-primary/IconPrimary.js packages/dnb-ui-lib/src/components/icon-with-all-icons/IconWithAllIcons.js renamed to packages/dnb-ui-lib/src/components/icon-primary/IconPrimary.js

@@ -3,7 +3,7 @@
  *
  */
 
-import web from '../icon/IconWithAllIcons'
+import web from '../icon/IconPrimary'
 
 export { web }
 export default web