@clubmed/trident-ui 2.0.0-beta.6 → 2.0.0-beta.60

package/README.md

@@ -245,6 +245,14 @@ function App() {
 3. Replace any import paths containing `atoms` or `molecules` with the `ui` path segment.
 4. irectories in paths are now in to lower case. (e.g.: `molecules/Buttons/Button` -> `ui/buttons/button`).
 5. Use icons directly from `@clubmed/trident-icons`.
+6. Update form callbacks to the unified v2 signature:
+   `onChange(event, value)`.
+   - v1 patterns like `onChange={(name, value) => ...}` must become
+     `onChange={(event, value) => ...}`.
+   - When you still need the field name, read it from
+     `event.currentTarget.name`.
+   - For checkbox-like components, replace direct event reads
+     (`event.target.checked`) with the second argument (`value`).
 
 > At this point, check if you haven't any issue with paths and components before moving to the next step.
 

package/assets/trident-ui.css

@@ -0,0 +1,3 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}.rdp-root{--rdp-day-width:51px;--rdp-day-height:56px;--rdp-accent-color:var(--color-black);--rdp-background-color:var(--color-white);--rdp-outline:1px solid var(--rdp-accent-color);border-radius:var(--radius-16,1rem);background-color:var(--color-lightSand,oklch(95.68% .012 79.78));padding-inline:calc(var(--spacing,calc(1rem/16))*20);padding-block:calc(var(--spacing,calc(1rem/16))*12)}.rdp-months{column-gap:calc(var(--spacing,calc(1rem/16))*20);row-gap:calc(var(--spacing,calc(1rem/16))*40);flex-direction:column;display:flex}@media (width>=48rem){.rdp-months{flex-direction:row;justify-content:space-between}}@media (width>=64rem){.rdp-months{column-gap:calc(var(--spacing,calc(1rem/16))*40)}}.rdp-month{row-gap:calc(var(--spacing,calc(1rem/16))*8);flex-direction:column;flex:1;display:flex}.rdp-month_grid{margin:calc(var(--spacing,calc(1rem/16))*0);border-radius:var(--radius-16,1rem);border-collapse:collapse;flex-direction:column;max-width:100%;display:flex}@media (width>=1024px){.rdp-month_grid{min-width:calc(var(--rdp-day-width)*7)}}.rdp-weekdays,.rdp-weeks{border:0}.rdp-weekdays,.rdp-week{justify-content:space-between;width:100%;display:flex}.rdp-weekday,.rdp-day{padding:calc(var(--spacing,calc(1rem/16))*0);min-height:var(--rdp-day-height);flex:1;overflow:visible}.rdp-weekday{text-align:center;font-size:var(--text-b3,1rem);line-height:var(--tw-leading,var(--text-b3--line-height,1.5rem));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.rdp-day{text-align:center;display:flex}.rdp-day_button{margin:calc(var(--spacing,calc(1rem/16))*0);appearance:none;max-width:100%;color:inherit;font:inherit;cursor:default;background:0 0;border:1px solid #0000;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:3px;display:flex;position:relative}.rdp-day_button:not([disabled]){cursor:pointer}.rdp-day_button:focus-visible{outline:none}.rdp-day_button:focus-visible:not([disabled]){color:inherit;background-color:var(--rdp-background-color);border:var(--rdp-outline)}@media (hover:hover){.rdp-day:not([data-selected]) .rdp-day_button:hover:not([disabled]){background-color:var(--rdp-background-color);border:var(--rdp-outline)}}.rdp-day[data-today]:not([data-outside]){--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.rdp-day[data-outside]{opacity:.5}.rdp-day[data-disabled] .rdp-day_button:not([data-selected]):not([data-outside]){opacity:.9}.rdp-day[data-selected]:not(.rdp-range_middle):not([data-outside]){color:#fff;opacity:1;background-color:#000}.rdp-day[data-selected]:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1}.rdp-day[data-selected]:not(.rdp-range_end):not(.rdp-range_middle),.rdp-range_start:not([data-outside]),.rdp-day:not(.rdp-range_end) .rdp-day_button,.rdp-range_start:not([data-outside]) .rdp-day_button{border-start-start-radius:var(--radius-8,.5rem);border-end-start-radius:var(--radius-8,.5rem)}.rdp-day[data-selected].rdp-range_end,.rdp-range_end:not([data-outside]),.rdp-range_end:not([data-outside]) .rdp-day_button{border-start-end-radius:var(--radius-8,.5rem);border-end-end-radius:var(--radius-8,.5rem)}.rdp-range_middle:not([data-outside]){color:var(--rdp-accent-color);background-color:var(--rdp-background-color);border-radius:0}@property --tw-font-weight{syntax:"*";inherits:false}
+/*$vite$:1*/