@tetjana/flowmakers-ds 0.1.8 → 0.1.10

package/guidelines/overview-components.md

@@ -3,31 +3,43 @@
 All components are imported from `@tetjana/flowmakers-ds`.
 Always import the CSS too: `import '@tetjana/flowmakers-ds/styles'`
 
-## Primitives
+## Primitives & Inputs
 
 | Component | Purpose | Guidelines |
 |-----------|---------|------------|
 | `Button` | All clickable actions (hero, secondary, ghost) | [button.md](components/button.md) |
 | `Input` | Text fields, email, password, search | [input.md](components/input.md) |
-| `Tag` | Labels, badges, status indicators | [tag.md](components/tag.md) |
+| `Search` | Search input with built-in icon | [search.md](components/search.md) |
+| `Dropdown` | List of selectable options rendered as a panel | [dropdown.md](components/dropdown.md) |
+| `DatePicker` | Date input with label, helper text, and states | [datepicker.md](components/datepicker.md) |
+| `TimePicker` | Time input with label, helper text, and states | [timepicker.md](components/timepicker.md) |
+| `RadioButton` | Single radio input with custom styling | [radiobutton.md](components/radiobutton.md) |
+| `Tag` | Small labels, badges, status indicators | [tag.md](components/tag.md) |
+| `TagBig` | Large pill badge with sparkle icon (landing page use) | [tagbig.md](components/tagbig.md) |
 | `Toggle` | Boolean on/off switches | [toggle.md](components/toggle.md) |
 | `Checkbox` | Multi-select options, agreements | [checkbox.md](components/checkbox.md) |
 | `IconButton` | Icon-only action buttons (arrows, plus, pen) | [iconbutton.md](components/iconbutton.md) |
+| `ListItem` | Checkmark feature list item with purple icon | [listitem.md](components/listitem.md) |
 
-## Navigation
+## Navigation & Progress
 
 | Component | Purpose | Guidelines |
 |-----------|---------|------------|
 | `NavItem`, `NavBar` | Sidebar navigation menu | [navmenu.md](components/navmenu.md) |
 | `SegmentedControl` | Tab/filter switcher (2–5 options) | [segmentedcontrol.md](components/segmentedcontrol.md) |
 | `Pagination` | Prev/next navigation with dots or numbers | [pagination.md](components/pagination.md) |
+| `Stepper` | Horizontal numbered step indicator for wizards | [stepper.md](components/stepper.md) |
+| `StepperProgress` | Vertical progress tracker with checkmarks | [stepperprogress.md](components/stepperprogress.md) |
 
-## Layout
+## Layout & Sections
 
 | Component | Purpose | Guidelines |
 |-----------|---------|------------|
 | `Header` | Widget/card header with title and subtitle | [header.md](components/header.md) |
 | `Footer` | Page footer with links, CTA, and copyright | [footer.md](components/footer.md) |
+| `SectionTitle` | Landing page section heading (tag + title + subtitle) | [sectiontitle.md](components/sectiontitle.md) |
+| `DashboardTitle` | Dashboard welcome heading with optional CTA | [dashboardtitle.md](components/dashboardtitle.md) |
+| `ProcessStep` | Numbered "how it works" step card | [processstep.md](components/processstep.md) |
 
 ## Cards
 
@@ -35,8 +47,12 @@ Always import the CSS too: `import '@tetjana/flowmakers-ds/styles'`
 |-----------|---------|------------|
 | `CardTest` | Test/quiz card with state (available/in-progress/completed/unavailable) | [cardtest.md](components/cardtest.md) |
 | `CardCareer` | Accordion card showing career level + task progress | [cardcareer.md](components/cardcareer.md) |
+| `Price` | Pricing plan card with features checklist | [price.md](components/price.md) |
+| `PriceCard` | Simple pricing card — title + price + CTA only | [pricecard.md](components/pricecard.md) |
+| `TestimonialCard` | User testimonial / review card with avatar | [testimonialcard.md](components/testimonialcard.md) |
+| `Tariffs` | Plan selection card (radio + features, used in checkout) | [tariffs.md](components/tariffs.md) |
 
-## Dashboard widgets
+## Dashboard Widgets
 
 | Component | Purpose | Guidelines |
 |-----------|---------|------------|
@@ -47,6 +63,14 @@ Always import the CSS too: `import '@tetjana/flowmakers-ds/styles'`
 | `NotesWidget` | Personal notes snippet | [widgetcard.md](components/widgetcard.md) |
 | `PersonalAdviceWidget` | AI-generated advice card | [widgetcard.md](components/widgetcard.md) |
 | `CalendarWidget` | Weekly calendar with event list | [widgetcard.md](components/widgetcard.md) |
+| `TasksWidget` | Task list with completion status and time tags | [taskswidget.md](components/taskswidget.md) |
+
+## Interactive / Forms
+
+| Component | Purpose | Guidelines |
+|-----------|---------|------------|
+| `Question` | FAQ accordion — expandable question + answer | [question.md](components/question.md) |
+| `SignupForm` | Email CTA form with input + button | [signupform.md](components/signupform.md) |
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tetjana/flowmakers-ds",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "FlowMakers UI Design System — React components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",