npm - @opexa/portal-components - Versions diffs - 0.0.308 → 0.0.309 - Mend

@opexa/portal-components 0.0.308 → 0.0.309

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 (266) hide show

package/dist/ui/DatePicker/datePicker.recipe.d.ts CHANGED Viewed

@@ -13,7 +13,7 @@ export declare const datePickerRecipe: import("tailwind-variants").TVReturnType<
             trigger: string;
         };
     };
-}, Record<"input" | "content" | "trigger" | "positioner" | "label" | "table" | "view" | "root" | "control" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl", string | string[]>, undefined, {
+}, Record<"content" | "table" | "input" | "label" | "view" | "root" | "trigger" | "positioner" | "control" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl", string | string[]>, undefined, {
     size: {
         md: {
             control: string;
@@ -28,7 +28,7 @@ export declare const datePickerRecipe: import("tailwind-variants").TVReturnType<
             trigger: string;
         };
     };
-}, Record<"input" | "content" | "trigger" | "positioner" | "label" | "table" | "view" | "root" | "control" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"content" | "table" | "input" | "label" | "view" | "root" | "trigger" | "positioner" | "control" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             control: string;
@@ -43,4 +43,4 @@ export declare const datePickerRecipe: import("tailwind-variants").TVReturnType<
             trigger: string;
         };
     };
-}, Record<"input" | "content" | "trigger" | "positioner" | "label" | "table" | "view" | "root" | "control" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"content" | "table" | "input" | "label" | "view" | "root" | "trigger" | "positioner" | "control" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/DatePicker/datePicker.recipe.js CHANGED Viewed

@@ -3,10 +3,10 @@ import { tv } from 'tailwind-variants';
 import { anatomyToRecipeSlots } from '../../utils/anatomyToRecipeSlots.js';
 export const datePickerRecipe = tv({
     slots: anatomyToRecipeSlots(datePickerAnatomy, {
-        label: 'text-text-secondary-700 mb-sm inline-block text-sm font-medium',
+        label: 'mb-sm inline-block font-medium text-sm text-text-secondary-700',
         trigger: 'flex items-center justify-center',
         input: 'placeholder:text-text-placeholder',
-        content: 'border-border-secondary ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right bg-bg-primary z-dropdown rounded-xl border p-4',
+        content: 'z-dropdown ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left:ui-open:animate-popover-in-left ui-placement-right-end:ui-closed:animate-popover-out-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right:ui-open:animate-popover-in-right ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top:ui-open:animate-popover-in-top rounded-xl border border-border-secondary bg-bg-primary p-4',
         table: 'mt-3 border-separate border-spacing-0.5',
         tableCellTrigger: [
             'relative',
@@ -40,11 +40,11 @@ export const datePickerRecipe = tv({
             'ui-range-end:ui-not-disabled:bg-brand-400',
             'ui-range-end:ui-not-disabled:text-brand-950',
         ],
-        tableHeader: 'text-text-secondary-700 py-2.5 text-sm font-medium',
+        tableHeader: 'py-2.5 font-medium text-sm text-text-secondary-700',
         viewControl: 'flex items-center justify-between',
-        prevTrigger: 'bg-gray-50 icon:size-5 text-button-secondary-fg flex size-9 items-center justify-center rounded-full',
-        nextTrigger: 'bg-gray-50 icon:size-5 text-button-secondary-fg flex size-9 items-center justify-center rounded-full',
-        rangeText: 'text-gray-600 text-text-secondary-700 text-base font-semibold',
+        prevTrigger: 'flex icon:size-5 size-9 items-center justify-center rounded-full bg-gray-50 text-button-secondary-fg',
+        nextTrigger: 'flex icon:size-5 size-9 items-center justify-center rounded-full bg-gray-50 text-button-secondary-fg',
+        rangeText: 'font-semibold text-base text-gray-600 text-text-secondary-700',
     }),
     variants: {
         size: {
@@ -57,7 +57,7 @@ export const datePickerRecipe = tv({
         variant: {
             outline: {
                 root: 'group',
-                control: 'bg-bg-primary border-border-primary shadow-xs focus-within:border-border-brand focus-within:shadow-brand-xs ui-read-only:opacity-60 ui-read-only:shadow-none ui-group-open:border-border-brand ui-group-open:shadow-brand-xs flex w-full rounded-md border ui-disabled:opacity-60 ui-disabled:shadow-none',
+                control: 'flex w-full rounded-md border border-border-primary ui-group-open:border-border-brand bg-bg-primary ui-disabled:opacity-60 ui-read-only:opacity-60 shadow-xs ui-disabled:shadow-none ui-group-open:shadow-brand-xs ui-read-only:shadow-none focus-within:border-border-brand focus-within:shadow-brand-xs',
                 trigger: 'icon:text-text-quinary',
             },
         },