slu-design-system 5.0.26 → 5.0.28

package/build-and-deploy-to-npm.yaml

@@ -0,0 +1,64 @@
+trigger:
+  branches:
+    include:
+      - master
+  paths:
+    include:
+      - designsystem/**
+
+pool:
+  name: Default
+  demands: npm
+
+steps:
+  - task: Npm@1
+    displayName: "npm install"
+    inputs:
+      workingDir: designsystem
+      verbose: false
+  - task: Npm@1
+    displayName: "build "
+    inputs:
+      command: custom
+      workingDir: designsystem
+      verbose: false
+      customCommand: "run build-prod"
+  - task: CopyFiles@2
+    displayName: "Copy Files"
+    inputs:
+      SourceFolder: designsystem
+      Contents: |
+        **
+        !**\fonts\**
+        !**\src\**
+        !**\node_modules\**
+        !**\package-lock.json
+        !**\test.html
+      TargetFolder: "$(build.artifactstagingdirectory)"
+      CleanTargetFolder: true
+  - task: CopyFiles@2
+    displayName: "Copy fonts"
+    inputs:
+      SourceFolder: designsystem
+      Contents: 'fonts\**'
+      TargetFolder: "$(build.artifactstagingdirectory)/dist"
+  - task: CopyFiles@2
+    displayName: "Copy scss utils"
+    inputs:
+      SourceFolder: designsystem
+      Contents: 'scss\**'
+      TargetFolder: "$(build.artifactstagingdirectory)"
+    enabled: false
+  - task: CopyFiles@2
+    displayName: "Copy scss files to utils"
+    inputs:
+      SourceFolder: 'designsystem\src\abstract'
+      Contents: |
+        _adb-variables.scss
+        _artportalen-variables.scss
+      TargetFolder: "$(build.artifactstagingdirectory)/scss"
+  - task: PublishBuildArtifacts@1
+    displayName: "Publish Artifact: drop"
+    inputs:
+      PathtoPublish: "$(build.artifactstagingdirectory)"
+ 

package/dist/designsystem-artportalen.css

@@ -11643,11 +11643,6 @@ pre {
   display: block;
 }
 
-.comma-seperated > *:not(:last-child):after,
-.comma-separated > *:not(:last-child):after {
-  content: ", ";
-}
-
 .table th a {
   color: #333333;
 }
@@ -11732,477 +11727,6 @@ pre {
   border: 1px solid #fae79c !important;
 }
 
-.progress-circle {
-  font-size: 20px;
-  margin: 20px;
-  position: relative;
-  padding: 0;
-  width: 5em;
-  height: 5em;
-  background-color: #f2e9e1;
-  border-radius: 50%;
-  line-height: 5em;
-}
-
-.progress-circle:after {
-  border: none;
-  position: absolute;
-  top: 0.35em;
-  left: 0.35em;
-  text-align: center;
-  display: block;
-  border-radius: 50%;
-  width: 4.3em;
-  height: 4.3em;
-  background-color: white;
-  content: " ";
-}
-
-.progress-circle span {
-  position: absolute;
-  line-height: 5em;
-  width: 5em;
-  text-align: center;
-  display: block;
-  color: #4E6936;
-  z-index: 2;
-}
-
-.left-half-clipper {
-  border-radius: 50%;
-  width: 5em;
-  height: 5em;
-  position: absolute;
-  clip: rect(0, 5em, 5em, 2.5em);
-}
-
-.progress-circle.over50 .left-half-clipper {
-  clip: rect(auto, auto, auto, auto);
-}
-
-.value-bar {
-  position: absolute;
-  clip: rect(0, 2.5em, 5em, 0);
-  width: 5em;
-  height: 5em;
-  border-radius: 50%;
-  border: 0.45em solid #4E6936;
-  box-sizing: border-box;
-}
-
-.progress-circle.over50 .first50-bar {
-  position: absolute;
-  clip: rect(0, 5em, 5em, 2.5em);
-  background-color: #4E6936;
-  border-radius: 50%;
-  width: 5em;
-  height: 5em;
-}
-
-.progress-circle:not(.over50) .first50-bar {
-  display: none;
-}
-
-.progress-circle.p0 .value-bar {
-  display: none;
-}
-
-.progress-circle.p1 .value-bar {
-  transform: rotate(3.6deg);
-}
-
-.progress-circle.p2 .value-bar {
-  transform: rotate(7.2deg);
-}
-
-.progress-circle.p3 .value-bar {
-  transform: rotate(10.8deg);
-}
-
-.progress-circle.p4 .value-bar {
-  transform: rotate(14.4deg);
-}
-
-.progress-circle.p5 .value-bar {
-  transform: rotate(18deg);
-}
-
-.progress-circle.p6 .value-bar {
-  transform: rotate(21.6deg);
-}
-
-.progress-circle.p7 .value-bar {
-  transform: rotate(25.2deg);
-}
-
-.progress-circle.p8 .value-bar {
-  transform: rotate(28.8deg);
-}
-
-.progress-circle.p9 .value-bar {
-  transform: rotate(32.4deg);
-}
-
-.progress-circle.p10 .value-bar {
-  transform: rotate(36deg);
-}
-
-.progress-circle.p11 .value-bar {
-  transform: rotate(39.6deg);
-}
-
-.progress-circle.p12 .value-bar {
-  transform: rotate(43.2deg);
-}
-
-.progress-circle.p13 .value-bar {
-  transform: rotate(46.8deg);
-}
-
-.progress-circle.p14 .value-bar {
-  transform: rotate(50.4deg);
-}
-
-.progress-circle.p15 .value-bar {
-  transform: rotate(54deg);
-}
-
-.progress-circle.p16 .value-bar {
-  transform: rotate(57.6deg);
-}
-
-.progress-circle.p17 .value-bar {
-  transform: rotate(61.2deg);
-}
-
-.progress-circle.p18 .value-bar {
-  transform: rotate(64.8deg);
-}
-
-.progress-circle.p19 .value-bar {
-  transform: rotate(68.4deg);
-}
-
-.progress-circle.p20 .value-bar {
-  transform: rotate(72deg);
-}
-
-.progress-circle.p21 .value-bar {
-  transform: rotate(75.6deg);
-}
-
-.progress-circle.p22 .value-bar {
-  transform: rotate(79.2deg);
-}
-
-.progress-circle.p23 .value-bar {
-  transform: rotate(82.8deg);
-}
-
-.progress-circle.p24 .value-bar {
-  transform: rotate(86.4deg);
-}
-
-.progress-circle.p25 .value-bar {
-  transform: rotate(90deg);
-}
-
-.progress-circle.p26 .value-bar {
-  transform: rotate(93.6deg);
-}
-
-.progress-circle.p27 .value-bar {
-  transform: rotate(97.2deg);
-}
-
-.progress-circle.p28 .value-bar {
-  transform: rotate(100.8deg);
-}
-
-.progress-circle.p29 .value-bar {
-  transform: rotate(104.4deg);
-}
-
-.progress-circle.p30 .value-bar {
-  transform: rotate(108deg);
-}
-
-.progress-circle.p31 .value-bar {
-  transform: rotate(111.6deg);
-}
-
-.progress-circle.p32 .value-bar {
-  transform: rotate(115.2deg);
-}
-
-.progress-circle.p33 .value-bar {
-  transform: rotate(118.8deg);
-}
-
-.progress-circle.p34 .value-bar {
-  transform: rotate(122.4deg);
-}
-
-.progress-circle.p35 .value-bar {
-  transform: rotate(126deg);
-}
-
-.progress-circle.p36 .value-bar {
-  transform: rotate(129.6deg);
-}
-
-.progress-circle.p37 .value-bar {
-  transform: rotate(133.2deg);
-}
-
-.progress-circle.p38 .value-bar {
-  transform: rotate(136.8deg);
-}
-
-.progress-circle.p39 .value-bar {
-  transform: rotate(140.4deg);
-}
-
-.progress-circle.p40 .value-bar {
-  transform: rotate(144deg);
-}
-
-.progress-circle.p41 .value-bar {
-  transform: rotate(147.6deg);
-}
-
-.progress-circle.p42 .value-bar {
-  transform: rotate(151.2deg);
-}
-
-.progress-circle.p43 .value-bar {
-  transform: rotate(154.8deg);
-}
-
-.progress-circle.p44 .value-bar {
-  transform: rotate(158.4deg);
-}
-
-.progress-circle.p45 .value-bar {
-  transform: rotate(162deg);
-}
-
-.progress-circle.p46 .value-bar {
-  transform: rotate(165.6deg);
-}
-
-.progress-circle.p47 .value-bar {
-  transform: rotate(169.2deg);
-}
-
-.progress-circle.p48 .value-bar {
-  transform: rotate(172.8deg);
-}
-
-.progress-circle.p49 .value-bar {
-  transform: rotate(176.4deg);
-}
-
-.progress-circle.p50 .value-bar {
-  transform: rotate(180deg);
-}
-
-.progress-circle.p51 .value-bar {
-  transform: rotate(183.6deg);
-}
-
-.progress-circle.p52 .value-bar {
-  transform: rotate(187.2deg);
-}
-
-.progress-circle.p53 .value-bar {
-  transform: rotate(190.8deg);
-}
-
-.progress-circle.p54 .value-bar {
-  transform: rotate(194.4deg);
-}
-
-.progress-circle.p55 .value-bar {
-  transform: rotate(198deg);
-}
-
-.progress-circle.p56 .value-bar {
-  transform: rotate(201.6deg);
-}
-
-.progress-circle.p57 .value-bar {
-  transform: rotate(205.2deg);
-}
-
-.progress-circle.p58 .value-bar {
-  transform: rotate(208.8deg);
-}
-
-.progress-circle.p59 .value-bar {
-  transform: rotate(212.4deg);
-}
-
-.progress-circle.p60 .value-bar {
-  transform: rotate(216deg);
-}
-
-.progress-circle.p61 .value-bar {
-  transform: rotate(219.6deg);
-}
-
-.progress-circle.p62 .value-bar {
-  transform: rotate(223.2deg);
-}
-
-.progress-circle.p63 .value-bar {
-  transform: rotate(226.8deg);
-}
-
-.progress-circle.p64 .value-bar {
-  transform: rotate(230.4deg);
-}
-
-.progress-circle.p65 .value-bar {
-  transform: rotate(234deg);
-}
-
-.progress-circle.p66 .value-bar {
-  transform: rotate(237.6deg);
-}
-
-.progress-circle.p67 .value-bar {
-  transform: rotate(241.2deg);
-}
-
-.progress-circle.p68 .value-bar {
-  transform: rotate(244.8deg);
-}
-
-.progress-circle.p69 .value-bar {
-  transform: rotate(248.4deg);
-}
-
-.progress-circle.p70 .value-bar {
-  transform: rotate(252deg);
-}
-
-.progress-circle.p71 .value-bar {
-  transform: rotate(255.6deg);
-}
-
-.progress-circle.p72 .value-bar {
-  transform: rotate(259.2deg);
-}
-
-.progress-circle.p73 .value-bar {
-  transform: rotate(262.8deg);
-}
-
-.progress-circle.p74 .value-bar {
-  transform: rotate(266.4deg);
-}
-
-.progress-circle.p75 .value-bar {
-  transform: rotate(270deg);
-}
-
-.progress-circle.p76 .value-bar {
-  transform: rotate(273.6deg);
-}
-
-.progress-circle.p77 .value-bar {
-  transform: rotate(277.2deg);
-}
-
-.progress-circle.p78 .value-bar {
-  transform: rotate(280.8deg);
-}
-
-.progress-circle.p79 .value-bar {
-  transform: rotate(284.4deg);
-}
-
-.progress-circle.p80 .value-bar {
-  transform: rotate(288deg);
-}
-
-.progress-circle.p81 .value-bar {
-  transform: rotate(291.6deg);
-}
-
-.progress-circle.p82 .value-bar {
-  transform: rotate(295.2deg);
-}
-
-.progress-circle.p83 .value-bar {
-  transform: rotate(298.8deg);
-}
-
-.progress-circle.p84 .value-bar {
-  transform: rotate(302.4deg);
-}
-
-.progress-circle.p85 .value-bar {
-  transform: rotate(306deg);
-}
-
-.progress-circle.p86 .value-bar {
-  transform: rotate(309.6deg);
-}
-
-.progress-circle.p87 .value-bar {
-  transform: rotate(313.2deg);
-}
-
-.progress-circle.p88 .value-bar {
-  transform: rotate(316.8deg);
-}
-
-.progress-circle.p89 .value-bar {
-  transform: rotate(320.4deg);
-}
-
-.progress-circle.p90 .value-bar {
-  transform: rotate(324deg);
-}
-
-.progress-circle.p91 .value-bar {
-  transform: rotate(327.6deg);
-}
-
-.progress-circle.p92 .value-bar {
-  transform: rotate(331.2deg);
-}
-
-.progress-circle.p93 .value-bar {
-  transform: rotate(334.8deg);
-}
-
-.progress-circle.p94 .value-bar {
-  transform: rotate(338.4deg);
-}
-
-.progress-circle.p95 .value-bar {
-  transform: rotate(342deg);
-}
-
-.progress-circle.p96 .value-bar {
-  transform: rotate(345.6deg);
-}
-
-.progress-circle.p97 .value-bar {
-  transform: rotate(349.2deg);
-}
-
-.progress-circle.p98 .value-bar {
-  transform: rotate(352.8deg);
-}
-
-.progress-circle.p99 .value-bar {
-  transform: rotate(356.4deg);
-}
-
 suggestive-search {
   background-color: white;
 }
@@ -12412,7 +11936,7 @@ h5,
   font-size: 1rem;
 }
 
-.h-subcaption, .h5 {
+.h-subcaption, h5, .h5 {
   font-size: 1rem;
   font-weight: normal;
 }
@@ -12974,6 +12498,11 @@ a:focus figure.image-text-below {
   background-color: #f6f7f9;
 }
 
+.comma-seperated > *:not(:last-child):after,
+.comma-separated > *:not(:last-child):after {
+  content: ", ";
+}
+
 adb-date-picker > div {
   z-index: 900;
 }