@adamjanicki/ui 1.9.2 → 1.9.3

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 (46) hide show
  1. package/components/Button/Button.d.ts +2 -0
  2. package/components/Button/Button.js +1 -1
  3. package/components/Button/IconButton.js +1 -1
  4. package/components/Hamburger/Hamburger.d.ts +21 -42
  5. package/components/Hamburger/Hamburger.js +1 -1
  6. package/components/Hamburger/index.d.ts +1 -8
  7. package/components/Hamburger/index.js +1 -1
  8. package/components/Signal/Signal.d.ts +14 -0
  9. package/components/Signal/Signal.js +1 -0
  10. package/components/Signal/index.d.ts +1 -0
  11. package/components/Signal/index.js +1 -0
  12. package/components/Table/Table.d.ts +5 -6
  13. package/components/Table/Table.js +1 -1
  14. package/components/index.d.ts +1 -3
  15. package/components/index.js +1 -1
  16. package/components/ui/transformVfx.js +1 -1
  17. package/navigation/Link.js +1 -1
  18. package/package.json +3 -3
  19. package/style.css +1 -1
  20. package/types/common.d.ts +6 -2
  21. package/components/Alert/Alert.d.ts +0 -10
  22. package/components/Alert/Alert.js +0 -1
  23. package/components/Alert/index.d.ts +0 -1
  24. package/components/Alert/index.js +0 -1
  25. package/components/Badge/Badge.d.ts +0 -10
  26. package/components/Badge/Badge.js +0 -1
  27. package/components/Badge/index.d.ts +0 -1
  28. package/components/Badge/index.js +0 -1
  29. package/components/Banner/Banner.d.ts +0 -10
  30. package/components/Banner/Banner.js +0 -1
  31. package/components/Banner/index.d.ts +0 -1
  32. package/components/Banner/index.js +0 -1
  33. package/components/Hamburger/DoubleCross.d.ts +0 -4
  34. package/components/Hamburger/DoubleCross.js +0 -1
  35. package/components/Hamburger/DoubleFlip.d.ts +0 -4
  36. package/components/Hamburger/DoubleFlip.js +0 -1
  37. package/components/Hamburger/DoubleSpin.d.ts +0 -4
  38. package/components/Hamburger/DoubleSpin.js +0 -1
  39. package/components/Hamburger/TripleFade.d.ts +0 -4
  40. package/components/Hamburger/TripleFade.js +0 -1
  41. package/components/Hamburger/TripleFlip.d.ts +0 -4
  42. package/components/Hamburger/TripleFlip.js +0 -1
  43. package/components/Hamburger/TriplePrestige.d.ts +0 -4
  44. package/components/Hamburger/TriplePrestige.js +0 -1
  45. package/components/Hamburger/TripleSpin.d.ts +0 -4
  46. package/components/Hamburger/TripleSpin.js +0 -1
@@ -26,11 +26,13 @@ export declare const getButtonProps: ({ variant, size, }: VisualButtonProps) =>
26
26
  readonly vfx: {
27
27
  readonly radius: "rounded";
28
28
  readonly fontWeight: 6;
29
+ readonly hover: "dim" | undefined;
29
30
  readonly fontSize: "xs";
30
31
  readonly padding: "xs";
31
32
  } | {
32
33
  readonly radius: "rounded";
33
34
  readonly fontWeight: 6;
35
+ readonly hover: "dim" | undefined;
34
36
  readonly padding: "s";
35
37
  };
36
38
  };
@@ -1 +1 @@
1
- import{jsx as f}from"react/jsx-runtime";import l from"react";import u from"../../functions/classNames";import d from"../ui";var o=function(){return o=Object.assign||function(r){for(var a,n=1,t=arguments.length;n<t;n++){a=arguments[n];for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&(r[e]=a[e])}return r},o.apply(this,arguments)},i=function(r,a){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&a.indexOf(t)<0&&(n[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(r);e<t.length;e++)a.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(r,t[e])&&(n[t[e]]=r[t[e]]);return n},x=l.forwardRef(function(r,a){var n=r.className,t=i(r,["className"]);return f(d.button,o({},t,{className:u("aui-action aui-button",n),ref:a}))}),g={small:{fontSize:"xs",padding:"xs"},regular:{padding:"s"}},y=l.forwardRef(function(r,a){var n=r.variant,t=r.className,e=r.vfx,c=r.size,v=i(r,["variant","className","vfx","size"]),s=b({variant:n,size:c}),m=s.vfx,p=s.className;return f(x,o({},v,{vfx:o(o({},m),e),className:u(p,t),ref:a}))}),b=function(r){var a=r.variant,n=a===void 0?"primary":a,t=r.size,e=t===void 0?"regular":t;return{className:"aui-button-".concat(n),vfx:o(o({},g[e]),{radius:"rounded",fontWeight:6})}},z=y;export{x as UnstyledButton,z as default,b as getButtonProps};
1
+ import{jsx as f}from"react/jsx-runtime";import l from"react";import u from"../../functions/classNames";import d from"../ui";var o=function(){return o=Object.assign||function(r){for(var t,e=1,a=arguments.length;e<a;e++){t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},o.apply(this,arguments)},i=function(r,t){var e={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&t.indexOf(a)<0&&(e[a]=r[a]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,a=Object.getOwnPropertySymbols(r);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(r,a[n])&&(e[a[n]]=r[a[n]]);return e},x=l.forwardRef(function(r,t){var e=r.className,a=i(r,["className"]);return f(d.button,o({},a,{className:u("aui-action aui-button",e),ref:t}))}),y={small:{fontSize:"xs",padding:"xs"},regular:{padding:"s"}},g=l.forwardRef(function(r,t){var e=r.variant,a=r.className,n=r.vfx,c=r.size,v=i(r,["variant","className","vfx","size"]),s=h({variant:e,size:c}),m=s.vfx,p=s.className;return f(x,o({},v,{vfx:o(o({},m),n),className:u(p,a),ref:t}))}),b={primary:"dim",secondary:void 0},h=function(r){var t=r.variant,e=t===void 0?"primary":t,a=r.size,n=a===void 0?"regular":a;return{className:"aui-button-".concat(e),vfx:o(o({},y[n]),{radius:"rounded",fontWeight:6,hover:b[e]})}},w=g;export{x as UnstyledButton,w as default,h as getButtonProps};
@@ -1 +1 @@
1
- import{jsx as s}from"react/jsx-runtime";import u from"react";import v from"../../functions/classNames";import y from"../Icon/Icon";import{UnstyledButton as O}from"./Button";var i=function(){return i=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++){e=arguments[o];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},i.apply(this,arguments)},p=function(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,t=Object.getOwnPropertySymbols(r);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(r,t[n])&&(o[t[n]]=r[t[n]]);return o},d=u.forwardRef(function(r,e){var o=r.icon,t=r.size,n=r.vfx,c=r.iconProps,a=r.variant,f=a===void 0?"dim":a,l=r.className,m=p(r,["icon","size","vfx","iconProps","variant","className"]);return s(O,i({},m,{vfx:i({axis:"x",align:"center",justify:"center"},n),className:v("aui-".concat(f),l),ref:e,children:s(y,i({icon:o,size:t},c))}))});export{d as IconButton};
1
+ import{jsx as f}from"react/jsx-runtime";import l from"react";import u from"../Icon/Icon";import{UnstyledButton as m}from"./Button";var i=function(){return i=Object.assign||function(r){for(var o,e=1,t=arguments.length;e<t;e++){o=arguments[e];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(r[n]=o[n])}return r},i.apply(this,arguments)},v=function(r,o){var e={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&o.indexOf(t)<0&&(e[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,t=Object.getOwnPropertySymbols(r);n<t.length;n++)o.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(r,t[n])&&(e[t[n]]=r[t[n]]);return e},x=l.forwardRef(function(r,o){var e=r.icon,t=r.size,n=r.vfx,c=r.iconProps,a=r.variant,s=a===void 0?"dim":a,p=v(r,["icon","size","vfx","iconProps","variant"]);return f(m,i({},p,{vfx:i({axis:"x",align:"center",justify:"center",hover:s},n),ref:o,children:f(u,i({icon:e,size:t},c))}))});export{x as IconButton};
@@ -1,13 +1,14 @@
1
- import type { Style } from "../../types/common";
1
+ import { UnstyledButton } from "../Button";
2
+ type ButtonProps = React.ComponentProps<typeof UnstyledButton>;
2
3
  /** Props shared by all the hamburgers */
3
- export type Props = {
4
+ type Props = Omit<ButtonProps, "children" | "aria-expanded"> & {
4
5
  /**
5
6
  * Size of the button in pixels.
6
7
  * @default 36
7
8
  */
8
9
  size?: number;
9
- /** Line height of the bars in pixels */
10
- lineHeight?: number;
10
+ /** Height of the bars in pixels */
11
+ barHeight?: number;
11
12
  /**
12
13
  * Direction the animation originates from.
13
14
  * Play around with this to see how it affects the animation because some of the animations are complicated.
@@ -16,48 +17,26 @@ export type Props = {
16
17
  direction?: "left" | "right";
17
18
  /** Whether the button is open or closed */
18
19
  open: boolean;
19
- /** Function to call when the button is clicked, usually should toggle the `open` state */
20
- onClick?: () => void;
21
- /**
22
- * Aria label for the button.
23
- * @default "hamburger"
24
- */
25
- "aria-label"?: string;
26
20
  /**
27
21
  * Duration of the animation in seconds.
28
22
  * @default 0.25
29
23
  */
30
24
  duration?: number;
31
- /** Additional class name to apply to the button */
32
- className?: string;
33
- /** Additional styles to apply to the button */
34
- style?: Style;
35
- /**
36
- * Round borders of the bars.
37
- * @default false
38
- */
25
+ /** Whether to round the borders of the bars */
39
26
  rounded?: boolean;
40
27
  };
41
- type OpenStyle = {
42
- outer?: Style;
43
- top: Style;
44
- bottom: Style;
45
- middle?: Style;
46
- };
47
- type InnerProps = Omit<Props, "variant" | "direction"> & {
48
- double?: boolean;
49
- openStyle: OpenStyle;
50
- };
51
- /** Default angles for rotate-style hamburger animations */
52
- export declare const defaultAngles: {
53
- readonly right: 45;
54
- readonly left: -45;
55
- };
56
- /** Alternate angles for flip-style hamburger animations */
57
- export declare const flipAngles: {
58
- readonly right: -135;
59
- readonly left: -225;
60
- };
61
- /** Base hamburger button used by the exported hamburger variants */
62
- declare const Hamburger: (props: InnerProps) => import("react/jsx-runtime").JSX.Element;
63
- export default Hamburger;
28
+ /** A double-bar "cross" hamburger */
29
+ export declare const DoubleCross: (props: Props) => import("react/jsx-runtime").JSX.Element;
30
+ /** A double-bar "flip" hamburger */
31
+ export declare const DoubleFlip: (props: Props) => import("react/jsx-runtime").JSX.Element;
32
+ /** A double-bar "spin" hamburger */
33
+ export declare const DoubleSpin: (props: Props) => import("react/jsx-runtime").JSX.Element;
34
+ /** A three-bar "spin" hamburger */
35
+ export declare const TripleSpin: (props: Props) => import("react/jsx-runtime").JSX.Element;
36
+ /** A three-bar "flip" hamburger */
37
+ export declare const TripleFlip: (props: Props) => import("react/jsx-runtime").JSX.Element;
38
+ /** A three-bar hamburger that fades the middle bar */
39
+ export declare const TripleFade: (props: Props) => import("react/jsx-runtime").JSX.Element;
40
+ /** The default hamburger */
41
+ export declare const TriplePrestige: (props: Props) => import("react/jsx-runtime").JSX.Element;
42
+ export {};
@@ -1 +1 @@
1
- import{jsx as d,jsxs as M}from"react/jsx-runtime";import{useMemo as z}from"react";import y from"../Box";import{UnstyledButton as C}from"../Button";var o=function(){return o=Object.assign||function(t){for(var a,r=1,e=arguments.length;r<e;r++){a=arguments[r];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t},o.apply(this,arguments)},P=function(t,a){var r={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&a.indexOf(e)<0&&(r[e]=t[e]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,e=Object.getOwnPropertySymbols(t);n<e.length;n++)a.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(t,e[n])&&(r[e[n]]=t[e[n]]);return r},k={right:45,left:-45},E={right:-135,left:-225},A=function(t){var a=t.size,r=a===void 0?36:a,e=t.duration,n=e===void 0?.25:e,s=t.double,l=t.openStyle,i=t.open,m=t.style,b=t.rounded,g=t.lineHeight,c=P(t,["size","duration","double","openStyle","open","style","rounded","lineHeight"]),h=g||Math.max(1,Math.round(r/20)),v={width:r,height:r,display:"flex",position:"relative",justifyContent:"center",alignItems:"center",transition:"transform ".concat(n,"s ease")},u={height:h,width:r*.7,backgroundColor:"currentColor",position:"absolute",transition:"transform ".concat(n,"s ease, opacity ").concat(n,"s ease"),borderRadius:b?1e4:0},f=z(function(){return r/(s?7:4)},[r,s]),p=l.outer,x=l.top,O=l.middle,_=l.bottom,j=i?p:{},S=i?x:{transform:"translateY(-".concat(f,"px)")},w=i?_:{transform:"translateY(".concat(f,"px)")},H=i?O:{};return M(C,o({style:o(o(o({},m),j),v)},c,{"aria-label":c["aria-label"]||"hamburger","aria-expanded":i,children:[d(y,{style:o(o({},u),S)}),!s&&d(y,{style:o(o({},u),H)}),d(y,{style:o(o({},u),w)})]}))},R=A;export{R as default,k as defaultAngles,E as flipAngles};
1
+ import{jsx as f,jsxs as I}from"react/jsx-runtime";import{useMemo as M}from"react";import{DEFAULT_ANIMATION_DURATION_S as B}from"../Animated/Animated";import v from"../Box";import{UnstyledButton as C}from"../Button";var a=function(){return a=Object.assign||function(t){for(var n,o=1,e=arguments.length;o<e;o++){n=arguments[o];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},a.apply(this,arguments)},h=function(t,n){var o={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&n.indexOf(e)<0&&(o[e]=t[e]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(t);r<e.length;r++)n.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(o[e[r]]=t[e[r]]);return o},m={right:45,left:-45},x={right:-135,left:-225},F=function(t){var n=t.size,o=n===void 0?36:n,e=t.duration,r=e===void 0?B:e,d=t.double,i=t.openStyle,l=t.open,g=t.style,y=t.rounded,c=t.barHeight,u=h(t,["size","duration","double","openStyle","open","style","rounded","barHeight"]),S=c||Math.max(1,Math.round(o/20)),O={width:o,height:o,display:"flex",position:"relative",justifyContent:"center",alignItems:"center",transition:"transform ".concat(r,"s")},p={height:S,width:o*.7,backgroundColor:"currentColor",position:"absolute",transition:"transform ".concat(r,"s, opacity ").concat(r,"s"),borderRadius:y?1e4:0},b=o/(d?7:4),_=i.outer,j=i.top,T=i.middle,w=i.bottom,A=l?_:{},H=l?j:{transform:"translateY(-".concat(b,"px)")},P=l?w:{transform:"translateY(".concat(b,"px)")},D=l?T:{};return I(C,a({},u,{"aria-expanded":l,style:a(a(a({},g),A),O),children:[f(v,{style:a(a({},p),H)}),!d&&f(v,{style:a(a({},p),D)}),f(v,{style:a(a({},p),P)})]}))},s=function(t){var n=t.angles,o=t.double,e=t.middle,r=t.outer;return function(d){var i=d.direction,l=i===void 0?"left":i,g=h(d,["direction"]),y=M(function(){var c=n[l],u={top:{transform:"rotate(".concat(c,"deg)")},bottom:{transform:"rotate(".concat(-c,"deg)")}};return e&&(u.middle=e),r&&(u.outer=r),u},[l]);return f(F,a({},g,{double:o,openStyle:y}))}},R=s({angles:m,double:!0}),Y=s({angles:x,double:!0}),L=s({angles:m,double:!0,outer:{transform:"rotate(180deg)"}}),q=s({angles:m,middle:{opacity:0},outer:{transform:"rotate(180deg)"}}),G=s({angles:x,middle:{transform:"scale(0)"}}),J=s({angles:m,middle:{opacity:0}}),K=s({angles:m,middle:{transform:"scale(0)"}});export{R as DoubleCross,Y as DoubleFlip,L as DoubleSpin,J as TripleFade,G as TripleFlip,K as TriplePrestige,q as TripleSpin};
@@ -1,8 +1 @@
1
- export { default as DoubleCross } from "./DoubleCross";
2
- export { default as DoubleFlip } from "./DoubleFlip";
3
- export { default as DoubleSpin } from "./DoubleSpin";
4
- export { default as TripleFade } from "./TripleFade";
5
- export { default as TripleFlip } from "./TripleFlip";
6
- export { default } from "./TriplePrestige";
7
- export { default as TriplePrestige } from "./TriplePrestige";
8
- export { default as TripleSpin } from "./TripleSpin";
1
+ export { TriplePrestige as default, DoubleCross, DoubleFlip, DoubleSpin, TripleFade, TripleFlip, TriplePrestige, TripleSpin, } from "./Hamburger";
@@ -1 +1 @@
1
- import{default as o}from"./DoubleCross";import{default as t}from"./DoubleFlip";import{default as f}from"./DoubleSpin";import{default as u}from"./TripleFade";import{default as d}from"./TripleFlip";import{default as m}from"./TriplePrestige";import{default as T}from"./TriplePrestige";import{default as D}from"./TripleSpin";export{o as DoubleCross,t as DoubleFlip,f as DoubleSpin,u as TripleFade,d as TripleFlip,T as TriplePrestige,D as TripleSpin,m as default};
1
+ import{TriplePrestige as l,DoubleCross as p,DoubleFlip as r,DoubleSpin as o,TripleFade as s,TripleFlip as T,TriplePrestige as t,TripleSpin as u}from"./Hamburger";export{p as DoubleCross,r as DoubleFlip,o as DoubleSpin,s as TripleFade,T as TripleFlip,t as TriplePrestige,u as TripleSpin,l as default};
@@ -0,0 +1,14 @@
1
+ import React from "react";
2
+ import type { SignalType } from "../../types/common";
3
+ import { type BoxProps } from "../Box/Box";
4
+ type Props = BoxProps & {
5
+ /** The type/theme of signal to display */
6
+ type: SignalType;
7
+ };
8
+ /** A styled container for status messages */
9
+ export declare const Alert: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
+ /** A small label for status */
11
+ export declare const Badge: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
+ /** A full-width banner for page-level messages */
13
+ export declare const Banner: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
14
+ export {};
@@ -0,0 +1 @@
1
+ import{jsx as l}from"react/jsx-runtime";import c from"react";import d from"../../functions/classNames";import u from"../Box/Box";var o=function(){return o=Object.assign||function(t){for(var e,a=1,r=arguments.length;a<r;a++){e=arguments[a];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},o.apply(this,arguments)},p=function(t,e){var a={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(a[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(a[r[n]]=t[r[n]]);return a},i=function(t){return c.forwardRef(function(e,a){var r=e.type,n=e.className,f=e.vfx,s=p(e,["type","className","vfx"]);return l(u,o({},s,{vfx:o(o({},t),f),className:d("aui-content-".concat(r),n),ref:a}))})},y=i({radius:"rounded",fontWeight:4,padding:"m",border:!0}),h=i({radius:"rounded",paddingY:"xxs",paddingX:"xs",fontWeight:5,fontSize:"s",width:"fit",border:!0}),O=i({fontWeight:4,paddingY:"l",paddingX:"xl",width:"full"});export{y as Alert,h as Badge,O as Banner};
@@ -0,0 +1 @@
1
+ export { Alert, Badge, Banner } from "./Signal";
@@ -0,0 +1 @@
1
+ import{Alert as a,Badge as n,Banner as o}from"./Signal";export{a as Alert,n as Badge,o as Banner};
@@ -25,7 +25,7 @@ export type SortDirection = "asc" | "desc" | "none";
25
25
  type ColumnConfig<Item extends MinimalItem, Key extends keyof Item = keyof Item> = {
26
26
  /** Additional props for the body cell container */
27
27
  cellProps?: ContainerProps;
28
- /** What to render as the header */
28
+ /** What to render for the title */
29
29
  header: React.ReactNode;
30
30
  /** The key in the item struct for this column */
31
31
  key: Key;
@@ -42,11 +42,10 @@ type Props<Item extends MinimalItem> = ContainerProps & {
42
42
  columns: ReadonlyableArray<ColumnConfig<Item>>;
43
43
  /** Whether to render a small separator between columns */
44
44
  gutters?: boolean;
45
- /**
46
- * Additional props for each header cell container.
47
- * @default {}
48
- */
45
+ /** Additional props for each header cell container */
49
46
  headerCellProps?: ContainerProps;
47
+ /** Additional props for the header row container */
48
+ headerRowProps?: ContainerProps;
50
49
  /** Items to render in the rows of the table */
51
50
  items: ReadonlyableArray<Item>;
52
51
  /** A single link, or list of actions or links to store in an overflow menu at the end of the row */
@@ -62,5 +61,5 @@ type Props<Item extends MinimalItem> = ContainerProps & {
62
61
  };
63
62
  };
64
63
  /** A sortable table to render data */
65
- declare const Table: <Item extends MinimalItem>({ items, columns, headerCellProps, sort, rowActions, vfx, gutters, ...boxProps }: Props<Item>) => import("react/jsx-runtime").JSX.Element;
64
+ declare const Table: <Item extends MinimalItem>({ items, columns, headerCellProps, headerRowProps, sort, rowActions, vfx, gutters, ...boxProps }: Props<Item>) => import("react/jsx-runtime").JSX.Element;
66
65
  export default Table;
@@ -1 +1 @@
1
- import{jsx as s,jsxs as O,Fragment as T}from"react/jsx-runtime";import{createElement as y}from"react";import{useState as X}from"react";import z from"../../functions/classNames";import{arrowDown as E,arrowUp as L,overflow as U,select as W}from"../../icons";import{UnstyledLink as S}from"../../navigation/Link";import x from"../Box/Box";import{IconButton as D,UnstyledButton as B}from"../Button";import F from"../Icon";import M from"../Popover";var a=function(){return a=Object.assign||function(r){for(var n,t=1,o=arguments.length;t<o;t++){n=arguments[t];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(r[e]=n[e])}return r},a.apply(this,arguments)},b=function(r,n){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&n.indexOf(o)<0&&(t[o]=r[o]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,o=Object.getOwnPropertySymbols(r);e<o.length;e++)n.indexOf(o[e])<0&&Object.prototype.propertyIsEnumerable.call(r,o[e])&&(t[o[e]]=r[o[e]]);return t},H={none:"asc",asc:"desc",desc:"none"},V={asc:L,desc:E,none:W},P=function(r){return Array.isArray(r)},Y=function(r){var n=r.items,t=r.columns,o=r.headerCellProps,e=o===void 0?{}:o,i=r.sort,c=r.rowActions,d=r.vfx,u=r.gutters,f=b(r,["items","columns","headerCellProps","sort","rowActions","vfx","gutters"]),m=!!c&&n.some(function(l){return P(c(l))});return s(x,a({},f,{vfx:a({axis:"y",backgroundColor:"default",border:!0,radius:"rounded",shadow:"subtle",overflowX:"auto"},d),children:O(x,{className:"aui-table",role:"table",vfx:{width:"full"},children:[O(x,{className:"aui-table-row",role:"row",children:[t.map(function(l,g){var v=l.key,p=l.header,h=l.sortable,w=h===void 0?!1:h,A=w&&i&&i.key===v,C=A?i.direction:"none",j=w?V[C]:null,R=e.vfx,I=b(e,["vfx"]);return y(k,a({},I,{key:String(v),vfx:a({borderRight:u&&g<t.length-1,borderBottom:!0,fontSize:"s",fontWeight:7},R)}),i&&j?O(B,{onClick:function(){return i.onSort(v,H[C])},vfx:{fontWeight:7,axis:"x",align:"center",gap:"s"},children:[p,s(F,{icon:j,vfx:{color:"muted"},size:"xs","aria-hidden":!0})]}):p)}),m?s(k,{vfx:{borderBottom:!0,paddingX:"s"}}):null]}),n.map(function(l){return s(q,{item:l,columns:t,gutters:u,rowActions:c},l.id)})]})}))},q=function(r){var n=r.item,t=r.columns,o=r.gutters,e=r.rowActions,i=e==null?void 0:e(n),c=P(i)?i:null,d=i&&!P(i)?i:void 0,u=t.map(function(m,l){var g=m.key,v=m.cellProps,p=v===void 0?{}:v,h=m.render,w=p.vfx,A=b(p,["vfx"]);return y(k,a({},A,{key:String(g),vfx:a({borderRight:o&&l<t.length-1},w)}),h?h(n):s(T,{children:n[g]}))});c&&u.push(s(k,{vfx:{paddingX:"s"},children:s(G,{rowActions:c})},"row-actions"));var f={role:"row",children:u};return d?s(S,a({},f,d,{className:"aui-table-row aui-subtle-hover"})):s(x,a({},f,{className:"aui-table-row"}))},k=function(r){var n=r.vfx,t=r.children,o=r.className,e=b(r,["vfx","children","className"]);return s(x,a({},e,{className:z("aui-table-cell",o),vfx:a({paddingX:"m",paddingY:"s"},n),children:t}))},N=4,G=function(r){var n=r.rowActions,t=X(!1),o=t[0],e=t[1];return s(M,{flip:!1,open:o,onClose:function(){return e(!1)},placement:"bottom-end",offset:N,vfx:{axis:"y",padding:"xs"},anchor:s(D,{icon:U,onClick:function(){return e(function(i){return!i})}}),to:{opacity:1,top:0},from:{opacity:0,top:-N},children:n.map(function(i,c){var d=i.label,u=b(i,["label"]),f={children:d,vfx:{axis:"x",align:"center",padding:"s",fontSize:"s",fontWeight:6,radius:"rounded"},className:"aui-subtle-hover"};return"to"in u?y(S,a({},u,f,{onClick:function(){return e(!1)},key:c})):y(B,a({onClick:function(){u.onClick(),e(!1)}},f,{key:c}))})})},nr=Y;export{nr as default};
1
+ import{createElement as g}from"react";import{jsx as i,jsxs as A,Fragment as D}from"react/jsx-runtime";import{useState as F}from"react";import I from"../../functions/classNames";import{arrowDown as H,arrowUp as M,overflow as W,select as V}from"../../icons";import{UnstyledLink as T}from"../../navigation/Link";import m from"../Box/Box";import{IconButton as Y,UnstyledButton as X}from"../Button";import q from"../Icon";import G from"../Popover";var a=function(){return a=Object.assign||function(r){for(var n,t=1,o=arguments.length;t<o;t++){n=arguments[t];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(r[e]=n[e])}return r},a.apply(this,arguments)},p=function(r,n){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&n.indexOf(o)<0&&(t[o]=r[o]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,o=Object.getOwnPropertySymbols(r);e<o.length;e++)n.indexOf(o[e])<0&&Object.prototype.propertyIsEnumerable.call(r,o[e])&&(t[o[e]]=r[o[e]]);return t},J={none:"asc",asc:"desc",desc:"none"},K={asc:M,desc:H,none:V},C=function(r){return Array.isArray(r)},Q=function(r){var n=r.items,t=r.columns,o=r.headerCellProps,e=o===void 0?{}:o,s=r.headerRowProps,u=s===void 0?{}:s,c=r.sort,f=r.rowActions,d=r.vfx,v=r.gutters,P=p(r,["items","columns","headerCellProps","headerRowProps","sort","rowActions","vfx","gutters"]),x=!!f&&n.some(function(l){return C(f(l))}),w=u.className,b=p(u,["className"]);return i(m,a({},P,{vfx:a({axis:"y",backgroundColor:"default",border:!0,radius:"rounded",shadow:"subtle",overflowX:"auto"},d),children:A(m,{className:"aui-table",role:"table",vfx:{width:"full"},children:[A(m,a({},b,{className:I("aui-table-row",w),role:"row",children:[t.map(function(l,k){var h=l.key,z=l.header,O=l.sortable,N=O===void 0?!1:O,E=N&&c&&c.key===h,j=E?c.direction:"none",R=N?K[j]:null,L=e.vfx,U=p(e,["vfx"]),S=i(m,{vfx:{fontSize:"s",fontWeight:7},children:z});return g(y,a({},U,{key:String(h),vfx:a({borderRight:v&&k<t.length-1,borderBottom:!0},L)}),c&&R?A(X,{onClick:function(){return c.onSort(h,J[j])},vfx:{axis:"x",align:"center",gap:"xs"},children:[S,i(q,{icon:R,vfx:{color:"muted"},size:"xs","aria-hidden":!0})]}):S)}),x?i(y,{vfx:{borderBottom:!0,paddingX:"s"}}):null]})),n.map(function(l){return i(Z,{item:l,columns:t,gutters:v,rowActions:f},l.id)})]})}))},Z=function(r){var n=r.item,t=r.columns,o=r.gutters,e=r.rowActions,s=e==null?void 0:e(n),u=C(s)?s:null,c=s&&!C(s)?s:void 0,f=t.map(function(v,P){var x=v.key,w=v.cellProps,b=w===void 0?{}:w,l=v.render,k=b.vfx,h=p(b,["vfx"]);return g(y,a({},h,{key:String(x),vfx:a({borderRight:o&&P<t.length-1},k)}),l?l(n):i(D,{children:n[x]}))});u&&f.push(i(y,{vfx:{paddingX:"s"},children:i($,{rowActions:u})},"row-actions"));var d={role:"row",children:f};return c?i(T,a({},d,c,{className:"aui-table-row",vfx:{hover:"shade"}})):i(m,a({},d,{className:"aui-table-row"}))},y=function(r){var n=r.vfx,t=r.children,o=r.className,e=p(r,["vfx","children","className"]);return i(m,a({},e,{className:I("aui-table-cell",o),vfx:a({paddingX:"m",paddingY:"s"},n),children:t}))},B=4,$=function(r){var n=r.rowActions,t=F(!1),o=t[0],e=t[1];return i(G,{flip:!1,open:o,onClose:function(){return e(!1)},placement:"bottom-end",offset:B,vfx:{axis:"y",padding:"xs"},anchor:i(Y,{icon:W,onClick:function(){return e(function(s){return!s})}}),to:{opacity:1,top:0},from:{opacity:0,top:-B},children:n.map(function(s,u){var c=s.label,f=p(s,["label"]),d={children:c,vfx:{axis:"x",align:"center",padding:"s",fontSize:"s",fontWeight:6,radius:"rounded",hover:"shade"}};return"to"in f?g(T,a({},f,d,{onClick:function(){return e(!1)},key:u})):g(X,a({onClick:function(){f.onClick(),e(!1)}},d,{key:u}))})})},cr=Q;export{cr as default};
@@ -1,10 +1,7 @@
1
1
  export { default as Accordion } from "./Accordion";
2
- export { default as Alert } from "./Alert";
3
2
  export { default as Animated } from "./Animated";
4
3
  export { default as Autocomplete } from "./Autocomplete";
5
4
  export { default as Avatar } from "./Avatar";
6
- export { default as Badge } from "./Badge";
7
- export { default as Banner } from "./Banner";
8
5
  export { default as Box } from "./Box";
9
6
  export { default as Button, IconButton, UnstyledButton } from "./Button";
10
7
  export { default as Carousel } from "./Carousel";
@@ -18,6 +15,7 @@ export { default as Layer } from "./Layer";
18
15
  export { default as Modal } from "./Modal";
19
16
  export { default as Popover } from "./Popover";
20
17
  export { default as Select } from "./Select";
18
+ export { Alert, Badge, Banner } from "./Signal";
21
19
  export { default as Spinner } from "./Spinner";
22
20
  export { default as Table } from "./Table";
23
21
  export { default as Tooltip } from "./Tooltip";
@@ -1 +1 @@
1
- import{default as t}from"./Accordion";import{default as a}from"./Alert";import{default as u}from"./Animated";import{default as d}from"./Autocomplete";import{default as m}from"./Avatar";import{default as x}from"./Badge";import{default as c}from"./Banner";import{default as B}from"./Box";import{default as I,IconButton as y,UnstyledButton as T}from"./Button";import{default as g}from"./Carousel";import{default as C}from"./ClickOutside";import{default as k}from"./ErrorBoundary";export*from"./Hamburger";import{default as L}from"./Hamburger";import{default as O}from"./Icon";import{IconInput as U,default as h,TextArea as j}from"./Input";import{default as w}from"./Layer";import{default as D}from"./Modal";import{default as G}from"./Popover";import{default as K}from"./Select";import{default as Q}from"./Spinner";import{default as V}from"./Table";import{default as X}from"./Tooltip";import{default as Z}from"./ui";export{t as Accordion,a as Alert,u as Animated,d as Autocomplete,m as Avatar,x as Badge,c as Banner,B as Box,I as Button,g as Carousel,C as ClickOutside,k as ErrorBoundary,L as Hamburger,O as Icon,y as IconButton,U as IconInput,h as Input,w as Layer,D as Modal,G as Popover,K as Select,Q as Spinner,V as Table,j as TextArea,X as Tooltip,T as UnstyledButton,Z as ui};
1
+ import{default as t}from"./Accordion";import{default as a}from"./Animated";import{default as u}from"./Autocomplete";import{default as p}from"./Avatar";import{default as m}from"./Box";import{default as s,IconButton as n,UnstyledButton as c}from"./Button";import{default as B}from"./Carousel";import{default as I}from"./ClickOutside";import{default as T}from"./ErrorBoundary";export*from"./Hamburger";import{default as v}from"./Hamburger";import{default as S}from"./Icon";import{IconInput as E,default as H,TextArea as L}from"./Input";import{default as O}from"./Layer";import{default as U}from"./Modal";import{default as j}from"./Popover";import{default as w}from"./Select";import{Alert as D,Badge as F,Banner as G}from"./Signal";import{default as K}from"./Spinner";import{default as Q}from"./Table";import{default as V}from"./Tooltip";import{default as X}from"./ui";export{t as Accordion,D as Alert,a as Animated,u as Autocomplete,p as Avatar,F as Badge,G as Banner,m as Box,s as Button,B as Carousel,I as ClickOutside,T as ErrorBoundary,v as Hamburger,S as Icon,n as IconButton,E as IconInput,H as Input,O as Layer,U as Modal,j as Popover,w as Select,K as Spinner,Q as Table,L as TextArea,V as Tooltip,c as UnstyledButton,X as ui};
@@ -1 +1 @@
1
- var c={pos:function(n){var r=n.pos;return"aui-pos-".concat(r)},axis:function(n){var r=n.axis;return"aui-flex-".concat(r)},gap:function(n){var r=n.gap;return"aui-gap-".concat(r)},align:function(n){var r=n.align;return"aui-align-".concat(r)},justify:function(n){var r=n.justify;return"aui-justify-".concat(r)},stretch:function(n){var r=n.stretch;return"aui-stretch-".concat(r)},wrap:function(){return"aui-flex-wrap"},overflow:function(n){var r=n.overflow;return"aui-ov-".concat(r)},overflowX:function(n){var r=n.overflowX;return"aui-ov-x-".concat(r)},overflowY:function(n){var r=n.overflowY;return"aui-ov-y-".concat(r)},z:function(n){var r=n.z;return"aui-z-".concat(r)},padding:function(n){var r=n.padding;return"aui-pa-".concat(r)},paddingX:function(n){var r=n.paddingX,i=n.paddingLeft,a=n.paddingRight,t=[];return i||t.push("aui-pl-".concat(r)),a||t.push("aui-pr-".concat(r)),t.join(" ")},paddingY:function(n){var r=n.paddingY,i=n.paddingTop,a=n.paddingBottom,t=[];return i||t.push("aui-pt-".concat(r)),a||t.push("aui-pb-".concat(r)),t.join(" ")},paddingTop:function(n){var r=n.paddingTop;return"aui-pt-".concat(r)},paddingBottom:function(n){var r=n.paddingBottom;return"aui-pb-".concat(r)},paddingLeft:function(n){var r=n.paddingLeft;return"aui-pl-".concat(r)},paddingRight:function(n){var r=n.paddingRight;return"aui-pr-".concat(r)},margin:function(n){var r=n.margin;return"aui-ma-".concat(r)},marginX:function(n){var r=n.marginX,i=n.marginLeft,a=n.marginRight,t=[];return i||t.push("aui-ml-".concat(r)),a||t.push("aui-mr-".concat(r)),t.join(" ")},marginY:function(n){var r=n.marginY,i=n.marginTop,a=n.marginBottom,t=[];return i||t.push("aui-mt-".concat(r)),a||t.push("aui-mb-".concat(r)),t.join(" ")},marginTop:function(n){var r=n.marginTop;return"aui-mt-".concat(r)},marginBottom:function(n){var r=n.marginBottom;return"aui-mb-".concat(r)},marginLeft:function(n){var r=n.marginLeft;return"aui-ml-".concat(r)},marginRight:function(n){var r=n.marginRight;return"aui-mr-".concat(r)},width:function(n){var r=n.width;return"aui-w-".concat(r)},minWidth:function(n){var r=n.minWidth;return"aui-minw-".concat(r)},maxWidth:function(n){var r=n.maxWidth;return"aui-maxw-".concat(r)},height:function(n){var r=n.height;return"aui-h-".concat(r)},minHeight:function(n){var r=n.minHeight;return"aui-minh-".concat(r)},maxHeight:function(n){var r=n.maxHeight;return"aui-maxh-".concat(r)},radius:function(n){var r=n.radius;return"aui-radius-".concat(r)},border:function(){return"aui-ba"},borderTop:function(){return"aui-bt"},borderBottom:function(){return"aui-bb"},borderLeft:function(){return"aui-bl"},borderRight:function(){return"aui-br"},borderWidth:function(n){var r=n.borderWidth;return"aui-bw-".concat(r)},borderStyle:function(n){var r=n.borderStyle;return"aui-bs-".concat(r)},borderColor:function(n){var r=n.borderColor;return"aui-bc-".concat(r)},shadow:function(n){var r=n.shadow;return"aui-shadow-".concat(r)},opacity:function(n){var r=n.opacity;return"aui-op-".concat(r)},fontSize:function(n){var r=n.fontSize;return"aui-f-".concat(r)},fontWeight:function(n){var r=n.fontWeight;return"aui-fw-".concat(r)},textAlign:function(n){var r=n.textAlign;return"aui-ta-".concat(r)},italics:function(){return"aui-it"},color:function(n){var r=n.color;return"aui-c-".concat(r)},backgroundColor:function(n){var r=n.backgroundColor;return"aui-bg-".concat(r)},cursor:function(n){var r=n.cursor;return"aui-cursor-".concat(r)}};function e(n){if(!n)return null;var r=[];return Object.entries(n).forEach(function(i){var a=i[0],t=i[1],u=c[a],o=u(n);t&&o&&r.push(o)}),r.join(" ")||null}export{e as default};
1
+ var c={pos:function(n){var r=n.pos;return"aui-pos-".concat(r)},axis:function(n){var r=n.axis;return"aui-flex-".concat(r)},gap:function(n){var r=n.gap;return"aui-gap-".concat(r)},align:function(n){var r=n.align;return"aui-align-".concat(r)},justify:function(n){var r=n.justify;return"aui-justify-".concat(r)},stretch:function(n){var r=n.stretch;return"aui-stretch-".concat(r)},wrap:function(){return"aui-flex-wrap"},overflow:function(n){var r=n.overflow;return"aui-ov-".concat(r)},overflowX:function(n){var r=n.overflowX;return"aui-ov-x-".concat(r)},overflowY:function(n){var r=n.overflowY;return"aui-ov-y-".concat(r)},z:function(n){var r=n.z;return"aui-z-".concat(r)},padding:function(n){var r=n.padding;return"aui-pa-".concat(r)},paddingX:function(n){var r=n.paddingX,i=n.paddingLeft,a=n.paddingRight,t=[];return i||t.push("aui-pl-".concat(r)),a||t.push("aui-pr-".concat(r)),t.join(" ")},paddingY:function(n){var r=n.paddingY,i=n.paddingTop,a=n.paddingBottom,t=[];return i||t.push("aui-pt-".concat(r)),a||t.push("aui-pb-".concat(r)),t.join(" ")},paddingTop:function(n){var r=n.paddingTop;return"aui-pt-".concat(r)},paddingBottom:function(n){var r=n.paddingBottom;return"aui-pb-".concat(r)},paddingLeft:function(n){var r=n.paddingLeft;return"aui-pl-".concat(r)},paddingRight:function(n){var r=n.paddingRight;return"aui-pr-".concat(r)},margin:function(n){var r=n.margin;return"aui-ma-".concat(r)},marginX:function(n){var r=n.marginX,i=n.marginLeft,a=n.marginRight,t=[];return i||t.push("aui-ml-".concat(r)),a||t.push("aui-mr-".concat(r)),t.join(" ")},marginY:function(n){var r=n.marginY,i=n.marginTop,a=n.marginBottom,t=[];return i||t.push("aui-mt-".concat(r)),a||t.push("aui-mb-".concat(r)),t.join(" ")},marginTop:function(n){var r=n.marginTop;return"aui-mt-".concat(r)},marginBottom:function(n){var r=n.marginBottom;return"aui-mb-".concat(r)},marginLeft:function(n){var r=n.marginLeft;return"aui-ml-".concat(r)},marginRight:function(n){var r=n.marginRight;return"aui-mr-".concat(r)},width:function(n){var r=n.width;return"aui-w-".concat(r)},minWidth:function(n){var r=n.minWidth;return"aui-minw-".concat(r)},maxWidth:function(n){var r=n.maxWidth;return"aui-maxw-".concat(r)},height:function(n){var r=n.height;return"aui-h-".concat(r)},minHeight:function(n){var r=n.minHeight;return"aui-minh-".concat(r)},maxHeight:function(n){var r=n.maxHeight;return"aui-maxh-".concat(r)},radius:function(n){var r=n.radius;return"aui-radius-".concat(r)},border:function(){return"aui-ba"},borderTop:function(){return"aui-bt"},borderBottom:function(){return"aui-bb"},borderLeft:function(){return"aui-bl"},borderRight:function(){return"aui-br"},borderWidth:function(n){var r=n.borderWidth;return"aui-bw-".concat(r)},borderStyle:function(n){var r=n.borderStyle;return"aui-bs-".concat(r)},borderColor:function(n){var r=n.borderColor;return"aui-bc-".concat(r)},shadow:function(n){var r=n.shadow;return"aui-shadow-".concat(r)},opacity:function(n){var r=n.opacity;return"aui-op-".concat(r)},hover:function(n){var r=n.hover;return"aui-hov-".concat(r)},fontSize:function(n){var r=n.fontSize;return"aui-f-".concat(r)},fontWeight:function(n){var r=n.fontWeight;return"aui-fw-".concat(r)},textAlign:function(n){var r=n.textAlign;return"aui-ta-".concat(r)},italics:function(){return"aui-it"},lineHeight:function(n){var r=n.lineHeight;return"aui-lh-".concat(r)},color:function(n){var r=n.color;return"aui-c-".concat(r)},backgroundColor:function(n){var r=n.backgroundColor;return"aui-bg-".concat(r)},cursor:function(n){var r=n.cursor;return"aui-cursor-".concat(r)}};function e(n){if(!n)return null;var r=[];return Object.entries(n).forEach(function(i){var a=i[0],t=i[1],u=c[a],o=u(n);t&&o&&r.push(o)}),r.join(" ")||null}export{e as default};
@@ -1 +1 @@
1
- import{jsx as y}from"react/jsx-runtime";import c from"react";import{getButtonProps as d}from"../components/Button/Button";import h from"../components/ui";import x from"../functions/classNames";import{getHref as N}from"./href";import O from"./RouterContext";var o=function(){return o=Object.assign||function(r){for(var n,a=1,t=arguments.length;a<t;a++){n=arguments[a];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(r[e]=n[e])}return r},o.apply(this,arguments)},v=function(r,n){var a={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&n.indexOf(t)<0&&(a[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(r);e<t.length;e++)n.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(r,t[e])&&(a[t[e]]=r[t[e]]);return a};function k(r){return r.button===0&&!r.defaultPrevented&&!r.metaKey&&!r.altKey&&!r.ctrlKey&&!r.shiftKey}var g=c.forwardRef(function(r,n){var a=r.to,t=r.className,e=r.newTab,s=r.onClick,l=r.target,f=r.rel,u=v(r,["to","className","newTab","onClick","target","rel"]),i=c.useContext(O),m=i?N(a,i.location.pathname,i.basename):{type:"unknown",url:a};e&&(l="_blank",f="noreferrer noopener");var b=function(p){s==null||s(p),!(!i||e||m.type==="external"||m.type==="octo"||!k(p))&&(p.preventDefault(),i.navigate(a))};return y(h.a,o({},u,{href:m.url,target:l,rel:f,className:x("aui-action",t),onClick:b,ref:n}))}),T=c.forwardRef(function(r,n){var a=r.className,t=r.variant,e=r.vfx,s=r.size,l=v(r,["className","variant","vfx","size"]),f=d({variant:t,size:s}),u=f.vfx,i=f.className;return y(g,o({},l,{className:x(i,a),vfx:o(o({},u),e),ref:n}))}),w=c.forwardRef(function(r,n){var a=r.className,t=r.vfx,e=v(r,["className","vfx"]);return y(g,o({},e,{vfx:o({fontWeight:6},t),className:x("aui-link",a),ref:n}))}),B=w;export{T as ButtonLink,g as UnstyledLink,B as default};
1
+ import{jsx as y}from"react/jsx-runtime";import c from"react";import{getButtonProps as b}from"../components/Button/Button";import h from"../components/ui";import x from"../functions/classNames";import{getHref as N}from"./href";import O from"./RouterContext";var o=function(){return o=Object.assign||function(r){for(var n,a=1,t=arguments.length;a<t;a++){n=arguments[a];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(r[e]=n[e])}return r},o.apply(this,arguments)},v=function(r,n){var a={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&n.indexOf(t)<0&&(a[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(r);e<t.length;e++)n.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(r,t[e])&&(a[t[e]]=r[t[e]]);return a};function k(r){return r.button===0&&!r.defaultPrevented&&!r.metaKey&&!r.altKey&&!r.ctrlKey&&!r.shiftKey}var g=c.forwardRef(function(r,n){var a=r.to,t=r.className,e=r.newTab,s=r.onClick,l=r.target,f=r.rel,m=v(r,["to","className","newTab","onClick","target","rel"]),i=c.useContext(O),u=i?N(a,i.location.pathname,i.basename):{type:"unknown",url:a};e&&(l="_blank",f="noreferrer noopener");var d=function(p){s==null||s(p),!(!i||e||u.type==="external"||u.type==="octo"||!k(p))&&(p.preventDefault(),i.navigate(a))};return y(h.a,o({},m,{href:u.url,target:l,rel:f,className:x("aui-action",t),onClick:d,ref:n}))}),T=c.forwardRef(function(r,n){var a=r.className,t=r.variant,e=r.vfx,s=r.size,l=v(r,["className","variant","vfx","size"]),f=b({variant:t,size:s}),m=f.vfx,i=f.className;return y(g,o({},l,{className:x(i,a),vfx:o(o({},m),e),ref:n}))}),w=c.forwardRef(function(r,n){var a=r.className,t=r.vfx,e=v(r,["className","vfx"]);return y(g,o({},e,{vfx:o({fontWeight:6,hover:"dim"},t),className:x("aui-link",a),ref:n}))}),B=w;export{T as ButtonLink,g as UnstyledLink,B as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adamjanicki/ui",
3
- "version": "1.9.2",
3
+ "version": "1.9.3",
4
4
  "description": "Basic UI components and hooks for React in TypeScript",
5
5
  "type": "module",
6
6
  "main": "./index.js",
@@ -14,10 +14,10 @@
14
14
  "url": "git+https://github.com/adamjanicki2/ui.git"
15
15
  },
16
16
  "scripts": {
17
- "clean": "python3 clean.py",
17
+ "clean": "python3 ./scripts/clean.py",
18
18
  "lint": "eslint src test --fix && prettier --write \"src/**/*.{ts,tsx,json,css,scss,md}\" \"test/**/*.{ts,tsx}\"",
19
19
  "test": "jest --silent",
20
- "build": "npm test && eslint src test --max-warnings=0 && python3 build.py",
20
+ "build": "npm test && eslint src test --max-warnings=0 && python3 ./scripts/build.py",
21
21
  "prepare": "npm run build"
22
22
  },
23
23
  "peerDependencies": {
package/style.css CHANGED
@@ -1 +1 @@
1
- :root{--aui-xxs: 2px;--aui-xs: 4px;--aui-s: 8px;--aui-m: 16px;--aui-l: 24px;--aui-xl: 32px;--aui-xxl: 64px;--aui-moon-gray: #ccc;--aui-dark-gray: #555;--aui-darkest-gray: #333;--aui-obsidian: #121212;--aui-focus-ring-color: #b2dbfa;--aui-color-default: black;--aui-color-muted: var(--aui-dark-gray);--aui-default-background: white;--aui-default-border: var(--aui-moon-gray);--aui-opacity-disabled: 0.5;--aui-opacity-dim: 0.75;--aui-default-transition: 0.25s ease-in-out;--aui-floating-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);--aui-radius-none: 0;--aui-radius-subtle: 4px;--aui-radius-rounded: 8px;--aui-radius-max: 10000px;--aui-button-primary-background: black;--aui-button-primary-color: white;--aui-button-secondary-border-hover: var(--aui-darkest-gray);--aui-subtle-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);--aui-button-primary-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.36);--aui-success-background: #dff2e1;--aui-success-color: #1b5e20;--aui-success-border: #b2dfb1;--aui-warning-background: #fceeb6;--aui-warning-color: #b23904;--aui-warning-border: #e6d5a2;--aui-error-background: #fdecea;--aui-error-color: #b71c1c;--aui-error-border: #f5b7b7;--aui-info-background: #e3f2fd;--aui-info-color: #0d47a1;--aui-info-border: #90caf9;--aui-avatar-purple: #bc54d6;--aui-avatar-blue: #618bdc;--aui-avatar-red: #ee6060;--aui-avatar-green: #add386;--aui-avatar-yellow: #f5c76d;--aui-static-background: #e8e8e8;--aui-static-color: var(--aui-color-default);--aui-static-border: var(--aui-default-border);--aui-layer-backdrop-background: rgba(200, 200, 200, 0.6);--aui-link-color: #0070ff}[data-theme=dark]{--aui-focus-ring-color: #6699cc;--aui-color-default: white;--aui-color-muted: var(--aui-moon-gray);--aui-default-background: var(--aui-obsidian);--aui-default-border: var(--aui-dark-gray);--aui-floating-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);--aui-button-primary-background: white;--aui-button-primary-color: var(--aui-obsidian);--aui-button-secondary-border-hover: var(--aui-moon-gray);--aui-subtle-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);--aui-button-primary-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.8);--aui-success-background: #2a5733;--aui-success-color: #d9efd8;--aui-success-border: #439e4a;--aui-warning-background: #736230;--aui-warning-color: #fff6d1;--aui-warning-border: #927a3b;--aui-error-background: #663232;--aui-error-color: #f9dadc;--aui-error-border: #8d2a2a;--aui-info-background: #335f72;--aui-info-color: #d4f1f5;--aui-info-border: #1d8ea4;--aui-static-background: var(--aui-darkest-gray);--aui-static-color: var(--aui-color-default);--aui-static-border: var(--aui-default-border);--aui-avatar-purple: #771199;--aui-avatar-blue: #0b4cce;--aui-avatar-red: #bb1111;--aui-avatar-green: #307040;--aui-avatar-yellow: #bb8822;--aui-layer-backdrop-background: rgba(55, 55, 55, 0.7);--aui-link-color: #33bfff}*{box-sizing:border-box}html{font-family:system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;line-height:1.15;tab-size:4;-webkit-font-smoothing:antialiased}body{margin:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.aui-content-success{background-color:var(--aui-success-background);color:var(--aui-success-color);border-color:var(--aui-success-border)}.aui-content-warning{background-color:var(--aui-warning-background);color:var(--aui-warning-color);border-color:var(--aui-warning-border)}.aui-content-error{background-color:var(--aui-error-background);color:var(--aui-error-color);border-color:var(--aui-error-border)}.aui-content-info{background-color:var(--aui-info-background);color:var(--aui-info-color);border-color:var(--aui-info-border)}.aui-content-static{background-color:var(--aui-static-background);color:var(--aui-static-color);border-color:var(--aui-static-border)}.aui-alert,.aui-badge{border-style:solid;border-width:1px}.aui-action{color:inherit;text-decoration:none;cursor:pointer;outline-color:var(--aui-link-color)}.aui-action:focus:not(:focus-visible){outline:none}.aui-button{background:none;border:none;padding:0}.aui-button:disabled{cursor:default !important;opacity:var(--aui-opacity-disabled)}.aui-button-primary{background-color:var(--aui-button-primary-background);border:1px solid var(--aui-button-primary-background);color:var(--aui-button-primary-color);box-shadow:var(--aui-button-primary-box-shadow);transition:opacity var(--aui-default-transition)}.aui-button-secondary{color:var(--aui-color-default);background-color:var(--aui-default-background);border:1px solid var(--aui-default-border);box-shadow:var(--aui-subtle-box-shadow);transition:border var(--aui-default-transition)}.aui-dim,.aui-undim{transition:opacity var(--aui-default-transition)}.aui-dim{opacity:1}.aui-undim{opacity:var(--aui-opacity-dim)}.aui-link{color:var(--aui-link-color);transition:opacity var(--aui-default-transition)}.aui-table{display:table;border-spacing:0}.aui-table-row{display:table-row}.aui-subtle-hover{background-color:rgba(0,0,0,0);transition:background-color var(--aui-default-transition)}.aui-table-cell{display:table-cell;vertical-align:middle}@media(hover: hover){.aui-button-primary:not([disabled]):hover,.aui-dim:not([disabled]):hover,.aui-link:hover{opacity:var(--aui-opacity-dim)}.aui-button-secondary:not([disabled]):hover{border-color:var(--aui-button-secondary-border-hover)}.aui-undim:not([disabled]):hover{opacity:1}.aui-subtle-hover:not([disabled]):hover,.aui-autocomplete-on-option{background-color:var(--aui-static-background)}}.aui-input-base{outline:none;border:none;background-color:inherit;color:inherit;padding:var(--aui-s);font-weight:400}.aui-input-base::selection{background-color:var(--aui-focus-ring-color)}.aui-input,.aui-select-container{transition:box-shadow var(--aui-default-transition);border:1px solid var(--aui-default-border);box-shadow:var(--aui-subtle-box-shadow);background-color:var(--aui-default-background)}.aui-input:disabled{opacity:var(--aui-opacity-disabled);cursor:default}.aui-input:not([disabled]):focus-within,.aui-select-container:not([disabled]):focus-within{box-shadow:var(--aui-subtle-box-shadow),0 0 0 3px var(--aui-focus-ring-color)}.aui-select{width:100%;color:inherit;border:none;outline:none;box-shadow:none;cursor:pointer;background-color:rgba(0,0,0,0);padding:var(--aui-s) 28px var(--aui-s) var(--aui-s);font-weight:600;appearance:none;-webkit-appearance:none;-moz-appearance:none}.aui-select-disabled *{opacity:var(--aui-opacity-disabled);cursor:default}.aui-layer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--aui-layer-backdrop-background)}.aui-icon *{color:currentColor;fill:currentColor}.aui-spinner{animation:aui-spinner-animation 1s linear infinite;transform-origin:center;height:var(--aui-l)}@keyframes aui-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.aui-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--aui-l);height:var(--aui-l)}.aui-carousel-dots{position:absolute;bottom:var(--aui-s);transform:translateX(-50%);left:50%}.aui-carousel-dot{width:var(--aui-m);height:var(--aui-s)}.aui-pos-relative{position:relative}.aui-pos-absolute{position:absolute}.aui-pos-fixed{position:fixed}.aui-pos-sticky{position:sticky}.aui-flex-x{display:flex;flex-direction:row}.aui-flex-y{display:flex;flex-direction:column}.aui-flex--x{display:flex;flex-direction:row-reverse}.aui-flex--y{display:flex;flex-direction:column-reverse}.aui-flex-wrap{flex-wrap:wrap}.aui-align-start{align-items:flex-start}.aui-align-center{align-items:center}.aui-align-end{align-items:flex-end}.aui-justify-start{justify-content:flex-start}.aui-justify-center{justify-content:center}.aui-justify-end{justify-content:flex-end}.aui-justify-between{justify-content:space-between}.aui-justify-around{justify-content:space-around}.aui-stretch-even{flex:1 1 0}.aui-stretch-grow{flex-grow:1}.aui-stretch-min{flex-shrink:1}.aui-stretch-max{flex:0 0 100%}.aui-avatar-red{background-color:var(--aui-avatar-red)}.aui-avatar-yellow{background-color:var(--aui-avatar-yellow)}.aui-avatar-green{background-color:var(--aui-avatar-green)}.aui-avatar-blue{background-color:var(--aui-avatar-blue)}.aui-avatar-purple{background-color:var(--aui-avatar-purple)}.aui-avatar-xxs{width:12px;height:12px;line-height:12px;font-size:9.6px}.aui-avatar-xs{width:16px;height:16px;line-height:16px;font-size:12.8px}.aui-avatar-s{width:24px;height:24px;line-height:24px;font-size:19.2px}.aui-avatar-m{width:32px;height:32px;line-height:32px;font-size:25.6px}.aui-avatar-l{width:48px;height:48px;line-height:48px;font-size:38.4px}.aui-avatar-xl{width:64px;height:64px;line-height:64px;font-size:51.2px}.aui-avatar-xxl{width:128px;height:128px;line-height:128px;font-size:102.4px}.aui-icon-xxs{width:8px;height:8px}.aui-icon-xs{width:12px;height:12px}.aui-icon-s{width:16px;height:16px}.aui-icon-m{width:24px;height:24px}.aui-icon-l{width:32px;height:32px}.aui-icon-xl{width:48px;height:48px}.aui-icon-xxl{width:64px;height:64px}.aui-pa-none{padding:0}.aui-pa-xxs{padding:var(--aui-xxs)}.aui-pa-xs{padding:var(--aui-xs)}.aui-pa-s{padding:var(--aui-s)}.aui-pa-m{padding:var(--aui-m)}.aui-pa-l{padding:var(--aui-l)}.aui-pa-xl{padding:var(--aui-xl)}.aui-pa-xxl{padding:var(--aui-xxl)}.aui-pt-none{padding-top:0}.aui-pt-xxs{padding-top:var(--aui-xxs)}.aui-pt-xs{padding-top:var(--aui-xs)}.aui-pt-s{padding-top:var(--aui-s)}.aui-pt-m{padding-top:var(--aui-m)}.aui-pt-l{padding-top:var(--aui-l)}.aui-pt-xl{padding-top:var(--aui-xl)}.aui-pt-xxl{padding-top:var(--aui-xxl)}.aui-pb-none{padding-bottom:0}.aui-pb-xxs{padding-bottom:var(--aui-xxs)}.aui-pb-xs{padding-bottom:var(--aui-xs)}.aui-pb-s{padding-bottom:var(--aui-s)}.aui-pb-m{padding-bottom:var(--aui-m)}.aui-pb-l{padding-bottom:var(--aui-l)}.aui-pb-xl{padding-bottom:var(--aui-xl)}.aui-pb-xxl{padding-bottom:var(--aui-xxl)}.aui-pl-none{padding-left:0}.aui-pl-xxs{padding-left:var(--aui-xxs)}.aui-pl-xs{padding-left:var(--aui-xs)}.aui-pl-s{padding-left:var(--aui-s)}.aui-pl-m{padding-left:var(--aui-m)}.aui-pl-l{padding-left:var(--aui-l)}.aui-pl-xl{padding-left:var(--aui-xl)}.aui-pl-xxl{padding-left:var(--aui-xxl)}.aui-pr-none{padding-right:0}.aui-pr-xxs{padding-right:var(--aui-xxs)}.aui-pr-xs{padding-right:var(--aui-xs)}.aui-pr-s{padding-right:var(--aui-s)}.aui-pr-m{padding-right:var(--aui-m)}.aui-pr-l{padding-right:var(--aui-l)}.aui-pr-xl{padding-right:var(--aui-xl)}.aui-pr-xxl{padding-right:var(--aui-xxl)}.aui-ma-auto{margin:auto}.aui-ma-none{margin:0}.aui-ma-xxs{margin:var(--aui-xxs)}.aui-ma-xs{margin:var(--aui-xs)}.aui-ma-s{margin:var(--aui-s)}.aui-ma-m{margin:var(--aui-m)}.aui-ma-l{margin:var(--aui-l)}.aui-ma-xl{margin:var(--aui-xl)}.aui-ma-xxl{margin:var(--aui-xxl)}.aui-mt-auto{margin-top:auto}.aui-mt-none{margin-top:0}.aui-mt-xxs{margin-top:var(--aui-xxs)}.aui-mt-xs{margin-top:var(--aui-xs)}.aui-mt-s{margin-top:var(--aui-s)}.aui-mt-m{margin-top:var(--aui-m)}.aui-mt-l{margin-top:var(--aui-l)}.aui-mt-xl{margin-top:var(--aui-xl)}.aui-mt-xxl{margin-top:var(--aui-xxl)}.aui-mb-auto{margin-bottom:auto}.aui-mb-none{margin-bottom:0}.aui-mb-xxs{margin-bottom:var(--aui-xxs)}.aui-mb-xs{margin-bottom:var(--aui-xs)}.aui-mb-s{margin-bottom:var(--aui-s)}.aui-mb-m{margin-bottom:var(--aui-m)}.aui-mb-l{margin-bottom:var(--aui-l)}.aui-mb-xl{margin-bottom:var(--aui-xl)}.aui-mb-xxl{margin-bottom:var(--aui-xxl)}.aui-ml-auto{margin-left:auto}.aui-ml-none{margin-left:0}.aui-ml-xxs{margin-left:var(--aui-xxs)}.aui-ml-xs{margin-left:var(--aui-xs)}.aui-ml-s{margin-left:var(--aui-s)}.aui-ml-m{margin-left:var(--aui-m)}.aui-ml-l{margin-left:var(--aui-l)}.aui-ml-xl{margin-left:var(--aui-xl)}.aui-ml-xxl{margin-left:var(--aui-xxl)}.aui-mr-auto{margin-right:auto}.aui-mr-none{margin-right:0}.aui-mr-xxs{margin-right:var(--aui-xxs)}.aui-mr-xs{margin-right:var(--aui-xs)}.aui-mr-s{margin-right:var(--aui-s)}.aui-mr-m{margin-right:var(--aui-m)}.aui-mr-l{margin-right:var(--aui-l)}.aui-mr-xl{margin-right:var(--aui-xl)}.aui-mr-xxl{margin-right:var(--aui-xxl)}.aui-gap-none{gap:0}.aui-gap-xxs{gap:var(--aui-xxs)}.aui-gap-xs{gap:var(--aui-xs)}.aui-gap-s{gap:var(--aui-s)}.aui-gap-m{gap:var(--aui-m)}.aui-gap-l{gap:var(--aui-l)}.aui-gap-xl{gap:var(--aui-xl)}.aui-gap-xxl{gap:var(--aui-xxl)}.aui-w-full{width:100%}.aui-w-fit{width:fit-content}.aui-w-min{width:min-content}.aui-w-max{width:max-content}.aui-minw-full{min-width:100%}.aui-minw-fit{min-width:fit-content}.aui-minw-min{min-width:min-content}.aui-minw-max{min-width:max-content}.aui-maxw-full{max-width:100%}.aui-maxw-fit{max-width:fit-content}.aui-maxw-min{max-width:min-content}.aui-maxw-max{max-width:max-content}.aui-h-full{height:100%}.aui-h-fit{height:fit-content}.aui-h-min{height:min-content}.aui-h-max{height:max-content}.aui-minh-full{min-height:100%}.aui-minh-fit{min-height:fit-content}.aui-minh-min{min-height:min-content}.aui-minh-max{min-height:max-content}.aui-maxh-full{max-height:100%}.aui-maxh-fit{max-height:fit-content}.aui-maxh-min{max-height:min-content}.aui-maxh-max{max-height:max-content}.aui-radius-none{border-radius:var(--aui-radius-none)}.aui-radius-subtle{border-radius:var(--aui-radius-subtle)}.aui-radius-rounded{border-radius:var(--aui-radius-rounded)}.aui-radius-max{border-radius:var(--aui-radius-max)}.aui-ba{border:1px solid var(--aui-default-border)}.aui-bt{border-top:1px solid var(--aui-default-border)}.aui-br{border-right:1px solid var(--aui-default-border)}.aui-bb{border-bottom:1px solid var(--aui-default-border)}.aui-bl{border-left:1px solid var(--aui-default-border)}.aui-bw-none{border-width:0px}.aui-bw-xs{border-width:1px}.aui-bw-s{border-width:2px}.aui-bw-m{border-width:4px}.aui-bw-l{border-width:8px}.aui-bw-xl{border-width:16px}.aui-bs-solid{border-style:solid}.aui-bs-dotted{border-style:dotted}.aui-bs-dashed{border-style:dashed}.aui-bs-none{border-style:none}.aui-bc-default{border-color:var(--aui-default-border)}.aui-bc-primary{border-color:var(--aui-color-default)}.aui-shadow-subtle{box-shadow:var(--aui-subtle-box-shadow)}.aui-shadow-floating{box-shadow:var(--aui-floating-box-shadow)}.aui-shadow-none{box-shadow:none}.aui-op-none{opacity:0}.aui-op-disabled{opacity:var(--aui-opacity-disabled)}.aui-op-dim{opacity:var(--aui-opacity-dim)}.aui-op-full{opacity:1}.aui-f-xxs{font-size:10px}.aui-f-xs{font-size:12px}.aui-f-s{font-size:14px}.aui-f-default{font-size:16px}.aui-f-m{font-size:20px}.aui-f-l{font-size:24px}.aui-f-xl{font-size:32px}.aui-f-xxl{font-size:48px}.aui-fw-1{font-weight:100}.aui-fw-2{font-weight:200}.aui-fw-3{font-weight:300}.aui-fw-4{font-weight:400}.aui-fw-5{font-weight:500}.aui-fw-6{font-weight:600}.aui-fw-7{font-weight:700}.aui-fw-8{font-weight:800}.aui-fw-9{font-weight:900}.aui-ta-left{text-align:left}.aui-ta-right{text-align:right}.aui-ta-center{text-align:center}.aui-it{font-style:italic}.aui-c-default{color:var(--aui-color-default)}.aui-c-muted{color:var(--aui-color-muted)}.aui-c-inherit{color:inherit}.aui-c-transparent{color:rgba(0,0,0,0)}.aui-bg-default{background-color:var(--aui-default-background)}.aui-bg-muted{background-color:var(--aui-static-background)}.aui-bg-inherit{background-color:inherit}.aui-bg-transparent{background-color:rgba(0,0,0,0)}.aui-ov-auto{overflow:auto}.aui-ov-x-auto{overflow-x:auto}.aui-ov-y-auto{overflow-y:auto}.aui-ov-hidden{overflow:hidden}.aui-ov-x-hidden{overflow-x:hidden}.aui-ov-y-hidden{overflow-y:hidden}.aui-z-auto{z-index:auto}.aui-z-floating{z-index:100}.aui-z-nav{z-index:1000}.aui-z-max{z-index:10000}.aui-cursor-auto{cursor:auto}.aui-cursor-pointer{cursor:pointer}
1
+ :root{--aui-xxs: 2px;--aui-xs: 4px;--aui-s: 8px;--aui-m: 16px;--aui-l: 24px;--aui-xl: 32px;--aui-xxl: 64px;--aui-moon-gray: #ccc;--aui-dark-gray: #555;--aui-darkest-gray: #333;--aui-obsidian: #121212;--aui-focus-ring-color: #b2dbfa;--aui-color-default: black;--aui-color-muted: var(--aui-dark-gray);--aui-default-background: white;--aui-default-border: var(--aui-moon-gray);--aui-opacity-disabled: 0.5;--aui-opacity-dim: 0.75;--aui-default-transition: 0.25s ease-in-out;--aui-floating-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);--aui-radius-none: 0;--aui-radius-subtle: 4px;--aui-radius-rounded: 8px;--aui-radius-max: 10000px;--aui-button-primary-background: black;--aui-button-primary-color: white;--aui-button-secondary-border-hover: var(--aui-darkest-gray);--aui-subtle-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);--aui-button-primary-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.36);--aui-success-background: #dff2e1;--aui-success-color: #1b5e20;--aui-success-border: #b2dfb1;--aui-warning-background: #fceeb6;--aui-warning-color: #b23904;--aui-warning-border: #e6d5a2;--aui-error-background: #fdecea;--aui-error-color: #b71c1c;--aui-error-border: #f5b7b7;--aui-info-background: #e3f2fd;--aui-info-color: #0d47a1;--aui-info-border: #90caf9;--aui-avatar-purple: #bc54d6;--aui-avatar-blue: #618bdc;--aui-avatar-red: #ee6060;--aui-avatar-green: #add386;--aui-avatar-yellow: #f5c76d;--aui-static-background: #e8e8e8;--aui-static-color: var(--aui-color-default);--aui-static-border: var(--aui-default-border);--aui-layer-backdrop-background: rgba(200, 200, 200, 0.6);--aui-link-color: #0070ff}[data-theme=dark]{--aui-focus-ring-color: #6699cc;--aui-color-default: white;--aui-color-muted: var(--aui-moon-gray);--aui-default-background: var(--aui-obsidian);--aui-default-border: var(--aui-dark-gray);--aui-floating-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);--aui-button-primary-background: white;--aui-button-primary-color: var(--aui-obsidian);--aui-button-secondary-border-hover: var(--aui-moon-gray);--aui-subtle-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);--aui-button-primary-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.8);--aui-success-background: #2a5733;--aui-success-color: #d9efd8;--aui-success-border: #439e4a;--aui-warning-background: #736230;--aui-warning-color: #fff6d1;--aui-warning-border: #927a3b;--aui-error-background: #663232;--aui-error-color: #f9dadc;--aui-error-border: #8d2a2a;--aui-info-background: #335f72;--aui-info-color: #d4f1f5;--aui-info-border: #1d8ea4;--aui-static-background: var(--aui-darkest-gray);--aui-static-color: var(--aui-color-default);--aui-static-border: var(--aui-default-border);--aui-avatar-purple: #771199;--aui-avatar-blue: #0b4cce;--aui-avatar-red: #bb1111;--aui-avatar-green: #307040;--aui-avatar-yellow: #bb8822;--aui-layer-backdrop-background: rgba(55, 55, 55, 0.7);--aui-link-color: #33bfff}*{box-sizing:border-box}html{font-family:system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;line-height:1.15;tab-size:4;-webkit-font-smoothing:antialiased}body{margin:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.aui-action{color:inherit;text-decoration:none;cursor:pointer;outline-color:var(--aui-link-color)}.aui-action:focus:not(:focus-visible){outline:none}.aui-button{background:none;border:none;padding:0}.aui-button:disabled{cursor:default !important;opacity:var(--aui-opacity-disabled)}.aui-button-primary{background-color:var(--aui-button-primary-background);border:1px solid var(--aui-button-primary-background);color:var(--aui-button-primary-color);box-shadow:var(--aui-button-primary-box-shadow);transition:opacity var(--aui-default-transition)}.aui-button-secondary{color:var(--aui-color-default);background-color:var(--aui-default-background);border:1px solid var(--aui-default-border);box-shadow:var(--aui-subtle-box-shadow);transition:border var(--aui-default-transition)}.aui-hov-dim,.aui-hov-undim{transition:opacity var(--aui-default-transition)}.aui-hov-dim{opacity:1}.aui-hov-undim{opacity:var(--aui-opacity-dim)}.aui-link{color:var(--aui-link-color)}.aui-table{display:table;border-spacing:0}.aui-table-row{display:table-row}.aui-hov-shade{background-color:rgba(0,0,0,0);transition:background-color var(--aui-default-transition)}.aui-table-cell{display:table-cell;vertical-align:middle}@media(hover: hover){.aui-hov-dim:not([disabled]):hover{opacity:var(--aui-opacity-dim)}.aui-button-secondary:not([disabled]):hover{border-color:var(--aui-button-secondary-border-hover)}.aui-hov-undim:not([disabled]):hover{opacity:1}.aui-hov-shade:not([disabled]):hover,.aui-autocomplete-on-option{background-color:var(--aui-static-background)}}.aui-input-base{outline:none;border:none;background-color:inherit;color:inherit;padding:var(--aui-s);font-weight:400}.aui-input-base::selection{background-color:var(--aui-focus-ring-color)}.aui-input,.aui-select-container{transition:box-shadow var(--aui-default-transition);border:1px solid var(--aui-default-border);box-shadow:var(--aui-subtle-box-shadow);background-color:var(--aui-default-background)}.aui-input:disabled{opacity:var(--aui-opacity-disabled);cursor:default}.aui-input:not([disabled]):focus-within,.aui-select-container:not([disabled]):focus-within{box-shadow:var(--aui-subtle-box-shadow),0 0 0 3px var(--aui-focus-ring-color)}.aui-select{width:100%;color:inherit;border:none;outline:none;box-shadow:none;cursor:pointer;background-color:rgba(0,0,0,0);padding:var(--aui-s) 28px var(--aui-s) var(--aui-s);font-weight:600;appearance:none;-webkit-appearance:none;-moz-appearance:none}.aui-select-disabled *{opacity:var(--aui-opacity-disabled);cursor:default}.aui-layer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--aui-layer-backdrop-background)}.aui-icon *{color:currentColor;fill:currentColor}.aui-spinner{animation:aui-spinner-animation 1s linear infinite;transform-origin:center;height:var(--aui-l)}@keyframes aui-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.aui-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--aui-l);height:var(--aui-l)}.aui-carousel-dots{position:absolute;bottom:var(--aui-s);transform:translateX(-50%);left:50%}.aui-carousel-dot{width:var(--aui-m);height:var(--aui-s)}.aui-pos-relative{position:relative}.aui-pos-absolute{position:absolute}.aui-pos-fixed{position:fixed}.aui-pos-sticky{position:sticky}.aui-flex-x{display:flex;flex-direction:row}.aui-flex-y{display:flex;flex-direction:column}.aui-flex--x{display:flex;flex-direction:row-reverse}.aui-flex--y{display:flex;flex-direction:column-reverse}.aui-flex-wrap{flex-wrap:wrap}.aui-align-start{align-items:flex-start}.aui-align-center{align-items:center}.aui-align-end{align-items:flex-end}.aui-justify-start{justify-content:flex-start}.aui-justify-center{justify-content:center}.aui-justify-end{justify-content:flex-end}.aui-justify-between{justify-content:space-between}.aui-justify-around{justify-content:space-around}.aui-stretch-even{flex:1 1 0}.aui-stretch-grow{flex-grow:1}.aui-stretch-min{flex-shrink:1}.aui-stretch-max{flex:0 0 100%}.aui-avatar-red{background-color:var(--aui-avatar-red)}.aui-avatar-yellow{background-color:var(--aui-avatar-yellow)}.aui-avatar-green{background-color:var(--aui-avatar-green)}.aui-avatar-blue{background-color:var(--aui-avatar-blue)}.aui-avatar-purple{background-color:var(--aui-avatar-purple)}.aui-avatar-xxs{width:12px;height:12px;line-height:12px;font-size:9.6px}.aui-avatar-xs{width:16px;height:16px;line-height:16px;font-size:12.8px}.aui-avatar-s{width:24px;height:24px;line-height:24px;font-size:19.2px}.aui-avatar-m{width:32px;height:32px;line-height:32px;font-size:25.6px}.aui-avatar-l{width:48px;height:48px;line-height:48px;font-size:38.4px}.aui-avatar-xl{width:64px;height:64px;line-height:64px;font-size:51.2px}.aui-avatar-xxl{width:128px;height:128px;line-height:128px;font-size:102.4px}.aui-icon-xxs{width:8px;height:8px}.aui-icon-xs{width:12px;height:12px}.aui-icon-s{width:16px;height:16px}.aui-icon-m{width:24px;height:24px}.aui-icon-l{width:32px;height:32px}.aui-icon-xl{width:48px;height:48px}.aui-icon-xxl{width:64px;height:64px}.aui-pa-xxs{padding:var(--aui-xxs)}.aui-pa-xs{padding:var(--aui-xs)}.aui-pa-s{padding:var(--aui-s)}.aui-pa-m{padding:var(--aui-m)}.aui-pa-l{padding:var(--aui-l)}.aui-pa-xl{padding:var(--aui-xl)}.aui-pa-xxl{padding:var(--aui-xxl)}.aui-pa-none{padding:0}.aui-pt-xxs{padding-top:var(--aui-xxs)}.aui-pt-xs{padding-top:var(--aui-xs)}.aui-pt-s{padding-top:var(--aui-s)}.aui-pt-m{padding-top:var(--aui-m)}.aui-pt-l{padding-top:var(--aui-l)}.aui-pt-xl{padding-top:var(--aui-xl)}.aui-pt-xxl{padding-top:var(--aui-xxl)}.aui-pt-none{padding-top:0}.aui-pb-xxs{padding-bottom:var(--aui-xxs)}.aui-pb-xs{padding-bottom:var(--aui-xs)}.aui-pb-s{padding-bottom:var(--aui-s)}.aui-pb-m{padding-bottom:var(--aui-m)}.aui-pb-l{padding-bottom:var(--aui-l)}.aui-pb-xl{padding-bottom:var(--aui-xl)}.aui-pb-xxl{padding-bottom:var(--aui-xxl)}.aui-pb-none{padding-bottom:0}.aui-pl-xxs{padding-left:var(--aui-xxs)}.aui-pl-xs{padding-left:var(--aui-xs)}.aui-pl-s{padding-left:var(--aui-s)}.aui-pl-m{padding-left:var(--aui-m)}.aui-pl-l{padding-left:var(--aui-l)}.aui-pl-xl{padding-left:var(--aui-xl)}.aui-pl-xxl{padding-left:var(--aui-xxl)}.aui-pl-none{padding-left:0}.aui-pr-xxs{padding-right:var(--aui-xxs)}.aui-pr-xs{padding-right:var(--aui-xs)}.aui-pr-s{padding-right:var(--aui-s)}.aui-pr-m{padding-right:var(--aui-m)}.aui-pr-l{padding-right:var(--aui-l)}.aui-pr-xl{padding-right:var(--aui-xl)}.aui-pr-xxl{padding-right:var(--aui-xxl)}.aui-pr-none{padding-right:0}.aui-ma-auto{margin:auto}.aui-ma-xxs{margin:var(--aui-xxs)}.aui-ma-xs{margin:var(--aui-xs)}.aui-ma-s{margin:var(--aui-s)}.aui-ma-m{margin:var(--aui-m)}.aui-ma-l{margin:var(--aui-l)}.aui-ma-xl{margin:var(--aui-xl)}.aui-ma-xxl{margin:var(--aui-xxl)}.aui-ma-none{margin:0}.aui-mt-auto{margin-top:auto}.aui-mt-xxs{margin-top:var(--aui-xxs)}.aui-mt-xs{margin-top:var(--aui-xs)}.aui-mt-s{margin-top:var(--aui-s)}.aui-mt-m{margin-top:var(--aui-m)}.aui-mt-l{margin-top:var(--aui-l)}.aui-mt-xl{margin-top:var(--aui-xl)}.aui-mt-xxl{margin-top:var(--aui-xxl)}.aui-mt-none{margin-top:0}.aui-mb-auto{margin-bottom:auto}.aui-mb-xxs{margin-bottom:var(--aui-xxs)}.aui-mb-xs{margin-bottom:var(--aui-xs)}.aui-mb-s{margin-bottom:var(--aui-s)}.aui-mb-m{margin-bottom:var(--aui-m)}.aui-mb-l{margin-bottom:var(--aui-l)}.aui-mb-xl{margin-bottom:var(--aui-xl)}.aui-mb-xxl{margin-bottom:var(--aui-xxl)}.aui-mb-none{margin-bottom:0}.aui-ml-auto{margin-left:auto}.aui-ml-xxs{margin-left:var(--aui-xxs)}.aui-ml-xs{margin-left:var(--aui-xs)}.aui-ml-s{margin-left:var(--aui-s)}.aui-ml-m{margin-left:var(--aui-m)}.aui-ml-l{margin-left:var(--aui-l)}.aui-ml-xl{margin-left:var(--aui-xl)}.aui-ml-xxl{margin-left:var(--aui-xxl)}.aui-ml-none{margin-left:0}.aui-mr-auto{margin-right:auto}.aui-mr-xxs{margin-right:var(--aui-xxs)}.aui-mr-xs{margin-right:var(--aui-xs)}.aui-mr-s{margin-right:var(--aui-s)}.aui-mr-m{margin-right:var(--aui-m)}.aui-mr-l{margin-right:var(--aui-l)}.aui-mr-xl{margin-right:var(--aui-xl)}.aui-mr-xxl{margin-right:var(--aui-xxl)}.aui-mr-none{margin-right:0}.aui-gap-xxs{gap:var(--aui-xxs)}.aui-gap-xs{gap:var(--aui-xs)}.aui-gap-s{gap:var(--aui-s)}.aui-gap-m{gap:var(--aui-m)}.aui-gap-l{gap:var(--aui-l)}.aui-gap-xl{gap:var(--aui-xl)}.aui-gap-xxl{gap:var(--aui-xxl)}.aui-gap-none{gap:0}.aui-w-full{width:100%}.aui-w-fit{width:fit-content}.aui-w-min{width:min-content}.aui-w-max{width:max-content}.aui-minw-full{min-width:100%}.aui-minw-fit{min-width:fit-content}.aui-minw-min{min-width:min-content}.aui-minw-max{min-width:max-content}.aui-maxw-full{max-width:100%}.aui-maxw-fit{max-width:fit-content}.aui-maxw-min{max-width:min-content}.aui-maxw-max{max-width:max-content}.aui-h-full{height:100%}.aui-h-fit{height:fit-content}.aui-h-min{height:min-content}.aui-h-max{height:max-content}.aui-minh-full{min-height:100%}.aui-minh-fit{min-height:fit-content}.aui-minh-min{min-height:min-content}.aui-minh-max{min-height:max-content}.aui-maxh-full{max-height:100%}.aui-maxh-fit{max-height:fit-content}.aui-maxh-min{max-height:min-content}.aui-maxh-max{max-height:max-content}.aui-radius-subtle{border-radius:var(--aui-radius-subtle)}.aui-radius-rounded{border-radius:var(--aui-radius-rounded)}.aui-radius-max{border-radius:var(--aui-radius-max)}.aui-radius-none{border-radius:var(--aui-radius-none)}.aui-ba{border:1px solid var(--aui-default-border)}.aui-bt{border-top:1px solid var(--aui-default-border)}.aui-br{border-right:1px solid var(--aui-default-border)}.aui-bb{border-bottom:1px solid var(--aui-default-border)}.aui-bl{border-left:1px solid var(--aui-default-border)}.aui-bw-xs{border-width:1px}.aui-bw-s{border-width:2px}.aui-bw-m{border-width:4px}.aui-bw-l{border-width:8px}.aui-bw-none{border-width:0px}.aui-bs-solid{border-style:solid}.aui-bs-dotted{border-style:dotted}.aui-bs-dashed{border-style:dashed}.aui-bs-none{border-style:none}.aui-bc-default{border-color:var(--aui-default-border)}.aui-bc-primary{border-color:var(--aui-color-default)}.aui-shadow-subtle{box-shadow:var(--aui-subtle-box-shadow)}.aui-shadow-floating{box-shadow:var(--aui-floating-box-shadow)}.aui-shadow-none{box-shadow:none}.aui-op-disabled{opacity:var(--aui-opacity-disabled)}.aui-op-dim{opacity:var(--aui-opacity-dim)}.aui-op-full{opacity:1}.aui-op-none{opacity:0}.aui-content-success{background-color:var(--aui-success-background);color:var(--aui-success-color);border-color:var(--aui-success-border)}.aui-content-warning{background-color:var(--aui-warning-background);color:var(--aui-warning-color);border-color:var(--aui-warning-border)}.aui-content-error{background-color:var(--aui-error-background);color:var(--aui-error-color);border-color:var(--aui-error-border)}.aui-content-info{background-color:var(--aui-info-background);color:var(--aui-info-color);border-color:var(--aui-info-border)}.aui-content-static{background-color:var(--aui-static-background);color:var(--aui-static-color);border-color:var(--aui-static-border)}.aui-f-xxs{font-size:10px}.aui-f-xs{font-size:12px}.aui-f-s{font-size:14px}.aui-f-default{font-size:16px}.aui-f-m{font-size:20px}.aui-f-l{font-size:24px}.aui-f-xl{font-size:32px}.aui-f-xxl{font-size:48px}.aui-fw-1{font-weight:100}.aui-fw-2{font-weight:200}.aui-fw-3{font-weight:300}.aui-fw-4{font-weight:400}.aui-fw-5{font-weight:500}.aui-fw-6{font-weight:600}.aui-fw-7{font-weight:700}.aui-fw-8{font-weight:800}.aui-fw-9{font-weight:900}.aui-ta-left{text-align:left}.aui-ta-right{text-align:right}.aui-ta-center{text-align:center}.aui-lh-s{line-height:1.15}.aui-lh-m{line-height:1.5}.aui-lh-l{line-height:2}.aui-it{font-style:italic}.aui-c-default{color:var(--aui-color-default)}.aui-c-muted{color:var(--aui-color-muted)}.aui-c-inherit{color:inherit}.aui-c-transparent{color:rgba(0,0,0,0)}.aui-bg-default{background-color:var(--aui-default-background)}.aui-bg-muted{background-color:var(--aui-static-background)}.aui-bg-inherit{background-color:inherit}.aui-bg-transparent{background-color:rgba(0,0,0,0)}.aui-ov-auto{overflow:auto}.aui-ov-x-auto{overflow-x:auto}.aui-ov-y-auto{overflow-y:auto}.aui-ov-hidden{overflow:hidden}.aui-ov-x-hidden{overflow-x:hidden}.aui-ov-y-hidden{overflow-y:hidden}.aui-z-auto{z-index:auto}.aui-z-floating{z-index:100}.aui-z-nav{z-index:1000}.aui-z-max{z-index:10000}.aui-cursor-auto{cursor:auto}.aui-cursor-pointer{cursor:pointer}
package/types/common.d.ts CHANGED
@@ -4,7 +4,7 @@ export type ReadonlyableArray<T> = readonly T[] | T[];
4
4
  /** React children, single or many */
5
5
  export type Children = React.ReactNode | ReadonlyableArray<React.ReactNode>;
6
6
  /** Content type used for UI styling */
7
- export type ContentType = "error" | "info" | "static" | "success" | "warning";
7
+ export type SignalType = "error" | "info" | "static" | "success" | "warning";
8
8
  /** Inline CSS style */
9
9
  export type Style = React.CSSProperties;
10
10
  /** Size presets for full/fitted layouts */
@@ -35,7 +35,7 @@ export type Vfx = {
35
35
  /** Border bottom */
36
36
  borderBottom?: boolean;
37
37
  /** Border thickness */
38
- borderWidth?: SpacingSize;
38
+ borderWidth?: "none" | "xs" | "s" | "m" | "l";
39
39
  /** Border type */
40
40
  borderStyle?: "dashed" | "dotted" | "none" | "solid";
41
41
  /** Border color */
@@ -58,12 +58,16 @@ export type Vfx = {
58
58
  gap?: SpacingSize;
59
59
  /** Height of the content */
60
60
  height?: SizeDimension;
61
+ /** Styles to apply on hover when element is not disabled */
62
+ hover?: "dim" | "undim" | "shade";
61
63
  /** Text alignment */
62
64
  textAlign?: "center" | "left" | "right";
63
65
  /** Use italics */
64
66
  italics?: boolean;
65
67
  /** How to space the children (Equivalent to justify-content) */
66
68
  justify?: "around" | "between" | "center" | "end" | "start";
69
+ /** Options for line height size */
70
+ lineHeight?: "s" | "m" | "l";
67
71
  /** Margin outside the content */
68
72
  margin?: AutoSize;
69
73
  /** Bottom margin outside the content */
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import type { ContentType } from "../../types/common";
3
- import { type BoxProps } from "../Box/Box";
4
- type Props = BoxProps & {
5
- /** The type of alert to display */
6
- type: ContentType;
7
- };
8
- /** A styled container for status messages */
9
- declare const Alert: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
- export default Alert;
@@ -1 +0,0 @@
1
- import{jsx as c}from"react/jsx-runtime";import i from"react";import l from"../../functions/classNames";import m from"../Box/Box";var o=function(){return o=Object.assign||function(t){for(var a,n=1,r=arguments.length;n<r;n++){a=arguments[n];for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&(t[e]=a[e])}return t},o.apply(this,arguments)},s=function(t,a){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&a.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,r=Object.getOwnPropertySymbols(t);e<r.length;e++)a.indexOf(r[e])<0&&Object.prototype.propertyIsEnumerable.call(t,r[e])&&(n[r[e]]=t[r[e]]);return n},p=i.forwardRef(function(t,a){var n=t.type,r=t.vfx,e=t.className,f=s(t,["type","vfx","className"]);return c(m,o({},f,{vfx:o({radius:"rounded",fontWeight:4,padding:"m"},r),className:l("aui-alert aui-content-".concat(n),e),ref:a}))}),O=p;export{O as default};
@@ -1 +0,0 @@
1
- export { default } from "./Alert";
@@ -1 +0,0 @@
1
- import{default as o}from"./Alert";export{o as default};
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import type { ContentType } from "../../types/common";
3
- import { type BoxProps } from "../Box/Box";
4
- type Props = BoxProps & {
5
- /** The type of badge to display */
6
- type: ContentType;
7
- };
8
- /** A small label for status */
9
- declare const Badge: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
- export default Badge;
@@ -1 +0,0 @@
1
- import{jsx as i}from"react/jsx-runtime";import c from"react";import p from"../../functions/classNames";import l from"../Box/Box";var o=function(){return o=Object.assign||function(t){for(var a,n=1,r=arguments.length;n<r;n++){a=arguments[n];for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&(t[e]=a[e])}return t},o.apply(this,arguments)},s=function(t,a){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&a.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,r=Object.getOwnPropertySymbols(t);e<r.length;e++)a.indexOf(r[e])<0&&Object.prototype.propertyIsEnumerable.call(t,r[e])&&(n[r[e]]=t[r[e]]);return n},m=c.forwardRef(function(t,a){var n=t.type,r=t.className,e=t.vfx,f=s(t,["type","className","vfx"]);return i(l,o({},f,{vfx:o({radius:"rounded",paddingY:"xxs",paddingX:"xs",fontWeight:5,fontSize:"s",width:"fit"},e),className:p("aui-badge aui-content-".concat(n),r),ref:a}))}),v=m;export{v as default};
@@ -1 +0,0 @@
1
- export { default } from "./Badge";
@@ -1 +0,0 @@
1
- import{default as o}from"./Badge";export{o as default};
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import type { ContentType } from "../../types/common";
3
- import { type BoxProps } from "../Box/Box";
4
- type Props = BoxProps & {
5
- /** The type of banner to display */
6
- type: ContentType;
7
- };
8
- /** A full-width banner for page-level messages */
9
- declare const Banner: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
- export default Banner;
@@ -1 +0,0 @@
1
- import{jsx as l}from"react/jsx-runtime";import c from"react";import i from"../../functions/classNames";import p from"../Box/Box";var o=function(){return o=Object.assign||function(t){for(var n,a=1,r=arguments.length;a<r;a++){n=arguments[a];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(t[e]=n[e])}return t},o.apply(this,arguments)},s=function(t,n){var a={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&n.indexOf(r)<0&&(a[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,r=Object.getOwnPropertySymbols(t);e<r.length;e++)n.indexOf(r[e])<0&&Object.prototype.propertyIsEnumerable.call(t,r[e])&&(a[r[e]]=t[r[e]]);return a},m=c.forwardRef(function(t,n){var a=t.type,r=t.className,e=t.vfx,f=s(t,["type","className","vfx"]);return l(p,o({},f,{vfx:o({fontWeight:4,paddingY:"l",paddingX:"xl",width:"full"},e),className:i("aui-content-".concat(a),r),ref:n}))}),O=m;export{O as default};
@@ -1 +0,0 @@
1
- export { default } from "./Banner";
@@ -1 +0,0 @@
1
- import{default as o}from"./Banner";export{o as default};
@@ -1,4 +0,0 @@
1
- import { type Props } from "./Hamburger";
2
- /** A double-bar "cross" hamburger */
3
- declare const DoubleCross: (props: Props) => import("react/jsx-runtime").JSX.Element;
4
- export default DoubleCross;
@@ -1 +0,0 @@
1
- import{jsx as u}from"react/jsx-runtime";import{useMemo as c}from"react";import m,{defaultAngles as p}from"./Hamburger";var a=function(){return a=Object.assign||function(r){for(var o,n=1,t=arguments.length;n<t;n++){o=arguments[n];for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(r[e]=o[e])}return r},a.apply(this,arguments)},s=function(r,o){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&o.indexOf(t)<0&&(n[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(r);e<t.length;e++)o.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(r,t[e])&&(n[t[e]]=r[t[e]]);return n},g=function(r){var o=r.direction,n=o===void 0?"left":o,t=s(r,["direction"]),e=c(function(){var f=p[n],i="rotate(".concat(f,"deg)"),l="rotate(".concat(-f,"deg)");return{top:{transform:i},bottom:{transform:l}}},[n]);return u(m,a({},t,{double:!0,openStyle:e}))},O=g;export{O as default};
@@ -1,4 +0,0 @@
1
- import { type Props } from "./Hamburger";
2
- /** A double-bar "flip" hamburger */
3
- declare const DoubleFlip: (props: Props) => import("react/jsx-runtime").JSX.Element;
4
- export default DoubleFlip;
@@ -1 +0,0 @@
1
- import{jsx as u}from"react/jsx-runtime";import{useMemo as s}from"react";import m,{flipAngles as p}from"./Hamburger";var a=function(){return a=Object.assign||function(r){for(var o,n=1,t=arguments.length;n<t;n++){o=arguments[n];for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(r[e]=o[e])}return r},a.apply(this,arguments)},c=function(r,o){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&o.indexOf(t)<0&&(n[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(r);e<t.length;e++)o.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(r,t[e])&&(n[t[e]]=r[t[e]]);return n},g=function(r){var o=r.direction,n=o===void 0?"left":o,t=c(r,["direction"]),e=s(function(){var f=p[n],i="rotate(".concat(f,"deg)"),l="rotate(".concat(-f,"deg)");return{top:{transform:i},bottom:{transform:l}}},[n]);return u(m,a({},t,{double:!0,openStyle:e}))},O=g;export{O as default};
@@ -1,4 +0,0 @@
1
- import { type Props } from "./Hamburger";
2
- /** A double-bar "spin" hamburger */
3
- declare const DoubleSpin: (props: Props) => import("react/jsx-runtime").JSX.Element;
4
- export default DoubleSpin;
@@ -1 +0,0 @@
1
- import{jsx as c}from"react/jsx-runtime";import{useMemo as s}from"react";import m,{defaultAngles as p}from"./Hamburger";var a=function(){return a=Object.assign||function(r){for(var o,n=1,t=arguments.length;n<t;n++){o=arguments[n];for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(r[e]=o[e])}return r},a.apply(this,arguments)},l=function(r,o){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&o.indexOf(t)<0&&(n[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(r);e<t.length;e++)o.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(r,t[e])&&(n[t[e]]=r[t[e]]);return n},g=function(r){var o=r.direction,n=o===void 0?"left":o,t=l(r,["direction"]),e=s(function(){var f=p[n],i="rotate(".concat(f,"deg)"),u="rotate(".concat(-f,"deg)");return{top:{transform:i},bottom:{transform:u},outer:{transform:"rotate(180deg)"}}},[n]);return c(m,a({},t,{double:!0,openStyle:e}))},d=g;export{d as default};
@@ -1,4 +0,0 @@
1
- import { type Props } from "./Hamburger";
2
- /** A three-bar hamburger that fades the middle bar */
3
- declare const TripleFade: (props: Props) => import("react/jsx-runtime").JSX.Element;
4
- export default TripleFade;
@@ -1 +0,0 @@
1
- import{jsx as m}from"react/jsx-runtime";import{useMemo as s}from"react";import p,{defaultAngles as u}from"./Hamburger";var a=function(){return a=Object.assign||function(r){for(var o,n=1,t=arguments.length;n<t;n++){o=arguments[n];for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(r[e]=o[e])}return r},a.apply(this,arguments)},l=function(r,o){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&o.indexOf(t)<0&&(n[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(r);e<t.length;e++)o.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(r,t[e])&&(n[t[e]]=r[t[e]]);return n},g=function(r){var o=r.direction,n=o===void 0?"left":o,t=l(r,["direction"]),e=s(function(){var i=u[n],f="rotate(".concat(i,"deg)"),c="rotate(".concat(-i,"deg)");return{top:{transform:f},middle:{opacity:0},bottom:{transform:c}}},[n]);return m(p,a({},t,{openStyle:e}))},b=g;export{b as default};
@@ -1,4 +0,0 @@
1
- import { type Props } from "./Hamburger";
2
- /** A three-bar "flip" hamburger */
3
- declare const TripleFlip: (props: Props) => import("react/jsx-runtime").JSX.Element;
4
- export default TripleFlip;
@@ -1 +0,0 @@
1
- import{jsx as s}from"react/jsx-runtime";import{useMemo as m}from"react";import p,{flipAngles as u}from"./Hamburger";var a=function(){return a=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++){o=arguments[n];for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])}return t},a.apply(this,arguments)},c=function(t,o){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,r=Object.getOwnPropertySymbols(t);e<r.length;e++)o.indexOf(r[e])<0&&Object.prototype.propertyIsEnumerable.call(t,r[e])&&(n[r[e]]=t[r[e]]);return n},g=function(t){var o=t.direction,n=o===void 0?"left":o,r=c(t,["direction"]),e=m(function(){var i=u[n],f="rotate(".concat(i,"deg)"),l="rotate(".concat(-i,"deg)");return{top:{transform:f},middle:{transform:"scale(0)"},bottom:{transform:l}}},[n]);return s(p,a({},r,{openStyle:e}))},O=g;export{O as default};
@@ -1,4 +0,0 @@
1
- import { type Props } from "./Hamburger";
2
- /** The default hamburger */
3
- declare const TriplePrestige: (props: Props) => import("react/jsx-runtime").JSX.Element;
4
- export default TriplePrestige;
@@ -1 +0,0 @@
1
- import{jsx as c}from"react/jsx-runtime";import{useMemo as m}from"react";import u,{defaultAngles as p}from"./Hamburger";var a=function(){return a=Object.assign||function(r){for(var o,n=1,t=arguments.length;n<t;n++){o=arguments[n];for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(r[e]=o[e])}return r},a.apply(this,arguments)},s=function(r,o){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&o.indexOf(t)<0&&(n[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(r);e<t.length;e++)o.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(r,t[e])&&(n[t[e]]=r[t[e]]);return n},g=function(r){var o=r.direction,n=o===void 0?"left":o,t=s(r,["direction"]),e=m(function(){var f=p[n],i="rotate(".concat(f,"deg)"),l="rotate(".concat(-f,"deg)");return{top:{transform:i},middle:{transform:"scale(0)"},bottom:{transform:l}}},[n]);return c(u,a({},t,{openStyle:e}))},d=g;export{d as default};
@@ -1,4 +0,0 @@
1
- import { type Props } from "./Hamburger";
2
- /** A three-bar "spin" hamburger */
3
- declare const TripleSpin: (props: Props) => import("react/jsx-runtime").JSX.Element;
4
- export default TripleSpin;
@@ -1 +0,0 @@
1
- import{jsx as m}from"react/jsx-runtime";import{useMemo as s}from"react";import p,{defaultAngles as u}from"./Hamburger";var a=function(){return a=Object.assign||function(r){for(var o,n=1,t=arguments.length;n<t;n++){o=arguments[n];for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(r[e]=o[e])}return r},a.apply(this,arguments)},l=function(r,o){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&o.indexOf(t)<0&&(n[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(r);e<t.length;e++)o.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(r,t[e])&&(n[t[e]]=r[t[e]]);return n},g=function(r){var o=r.direction,n=o===void 0?"left":o,t=l(r,["direction"]),e=s(function(){var i=u[n],f="rotate(".concat(i,"deg)"),c="rotate(".concat(-i,"deg)");return{top:{transform:f},middle:{opacity:0},bottom:{transform:c},outer:{transform:"rotate(180deg)"}}},[n]);return m(p,a({},t,{openStyle:e}))},b=g;export{b as default};