@orangesk/orange-design-system 2.1.0 → 3.0.0

package/src/components/index.ts

@@ -92,6 +92,7 @@ import { Tab, TabPanel, Tabs } from "./Tabs";
 import { Tag, TagButton } from "./Tag";
 import { Testimonial } from "./Testimonial";
 import { Tile } from "./Tile";
+import { Timeline } from "./Timeline";
 import { InfoTooltip, Tooltip } from "./Tooltip";
 
 export {
@@ -196,5 +197,6 @@ export {
   TextArea,
   TextInput,
   Tile,
+  Timeline,
   Tooltip,
 };

package/src/styles/tokens/base.scss

@@ -19,11 +19,6 @@ $focus-shadow:
 $selection-background: sasscolor.adjust(color.$orange-dark, $alpha: -0.1);
 
 @mixin focusring {
-  &:focus {
-    outline: $focus-outline;
-    outline-offset: $focusring-offset;
-  }
-
   &:focus-visible {
     outline: $focus-outline;
     outline-offset: $focusring-offset;
@@ -36,11 +31,6 @@ $selection-background: sasscolor.adjust(color.$orange-dark, $alpha: -0.1);
 }
 
 @mixin focusring-flush {
-  &:focus {
-    outline: $focus-outline;
-    outline-offset: 0 !important;
-  }
-
   &:focus-visible {
     outline: $focus-outline;
     outline-offset: 0 !important;
@@ -55,12 +45,6 @@ $selection-background: sasscolor.adjust(color.$orange-dark, $alpha: -0.1);
 @mixin focusring-round {
   border-radius: 100%;
 
-  &:focus {
-    outline-width: 0 !important;
-    outline-color: transparent !important;
-    box-shadow: $focus-shadow;
-  }
-
   &:focus-visible {
     outline-width: 0 !important;
     outline-color: transparent !important;

package/src/styles/typography/mixins.scss

@@ -50,7 +50,16 @@
     // Default štýly pre všetky p elementy
     @include generate.responsive-css-map(map.get($config, "default"));
 
-    a {
+    a:not(.no-underline):not(.underline-hover) {
+      text-decoration: underline !important;
+    }
+
+    a.no-underline,
+    a.underline-hover {
+      text-decoration: none !important;
+    }
+
+    a.underline-hover:hover {
       text-decoration: underline !important;
     }
   }
@@ -120,9 +129,11 @@
 }
 
 @mixin list-spacing($space, $config: config.$list-spacing) {
-  > *:where(li) {
+  > *:where(li):not(:last-child) {
     margin-bottom: map.get($config, $space);
+  }
 
+  > *:where(li) {
     > *:where(ul, ol) {
       margin-top: map.get($config, $space);
     }