From 85dc09d4e7be514edeec9372329f82b0d71b8cf3 Mon Sep 17 00:00:00 2001 From: desig9stein Date: Wed, 15 Apr 2026 11:43:14 +0300 Subject: [PATCH] refactor(progress-circular): rename base-circle-color to track-color for consitency with linear-bar --- .../sass/themes/components/progress/_circular-theme.scss | 6 +++--- .../sass/themes/schemas/components/dark/_progress.scss | 8 ++++---- .../sass/themes/schemas/components/light/_progress.scss | 8 ++++---- 3 files changed, 11 insertions(+), 11 deletions(-) diff --git a/packages/theming/sass/themes/components/progress/_circular-theme.scss b/packages/theming/sass/themes/components/progress/_circular-theme.scss index b1aa2f2b..3c10bc29 100644 --- a/packages/theming/sass/themes/components/progress/_circular-theme.scss +++ b/packages/theming/sass/themes/components/progress/_circular-theme.scss @@ -20,7 +20,7 @@ /// The fill-color-default can accept a single color or a list of two colors for gradient effect. /// /// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component. -/// @param {Color} $base-circle-color [null] - The base circle fill color. +/// @param {Color} $track-color [null] - The base circle fill color. /// @param {Color | List} $fill-color-default [null] - The progress circle fill color. Can be a single color or list of two colors for gradient. /// @param {Color} $fill-color-danger [null] - The track danger fill color. /// @param {Color} $fill-color-warning [null] - The track warning fill color. @@ -39,7 +39,7 @@ /// @include igx-progress-circular($my-progress-circle-theme); @function progress-circular-theme( $schema: $light-material-schema, - $base-circle-color: null, + $track-color: null, $fill-color-default: null, $fill-color-danger: null, $fill-color-warning: null, @@ -78,7 +78,7 @@ $theme, ( selector: $selector, - base-circle-color: $base-circle-color, + track-color: $track-color, fill-color-default: $fill-color-default, fill-color-default-start: $fill-color-default-start, fill-color-default-end: $fill-color-default-end, diff --git a/packages/theming/sass/themes/schemas/components/dark/_progress.scss b/packages/theming/sass/themes/schemas/components/dark/_progress.scss index 1ce98d73..2adcbdb4 100644 --- a/packages/theming/sass/themes/schemas/components/dark/_progress.scss +++ b/packages/theming/sass/themes/schemas/components/dark/_progress.scss @@ -91,9 +91,9 @@ $dark-indigo-progress-linear: extend( /// Generates a base dark progress-circular schema. /// @type Map -/// @prop {Map} base-circle-color [color: ('gray', 300)] - The base circle fill color. +/// @prop {Map} track-color [color: ('gray', 300)] - The base circle fill color. $dark-base-progress-circular: ( - base-circle-color: ( + track-color: ( color: ( 'gray', 300, @@ -125,14 +125,14 @@ $dark-bootstrap-progress-circular: extend($bootstrap-progress-circular, $dark-ba /// Generates a dark indigo progress-circular schema. /// @type Map -/// @prop {Map} base-circle-color [contrast-color: ('gray', 50, .2)] - The base circle fill color. +/// @prop {Map} track-color [contrast-color: ('gray', 50, .2)] - The base circle fill color. /// @prop {Map} text-color [contrast-color: ('gray', 50, .8)] - The value text color. /// @requires $indigo-progress-circular $dark-indigo-progress-circular: extend( $indigo-progress-circular, $dark-base-progress-circular, ( - base-circle-color: ( + track-color: ( contrast-color: ( 'gray', 50, diff --git a/packages/theming/sass/themes/schemas/components/light/_progress.scss b/packages/theming/sass/themes/schemas/components/light/_progress.scss index acec81fd..8155feb2 100644 --- a/packages/theming/sass/themes/schemas/components/light/_progress.scss +++ b/packages/theming/sass/themes/schemas/components/light/_progress.scss @@ -237,7 +237,7 @@ $indigo-progress-linear: extend( /// Generates a base light progress-circular schema. /// @type Map -/// @prop {Map} base-circle-color [color: ('gray', 300)] - The base circle fill color. +/// @prop {Map} track-color [color: ('gray', 300)] - The base circle fill color. /// @prop {Map} fill-color-default [color: ('primary', 500)] - The progress circle default fill color. /// @prop {Map} fill-color-danger [color: ('error')] - The progress circle danger fill color. /// @prop {Map} fill-color-warning [color: ('warn')] - The progress circle warning fill color. @@ -248,7 +248,7 @@ $indigo-progress-linear: extend( /// @prop {List} track-border-radius [rem(0)] - The border radius used for the progress bar track. $light-progress-circular: extend( ( - base-circle-color: ( + track-color: ( color: ( 'gray', 300, @@ -342,7 +342,7 @@ $bootstrap-progress-circular: extend( /// Generates an indigo progress-circular schema. /// @type Map -/// @prop {Map} base-circle-color [color: ('gray', 900, .15)] - The base circle fill color. +/// @prop {Map} track-color [color: ('gray', 900, .15)] - The base circle fill color. /// @prop {Map} fill-color-default [color: ('primary', 400)] - The track default fill color. /// @prop {Map} fill-color-danger [color: ('error', 400)] - The track danger fill color. /// @prop {Map} fill-color-warning [color: ('warn', 400)] - The track warning fill color. @@ -353,7 +353,7 @@ $bootstrap-progress-circular: extend( $indigo-progress-circular: extend( $light-progress-circular, ( - base-circle-color: ( + track-color: ( color: ( 'gray', 900,