@a-type/ui 0.6.26 → 0.6.28

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 (12) hide show
  1. package/dist/cjs/components/layouts/PageContent.d.ts +2 -1
  2. package/dist/cjs/components/layouts/PageContent.js +3 -2
  3. package/dist/cjs/components/layouts/PageContent.js.map +1 -1
  4. package/dist/cjs/uno.preset.js +1 -1
  5. package/dist/css/main.css +1 -1
  6. package/dist/esm/components/layouts/PageContent.d.ts +2 -1
  7. package/dist/esm/components/layouts/PageContent.js +3 -2
  8. package/dist/esm/components/layouts/PageContent.js.map +1 -1
  9. package/dist/esm/uno.preset.js +1 -1
  10. package/package.json +1 -1
  11. package/src/components/layouts/PageContent.tsx +5 -2
  12. package/src/uno.preset.ts +1 -1
package/dist/cjs/components/layouts/PageContent.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { HTMLAttributes } from 'react';
2
- export declare function PageContent({ children, fullHeight, noPadding, innerProps, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
2
+ export declare function PageContent({ children, fullHeight, noPadding, innerProps, className, scrollable, ...rest }: HTMLAttributes<HTMLDivElement> & {
3
3
  fullHeight?: boolean;
4
4
  noPadding?: boolean;
5
5
  innerProps?: HTMLAttributes<HTMLDivElement>;
6
+ scrollable?: boolean;
6
7
  }): JSX.Element;
package/dist/cjs/components/layouts/PageContent.js CHANGED
@@ -21,7 +21,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
21
21
  const clsx_1 = __importDefault(require("clsx"));
22
22
  const useSize_js_1 = require("../../hooks/useSize.js");
23
23
  function PageContent(_a) {
24
- var { children, fullHeight, noPadding, innerProps, className } = _a, rest = __rest(_a, ["children", "fullHeight", "noPadding", "innerProps", "className"]);
24
+ var { children, fullHeight, noPadding, innerProps, className, scrollable = true } = _a, rest = __rest(_a, ["children", "fullHeight", "noPadding", "innerProps", "className", "scrollable"]);
25
25
  const innerRef = (0, useSize_js_1.useBoundsCssVars)(200, undefined, {
26
26
  left: '--content-left',
27
27
  top: '--content-top',
@@ -29,9 +29,10 @@ function PageContent(_a) {
29
29
  height: '--content-height',
30
30
  ready: '--content-ready',
31
31
  });
32
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('[grid-area:content] max-w-full min-w-0 w-full flex flex-col items-start relative flex-1 gap-3', className) }, rest, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, clsx_1.default)('w-full min-w-0 flex flex-col mb-120px px-4 py-4', 'sm:max-w-700px sm:w-full', {
32
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('[grid-area:content] max-w-full min-w-0 w-full flex flex-col items-start relative flex-1 gap-3', className) }, rest, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, clsx_1.default)('w-full min-w-0 flex flex-col mb-120px px-4 py-4 min-h-0 flex-1', 'sm:max-w-700px sm:w-full sm:min-h-auto', {
33
33
  'flex-1': fullHeight,
34
34
  'important:p-0 important:sm:p-4': noPadding,
35
+ 'overflow-y-auto': scrollable,
35
36
  }, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className), ref: innerRef }, { children: children })) })));
36
37
  }
37
38
  exports.PageContent = PageContent;
package/dist/cjs/components/layouts/PageContent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AACb,gDAA8B;AAE9B,uDAA0D;AAE1D,SAAgB,WAAW,CAAC,EAW3B;QAX2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,OAMT,EALG,IAAI,cANoB,kEAO3B,CADO;IAMP,MAAM,QAAQ,GAAG,IAAA,6BAAgB,EAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,+FAA+F,EAC/F,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,cAAU,EACpB,iDAAiD,EACjD,yBAAyB,EACzB;gBACC,QAAQ,EAAE,UAAU;gBACpB,wBAAwB,EAAE,SAAS;aACnC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC;AA7CD,kCA6CC"}
1
+ {"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AACb,gDAA8B;AAE9B,uDAA0D;AAE1D,SAAgB,WAAW,CAAC,EAa3B;QAb2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,GAAG,IAAI,OAOjB,EANG,IAAI,cAPoB,gFAQ3B,CADO;IAOP,MAAM,QAAQ,GAAG,IAAA,6BAAgB,EAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,+FAA+F,EAC/F,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,cAAU,EACpB,gEAAgE,EAChE,oCAAoC,EACpC;gBACC,QAAQ,EAAE,UAAU;gBACpB,wBAAwB,EAAE,SAAS;gBACnC,iBAAiB,EAAE,UAAU;aAC7B,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC;AAhDD,kCAgDC"}
package/dist/cjs/uno.preset.js CHANGED
@@ -383,7 +383,7 @@ function presetAglio({ spacingIncrement = 0.25, } = {}) {
383
383
  --palette-yellow-40: #ac7c04;
384
384
  --palette-yellow-30: #8e5c00;
385
385
  --palette-yellow-20: #714d00;
386
- --palette-yellow-10: #632e00;
386
+ --palette-yellow-10: #634500;
387
387
  --palette-yellow-00: #3b1c00;
388
388
  --palette-blue-90: #e3f3ff;
389
389
  --palette-blue-80: #c4e7ff;
package/dist/css/main.css CHANGED
@@ -30,7 +30,7 @@
30
30
  --palette-yellow-40: #ac7c04;
31
31
  --palette-yellow-30: #8e5c00;
32
32
  --palette-yellow-20: #714d00;
33
- --palette-yellow-10: #632e00;
33
+ --palette-yellow-10: #634500;
34
34
  --palette-yellow-00: #3b1c00;
35
35
  --palette-blue-90: #e3f3ff;
36
36
  --palette-blue-80: #c4e7ff;
package/dist/esm/components/layouts/PageContent.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { HTMLAttributes } from 'react';
2
- export declare function PageContent({ children, fullHeight, noPadding, innerProps, className, ...rest }: HTMLAttributes<HTMLDivElement> & {
2
+ export declare function PageContent({ children, fullHeight, noPadding, innerProps, className, scrollable, ...rest }: HTMLAttributes<HTMLDivElement> & {
3
3
  fullHeight?: boolean;
4
4
  noPadding?: boolean;
5
5
  innerProps?: HTMLAttributes<HTMLDivElement>;
6
+ scrollable?: boolean;
6
7
  }): JSX.Element;
package/dist/esm/components/layouts/PageContent.js CHANGED
@@ -15,7 +15,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
15
15
  import classNames from 'clsx';
16
16
  import { useBoundsCssVars } from '../../hooks/useSize.js';
17
17
  export function PageContent(_a) {
18
- var { children, fullHeight, noPadding, innerProps, className } = _a, rest = __rest(_a, ["children", "fullHeight", "noPadding", "innerProps", "className"]);
18
+ var { children, fullHeight, noPadding, innerProps, className, scrollable = true } = _a, rest = __rest(_a, ["children", "fullHeight", "noPadding", "innerProps", "className", "scrollable"]);
19
19
  const innerRef = useBoundsCssVars(200, undefined, {
20
20
  left: '--content-left',
21
21
  top: '--content-top',
@@ -23,9 +23,10 @@ export function PageContent(_a) {
23
23
  height: '--content-height',
24
24
  ready: '--content-ready',
25
25
  });
26
- return (_jsx("div", Object.assign({ className: classNames('[grid-area:content] max-w-full min-w-0 w-full flex flex-col items-start relative flex-1 gap-3', className) }, rest, { children: _jsx("div", Object.assign({}, innerProps, { className: classNames('w-full min-w-0 flex flex-col mb-120px px-4 py-4', 'sm:max-w-700px sm:w-full', {
26
+ return (_jsx("div", Object.assign({ className: classNames('[grid-area:content] max-w-full min-w-0 w-full flex flex-col items-start relative flex-1 gap-3', className) }, rest, { children: _jsx("div", Object.assign({}, innerProps, { className: classNames('w-full min-w-0 flex flex-col mb-120px px-4 py-4 min-h-0 flex-1', 'sm:max-w-700px sm:w-full sm:min-h-auto', {
27
27
  'flex-1': fullHeight,
28
28
  'important:p-0 important:sm:p-4': noPadding,
29
+ 'overflow-y-auto': scrollable,
29
30
  }, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className), ref: innerRef }, { children: children })) })));
30
31
  }
31
32
  //# sourceMappingURL=PageContent.js.map
package/dist/esm/components/layouts/PageContent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,UAAU,WAAW,CAAC,EAW3B;QAX2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,OAMT,EALG,IAAI,cANoB,kEAO3B,CADO;IAMP,MAAM,QAAQ,GAAG,gBAAgB,CAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,4BACC,SAAS,EAAE,UAAU,CACpB,+FAA+F,EAC/F,SAAS,CACT,IACG,IAAI,cAER,8BACK,UAAU,IACd,SAAS,EAAE,UAAU,CACpB,iDAAiD,EACjD,yBAAyB,EACzB;gBACC,QAAQ,EAAE,UAAU;gBACpB,wBAAwB,EAAE,SAAS;aACnC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,UAAU,WAAW,CAAC,EAa3B;QAb2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,GAAG,IAAI,OAOjB,EANG,IAAI,cAPoB,gFAQ3B,CADO;IAOP,MAAM,QAAQ,GAAG,gBAAgB,CAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,4BACC,SAAS,EAAE,UAAU,CACpB,+FAA+F,EAC/F,SAAS,CACT,IACG,IAAI,cAER,8BACK,UAAU,IACd,SAAS,EAAE,UAAU,CACpB,gEAAgE,EAChE,oCAAoC,EACpC;gBACC,QAAQ,EAAE,UAAU;gBACpB,wBAAwB,EAAE,SAAS;gBACnC,iBAAiB,EAAE,UAAU;aAC7B,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC"}
package/dist/esm/uno.preset.js CHANGED
@@ -381,7 +381,7 @@ export default function presetAglio({ spacingIncrement = 0.25, } = {}) {
381
381
  --palette-yellow-40: #ac7c04;
382
382
  --palette-yellow-30: #8e5c00;
383
383
  --palette-yellow-20: #714d00;
384
- --palette-yellow-10: #632e00;
384
+ --palette-yellow-10: #634500;
385
385
  --palette-yellow-00: #3b1c00;
386
386
  --palette-blue-90: #e3f3ff;
387
387
  --palette-blue-80: #c4e7ff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "0.6.26",
3
+ "version": "0.6.28",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "/dist",
package/src/components/layouts/PageContent.tsx CHANGED
@@ -9,11 +9,13 @@ export function PageContent({
9
9
  noPadding,
10
10
  innerProps,
11
11
  className,
12
+ scrollable = true,
12
13
  ...rest
13
14
  }: HTMLAttributes<HTMLDivElement> & {
14
15
  fullHeight?: boolean;
15
16
  noPadding?: boolean;
16
17
  innerProps?: HTMLAttributes<HTMLDivElement>;
18
+ scrollable?: boolean;
17
19
  }) {
18
20
  const innerRef = useBoundsCssVars<HTMLDivElement>(200, undefined, {
19
21
  left: '--content-left',
@@ -34,11 +36,12 @@ export function PageContent({
34
36
  <div
35
37
  {...innerProps}
36
38
  className={classNames(
37
- 'w-full min-w-0 flex flex-col mb-120px px-4 py-4',
38
- 'sm:(max-w-700px w-full)',
39
+ 'w-full min-w-0 flex flex-col mb-120px px-4 py-4 min-h-0 flex-1',
40
+ 'sm:(max-w-700px w-full min-h-auto)',
39
41
  {
40
42
  'flex-1': fullHeight,
41
43
  'important:(p-0 sm:p-4)': noPadding,
44
+ 'overflow-y-auto': scrollable,
42
45
  },
43
46
  innerProps?.className,
44
47
  )}
package/src/uno.preset.ts CHANGED
@@ -395,7 +395,7 @@ export default function presetAglio({
395
395
  --palette-yellow-40: #ac7c04;
396
396
  --palette-yellow-30: #8e5c00;
397
397
  --palette-yellow-20: #714d00;
398
- --palette-yellow-10: #632e00;
398
+ --palette-yellow-10: #634500;
399
399
  --palette-yellow-00: #3b1c00;
400
400
  --palette-blue-90: #e3f3ff;
401
401
  --palette-blue-80: #c4e7ff;