Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v3.3.0 #1020

Merged
merged 49 commits into from
Feb 20, 2025
Merged

v3.3.0 #1020

merged 49 commits into from
Feb 20, 2025

Conversation

erbilnas
Copy link
Collaborator

No description provided.

erbilnas and others added 30 commits October 14, 2024 12:40
This PR updates the cursor style of the Switch component to
`not-allowed` when it is disabled, improving user experience by
indicating that the component is not interactive in its disabled state.

### Changes
- Added the following CSS rule to the Switch component:
  ```css
  :host([disabled]) .switch {
    opacity: 0.5;
    cursor: not-allowed; /* added this part */
  }
### Issue Resolved
 this PR resolves #942

Co-authored-by: Buse Selvi <[email protected]>
#940)

### Changes
- Added visually hidden text to the navigation buttons for improved
accessibility:
- `<span class="visually-hidden">Previous Calendar View</span>` was
added to the previous button.
- `<span class="visually-hidden">Next Calendar View</span>` was added to
the next button.

### CSS
- Added the following CSS class to hide the text visually while keeping
it accessible to screen readers:
  ```css
  .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
### Related Issue
Fixes #939

---------

Co-authored-by: Erbil <[email protected]>
improves type safety for
* input
* icon
#949)

Add accessibility labels to close buttons of dialog and drawer component
and also aria-label added to progress indicator
### Changes 

- Added a label to the close button in the dialog component for better
accessibility.
- Added a label to the close button in the drawer component for better
accessibility.
- Added aria-label to the progress indicator component for better
accessibility.

Co-authored-by: Erbil <[email protected]>
#946)

### Summary of Changes
- Added keyboard functionality to the input component to toggle the
checked state when the Enter or Space key is pressed.
### Changes Made
1. Implemented the handleKeyDown function:
```
private handleKeyDown(event: KeyboardEvent) {
    if (event.code === "Enter" || event.code === "Space") {
        this.checked = !this.checked;
        this.onChange(this.checked);
        event.preventDefault();
    }
}

```
2. Associated the function with the @keydown event listener:
`<input @keydown=${this.handleKeyDown} />`

### Reason for Changes
This change was made to enhance user interaction with form elements via
the keyboard and to improve accessibility.

---------

Co-authored-by: Buse Selvi <[email protected]>
Co-authored-by: Erbil <[email protected]>
Closes #905

---------

Co-authored-by: Ogun Babacan <[email protected]>
Co-authored-by: Erbil Nas <[email protected]>
Signed-off-by: Aykut Saraç <[email protected]>
Signed-off-by: Erbil <[email protected]>
Co-authored-by: Aykut Saraç <[email protected]>
Co-authored-by: Erbil <[email protected]>
Co-authored-by: Enes Yıldırım <[email protected]>
Signed-off-by: Aykut Saraç <[email protected]>
Signed-off-by: Erbil <[email protected]>
Co-authored-by: dilan.dogan2 <[email protected]>
Co-authored-by: Aykut Saraç <[email protected]>
Co-authored-by: Enes Yıldırım <[email protected]>
Co-authored-by: Ogun Babacan <[email protected]>
Co-authored-by: Erbil Nas <[email protected]>
customInvalidText, forceCustomError and clearCustomError are deprecated
refactor: improve form validation
Enes5519 and others added 9 commits January 30, 2025 11:20
#998)

Issue
When the user selects RTL mode, the calendar icons are swapped
incorrectly.

Fix
Explicitly set direction: ltr to ensure icons remain in the correct
order.
Resolved incorrect icon placement while maintaining RTL layout.

Issue: #997

---------

Co-authored-by: mehmet.tanas <[email protected]>
Co-authored-by: Erbil <[email protected]>
This PR adds security-gates workflow and updates README with OpenSSF
Scorecard badge.
This PR addresses and resolves issue
#715.

---------

Co-authored-by: Erbil <[email protected]>
This pr resolves #1010

Signed-off-by: AliYurtkulu <[email protected]>
Co-authored-by: Erbil <[email protected]>
Signed-off-by: AliYurtkulu <[email protected]>
Co-authored-by: AliYurtkulu <[email protected]>
Co-authored-by: Erbil Nas <[email protected]>
Also use the appropriate custom event to ensure that the feature set
works as intended.

Closes #1017
@github-advanced-security
Copy link

This pull request sets up GitHub code scanning for this repository. Once the scans have completed and the checks have passed, the analysis results for this pull request branch will appear on this overview. Once you merge this pull request, the 'Security' tab will show more code scanning analysis results (for example, for the default branch). Depending on your configuration and choice of analysis tool, future pull requests will be annotated with code scanning analysis results. For more information about GitHub code scanning, check out the documentation.

@@ -27,7 +27,7 @@
- name: Run build
run: npm run build
- name: Create build artifact
uses: actions/upload-artifact@master
uses: actions/upload-artifact@main

Check warning

Code scanning / Scorecard

Pinned-Dependencies Medium

score is 5: GitHub-owned GitHubAction not pinned by hash
Remediation tip: update your workflow using https://app.stepsecurity.io
Click Remediation section below for further remediation help
retention-days: 5

- name: "Upload to code-scanning"
uses: github/codeql-action/upload-sarif@v3

Check warning

Code scanning / Scorecard

Pinned-Dependencies Medium

score is 5: GitHub-owned GitHubAction not pinned by hash
Remediation tip: update your workflow using https://app.stepsecurity.io
Click Remediation section below for further remediation help
- name: Run linter check
run: npm run lint
- name: Run tests
run: npm run test
- name: Create coverage artifact
uses: actions/upload-artifact@v3
uses: actions/upload-artifact@main

Check warning

Code scanning / Scorecard

Pinned-Dependencies Medium

score is 5: GitHub-owned GitHubAction not pinned by hash
Remediation tip: update your workflow using https://app.stepsecurity.io
Click Remediation section below for further remediation help
erbilnas and others added 6 commits February 17, 2025 16:27
Co-authored-by: Erbil Nas <[email protected]>
## Figma Design Document

https://www.figma.com/design/RrcLH0mWpIUy4vwuTlDeKN/Baklava-Design-Guide?node-id=25001-1763&t=xA7DTWjCkA2EqaDc-1

## Implementation

General usage example:

```html
<bl-tag>In Progress</bl-tag>
```

### Usage Examples
Selectable variant usage:
```html
<bl-tag @bl-tag-click="handleTagClick" selected>Selectable tag</bl-tag>
```
The removable variant can be set like this:

```js

const handleTagClick=(event)=>{
   tags.filter((tag)=>tag.value!==event.value)
}
<bl-tag variant="removable" @bl-tag-click="handleTagClick">Removable tag</bl-tag>
```

The icon can be set like this:

```html
<bl-tag icon="info">Default</bl-tag>
```

The size and disabled attributes can be set like this:

```html
<bl-tag size="large" disabled>In Progress</bl-tag>
```

## API Reference:

#### Slots

| Name        | Description     | Default Content |
|-------------|-----------------| --------------- |
| `icon` slot | Icon of the tag | - |

#### Attributes

| Attribute | Description | Default Value |

|----------------------|-----------------------------------------------|---------------|
| size (`string`) | Size of tag(`small`,`medium`,`large`) | medium |
| icon (`bl-icon`) | Name of the icon that will be shown in tag | - |
| variant (`string`) | Variants of the tag(`selectable`,`removable`) |
selectable |
| disabled (`boolean`) | Makes tag disabled | false |
| selected (`boolean`) | Makes tag selected | false |
| value (`string`) | Sets tags value | - |



### Events

| Name | Description | Payload |

|----------------|----------------------------|-----------------------------------|
| `bl-tag-click` | Fires when tag is clicked |
`{value:string,selected:boolean}` |

---------

Co-authored-by: AykutSarac <[email protected]>
Co-authored-by: Buse Selvi <[email protected]>
Co-authored-by: Erbil <[email protected]>
* fixes icon button by adding min-width
* fix tag adr

---------

Co-authored-by: Erbil Nas <[email protected]>
@erbilnas erbilnas merged commit 758e344 into main Feb 20, 2025
22 checks passed
Copy link

🎉 This PR is included in version 3.3.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Copy link

🎉 This PR is included in version 3.3.1-beta.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.