fix: rename typed chevron icons all places to have more consistency

Author: tujoworker

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

@@ -33,11 +33,11 @@ Now we can use our web components right away in our markup.
 <!-- prettier-ignore-start -->
 
 ```html
-<dnb-button icon="chevron-right" text="Custom Element" />
+<dnb-button icon="chevron_right" text="Custom Element" />
 ```
 
 <div class="example-box">
-  <dnb-button icon="chevron-right" text="Custom Element" />
+  <dnb-button icon="chevron_right" text="Custom Element" />
 </div>
 
 ### Input

packages/dnb-design-system-portal/src/shared/menu/Card.js

@@ -161,7 +161,7 @@ export default class Card extends PureComponent {
           <BottomWrapper>
             <Button
               variant="tertiary"
-              icon="chevron-right"
+              icon="chevron_right"
               text="Read more"
               tabindex="-1"
             />

packages/dnb-design-system-portal/src/shared/menu/MainMenu.js

@@ -217,7 +217,7 @@ export default class MainMenu extends PureComponent {
                 variant="secondary"
                 class="main-menu__back dnb-always-focus"
                 on_click={this.closeMenuHandler}
-                icon="chevron-left"
+                icon="chevron_left"
                 icon_position="left"
                 text="BACK"
                 title="Hide Main Menu"

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

@@ -22,35 +22,35 @@
 <Button
   text="Primary button with icon"
   title="This is a button title"
-  icon="chevron-right"
+  icon="chevron_right"
 />
 <Button
   text="Primary button with icon on left"
   title="This is a button title"
   icon_position="left"
-  icon="chevron-left"
+  icon="chevron_left"
 />
 <Button
   variant="tertiary"
   text="Tertiary button with icon on left"
   title="This is a button title"
   icon_position="left"
-  icon="chevron-left"
+  icon="chevron_left"
 />
 <Button
   variant="tertiary"
   text="Tertiary button with icon on left"
   title="This is a button title"
   icon_position="left"
-  icon="chevron-left"
+  icon="chevron_left"
   disabled
 />
 <Button
   text="Primary button with href"
   href="?no-cache=1"
   title="This is a link"
   icon_position="right"
-  icon="chevron-right"
+  icon="chevron_right"
 />
 <Button title="Disabled Icon only Button" icon="calendar" disabled />
 <Button title="Button with Icon only" icon="calendar" />

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

@@ -1,6 +1,12 @@
-<IconPrimary icon="question" />
-<IconPrimary icon="question_medium" />
-<IconPrimary icon="question" size="medium" />
-<Button variant="secondary" size="large">
-  <IconPrimary icon="question_medium" size="large" />
-</Button>
+<IconPrimary icon="question" title="default size" />
+<IconPrimary icon="question_medium" title="medium size in icon name" />
+<IconPrimary
+  icon="question"
+  size="medium"
+  title="medium size defined in size prop"
+/>
+<IconPrimary
+  icon="question"
+  size="40"
+  title="default sized icon with custom size"
+/>

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

@@ -51,15 +51,15 @@ class Example extends PureComponent {
           <Button
             text="Primary button with icon"
             title="This is a button title"
-            icon="chevron-right"
+            icon="chevron_right"
           />
         </div>
         <div className="example-box">
           <Button
             text="Primary button with icon on left"
             title="This is a button title"
             icon_position="left"
-            icon="chevron-left"
+            icon="chevron_left"
           />
         </div>
         <div className="example-box">
@@ -68,7 +68,7 @@ class Example extends PureComponent {
             text="Tertiary button with icon on left"
             title="This is a button title"
             icon_position="left"
-            icon="chevron-left"
+            icon="chevron_left"
           />
         </div>
         <div className="example-box">
@@ -77,7 +77,7 @@ class Example extends PureComponent {
             text="Tertiary button with icon on left"
             title="This is a button title"
             icon_position="left"
-            icon="chevron-left"
+            icon="chevron_left"
             disabled
           />
         </div>
@@ -87,7 +87,7 @@ class Example extends PureComponent {
             href="?no-cache=1"
             title="This is a link"
             icon_position="right"
-            icon="chevron-right"
+            icon="chevron_right"
           />
         </div>
         <div className="example-box">

packages/dnb-ui-lib/src/components/button/__tests__/Screenshot.test.js

@@ -38,7 +38,7 @@ describe.skip('Button screenshot', () => {
 
     -> Syntax
     <div className="button-wrapper">
-      <Button text="Next" variant="secondary" icon="chevron-right" />
+      <Button text="Next" variant="secondary" icon="chevron_right" />
     </div>
 
     -> Styling

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

@@ -345,7 +345,8 @@ exports[`Dropdown scss have to match snapshot 1`] = `
   .dnb-icon--custom-size {
     width: auto;
     height: auto; }
-  .dnb-icon svg:not([width]):not([height]) {
+  .dnb-icon svg:not([width]):not([height]),
+  .dnb-icon img:not([width]):not([height]) {
     width: inherit;
     height: inherit; }
 

packages/dnb-ui-lib/src/patterns/action-nav/ActionNav.js

@@ -120,7 +120,7 @@ export default class ActionNav extends PureComponent {
                       title={prev_title}
                       variant="secondary"
                       icon_position="left"
-                      icon="chevron-left"
+                      icon="chevron_left"
                       href={prev_href}
                     />
                   </div>
@@ -132,7 +132,7 @@ export default class ActionNav extends PureComponent {
                       text={next_text}
                       title={next_title}
                       variant="primary"
-                      icon="chevron-right"
+                      icon="chevron_right"
                       href={next_href}
                     />
                   </div>

packages/dnb-ui-lib/src/patterns/summary-table/SummaryTable.js

@@ -115,7 +115,7 @@ export default class SummaryTable extends PureComponent {
                       title={prev_title}
                       variant="secondary"
                       icon_position="left"
-                      icon="chevron-left"
+                      icon="chevron_left"
                       href={prev_href}
                     />
                   </div>
@@ -127,7 +127,7 @@ export default class SummaryTable extends PureComponent {
                       text={next_text}
                       title={next_title}
                       variant="primary"
-                      icon="chevron-right"
+                      icon="chevron_right"
                       href={next_href}
                     />
                   </div>