Skip to content

Commit

Permalink
chore: final auto-generated
Browse files Browse the repository at this point in the history
  • Loading branch information
@TobiasHeimGalindo
TobiasHeimGalindo committed Aug 11, 2023
1 parent 0159bd9 commit 5391e85
Show file tree
Hide file tree
Showing 8 changed files with 170 additions and 15 deletions.
4 changes: 2 additions & 2 deletions packages/elements-angular/src/directives/proxies.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -712,13 +712,13 @@ export declare interface InoNavDrawer extends Components.InoNavDrawer {

@ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['a11yLabels', 'anchor', 'open', 'variant']
inputs: ['a11yLabels', 'anchor', 'isMobile', 'open', 'variant']
})
@Component({
selector: 'ino-nav-drawer',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['a11yLabels', 'anchor', 'open', 'variant']
inputs: ['a11yLabels', 'anchor', 'isMobile', 'open', 'variant']
})
export class InoNavDrawer {
protected el: HTMLElement;
Expand Down
1 change: 1 addition & 0 deletions packages/elements-vue/src/proxies.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -325,6 +325,7 @@ export const InoNavDrawer = /*@__PURE__*/ defineContainer<JSX.InoNavDrawer>('ino
'anchor',
'variant',
'a11yLabels',
'isMobile',
'openChange'
]);

Expand Down
4 changes: 2 additions & 2 deletions packages/elements/src/components.d.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -824,7 +824,7 @@ export namespace Components {
}
interface InoNavDrawer {
/**
* The aria-labels used for content and fotter nav elements. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role.
* The aria-labels used for content and footer nav elements. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role.
*/
"a11yLabels"?: NavDrawerLabels;
/**
Expand Down Expand Up @@ -2700,7 +2700,7 @@ declare namespace LocalJSX {
}
interface InoNavDrawer {
/**
* The aria-labels used for content and fotter nav elements. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role.
* The aria-labels used for content and footer nav elements. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role.
*/
"a11yLabels"?: NavDrawerLabels;
/**
Expand Down
14 changes: 14 additions & 0 deletions packages/elements/src/components/ino-icon-button/readme.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -148,6 +148,20 @@ The component bubbles the native `click`-Event to the user.
| `"default"` | `<ino-icon>` |


## CSS Custom Properties

| Name | Description |
| --------------------------------------------- | ---------------------------------------------- |
| `--ino-icon-button-background-active-color` | base color of the active background |
| `--ino-icon-button-background-color` | default color of the background |
| `--ino-icon-button-background-disabled-color` | base color of the background in disabled state |
| `--ino-icon-button-icon-active-color` | color of the active icon itself |
| `--ino-icon-button-icon-color` | default color of the icon itself |
| `--ino-icon-button-icon-disabled-color` | color of the icon itself in disabled state |
| `--ino-icon-button-icon-size` | size of the icon itself |
| `--ino-icon-button-size` | size of the entire button |


## Dependencies

### Used by
Expand Down
16 changes: 16 additions & 0 deletions packages/elements/src/components/ino-list-item/readme.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,22 @@ document
| `"trailing"` | For the element to be appended |


## CSS Custom Properties

| Name | Description |
| ---------------------------------------------------- | ----------------------------------------------------- |
| `--ino-list-item-deselected-background-color` | Background color of a deselected list item |
| `--ino-list-item-deselected-background-color-active` | Background color of a deselected list item if active |
| `--ino-list-item-deselected-background-color-focus` | Background color of a deselected list item if focused |
| `--ino-list-item-deselected-background-color-hover` | Background color of a deselected list item on hover |
| `--ino-list-item-deselected-color` | Text color of a deselected list item |
| `--ino-list-item-selected-background-color` | Background color of a selected list item |
| `--ino-list-item-selected-background-color-active` | Background color of a selected list item if active |
| `--ino-list-item-selected-background-color-focus` | Background color of a selected list item if focused |
| `--ino-list-item-selected-background-color-hover` | Background color of a selected list item on hover |
| `--ino-list-item-selected-color` | Text color of a selected list item |


## Dependencies

### Used by
Expand Down
13 changes: 7 additions & 6 deletions packages/elements/src/components/ino-nav-drawer/readme.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -118,12 +118,13 @@ class MyComponent extends Component {

## Properties

| Property | Attribute | Description | Type | Default |
| ------------ | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
| `a11yLabels` | -- | The aria-labels used for content and fotter nav elements. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role. | `{ content: string; footer: string; toggleBtn: string; }` | `{ content: 'Main Navigation', footer: 'Footer Navigation', toggleBtn: 'Toggle Navigation' }` |
| `anchor` | `anchor` | Side from which the drawer will appear. Possible values: `left` (default), `right`. | `"left" \| "right"` | `'left'` |
| `open` | `open` | Marks this element as open. (**unmanaged**) | `boolean` | `false` |
| `variant` | `variant` | The variant to use for the drawer Possible values: `docked` (default), `dismissible`, `modal`. | `"dismissible" \| "docked" \| "modal"` | `'docked'` |
| Property | Attribute | Description | Type | Default |
| ------------ | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
| `a11yLabels` | -- | The aria-labels used for content and footer nav elements. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role. | `{ content: string; footer: string; toggleBtn: string; }` | `{ content: 'Main Navigation', footer: 'Footer Navigation', toggleBtn: 'Toggle Navigation', }` |
| `anchor` | `anchor` | Side from which the drawer will appear. Possible values: `left` (default), `right`. | `"left" \| "right"` | `'left'` |
| `isMobile` | `is-mobile` | If true, the mobile drawer will be shown. Automatically sets the variant to `modal`. | `boolean` | `false` |
| `open` | `open` | Marks this element as open. (**unmanaged**) | `boolean` | `false` |
| `variant` | `variant` | The variant to use for the drawer Possible values: `docked` (default), `dismissible`, `modal`. | `"dismissible" \| "docked" \| "modal"` | `'docked'` |


## Events
Expand Down
10 changes: 10 additions & 0 deletions packages/elements/src/components/ino-nav-item/readme.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,16 @@ document
| `"default"` | Any element |


## CSS Custom Properties

| Name | Description |
| ---------------------------------------- | --------------------------------------------- |
| `--ino-nav-item-background-color` | Inactive color of the background of one item. |
| `--ino-nav-item-background-color-active` | Active color of the background of one item. |
| `--ino-nav-item-color` | Inactive color of icon. |
| `--ino-nav-item-color-active` | Active color of icon. |


## Dependencies

### Depends on
Expand Down
123 changes: 118 additions & 5 deletions packages/storybook/elements-stencil-docs.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3077,7 +3077,48 @@
"docsTags": []
}
],
"styles": [],
"styles": [
{
"name": "--ino-icon-button-background-active-color",
"annotation": "prop",
"docs": "base color of the active background"
},
{
"name": "--ino-icon-button-background-color",
"annotation": "prop",
"docs": "default color of the background"
},
{
"name": "--ino-icon-button-background-disabled-color",
"annotation": "prop",
"docs": "base color of the background in disabled state"
},
{
"name": "--ino-icon-button-icon-active-color",
"annotation": "prop",
"docs": "color of the active icon itself"
},
{
"name": "--ino-icon-button-icon-color",
"annotation": "prop",
"docs": "default color of the icon itself"
},
{
"name": "--ino-icon-button-icon-disabled-color",
"annotation": "prop",
"docs": "color of the icon itself in disabled state"
},
{
"name": "--ino-icon-button-icon-size",
"annotation": "prop",
"docs": "size of the icon itself"
},
{
"name": "--ino-icon-button-size",
"annotation": "prop",
"docs": "size of the entire button"
}
],
"slots": [
{
"name": "default",
Expand Down Expand Up @@ -4633,7 +4674,58 @@
"docsTags": []
}
],
"styles": [],
"styles": [
{
"name": "--ino-list-item-deselected-background-color",
"annotation": "prop",
"docs": "Background color of a deselected list item"
},
{
"name": "--ino-list-item-deselected-background-color-active",
"annotation": "prop",
"docs": "Background color of a deselected list item if active"
},
{
"name": "--ino-list-item-deselected-background-color-focus",
"annotation": "prop",
"docs": "Background color of a deselected list item if focused"
},
{
"name": "--ino-list-item-deselected-background-color-hover",
"annotation": "prop",
"docs": "Background color of a deselected list item on hover"
},
{
"name": "--ino-list-item-deselected-color",
"annotation": "prop",
"docs": "Text color of a deselected list item"
},
{
"name": "--ino-list-item-selected-background-color",
"annotation": "prop",
"docs": "Background color of a selected list item"
},
{
"name": "--ino-list-item-selected-background-color-active",
"annotation": "prop",
"docs": "Background color of a selected list item if active"
},
{
"name": "--ino-list-item-selected-background-color-focus",
"annotation": "prop",
"docs": "Background color of a selected list item if focused"
},
{
"name": "--ino-list-item-selected-background-color-hover",
"annotation": "prop",
"docs": "Background color of a selected list item on hover"
},
{
"name": "--ino-list-item-selected-color",
"annotation": "prop",
"docs": "Text color of a selected list item"
}
],
"slots": [
{
"name": "leading",
Expand Down Expand Up @@ -4946,9 +5038,9 @@
"type": "{ content: string; footer: string; toggleBtn: string; }",
"mutable": false,
"reflectToAttr": false,
"docs": "The aria-labels used for content and fotter nav elements.\nhttps://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role.",
"docs": "The aria-labels used for content and footer nav elements.\nhttps://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role.",
"docsTags": [],
"default": "{\n content: 'Main Navigation',\n footer: 'Footer Navigation',\n toggleBtn: 'Toggle Navigation'\n }",
"default": "{\n content: 'Main Navigation',\n footer: 'Footer Navigation',\n toggleBtn: 'Toggle Navigation',\n }",
"values": [
{
"type": "{ content: string; footer: string; toggleBtn: string; }"
Expand Down Expand Up @@ -5222,7 +5314,28 @@
],
"methods": [],
"events": [],
"styles": [],
"styles": [
{
"name": "--ino-nav-item-background-color",
"annotation": "prop",
"docs": "Inactive color of the background of one item."
},
{
"name": "--ino-nav-item-background-color-active",
"annotation": "prop",
"docs": "Active color of the background of one item."
},
{
"name": "--ino-nav-item-color",
"annotation": "prop",
"docs": "Inactive color of icon."
},
{
"name": "--ino-nav-item-color-active",
"annotation": "prop",
"docs": "Active color of icon."
}
],
"slots": [
{
"name": "default",
Expand Down

0 comments on commit 5391e85

Please sign in to comment.