thread-ui 0.6.0 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/components/data-display/data-display-controls/data-display-controls.d.ts +2 -0
- package/dist/components/data-display/data-display-controls/data-display-controls.js +48 -0
- package/dist/components/data-display/data-display-controls/data-display-controls.js.map +1 -0
- package/dist/components/data-display/data-display-controls/data-display-controls.types.d.ts +19 -0
- package/dist/components/data-display/data-display-controls/data-display-controls.types.js +2 -0
- package/dist/components/data-display/data-display-controls/data-display-controls.types.js.map +1 -0
- package/dist/components/data-display/data-display-controls/index.d.ts +3 -0
- package/dist/components/data-display/data-display-controls/index.js +3 -0
- package/dist/components/data-display/data-display-controls/index.js.map +1 -0
- package/dist/components/data-display/data-display-controls/use-data-display-controls.d.ts +2 -0
- package/dist/components/data-display/data-display-controls/use-data-display-controls.js +41 -0
- package/dist/components/data-display/data-display-controls/use-data-display-controls.js.map +1 -0
- package/dist/components/data-display/filter-controls/filter-controls.types.d.ts +21 -5
- package/dist/components/data-display/filter-controls/index.d.ts +4 -2
- package/dist/components/data-display/filter-controls/index.js +3 -1
- package/dist/components/data-display/filter-controls/index.js.map +1 -1
- package/dist/components/data-display/filter-controls/use-filter-controls.d.ts +1 -1
- package/dist/components/data-display/filter-controls/use-filter-controls.js +14 -5
- package/dist/components/data-display/filter-controls/use-filter-controls.js.map +1 -1
- package/dist/components/data-display/filter-controls/{filter-controls.d.ts → variants/filter-controls.d.ts} +2 -2
- package/dist/components/data-display/filter-controls/variants/filter-controls.js +52 -0
- package/dist/components/data-display/filter-controls/variants/filter-controls.js.map +1 -0
- package/dist/components/data-display/filter-controls/variants/inline-filter-controls.d.ts +13 -0
- package/dist/components/data-display/filter-controls/variants/inline-filter-controls.js +77 -0
- package/dist/components/data-display/filter-controls/variants/inline-filter-controls.js.map +1 -0
- package/dist/components/data-display/index.d.ts +1 -0
- package/dist/components/data-display/index.js +1 -0
- package/dist/components/data-display/index.js.map +1 -1
- package/dist/components/data-display/sort-controls/sort-controls.d.ts +1 -1
- package/dist/components/data-display/sort-controls/sort-controls.js +21 -14
- package/dist/components/data-display/sort-controls/sort-controls.js.map +1 -1
- package/dist/components/data-display/sort-controls/sort-controls.types.d.ts +7 -1
- package/dist/components/data-display/sort-controls/use-sort-controls.d.ts +1 -1
- package/dist/components/data-display/sort-controls/use-sort-controls.js +2 -2
- package/dist/components/data-display/sort-controls/use-sort-controls.js.map +1 -1
- package/dist/components/form-elements/dropdowns/dropdown/dropdown.d.ts +1 -1
- package/dist/components/form-elements/dropdowns/dropdown/dropdown.js +2 -2
- package/dist/components/form-elements/dropdowns/dropdown/dropdown.js.map +1 -1
- package/dist/components/form-elements/dropdowns/dropdown/dropdown.types.d.ts +3 -0
- package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.d.ts +1 -1
- package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.js +2 -2
- package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.js.map +1 -1
- package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.types.d.ts +2 -1
- package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.d.ts +1 -1
- package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js +3 -3
- package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js.map +1 -1
- package/dist/components/form-elements/file-upload/components/file-upload-content.js +12 -12
- package/dist/components/form-elements/file-upload/components/file-upload-content.js.map +1 -1
- package/dist/components/form-elements/file-upload/components/file-upload-preview.js +35 -35
- package/dist/components/form-elements/file-upload/components/file-upload-preview.js.map +1 -1
- package/dist/components/form-elements/file-upload/components/item-previews.js +22 -22
- package/dist/components/form-elements/file-upload/components/item-previews.js.map +1 -1
- package/dist/components/form-elements/form-label/form-label.js +19 -19
- package/dist/components/form-elements/form-label/form-label.js.map +1 -1
- package/dist/components/form-elements/input-wrapper.js +8 -8
- package/dist/components/form-elements/input-wrapper.js.map +1 -1
- package/dist/components/form-elements/number-input/number-input.js +55 -55
- package/dist/components/form-elements/number-input/number-input.js.map +1 -1
- package/dist/components/form-elements/text-input/text-input.js +4 -4
- package/dist/components/form-elements/text-input/text-input.js.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.js +23 -21
- package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
- package/dist/components/layouts/footer/footer.js +38 -38
- package/dist/components/layouts/footer/footer.js.map +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.js +14 -14
- package/dist/components/layouts/masonry-layout/masonry-layout.js.map +1 -1
- package/dist/components/media/info-card/info-card.js +51 -51
- package/dist/components/media/info-card/info-card.js.map +1 -1
- package/dist/components/media/media-card/media-card.js +133 -119
- package/dist/components/media/media-card/media-card.js.map +1 -1
- package/dist/components/navigation/nav-menu/items/base-item/base-item.js +38 -38
- package/dist/components/navigation/nav-menu/items/base-item/base-item.js.map +1 -1
- package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js +58 -58
- package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js.map +1 -1
- package/dist/components/navigation/nav-menu/nav-menu.js +104 -104
- package/dist/components/navigation/nav-menu/nav-menu.js.map +1 -1
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js +41 -41
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js.map +1 -1
- package/dist/components/navigation/side-nav/side-nav.js +15 -15
- package/dist/components/navigation/side-nav/side-nav.js.map +1 -1
- package/dist/components/typography/page-header/page-header.js +14 -14
- package/dist/components/typography/page-header/page-header.js.map +1 -1
- package/dist/components/ui/button/button.d.ts +1 -1
- package/dist/components/ui/button/button.js +2 -2
- package/dist/components/ui/button/button.js.map +1 -1
- package/dist/components/ui/button/button.types.d.ts +2 -0
- package/dist/components/ui/card/card.js +72 -72
- package/dist/components/ui/card/card.js.map +1 -1
- package/dist/components/ui/divider/divider.js +24 -22
- package/dist/components/ui/divider/divider.js.map +1 -1
- package/dist/components/ui/loaders/dots-loader/dots-loader.js +46 -46
- package/dist/components/ui/loaders/dots-loader/dots-loader.js.map +1 -1
- package/dist/components/ui/loaders/skeleton/skeleton.js +17 -17
- package/dist/components/ui/loaders/skeleton/skeleton.js.map +1 -1
- package/dist/components/ui/loaders/spin-loader/spin-loader.js +28 -28
- package/dist/components/ui/loaders/spin-loader/spin-loader.js.map +1 -1
- package/dist/components/ui/modal/components/modal-content.js +79 -79
- package/dist/components/ui/modal/components/modal-content.js.map +1 -1
- package/dist/components/ui/modal/modal.js +26 -14
- package/dist/components/ui/modal/modal.js.map +1 -1
- package/dist/components/ui/toggle/toggle.js +37 -48
- package/dist/components/ui/toggle/toggle.js.map +1 -1
- package/dist/styled-system/styles.css +1 -1
- package/dist/styles/panda.css +1 -1
- package/dist/theme/css-name-configurations/theme-css-names.d.ts +13 -1
- package/dist/types/theme/theme.types.d.ts +17 -17
- package/dist/types/utility/index.d.ts +1 -0
- package/dist/types/utility/type-production.types.d.ts +4 -0
- package/dist/types/utility/type-production.types.js +2 -0
- package/dist/types/utility/type-production.types.js.map +1 -0
- package/package.json +1 -1
- package/dist/components/data-display/filter-controls/filter-controls.js +0 -39
- package/dist/components/data-display/filter-controls/filter-controls.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,GAAY,EAAE,GAAY,EAAW,EAAE;IAC/E,IAAI,GAAG,KAAK,SAAS,IAAI,KAAK,GAAG,GAAG,EAAE,CAAC;QACtC,OAAO,KAAK,CAAC;IACd,CAAC;IACD,IAAI,GAAG,KAAK,SAAS,IAAI,KAAK,GAAG,GAAG,EAAE,CAAC;QACtC,OAAO,KAAK,CAAC;IACd,CAAC;IACD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC3B,IAAI,EACJ,EAAE,GAAG,IAAI,EACT,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,GAAG,EACH,QAAQ,GACU,EAAE,EAAE;IACtB,qDAAqD;IACrD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAqB,KAAK,CAAC,CAAC;IAE1D,wBAAwB;IACxB,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,CAAC,KAAK,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,uBAAuB;IACvB,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC,GAAG,EAAE;QACnD,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;QAExC,qCAAqC;QACrC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;YAC3C,OAAO;QACR,CAAC;QAED,MAAM,CAAC,QAAQ,CAAC,CAAC;QAEjB,+CAA+C;QAC/C,IAAI,QAAQ,EAAE,CAAC;YACd,MAAM,cAAc,GAAG;gBACtB,MAAM,EAAE;oBACP,IAAI;oBACJ,KAAK,EAAE,QAAQ;iBACf;aACiD,CAAC;YAEpD,QAAQ,CAAC,cAAc,CAAC,CAAC;QAC1B,CAAC;IACF,CAAC,CAAC;IAEF,8BAA8B;IAC9B,MAAM,iBAAiB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACpE,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAElC,oBAAoB;QACpB,IAAI,UAAU,KAAK,EAAE,EAAE,CAAC;YACvB,MAAM,CAAC,SAAS,CAAC,CAAC;YAClB,IAAI,QAAQ,EAAE,CAAC;gBACd,QAAQ,CAAC,CAAC,CAAC,CAAC;YACb,CAAC;YACD,OAAO;QACR,CAAC;QAED,wBAAwB;QACxB,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;QACpC,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;YACrB,uCAAuC;YACvC,OAAO;QACR,CAAC;QAED,kDAAkD;QAClD,IAAI,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;YAC1C,MAAM,CAAC,QAAQ,CAAC,CAAC;YACjB,IAAI,QAAQ,EAAE,CAAC;gBACd,QAAQ,CAAC,CAAC,CAAC,CAAC;YACb,CAAC;QACF,CAAC;IACF,CAAC,CAAC;IAEF,
|
|
1
|
+
{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,10 @@ import { FormLabel } from '../form-label';
|
|
|
3
3
|
import { InputWrapper } from '../input-wrapper';
|
|
4
4
|
import { baseInputStyles } from '../styles';
|
|
5
5
|
import { cx, css } from '../../../styled-system/css';
|
|
6
|
+
const style = css({
|
|
7
|
+
minHeight: '25',
|
|
8
|
+
resize: 'vertical',
|
|
9
|
+
});
|
|
6
10
|
/**
|
|
7
11
|
* Text input that renders either a single-line `input` or a resizable `textarea`.
|
|
8
12
|
*
|
|
@@ -10,10 +14,6 @@ import { cx, css } from '../../../styled-system/css';
|
|
|
10
14
|
* <TextInput name="bio" title="Bio" value={bio} multiline onChange={handleChange} />
|
|
11
15
|
*/
|
|
12
16
|
export const TextInput = ({ name, id = name, title, value, required, placeholder, multiline = false, onChange, }) => {
|
|
13
|
-
const style = css({
|
|
14
|
-
minHeight: '25',
|
|
15
|
-
resize: 'vertical',
|
|
16
|
-
});
|
|
17
17
|
return (_jsxs(InputWrapper, { children: [title && _jsx(FormLabel, { id: id, name: name, title: title }), multiline ? (_jsx("textarea", { id: id, name: name, required: required, value: value, onChange: onChange, placeholder: placeholder, rows: 3, className: cx(baseInputStyles(), style) })) : (_jsx("input", { type: "text", id: id, name: name, required: required, value: value, onChange: onChange, placeholder: placeholder, className: baseInputStyles() }))] }));
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=text-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,IAAI,EACJ,EAAE,GAAG,IAAI,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,
|
|
1
|
+
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,UAAU;CAClB,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,IAAI,EACJ,EAAE,GAAG,IAAI,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,OAAO,CACN,MAAC,YAAY,eACX,KAAK,IAAI,KAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EACxD,SAAS,CAAC,CAAC,CAAC,CACZ,mBACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,KAAK,CAAC,GACtC,CACF,CAAC,CAAC,CAAC,CACH,gBACC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAe,EAAE,GAC3B,CACF,IACa,CACf,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -4,20 +4,8 @@ import { ColumnSkeleton } from './column-skeleton';
|
|
|
4
4
|
import { H2, H3, Text } from '../../../components';
|
|
5
5
|
import { css } from '../../../styled-system/css';
|
|
6
6
|
import { LayoutWrapper } from '../layout-wrapper';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
* Column count is controlled separately for medium and large viewports.
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* <ColumnLayout
|
|
13
|
-
* title="Our Work"
|
|
14
|
-
* mdcol={2}
|
|
15
|
-
* lgcol={4}
|
|
16
|
-
* items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
|
|
17
|
-
* />
|
|
18
|
-
*/
|
|
19
|
-
export const ColumnLayout = ({ title, caption, mdcol, lgcol = mdcol, items, container = true, }) => {
|
|
20
|
-
const sectionStyles = css({
|
|
7
|
+
const styles = {
|
|
8
|
+
section: css({
|
|
21
9
|
width: '100%',
|
|
22
10
|
marginRight: 'auto',
|
|
23
11
|
marginLeft: 'auto',
|
|
@@ -34,21 +22,35 @@ export const ColumnLayout = ({ title, caption, mdcol, lgcol = mdcol, items, cont
|
|
|
34
22
|
flexDirection: 'column',
|
|
35
23
|
justifyContent: 'center',
|
|
36
24
|
flex: { base: '1 1 0%', lg: 'none' },
|
|
37
|
-
})
|
|
38
|
-
|
|
25
|
+
}),
|
|
26
|
+
gridItem: css({
|
|
39
27
|
borderRadius: '0.25rem',
|
|
40
28
|
marginBottom: '1.5rem',
|
|
41
29
|
width: '100%',
|
|
42
30
|
height: 'auto',
|
|
43
31
|
overflow: 'hidden',
|
|
44
|
-
})
|
|
45
|
-
|
|
32
|
+
}),
|
|
33
|
+
gridItemContent: css({
|
|
46
34
|
width: '100%',
|
|
47
35
|
height: 'auto',
|
|
48
36
|
borderRadius: '0.25rem',
|
|
49
|
-
})
|
|
50
|
-
|
|
37
|
+
}),
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* Responsive image grid with an optional title and caption.
|
|
41
|
+
* Column count is controlled separately for medium and large viewports.
|
|
42
|
+
*
|
|
43
|
+
* @example
|
|
44
|
+
* <ColumnLayout
|
|
45
|
+
* title="Our Work"
|
|
46
|
+
* mdcol={2}
|
|
47
|
+
* lgcol={4}
|
|
48
|
+
* items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
|
|
49
|
+
* />
|
|
50
|
+
*/
|
|
51
|
+
export const ColumnLayout = ({ title, caption, mdcol, lgcol = mdcol, items, container = true, }) => {
|
|
52
|
+
return (_jsx(LayoutWrapper, { container: container, children: _jsxs("section", { className: styles.section, style: {
|
|
51
53
|
'--max-width': mdcol < 2 ? '800px' : 'none',
|
|
52
|
-
}, children: [(title || caption) && (_jsx("div", { children: title && (_jsx(_Fragment, { children: _jsxs(H2, { children: [title, caption && _jsx(Text, { children: caption })] }) })) })), _jsx(ColumnSkeleton, { mdcol: mdcol, lgcol: lgcol, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className:
|
|
54
|
+
}, children: [(title || caption) && (_jsx("div", { children: title && (_jsx(_Fragment, { children: _jsxs(H2, { children: [title, caption && _jsx(Text, { children: caption })] }) })) })), _jsx(ColumnSkeleton, { mdcol: mdcol, lgcol: lgcol, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className: styles.gridItem, children: renderImage(item.content, undefined, styles.gridItemContent) }), (item.title || item.description) && (_jsxs(_Fragment, { children: [item.title && _jsx(H3, { children: item.title }), item.description && _jsx(Text, { children: item.description })] }))] }, item.key ?? index))) })] }) }));
|
|
53
55
|
};
|
|
54
56
|
//# sourceMappingURL=column-layout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD
|
|
1
|
+
{"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,MAAM;SACV;QACD,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;QACxD,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;QAC3D,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;KACpC,CAAC;IACF,QAAQ,EAAE,GAAG,CAAC;QACb,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,QAAQ;QACtB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,SAAS;KACvB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,GAAG,KAAK,EACb,KAAK,EACL,SAAS,GAAG,IAAI,GACG,EAAE,EAAE;IACvB,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,mBACC,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,KAAK,EACJ;gBACC,aAAa,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;aACpB,aAGxB,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACtB,wBACE,KAAK,IAAI,CACT,4BACC,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,IAAI,cAAE,OAAO,GAAQ,IAC9B,GACH,CACH,GACI,CACN,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC7B,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,GACxD,EACL,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,8BACE,IAAI,CAAC,KAAK,IAAI,KAAC,EAAE,cAAE,IAAI,CAAC,KAAK,GAAM,EACnC,IAAI,CAAC,WAAW,IAAI,KAAC,IAAI,cAAE,IAAI,CAAC,WAAW,GAAQ,IAClD,CACH,KATQ,IAAI,CAAC,GAAG,IAAI,KAAK,CAUrB,CACN,CAAC,GACc,IACR,GACK,CAChB,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -4,6 +4,44 @@ import { Divider, Subtitle } from '../../../components';
|
|
|
4
4
|
import { FacebookLogoIcon, GithubLogoIcon, InstagramLogoIcon, LinkedinLogoIcon, TwitterLogoIcon, } from '@phosphor-icons/react';
|
|
5
5
|
import { css, cx } from '../../../styled-system/css';
|
|
6
6
|
import { container } from '../../../styled-system/patterns';
|
|
7
|
+
const styles = {
|
|
8
|
+
footer: cx(container(), css({ marginX: 'auto' })),
|
|
9
|
+
footerContents: css({
|
|
10
|
+
display: 'flex',
|
|
11
|
+
flexDirection: 'column',
|
|
12
|
+
justifyContent: 'center',
|
|
13
|
+
alignItems: 'center',
|
|
14
|
+
paddingY: '40px',
|
|
15
|
+
marginX: 'auto',
|
|
16
|
+
overflow: 'hidden',
|
|
17
|
+
maxWidth: '1280px',
|
|
18
|
+
}),
|
|
19
|
+
textBlock: css({
|
|
20
|
+
marginTop: '8px',
|
|
21
|
+
}),
|
|
22
|
+
logoBlock: css({
|
|
23
|
+
display: 'flex',
|
|
24
|
+
flexDirection: 'row',
|
|
25
|
+
gap: '12px',
|
|
26
|
+
width: '100%',
|
|
27
|
+
justifyContent: 'center',
|
|
28
|
+
alignItems: 'center',
|
|
29
|
+
paddingY: '16px',
|
|
30
|
+
}),
|
|
31
|
+
circleStyle: css({
|
|
32
|
+
display: 'flex',
|
|
33
|
+
alignItems: 'center',
|
|
34
|
+
justifyContent: 'center',
|
|
35
|
+
marginTop: '36px',
|
|
36
|
+
backgroundColor: 'black',
|
|
37
|
+
borderRadius: '50%',
|
|
38
|
+
width: '48px',
|
|
39
|
+
height: '48px',
|
|
40
|
+
}),
|
|
41
|
+
links: css({
|
|
42
|
+
color: 'text.standard',
|
|
43
|
+
}),
|
|
44
|
+
};
|
|
7
45
|
/**
|
|
8
46
|
* Site footer with optional logo, caption, and social media icon links.
|
|
9
47
|
* Only social icons with a provided URL are rendered.
|
|
@@ -19,44 +57,6 @@ import { container } from '../../../styled-system/patterns';
|
|
|
19
57
|
export const Footer = ({ logo, caption, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }) => {
|
|
20
58
|
const weight = 'bold';
|
|
21
59
|
const size = 24;
|
|
22
|
-
const styles = {
|
|
23
|
-
footer: cx(container(), css({ marginX: 'auto' })),
|
|
24
|
-
footerContents: css({
|
|
25
|
-
display: 'flex',
|
|
26
|
-
flexDirection: 'column',
|
|
27
|
-
justifyContent: 'center',
|
|
28
|
-
alignItems: 'center',
|
|
29
|
-
paddingY: '40px',
|
|
30
|
-
marginX: 'auto',
|
|
31
|
-
overflow: 'hidden',
|
|
32
|
-
maxWidth: '1280px',
|
|
33
|
-
}),
|
|
34
|
-
textBlock: css({
|
|
35
|
-
marginTop: '8px',
|
|
36
|
-
}),
|
|
37
|
-
logoBlock: css({
|
|
38
|
-
display: 'flex',
|
|
39
|
-
flexDirection: 'row',
|
|
40
|
-
gap: '12px',
|
|
41
|
-
width: '100%',
|
|
42
|
-
justifyContent: 'center',
|
|
43
|
-
alignItems: 'center',
|
|
44
|
-
paddingY: '16px',
|
|
45
|
-
}),
|
|
46
|
-
circleStyle: css({
|
|
47
|
-
display: 'flex',
|
|
48
|
-
alignItems: 'center',
|
|
49
|
-
justifyContent: 'center',
|
|
50
|
-
marginTop: '36px',
|
|
51
|
-
backgroundColor: 'black',
|
|
52
|
-
borderRadius: '50%',
|
|
53
|
-
width: '48px',
|
|
54
|
-
height: '48px',
|
|
55
|
-
}),
|
|
56
|
-
links: css({
|
|
57
|
-
color: 'text.standard',
|
|
58
|
-
}),
|
|
59
|
-
};
|
|
60
60
|
return (_jsxs("footer", { className: styles.footer, children: [_jsx(Divider, {}), _jsxs("div", { className: styles.footerContents, children: [logo && logo, caption && _jsx(Subtitle, { children: caption }), _jsxs("div", { className: styles.logoBlock, children: [facebookLink && (_jsx("a", { className: styles.links, href: facebookLink, children: _jsx(FacebookLogoIcon, { size: size, weight: weight }) })), instagramLink && (_jsx("a", { className: styles.links, href: instagramLink, children: _jsx(InstagramLogoIcon, { size: size, weight: weight }) })), twitterLink && (_jsx("a", { className: styles.links, href: twitterLink, children: _jsx(TwitterLogoIcon, { size: size, weight: weight }) })), githubLink && (_jsx("a", { className: styles.links, href: githubLink, children: _jsx(GithubLogoIcon, { size: size, weight: weight }) })), linkedInLink && (_jsx("a", { className: styles.links, href: linkedInLink, children: _jsx(LinkedinLogoIcon, { size: size, weight: weight }) }))] })] })] }));
|
|
61
61
|
};
|
|
62
62
|
//# sourceMappingURL=footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EACN,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD
|
|
1
|
+
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { H3, Subtitle } from '../../../components';
|
|
3
3
|
import { css } from '../../../styled-system/css';
|
|
4
4
|
import { LayoutWrapper } from '../layout-wrapper';
|
|
5
|
+
const styles = {
|
|
6
|
+
container: css({ width: 'full' }),
|
|
7
|
+
list: css({
|
|
8
|
+
marginTop: '2',
|
|
9
|
+
columnCount: { base: 2, md: 3, lg: 4 },
|
|
10
|
+
columnGap: '2',
|
|
11
|
+
}),
|
|
12
|
+
item: css({
|
|
13
|
+
width: '100%',
|
|
14
|
+
display: 'inline-block',
|
|
15
|
+
borderRadius: 'sm',
|
|
16
|
+
overflow: 'hidden',
|
|
17
|
+
}),
|
|
18
|
+
};
|
|
5
19
|
/**
|
|
6
20
|
* Masonry-style grid layout that arranges items into columns (2 on mobile, 3 on medium, 4 on large).
|
|
7
21
|
*
|
|
@@ -12,20 +26,6 @@ import { LayoutWrapper } from '../layout-wrapper';
|
|
|
12
26
|
* />
|
|
13
27
|
*/
|
|
14
28
|
export const MasonryLayout = ({ title, caption, items, container }) => {
|
|
15
|
-
const styles = {
|
|
16
|
-
container: css({ width: 'full' }),
|
|
17
|
-
list: css({
|
|
18
|
-
marginTop: '2',
|
|
19
|
-
columnCount: { base: 2, md: 3, lg: 4 },
|
|
20
|
-
columnGap: '2',
|
|
21
|
-
}),
|
|
22
|
-
item: css({
|
|
23
|
-
width: '100%',
|
|
24
|
-
display: 'inline-block',
|
|
25
|
-
borderRadius: 'sm',
|
|
26
|
-
overflow: 'hidden',
|
|
27
|
-
}),
|
|
28
|
-
};
|
|
29
29
|
return (_jsx(LayoutWrapper, { container: container, children: _jsxs("div", { className: styles.container, children: [title && (_jsxs(H3, { children: [title, caption && _jsx(Subtitle, { children: caption })] })), _jsx("ol", { className: styles.list, children: items.map((component, index) => (_jsx("li", { className: styles.item, children: component }, index))) })] }) }));
|
|
30
30
|
};
|
|
31
31
|
//# sourceMappingURL=masonry-layout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD
|
|
1
|
+
{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IACjC,IAAI,EAAE,GAAG,CAAC;QACT,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;QACtC,SAAS,EAAE,GAAG;KACd,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAsB,EAAE,EAAE;IACzF,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,KAAK,IAAI,CACT,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,IACtC,CACL,EACD,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,aAAgB,SAAS,EAAE,MAAM,CAAC,IAAI,YACpC,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,IACA,GACS,CAChB,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,6 +1,57 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Icon } from '../../../components/ui';
|
|
3
3
|
import { css } from '../../../styled-system/css';
|
|
4
|
+
const styles = {
|
|
5
|
+
card: css({
|
|
6
|
+
margin: 'auto',
|
|
7
|
+
border: 'solid',
|
|
8
|
+
borderRadius: 'md',
|
|
9
|
+
borderWidth: 'md',
|
|
10
|
+
borderColor: 'structure',
|
|
11
|
+
borderStyle: 'solid',
|
|
12
|
+
maxHeight: '15rem',
|
|
13
|
+
overflow: 'hidden',
|
|
14
|
+
maxWidth: '391px',
|
|
15
|
+
aspectRatio: '8 / 5',
|
|
16
|
+
width: '100%',
|
|
17
|
+
backgroundColor: { base: 'background', _hover: 'surface' },
|
|
18
|
+
}),
|
|
19
|
+
link: css({
|
|
20
|
+
cursor: 'pointer',
|
|
21
|
+
}),
|
|
22
|
+
imageWrapper: css({
|
|
23
|
+
overflow: 'hidden',
|
|
24
|
+
width: '100%',
|
|
25
|
+
height: '83.333333%',
|
|
26
|
+
}),
|
|
27
|
+
image: css({
|
|
28
|
+
height: 'auto',
|
|
29
|
+
minHeight: '100%',
|
|
30
|
+
width: 'auto',
|
|
31
|
+
minWidth: '100%',
|
|
32
|
+
}),
|
|
33
|
+
captionBlock: css({
|
|
34
|
+
padding: '0.5rem',
|
|
35
|
+
height: '16.666667%',
|
|
36
|
+
}),
|
|
37
|
+
caption: css({
|
|
38
|
+
display: 'flex',
|
|
39
|
+
gap: '2',
|
|
40
|
+
justifyContent: 'flex-start',
|
|
41
|
+
alignItems: 'center',
|
|
42
|
+
}),
|
|
43
|
+
captionIcon: css({
|
|
44
|
+
paddingRight: '0.25rem',
|
|
45
|
+
}),
|
|
46
|
+
captionText: css({
|
|
47
|
+
overflow: 'hidden',
|
|
48
|
+
textOverflow: 'ellipsis',
|
|
49
|
+
whiteSpace: 'nowrap',
|
|
50
|
+
fontSize: '0.875rem',
|
|
51
|
+
lineHeight: '1.25rem',
|
|
52
|
+
color: 'text.standard',
|
|
53
|
+
}),
|
|
54
|
+
};
|
|
4
55
|
/**
|
|
5
56
|
* Linked card displaying a cover image, title, and icon. Supports named icons, emojis, and SVGs.
|
|
6
57
|
*
|
|
@@ -13,57 +64,6 @@ import { css } from '../../../styled-system/css';
|
|
|
13
64
|
* />
|
|
14
65
|
*/
|
|
15
66
|
export const InfoCard = ({ title, url, icon, img }) => {
|
|
16
|
-
const styles = {
|
|
17
|
-
card: css({
|
|
18
|
-
margin: 'auto',
|
|
19
|
-
border: 'solid',
|
|
20
|
-
borderRadius: 'md',
|
|
21
|
-
borderWidth: 'md',
|
|
22
|
-
borderColor: 'structure',
|
|
23
|
-
borderStyle: 'solid',
|
|
24
|
-
maxHeight: '15rem',
|
|
25
|
-
overflow: 'hidden',
|
|
26
|
-
maxWidth: '391px',
|
|
27
|
-
aspectRatio: '8 / 5',
|
|
28
|
-
width: '100%',
|
|
29
|
-
backgroundColor: { base: 'background', _hover: 'surface' },
|
|
30
|
-
}),
|
|
31
|
-
link: css({
|
|
32
|
-
cursor: 'pointer',
|
|
33
|
-
}),
|
|
34
|
-
imageWrapper: css({
|
|
35
|
-
overflow: 'hidden',
|
|
36
|
-
width: '100%',
|
|
37
|
-
height: '83.333333%',
|
|
38
|
-
}),
|
|
39
|
-
image: css({
|
|
40
|
-
height: 'auto',
|
|
41
|
-
minHeight: '100%',
|
|
42
|
-
width: 'auto',
|
|
43
|
-
minWidth: '100%',
|
|
44
|
-
}),
|
|
45
|
-
captionBlock: css({
|
|
46
|
-
padding: '0.5rem',
|
|
47
|
-
height: '16.666667%',
|
|
48
|
-
}),
|
|
49
|
-
caption: css({
|
|
50
|
-
display: 'flex',
|
|
51
|
-
gap: '2',
|
|
52
|
-
justifyContent: 'flex-start',
|
|
53
|
-
alignItems: 'center',
|
|
54
|
-
}),
|
|
55
|
-
captionIcon: css({
|
|
56
|
-
paddingRight: '0.25rem',
|
|
57
|
-
}),
|
|
58
|
-
captionText: css({
|
|
59
|
-
overflow: 'hidden',
|
|
60
|
-
textOverflow: 'ellipsis',
|
|
61
|
-
whiteSpace: 'nowrap',
|
|
62
|
-
fontSize: '0.875rem',
|
|
63
|
-
lineHeight: '1.25rem',
|
|
64
|
-
color: 'text.standard',
|
|
65
|
-
}),
|
|
66
|
-
};
|
|
67
67
|
const renderIcon = () => {
|
|
68
68
|
if (typeof icon === 'string') {
|
|
69
69
|
return _jsx(Icon, { name: icon, size: 24 });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C
|
|
1
|
+
{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":"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"}
|