Skip to content

Commit cc67425

Browse files
committed
fix(spinner): correct jsdoc to cem documentation comments
1 parent 503dc61 commit cc67425

2 files changed

Lines changed: 11 additions & 8 deletions

File tree

elements/pf-v6-spinner/pf-v6-spinner.css

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,17 @@
1212
svg {
1313
overflow: hidden;
1414
width: var(--pf-v6-c-spinner--Width,
15+
/** Custom diameter of the spinner */
1516
var(--pf-v6-c-spinner--diameter,
1617
var(--pf-t--global--icon--size--2xl, 3.5rem)));
1718
height: var(--pf-v6-c-spinner--Height,
1819
var(--pf-v6-c-spinner--diameter,
1920
var(--pf-t--global--icon--size--2xl, 3.5rem)));
2021
animation:
2122
rotate
22-
calc(var(--pf-v6-c-spinner--AnimationDuration, 1.4s) * 2)
23+
calc(
24+
/** Duration of one animation cycle */
25+
var(--pf-v6-c-spinner--AnimationDuration, 1.4s) * 2)
2326
var(--pf-v6-c-spinner--AnimationTimingFunction, linear) infinite;
2427
}
2528

@@ -30,9 +33,13 @@ circle {
3033
stroke-linecap: round;
3134
stroke-dasharray: 283;
3235
stroke-dashoffset: 280;
33-
stroke: var(--pf-v6-c-spinner--Color,
34-
var(--pf-t--global--icon--color--brand--default, #0066cc));
35-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth, 10);
36+
stroke:
37+
/** Color of the spinner stroke */
38+
var(--pf-v6-c-spinner--Color,
39+
var(--pf-t--global--icon--color--brand--default, #0066cc));
40+
stroke-width:
41+
/** Width of the spinner stroke */
42+
var(--pf-v6-c-spinner--StrokeWidth, 10);
3643
animation:
3744
dash
3845
var(--pf-v6-c-spinner--AnimationDuration, 1.4s)

elements/pf-v6-spinner/pf-v6-spinner.ts

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,6 @@ export type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
1212
* A **spinner** is an animated visual that indicates when a quick action is
1313
* in progress. For actions that may take a long time, use a progress bar instead.
1414
* @summary Indicates that an action is in progress.
15-
* @cssprop {<length>} [--pf-v6-c-spinner--diameter] - Custom diameter of the spinner
16-
* @cssprop {<color>} [--pf-v6-c-spinner--Color] - Color of the spinner stroke
17-
* @cssprop {<time>} [--pf-v6-c-spinner--AnimationDuration=1.4s] - Duration of one animation cycle
18-
* @cssprop {<number>} [--pf-v6-c-spinner--StrokeWidth=10] - Width of the spinner stroke
1915
*/
2016
@customElement('pf-v6-spinner')
2117
export class PfV6Spinner extends LitElement {

0 commit comments

Comments
 (0)