Skip to content

Commit

Permalink
feat(core): integrate @siemens/ix-icons web components (#524)
Browse files Browse the repository at this point in the history
  • Loading branch information
danielleroux authored May 12, 2023
1 parent 8eeec5a commit 7a545c2
Show file tree
Hide file tree
Showing 22 changed files with 64 additions and 405 deletions.
5 changes: 5 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -167,3 +167,8 @@ packages/documentation/docs/auto-generated/
packages/documentation/static/auto-generated/
packages/documentation/static/webcomponent-examples/*
!packages/documentation/static/versioned_examples/*/webcomponent-examples

###
# artifact from bundle @siemens/ix-icons
###
ix-icons/dist/collection/components/icon/icon.css
2 changes: 1 addition & 1 deletion packages/angular-test-app/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
"@angular/platform-browser": "^14.2.0",
"@angular/platform-browser-dynamic": "^14.2.0",
"@angular/router": "^14.2.0",
"@siemens/ix-icons": "~1.0.0",
"@siemens/ix-icons": "1.1.0-beta.1",
"@siemens/ix": "~1.5.0",
"@siemens/ix-aggrid": "~1.5.0",
"@siemens/ix-angular": "~1.5.0",
Expand Down
2 changes: 1 addition & 1 deletion packages/angular/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
"license": "MIT",
"dependencies": {
"@siemens/ix": "~1.5.0",
"@siemens/ix-icons": "~1.0.0"
"@siemens/ix-icons": "1.1.0-beta.1"
},
"peerDependencies": {
"@angular/core": ">=13.3.12"
Expand Down
183 changes: 0 additions & 183 deletions packages/core/component-doc.json
Original file line number Diff line number Diff line change
Expand Up @@ -3922,189 +3922,6 @@
}
]
},
{
"dirPath": "./src/components/icon",
"filePath": "./src/components/icon/icon.tsx",
"fileName": "icon.tsx",
"readmePath": "./src/components/icon/readme.md",
"usagesDir": "./src/components/icon/usage",
"tag": "ix-icon",
"overview": "",
"usage": {},
"docs": "",
"docsTags": [],
"encapsulation": "scoped",
"dependents": [
"ix-animated-tabs",
"ix-blind",
"ix-breadcrumb",
"ix-category-filter",
"ix-chip",
"ix-date-picker",
"ix-dropdown-button",
"ix-dropdown-item",
"ix-expanding-search",
"ix-filter-chip",
"ix-group",
"ix-group-item",
"ix-icon-button",
"ix-kpi",
"ix-map-navigation-overlay",
"ix-menu-about-news",
"ix-message-bar",
"ix-modal",
"ix-pill",
"ix-select",
"ix-split-button",
"ix-toast",
"ix-tree-item",
"ix-workflow-step"
],
"dependencies": [],
"dependencyGraph": {
"ix-animated-tabs": [
"ix-icon"
],
"ix-blind": [
"ix-icon"
],
"ix-breadcrumb": [
"ix-icon"
],
"ix-category-filter": [
"ix-icon"
],
"ix-chip": [
"ix-icon"
],
"ix-date-picker": [
"ix-icon"
],
"ix-dropdown-button": [
"ix-icon"
],
"ix-dropdown-item": [
"ix-icon"
],
"ix-expanding-search": [
"ix-icon"
],
"ix-filter-chip": [
"ix-icon"
],
"ix-group": [
"ix-icon"
],
"ix-group-item": [
"ix-icon"
],
"ix-icon-button": [
"ix-icon"
],
"ix-kpi": [
"ix-icon"
],
"ix-map-navigation-overlay": [
"ix-icon"
],
"ix-menu-about-news": [
"ix-icon"
],
"ix-message-bar": [
"ix-icon"
],
"ix-modal": [
"ix-icon"
],
"ix-pill": [
"ix-icon"
],
"ix-select": [
"ix-icon"
],
"ix-split-button": [
"ix-icon"
],
"ix-toast": [
"ix-icon"
],
"ix-tree-item": [
"ix-icon"
],
"ix-workflow-step": [
"ix-icon"
]
},
"props": [
{
"name": "color",
"type": "string",
"mutable": false,
"attr": "color",
"reflectToAttr": false,
"docs": "Color of the icon",
"docsTags": [],
"values": [
{
"type": "string"
}
],
"optional": false,
"required": false
},
{
"name": "name",
"type": "string",
"mutable": false,
"attr": "name",
"reflectToAttr": true,
"docs": "Use one of our defined icon names e.g. `copy`.",
"docsTags": [],
"values": [
{
"type": "string"
}
],
"optional": false,
"required": false
},
{
"name": "size",
"type": "\"12\" | \"16\" | \"24\" | \"32\"",
"mutable": false,
"attr": "size",
"reflectToAttr": false,
"docs": "Size of the icon",
"docsTags": [],
"values": [
{
"value": "12",
"type": "string"
},
{
"value": "16",
"type": "string"
},
{
"value": "24",
"type": "string"
},
{
"value": "32",
"type": "string"
}
],
"optional": false,
"required": false
}
],
"methods": [],
"events": [],
"styles": [],
"slots": [],
"parts": [],
"listeners": []
},
{
"dirPath": "./src/components/icon-button",
"filePath": "./src/components/icon-button/icon-button.tsx",
Expand Down
2 changes: 1 addition & 1 deletion packages/core/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@
},
"devDependencies": {
"@playwright/test": "^1.32.1",
"@siemens/ix-icons": "~1.0.0",
"@siemens/ix-icons": "1.1.0-beta.1",
"@stencil/vue-output-target": "^0.7.0",
"@stencil-community/eslint-plugin": "^0.5.0",
"@stencil-community/postcss": "^2.1.0",
Expand Down
37 changes: 0 additions & 37 deletions packages/core/src/components.d.ts
Original file line number Diff line number Diff line change
Expand Up @@ -734,20 +734,6 @@ export namespace Components {
*/
"text": string;
}
interface IxIcon {
/**
* Color of the icon
*/
"color": string;
/**
* Use one of our defined icon names e.g. `copy`.
*/
"name": string;
/**
* Size of the icon
*/
"size": '12' | '16' | '24' | '32';
}
interface IxIconButton {
/**
* Color of icon in button
Expand Down Expand Up @@ -2041,12 +2027,6 @@ declare global {
prototype: HTMLIxGroupItemElement;
new (): HTMLIxGroupItemElement;
};
interface HTMLIxIconElement extends Components.IxIcon, HTMLStencilElement {
}
var HTMLIxIconElement: {
prototype: HTMLIxIconElement;
new (): HTMLIxIconElement;
};
interface HTMLIxIconButtonElement extends Components.IxIconButton, HTMLStencilElement {
}
var HTMLIxIconButtonElement: {
Expand Down Expand Up @@ -2337,7 +2317,6 @@ declare global {
"ix-group-context-menu": HTMLIxGroupContextMenuElement;
"ix-group-dropdown-item": HTMLIxGroupDropdownItemElement;
"ix-group-item": HTMLIxGroupItemElement;
"ix-icon": HTMLIxIconElement;
"ix-icon-button": HTMLIxIconButtonElement;
"ix-index-button": HTMLIxIndexButtonElement;
"ix-input-group": HTMLIxInputGroupElement;
Expand Down Expand Up @@ -3167,20 +3146,6 @@ declare namespace LocalJSX {
*/
"text"?: string;
}
interface IxIcon {
/**
* Color of the icon
*/
"color"?: string;
/**
* Use one of our defined icon names e.g. `copy`.
*/
"name"?: string;
/**
* Size of the icon
*/
"size"?: '12' | '16' | '24' | '32';
}
interface IxIconButton {
/**
* Color of icon in button
Expand Down Expand Up @@ -4225,7 +4190,6 @@ declare namespace LocalJSX {
"ix-group-context-menu": IxGroupContextMenu;
"ix-group-dropdown-item": IxGroupDropdownItem;
"ix-group-item": IxGroupItem;
"ix-icon": IxIcon;
"ix-icon-button": IxIconButton;
"ix-index-button": IxIndexButton;
"ix-input-group": IxInputGroup;
Expand Down Expand Up @@ -4314,7 +4278,6 @@ declare module "@stencil/core" {
"ix-group-context-menu": LocalJSX.IxGroupContextMenu & JSXBase.HTMLAttributes<HTMLIxGroupContextMenuElement>;
"ix-group-dropdown-item": LocalJSX.IxGroupDropdownItem & JSXBase.HTMLAttributes<HTMLIxGroupDropdownItemElement>;
"ix-group-item": LocalJSX.IxGroupItem & JSXBase.HTMLAttributes<HTMLIxGroupItemElement>;
"ix-icon": LocalJSX.IxIcon & JSXBase.HTMLAttributes<HTMLIxIconElement>;
"ix-icon-button": LocalJSX.IxIconButton & JSXBase.HTMLAttributes<HTMLIxIconButtonElement>;
"ix-index-button": LocalJSX.IxIndexButton & JSXBase.HTMLAttributes<HTMLIxIndexButtonElement>;
"ix-input-group": LocalJSX.IxInputGroup & JSXBase.HTMLAttributes<HTMLIxInputGroupElement>;
Expand Down
38 changes: 0 additions & 38 deletions packages/core/src/components/icon/icon.scss

This file was deleted.

Loading

0 comments on commit 7a545c2

Please sign in to comment.