@a-type/ui 2.3.5 → 2.3.6

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 (43) hide show
  1. package/dist/cjs/components/dialog/Dialog.js +1 -1
  2. package/dist/cjs/components/dialog/Dialog.js.map +1 -1
  3. package/dist/cjs/components/dialog/Dialog.stories.d.ts +1 -0
  4. package/dist/cjs/components/dialog/Dialog.stories.js +6 -1
  5. package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
  6. package/dist/cjs/components/dropdownMenu/DropdownMenu.js +5 -5
  7. package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
  8. package/dist/cjs/components/popover/Popover.js +2 -2
  9. package/dist/cjs/components/popover/Popover.js.map +1 -1
  10. package/dist/cjs/components/popover/Popover.stories.d.ts +27 -0
  11. package/dist/cjs/components/popover/Popover.stories.js +22 -0
  12. package/dist/cjs/components/popover/Popover.stories.js.map +1 -0
  13. package/dist/cjs/uno/colors.d.ts +1 -0
  14. package/dist/cjs/uno/colors.js +1 -0
  15. package/dist/cjs/uno/colors.js.map +1 -1
  16. package/dist/cjs/uno.preset.js +22 -6
  17. package/dist/cjs/uno.preset.js.map +1 -1
  18. package/dist/css/main.css +10 -6
  19. package/dist/esm/components/dialog/Dialog.js +1 -1
  20. package/dist/esm/components/dialog/Dialog.js.map +1 -1
  21. package/dist/esm/components/dialog/Dialog.stories.d.ts +1 -0
  22. package/dist/esm/components/dialog/Dialog.stories.js +5 -0
  23. package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
  24. package/dist/esm/components/dropdownMenu/DropdownMenu.js +5 -5
  25. package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
  26. package/dist/esm/components/popover/Popover.js +2 -2
  27. package/dist/esm/components/popover/Popover.js.map +1 -1
  28. package/dist/esm/components/popover/Popover.stories.d.ts +27 -0
  29. package/dist/esm/components/popover/Popover.stories.js +19 -0
  30. package/dist/esm/components/popover/Popover.stories.js.map +1 -0
  31. package/dist/esm/uno/colors.d.ts +1 -0
  32. package/dist/esm/uno/colors.js +1 -0
  33. package/dist/esm/uno/colors.js.map +1 -1
  34. package/dist/esm/uno.preset.js +22 -6
  35. package/dist/esm/uno.preset.js.map +1 -1
  36. package/package.json +1 -1
  37. package/src/components/dialog/Dialog.stories.tsx +22 -0
  38. package/src/components/dialog/Dialog.tsx +1 -1
  39. package/src/components/dropdownMenu/DropdownMenu.tsx +5 -5
  40. package/src/components/popover/Popover.stories.tsx +34 -0
  41. package/src/components/popover/Popover.tsx +2 -2
  42. package/src/uno/colors.ts +1 -0
  43. package/src/uno.preset.ts +23 -6
package/src/uno.preset.ts CHANGED
@@ -115,9 +115,9 @@ export default function presetAtype({
115
115
  md: '0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2)',
116
116
  'md-inset':
117
117
  'inset 0 4px 6px -1px var(--color-shadow-1), inset 0 2px 4px -1px var(--color-shadow-2)',
118
- lg: '0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2)',
118
+ lg: '0 8px 14px -3px var(--color-shadow-1), 0 2px 10px 0px var(--color-shadow-2)',
119
119
  'lg-inset':
120
- 'inset 0 10px 15px -3px var(--color-shadow-1), inset 0 4px 6px -2px var(--color-shadow-2)',
120
+ 'inset 0 8px 15px -3px var(--color-shadow-1), inset 0 2px 6px -2px var(--color-shadow-2)',
121
121
  xl: '0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2)',
122
122
  'xl-inset':
123
123
  'inset 0 20px 25px -5px var(--color-shadow-1), inset 0 10px 10px -5px var(--color-shadow-2)',
@@ -129,6 +129,8 @@ export default function presetAtype({
129
129
  '0 -10px 15px -3px var(--color-shadow-1), 0 -4px 6px -2px var(--color-shadow-2)',
130
130
  'xl-up':
131
131
  '0 -20px 25px -5px var(--color-shadow-1), 0 -10px 10px -5px var(--color-shadow-2)',
132
+ 'lg-dim':
133
+ '0 0 0 3000px var(--color-overlay-dark), 0 10px 15px 3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2)',
132
134
 
133
135
  // focus outlines
134
136
  focus: `0 0 0 3px var(--color-primary-light)`,
@@ -502,6 +504,12 @@ export default function presetAtype({
502
504
  autocomplete: 'anchor-to-<name>',
503
505
  },
504
506
  ],
507
+ [
508
+ 'overflow-stable',
509
+ {
510
+ 'scrollbar-gutter': 'stable',
511
+ },
512
+ ],
505
513
  [
506
514
  'overflow-auto',
507
515
  {
@@ -516,6 +524,13 @@ export default function presetAtype({
516
524
  'scrollbar-gutter': 'stable',
517
525
  },
518
526
  ],
527
+ [
528
+ 'overflow-x-auto',
529
+ {
530
+ 'overflow-x': 'auto',
531
+ 'scrollbar-gutter': 'stable',
532
+ },
533
+ ],
519
534
  ],
520
535
 
521
536
  variants: [
@@ -616,6 +631,7 @@ export default function presetAtype({
616
631
  --color-shadow-1: var(--palette-shadow-2);
617
632
  --color-shadow-2: var(--palette-shadow-1);
618
633
  --color-overlay: var(--palette-white-overlay);
634
+ --color-overlay-dark: var(--palette-black-overlay);
619
635
  ${attentionColors}
620
636
  `;
621
637
  const darkMode = `
@@ -646,6 +662,7 @@ export default function presetAtype({
646
662
  --color-shadow-1: var(--palette-shadow-4);
647
663
  --color-shadow-2: var(--palette-shadow-3);
648
664
  --color-overlay: var(--palette-black-overlay);
665
+ --color-overlay-dark: var(--palette-white-overlay);
649
666
  ${attentionColors}
650
667
  `;
651
668
 
@@ -708,9 +725,9 @@ export default function presetAtype({
708
725
  --palette-gray-dark-blend: rgba(0, 0, 20, 0.05);
709
726
  --palette-light-gray-blend: rgba(255, 255, 255, 0.05);
710
727
  --palette-light-gray-dark-blend: rgba(255, 255, 255, 0.1);
711
- --palette-shadow-1: rgba(0, 0, 0, 0.07);
712
- --palette-shadow-2: rgba(0, 0, 0, 0.15);
713
- --palette-shadow-3: rgba(0, 0, 0, 0.3);
728
+ --palette-shadow-1: rgba(0, 0, 0, 0.1);
729
+ --palette-shadow-2: rgba(0, 0, 0, 0.2);
730
+ --palette-shadow-3: rgba(0, 0, 0, 0.4);
714
731
  --palette-shadow-4: rgba(0, 0, 0, 0.5);
715
732
  --palette-white-overlay: rgba(255, 255, 255, 0.4);
716
733
  --palette-black-overlay: rgba(0, 0, 0, 0.4);
@@ -819,7 +836,7 @@ export default function presetAtype({
819
836
  * {
820
837
  box-sizing: border-box;
821
838
  -webkit-tap-highlight-color: transparent;
822
- scrollbar-color: var(--v-bg-altered,var(--v-bg,var(--color-gray))) var(--v-color-altered,var(--v-color,var(--color-wash)));
839
+ scrollbar-color: var(--v-bg-altered,var(--v-bg,var(--color-gray))) transparent;
823
840
  }
824
841
  }
825
842