feat: make new css package dnb-ui-tags - to make it more clear what…

… this packages includes (raw tag selectors, to avoid using css selectors, even this is not recommended to use in larger apps)

packages/dnb-ui-lib/src/style/dnb-ui-elements.scss

@@ -6,6 +6,5 @@
 @import './core/utilities.scss';
 @import './core/properties.scss';
 
-// import and execute all HTML tag elements
+// import all HTML elements
 @import './elements/ui-elements.scss';
-@include executeHTMLElements();

packages/dnb-ui-lib/src/style/dnb-ui-tags.scss

@@ -0,0 +1,11 @@
+/**
+ * HTML Element Tags
+ *
+ */
+
+@import './core/utilities.scss';
+@import './core/properties.scss';
+
+// import and execute all HTML element tags
+@import './elements/ui-tags.scss';
+@include executeHTMLTags();

packages/dnb-ui-lib/src/style/elements/anchor.scss

@@ -30,13 +30,12 @@ $anchorBorderRadius: 0.25rem;
   color: var(--color-sea-green);
 
   text-decoration: none;
-  // border-bottom: $anchorBorderBottomWidth solid var(--color-sea-green);
-  box-shadow: 0 $anchorBorderBottomWidth 0 0 var(--color-sea-green);
+  box-shadow: 0 $anchorBorderBottomWidth 0 0 currentColor;
   border-radius: 0;
 
   @if $theme == 'highlighted' {
     color: var(--color-emerald-green);
-    box-shadow: 0 $anchorBorderBottomWidth 0 0 var(--color-emerald-green);
+    box-shadow: 0 $anchorBorderBottomWidth 0 0 currentColor;
   }
 }
 

packages/dnb-ui-lib/src/style/elements/ui-elements.scss

@@ -17,31 +17,3 @@
 @import './code.scss';
 @import './image.scss';
 @import './hr.scss';
-
-@mixin executeHTMLElements() {
-  // div
-  @include anchorTag();
-  @include imageTag();
-  @include blockquoteTag();
-  @include hrTag();
-
-  // typography
-  @include typographyTags();
-
-  // lists
-  @include ulTag();
-  @include olTag();
-  @include dlTag();
-
-  // table
-  @include tableTag();
-
-  // form
-  @include formTag();
-  @include labelTag();
-  @include textareaTag();
-
-  // additional
-  @include codeTag();
-  @include preTag();
-}

packages/dnb-ui-lib/src/style/elements/ui-tags.scss

@@ -0,0 +1,34 @@
+/*
+ * Import all element tags
+ *
+ */
+
+@import './ui-elements.scss';
+
+@mixin executeHTMLTags() {
+  // div
+  @include anchorTag();
+  @include imageTag();
+  @include blockquoteTag();
+  @include hrTag();
+
+  // typography
+  @include typographyTags();
+
+  // lists
+  @include ulTag();
+  @include olTag();
+  @include dlTag();
+
+  // table
+  @include tableTag();
+
+  // form
+  @include formTag();
+  @include labelTag();
+  @include textareaTag();
+
+  // additional
+  @include codeTag();
+  @include preTag();
+}

packages/dnb-ui-lib/src/style/tags.js

@@ -0,0 +1,6 @@
+/**
+ * Imports only the main UI themes HTML elements (tags)
+ *
+ */
+
+import './dnb-ui-tags.scss'