@a-type/ui 1.3.6 → 1.4.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.
Files changed (56) hide show
  1. package/dist/cjs/colorMode.d.ts +3 -0
  2. package/dist/cjs/colorMode.js +57 -0
  3. package/dist/cjs/colorMode.js.map +1 -0
  4. package/dist/cjs/components/actions/ActionButton.d.ts +1 -3
  5. package/dist/cjs/components/actions/ActionButton.js +2 -2
  6. package/dist/cjs/components/actions/ActionButton.js.map +1 -1
  7. package/dist/cjs/components/box/Box.d.ts +2 -1
  8. package/dist/cjs/components/box/Box.js +1 -1
  9. package/dist/cjs/components/box/Box.js.map +1 -1
  10. package/dist/cjs/components/dropdownMenu/DropdownMenu.js +1 -1
  11. package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
  12. package/dist/cjs/components/input/Input.js +1 -1
  13. package/dist/cjs/components/input/Input.js.map +1 -1
  14. package/dist/cjs/components/input/Input.stories.d.ts +5 -1
  15. package/dist/cjs/components/input/Input.stories.js +3 -1
  16. package/dist/cjs/components/input/Input.stories.js.map +1 -1
  17. package/dist/cjs/components/select/Select.d.ts +2 -2
  18. package/dist/cjs/components/select/Select.js +2 -2
  19. package/dist/cjs/components/select/Select.js.map +1 -1
  20. package/dist/cjs/components/select/Select.stories.d.ts +1 -1
  21. package/dist/cjs/index.d.ts +2 -1
  22. package/dist/cjs/index.js +2 -1
  23. package/dist/cjs/index.js.map +1 -1
  24. package/dist/css/main.css +1 -1
  25. package/dist/esm/colorMode.d.ts +3 -0
  26. package/dist/esm/colorMode.js +52 -0
  27. package/dist/esm/colorMode.js.map +1 -0
  28. package/dist/esm/components/actions/ActionButton.d.ts +1 -3
  29. package/dist/esm/components/actions/ActionButton.js +3 -3
  30. package/dist/esm/components/actions/ActionButton.js.map +1 -1
  31. package/dist/esm/components/box/Box.d.ts +2 -1
  32. package/dist/esm/components/box/Box.js +1 -1
  33. package/dist/esm/components/box/Box.js.map +1 -1
  34. package/dist/esm/components/dropdownMenu/DropdownMenu.js +1 -1
  35. package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
  36. package/dist/esm/components/input/Input.js +1 -1
  37. package/dist/esm/components/input/Input.js.map +1 -1
  38. package/dist/esm/components/input/Input.stories.d.ts +5 -1
  39. package/dist/esm/components/input/Input.stories.js +3 -1
  40. package/dist/esm/components/input/Input.stories.js.map +1 -1
  41. package/dist/esm/components/select/Select.d.ts +2 -2
  42. package/dist/esm/components/select/Select.js +2 -2
  43. package/dist/esm/components/select/Select.js.map +1 -1
  44. package/dist/esm/components/select/Select.stories.d.ts +1 -1
  45. package/dist/esm/index.d.ts +2 -1
  46. package/dist/esm/index.js +2 -1
  47. package/dist/esm/index.js.map +1 -1
  48. package/package.json +1 -1
  49. package/src/colorMode.ts +64 -0
  50. package/src/components/actions/ActionButton.tsx +3 -4
  51. package/src/components/box/Box.tsx +4 -2
  52. package/src/components/dropdownMenu/DropdownMenu.tsx +1 -1
  53. package/src/components/input/Input.stories.tsx +3 -1
  54. package/src/components/input/Input.tsx +1 -0
  55. package/src/components/select/Select.tsx +2 -1
  56. package/src/index.ts +2 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC4B,CAAC;AAE/B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE;QACT,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAChC;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC4B,CAAC;AAE/B,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC"}
@@ -15,7 +15,7 @@ export declare const SelectTriggerBase: FunctionComponent<SelectPrimitive.Select
15
15
  export declare const UnstyledSelectTrigger: FunctionComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
16
16
  export interface SelectTriggerProps extends ButtonProps {
17
17
  }
18
- export declare const SelectTrigger: ({ ref, children, ...props }: SelectTriggerProps & {
18
+ export declare const SelectTrigger: ({ ref, children, asChild, ...props }: SelectTriggerProps & {
19
19
  ref?: React.Ref<HTMLButtonElement>;
20
20
  }) => import("react/jsx-runtime").JSX.Element;
21
21
  export declare const SelectValue: FunctionComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
@@ -47,7 +47,7 @@ export declare const Select: (<T extends string = string>({ children, value, onV
47
47
  ref?: React.Ref<HTMLDivElement>;
48
48
  }) => import("react/jsx-runtime").JSX.Element;
49
49
  Group: (props: SelectPrimitive.SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
50
- Trigger: ({ ref, children, ...props }: SelectTriggerProps & {
50
+ Trigger: ({ ref, children, asChild, ...props }: SelectTriggerProps & {
51
51
  ref?: React.Ref<HTMLButtonElement>;
52
52
  }) => import("react/jsx-runtime").JSX.Element;
53
53
  Value: FunctionComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
@@ -43,8 +43,8 @@ export const selectTriggerClassName = classNames(getButtonClassName({ color: 'de
43
43
  export const SelectTriggerBase = withNoNativeRender(withClassName(SelectPrimitive.Trigger, selectTriggerClassName));
44
44
  export const UnstyledSelectTrigger = withNoNativeRender(SelectPrimitive.Trigger);
45
45
  export const SelectTrigger = function SelectTrigger(_a) {
46
- var { ref, children } = _a, props = __rest(_a, ["ref", "children"]);
47
- return (_jsx(UnstyledSelectTrigger, Object.assign({ asChild: true }, props, { ref: ref, children: _jsx(Button, { className: "gap-2 font-normal", children: children || (_jsxs(_Fragment, { children: [_jsx(SelectValue, {}), _jsx(SelectIcon, {})] })) }) })));
46
+ var { ref, children, asChild } = _a, props = __rest(_a, ["ref", "children", "asChild"]);
47
+ return (_jsx(UnstyledSelectTrigger, Object.assign({ asChild: true }, props, { ref: ref, children: _jsx(Button, { className: "gap-2 font-normal", asChild: asChild, children: children || (_jsxs(_Fragment, { children: [_jsx(SelectValue, {}), _jsx(SelectIcon, {})] })) }) })));
48
48
  };
49
49
  export const SelectValue = withNoNativeRender(withClassName(SelectPrimitive.Value, 'flex flex-row'));
50
50
  export const SelectLabel = withNoNativeRender(withClassName(SelectPrimitive.Label, 'px-25px text-xs leading-6 color-black select-none'));
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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"}
@@ -8,7 +8,7 @@ declare const meta: {
8
8
  ref?: React.Ref<HTMLDivElement>;
9
9
  }) => import("react/jsx-runtime").JSX.Element;
10
10
  Group: (props: import("@radix-ui/react-select").SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
11
- Trigger: ({ ref, children, ...props }: import("./Select.js").SelectTriggerProps & {
11
+ Trigger: ({ ref, children, asChild, ...props }: import("./Select.js").SelectTriggerProps & {
12
12
  ref?: React.Ref<HTMLButtonElement>;
13
13
  }) => import("react/jsx-runtime").JSX.Element;
14
14
  Value: import("react").FunctionComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
@@ -1,4 +1,5 @@
1
1
  export { clsx } from 'clsx';
2
2
  export { toast } from 'react-hot-toast';
3
- export * from './hooks.js';
3
+ export * from './colorMode.js';
4
4
  export * from './components/index.js';
5
+ export * from './hooks.js';
package/dist/esm/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  // @unocss-include
2
2
  export { clsx } from 'clsx';
3
3
  export { toast } from 'react-hot-toast';
4
- export * from './hooks.js';
4
+ export * from './colorMode.js';
5
5
  export * from './components/index.js';
6
+ export * from './hooks.js';
6
7
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "1.3.6",
3
+ "version": "1.4.1",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "/dist",
@@ -0,0 +1,64 @@
1
+ export function setColorMode(mode: 'system' | 'light' | 'dark') {
2
+ if (mode === 'system') {
3
+ window.localStorage.removeItem('colorMode');
4
+ } else {
5
+ window.localStorage.setItem('colorMode', mode);
6
+ }
7
+ window.dispatchEvent(new Event('colorModeChanged'));
8
+ }
9
+
10
+ const updateMode = () => {
11
+ const mode = window.localStorage.getItem('colorMode');
12
+ document.documentElement.classList.remove('override-light', 'override-dark');
13
+ if (mode) {
14
+ document.documentElement.classList.add('override-' + mode);
15
+ }
16
+
17
+ // determine final mode, even if it's system
18
+ const finalMode =
19
+ mode ||
20
+ (window.matchMedia('(prefers-color-scheme: dark)').matches
21
+ ? 'dark'
22
+ : 'light');
23
+ // set the status bar color in pwas
24
+ const iosStatusBarColor = document.querySelector(
25
+ 'meta[name=apple-mobile-web-app-status-bar-style]',
26
+ );
27
+ const androidStatusBarColor = document.querySelector(
28
+ 'meta[name=theme-color]',
29
+ );
30
+
31
+ // evaluate the var(--color-wash) css var for the bar color
32
+ const root = document.documentElement;
33
+ const cssVar = '--color-wash';
34
+ const color = getComputedStyle(root).getPropertyValue(cssVar);
35
+
36
+ if (finalMode === 'dark') {
37
+ iosStatusBarColor?.setAttribute('content', 'black');
38
+ androidStatusBarColor?.setAttribute('content', color);
39
+ }
40
+ if (finalMode === 'light') {
41
+ iosStatusBarColor?.setAttribute('content', 'white');
42
+ androidStatusBarColor?.setAttribute('content', color);
43
+ }
44
+ };
45
+ updateMode();
46
+
47
+ // listen for changes and apply an override-mode to the html
48
+ window.addEventListener('colorModeChanged', updateMode);
49
+
50
+ export function getColorMode(): 'system' | 'light' | 'dark' {
51
+ return (window.localStorage.getItem('colorMode') as any) || 'system';
52
+ }
53
+
54
+ export function subscribeToColorModeChange(
55
+ callback: (mode: 'system' | 'light' | 'dark') => void,
56
+ ) {
57
+ const update = () => callback(getColorMode());
58
+ window.addEventListener('colorModeChanged', update);
59
+ return () => {
60
+ window.removeEventListener('colorModeChanged', update);
61
+ };
62
+ }
63
+
64
+ (window as any).setColorMode = setColorMode;
@@ -1,20 +1,19 @@
1
1
  'use client';
2
2
 
3
3
  import classNames from 'clsx';
4
- import { ReactNode, useEffect, useState } from 'react';
4
+ import { useEffect, useState } from 'react';
5
5
  import { Button, ButtonProps } from '../button/Button.js';
6
6
  import { CollapsibleContent, CollapsibleRoot } from '../collapsible/index.js';
7
7
 
8
8
  export interface ActionButtonProps extends ButtonProps {
9
- icon?: ReactNode;
10
9
  visible?: boolean;
11
10
  }
12
11
 
13
12
  export function ActionButton({
14
- icon,
15
13
  children,
16
14
  className,
17
15
  visible = true,
16
+ asChild,
18
17
  ...rest
19
18
  }: ActionButtonProps) {
20
19
  // this rather convoluted logic is meant to do:
@@ -48,9 +47,9 @@ export function ActionButton({
48
47
  'hover:bg-gray2',
49
48
  className,
50
49
  )}
50
+ asChild={asChild}
51
51
  {...rest}
52
52
  >
53
- {icon}
54
53
  {children}
55
54
  </Button>
56
55
  </CollapsibleContent>
@@ -16,6 +16,7 @@ export type BoxSpacingSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
16
16
  export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
17
17
  className?: string;
18
18
  direction?: 'row' | 'col' | 'row-reverse' | 'col-reverse';
19
+ d?: 'row' | 'col' | 'row-reverse' | 'col-reverse';
19
20
  items?: BoxAlignment;
20
21
  justify?: BoxJustification;
21
22
  align?: `${BoxAlignment} ${BoxJustification}`;
@@ -31,13 +32,14 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
31
32
 
32
33
  export function Box({
33
34
  className,
34
- direction,
35
35
  items: itemsSolo,
36
36
  justify: justifySolo,
37
37
  align,
38
38
  gap = 'md',
39
39
  wrap,
40
- p = 'sm',
40
+ p = 'none',
41
+ d = 'row',
42
+ direction = d,
41
43
  container,
42
44
  style: userStyle,
43
45
  surface,
@@ -55,7 +55,7 @@ const StyledRadioItem = withClassName(
55
55
 
56
56
  const StyledLabel = withClassName(
57
57
  DropdownMenuPrimitive.Label,
58
- 'pl-25px text-md leading-6 color-gray-9',
58
+ 'pl-3 py-1 font-bold text-sm leading-6 color-gray-9',
59
59
  );
60
60
 
61
61
  const StyledSeparator = withClassName(
@@ -4,7 +4,9 @@ import { Input } from './Input.js';
4
4
  const meta = {
5
5
  title: 'Input',
6
6
  component: Input,
7
- argTypes: {},
7
+ argTypes: {
8
+ disabled: { control: 'boolean' },
9
+ },
8
10
  parameters: {
9
11
  controls: { expanded: true },
10
12
  },
@@ -7,6 +7,7 @@ export const inputClassName = classNames(
7
7
  'layer-components:(px-5 py-[5px] text-md font-sans rounded-20px bg-white select-auto min-w-60px color-black border-solid border-1 border-gray-5 shadow-sm-inset)',
8
8
  'layer-components:focus:(outline-none bg-gray-1 ring-4 ring-white)',
9
9
  'layer-components:focus-visible:(outline-none ring-gray-dark-blend)',
10
+ 'layer-components:disabled:(bg-transparent border-gray-5 placeholder-gray-7 shadow-none)',
10
11
  'layer-components:md:(min-w-120px)',
11
12
  );
12
13
 
@@ -89,13 +89,14 @@ export interface SelectTriggerProps extends ButtonProps {}
89
89
  export const SelectTrigger = function SelectTrigger({
90
90
  ref,
91
91
  children,
92
+ asChild,
92
93
  ...props
93
94
  }: SelectTriggerProps & {
94
95
  ref?: React.Ref<HTMLButtonElement>;
95
96
  }) {
96
97
  return (
97
98
  <UnstyledSelectTrigger asChild {...props} ref={ref}>
98
- <Button className="gap-2 font-normal">
99
+ <Button className="gap-2 font-normal" asChild={asChild}>
99
100
  {children || (
100
101
  <>
101
102
  <SelectValue />
package/src/index.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export { clsx } from 'clsx';
2
2
  export { toast } from 'react-hot-toast';
3
3
 
4
- export * from './hooks.js';
4
+ export * from './colorMode.js';
5
5
  export * from './components/index.js';
6
+ export * from './hooks.js';