vmware-archive/clarity

Icon 'script-execute' and 'script-schedule' not in icon/index.js

ccjasonlin opened this issue · 4 comments

I tried to import "scriptExecuteIcon" "scriptScheduleIcon" from '@cds/core/icon' but I couldn't find them.

@ccjasonlin Please try to reproduce your problem in one of our stackblitz templates:
https://stackblitz.com/@clr-team

https://stackblitz.com/edit/clarity-light-theme-clr12-cds5-xgpkdz?file=src%2Fapp%2Fapp.component.ts

You can reproduce it as simple as adding the import
import { ClarityIcons, homeIcon, scriptScheduleIcon } from '@cds/core/icon';

The following error will show

Error: src/app/app.component.ts:2:34 - error TS2305: Module '"@cds/core/icon"' has no exported member 'scriptScheduleIcon'.

2 import { ClarityIcons, homeIcon, scriptScheduleIcon } from '@cds/core/icon';

=====
`import { Component } from '@angular/core';
// import { ClarityIcons, homeIcon } from '@cds/core/icon';
import { ClarityIcons, homeIcon, scriptScheduleIcon } from '@cds/core/icon';

import '@cds/core/icon/register.js';

@component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'],
})
export class AppComponent {
title = 'angular-cli';

constructor() {
ClarityIcons.addIcons(homeIcon);
ClarityIcons.addIcons(scriptScheduleIcon);
}
}`

Hi @ccjasonlin,

Seems like we didn't export it as a single icon. You can use the technologyCollectionIcons to use that icon until we export it as one.

https://stackblitz.com/edit/clarity-light-theme-clr12-cds5-rlc6yk?file=src%2Fapp%2Fapp.component.ts Example

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.