npm - @digigov/react-core - Versions diffs - 2.0.0-rc.21 → 2.0.0-rc.22 - Mend

@digigov/react-core 2.0.0-rc.21 → 2.0.0-rc.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (282) hide show

package/src/Bottom/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Bottom with no props 1`] = `
 <body>

package/src/BottomInfo/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the BottomInfo with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-bottom-info ds-container ds-gap-sm-12 ds-grid"
+      class="ds-bottom-info ds-container ds-grid ds-gap-sm-12"
     >
       hello
     </div>

package/src/BottomInfoContainer/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the BottomInfoContainer with no props 1`] = `
 <body>
   <div>
     <div
-      class="ds-bottom-info__container ds-container ds-gap-sm-12 ds-grid"
+      class="ds-bottom-info__container ds-container ds-grid ds-gap-sm-12"
     >
       hello
     </div>

package/src/BottomInfoContent/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the BottomInfoContent with no props 1`] = `
 <body>

package/src/Breadcrumbs/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Breadcrumbs with no props 1`] = `
 <body>

package/src/BreadcrumbsList/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the BreadcrumbsList with no props 1`] = `
 <body>

package/src/BreadcrumbsListItem/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the BreadcrumbsListItem with href 1`] = `
 <body>
@@ -24,7 +24,7 @@ exports[`renders the BreadcrumbsListItem with no props 1`] = `
       class="ds-breadcrumbs__list-item"
     >
       <a
-        class="ds-breadcrumbs__link--inactive ds-breadcrumbs__link"
+        class="ds-breadcrumbs__link ds-breadcrumbs__link--inactive"
       >
         hello
       </a>

package/src/Button/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,11 +1,11 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Button with ariaLabel prop 1`] = `
 <body>
   <div>
     <button
       aria-label="button for opening menu"
-      class="ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary"
     >
       Menu
     </button>
@@ -17,7 +17,7 @@ exports[`renders the Button with color=primary 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary"
     >
       hello
     </button>
@@ -29,7 +29,7 @@ exports[`renders the Button with color=primary with disabled=true 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn--disabled ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary ds-btn--disabled"
       disabled=""
     >
       hello
@@ -42,7 +42,7 @@ exports[`renders the Button with color=secondary 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-secondary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-secondary"
     >
       hello
     </button>
@@ -54,7 +54,7 @@ exports[`renders the Button with color=secondary with disabled=true 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-secondary ds-btn--disabled ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-secondary ds-btn--disabled"
       disabled=""
     >
       hello
@@ -67,7 +67,7 @@ exports[`renders the Button with color=warning 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-warning ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-warning"
     >
       hello
     </button>
@@ -79,7 +79,7 @@ exports[`renders the Button with color=warning with disabled=true 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-warning ds-btn--disabled ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-warning ds-btn--disabled"
       disabled=""
     >
       hello
@@ -92,7 +92,7 @@ exports[`renders the Button with dense=true 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn ds-btn--dense ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn--dense ds-btn-primary"
     >
       hello
     </button>
@@ -104,7 +104,7 @@ exports[`renders the Button with disabled=false 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary"
     >
       hello
     </button>
@@ -116,7 +116,7 @@ exports[`renders the Button with disabled=true 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn--disabled ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary ds-btn--disabled"
       disabled=""
     >
       hello
@@ -129,7 +129,7 @@ exports[`renders the Button with no props 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary"
     >
       hello
     </button>
@@ -141,7 +141,7 @@ exports[`renders the Button with tabIndex prop 1`] = `
 <body>
   <div>
     <button
-      class="ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn ds-btn-primary"
       tabindex="0"
     >
       Menu

package/src/ButtonGroup/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the ButtonGroup with no props 1`] = `
 <body>

package/src/ButtonLink/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Button with tabIndex prop 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-primary ds-btn"
+      class="ds-btn ds-btn-primary"
       tabindex="0"
     >
       Menu
@@ -18,7 +18,7 @@ exports[`renders the ButtonLink with ariaLabel prop 1`] = `
   <div>
     <a
       aria-label="button for opening menu"
-      class="ds-btn-primary ds-btn"
+      class="ds-btn ds-btn-primary"
     >
       Menu
     </a>
@@ -30,7 +30,7 @@ exports[`renders the ButtonLink with color=primary 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-primary ds-btn"
+      class="ds-btn ds-btn-primary"
     >
       hello
     </a>
@@ -42,7 +42,7 @@ exports[`renders the ButtonLink with color=primary with href=# 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-primary ds-btn"
+      class="ds-btn ds-btn-primary"
       href="#"
     >
       hello
@@ -55,7 +55,7 @@ exports[`renders the ButtonLink with color=secondary 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-secondary ds-btn"
+      class="ds-btn ds-btn-secondary"
     >
       hello
     </a>
@@ -67,7 +67,7 @@ exports[`renders the ButtonLink with color=secondary with href=# 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-secondary ds-btn"
+      class="ds-btn ds-btn-secondary"
       href="#"
     >
       hello
@@ -80,7 +80,7 @@ exports[`renders the ButtonLink with color=warning 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-warning ds-btn"
+      class="ds-btn ds-btn-warning"
     >
       hello
     </a>
@@ -92,7 +92,7 @@ exports[`renders the ButtonLink with color=warning with href=# 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-warning ds-btn"
+      class="ds-btn ds-btn-warning"
       href="#"
     >
       hello
@@ -105,7 +105,7 @@ exports[`renders the ButtonLink with disabled=false 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-primary ds-btn"
+      class="ds-btn ds-btn-primary"
     >
       hello
     </a>
@@ -117,7 +117,7 @@ exports[`renders the ButtonLink with href=# 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-primary ds-btn"
+      class="ds-btn ds-btn-primary"
       href="#"
     >
       hello
@@ -130,7 +130,7 @@ exports[`renders the ButtonLink with no props 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-primary ds-btn"
+      class="ds-btn ds-btn-primary"
     >
       hello
     </a>

package/src/CallToAction/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,19 +1,22 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CallToAction with no props 1`] = `
 <body>
   <div>
     <a
-      class="ds-btn-cta ds-btn-primary ds-btn ds-print-hidden"
+      class="ds-print-hidden ds-btn-cta ds-btn ds-btn-primary"
     >
       hello
       <svg
         aria-hidden="true"
-        class="ds-svg-icon--chevron ds-svg-icon"
+        as="svg"
+        class="ds-btn-cta__icon ds-svg-icon--chevron ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <path
+          as="path"
+          class=""
           d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
         />
       </svg>

package/src/Card/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Card with callToActon props 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--cta ds-card"
+      class="ds-card ds-card--cta"
     >
       <div
         class="ds-card__body"
@@ -20,7 +20,7 @@ exports[`renders the Card with dense props 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--dense ds-card"
+      class="ds-card ds-card--dense"
     >
       <div
         class="ds-card__body"
@@ -36,7 +36,7 @@ exports[`renders the Card with dense" prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--dense ds-card"
+      class="ds-card ds-card--dense"
     >
       <div
         class="ds-card__body"
@@ -52,7 +52,7 @@ exports[`renders the Card with fullHeight" prop 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--full-height ds-card"
+      class="ds-card ds-card--full-height"
     >
       <div
         class="ds-card__body"
@@ -84,7 +84,7 @@ exports[`renders the Card with variant="border" and borderColor="dark" props 1`]
 <body>
   <div>
     <div
-      class="ds-card--border-dark ds-card--border ds-card"
+      class="ds-card ds-card--border ds-card--border-dark"
     >
       <div
         class="ds-card__body"
@@ -100,7 +100,7 @@ exports[`renders the Card with variant="border" and borderColor="light" props 1`
 <body>
   <div>
     <div
-      class="ds-card--border-light ds-card--border ds-card"
+      class="ds-card ds-card--border ds-card--border-light"
     >
       <div
         class="ds-card__body"
@@ -116,7 +116,7 @@ exports[`renders the Card with variant="border" props 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--border ds-card"
+      class="ds-card ds-card--border"
     >
       <div
         class="ds-card__body"
@@ -132,7 +132,7 @@ exports[`renders the Card with variant="border-top" and borderColor="dark" callT
 <body>
   <div>
     <div
-      class="ds-card--border-top ds-card--border-dark ds-card--cta ds-card"
+      class="ds-card ds-card--border-top ds-card--cta ds-card--border-dark"
     >
       <div
         class="ds-card__body"
@@ -148,7 +148,7 @@ exports[`renders the Card with variant="border-top" and borderColor="dark" props
 <body>
   <div>
     <div
-      class="ds-card--border-top ds-card--border-dark ds-card"
+      class="ds-card ds-card--border-top ds-card--border-dark"
     >
       <div
         class="ds-card__body"
@@ -164,7 +164,7 @@ exports[`renders the Card with variant="border-top" and borderColor="light" prop
 <body>
   <div>
     <div
-      class="ds-card--border-top ds-card--border-light ds-card"
+      class="ds-card ds-card--border-top ds-card--border-light"
     >
       <div
         class="ds-card__body"
@@ -180,7 +180,7 @@ exports[`renders the Card with variant="border-top" props 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--border-top ds-card"
+      class="ds-card ds-card--border-top"
     >
       <div
         class="ds-card__body"
@@ -196,7 +196,7 @@ exports[`renders the Card with variant="divider" props 1`] = `
 <body>
   <div>
     <div
-      class="ds-card--divider ds-card"
+      class="ds-card ds-card--divider"
     >
       <div
         class="ds-card__body"

package/src/CardAction/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CardAction with no props 1`] = `
 <body>

package/src/CardContent/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CardAction with no props 1`] = `
 <body>

package/src/CardHeading/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CardAction with no props 1`] = `
 <body>

package/src/Checkbox/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Checkbox with dense prop and CheckboxItems 1`] = `
 <body>
   <div>
     <div
-      class="ds-checkboxes--dense ds-checkboxes"
+      class="ds-checkboxes ds-checkboxes--dense"
     >
       <div
         class="ds-checkboxes__item"
@@ -43,7 +43,7 @@ exports[`renders the Checkbox with layout=horizontal and CheckboxItems 1`] = `
 <body>
   <div>
     <div
-      class="ds-checkboxes--horizontal ds-checkboxes"
+      class="ds-checkboxes ds-checkboxes--horizontal"
     >
       <div
         class="ds-checkboxes__item"

package/src/CheckboxConditional/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Blockquote with no props 1`] = `
 <body>

package/src/CheckboxItem/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CheckboxItem with \`disabled\` prop 1`] = `
 <body>
@@ -7,7 +7,7 @@ exports[`renders the CheckboxItem with \`disabled\` prop 1`] = `
       class="ds-checkboxes__item"
     >
       <label
-        class="ds-checkboxes__label--disabled ds-checkboxes__label ds-label"
+        class="ds-checkboxes__label ds-checkboxes__label--disabled ds-label"
       >
         hello
         <input
@@ -77,7 +77,7 @@ exports[`renders the CheckboxItem with \`value\` \`name\` and \`disabled\` props
       class="ds-checkboxes__item"
     >
       <label
-        class="ds-checkboxes__label--disabled ds-checkboxes__label ds-label"
+        class="ds-checkboxes__label ds-checkboxes__label--disabled ds-label"
       >
         hello
         <input
@@ -105,7 +105,7 @@ exports[`renders the CheckboxItem with \`value\` \`name\`, \`divider\` and \`dis
       class="ds-checkboxes__item"
     >
       <label
-        class="ds-checkboxes__label--disabled ds-checkboxes__label ds-label"
+        class="ds-checkboxes__label ds-checkboxes__label--disabled ds-label"
       >
         hello
         <input

package/src/Chip/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the Chip with no props 1`] = `
 <body>

package/src/Chip/index.tsx CHANGED Viewed

@@ -28,7 +28,8 @@ export const Chip = React.forwardRef<HTMLLIElement, ChipProps>(function Chip(
       {...props}
       onClick={onClick}
     >
-      <Base as='div'
+      <Base
+        as="div"
         role={onClick && 'button'}
         tabIndex={onClick && 0}
         className="ds-chip__content"

package/src/ChipContainer/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the ChipContainer with no props 1`] = `
 <body>

package/src/ChipHeading/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the ChipHeading with no props 1`] = `
 <body>

package/src/ChipKeyValue/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the ChipKeyValue with no props 1`] = `
 <body>

package/src/ChoiceDividerText/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the ChoiceDivider with text prop 1`] = `
 <body>

package/src/CircularProgress/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,11 +1,11 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CircularProgress 1`] = `
 <body>
   <div>
     <svg
       aria-hidden="true"
-      class="ds-circular-progress--md ds-circular-progress"
+      class="ds-circular-progress ds-circular-progress--md"
       focusable="false"
       viewBox="0 0 200 200"
     >
@@ -27,7 +27,7 @@ exports[`renders the CircularProgress with color=secondary and size lg props 1`]
   <div>
     <svg
       aria-hidden="true"
-      class="ds-circular-progress--secondary ds-circular-progress--lg ds-circular-progress"
+      class="ds-circular-progress ds-circular-progress--secondary ds-circular-progress--lg"
       focusable="false"
       viewBox="0 0 200 200"
     >
@@ -49,7 +49,7 @@ exports[`renders the CircularProgress with color=secondary and size sm props 1`]
   <div>
     <svg
       aria-hidden="true"
-      class="ds-circular-progress--secondary ds-circular-progress--sm ds-circular-progress"
+      class="ds-circular-progress ds-circular-progress--secondary ds-circular-progress--sm"
       focusable="false"
       viewBox="0 0 200 200"
     >
@@ -71,7 +71,7 @@ exports[`renders the CircularProgress with color=secondary prop 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-circular-progress--secondary ds-circular-progress--md ds-circular-progress"
+      class="ds-circular-progress ds-circular-progress--secondary ds-circular-progress--md"
       focusable="false"
       viewBox="0 0 200 200"
     >
@@ -93,7 +93,7 @@ exports[`renders the CircularProgress with size lg 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-circular-progress--lg ds-circular-progress"
+      class="ds-circular-progress ds-circular-progress--lg"
       focusable="false"
       viewBox="0 0 200 200"
     >
@@ -115,7 +115,7 @@ exports[`renders the CircularProgress with size sm 1`] = `
   <div>
     <svg
       aria-hidden="true"
-      class="ds-circular-progress--sm ds-circular-progress"
+      class="ds-circular-progress ds-circular-progress--sm"
       focusable="false"
       viewBox="0 0 200 200"
     >

package/src/CloseButton/__snapshots__/index.test.tsx.snap CHANGED Viewed

@@ -1,18 +1,21 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the CloseButton 1`] = `
 <body>
   <div>
     <button
-      class="ds-close-btn ds-link ds-print-hidden"
+      class="ds-print-hidden ds-close-btn ds-link"
     >
       <svg
         aria-hidden="true"
+        as="svg"
         class="ds-svg-icon--close ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <polygon
+          as="polygon"
+          class=""
           points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
         />
       </svg>
@@ -25,16 +28,19 @@ exports[`renders the CloseButton with label prop 1`] = `
 <body>
   <div>
     <button
-      class="ds-close-btn ds-link ds-print-hidden"
+      class="ds-print-hidden ds-close-btn ds-link"
     >
       Κλείσιμο
       <svg
         aria-hidden="true"
+        as="svg"
         class="ds-svg-icon--close ds-svg-icon"
         focusable="false"
         viewBox="0 0 24 24"
       >
         <polygon
+          as="polygon"
+          class=""
           points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
         />
       </svg>