Skip to content

feat(icons): DP-182525 add filter-filled icon#1161

Merged
Mercedes Macias (mercedesmaciasa) merged 1 commit intostagingfrom
add-filter-filled-icon
Apr 1, 2026
Merged

feat(icons): DP-182525 add filter-filled icon#1161
Mercedes Macias (mercedesmaciasa) merged 1 commit intostagingfrom
add-filter-filled-icon

Conversation

@mercedesmaciasa
Copy link
Copy Markdown
Contributor

@mercedesmaciasa Mercedes Macias (mercedesmaciasa) commented Mar 31, 2026 •
edited by atlassian bot
Loading

What does this PR do?

Adds the filter-filled icon to the Dialtone icon library.

Why?

Requested in DP-182525. A filled variant of the existing filter icon, typically used to indicate an active/applied filter state.

Changes

  • Added packages/dialtone-icons/src/svg/icons/controls/filter-filled.svg (sourced from Figma branch, cleaned of no-op clipPath wrappers)
  • Added keywords entry in keywords-icons.json under controls

Checklist

  • SVG exported from Figma 12px (size 100)
  • Strokes outlined, fill-based only
  • fill="black" normalized (builds to currentColor)
  • No-op clipPath wrappers removed
  • Keywords added and alphabetically sorted
  • Build passes (pnpm nx run dialtone-icons:build)
  • dist/ SVG has fill="currentColor"
  • Vue component generated
  • Previewed at http://localhost:4000/design/icons/

@mercedesmaciasa Mercedes Macias (mercedesmaciasa) added the no-visual-test Add this tag when the PR does not need visual testing label Mar 31, 2026
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Mar 31, 2026

✔️ Deploy previews ready!
😎 Dialtone documentation preview: https://dialtone.dialpad.com/deploy-previews/pr-1161/
😎 Dialtone-vue preview: https://dialtone.dialpad.com/vue/deploy-previews/pr-1161/

francisrupert
Francis Rupert (francisrupert) approved these changes Mar 31, 2026
View reviewed changes
Copy link
Copy Markdown
Contributor

@francisrupert Francis Rupert (francisrupert) left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nicely done.

Did you use the skill and rules I added only a few days ago for icon contributions? Curious to hear how that went.

Note that I've added a note on the Figma branch.

Approved! Go ahead and merge.

@mercedesmaciasa Mercedes Macias (mercedesmaciasa) merged commit ee25905 into staging Apr 1, 2026
24 checks passed
@mercedesmaciasa Mercedes Macias (mercedesmaciasa) deleted the add-filter-filled-icon branch April 1, 2026 08:47
Brad Paugh (braddialpad) pushed a commit that referenced this pull request Apr 2, 2026
@semantic-release-bot
chore(release): NO-JIRA dialtone-icons/v4.51.0
69e6f23 
# [4.51.0](dialtone-icons/v4.50.0...dialtone-icons/v4.51.0) (2026-04-02)

### Features

* **Icons:** DP-182525 add filter-filled icon ([#1161](#1161)) ([ee25905](ee25905))
Brad Paugh (braddialpad) pushed a commit that referenced this pull request Apr 2, 2026
@semantic-release-bot
chore(release): NO-JIRA dialtone/v9.177.0
626d717 
# [9.177.0](dialtone/v9.176.0...dialtone/v9.177.0) (2026-04-02)

### Bug Fixes

* **Rich Text Editor:** DP-179946 fix suggestion list positioning ([#1155](#1155)) ([fdbe45b](fdbe45b))

### Features

* **Icons:** DP-182525 add filter-filled icon ([#1161](#1161)) ([ee25905](ee25905))
Brad Paugh (braddialpad) pushed a commit that referenced this pull request Apr 3, 2026
@semantic-release-bot
chore(release): NO-JIRA dialtone-icons/v4.51.0-next.1
4809fbc 
# [4.51.0-next.1](dialtone-icons/v4.50.0...dialtone-icons/v4.51.0-next.1) (2026-04-03)

### Documentation

* DLT-1510 DLT-1511 DLT-1512 site redesign and ia ([#968](#968)) ([6ea7eb9](6ea7eb9))

### Features

* **Icons:** DP-182525 add filter-filled icon ([#1161](#1161)) ([ee25905](ee25905))
Brad Paugh (braddialpad) pushed a commit that referenced this pull request Apr 3, 2026
@semantic-release-bot
chore(release): NO-JIRA dialtone/v9.177.0-next.1
9161cf4 
# [9.177.0-next.1](dialtone/v9.176.0...dialtone/v9.177.0-next.1) (2026-04-03)

### Bug Fixes

* **Doc:** NO-JIRA correct font size utility json ([#1015](#1015)) ([76cf0fa](76cf0fa))
* **Editor:** NO-JIRA remove extra blank line in editor.mdx ([18c47ef](18c47ef))
* possible merge issue in sidebarItem.vue ([5e2e91b](5e2e91b))
* **Stylelint:** disable hue-degree-notation rule and update OKLCH color syntax ([81f886e](81f886e))
* **Stylelint:** disable hue-degree-notation rule and update OKLCH color syntax ([8721f43](8721f43))
* **Tokens:** DLT-3053 preserve root font size variable as reference ([#1093](#1093)) ([112ab4b](112ab4b))
* **Tokens:** handle multi-layer box shadows correctly in postcss plugin ([feea7f1](feea7f1))
* **Tokens:** NO-JIRA output line-height as unitless instead of percentages ([#1040](#1040)) ([33d8505](33d8505))
* **Tokens:** wrap css math expressions with calc() in layered build ([#966](#966)) ([1635f61](1635f61))
* update @dialpad/i18n dependencies to latest versions ([7a4b777](7a4b777))

### Code Refactoring

* **Combobox Multi Select:** NO-JIRA use logical css properties ([#1104](#1104)) ([a675daf](a675daf))
* **Components,recipes:** DLT-3043 DLT-3046 logical start/end naming with deprecated backward-compatible fallbacks ([#1079](#1079)) ([1d26a4e](1d26a4e))
* **Css:** DLT-1876 css logical properties ([#872](#872)) ([1acd6c9](1acd6c9))
* **Style:** DLT-3014 wrap all styles in css cascade layers ([#1061](#1061)) ([f8b3fed](f8b3fed))
* **Text:** DLT-2883 rename headline sizes from xxl => 2xl, etc ([#1029](#1029)) ([0ac86f3](0ac86f3))
* **Tokens,css,link,text,breadcrumbs,input Group,split Button:** tokens, CSS foundation, deprecations, tooling DLT-3011 DLT-2961 DLT-3068 DLT-3069 DLT-3070 DLT-3071 DLT-3072 ([#1092](#1092)) ([7783090](7783090))
* **Tokens:** DLT-2884 deprecate space tokens in favor of size tokens ([#1013](#1013)) ([63f6d2f](63f6d2f))
* **Tokens:** DLT-3013 convert color system from HSL to OKLCH ([#1060](#1060)) ([42dc418](42dc418))

### Documentation

* **Components:** DLT-3178 DLT-3182 unify code examples into single code-example component ([#1147](#1147)) ([d0b6e14](d0b6e14))
* **Dialtone Vue:** DLT-3226 update documentation and consuming code to numeric size scale ([#1158](#1158)) ([149c763](149c763))
* DLT-1510 DLT-1511 DLT-1512 site redesign and ia ([#968](#968)) ([6ea7eb9](6ea7eb9))
* DLT-2908 ui kits landing page ([#1049](#1049)) ([d805b9d](d805b9d))
* DLT-3243 fenced code blocks for examples and snippets ([#1166](#1166)) ([cb169df](cb169df))
* NO-JIRA fix focus left-nav items on keypress down up ([#1106](#1106)) ([882c9b9](882c9b9))
* **Playground:** DLT-3119 refine playground UI and integrate across doc site ([#1127](#1127)) ([ba6b599](ba6b599))
* **Playground:** DLT-3242 segmented control for compact enum props ([#1165](#1165)) ([fa440d8](fa440d8))

### Features

* **Avatar:** DLT-2942 updated avatar component ([#1047](#1047)) ([e50563d](e50563d))
* **Banner, Notice, Toast, Breadcrumbs, Checkbox, Radio, Input, Select Menu, Empty State:** visual refresh, dt-text integration, form api parity DLT-2944 DLT-2945 DLT-2949 DLT-2959 DLT-2960 DLT-2957 ([#1091](#1091)) ([16e908a](16e908a))
* **Button,tabs,split Button:** visual refresh and slot updates DLT-2946 DLT-2947 DLT-2965 ([#1090](#1090)) ([ffdd56f](ffdd56f))
* **Css Utility:** DLT-2715 add default color for border css utilities ([#874](#874)) ([71310ab](71310ab))
* **Dialtone Css, Dialtone Tokens, Dialtone Vue:** DLT-3197 DLT-3198 DLT-3199 DLT-3200 DLT-3201 DLT-3202 DLT-3203 DLT-3204 DLT-3205 DLT-3206 DLT-3207 DLT-3208 DLT-3209 DLT-3210 DLT-3211 token-stop utility classes, migration tooling, and documentation ([#1150](#1150)) ([6237b84](6237b84))
* **Dialtone Vue:** DLT-3225 migrate component size props to numeric ordinal scale ([#1157](#1157)) ([725bd41](725bd41))
* **Eslint Plugin Dialtone:** DLT-3047 physical-to-logical naming migration tooling ([#1163](#1163)) ([d94dc4b](d94dc4b))
* **Eslint Plugin Dialtone:** DLT-3227 DLT-3228 add deprecated-tshirt-sizes ESLint rule and migration codemod ([#1159](#1159)) ([21a011f](21a011f))
* **Filter Pill:** DLT-2704 create component ([#473](#473)) ([6267445](6267445))
* **Filter Pill:** DLT-2941 DtFilterPill improvements ([#1110](#1110)) ([23c5689](23c5689))
* **Icons:** DP-182525 add filter-filled icon ([#1161](#1161)) ([ee25905](ee25905))
* **Link,button:** DLT-3012 add underline prop ([#1059](#1059)) ([1cb91ea](1cb91ea))
* **Mode Directive, Mode Island:** DLT-3067 DLT-3078 DLT-3077 add `v-dt-mode` directive ([#1109](#1109)) ([f97efca](f97efca))
* **Segmented Control:** DLT-413 new component ([#1144](#1144)) ([ad4c6c3](ad4c6c3))
* **Style:** DLT-2976 update underline thickness and offset ([#1058](#1058)) ([1e56947](1e56947))
* **Tabs:** DLT-3114 add vertical orientation variant ([#1120](#1120)) ([3290a23](3290a23))
* **Tabs:** DLT-3162 add spread prop for horizontal distribution ([#1135](#1135)) ([6e7cd04](6e7cd04))
* **Text:** export text component from dialtone-vue ([757fdb7](757fdb7))
* **Text:** new vue component DLT-2864 DLT-2863 DLT-2862 ([#995](#995)) ([196ef8a](196ef8a))
* **Tokens:** DLT-1977 add high contrast design tokens and theme ([#938](#938)) ([a1c0457](a1c0457))
* **Tokens:** DLT-2767 exploratory shell themes ([#909](#909)) ([3afcf63](3afcf63))
* **Tokens:** DLT-2781 create color-assistive themes ([#921](#921)) ([a6cc397](a6cc397))
* **Tokens:** DLT-2802 DLT-2563 layered theming system and mode island component ([#945](#945)) ([5c72c6c](5c72c6c))
* **Tokens:** DLT-2937 introduce spacing and layout token systems ([#1045](#1045)) ([de23e12](de23e12))
* **Tokens:** update color ramps and consumer color migration tools DLT-3004 DLT-3005 DLT-3006 DLT-3007 DLT-3008 ([#1054](#1054)) ([28cb1de](28cb1de))
* **Typography, Tokens:** DLT-2856 DLT-2857 next typography system ([#994](#994)) ([d744e97](d744e97))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@francisrupert Francis Rupert (francisrupert) francisrupert approved these changes

@iropolo Ignacio Ropolo (iropolo) Awaiting requested review from iropolo iropolo is a code owner

@braddialpad Brad Paugh (braddialpad) Awaiting requested review from braddialpad braddialpad is a code owner

@ninarepetto Nina Repetto (ninarepetto) Awaiting requested review from ninarepetto ninarepetto is a code owner

Assignees

No one assigned

Labels

no-visual-test Add this tag when the PR does not need visual testing

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@mercedesmaciasa @francisrupert