@grandbazar/ui-baza 1.2.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -1
- package/dist/index.cjs +893 -108
- package/dist/index.d.ts +128 -9
- package/dist/index.js +874 -109
- package/dist/style.css +111 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -140,6 +140,7 @@ Currently available components:
|
|
|
140
140
|
- **TextField** - Input field component with validation, labels, and various input types support. Implemented using Compound Components pattern.
|
|
141
141
|
- **Pagination** - Navigation component for multi-page content with customizable appearance and behavior.
|
|
142
142
|
- **ProgressBar** - Progress indicator component with linear and step-based variants. Supports multiple sizes and full ARIA accessibility. Implemented using Compound Components pattern.
|
|
143
|
+
- **Tooltip** - Lightweight tooltip component for contextual hints and helper text.
|
|
143
144
|
|
|
144
145
|
More components coming soon! 🎉
|
|
145
146
|
|
|
@@ -149,35 +150,67 @@ Basic set of SVG icons for common UI needs:
|
|
|
149
150
|
|
|
150
151
|
- **IconArrow** - Arrow icon for navigation and directional indicators
|
|
151
152
|
- **IconArrowCircle** - Arrow inside circle for navigation buttons
|
|
153
|
+
- **IconArrowCircleUp** - Upward arrow in circle for go-to-top actions
|
|
152
154
|
- **IconArrowDiagonal** - Diagonal arrow for external links and redirects
|
|
153
155
|
- **IconArrowUTurn** - U-turn arrow for undo/return actions
|
|
156
|
+
- **IconBell** - Bell icon for notifications and alerts
|
|
157
|
+
- **IconBox** - Box/package icon for inventory and products
|
|
154
158
|
- **IconCalendar** - Calendar icon for date pickers and scheduling
|
|
155
159
|
- **IconCharacteristic** - Pattern icon for characteristics and properties
|
|
156
160
|
- **IconCheck** - Checkmark icon for confirmations and completed states
|
|
157
161
|
- **IconChevron** - Arrow/chevron icon for navigation and dropdowns
|
|
158
162
|
- **IconChevronDouble** - Double chevron for fast navigation (first/last page)
|
|
163
|
+
- **IconClock** - Clock icon for time and duration
|
|
159
164
|
- **IconCollapse** - Collapse icon for expanding/collapsing content
|
|
165
|
+
- **IconCopy** - Copy icon for duplicate/copy actions
|
|
166
|
+
- **IconDots** - Dots icon for more actions menus
|
|
167
|
+
- **IconDownload** - Download icon for file and data export
|
|
168
|
+
- **IconEye** - Eye icon for visibility and preview states
|
|
169
|
+
- **IconFace** - Face icon for profile and avatar contexts
|
|
170
|
+
- **IconFile** - File/document icon for attachments and docs
|
|
160
171
|
- **IconFilters** - Filter icon for filtering and sorting options
|
|
161
172
|
- **IconGear** - Settings/gear icon for configuration and preferences
|
|
173
|
+
- **IconGoogle** - Google brand icon for sign-in and social links
|
|
174
|
+
- **IconHanger** - Hanger icon for fashion and catalog categories
|
|
175
|
+
- **IconInfo** - Info icon for helper hints and descriptions
|
|
162
176
|
- **IconLogOut** - Logout icon for sign out actions
|
|
177
|
+
- **IconMail** - Mail icon for messages and email actions
|
|
163
178
|
- **IconMinus** - Minus icon for decrements and removal actions
|
|
179
|
+
- **IconOneCircle** - Number-in-circle icon for single-step indicators
|
|
164
180
|
- **IconPerson** - Person/user icon for profiles and accounts
|
|
181
|
+
- **IconPhone** - Phone icon for calls and contact actions
|
|
165
182
|
- **IconPlus** - Plus icon for increments and add actions
|
|
166
183
|
- **IconPrize** - Prize/gift icon for rewards and bonuses
|
|
167
184
|
- **IconProject** - Project/layers icon for project management
|
|
168
185
|
- **IconQRCode** - QR code icon for scanning and sharing
|
|
169
186
|
- **IconRequest** - Request/branch icon for requests and workflows
|
|
170
|
-
- **
|
|
187
|
+
- **IconResizeCorner** - Corner resize icon for draggable resize handles
|
|
188
|
+
- **IconScan** - Scan icon for scanner and recognition flows
|
|
189
|
+
- **IconSearch** - Search icon for lookup and filtering inputs
|
|
190
|
+
- **IconShopping** - Shopping bag/cart icon for e-commerce features
|
|
171
191
|
- **IconSort** - Sort icon for sorting options
|
|
192
|
+
- **IconStar** - Star icon for favorites and ratings
|
|
193
|
+
- **IconSticker** - Sticker icon for labels and badges
|
|
194
|
+
- **IconStop** - Stop icon for halt and cancel actions
|
|
195
|
+
- **IconSwitch** - Switch icon for toggles and state transitions
|
|
196
|
+
- **IconTelegram** - Telegram brand icon for social/contact links
|
|
197
|
+
- **IconVK** - VK brand icon for social/contact links
|
|
172
198
|
- **IconXMark** - Close/remove icon for dismissing and deleting
|
|
199
|
+
- **IconXMarkCircle** - Close icon inside circle for destructive actions
|
|
200
|
+
- **IconYandex** - Yandex brand icon for sign-in and social links
|
|
173
201
|
|
|
174
202
|
### Icon Variants
|
|
175
203
|
|
|
176
204
|
Some icons provide multiple variants using Compound Components pattern:
|
|
177
205
|
|
|
178
206
|
- **IconArrowCircle.Filled** - Filled version of the arrow circle icon
|
|
207
|
+
- **IconArrowCircleUp.Filled** - Filled version of the upward arrow circle icon
|
|
179
208
|
- **IconArrowDiagonal.Up** - Upward diagonal arrow variant
|
|
180
209
|
- **IconArrowUTurn.Up** - Upward U-turn arrow variant
|
|
210
|
+
- **IconChevron.Up** - Upward chevron variant for expanded states
|
|
211
|
+
- **IconEye.Off** - Hidden/visibility-off eye icon variant
|
|
212
|
+
- **IconFace.Sad** - Sad face variant for negative states and feedback
|
|
213
|
+
- **IconGear.Filled** - Filled version of the settings icon
|
|
181
214
|
- **IconPerson.Filled** - Filled version of the person icon for active states
|
|
182
215
|
- **IconPrize.Filled** - Filled version of the prize icon for active states
|
|
183
216
|
- **IconShopping.Filled** - Filled version of the shopping icon for active/selected states
|