@bitrix24/b24ui-nuxt 0.5.0 → 0.5.1

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.
@@ -3536,14 +3536,15 @@ const navigationMenu = {
3536
3536
  "before:absolute before:z-[-1]",
3537
3537
  "focus:outline-none focus-visible:before:rounded-md focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2"
3538
3538
  ].join(" "),
3539
- linkLeadingIcon: "shrink-0 size-5",
3540
- linkLeadingAvatar: "shrink-0",
3539
+ linkLeadingIcon: "shrink-0 size-4 -ms-1 rtl:-ms-0 rtl:-me-1",
3540
+ linkLeadingAvatar: "shrink-0 -ms-1 rtl:-ms-0 rtl:-me-1",
3541
3541
  linkLeadingAvatarSize: "2xs",
3542
- linkTrailing: "ms-auto inline-flex gap-1.5 items-center",
3542
+ linkTrailing: "inline-flex gap-1.5 items-center",
3543
3543
  linkTrailingBadge: "shrink-0",
3544
3544
  linkTrailingBadgeSize: "sm",
3545
- linkTrailingIcon: "text-base-600 size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
3545
+ linkTrailingIcon: "text-base-600 size-4 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
3546
3546
  linkLabel: "truncate",
3547
+ linkLabelWrapper: "flex items-center items-center justify-between rtl:flex-row-reverse gap-1.5",
3547
3548
  linkLabelExternalIcon: "inline-block h-6 w-3 align-top text-base-500 dark:text-base-700",
3548
3549
  childList: "",
3549
3550
  childItem: "",
@@ -3551,7 +3552,7 @@ const navigationMenu = {
3551
3552
  "group",
3552
3553
  "size-full",
3553
3554
  "px-3 py-2",
3554
- // 'rounded-md',
3555
+ "rounded-2xs",
3555
3556
  "flex items-start gap-2",
3556
3557
  "text-start"
3557
3558
  ].join(" "),
@@ -3559,16 +3560,16 @@ const navigationMenu = {
3559
3560
  childLinkIcon: "size-5 shrink-0",
3560
3561
  childLinkLabel: "font-semibold text-sm relative inline-flex",
3561
3562
  childLinkLabelExternalIcon: "inline-block h-6 w-3 align-top text-base-500 dark:text-base-700",
3562
- childLinkDescription: "text-sm text-(--ui-text-muted)",
3563
- separator: "px-2 h-px bg-(--ui-border)",
3563
+ childLinkDescription: "text-sm text-base-500 dark:text-base-700",
3564
+ separator: "px-2 h-px bg-base-950/10 dark:bg-base-100/20",
3564
3565
  viewportWrapper: "absolute top-full left-0 flex w-full",
3565
3566
  viewport: [
3566
3567
  "relative overflow-hidden",
3567
3568
  "w-full",
3568
- "bg-(--ui-bg)",
3569
+ "bg-white dark:bg-base-dark",
3569
3570
  "shadow-lg",
3570
- "rounded-md",
3571
- "ring ring-(--ui-border)",
3571
+ "rounded-2xs",
3572
+ "ring ring-base-300 dark:ring-base-800",
3572
3573
  "h-(--reka-navigation-menu-viewport-height)",
3573
3574
  "transition-[width,height,left] duration-200 origin-[top_center]",
3574
3575
  "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]"
@@ -3587,7 +3588,12 @@ const navigationMenu = {
3587
3588
  "overflow-hidden",
3588
3589
  "transition-[translate,width] duration-200"
3589
3590
  ].join(" "),
3590
- arrow: "relative top-[50%] size-2.5 rotate-45 border border-(--ui-border) bg-(--ui-bg) z-[1] rounded-md"
3591
+ arrow: [
3592
+ "relative top-[50%] size-2.5 rotate-45",
3593
+ "border border-base-300 dark:border-base-800",
3594
+ "bg-white dark:bg-base-dark",
3595
+ "z-[1] rounded-3xs"
3596
+ ].join(" ")
3591
3597
  },
3592
3598
  variants: {
3593
3599
  color: {
@@ -3595,13 +3601,34 @@ const navigationMenu = {
3595
3601
  link: "focus-visible:before:ring-base-300 dark:focus-visible:before:ring-base-800",
3596
3602
  childLink: "focus-visible:outline-base-300 dark:focus-visible:outline-base-800"
3597
3603
  },
3598
- danger: "",
3599
- success: "",
3600
- warning: "",
3601
- primary: "",
3602
- secondary: "",
3603
- collab: "",
3604
- ai: ""
3604
+ danger: {
3605
+ link: "focus-visible:before:ring-red-300 dark:focus-visible:before:ring-red-800",
3606
+ childLink: "focus-visible:outline-red-300 dark:focus-visible:outline-red-800"
3607
+ },
3608
+ success: {
3609
+ link: "focus-visible:before:ring-green-300 dark:focus-visible:before:ring-green-800",
3610
+ childLink: "focus-visible:outline-green-300 dark:focus-visible:outline-green-800"
3611
+ },
3612
+ warning: {
3613
+ link: "focus-visible:before:ring-orange-300 dark:focus-visible:before:ring-orange-800",
3614
+ childLink: "focus-visible:outline-orange-300 dark:focus-visible:outline-orange-800"
3615
+ },
3616
+ primary: {
3617
+ link: "focus-visible:before:ring-blue-300 dark:focus-visible:before:ring-blue-800",
3618
+ childLink: "focus-visible:outline-blue-300 dark:focus-visible:outline-blue-800"
3619
+ },
3620
+ secondary: {
3621
+ link: "focus-visible:before:ring-cyan-300 dark:focus-visible:before:ring-cyan-800",
3622
+ childLink: "focus-visible:outline-cyan-300 dark:focus-visible:outline-cyan-800"
3623
+ },
3624
+ collab: {
3625
+ link: "focus-visible:before:ring-collab-300 dark:focus-visible:before:ring-collab-800",
3626
+ childLink: "focus-visible:outline-collab-300 dark:focus-visible:outline-collab-800"
3627
+ },
3628
+ ai: {
3629
+ link: "focus-visible:before:ring-ai-300 dark:focus-visible:before:ring-ai-800",
3630
+ childLink: "focus-visible:outline-ai-300 dark:focus-visible:outline-ai-800"
3631
+ }
3605
3632
  },
3606
3633
  highlightColor: {
3607
3634
  default: "",
@@ -3651,19 +3678,25 @@ const navigationMenu = {
3651
3678
  },
3652
3679
  active: {
3653
3680
  true: {
3654
- childLink: "bg-(--ui-bg-elevated) text-(--ui-text-highlighted)",
3655
- childLinkIcon: "text-(--ui-text)"
3681
+ childLink: [
3682
+ "bg-base-250/80 dark:bg-white/10",
3683
+ "text-base-950 dark:text-base-50",
3684
+ "font-semibold"
3685
+ ].join(" "),
3686
+ childLinkIcon: "text-base-950 dark:text-base-50"
3656
3687
  },
3657
3688
  false: {
3658
3689
  link: "text-base-900 dark:text-base-200",
3659
3690
  linkLeadingIcon: "text-base-500 dark:text-base-700",
3660
3691
  childLink: [
3661
- "hover:bg-(--ui-bg-elevated)/50 text-(--ui-text) hover:text-(--ui-text-highlighted)",
3692
+ "hover:bg-base-250/80 dark:hover:bg-white/10",
3693
+ "text-base-500 dark:text-base-700",
3694
+ "hover:text-base-950 dark:hover:dark:text-base-50",
3662
3695
  "transition-colors"
3663
3696
  ].join(" "),
3664
3697
  childLinkIcon: [
3665
3698
  "text-base-500 dark:text-base-700",
3666
- "group-hover:text-(--ui-text)",
3699
+ "group-hover:text-base-950 dark:group-hover:text-base-50",
3667
3700
  "transition-colors"
3668
3701
  ].join(" ")
3669
3702
  }
@@ -3714,11 +3747,11 @@ const navigationMenu = {
3714
3747
  highlight: true,
3715
3748
  level: true,
3716
3749
  class: {
3717
- link: ["after:absolute after:-start-1.5 after:inset-y-0.5 after:block after:w-px after:rounded-full", "after:transition-colors"]
3750
+ link: ["after:absolute after:-start-1.5 after:inset-y-0.5 after:block after:w-[7px] after:rounded-full", "after:transition-colors"]
3718
3751
  }
3719
3752
  },
3720
3753
  // endregion ////
3721
- // region disabled ////
3754
+ // region pill ////
3722
3755
  {
3723
3756
  disabled: false,
3724
3757
  active: false,
@@ -3728,7 +3761,7 @@ const navigationMenu = {
3728
3761
  "transition-colors before:transition-colors"
3729
3762
  ].join(" "),
3730
3763
  linkLeadingIcon: [
3731
- "group-hover:text-(--ui-text)",
3764
+ "group-hover:text-base-900 dark:group-hover:text-base-200",
3732
3765
  "transition-colors"
3733
3766
  ].join(" ")
3734
3767
  }
@@ -3739,8 +3772,8 @@ const navigationMenu = {
3739
3772
  variant: "pill",
3740
3773
  orientation: "horizontal",
3741
3774
  class: {
3742
- link: "data-[state=open]:text-(--ui-text-highlighted)",
3743
- linkLeadingIcon: "group-data-[state=open]:text-(--ui-text)"
3775
+ link: "before:rounded-md data-[state=open]:text-base-950 dark:data-[state=open]:text-base-50",
3776
+ linkLeadingIcon: "group-data-[state=open]:text-base-950 dark:group-data-[state=open]:text-base-50"
3744
3777
  }
3745
3778
  },
3746
3779
  {
@@ -3749,7 +3782,7 @@ const navigationMenu = {
3749
3782
  highlight: true,
3750
3783
  orientation: "horizontal",
3751
3784
  class: {
3752
- link: "data-[state=open]:before:bg-(--ui-bg-elevated)/50"
3785
+ link: "data-[state=open]:before:rounded-md data-[state=open]:before:bg-base-250/80 dark:data-[state=open]:before:bg-white/10"
3753
3786
  }
3754
3787
  },
3755
3788
  {
@@ -3759,20 +3792,158 @@ const navigationMenu = {
3759
3792
  active: false,
3760
3793
  orientation: "horizontal",
3761
3794
  class: {
3762
- link: "data-[state=open]:before:bg-(--ui-bg-elevated)/50"
3795
+ link: "data-[state=open]:before:bg-base-250/80 dark:data-[state=open]:before:bg-white/10"
3763
3796
  }
3764
3797
  },
3765
- // endregion ////
3766
3798
  {
3767
3799
  color: "default",
3768
3800
  variant: "pill",
3769
3801
  active: true,
3770
3802
  class: {
3771
- // link: 'text-(--ui-text-highlighted)',
3772
- linkLeadingIcon: "text-(--ui-text-highlighted) group-data-[state=open]:text-(--ui-text-highlighted)",
3803
+ linkLeadingIcon: "text-white dark:text-white group-data-[state=open]:text-white dark:group-data-[state=open]:text-white",
3804
+ linkLabel: [
3805
+ "font-semibold",
3806
+ "text-white dark:text-white"
3807
+ ].join(" "),
3808
+ linkLabelWrapper: [
3809
+ "px-3",
3810
+ "-ms-3 rtl:-me-3 rtl:ms-0",
3811
+ "leading-[1.563rem]",
3812
+ "bg-base-800 dark:bg-white/35",
3813
+ "rounded-2xl"
3814
+ ].join(" ")
3815
+ }
3816
+ },
3817
+ {
3818
+ color: "danger",
3819
+ variant: "pill",
3820
+ active: true,
3821
+ class: {
3822
+ linkLeadingIcon: "text-white dark:text-white group-data-[state=open]:text-white dark:group-data-[state=open]:text-white",
3823
+ linkLabel: [
3824
+ "font-semibold",
3825
+ "text-white dark:text-white"
3826
+ ].join(" "),
3827
+ linkLabelWrapper: [
3828
+ "px-3",
3829
+ "-ms-3 rtl:-me-3 rtl:ms-0",
3830
+ "leading-[1.563rem]",
3831
+ "bg-red-800 dark:bg-red-800",
3832
+ "rounded-2xl"
3833
+ ].join(" ")
3834
+ }
3835
+ },
3836
+ {
3837
+ color: "success",
3838
+ variant: "pill",
3839
+ active: true,
3840
+ class: {
3841
+ linkLeadingIcon: "text-white dark:text-white group-data-[state=open]:text-white dark:group-data-[state=open]:text-white",
3842
+ linkLabel: [
3843
+ "font-semibold",
3844
+ "text-white dark:text-white"
3845
+ ].join(" "),
3846
+ linkLabelWrapper: [
3847
+ "px-3",
3848
+ "-ms-3 rtl:-me-3 rtl:ms-0",
3849
+ "leading-[1.563rem]",
3850
+ "bg-green-800 dark:bg-green-800",
3851
+ "rounded-2xl"
3852
+ ].join(" ")
3853
+ }
3854
+ },
3855
+ {
3856
+ color: "warning",
3857
+ variant: "pill",
3858
+ active: true,
3859
+ class: {
3860
+ linkLeadingIcon: "text-white dark:text-white group-data-[state=open]:text-white dark:group-data-[state=open]:text-white",
3861
+ linkLabel: [
3862
+ "font-semibold",
3863
+ "text-white dark:text-white"
3864
+ ].join(" "),
3865
+ linkLabelWrapper: [
3866
+ "px-3",
3867
+ "-ms-3 rtl:-me-3 rtl:ms-0",
3868
+ "leading-[1.563rem]",
3869
+ "bg-orange-800 dark:bg-orange-800",
3870
+ "rounded-2xl"
3871
+ ].join(" ")
3872
+ }
3873
+ },
3874
+ {
3875
+ color: "primary",
3876
+ variant: "pill",
3877
+ active: true,
3878
+ class: {
3879
+ linkLeadingIcon: "text-white dark:text-white group-data-[state=open]:text-white dark:group-data-[state=open]:text-white",
3773
3880
  linkLabel: [
3774
- "text-white dark:text-white",
3775
- "bg-base-800 dark:bg-white/35"
3881
+ "font-semibold",
3882
+ "text-white dark:text-white"
3883
+ ].join(" "),
3884
+ linkLabelWrapper: [
3885
+ "px-3",
3886
+ "-ms-3 rtl:-me-3 rtl:ms-0",
3887
+ "leading-[1.563rem]",
3888
+ "bg-blue-800 dark:bg-blue-800",
3889
+ "rounded-2xl"
3890
+ ].join(" ")
3891
+ }
3892
+ },
3893
+ {
3894
+ color: "secondary",
3895
+ variant: "pill",
3896
+ active: true,
3897
+ class: {
3898
+ linkLeadingIcon: "text-white dark:text-white group-data-[state=open]:text-white dark:group-data-[state=open]:text-white",
3899
+ linkLabel: [
3900
+ "font-semibold",
3901
+ "text-white dark:text-white"
3902
+ ].join(" "),
3903
+ linkLabelWrapper: [
3904
+ "px-3",
3905
+ "-ms-3 rtl:-me-3 rtl:ms-0",
3906
+ "leading-[1.563rem]",
3907
+ "bg-cyan-800 dark:bg-cyan-800",
3908
+ "rounded-2xl"
3909
+ ].join(" ")
3910
+ }
3911
+ },
3912
+ {
3913
+ color: "collab",
3914
+ variant: "pill",
3915
+ active: true,
3916
+ class: {
3917
+ linkLeadingIcon: "text-white dark:text-white group-data-[state=open]:text-white dark:group-data-[state=open]:text-white",
3918
+ linkLabel: [
3919
+ "font-semibold",
3920
+ "text-white dark:text-white"
3921
+ ].join(" "),
3922
+ linkLabelWrapper: [
3923
+ "px-3",
3924
+ "-ms-3 rtl:-me-3 rtl:ms-0",
3925
+ "leading-[1.563rem]",
3926
+ "bg-collab-800 dark:bg-collab-800",
3927
+ "rounded-2xl"
3928
+ ].join(" ")
3929
+ }
3930
+ },
3931
+ {
3932
+ color: "ai",
3933
+ variant: "pill",
3934
+ active: true,
3935
+ class: {
3936
+ linkLeadingIcon: "text-white dark:text-white group-data-[state=open]:text-white dark:group-data-[state=open]:text-white",
3937
+ linkLabel: [
3938
+ "font-semibold",
3939
+ "text-white dark:text-white"
3940
+ ].join(" "),
3941
+ linkLabelWrapper: [
3942
+ "px-3",
3943
+ "-ms-3 rtl:-me-3 rtl:ms-0",
3944
+ "leading-[1.563rem]",
3945
+ "bg-ai-800 dark:bg-ai-800",
3946
+ "rounded-2xl"
3776
3947
  ].join(" ")
3777
3948
  }
3778
3949
  },
@@ -3785,12 +3956,14 @@ const navigationMenu = {
3785
3956
  "leading-9"
3786
3957
  ].join(" "),
3787
3958
  linkLabel: [
3959
+ "font-semibold",
3960
+ "text-white dark:text-white"
3961
+ ].join(" "),
3962
+ linkLabelWrapper: [
3788
3963
  "px-3",
3789
- "-ms-3 me-3 rtl:-me-3 rtl:ms-3",
3790
- "font-semibold leading-[1.563rem]",
3791
- "text-white dark:text-white",
3964
+ "-ms-3 rtl:-me-3 rtl:ms-0",
3965
+ "leading-[1.563rem]",
3792
3966
  "bg-base-800 dark:bg-white/35",
3793
- // (--ui-bg-elevated)
3794
3967
  "rounded-2xl"
3795
3968
  ].join(" ")
3796
3969
  }
@@ -3801,11 +3974,12 @@ const navigationMenu = {
3801
3974
  highlight: true,
3802
3975
  class: {
3803
3976
  link: [
3804
- "hover:before:bg-(--ui-bg-elevated)/50",
3977
+ "hover:before:bg-base-250/80 dark:hover:before:bg-white/10",
3805
3978
  "before:transition-colors"
3806
3979
  ]
3807
3980
  }
3808
3981
  },
3982
+ // endregion ////
3809
3983
  // region link ////
3810
3984
  {
3811
3985
  disabled: false,
@@ -3817,7 +3991,7 @@ const navigationMenu = {
3817
3991
  "transition-colors"
3818
3992
  ].join(" "),
3819
3993
  linkLeadingIcon: [
3820
- "group-hover:text-(--ui-text)",
3994
+ "group-hover:text-base-950 dark:group-hover:text-base-50",
3821
3995
  "transition-colors"
3822
3996
  ].join(" ")
3823
3997
  }
@@ -3828,8 +4002,8 @@ const navigationMenu = {
3828
4002
  variant: "link",
3829
4003
  orientation: "horizontal",
3830
4004
  class: {
3831
- link: "data-[state=open]:text-(--ui-text-highlighted)",
3832
- linkLeadingIcon: "group-data-[state=open]:text-(--ui-text)"
4005
+ link: "data-[state=open]:text-base-950 dark:data-[state=open]:text-base-50",
4006
+ linkLeadingIcon: "group-data-[state=open]:text-base-950 dark:group-data-[state=open]:text-base-50"
3833
4007
  }
3834
4008
  },
3835
4009
  {
@@ -3837,26 +4011,155 @@ const navigationMenu = {
3837
4011
  variant: "link",
3838
4012
  active: true,
3839
4013
  class: {
3840
- link: "text-(--ui-text-highlighted)",
3841
- linkLeadingIcon: "text-(--ui-text-highlighted) group-data-[state=open]:text-(--ui-text-highlighted)"
4014
+ link: "font-semibold text-base-950 dark:text-base-50",
4015
+ linkLeadingIcon: "text-base-950 group-data-[state=open]:text-base-950 dark:text-base-50 dark:group-data-[state=open]:text-base-50"
4016
+ }
4017
+ },
4018
+ {
4019
+ color: "danger",
4020
+ variant: "link",
4021
+ active: true,
4022
+ class: {
4023
+ link: "font-semibold text-red-800 dark:text-red-600",
4024
+ linkLeadingIcon: "text-red-800 group-data-[state=open]:text-red-600 dark:text-red-600 dark:group-data-[state=open]:text-red-600"
4025
+ }
4026
+ },
4027
+ {
4028
+ color: "success",
4029
+ variant: "link",
4030
+ active: true,
4031
+ class: {
4032
+ link: "font-semibold text-green-800 dark:text-green-600",
4033
+ linkLeadingIcon: "text-green-800 group-data-[state=open]:text-green-600 dark:text-green-600 dark:group-data-[state=open]:text-green-600"
4034
+ }
4035
+ },
4036
+ {
4037
+ color: "warning",
4038
+ variant: "link",
4039
+ active: true,
4040
+ class: {
4041
+ link: "font-semibold text-orange-800 dark:text-orange-600",
4042
+ linkLeadingIcon: "text-orange-800 group-data-[state=open]:text-orange-600 dark:text-orange-600 dark:group-data-[state=open]:text-orange-600"
4043
+ }
4044
+ },
4045
+ {
4046
+ color: "primary",
4047
+ variant: "link",
4048
+ active: true,
4049
+ class: {
4050
+ link: "font-semibold text-blue-800 dark:text-blue-600",
4051
+ linkLeadingIcon: "text-blue-800 group-data-[state=open]:text-blue-600 dark:text-blue-600 dark:group-data-[state=open]:text-blue-600"
4052
+ }
4053
+ },
4054
+ {
4055
+ color: "secondary",
4056
+ variant: "link",
4057
+ active: true,
4058
+ class: {
4059
+ link: "font-semibold text-cyan-800 dark:text-cyan-600",
4060
+ linkLeadingIcon: "text-cyan-800 group-data-[state=open]:text-cyan-600 dark:text-cyan-600 dark:group-data-[state=open]:text-cyan-600"
4061
+ }
4062
+ },
4063
+ {
4064
+ color: "collab",
4065
+ variant: "link",
4066
+ active: true,
4067
+ class: {
4068
+ link: "font-semibold text-collab-800 dark:text-collab-600",
4069
+ linkLeadingIcon: "text-collab-800 group-data-[state=open]:text-collab-600 dark:text-collab-600 dark:group-data-[state=open]:text-collab-600"
4070
+ }
4071
+ },
4072
+ {
4073
+ color: "ai",
4074
+ variant: "link",
4075
+ active: true,
4076
+ class: {
4077
+ link: "font-semibold text-ai-800 dark:text-ai-600",
4078
+ linkLeadingIcon: "text-ai-800 group-data-[state=open]:text-ai-600 dark:text-ai-600 dark:group-data-[state=open]:text-ai-600"
3842
4079
  }
3843
4080
  },
3844
4081
  // endregion ////
4082
+ // region highlight.Color ////
3845
4083
  {
3846
4084
  highlightColor: "default",
3847
4085
  highlight: true,
3848
4086
  level: true,
3849
4087
  active: true,
3850
4088
  class: {
3851
- link: "after:bg-(--ui-bg-inverted)"
4089
+ link: "after:bg-base-500"
4090
+ }
4091
+ },
4092
+ {
4093
+ highlightColor: "danger",
4094
+ highlight: true,
4095
+ level: true,
4096
+ active: true,
4097
+ class: {
4098
+ link: "after:bg-red-500 dark:after:bg-red-600"
4099
+ }
4100
+ },
4101
+ {
4102
+ highlightColor: "success",
4103
+ highlight: true,
4104
+ level: true,
4105
+ active: true,
4106
+ class: {
4107
+ link: "after:bg-green-500 dark:after:bg-green-600"
4108
+ }
4109
+ },
4110
+ {
4111
+ highlightColor: "warning",
4112
+ highlight: true,
4113
+ level: true,
4114
+ active: true,
4115
+ class: {
4116
+ link: "after:bg-orange-500 dark:after:bg-orange-600"
4117
+ }
4118
+ },
4119
+ {
4120
+ highlightColor: "primary",
4121
+ highlight: true,
4122
+ level: true,
4123
+ active: true,
4124
+ class: {
4125
+ link: "after:bg-blue-500 dark:after:bg-blue-600"
4126
+ }
4127
+ },
4128
+ {
4129
+ highlightColor: "secondary",
4130
+ highlight: true,
4131
+ level: true,
4132
+ active: true,
4133
+ class: {
4134
+ link: "after:bg-cyan-500 dark:after:bg-cyan-600"
3852
4135
  }
3853
4136
  },
4137
+ {
4138
+ highlightColor: "collab",
4139
+ highlight: true,
4140
+ level: true,
4141
+ active: true,
4142
+ class: {
4143
+ link: "after:bg-collab-500 dark:after:bg-collab-600"
4144
+ }
4145
+ },
4146
+ {
4147
+ highlightColor: "ai",
4148
+ highlight: true,
4149
+ level: true,
4150
+ active: true,
4151
+ class: {
4152
+ link: "after:bg-ai-500 dark:after:bg-ai-600"
4153
+ }
4154
+ },
4155
+ // endregion ////
4156
+ // region collapsed ////
3854
4157
  {
3855
4158
  orientation: "vertical",
3856
4159
  collapsed: false,
3857
4160
  class: {
3858
- childList: "v-1",
3859
- childItem: "v-2 [&>a]:ps-[44px]"
4161
+ childList: "",
4162
+ childItem: "[&>*]:ps-[44px] rtl:[&>*]:pe-[44px]"
3860
4163
  }
3861
4164
  },
3862
4165
  {
@@ -3866,6 +4169,7 @@ const navigationMenu = {
3866
4169
  link: "px-1.5"
3867
4170
  }
3868
4171
  }
4172
+ // endregion ////
3869
4173
  ],
3870
4174
  defaultVariants: {
3871
4175
  color: "default",
@@ -6602,7 +6906,7 @@ function getTemplates(options) {
6602
6906
  write: true,
6603
6907
  getContents: () => `@source "./b24ui";
6604
6908
 
6605
- @theme default static {}
6909
+ @theme default {}
6606
6910
  `
6607
6911
  });
6608
6912
  templates.push({
package/dist/unplugin.cjs CHANGED
@@ -5,7 +5,7 @@ const pathe = require('pathe');
5
5
  const unplugin = require('unplugin');
6
6
  const defu = require('defu');
7
7
  const tailwind = require('@tailwindcss/vite');
8
- const templates = require('./shared/b24ui-nuxt.DHbGsmbj.cjs');
8
+ const templates = require('./shared/b24ui-nuxt.ClMXHpMM.cjs');
9
9
  const tinyglobby = require('tinyglobby');
10
10
  const knitwork = require('knitwork');
11
11
  const MagicString = require('magic-string');
package/dist/unplugin.mjs CHANGED
@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
3
3
  import { createUnplugin } from 'unplugin';
4
4
  import { defu } from 'defu';
5
5
  import tailwind from '@tailwindcss/vite';
6
- import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.Bj4fKDSa.mjs';
6
+ import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CBnBA3PE.mjs';
7
7
  import { globSync } from 'tinyglobby';
8
8
  import { genSafeVariableName } from 'knitwork';
9
9
  import MagicString from 'magic-string';
package/dist/vite.cjs CHANGED
@@ -6,7 +6,7 @@ require('pathe');
6
6
  require('unplugin');
7
7
  require('defu');
8
8
  require('@tailwindcss/vite');
9
- require('./shared/b24ui-nuxt.DHbGsmbj.cjs');
9
+ require('./shared/b24ui-nuxt.ClMXHpMM.cjs');
10
10
  require('scule');
11
11
  require('@nuxt/kit');
12
12
  require('tinyglobby');
package/dist/vite.mjs CHANGED
@@ -4,7 +4,7 @@ import 'pathe';
4
4
  import 'unplugin';
5
5
  import 'defu';
6
6
  import '@tailwindcss/vite';
7
- import './shared/b24ui-nuxt.Bj4fKDSa.mjs';
7
+ import './shared/b24ui-nuxt.CBnBA3PE.mjs';
8
8
  import 'scule';
9
9
  import '@nuxt/kit';
10
10
  import 'tinyglobby';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrix24/b24ui-nuxt",
3
3
  "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
4
- "version": "0.5.0",
4
+ "version": "0.5.1",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -75,8 +75,8 @@
75
75
  "@nuxt/kit": "^3.16.1",
76
76
  "@nuxt/schema": "^3.16.1",
77
77
  "@nuxtjs/color-mode": "^3.5.2",
78
- "@tailwindcss/postcss": "^4.0.14",
79
- "@tailwindcss/vite": "^4.0.14",
78
+ "@tailwindcss/postcss": "^4.0.15",
79
+ "@tailwindcss/vite": "^4.0.15",
80
80
  "@tanstack/vue-table": "^8.21.2",
81
81
  "@unhead/vue": "^2.0.0-rc.13",
82
82
  "@vueuse/core": "^13.0.0",
@@ -101,12 +101,12 @@
101
101
  "reka-ui": "^2.1.0",
102
102
  "scule": "^1.3.0",
103
103
  "tailwind-variants": "^1.0.0",
104
- "tailwindcss": "^4.0.14",
104
+ "tailwindcss": "^4.0.15",
105
105
  "tinyglobby": "^0.2.12",
106
- "unplugin": "^2.2.0",
106
+ "unplugin": "^2.2.1",
107
107
  "unplugin-auto-import": "^19.1.1",
108
108
  "unplugin-vue-components": "^28.4.1",
109
- "vaul-vue": "^0.3.0",
109
+ "vaul-vue": "^0.4.1",
110
110
  "vue": "^3.5.13",
111
111
  "vue-router": "^4.5.0"
112
112
  },
@@ -141,7 +141,7 @@
141
141
  "debug": "4.3.7",
142
142
  "rollup": "4.34.9",
143
143
  "typescript": "5.6.3",
144
- "unplugin": "^2.2.0",
144
+ "unplugin": "^2.2.1",
145
145
  "vue": "3.5.13",
146
146
  "vue-tsc": "2.2.0"
147
147
  },