@atom-learning/components 6.0.0-beta.25 → 6.0.0-beta.27

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 (49) hide show
  1. package/dist/components/badge/Badge.d.ts +3 -3
  2. package/dist/components/badge/BadgeText.d.ts +3 -3
  3. package/dist/components/button/Button.js +1 -1
  4. package/dist/components/button/Button.js.map +1 -1
  5. package/dist/components/chip/Chip.js +1 -1
  6. package/dist/components/chip/Chip.js.map +1 -1
  7. package/dist/components/combobox/ComboboxInput.js +1 -1
  8. package/dist/components/combobox/ComboboxInput.js.map +1 -1
  9. package/dist/components/empty-state/EmptyState.d.ts +3 -3
  10. package/dist/components/empty-state/EmptyStateBody.d.ts +3 -3
  11. package/dist/components/heading/Heading.d.ts +1 -1
  12. package/dist/components/heading/Heading.js +1 -1
  13. package/dist/components/heading/Heading.js.map +1 -1
  14. package/dist/components/input/Input.d.ts +3 -3
  15. package/dist/components/keyboard-shortcut/KeyboardShortcut.d.ts +3 -3
  16. package/dist/components/keyboard-shortcut/index.d.ts +3 -3
  17. package/dist/components/label/Label.js +1 -1
  18. package/dist/components/label/Label.js.map +1 -1
  19. package/dist/components/link/Link.js +1 -1
  20. package/dist/components/link/Link.js.map +1 -1
  21. package/dist/components/list/List.d.ts +2 -2
  22. package/dist/components/list/List.js +1 -1
  23. package/dist/components/list/List.js.map +1 -1
  24. package/dist/components/navigation/NavigationMenu.d.ts +3 -3
  25. package/dist/components/navigation/NavigationMenuDropdownItem.d.ts +3 -3
  26. package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +3 -3
  27. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts +3 -3
  28. package/dist/components/segmented-control/SegmentedControl.d.ts +6 -6
  29. package/dist/components/segmented-control/SegmentedControlDescription.d.ts +3 -3
  30. package/dist/components/segmented-control/SegmentedControlHeading.d.ts +3 -3
  31. package/dist/components/side-bar/SideBar.d.ts +3 -3
  32. package/dist/components/side-bar/SideBarComponents.d.ts +3 -3
  33. package/dist/components/stepper/StepperStepLabel.d.ts +3 -3
  34. package/dist/components/text/Text.d.ts +3 -18
  35. package/dist/components/text/Text.js +1 -1
  36. package/dist/components/text/Text.js.map +1 -1
  37. package/dist/components/textarea/Textarea.js +1 -1
  38. package/dist/components/textarea/Textarea.js.map +1 -1
  39. package/dist/components/tooltip/TooltipContent.js +1 -1
  40. package/dist/components/tooltip/TooltipContent.js.map +1 -1
  41. package/dist/components/top-bar/TopBar.d.ts +3 -3
  42. package/dist/components/top-bar/TopBarBrand.d.ts +3 -3
  43. package/dist/components/tree/Tree.d.ts +3 -3
  44. package/dist/docgen.json +1 -1
  45. package/dist/index.cjs.js +1 -1
  46. package/dist/index.cjs.js.map +1 -1
  47. package/package.json +3 -3
  48. package/scripts/generate-responsive-variant-classes.mjs +3 -1
  49. package/src/responsive-variant-classes.css +3 -1
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "main": "dist/index.cjs.js",
5
5
  "typings": "dist/index.d.ts",
6
6
  "module": "dist/index.js",
7
- "version": "6.0.0-beta.25",
7
+ "version": "6.0.0-beta.27",
8
8
  "description": "",
9
9
  "files": [
10
10
  "dist",
@@ -174,7 +174,7 @@
174
174
  "@radix-ui/react-tooltip": "^1.0.7",
175
175
  "@radix-ui/react-visually-hidden": "^1.0.3",
176
176
  "@reach/combobox": "^0.16.1",
177
- "@tailwindcss/vite": "^4.1.17",
177
+ "@tailwindcss/vite": "^4.1.18",
178
178
  "@tanstack/react-table": "^8.5.11",
179
179
  "clsx": "^2.1.1",
180
180
  "dayjs": "^1.10.7",
@@ -195,7 +195,7 @@
195
195
  "react-player": "^2.9.0",
196
196
  "tailwind-merge": "^3.4.0",
197
197
  "tailwind-variants": "^3.2.2",
198
- "tailwindcss": "^4.1.17",
198
+ "tailwindcss": "^4.1.18",
199
199
  "throttle-debounce": "^3.0.1",
200
200
  "ts-morph": "^25.0.1",
201
201
  "uid": "^2.0.0",
@@ -237,7 +237,9 @@ function generateCSSFileContent(allClasses) {
237
237
  const uniqueClasses = extractUniqueClasses(allClasses)
238
238
  const breakpointPrefix = `{,sm:,md:,lg:,xl:}`
239
239
  const classPattern = `{${uniqueClasses.join(',')}}`
240
- const pattern = `@source inline("${breakpointPrefix}${classPattern}");`
240
+ const pattern = `@source inline(
241
+ '${breakpointPrefix}${classPattern}'
242
+ );`
241
243
 
242
244
  return `/**
243
245
  * Tailwind Responsive Variant Classes Safelist (CSS Format)
@@ -12,4 +12,6 @@
12
12
  * Uses Tailwind v4's @source inline() pattern syntax for efficient class detection.
13
13
  */
14
14
 
15
- @source inline("{,sm:,md:,lg:,xl:}{*:not-last:mr-2,*:not-last:mr-3,-mt-1,[--active:rgba(255,255,255,0.75)],[--active:var(--color-danger-dark)],[--active:var(--color-primary-1000)],[--active:var(--color-primary-1100)],[--active:var(--color-primary-1200)],[--active:var(--color-success-dark)],[--active:var(--color-warning-dark)],[--active:var(--color-white)],[--banner-heading-color:var(--color-foreground-7-plus)],[--banner-text-color:var(--color-grey-100)],[--base:var(--color-danger)],[--base:var(--color-grey-700)],[--base:var(--color-primary-1000)],[--base:var(--color-primary-800)],[--base:var(--color-success)],[--base:var(--color-warning)],[--base:var(--color-white)],[--base:white],[--interact:rgba(255,255,255,0.9)],[--interact:var(--color-danger-mid)],[--interact:var(--color-primary-1100)],[--interact:var(--color-primary-900)],[--interact:var(--color-success-mid)],[--interact:var(--color-warning-mid)],[--interact:var(--color-white)],[--text:var(--color-primary-800)],[align-items:first baseline],[align-items:inherit],[align-items:initial],[align-items:last baseline],[align-items:normal],[align-items:revert-layer],[align-items:revert],[align-items:safe],[align-items:self-end],[align-items:self-start],[align-items:unsafe],[align-items:unset],[flex-wrap:inherit],[flex-wrap:initial],[flex-wrap:revert-layer],[flex-wrap:revert],[flex-wrap:unset],[justify-content:inherit],[justify-content:initial],[justify-content:left],[justify-content:revert-layer],[justify-content:revert],[justify-content:right],[justify-content:safe],[justify-content:unsafe],[justify-content:unset],absolute,after:hidden!,before:hidden!,bg-(--background-bold),bg-(--background-subtle),bg-(--base),bg-(--base-1),bg-(--base-11),bg-(--base-3),bg-grey-100,bg-grey-400,bg-position-[right_--spacing(2)_top_50%,0_0],bg-position-[right_--spacing(3)_top_50%,0_0],bg-size-[18px_auto,100%],bg-size-[20px_auto,100%],bg-transparent,bg-unset,bg-white,block,border,border-(--base-3),border-b,border-b-(--border-bottom),border-current,border-grey-700,border-none,border-white,capsize-[0.2078],capsize-[0.3864],capsize-after-[0.2405],capsize-after-[0.2634],capsize-after-[0.26],capsize-after-[0.2],capsize-before-[0.1405],capsize-before-[0.16],capsize-before-[0.1],capsize-before-[0.2114],cursor-not-allowed opacity-60 pointer-events-none,cursor-pointer,data-[state=inactive]:hover:bg-marsh-300,data-[state=inactive]:hover:bg-primary-300,direction-[inherit],direction-[initial],direction-[revert-layer],direction-[revert],direction-[unset],disabled:cursor-not-allowed,disabled:opacity-30,flex-1,flex-[unset],flex-col,flex-col-reverse,flex-nowrap,flex-row,flex-row-reverse,flex-wrap,flex-wrap-reverse,focus-visible:border-marsh-800,focus-visible:border-primary-800,focus:border-primary-800,focus:outline-2,focus:outline-blue-800,focus:outline-none,focus:outline-offset-1,focus:outline-solid,focus:z-1,font-body,font-bold,font-display,font-medium,font-mono,font-normal,font-semibold,gap-0.5,gap-1,gap-10,gap-12,gap-16,gap-2,gap-20,gap-3,gap-4,gap-6,gap-8,h-1,h-10,h-12,h-16,h-2,h-24,h-8,h-auto,h-full,h-px,h-screen,hidden,items-baseline,items-center,items-end,items-start,items-stretch,justify-around,justify-between,justify-center,justify-end,justify-evenly,justify-normal,justify-start,justify-stretch,max-h-12,max-h-18,max-h-8,max-h-[142px],max-h-[213px],max-h-none,max-h-screen,max-w-14,max-w-21,max-w-[126px],max-w-[190px],max-w-[285px],max-w-full,max-w-none,max-w-screen,mb-3,mb-4,mb-6,min-h-10,min-h-12,min-h-8,not-disabled:active:bg-(--active),not-disabled:active:text-(--active),not-disabled:focus:bg-(--interact),not-disabled:focus:no-underline,not-disabled:focus:text-(--interact),not-disabled:focus:text-(--text,white),not-disabled:focus:text-white,not-disabled:hover:bg-(--interact),not-disabled:hover:no-underline,not-disabled:hover:text-(--interact),not-disabled:hover:text-(--text,white),not-disabled:hover:text-white,p-10,p-2,p-3,p-4,p-6,p-8,pl-2,pl-3,pr-10,pr-8,px-1,px-2,px-4,px-6,px-8,py-0.5,py-1,py-4,py-6,right-4,rounded-full,rounded-md,rounded-sm,rounded-xl,shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)],size-1.5,size-10,size-12,size-3,size-4,size-6,size-8,static,stroke-2,stroke-[1.5],stroke-[1.75],supports-[height:100svh]:h-auto,supports-[height:100svh]:h-svh,supports-[height:100svh]:max-h-none,supports-[height:100svh]:max-h-svh,supports-color-mix:backdrop-blur-sm,supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)],text-(--base),text-(--foreground-7-plus),text-(--text,white),text-(--text-bold),text-(--text-on-white),text-(--text-subtle),text-2xl/[1.08],text-3xl/[1.12],text-4xl/none,text-danger,text-grey-800,text-info,text-lg,text-lg/[1.14],text-lg/normal h-12 px-8 gap-3 [&_svg]:size-[22px],text-lg/normal h-16 px-8 gap-3 [&_svg]:size-[22px],text-md,text-md/normal,text-md/normal h-10 px-8 gap-3 [&_svg]:size-5,text-primary-800,text-sm,text-sm/[1.53] h-8 px-4 gap-2 [&_svg]:size-4,text-success,text-warning,text-white,text-white!,text-xl/[1.14],text-xs,top-0,top-2,top-4,tracking-[0.01em],w-120,w-150,w-200,w-275,w-95,w-[unset],w-auto,w-full,w-max,w-px,w-screen}");
15
+ @source inline(
16
+ '{,sm:,md:,lg:,xl:}{*:not-last:mr-2,*:not-last:mr-3,-mt-1,[&_svg]:size-4,[&_svg]:size-5,[&_svg]:size-[22px],[--active:rgba(255,255,255,0.75)],[--active:var(--color-danger-dark)],[--active:var(--color-primary-1000)],[--active:var(--color-primary-1100)],[--active:var(--color-primary-1200)],[--active:var(--color-success-dark)],[--active:var(--color-warning-dark)],[--active:var(--color-white)],[--banner-heading-color:var(--color-foreground-7-plus)],[--banner-text-color:var(--color-grey-100)],[--base:var(--color-danger)],[--base:var(--color-grey-700)],[--base:var(--color-primary-1000)],[--base:var(--color-primary-800)],[--base:var(--color-success)],[--base:var(--color-warning)],[--base:var(--color-white)],[--base:white],[--interact:rgba(255,255,255,0.9)],[--interact:var(--color-danger-mid)],[--interact:var(--color-primary-1100)],[--interact:var(--color-primary-900)],[--interact:var(--color-success-mid)],[--interact:var(--color-warning-mid)],[--interact:var(--color-white)],[--text:var(--color-primary-800)],[align-items:first baseline],[align-items:inherit],[align-items:initial],[align-items:last baseline],[align-items:normal],[align-items:revert-layer],[align-items:revert],[align-items:safe],[align-items:self-end],[align-items:self-start],[align-items:unsafe],[align-items:unset],[flex-wrap:inherit],[flex-wrap:initial],[flex-wrap:revert-layer],[flex-wrap:revert],[flex-wrap:unset],[justify-content:inherit],[justify-content:initial],[justify-content:left],[justify-content:revert-layer],[justify-content:revert],[justify-content:right],[justify-content:safe],[justify-content:unsafe],[justify-content:unset],absolute,after:hidden!,before:hidden!,bg-(--background-bold),bg-(--background-subtle),bg-(--base),bg-(--base-1),bg-(--base-11),bg-(--base-3),bg-grey-100,bg-grey-400,bg-position-[right_--spacing(2)_top_50%,0_0],bg-position-[right_--spacing(3)_top_50%,0_0],bg-size-[18px_auto,100%],bg-size-[20px_auto,100%],bg-transparent,bg-unset,bg-white,block,border,border-(--base-3),border-b,border-b-(--border-bottom),border-current,border-grey-700,border-none,border-white,capsize-[0.2078],capsize-[0.3506],capsize-[0.3864],capsize-[0.3983],capsize-[0.4056],capsize-[0.4364],capsize-after-[0.2405],capsize-after-[0.2634],capsize-after-[0.26],capsize-after-[0.2],capsize-before-[0.1405],capsize-before-[0.16],capsize-before-[0.1],capsize-before-[0.2114],cursor-not-allowed opacity-60 pointer-events-none,cursor-pointer,data-[state=inactive]:hover:bg-marsh-300,data-[state=inactive]:hover:bg-primary-300,direction-[inherit],direction-[initial],direction-[revert-layer],direction-[revert],direction-[unset],disabled:cursor-not-allowed,disabled:opacity-30,flex-1,flex-[unset],flex-col,flex-col-reverse,flex-nowrap,flex-row,flex-row-reverse,flex-wrap,flex-wrap-reverse,focus-visible:border-marsh-800,focus-visible:border-primary-800,focus:border-primary-800,focus:outline-2,focus:outline-blue-800,focus:outline-none,focus:outline-offset-1,focus:outline-solid,focus:z-1,font-body,font-bold,font-display,font-medium,font-mono,font-normal,font-semibold,gap-0.5,gap-1,gap-10,gap-12,gap-16,gap-2,gap-20,gap-3,gap-4,gap-6,gap-8,h-1,h-10,h-12,h-16,h-2,h-24,h-8,h-auto,h-full,h-px,h-screen,hidden,items-baseline,items-center,items-end,items-start,items-stretch,justify-around,justify-between,justify-center,justify-end,justify-evenly,justify-normal,justify-start,justify-stretch,leading-[1.08],leading-[1.12],leading-[1.14],leading-[1.42],leading-[1.52],leading-[1.53],leading-[1.6],leading-none,leading-normal,max-h-12,max-h-18,max-h-8,max-h-[142px],max-h-[213px],max-h-none,max-h-screen,max-w-14,max-w-21,max-w-[126px],max-w-[190px],max-w-[285px],max-w-full,max-w-none,max-w-screen,mb-3,mb-4,mb-6,min-h-10,min-h-12,min-h-8,not-disabled:active:bg-(--active),not-disabled:active:text-(--active),not-disabled:focus:bg-(--interact),not-disabled:focus:no-underline,not-disabled:focus:text-(--interact),not-disabled:focus:text-(--text,white),not-disabled:focus:text-white,not-disabled:hover:bg-(--interact),not-disabled:hover:no-underline,not-disabled:hover:text-(--interact),not-disabled:hover:text-(--text,white),not-disabled:hover:text-white,p-10,p-2,p-3,p-4,p-6,p-8,pl-2,pl-3,pr-10,pr-8,px-1,px-2,px-4,px-6,px-8,py-0.5,py-1,py-4,py-6,right-4,rounded-full,rounded-md,rounded-sm,rounded-xl,shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)],size-1.5,size-10,size-12,size-3,size-4,size-6,size-8,static,stroke-2,stroke-[1.5],stroke-[1.75],supports-[height:100svh]:h-auto,supports-[height:100svh]:h-svh,supports-[height:100svh]:max-h-none,supports-[height:100svh]:max-h-svh,supports-color-mix:backdrop-blur-sm,supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)],text-(--base),text-(--foreground-7-plus),text-(--text,white),text-(--text-bold),text-(--text-on-white),text-(--text-subtle),text-2xl,text-3xl,text-4xl,text-danger,text-grey-800,text-info,text-lg,text-md,text-primary-800,text-sm,text-success,text-warning,text-white,text-white!,text-xl,text-xs,top-0,top-2,top-4,tracking-[0.01em],w-120,w-150,w-200,w-275,w-95,w-[unset],w-auto,w-full,w-max,w-px,w-screen}'
17
+ );