Skip to content

icons: add pin + 62 common/domain semantic icons — react-icons v1.0.1#171

Merged
Jeonhui merged 5 commits into
mainfrom
feat/icon-pin
Jun 22, 2026
Merged

icons: add pin + 62 common/domain semantic icons — react-icons v1.0.1#171
Jeonhui merged 5 commits into
mainfrom
feat/icon-pin

Conversation

@Jeonhui

@Jeonhui Jeonhui commented Jun 22, 2026

Copy link
Copy Markdown
Contributor

Summary

Adds 63 new semantic icons (Tabler outline, stroke) to @cocso-ui/react-icons. Bumps only @cocso-ui/react-icons to 1.0.1.

Icons added

  • pinPinIcon
  • form/state — eye, eye-off, alert-triangle, circle-x, help-circle, bell
  • actions — upload, printer, share, filter, arrows-sort, dots-vertical
  • navigation — chevron-left, chevron-down, home, logout, login
  • data/time — clock, history, mail, phone, calendar
  • settlement — credit-card, cash, coin, wallet, barcode, qrcode, file-export, file-import, receipt
  • tables — table, list, layout-grid, columns, sort-ascending, sort-descending
  • files — device-floppy, file, file-text, folder, folder-open
  • accounts — lock, lock-open, users, user-plus, power
  • misc — star, bookmark, tag, map-pin, map, zoom-in, zoom-out, chart-bar, circle-plus, circle-minus, clipboard-check
  • medicine — pill, package, truck, clipboard-list

Also fixes the migration guide to reference CalendarMonthIcon (the example previously used a non-existent CalendarIcon).

Verification

  • validate ✓ (registry ↔ SVG ↔ generated output consistent, 151 components)
  • validate:compat ✓ (backward-compatible imports)
  • All icons fetched via fetch:tabler → optimized → React/RN/Figma generated.

Release

Only @cocso-ui/react-icons is versioned (1.0.0 → 1.0.1). Merging to main triggers changeset-release.yml → npm publish via NPM_TOKEN.

🤖 Generated with Claude Code

Jeonhui and others added 5 commits June 22, 2026 10:59
Fetch Tabler `pin` (outline, stroke) into the icon registry. Re-exported as
PinIcon from @cocso-ui/react-icons.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
CalendarIcon is not an exported icon; the InputTrigger example referenced a
non-existent component, failing the icon compat check. Use CalendarMonthIcon.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Fetch Tabler outline icons covering form/state (eye, eye-off, alert-triangle,
circle-x, help-circle, bell), actions (upload, printer, share, filter,
arrows-sort, dots-vertical), navigation (chevron-left, chevron-down, home,
logout, login), data/time (clock, history, mail, phone, calendar), and the
medicine domain (pill, package, truck, clipboard-list, receipt).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Fetch Tabler outline icons for settlement (credit-card, cash, coin, wallet,
barcode, qrcode, file-export, file-import), tables (table, list, layout-grid,
columns, sort-ascending, sort-descending), files (device-floppy, file,
file-text, folder, folder-open), accounts (lock, lock-open, users, user-plus,
power), and misc (star, bookmark, tag, map-pin, map, zoom-in, zoom-out,
chart-bar, circle-plus, circle-minus, clipboard-check).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@cocso-ui/react-icons@1.0.1

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@vercel

vercel Bot commented Jun 22, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
cocso-ui Building Building Preview, Comment Jun 22, 2026 3:37am
cocso-ui-storybook Building Building Preview, Comment Jun 22, 2026 3:37am

Request Review

@github-actions github-actions Bot added size/xl Extra large PR (500+ lines) documentation Improvements or additions to documentation icons website and removed size/xl Extra large PR (500+ lines) labels Jun 22, 2026
@Jeonhui Jeonhui merged commit 70ef01d into main Jun 22, 2026
4 of 6 checks passed
@github-actions

Copy link
Copy Markdown
Contributor

Test Coverage

Package Statements Branches Functions Lines
@cocso-ui/react 🟢 98.79% 🟢 95.77% 🟢 97.89% 🟢 98.76%
@cocso-ui/recipe 🟢 94.03% 🟢 96.1% 🟢 100% 🟢 94%
@cocso-ui/codegen 🟢 91.26% 🟡 82.14% 🟢 100% 🟢 92.74%
@cocso-ui/figma 🟢 95.78% 🟡 87.73% 🟢 100% 🟢 95.75%
@cocso-ui/baseframe 🟢 95.96% 🟢 90.39% 🟢 100% 🟢 95.89%
@cocso-ui/react — File Coverage
File Stmts Branch Funcs Lines
src/components/avatar/avatar.tsx 🟡 85.71% 🟡 80% 🟢 100% 🟡 85.71%
src/components/pagination/pagination.tsx 🟢 94.44% 🟢 100% 🟡 88.88% 🟢 94.44%
src/components/typography/typography.tsx 🟢 97.61% 🟢 95.23% 🟢 95% 🟢 97.36%
src/cn.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/accordion/accordion.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/alert/alert.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/badge/badge.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/breadcrumb/breadcrumb.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/button/button.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/card/card.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/checkbox/checkbox.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/day-picker/day-picker.tsx 🟢 100% 🔴 66.66% 🟢 100% 🟢 100%
src/components/dialog/dialog.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/dropdown/dropdown.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/field/field.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/input/input.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/input-trigger/input-trigger.tsx 🟢 100% 🟢 95% 🟢 100% 🟢 100%
src/components/link/link.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/month-picker/month-picker.tsx 🟢 100% 🔴 50% 🟢 100% 🟢 100%
src/components/one-time-password-field/one-time-password-field.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/popover/popover.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/progress/progress.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/radio-group/radio-group.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/select/select.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/skeleton/skeleton.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/spinner/spinner.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/stock-quantity-status/stock-quantity-status.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/switch/switch.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/tab/tab.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/components/tooltip/tooltip.tsx 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/primitives/accordion.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/primitives/checkbox.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/primitives/dialog.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/primitives/menu.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/primitives/merge-props.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/primitives/popover.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/primitives/radio-group.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/primitives/radio.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/primitives/switch.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/primitives/tabs.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/primitives/tooltip.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/primitives/use-render.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/token/color.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/token/radius.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/token/spacing.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/token/typography.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
@cocso-ui/recipe — File Coverage
File Stmts Branch Funcs Lines
src/recipes/alert.recipe.ts 🔴 0% 🟢 100% 🟢 100% 🔴 0%
src/recipes/avatar.recipe.ts 🔴 0% 🟢 100% 🟢 100% 🔴 0%
src/recipes/breadcrumb.recipe.ts 🔴 0% 🟢 100% 🟢 100% 🔴 0%
src/recipes/card.recipe.ts 🔴 0% 🟢 100% 🟢 100% 🔴 0%
src/recipes/progress.recipe.ts 🔴 0% 🟢 100% 🟢 100% 🔴 0%
src/recipes/skeleton.recipe.ts 🔴 0% 🟢 100% 🟢 100% 🔴 0%
src/utils/semantic-mapping.ts 🔴 0% 🟢 100% 🟢 100% 🔴 0%
src/resolvers/react-styles.ts 🟢 94.59% 🟡 78.57% 🟢 100% 🟢 94.44%
src/define-recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/types.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/badge.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/button.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/checkbox.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/dialog.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/input.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/link.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/pagination.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/radio-group.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/select.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/spinner.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/stock-quantity-status.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/switch.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/recipes/typography.recipe.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/resolvers/react.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/utils/property-categories.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/utils/token-classification.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
@cocso-ui/codegen — File Coverage
File Stmts Branch Funcs Lines
src/generate-recipe.ts 🟢 90.9% 🟡 83.33% 🟢 100% 🟢 92.07%
src/generate.ts 🟢 93.33% 🟡 75% 🟢 100% 🟢 96.55%
@cocso-ui/figma — File Coverage
File Stmts Branch Funcs Lines
src/generators/recipe-resolver.ts 🟢 95.27% 🟡 86.17% 🟢 100% 🟢 95.23%
src/core/color-converter.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/core/token-converter.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
@cocso-ui/baseframe — File Coverage
File Stmts Branch Funcs Lines
src/core/parsers/value.ts 🟢 92.71% 🟢 90.9% 🟢 100% 🟢 92.61%
src/core/transforms/validate.ts 🟢 95.52% 🔴 68.18% 🟢 100% 🟢 95.52%
src/core/builders/css-vars.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/core/builders/tailwind.ts 🟢 100% 🟢 94.73% 🟢 100% 🟢 100%
src/core/builders/utils/css.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/core/builders/utils/naming.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/core/parsers/ast.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/core/transforms/build.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/core/transforms/resolve.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%
src/utils/fs.ts 🟢 100% 🟢 100% 🟢 100% 🟢 100%

Updated: 2026-06-22 03:41 UTC

@github-actions

Copy link
Copy Markdown
Contributor

Visual Regression Report

⚠️ 3 of 108 screenshot(s) changed:

React Icons / All Icons

Before After Diff
Before After Diff

React Icons / Brand Icons

Before After Diff
Before After Diff

React Icons / Semantic Icons

Before After Diff
Before After Diff
105 screenshot(s) unchanged
  • Accordion / Default
  • Accordion / Multiple
  • Accordion / No Chevron
  • Alert / Default
  • Alert / Variants
  • Alert / With Close
  • Avatar / Default
  • Avatar / Shapes
  • Avatar / Sizes
  • Avatar / With Image
  • Badge / Default
  • Badge / Shapes
  • Badge / Sizes
  • Badge / Variants
  • Breadcrumb / Custom Separator
  • Breadcrumb / Default
  • Breadcrumb / Sizes
  • Button / Default
  • Button / Disabled
  • Button / Loading
  • Button / Shapes
  • Button / Sizes
  • Button / Variants
  • Card / Default
  • Card / Paddings
  • Card / Variants
  • Checkbox / Default
  • Checkbox / Disabled
  • Checkbox / Sizes
  • Checkbox / States
  • Checkbox / Uncontrolled
  • Checkbox / With Label
  • Daypicker / Default
  • Daypicker / Disabled
  • Daypicker / With Min Max
  • Dialog / Default
  • Dialog / Large
  • Dialog / Medium
  • Dialog / Small
  • Dialog / Without Close
  • Dropdown / Default
  • Dropdown / With Icons
  • Field / With Input
  • Field / With Select
  • Input / Default
  • Input / Disabled
  • Input / Error
  • Input / Read Only
  • Input / Sizes
  • Input / Stretch
  • Input / Types
  • Input / With Label
  • Link / Default
  • Link / Sizes
  • Link / Variants
  • Link / With External Icon
  • Monthpicker / Default
  • Monthpicker / Disabled
  • Onetimepasswordfield / Default
  • Onetimepasswordfield / Four Digits
  • Pagination / Default
  • Pagination / Few Pages
  • Pagination / Many Pages
  • Popover / Default
  • Popover / Sides
  • Popover / With Form
  • Popover / Without Arrow
  • Progress / Default
  • Progress / Sizes
  • Progress / Values
  • Progress / Variants
  • Radiogroup / Default
  • Radiogroup / Disabled
  • Radiogroup / Sizes
  • Select / Default
  • Select / Disabled
  • Select / Error
  • Select / Sizes
  • Select / Stretch
  • Select / With Label
  • Skeleton / Animations
  • Skeleton / Content Placeholder
  • Skeleton / Default
  • Skeleton / Variants
  • Spinner / Default
  • Spinner / Sizes
  • Spinner / Variants
  • Stockquantitystatus / All
  • Stockquantitystatus / Default
  • Switch / Default
  • Switch / Disabled
  • Switch / Label Positions
  • Switch / Sizes
  • Switch / Variants
  • Switch / With Label
  • Tab / Default
  • Tab / Many Tabs
  • Toast / Default
  • Toast / Variants
  • Tooltip / Default
  • Tooltip / Sides
  • Typography / Body
  • Typography / Default
  • Typography / Heading
  • Typography / Weights

Generated by cocso-ui Visual Regression

@Jeonhui Jeonhui deleted the feat/icon-pin branch June 23, 2026 06:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation icons website

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant