Skip to content

Commit

Permalink
5392 feature shotcuts buchstabe hinter label anzeigen+input+link (#5487)
Browse files Browse the repository at this point in the history
  • Loading branch information
@deleonio
deleonio authored Oct 27, 2023
2 parents 523609b + b807390 commit 005f507
Show file tree
Hide file tree
Showing 55 changed files with 552 additions and 280 deletions.
2 changes: 1 addition & 1 deletion .vscode/settings.json
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"editor.formatOnSave": false,
"editor.formatOnSave": true,
"editor.renderWhitespace": "all",
// Configure glob patterns for excluding files and folders.
// For example, the files explorer decides which files and folders to show
Expand Down
32 changes: 32 additions & 0 deletions packages/components/src/components.d.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -609,6 +609,10 @@ export namespace Components {
interface KolIndentedText {
}
interface KolInput {
/**
* Defines the elements access key.
*/
"_accessKey"?: AccessKeyPropType;
/**
* Defines whether the screen-readers should read out the notification.
* @TODO : Change type back to `AlertPropType` after Stencil#4663 has been resolved.
Expand Down Expand Up @@ -1728,6 +1732,10 @@ export namespace Components {
"_labeled"?: boolean;
}
interface KolLink {
/**
* Defines the elements access key.
*/
"_accessKey"?: AccessKeyPropType;
/**
* Tells the browser that the link contains a file. Optionally sets the filename.
*/
Expand Down Expand Up @@ -1779,6 +1787,10 @@ export namespace Components {
"_tooltipAlign"?: TooltipAlignPropType;
}
interface KolLinkButton {
/**
* Defines the elements access key.
*/
"_accessKey"?: AccessKeyPropType;
/**
* Defines the custom class attribute if _variant="custom" is set.
*/
Expand Down Expand Up @@ -1856,6 +1868,10 @@ export namespace Components {
"_orientation"?: Orientation;
}
interface KolLinkWc {
/**
* Defines the elements access key.
*/
"_accessKey"?: AccessKeyPropType;
/**
* Tells the browser that the link contains a file. Optionally sets the filename.
*/
Expand Down Expand Up @@ -3386,6 +3402,10 @@ declare namespace LocalJSX {
interface KolIndentedText {
}
interface KolInput {
/**
* Defines the elements access key.
*/
"_accessKey"?: AccessKeyPropType;
/**
* Defines whether the screen-readers should read out the notification.
* @TODO : Change type back to `AlertPropType` after Stencil#4663 has been resolved.
Expand Down Expand Up @@ -4505,6 +4525,10 @@ declare namespace LocalJSX {
"_labeled"?: boolean;
}
interface KolLink {
/**
* Defines the elements access key.
*/
"_accessKey"?: AccessKeyPropType;
/**
* Tells the browser that the link contains a file. Optionally sets the filename.
*/
Expand Down Expand Up @@ -4556,6 +4580,10 @@ declare namespace LocalJSX {
"_tooltipAlign"?: TooltipAlignPropType;
}
interface KolLinkButton {
/**
* Defines the elements access key.
*/
"_accessKey"?: AccessKeyPropType;
/**
* Defines the custom class attribute if _variant="custom" is set.
*/
Expand Down Expand Up @@ -4633,6 +4661,10 @@ declare namespace LocalJSX {
"_orientation"?: Orientation;
}
interface KolLinkWc {
/**
* Defines the elements access key.
*/
"_accessKey"?: AccessKeyPropType;
/**
* Tells the browser that the link contains a file. Optionally sets the filename.
*/
Expand Down
12 changes: 6 additions & 6 deletions packages/components/src/components/badge/readme.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -82,12 +82,12 @@ Die zusätzliche Ausgabe eines **Icon** gewährleistet, dass der Nutzer auch hie

## Properties

| Property | Attribute | Description | Type | Default |
| --------------------- | --------------- | ------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| `_color` | `_color` | Defines the backgroundColor and foregroundColor. | `string \| undefined \| { backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }` | `'#000'` |
| `_icons` | `_icons` | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`). | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined` | `undefined` |
| `_label` _(required)_ | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string` | `undefined` |
| `_smartButton` | `_smart-button` | Allows to add a button with an arbitrary action within the element (\_hide-label only). | `string \| undefined \| { _label: string; } & { _tabIndex?: number \| undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType \| undefined; _ariaControls?: string \| undefined; _ariaExpanded?: boolean \| undefined; _ariaSelected?: boolean \| undefined; _on?: ButtonCallbacksPropType<StencilUnknown> \| undefined; _type?: ButtonTypePropType \| undefined; _variant?: ButtonVariantPropType \| undefined; _customClass?: string \| undefined; _disabled?: boolean \| undefined; _hideLabel?: boolean \| undefined; _icons?: IconsPropType \| undefined; _id?: string \| undefined; _name?: string \| undefined; _syncValueBySelector?: string \| undefined; _tooltipAlign?: AlignPropType \| undefined; }` | `undefined` |
| Property | Attribute | Description | Type | Default |
| --------------------- | --------------- | ------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| `_color` | `_color` | Defines the backgroundColor and foregroundColor. | `string \| undefined \| { backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }` | `'#000'` |
| `_icons` | `_icons` | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`). | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined` | `undefined` |
| `_label` _(required)_ | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string` | `undefined` |
| `_smartButton` | `_smart-button` | Allows to add a button with an arbitrary action within the element (\_hide-label only). | `string \| undefined \| { _label: string; } & { _tabIndex?: number \| undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType \| undefined; _ariaControls?: string \| undefined; _ariaExpanded?: boolean \| undefined; _ariaSelected?: boolean \| undefined; _on?: ButtonCallbacksPropType<StencilUnknown> \| undefined; _type?: ButtonTypePropType \| undefined; _variant?: ButtonVariantPropType \| undefined; _customClass?: string \| undefined; _disabled?: boolean \| undefined; _hideLabel?: boolean \| undefined; _icons?: IconsPropType \| undefined; _id?: string \| undefined; _name?: string \| undefined; _syncValueBySelector?: string \| undefined; _tooltipAlign?: AlignPropType \| undefined; _accessKey?: string \| undefined; }` | `undefined` |

## Dependencies

Expand Down
1 change: 1 addition & 0 deletions packages/components/src/components/button-link/readme.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@ Da der Link, nicht wie der Button, in mehrere Varianten (`primary` oder `seconda

| Property | Attribute | Description | Type | Default |
| --------------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
| `_accessKey` | `_access-key` | Defines the elements access key. | `string \| undefined` | `undefined` |
| `_ariaControls` | `_aria-controls` | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls) | `string \| undefined` | `undefined` |
| `_ariaExpanded` | `_aria-expanded` | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded) | `boolean \| undefined` | `undefined` |
| `_ariaSelected` | `_aria-selected` | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean \| undefined` | `undefined` |
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/components/button/component.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -100,10 +100,10 @@ export class KolButtonWc implements API {
>
<kol-span-wc
class="button-inner"
_accessKey={this.state._accessKey}
_icons={this.state._icons}
_hideLabel={this.state._hideLabel}
_label={hasExpertSlot ? '' : this.state._label}
_accessKey={this.state._accessKey}
>
<slot name="expert" slot="expert"></slot>
</kol-span-wc>
Expand Down
1 change: 1 addition & 0 deletions packages/components/src/components/button/readme.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,6 +99,7 @@ Probleme mit Disabled-Status

| Property | Attribute | Description | Type | Default |
| --------------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
| `_accessKey` | `_access-key` | Defines the elements access key. | `string \| undefined` | `undefined` |
| `_ariaControls` | `_aria-controls` | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls) | `string \| undefined` | `undefined` |
| `_ariaExpanded` | `_aria-expanded` | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded) | `boolean \| undefined` | `undefined` |
| `_ariaSelected` | `_aria-selected` | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean \| undefined` | `undefined` |
Expand Down
Loading

0 comments on commit 005f507

Please sign in to comment.