aural-ui 4.2.5 → 4.4.0

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.
Files changed (30) hide show
  1. package/dist/components/aspect-ratio/AspectRatio.stories.tsx +4 -4
  2. package/dist/components/badge/Badge.stories.tsx +3 -3
  3. package/dist/components/button/Button.stories.tsx +288 -366
  4. package/dist/components/button/index.tsx +3 -43
  5. package/dist/components/card/Card.stories.tsx +2 -2
  6. package/dist/components/card/index.tsx +1 -1
  7. package/dist/components/clamp-lines/index.tsx +0 -1
  8. package/dist/components/drawer/index.tsx +1 -1
  9. package/dist/components/hover-card/HoverCard.stories.tsx +7 -7
  10. package/dist/components/marquee/Marquee.stories.tsx +2 -6
  11. package/dist/components/otp-inputs/OtpInputs.stories.tsx +1 -1
  12. package/dist/components/popover/Popover.stories.tsx +1 -1
  13. package/dist/components/slider/index.tsx +1 -6
  14. package/dist/components/table/Table.stories.tsx +4 -4
  15. package/dist/components/toggle/Toggle.stories.tsx +4 -4
  16. package/dist/components/tooltip/index.tsx +1 -2
  17. package/dist/components/typography/Typography.stories.tsx +7 -19
  18. package/dist/components/typography/index.tsx +0 -2
  19. package/dist/fonts/LabGrotesque-Medium.ttf +0 -0
  20. package/dist/icons/all-icons.tsx +9 -7
  21. package/dist/icons/site-logo-icon/SiteLogoIcon.stories.tsx +3 -3
  22. package/dist/index.cjs +86 -86
  23. package/dist/index.js +86 -86
  24. package/package.json +4 -4
  25. package/dist/fonts/LabGrotesqueTRIAL-Bold.otf +0 -0
  26. package/dist/fonts/LabGrotesqueTRIAL-Light.otf +0 -0
  27. package/dist/fonts/LabGrotesqueTRIAL-Medium.otf +0 -0
  28. package/dist/fonts/LabGrotesqueTRIAL-Regular.otf +0 -0
  29. package/dist/fonts/PPSupplySans-Regular (1).otf +0 -0
  30. package/dist/fonts/PPSupplySans-Ultralight.otf +0 -0
@@ -101,7 +101,7 @@ export const Configurations: Story = {
101
101
  <div
102
102
  className={`flex h-full w-full items-center justify-center rounded-lg bg-linear-to-br ${item.bg}`}
103
103
  >
104
- <span className="bg-fm-surface-primary/80 text-fm-primary rounded px-1.5 py-0.5 text-xs font-bold backdrop-blur-sm">
104
+ <span className="bg-fm-surface-primary/80 text-fm-primary rounded px-1.5 py-0.5 text-xs font-medium backdrop-blur-sm">
105
105
  {item.label}
106
106
  </span>
107
107
  </div>
@@ -117,7 +117,7 @@ export const Configurations: Story = {
117
117
  <ul className="grid grid-cols-2 gap-x-6 gap-y-3 sm:grid-cols-3">
118
118
  {COMMON_RATIOS.map((item) => (
119
119
  <li key={item.label} className="flex flex-col gap-0.5">
120
- <span className="text-fm-primary font-fm-text text-fm-sm leading-fm-sm font-semibold">
120
+ <span className="text-fm-primary font-fm-text text-fm-sm leading-fm-sm font-medium">
121
121
  {item.label} — {item.name}
122
122
  </span>
123
123
  <span className="text-fm-secondary font-fm-text text-fm-sm leading-fm-sm">
@@ -188,7 +188,7 @@ export const UseCases: Story = {
188
188
  <div className="absolute inset-0 flex items-center justify-center">
189
189
  <div className="text-center">
190
190
  <div className="text-fm-tertiary mb-2 text-4xl">▶</div>
191
- <div className="text-fm-primary text-sm font-semibold">
191
+ <div className="text-fm-primary text-sm font-medium">
192
192
  Widescreen 16:9
193
193
  </div>
194
194
  </div>
@@ -381,7 +381,7 @@ export const Interactive: Story = {
381
381
  <AspectRatio ratio={currentRatio}>
382
382
  <div className="border-fm-divider-secondary bg-fm-surface-secondary flex h-full w-full items-center justify-center rounded-lg border">
383
383
  <div className="text-center">
384
- <div className="text-fm-primary text-lg font-bold">
384
+ <div className="text-fm-primary text-lg font-medium">
385
385
  {currentLabel}
386
386
  </div>
387
387
  <div className="text-fm-tertiary text-xs">
@@ -374,7 +374,7 @@ export const UseCases: Story = {
374
374
  <div className="border-fm-divider-secondary bg-fm-surface-secondary mx-auto max-w-md space-y-4 rounded-lg border p-4">
375
375
  <div>
376
376
  <div className="mb-1 flex items-center gap-2">
377
- <p className="text-fm-primary font-fm-text text-fm-sm leading-fm-sm font-semibold">
377
+ <p className="text-fm-primary font-fm-text text-fm-sm leading-fm-sm font-medium">
378
378
  Album Release
379
379
  </p>
380
380
  <Badge
@@ -391,7 +391,7 @@ export const UseCases: Story = {
391
391
  </div>
392
392
  <div>
393
393
  <div className="mb-1 flex items-center gap-2">
394
- <p className="text-fm-primary font-fm-text text-fm-sm leading-fm-sm font-semibold">
394
+ <p className="text-fm-primary font-fm-text text-fm-sm leading-fm-sm font-medium">
395
395
  Live Streaming
396
396
  </p>
397
397
  <Badge
@@ -408,7 +408,7 @@ export const UseCases: Story = {
408
408
  </div>
409
409
  <div>
410
410
  <div className="mb-1 flex items-center gap-2">
411
- <p className="text-fm-primary font-fm-text text-fm-sm leading-fm-sm font-semibold">
411
+ <p className="text-fm-primary font-fm-text text-fm-sm leading-fm-sm font-medium">
412
412
  Spatial Audio
413
413
  </p>
414
414
  <Badge