unifyedx-storybook-new 0.1.7 → 0.1.9
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.
- package/dist/unifyedx-storybook-new.css +167 -0
- package/dist/unifyedx-storybook-new.es.js +746 -154
- package/package.json +2 -1
|
@@ -646,6 +646,7 @@
|
|
|
646
646
|
padding: 0rem 1.5rem;
|
|
647
647
|
border-bottom: 1px solid #e5e7eb;
|
|
648
648
|
flex-shrink: 0;
|
|
649
|
+
padding: 16px 20px;
|
|
649
650
|
}
|
|
650
651
|
|
|
651
652
|
.dialog-title-text {
|
|
@@ -3550,6 +3551,91 @@
|
|
|
3550
3551
|
opacity: 0.9;
|
|
3551
3552
|
margin: 0;
|
|
3552
3553
|
}
|
|
3554
|
+
|
|
3555
|
+
.options-menu-wrapper {
|
|
3556
|
+
position: relative;
|
|
3557
|
+
display: inline-block;
|
|
3558
|
+
text-align: left;
|
|
3559
|
+
}
|
|
3560
|
+
|
|
3561
|
+
.options-menu-trigger {
|
|
3562
|
+
display: inline-flex;
|
|
3563
|
+
justify-content: center;
|
|
3564
|
+
width: 100%;
|
|
3565
|
+
padding: 0.25rem;
|
|
3566
|
+
border-radius: 9999px;
|
|
3567
|
+
cursor: pointer;
|
|
3568
|
+
color: #4b5563; /* gray-600 */
|
|
3569
|
+
background-color: transparent;
|
|
3570
|
+
border: none;
|
|
3571
|
+
}
|
|
3572
|
+
|
|
3573
|
+
.options-menu-trigger:hover {
|
|
3574
|
+
background-color: #f3f4f6; /* gray-100 */
|
|
3575
|
+
}
|
|
3576
|
+
|
|
3577
|
+
.options-menu-trigger:focus-visible {
|
|
3578
|
+
outline: 2px solid #2563eb;
|
|
3579
|
+
outline-offset: 2px;
|
|
3580
|
+
}
|
|
3581
|
+
|
|
3582
|
+
.options-menu-panel {
|
|
3583
|
+
position: absolute; /* Will be managed by floating-ui */
|
|
3584
|
+
z-index: 20;
|
|
3585
|
+
width: 12rem; /* 192px */
|
|
3586
|
+
margin-top: 0.5rem;
|
|
3587
|
+
origin-top-right: ;
|
|
3588
|
+
background-color: white;
|
|
3589
|
+
border: 1px solid #e5e7eb;
|
|
3590
|
+
border-radius: 0.375rem;
|
|
3591
|
+
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
|
|
3592
|
+
padding: 0.25rem;
|
|
3593
|
+
}
|
|
3594
|
+
|
|
3595
|
+
.options-menu-panel:focus {
|
|
3596
|
+
outline: none;
|
|
3597
|
+
}
|
|
3598
|
+
|
|
3599
|
+
.options-menu-item-wrapper {
|
|
3600
|
+
/* Wrapper to contain dividers */
|
|
3601
|
+
}
|
|
3602
|
+
|
|
3603
|
+
.menu-divider {
|
|
3604
|
+
height: 1px;
|
|
3605
|
+
background-color: #e5e7eb;
|
|
3606
|
+
margin: 0.25rem 0;
|
|
3607
|
+
}
|
|
3608
|
+
|
|
3609
|
+
.options-menu-item {
|
|
3610
|
+
display: flex;
|
|
3611
|
+
align-items: center;
|
|
3612
|
+
width: 100%;
|
|
3613
|
+
padding: 0.5rem 0.75rem;
|
|
3614
|
+
font-size: 0.875rem;
|
|
3615
|
+
color: #374151; /* gray-700 */
|
|
3616
|
+
border-radius: 0.25rem;
|
|
3617
|
+
transition: background-color 0.15s, color 0.15s;
|
|
3618
|
+
background: none;
|
|
3619
|
+
border: none;
|
|
3620
|
+
cursor: pointer;
|
|
3621
|
+
text-align: left;
|
|
3622
|
+
}
|
|
3623
|
+
|
|
3624
|
+
.options-menu-item.active {
|
|
3625
|
+
background-color: #2563eb;
|
|
3626
|
+
color: white;
|
|
3627
|
+
}
|
|
3628
|
+
|
|
3629
|
+
.options-menu-item:disabled {
|
|
3630
|
+
color: #9ca3af;
|
|
3631
|
+
cursor: not-allowed;
|
|
3632
|
+
}
|
|
3633
|
+
|
|
3634
|
+
.options-menu-item .item-icon {
|
|
3635
|
+
margin-right: 0.75rem;
|
|
3636
|
+
width: 1rem;
|
|
3637
|
+
height: 1rem;
|
|
3638
|
+
}
|
|
3553
3639
|
.avatar-container {
|
|
3554
3640
|
display: inline-flex;
|
|
3555
3641
|
align-items: center;
|
|
@@ -4685,6 +4771,7 @@
|
|
|
4685
4771
|
padding: 0rem 1.5rem;
|
|
4686
4772
|
border-bottom: 1px solid #e5e7eb;
|
|
4687
4773
|
flex-shrink: 0;
|
|
4774
|
+
padding: 16px 20px;
|
|
4688
4775
|
}
|
|
4689
4776
|
.dialog-title-text {
|
|
4690
4777
|
font-size: 1.25rem;
|
|
@@ -6747,3 +6834,83 @@
|
|
|
6747
6834
|
opacity: 0.9;
|
|
6748
6835
|
margin: 0;
|
|
6749
6836
|
}
|
|
6837
|
+
.options-menu-wrapper {
|
|
6838
|
+
position: relative;
|
|
6839
|
+
display: inline-block;
|
|
6840
|
+
text-align: left;
|
|
6841
|
+
}
|
|
6842
|
+
|
|
6843
|
+
.options-menu-trigger {
|
|
6844
|
+
display: inline-flex;
|
|
6845
|
+
justify-content: center;
|
|
6846
|
+
width: 100%;
|
|
6847
|
+
padding: 0.25rem;
|
|
6848
|
+
border-radius: 9999px;
|
|
6849
|
+
cursor: pointer;
|
|
6850
|
+
color: #4b5563; /* gray-600 */
|
|
6851
|
+
background-color: transparent;
|
|
6852
|
+
border: none;
|
|
6853
|
+
}
|
|
6854
|
+
.options-menu-trigger:hover {
|
|
6855
|
+
background-color: #f3f4f6; /* gray-100 */
|
|
6856
|
+
}
|
|
6857
|
+
.options-menu-trigger:focus-visible {
|
|
6858
|
+
outline: 2px solid #2563eb;
|
|
6859
|
+
outline-offset: 2px;
|
|
6860
|
+
}
|
|
6861
|
+
|
|
6862
|
+
.options-menu-panel {
|
|
6863
|
+
position: absolute; /* Will be managed by floating-ui */
|
|
6864
|
+
z-index: 20;
|
|
6865
|
+
width: 12rem; /* 192px */
|
|
6866
|
+
margin-top: 0.5rem;
|
|
6867
|
+
origin-top-right: ;
|
|
6868
|
+
background-color: white;
|
|
6869
|
+
border: 1px solid #e5e7eb;
|
|
6870
|
+
border-radius: 0.375rem;
|
|
6871
|
+
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
|
|
6872
|
+
padding: 0.25rem;
|
|
6873
|
+
}
|
|
6874
|
+
.options-menu-panel:focus {
|
|
6875
|
+
outline: none;
|
|
6876
|
+
}
|
|
6877
|
+
|
|
6878
|
+
.options-menu-item-wrapper {
|
|
6879
|
+
/* Wrapper to contain dividers */
|
|
6880
|
+
}
|
|
6881
|
+
|
|
6882
|
+
.menu-divider {
|
|
6883
|
+
height: 1px;
|
|
6884
|
+
background-color: #e5e7eb;
|
|
6885
|
+
margin: 0.25rem 0;
|
|
6886
|
+
}
|
|
6887
|
+
|
|
6888
|
+
.options-menu-item {
|
|
6889
|
+
display: flex;
|
|
6890
|
+
align-items: center;
|
|
6891
|
+
width: 100%;
|
|
6892
|
+
padding: 0.5rem 0.75rem;
|
|
6893
|
+
font-size: 0.875rem;
|
|
6894
|
+
color: #374151; /* gray-700 */
|
|
6895
|
+
border-radius: 0.25rem;
|
|
6896
|
+
transition: background-color 0.15s, color 0.15s;
|
|
6897
|
+
background: none;
|
|
6898
|
+
border: none;
|
|
6899
|
+
cursor: pointer;
|
|
6900
|
+
text-align: left;
|
|
6901
|
+
}
|
|
6902
|
+
|
|
6903
|
+
.options-menu-item.active {
|
|
6904
|
+
background-color: #2563eb;
|
|
6905
|
+
color: white;
|
|
6906
|
+
}
|
|
6907
|
+
.options-menu-item:disabled {
|
|
6908
|
+
color: #9ca3af;
|
|
6909
|
+
cursor: not-allowed;
|
|
6910
|
+
}
|
|
6911
|
+
|
|
6912
|
+
.options-menu-item .item-icon {
|
|
6913
|
+
margin-right: 0.75rem;
|
|
6914
|
+
width: 1rem;
|
|
6915
|
+
height: 1rem;
|
|
6916
|
+
}
|