@finastra/icon
Advanced tools
Comparing version 1.4.2 to 1.5.0
@@ -7,3 +7,3 @@ /** | ||
import { css } from 'lit'; | ||
export const styles = css `:host{font-family:var(--fds-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--fds-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}:host([dense]){--fds-icon-size: 18px}:host([large]){--fds-icon-size: 32px}:host([extra_large]){--fds-icon-size: 48px}:host([primary]){color:var(--fds-primary, #694ED6)}:host([secondary]){color:var(--fds-secondary, #C137A2)}:host([success]){color:var(--fds-success, #008744)}:host([error]){color:var(--fds-error, #D60040)}:host([warning]){color:var(--fds-warning, #FF600A)}:host([info]){color:var(--fds-surface-info, rgba(105, 78, 214, 0.03))}:host([gradient]){background:var(--fds-gradient, linear-gradient(var(--fds-primary, #694ED6), var(--fds-secondary, #C137A2)));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}:host([disabled]){color:var(--fds-on-surface-disabled, rgba(0, 0, 0, 0.29))}`; | ||
export const styles = css `:host{font-family:var(--fds-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--fds-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}:host([dense]){--fds-icon-size: 18px}:host([large]){--fds-icon-size: 32px}:host([extra_large]){--fds-icon-size: 48px}:host([primary]){color:var(--fds-primary, #694ed6)}:host([secondary]){color:var(--fds-secondary, #c137a2)}:host([success]){color:var(--fds-success, #008744)}:host([error]){color:var(--fds-error, #d60040)}:host([warning]){color:var(--fds-warning, #ff600a)}:host([info]){color:var(--fds-surface-info, rgba(105, 78, 214, 0.03))}:host([gradient]){background:var(--fds-gradient-vertical, linear-gradient(180deg, #694ed6, #c137a2));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}:host([disabled]){color:var(--fds-on-surface-disabled, rgba(0, 0, 0, 0.29))}`; | ||
//# sourceMappingURL=styles.css.js.map |
{ | ||
"name": "@finastra/icon", | ||
"displayName": "Icon", | ||
"version": "1.4.2", | ||
"version": "1.5.0", | ||
"description": "Icon Web Component", | ||
@@ -23,4 +23,3 @@ "keywords": [ | ||
"access": "public" | ||
}, | ||
"gitHead": "3273279ecb8635b225dee7477cd0ab0258075178" | ||
} | ||
} |
@@ -25,26 +25,27 @@ # Icon | ||
### API | ||
### API | ||
<!-- DOC --> | ||
#### Properties | ||
| Property | Attribute | Type | Default | Description | | ||
|---------------|---------------|-----------|------------|--------------------------------| | ||
| `dense` | `dense` | `boolean` | false | Dense size of the icon `18px`. | | ||
| `disabled` | `disabled` | `boolean` | false | | | ||
| `error` | `error` | `boolean` | false | Use error color. | | ||
| `extra_large` | `extra_large` | `boolean` | false | Dense size of the icon `48px`. | | ||
| `gradient` | `gradient` | `boolean` | false | Use gradient color. | | ||
| `info` | `info` | `boolean` | false | | | ||
| `large` | `large` | `boolean` | false | Large size of the icon `36px`. | | ||
| `primary` | `primary` | `boolean` | false | Use primary color. | | ||
| `secondary` | `secondary` | `boolean` | false | Use secondary color. | | ||
| `styles` | | `array` | ["styles"] | | | ||
| `success` | `success` | `boolean` | false | Use success color. | | ||
| `warning` | `warning` | `boolean` | false | | | ||
| Property | Attribute | Type | Default | Description | | ||
| ------------- | ------------- | ------------- | ---------- | ------------------------------ | | ||
| `dense` | `dense` | `boolean` | false | Dense size of the icon `18px`. | | ||
| `disabled` | `disabled` | `boolean` | false | | | ||
| `error` | `error` | `boolean` | false | Use error color. | | ||
| `extra_large` | `extra_large` | `boolean` | false | Dense size of the icon `48px`. | | ||
| `gradient` | `gradient` | `boolean` | false | Use gradient color. | | ||
| `info` | `info` | `boolean` | false | | | ||
| `large` | `large` | `boolean` | false | Large size of the icon `36px`. | | ||
| `primary` | `primary` | `boolean` | false | Use primary color. | | ||
| `secondary` | `secondary` | `boolean` | false | Use secondary color. | | ||
| `styles` | | `CSSResult[]` | ["styles"] | | | ||
| `success` | `success` | `boolean` | false | Use success color. | | ||
| `warning` | `warning` | `boolean` | false | | | ||
#### Slots | ||
| Name | Description | | ||
|-----------|--------------------------------------------------| | ||
| Name | Description | | ||
| --------- | ----------------------------------------------------------------------------------------------------------- | | ||
| `default` | The name of the icon to display (e.g. credit_card). See Material Icons for an index of all available icons. | | ||
@@ -55,4 +56,5 @@ | ||
| Property | Default | Description | | ||
|-------------------|---------|-----------------------------------| | ||
| ----------------- | ------- | --------------------------------- | | ||
| `--fds-icon-size` | "24px" | Size of the icon, default `24px`. | | ||
<!-- /DOC --> | ||
<!-- /DOC --> |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
59
16583