release of v10.16.0 (#3088)

dnbexperience · Jan 4, 2024 · fa3d13f · fa3d13f
2 parents eac83c0 + ea56957
commit fa3d13f
Show file tree

Hide file tree

Showing 470 changed files with 6,168 additions and 6,242 deletions.
diff --git a/.github/workflows/icons-lib.yml b/.github/workflows/icons-lib.yml
@@ -26,6 +26,8 @@ jobs:
 
     runs-on: ubuntu-latest
 
+    timeout-minutes: 60
+
     steps:
       - name: Git checkout
         uses: actions/checkout@v4
@@ -76,6 +78,8 @@ jobs:
 
     runs-on: macos-latest
 
+    timeout-minutes: 60
+
     steps:
       - name: Git checkout
         uses: actions/checkout@v4

diff --git a/packages/dnb-design-system-portal/package.json b/packages/dnb-design-system-portal/package.json
@@ -80,7 +80,7 @@
     "gatsby-plugin-babel-react-live": "1.4.2",
     "gatsby-plugin-catch-links": "5.12.0",
     "gatsby-plugin-emotion": "8.12.0",
-    "gatsby-plugin-eufemia-theme-handler": "1.7.0",
+    "gatsby-plugin-eufemia-theme-handler": "1.8.0",
     "gatsby-plugin-gatsby-cloud": "5.12.0",
     "gatsby-plugin-manifest": "5.12.0",
     "gatsby-plugin-mdx": "5.12.0",

diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/anchor/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/anchor/Examples.tsx
@@ -103,7 +103,7 @@ export const AnchorExampleHelperClasses = () => (
           No underline
         </Anchor>
       </Example>
-      <Example>
+      <Example data-visual-test="anchor-no-icon">
         <Anchor
           target="_blank"
           href="/uilib/components/anchor"
@@ -162,6 +162,62 @@ export const AnchorExampleHelperClasses = () => (
   </Wrapper>
 )
 
+export const AnchorExampleHelperContrastVariations = () => (
+  <Wrapper>
+    <ComponentBox hideCode scope={{ Example, ContrastExample }}>
+      <Example>
+        <ContrastExample data-visual-test="anchor-contrast-no-hover">
+          <Anchor
+            href="/uilib/components/anchor"
+            className="dnb-anchor--contrast dnb-anchor--no-hover"
+          >
+            Contrast - no hover
+          </Anchor>
+        </ContrastExample>
+      </Example>
+      <Example>
+        <ContrastExample data-visual-test="anchor-contrast-no-radius">
+          <Anchor
+            href="/uilib/components/anchor"
+            className="dnb-anchor--contrast dnb-anchor--no-radius"
+          >
+            Contrast - no radius
+          </Anchor>
+        </ContrastExample>
+      </Example>
+      <Example>
+        <ContrastExample data-visual-test="anchor-contrast-no-underline">
+          <Anchor
+            href="/uilib/components/anchor"
+            className="dnb-anchor--contrast dnb-anchor--no-underline"
+          >
+            Contrast - no underline
+          </Anchor>
+        </ContrastExample>
+      </Example>
+      <Example>
+        <ContrastExample data-visual-test="anchor-contrast-no-underline-no-hover">
+          <Anchor
+            href="/uilib/components/anchor"
+            className="dnb-anchor--contrast dnb-anchor--no-underline dnb-anchor--no-hover"
+          >
+            Contrast - no underline - no hover
+          </Anchor>
+        </ContrastExample>
+      </Example>
+      <Example>
+        <ContrastExample data-visual-test="anchor-contrast-no-underline-no-radius">
+          <Anchor
+            href="/uilib/components/anchor"
+            className="dnb-anchor--contrast dnb-anchor--no-underline dnb-anchor--no-radius"
+          >
+            Contrast - no underline - no radius
+          </Anchor>
+        </ContrastExample>
+      </Example>
+    </ComponentBox>
+  </Wrapper>
+)
 export const AnchorExampleIcons = () => (
   <Wrapper>
     <ComponentBox hideCode scope={{ Example }}>

diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/anchor/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/components/anchor/demos.mdx
@@ -14,6 +14,7 @@ import {
   AnchorSbankenGoto,
   AnchorSbankenInline,
   AnchorLegacyUsage,
+  AnchorExampleHelperContrastVariations,
 } from 'Docs/uilib/components/anchor/Examples'
 
 <VisibilityByTheme visible="sbanken">
@@ -81,4 +82,5 @@ Unless the href contains `:mailto`, `:tel` or `:sms`.
 
 <VisibleWhenVisualTest>
   <AnchorLegacyUsage />
+  <AnchorExampleHelperContrastVariations />
 </VisibleWhenVisualTest>
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/autocomplete/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/autocomplete/Examples.tsx
@@ -30,7 +30,7 @@ const Wrapper = styled.div`
 export const AutocompleteDefaultExample = () => (
   <Wrapper>
     <ComponentBox scope={{ topMovies }}>
-      <Autocomplete data={topMovies} label="Label:" />
+      <Autocomplete data={topMovies} label="Label" />
     </ComponentBox>
   </Wrapper>
 )
@@ -43,7 +43,7 @@ export const AutocompleteStatusExample = () => (
     >
       <Autocomplete
         data={topMovies}
-        label="Label:"
+        label="Label"
         status="Please select a valid date"
         status_state="info"
         show_submit_button
@@ -65,7 +65,7 @@ export const AutocompleteNumbersExample = () => (
       <Autocomplete
         input_value="201"
         show_clear_button
-        label="Label:"
+        label="Label"
         data={numbersData}
         search_numbers={true}
       />
@@ -83,7 +83,7 @@ export const AutocompleteWithCustomTitle = () => (
         data={topMovies}
         keep_value={true}
         show_clear_button={true}
-        label="Label:"
+        label="Label"
         placeholder="Custom placeholder ..."
         on_change={({ data }) => {
           console.log('on_change', data)
@@ -179,7 +179,7 @@ export const AutocompleteToggleExample = () => (
       scope={{ topMovies }}
     >
       <Autocomplete
-        label="Label:"
+        label="Label"
         value={10}
         show_submit_button={true}
         on_change={({ data }) => {
@@ -199,7 +199,7 @@ export const AutocompletePredefinedInput = () => (
       scope={{ topMovies }}
     >
       <Autocomplete
-        label="Label:"
+        label="Label"
         input_value="the pa ther"
         no_animation
         on_change={({ data }) => {
@@ -220,16 +220,12 @@ export const AutocompleteDifferentSizes = () => (
     >
       <Flex.Vertical>
         <Autocomplete
-          label="Label:"
+          label="Label"
           size="default"
           data={() => topMovies}
         />
-        <Autocomplete
-          label="Label:"
-          size="medium"
-          data={() => topMovies}
-        />
-        <Autocomplete label="Label:" size="large" data={() => topMovies} />
+        <Autocomplete label="Label" size="medium" data={() => topMovies} />
+        <Autocomplete label="Label" size="large" data={() => topMovies} />
       </Flex.Vertical>
     </ComponentBox>
   </Wrapper>
@@ -266,20 +262,20 @@ export const AutocompleteCustomWidth = () => (
       return (
         <Flex.Vertical>
           <CustomWidthOne
-            label="Label:"
+            label="Label"
             label_sr_only
             size="default"
             icon_position="left"
             data={topMovies}
           />
           <CustomWidthTwo
-            label="Label:"
+            label="Label"
             label_sr_only
             size="medium"
             data={topMovies}
           />
           <CustomWidthThree
-            label="Label:"
+            label="Label"
             label_sr_only
             size="large"
             align_autocomplete="right"
@@ -361,7 +357,7 @@ export const AutocompleteOpened = () => {
         hideCode
       >
         <Autocomplete
-          label="Label:"
+          label="Label"
           input_value="lord"
           opened
           no_animation
@@ -371,7 +367,7 @@ export const AutocompleteOpened = () => {
           right="large"
         />
         <Autocomplete
-          label="Label:"
+          label="Label"
           input_value="angry"
           skip_portal
           opened
@@ -530,7 +526,7 @@ export const AutocompleteDisabledExample = () => (
         show_submit_button
         data={topMovies}
         value={1}
-        label="Label:"
+        label="Label"
         bottom
       />
       <br />
@@ -539,7 +535,7 @@ export const AutocompleteDisabledExample = () => (
         show_submit_button
         data={topMovies}
         value={1}
-        label="Label:"
+        label="Label"
         suffix="Suffix"
         size="large"
       />
@@ -566,7 +562,7 @@ export const AutocompleteContentAsArrayExample = () => (
             ],
           },
         ]}
-        label="Label:"
+        label="Label"
       />
     </ComponentBox>
   </Wrapper>
@@ -589,7 +585,7 @@ export const AutocompleteContentAsFragmentExample = () => (
             ),
           },
         ]}
-        label="Label:"
+        label="Label"
       />
     </ComponentBox>
   </Wrapper>
@@ -605,7 +601,7 @@ export const AutocompleteContentDecoupledExample = () => (
             search_content: ['your search content'],
           },
         ]}
-        label="Label:"
+        label="Label"
       />
     </ComponentBox>
   </Wrapper>