From 997122852ff6f74d6b69b1824e00bb6a50d05183 Mon Sep 17 00:00:00 2001 From: Adrian Petrov Date: Fri, 8 May 2026 12:27:16 +0300 Subject: [PATCH] feat(border-radius): expose function and mixin Co-authored-by: Copilot --- packages/theming/sass/themes/_functions.scss | 7 ++++++- packages/theming/sass/themes/_mixins.scss | 7 +++++-- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/packages/theming/sass/themes/_functions.scss b/packages/theming/sass/themes/_functions.scss index dd4b6f57..5c58644f 100644 --- a/packages/theming/sass/themes/_functions.scss +++ b/packages/theming/sass/themes/_functions.scss @@ -119,10 +119,15 @@ } /// Returns a value between an upper and lower bound. -/// @access private +/// @group utilities +/// @access public /// @param {Number} $radius - The preferred value. /// @param {Number} $min [rem(0)] - The minimum value. /// @param {Number} $max [$radius] - The maximum allowed value. +/// @example scss +/// .my-component { +/// border-radius: border-radius(10px, 5px, 20px); +/// } /// @return {Number} The clamped value @function border-radius($radius, $min: #{rem(0)}, $max: $radius) { $factor: math.div($radius, $max); diff --git a/packages/theming/sass/themes/_mixins.scss b/packages/theming/sass/themes/_mixins.scss index 1ee481d3..c74212bf 100644 --- a/packages/theming/sass/themes/_mixins.scss +++ b/packages/theming/sass/themes/_mixins.scss @@ -257,12 +257,15 @@ $ignored-keys: ('name', 'palette', 'variant', 'selector', 'type', 'theme', 'typo } /// Adds border-radius style with a value between an upper and a lower bound. -/// @access private +/// @access public +/// @group utilities /// @param {Number} $radius - The preferred value. /// @param {Number} $min [rem(0)] - The minimum value. /// @param {Number} $max [$radius] - The maximum allowed value. /// @example scss -/// @include border-radius(4px); +/// .my-component { +/// @include border-radius(10px, 5px, 20px); +/// } @mixin border-radius($radius, $min: #{rem(0)}, $max: $radius) { $factor: math.div($radius, $max);