v5.0.0

What's Changed

• feat(FormControl): allow forwarding refs by @Copilot in #685
• feat(modal): support initialFocus prop by @huyenltnguyen in #687
• fix: remove preinstall script by @huyenltnguyen in #690
• feat: use standardised callouts by @raisedadead in #679
• fix(dropdown): color combination and width behavior by @huyenltnguyen in #686
• fix(alert,callout): button and link colors by @huyenltnguyen in #682
• fix(callout): require label prop by @huyenltnguyen in #691

Breaking Changes

• Callout component:
  • success variant renamed to tip
  • info variant renamed to note
  • danger variant renamed to caution
  • Now requires a label prop
• Dropdown component:
  • The menu and toggle no longer span the full width by default. Set the block prop to true for full width.

Full Changelog: v4.3.0...v5.0.0

v4.3.0

What's Changed

• feat(col): expand grid support by @Copilot in #640
• chore(.github): add copilot-instructions.md by @huyenltnguyen in #641
• chore(col): replace ml-* with ms-* by @Copilot in #643
• feat(row): support orientation prop by @huyenltnguyen in #644
• chore: add debug-storybook.log to .gitignore by @Copilot in #646
• fix: add purple colors to tailwind config by @Copilot in #648
• docs(col, row, container): improve demos and usage guides by @huyenltnguyen in #649
• chore(storybook): use custom toolbar button for theme selection by @huyenltnguyen in #652
• docs(dropdown): use dummy actions in storybook examples by @Copilot in #651

Full Changelog: v4.2.0...v4.3.0

v4.2.0

What's Changed

• feat(button): add disabled styles for danger variant by @Sembauke in #518
• fix(tabs): correct props interfaces of TabsTrigger and TabsList by @mr-nobody-7 in #597

New Contributors

• @mr-nobody-7 made their first contribution in #597

Full Changelog: v4.1.0...v4.2.0

v4.1.0

What's Changed

• feat(PrismFormatted): support sass and scss by @shootermv in #543
• feat(color): Add orange30 to the color palette by @krasnoff in #570
• feat(quiz): allow revealing correct answers on success by @huyenltnguyen in #487
• feat: export UseQuizResult and UseQuizProps interfaces by @krasnoff in #571
• feat(color): add green80 and yellow80 to color palette by @Priyesh1311421 in #588
• chore: upgrade node and pnpm versions by @huyenltnguyen in #584
• fix(alert, callout): change text color of Alert and Callout by @Priyesh1311421 in #591

New Contributors

• @krasnoff made their first contribution in #570
• @Priyesh1311421 made their first contribution in #588

Full Changelog: v4.0.1...v4.1.0

v4.0.1

What's Changed

• fix(base.css): remove bold font-weight from base styles by @Sembauke in #530
• fix(control-label): set font weight to bold by @Sembauke in #529
• fix(Quiz): remove marker from list items by @huyenltnguyen in #531

Full Changelog: v4.0.0...v4.0.1

v4.0.0

What's Changed

• feat(storybook): add fCC favicon by @huyenltnguyen in #512
• feat(col): add support for extra small column size (4) by @Sembauke in #520
• chore: add additional global CSS by @a2937 in #466
• refactor(quiz): rename passingGrade to passingPercent for clarity by @Sembauke in #519
• refactor(col): remove smPush prop and related logic by @Sembauke in #521

Breaking Changes

• Additional CSS styles were added to the default stylesheet (base.css), which could break the layout of some consumers. The exact changes can be found here: #466
• useQuiz hook: Renamed the passingGrade prop to passingPercent
• Col component: Removed the smPush prop

Full Changelog: v3.2.0...v4.0.0

v3.2.0

What's Changed

• feat: add jsx to babel highlight by @a2937 in #450
• feat: add json to babel highlight by @a2937 in #454
• feat: Enable Bash syntax highlighting by @sulaiman-dev in #464
• chore: move storybook config files to use typescript by @shootermv in #374
• fix: Color System page by @huyenltnguyen in #482
• chore(storybook): remove redundant postcss-loader config by @shootermv in #485
• chore: remove validation prop from QuizQuestion code snippets by @shootermv in #492

New Contributors

• @sulaiman-dev made their first contribution in #464

Full Changelog: v3.1.1...v3.2.0

v3.1.1

What's Changed

• fix: quiz answer content overflow by @LaurenRenaeCampbell in #440

New Contributors

• @LaurenRenaeCampbell made their first contribution in #440

Full Changelog: v3.1.0...v3.1.1

v3.1.0

What's Changed

• feat: add data-value attribute to QuizQuestion answer by @huyenltnguyen in #390
• chore: add prepublishOnly script by @huyenltnguyen in #344
• fix: display quiz correct count on demo by @a2937 in #377
• fix: adjust space between quiz questions by @huyenltnguyen in #405
• test: add proper classes to container story by @shootermv in #410

New Contributors

• @shootermv made their first contribution in #410

Full Changelog: v3.0.0...v3.1.0

v3.0.0

What's Changed

• fix: update background color by @a2937 in #375
• fix: add radio option color class by @a2937 in #376
• feat: allow customizing passing grade by @huyenltnguyen in #382
• feat: support displaying quiz answer feedback by @huyenltnguyen in #356

Breaking Changes

• useQuiz now requires a passingGrade prop
• The value of correctAnswerCount returned from useQuiz can be undefined instead of always being a number. The undefined value indicates that the quiz has not been validated (the validateAnswer function hasn't been called)
• QuizQuestion no longer accepts a validation prop. The prop is now folded into the QuizQuestion's answers prop.
  • Old:

    <QuizQuestion
      question="Lorem ipsum"
      answers={[
        { label: "Option 1", value: 1 },
        { label: "Option 2", value: 2 },
      ]}
      selectedAnswer={1}
      validation={{ state: "correct", message: "Correct!" }}
    />

  • New:

    <QuizQuestion
      question="Lorem ipsum"
      answers={[
        { 
    	  label: "Option 1",
    	  value: 1,
    	  validation: { state: "correct", message: "Correct!" }
    	},
        { label: "Option 2", value: 2 },
      ]}
      selectedAnswer={1}
    />

Full Changelog: v2.3.1...v3.0.0