@orangesk/orange-design-system 3.6.2 → 3.8.0

package/src/styles/typography/style.scss

@@ -1,7 +1,6 @@
 @use "../tools/generate";
 @use "config" as *;
 @use "mixins" as *;
-@use "sass:map" as sass-map;
 
 // Headings pre elementy h1, h2, h3 atď.
 @include headings-base($headings, "h$", $heading-base);
@@ -16,18 +15,6 @@
 @include body-text($body-text);
 @include readability();
 
-.caption {
-  @include generate.css-map(sass-map.get($caption, "default"));
-}
-
-.caption--small {
-  @include generate.css-map(sass-map.get($caption, "small"));
-}
-
-.caption--large {
-  @include generate.css-map(sass-map.get($caption, "large"));
-}
-
 ol,
 ul {
   @include list-base();

package/src/styles/utilities/border.scss

@@ -13,6 +13,10 @@
     }
   }
 
+  .border--dashed {
+    border-style: dashed;
+  }
+
   .border--gray {
     border-color: var(--color-border-subtle);
 

package/src/styles/utilities/border.styles.unit.test.jsx

@@ -0,0 +1,9 @@
+import * as sass from "sass";
+
+describe("Border utilities", () => {
+  it("changes the border style to dashed", () => {
+    const { css } = sass.compile("src/lib/style.scss");
+
+    expect(css).toMatch(/\.border--dashed \{\s+border-style: dashed;/);
+  });
+});

package/src/styles/utilities/text.scss

@@ -67,6 +67,18 @@
     );
   }
 
+  .caption {
+    @include generate.css-map(map.get(typographyConfig.$caption, "default"));
+  }
+
+  .caption--small {
+    @include generate.css-map(map.get(typographyConfig.$caption, "small"));
+  }
+
+  .caption--large {
+    @include generate.css-map(map.get(typographyConfig.$caption, "large"));
+  }
+
   .text-nowrap {
     white-space: nowrap !important;
   }

package/src/components/Carousel/CHANGELOG.md

@@ -1,11 +0,0 @@
-- **BREAKING**: Migrated `Carousel` component from Glider.js to Swiper.js library
-  - Replaced `@lighting-beetle/glider-js` dependency with `swiper`
-  - Updated `CarouselConfig` interface to extend `SwiperOptions` instead of Glider config
-  - Changed initialization from `new Glider()` to `new Swiper()` with required modules (Navigation, Pagination, Scrollbar, A11y)
-  - Updated prop name from `gliderOptions` to `swiperOptions` in React component
-  - Enhanced keyboard navigation support for pagination buttons (Arrow keys, Home/End, Tab navigation)
-  - Added tooltip position updates on slide changes for better tooltip integration
-  - Improved accessibility with proper ARIA attributes and Slovak language messages
-  - Updated slide classes from glider-specific to swiper-specific (`swiper-slide`, `swiper-wrapper`)
-  - Modified breakpoint configuration format to match Swiper's API
-  - Added automatic element detection and configuration for navigation, pagination, and scrollbar