thread-ui 0.8.1 → 0.9.0
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 +28 -1
- package/dist/components/data-display/sort-controls/sort-controls.js.map +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-base/dropdown-base.js +2 -4
- package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.js.map +1 -1
- package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js +2 -2
- package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js.map +1 -1
- package/dist/components/form-elements/file-upload/components/file-input.js +5 -3
- package/dist/components/form-elements/file-upload/components/file-input.js.map +1 -1
- package/dist/components/form-elements/file-upload/components/item-previews.js +4 -4
- package/dist/components/form-elements/file-upload/components/item-previews.js.map +1 -1
- package/dist/components/form-elements/input-wrapper.js +1 -1
- package/dist/components/form-elements/input-wrapper.js.map +1 -1
- package/dist/components/form-elements/number-input/number-input.d.ts +1 -1
- package/dist/components/form-elements/number-input/number-input.js +8 -7
- package/dist/components/form-elements/number-input/number-input.js.map +1 -1
- package/dist/components/form-elements/number-input/number-input.types.d.ts +0 -2
- package/dist/components/form-elements/styles/index.js +7 -6
- package/dist/components/form-elements/styles/index.js.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.js +5 -5
- package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
- package/dist/components/layouts/container/container.d.ts +2 -2
- package/dist/components/layouts/container/container.js +9 -6
- package/dist/components/layouts/container/container.js.map +1 -1
- package/dist/components/layouts/container/container.types.d.ts +6 -5
- package/dist/components/layouts/footer/footer.d.ts +1 -1
- package/dist/components/layouts/footer/footer.js +7 -22
- package/dist/components/layouts/footer/footer.js.map +1 -1
- package/dist/components/layouts/footer/footer.types.d.ts +3 -0
- package/dist/components/media/image-panel/image-panel.js.map +1 -1
- package/dist/components/media/info-card/info-card.d.ts +2 -7
- package/dist/components/media/info-card/info-card.js +72 -29
- package/dist/components/media/info-card/info-card.js.map +1 -1
- package/dist/components/media/info-card/info-card.types.d.ts +3 -1
- package/dist/components/media/media-card/media-card.d.ts +1 -1
- package/dist/components/media/media-card/media-card.js +44 -14
- package/dist/components/media/media-card/media-card.js.map +1 -1
- package/dist/components/media/media-card/media-card.types.d.ts +3 -1
- package/dist/components/navigation/nav-menu/{items → components}/index.d.ts +1 -1
- package/dist/components/navigation/nav-menu/{items → components}/index.js +1 -1
- package/dist/components/navigation/nav-menu/components/index.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/index.js.map +1 -0
- package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.js +7 -12
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.js.map +1 -0
- package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.types.js.map +1 -1
- package/dist/components/navigation/nav-menu/components/nav-icon-item/index.d.ts +2 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js +2 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.d.ts +2 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.js +6 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.d.ts +5 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js +2 -0
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-item/index.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.js +6 -0
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.types.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-link/index.d.ts +2 -0
- package/dist/components/navigation/nav-menu/components/nav-link/index.js +2 -0
- package/dist/components/navigation/nav-menu/components/nav-link/index.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.d.ts +2 -0
- package/dist/components/navigation/nav-menu/{items/base-item/base-item.js → components/nav-link/nav-link.js} +9 -7
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.types.d.ts +7 -0
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.types.js +2 -0
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.types.js.map +1 -0
- package/dist/components/navigation/nav-menu/nav-menu.js +17 -21
- package/dist/components/navigation/nav-menu/nav-menu.js.map +1 -1
- package/dist/components/navigation/nav-menu/nav-menu.types.d.ts +4 -4
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js +3 -3
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js.map +1 -1
- package/dist/components/typography/page-header/page-header.js +3 -3
- package/dist/components/typography/page-header/page-header.js.map +1 -1
- package/dist/components/ui/button/button-recipe.js +28 -28
- package/dist/components/ui/button/button-recipe.js.map +1 -1
- package/dist/components/ui/card/card.d.ts +10 -4
- package/dist/components/ui/card/card.js +64 -29
- package/dist/components/ui/card/card.js.map +1 -1
- package/dist/components/ui/card/card.types.d.ts +11 -5
- package/dist/components/ui/divider/divider.js +5 -5
- package/dist/components/ui/divider/divider.js.map +1 -1
- package/dist/components/ui/loaders/skeleton/index.d.ts +2 -2
- package/dist/components/ui/loaders/skeleton/index.js +1 -1
- package/dist/components/ui/loaders/skeleton/index.js.map +1 -1
- package/dist/components/ui/loaders/skeleton/skeleton.d.ts +5 -5
- package/dist/components/ui/loaders/skeleton/skeleton.js +5 -5
- package/dist/components/ui/loaders/skeleton/skeleton.js.map +1 -1
- package/dist/components/ui/loaders/skeleton/skeleton.types.d.ts +1 -1
- package/dist/components/ui/loaders/skeleton-layout/index.d.ts +2 -2
- package/dist/components/ui/loaders/skeleton-layout/index.js +1 -1
- package/dist/components/ui/loaders/skeleton-layout/index.js.map +1 -1
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.d.ts +4 -4
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.js +5 -5
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.js.map +1 -1
- package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.d.ts +3 -3
- package/dist/components/ui/modal/components/modal-content.js +2 -1
- package/dist/components/ui/modal/components/modal-content.js.map +1 -1
- package/dist/components/ui/modal/modal.js +2 -2
- package/dist/components/ui/modal/modal.js.map +1 -1
- package/dist/components/ui/toggle/toggle.js +7 -7
- package/dist/components/ui/toggle/toggle.js.map +1 -1
- package/dist/styled-system/recipes/button.js +14 -14
- package/dist/styled-system/recipes/button.mjs +14 -14
- package/dist/styled-system/styles.css +1 -1
- package/dist/styled-system/tokens/index.js +106 -46
- package/dist/styled-system/tokens/index.mjs +106 -46
- package/dist/styled-system/tokens/tokens.d.ts +9 -6
- package/dist/styled-system/types/prop-type.d.ts +2 -1
- package/dist/styled-system/types/style-props.d.ts +1 -1
- package/dist/styles/panda.css +1 -1
- package/dist/styles/tailwind.css +1 -0
- package/dist/styles/theme.css +62 -17
- package/dist/styles/thread.css +3 -3
- package/dist/theme/css-name-configurations/theme-css-names.d.ts +125 -18
- package/dist/theme/css-name-configurations/theme-css-names.js +50 -7
- package/dist/theme/css-name-configurations/theme-css-names.js.map +1 -1
- package/dist/theme/default-theme.js +48 -14
- package/dist/theme/default-theme.js.map +1 -1
- package/dist/theme/index.d.ts +1 -0
- package/dist/theme/index.js +1 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/theme-surface-system.d.ts +9 -0
- package/dist/theme/theme-surface-system.js +34 -0
- package/dist/theme/theme-surface-system.js.map +1 -0
- package/dist/theme/thread-theme.js.map +1 -1
- package/dist/types/theme/theme.types.d.ts +69 -11
- package/dist/types/utility/index.d.ts +1 -1
- package/dist/types/utility/type-production.types.d.ts +4 -0
- package/dist/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.d.ts +11 -0
- package/dist/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.js +11 -0
- package/dist/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.js.map +1 -0
- package/dist/utils/theme-utilities/get-resolved-layer-values/index.d.ts +1 -0
- package/dist/utils/theme-utilities/get-resolved-layer-values/index.js +2 -0
- package/dist/utils/theme-utilities/get-resolved-layer-values/index.js.map +1 -0
- package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.d.ts +3 -2
- package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.js +21 -17
- package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.js.map +1 -1
- package/dist/utils/theme-utilities/index.d.ts +1 -0
- package/dist/utils/theme-utilities/index.js +1 -0
- package/dist/utils/theme-utilities/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/navigation/nav-menu/items/base-item/base-item.d.ts +0 -2
- package/dist/components/navigation/nav-menu/items/base-item/base-item.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/base-item/base-item.types.d.ts +0 -9
- package/dist/components/navigation/nav-menu/items/base-item/base-item.types.js +0 -2
- package/dist/components/navigation/nav-menu/items/base-item/base-item.types.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/base-item/index.d.ts +0 -2
- package/dist/components/navigation/nav-menu/items/base-item/index.js +0 -2
- package/dist/components/navigation/nav-menu/items/base-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-drop-down-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-icon-item/index.d.ts +0 -2
- package/dist/components/navigation/nav-menu/items/nav-icon-item/index.js +0 -2
- package/dist/components/navigation/nav-menu/items/nav-icon-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.d.ts +0 -2
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.js +0 -6
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.types.d.ts +0 -7
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.types.js +0 -2
- package/dist/components/navigation/nav-menu/items/nav-icon-item/nav-icon-item.types.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-item/nav-item.js +0 -6
- package/dist/components/navigation/nav-menu/items/nav-item/nav-item.js.map +0 -1
- package/dist/components/navigation/nav-menu/items/nav-item/nav-item.types.js.map +0 -1
- package/dist/components/navigation/nav-menu/nav-menu-styles.d.ts +0 -4
- package/dist/components/navigation/nav-menu/nav-menu-styles.js +0 -5
- package/dist/components/navigation/nav-menu/nav-menu-styles.js.map +0 -1
- /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/index.d.ts +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/index.js +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.d.ts +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.types.d.ts +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-drop-down-item/nav-drop-down-item.types.js +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-item/index.d.ts +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-item/index.js +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-item/nav-item.d.ts +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-item/nav-item.types.d.ts +0 -0
- /package/dist/components/navigation/nav-menu/{items → components}/nav-item/nav-item.types.js +0 -0
package/README.md
CHANGED
|
@@ -21,6 +21,33 @@ import 'thread-ui/thread.css';
|
|
|
21
21
|
- **Vite / CRA**: place in `main.tsx` or `index.tsx`
|
|
22
22
|
- **Remix**: import in `root.tsx`
|
|
23
23
|
|
|
24
|
+
## Design System
|
|
25
|
+
|
|
26
|
+
Thread UI uses a **layer-based elevation system**. Every component either sits on a named layer (canvas, inset, surface, elevated, overlay) or opts out entirely (transparent). The layer determines the component's background color, shadow depth, border treatment, and stacking order.
|
|
27
|
+
|
|
28
|
+
### Surface Layers
|
|
29
|
+
|
|
30
|
+
| Layer | Purpose |
|
|
31
|
+
| ---------- | --------------------------------------------------------------------------- |
|
|
32
|
+
| `canvas` | Page background. The base everything sits on. |
|
|
33
|
+
| `inset` | Recessed containers: inputs, code blocks, wells. Visually below the canvas. |
|
|
34
|
+
| `surface` | Cards, panels, content regions. Pops against canvas. |
|
|
35
|
+
| `elevated` | Sticky nav, toolbars. Differentiated by shadow in light mode. |
|
|
36
|
+
| `overlay` | Modals, popovers. Highest elevation. |
|
|
37
|
+
|
|
38
|
+
```tsx
|
|
39
|
+
// Components resolve their bg, shadow, and border from the layer
|
|
40
|
+
<Card layer="surface" />
|
|
41
|
+
|
|
42
|
+
// Individual overrides when needed
|
|
43
|
+
<Card layer="surface" bg="elevated" shadow="md" structure="none" />
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
### The Two Rules
|
|
47
|
+
|
|
48
|
+
1. **Light mode communicates elevation through shadows.** Surface, elevated, and overlay share the same background color — shadows and z-index differentiate them.
|
|
49
|
+
2. **Dark mode communicates elevation through lightness.** Each layer step up is slightly lighter. Shadows are nearly invisible against dark surfaces.
|
|
50
|
+
|
|
24
51
|
## Features
|
|
25
52
|
|
|
26
53
|
### Custom Themes
|
|
@@ -63,7 +90,7 @@ Component CSS is pre-generated using Panda CSS, so components render correctly s
|
|
|
63
90
|
|
|
64
91
|
### UI Elements
|
|
65
92
|
|
|
66
|
-
`Button` `Card` `Divider` `Icon` `IconButton` `Modal` `Toggle` `DotsLoader` `SpinLoader` `
|
|
93
|
+
`Button` `Card` `Divider` `Icon` `IconButton` `Modal` `Toggle` `DotsLoader` `SpinLoader` `SkeletonLoader` `SkeletonLayoutLoader`
|
|
67
94
|
|
|
68
95
|
### Media Display
|
|
69
96
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sort-controls.js","sourceRoot":"","sources":["../../../../src/components/data-display/sort-controls/sort-controls.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAe,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"sort-controls.js","sourceRoot":"","sources":["../../../../src/components/data-display/sort-controls/sort-controls.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,11 +8,11 @@ const itemStyles = cva({
|
|
|
8
8
|
cursor: 'pointer',
|
|
9
9
|
paddingX: '4',
|
|
10
10
|
paddingY: '2',
|
|
11
|
-
_hover: { backgroundColor: '
|
|
11
|
+
_hover: { backgroundColor: 'hover' },
|
|
12
12
|
},
|
|
13
13
|
variants: {
|
|
14
14
|
isSelected: {
|
|
15
|
-
true: { backgroundColor: '
|
|
15
|
+
true: { backgroundColor: 'active' },
|
|
16
16
|
},
|
|
17
17
|
},
|
|
18
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,UAAU,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE;QACL,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,GAAG;QACb,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,UAAU,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE;QACL,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,GAAG;QACb,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE;KACpC;IACD,QAAQ,EAAE;QACT,UAAU,EAAE;YACX,IAAI,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE;SACnC;KACD;CACD,CAAC,CAAC;AAEH;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,EAAE,EACF,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,GAAG,qBAAqB,EACnC,IAAI,EACJ,KAAK,GACU,EAAE,EAAE;IACnB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAE5D,MAAM,YAAY,GAAG,CAAC,MAAsB,EAAE,EAAE;QAC/C,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACN,KAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAC1C,OAAO,EAAE,GAAG,EAAE;YACb,SAAS,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC,EACD,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EACrD,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,aAEC,SAAS,EAAE,UAAU,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE,KAAK,EAAE,CAAC,EACvE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,YAElC,MAAM,CAAC,KAAK,IAJR,KAAK,CAKN,CACL,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACX,CACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -24,16 +24,14 @@ export const styles = {
|
|
|
24
24
|
alignItems: 'center',
|
|
25
25
|
}),
|
|
26
26
|
list: css({
|
|
27
|
-
backgroundColor: '
|
|
27
|
+
backgroundColor: 'overlay',
|
|
28
28
|
position: 'absolute',
|
|
29
29
|
width: 'fit-content',
|
|
30
30
|
minWidth: '75%',
|
|
31
|
-
borderWidth: 'md',
|
|
32
|
-
borderColor: 'structure',
|
|
33
31
|
borderRadius: 'md',
|
|
34
32
|
marginTop: '3',
|
|
35
33
|
boxShadow: 'lg',
|
|
36
|
-
zIndex: '
|
|
34
|
+
zIndex: 'overlay',
|
|
37
35
|
maxHeight: '60',
|
|
38
36
|
overflow: 'auto',
|
|
39
37
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-base.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/dropdown-base/dropdown-base.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"dropdown-base.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/dropdown-base/dropdown-base.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE/E,MAAM,CAAC,MAAM,MAAM,GAAG;IACrB,SAAS,EAAE,GAAG,CAAC;QACd,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,eAAe;KACtB,CAAC;IACF,QAAQ,EAAE,GAAG,CAAC;QACb,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,UAAU;KACpB,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QAClB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACpB,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,eAAe,EAAE,SAAS;QAC1B,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,KAAK;QACf,YAAY,EAAE,IAAI;QAClB,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,MAAM;KAChB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,OAAO,EACP,UAAU,EACV,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,KAAK,GAAG,SAAS,GACE,EAAE,EAAE;IACvB,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC/C,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAEjD,OAAO,CACN,cAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,YACvC,MAAC,kBAAkB,IAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,aAC5D,KAAK,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,EAC9D,eAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,aAC9B,MAAC,kBAAkB,IAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,aAET,YAAY,EACb,KAAC,IAAI,IACJ,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACtC,IAAI,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAC7B,IACkB,EACpB,MAAM,IAAI,CACV,cAAI,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,aACtC,UAAU,IAAI,uBAAK,UAAU,GAAM,EACnC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,IACtD,CACL,IACI,IACc,GAChB,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -13,11 +13,11 @@ const styles = {
|
|
|
13
13
|
display: 'flex',
|
|
14
14
|
alignItems: 'center',
|
|
15
15
|
gap: '2',
|
|
16
|
-
_hover: { backgroundColor: '
|
|
16
|
+
_hover: { backgroundColor: 'hover' },
|
|
17
17
|
},
|
|
18
18
|
variants: {
|
|
19
19
|
isSelected: {
|
|
20
|
-
true: { backgroundColor: '
|
|
20
|
+
true: { backgroundColor: 'active' },
|
|
21
21
|
},
|
|
22
22
|
},
|
|
23
23
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-dropdown.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAM,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,MAAM,GAAG;IACd,UAAU,EAAE,GAAG,CAAC;QACf,IAAI,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,GAAG;YACb,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,GAAG;YACR,MAAM,EAAE,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"multi-dropdown.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,13 +9,15 @@ import { Text } from '../../../../components/typography';
|
|
|
9
9
|
const styles = {
|
|
10
10
|
dropzone: cva({
|
|
11
11
|
base: {
|
|
12
|
-
|
|
12
|
+
borderWidth: 'lg',
|
|
13
|
+
borderStyle: 'dashed',
|
|
13
14
|
mx: 'auto',
|
|
14
15
|
rounded: 'lg',
|
|
15
16
|
textAlign: 'center',
|
|
16
17
|
display: 'flex',
|
|
17
18
|
alignItems: 'center',
|
|
18
|
-
borderColor: '
|
|
19
|
+
borderColor: 'structure.default',
|
|
20
|
+
backgroundColor: 'inset',
|
|
19
21
|
},
|
|
20
22
|
variants: {
|
|
21
23
|
size: {
|
|
@@ -25,7 +27,7 @@ const styles = {
|
|
|
25
27
|
},
|
|
26
28
|
},
|
|
27
29
|
}),
|
|
28
|
-
isDragging: css({ borderColor: '
|
|
30
|
+
isDragging: css({ borderColor: 'info.main' }),
|
|
29
31
|
contents: cva({
|
|
30
32
|
base: {
|
|
31
33
|
display: 'flex',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/file-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,SAAS;AACT,MAAM,MAAM,GAAG;IACd,QAAQ,EAAE,GAAG,CAAC;QACb,IAAI,EAAE;YACL,
|
|
1
|
+
{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/file-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,8 +9,8 @@ const styles = {
|
|
|
9
9
|
height: '100%',
|
|
10
10
|
objectFit: 'cover',
|
|
11
11
|
borderRadius: 'md',
|
|
12
|
-
maxHeight: '
|
|
13
|
-
maxWidth: '
|
|
12
|
+
maxHeight: '24',
|
|
13
|
+
maxWidth: '24',
|
|
14
14
|
}),
|
|
15
15
|
wrapper: css({
|
|
16
16
|
display: 'flex',
|
|
@@ -22,8 +22,8 @@ const styles = {
|
|
|
22
22
|
const fixedImageStyles = {
|
|
23
23
|
height: 'auto',
|
|
24
24
|
width: 'auto',
|
|
25
|
-
maxWidth: '
|
|
26
|
-
maxHeight: '
|
|
25
|
+
maxWidth: '64',
|
|
26
|
+
maxHeight: '100',
|
|
27
27
|
};
|
|
28
28
|
export const ImageDisplay = ({ src, action }) => {
|
|
29
29
|
if (action) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item-previews.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/item-previews.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,MAAM,GAAG;IACd,KAAK,EAAE,GAAG,CAAC;QACV,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,OAAO;QAClB,YAAY,EAAE,IAAI;QAClB,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"item-previews.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/item-previews.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-wrapper.js","sourceRoot":"","sources":["../../../src/components/form-elements/input-wrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,OAAO;IACvB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"input-wrapper.js","sourceRoot":"","sources":["../../../src/components/form-elements/input-wrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,OAAO;IACvB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,GAAG;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACrE,OAAO,cAAK,SAAS,EAAE,MAAM,YAAG,QAAQ,GAAO,CAAC;AACjD,CAAC,CAAC"}
|
|
@@ -13,4 +13,4 @@ import { NumberInputProps } from './number-input.types';
|
|
|
13
13
|
* onChange={handleChange}
|
|
14
14
|
* />
|
|
15
15
|
*/
|
|
16
|
-
export declare const NumberInput: ({ name, id, title, value, placeholder, required,
|
|
16
|
+
export declare const NumberInput: ({ name, id, title, value, placeholder, required, min, max, onChange, }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,12 +8,12 @@ import { css, cva, cx } from '../../../styled-system/css';
|
|
|
8
8
|
const styles = {
|
|
9
9
|
arrowButton: cva({
|
|
10
10
|
base: {
|
|
11
|
-
backgroundColor: { base: '
|
|
11
|
+
backgroundColor: { base: 'transparent', _hover: 'hover' },
|
|
12
12
|
borderWidth: 'md',
|
|
13
|
-
borderColor: '
|
|
13
|
+
borderColor: 'structure.default',
|
|
14
14
|
_focus: {
|
|
15
15
|
ring: '2',
|
|
16
|
-
ringColor: '
|
|
16
|
+
ringColor: 'structure.default',
|
|
17
17
|
outline: 'none',
|
|
18
18
|
},
|
|
19
19
|
},
|
|
@@ -32,7 +32,7 @@ const styles = {
|
|
|
32
32
|
}),
|
|
33
33
|
baseSegment: css({
|
|
34
34
|
borderWidth: 'md',
|
|
35
|
-
borderColor: '
|
|
35
|
+
borderColor: 'structure.default',
|
|
36
36
|
padding: '3',
|
|
37
37
|
height: '11',
|
|
38
38
|
textAlign: 'center',
|
|
@@ -40,6 +40,7 @@ const styles = {
|
|
|
40
40
|
}),
|
|
41
41
|
centerSegment: css({
|
|
42
42
|
color: 'text.standard',
|
|
43
|
+
backgroundColor: 'inset',
|
|
43
44
|
width: '16',
|
|
44
45
|
appearance: 'none',
|
|
45
46
|
'&::-webkit-outer-spin-button': {
|
|
@@ -49,8 +50,8 @@ const styles = {
|
|
|
49
50
|
appearance: 'none',
|
|
50
51
|
},
|
|
51
52
|
_focus: {
|
|
52
|
-
ringColor: '
|
|
53
|
-
borderColor: '
|
|
53
|
+
ringColor: 'info.main',
|
|
54
|
+
borderColor: 'info.main',
|
|
54
55
|
},
|
|
55
56
|
}),
|
|
56
57
|
container: css({
|
|
@@ -83,7 +84,7 @@ const valueWithinRange = (value, min, max) => {
|
|
|
83
84
|
* onChange={handleChange}
|
|
84
85
|
* />
|
|
85
86
|
*/
|
|
86
|
-
export const NumberInput = ({ name, id = name, title, value, placeholder, required,
|
|
87
|
+
export const NumberInput = ({ name, id = name, title, value, placeholder, required, min, max, onChange, }) => {
|
|
87
88
|
// Initialize state with the value from props or null
|
|
88
89
|
const [num, setNum] = useState(value);
|
|
89
90
|
// Update internal state
|
|
@@ -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,MAAM,GAAG;IACd,WAAW,EAAE,GAAG,CAAC;QAChB,IAAI,EAAE;YACL,eAAe,EAAE,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { Prettify } from '../../../types';
|
|
2
2
|
import { InputProps } from '../input-props.types';
|
|
3
3
|
export type NumberInputProps = Prettify<InputProps<number | null> & {
|
|
4
|
-
/** Applies dark styling */
|
|
5
|
-
dark?: boolean;
|
|
6
4
|
/** Minimum allowed value */
|
|
7
5
|
min?: number;
|
|
8
6
|
/** Maximum allowed value */
|
|
@@ -2,17 +2,18 @@ import { cva } from '../../../styled-system/css';
|
|
|
2
2
|
export const baseInputStyles = cva({
|
|
3
3
|
base: {
|
|
4
4
|
color: 'text.standard',
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
backgroundColor: 'inset',
|
|
6
|
+
paddingX: '4',
|
|
7
|
+
paddingY: '2',
|
|
8
|
+
borderWidth: 'md',
|
|
8
9
|
borderStyle: 'solid',
|
|
9
|
-
borderColor: 'structure',
|
|
10
|
+
borderColor: 'structure.default',
|
|
10
11
|
borderRadius: 'md',
|
|
11
12
|
transition: 'colors',
|
|
12
13
|
_focus: {
|
|
13
14
|
outline: 'none',
|
|
14
|
-
borderColor: '
|
|
15
|
-
boxShadow: '0 0 0 2px {colors.
|
|
15
|
+
borderColor: 'info.main',
|
|
16
|
+
boxShadow: '0 0 0 2px {colors.info.main}',
|
|
16
17
|
},
|
|
17
18
|
},
|
|
18
19
|
variants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form-elements/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC;IAClC,IAAI,EAAE;QACL,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form-elements/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC;IAClC,IAAI,EAAE;QACL,KAAK,EAAE,eAAe;QACtB,eAAe,EAAE,OAAO;QACxB,QAAQ,EAAE,GAAG;QACb,QAAQ,EAAE,GAAG;QACb,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,mBAAmB;QAChC,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,WAAW;YACxB,SAAS,EAAE,8BAA8B;SACzC;KACD;IACD,QAAQ,EAAE;QACT,GAAG,EAAE;YACJ,IAAI,EAAE;gBACL,KAAK,EAAE,MAAM;aACb;YACD,KAAK,EAAE;gBACN,KAAK,EAAE,MAAM;aACb;SACD;KACD;IACD,eAAe,EAAE;QAChB,GAAG,EAAE,KAAK;KACV;CACD,CAAC,CAAC"}
|
|
@@ -14,16 +14,16 @@ const styles = {
|
|
|
14
14
|
md: 'var(--max-width, none)',
|
|
15
15
|
lg: 'none',
|
|
16
16
|
},
|
|
17
|
-
paddingTop: { base: '
|
|
18
|
-
paddingBottom: { base: '
|
|
17
|
+
paddingTop: { base: '10', md: '8', lg: '6' },
|
|
18
|
+
paddingBottom: { base: '10', md: '8', lg: '6' },
|
|
19
19
|
display: 'flex',
|
|
20
20
|
flexDirection: 'column',
|
|
21
21
|
justifyContent: 'center',
|
|
22
22
|
flex: { base: '1 1 0%', lg: 'none' },
|
|
23
23
|
}),
|
|
24
24
|
gridItem: css({
|
|
25
|
-
borderRadius: '
|
|
26
|
-
marginBottom: '
|
|
25
|
+
borderRadius: 'sm',
|
|
26
|
+
marginBottom: '6',
|
|
27
27
|
width: '100%',
|
|
28
28
|
height: 'auto',
|
|
29
29
|
overflow: 'hidden',
|
|
@@ -32,7 +32,7 @@ const styles = {
|
|
|
32
32
|
gridItemContent: css({
|
|
33
33
|
width: '100%',
|
|
34
34
|
height: 'auto',
|
|
35
|
-
borderRadius: '
|
|
35
|
+
borderRadius: 'sm',
|
|
36
36
|
}),
|
|
37
37
|
};
|
|
38
38
|
/**
|
|
@@ -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,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,UAAU,EAAE,EAAE,IAAI,EAAE,
|
|
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,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC5C,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC/C,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,IAAI;QAClB,YAAY,EAAE,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,IAAI;KAClB,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,8 +4,8 @@ import { ContainerProps } from './container.types';
|
|
|
4
4
|
* Renders as `div` by default but can be swapped for `section`.
|
|
5
5
|
*
|
|
6
6
|
* @example
|
|
7
|
-
* <Container as="section"
|
|
7
|
+
* <Container as="section" bg="surface">
|
|
8
8
|
* <PageHeader title="About" />
|
|
9
9
|
* </Container>
|
|
10
10
|
*/
|
|
11
|
-
export declare const Container: ({ as: Tag,
|
|
11
|
+
export declare const Container: ({ as: Tag, bg, children }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,14 +3,17 @@ import { cva, cx } from '../../../styled-system/css';
|
|
|
3
3
|
import { container } from '../../../styled-system/patterns';
|
|
4
4
|
const styles = cva({
|
|
5
5
|
variants: {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
bg: {
|
|
7
|
+
none: { backgroundColor: 'transparent' },
|
|
8
|
+
canvas: { backgroundColor: 'canvas' },
|
|
9
|
+
inset: { backgroundColor: 'inset' },
|
|
8
10
|
surface: { backgroundColor: 'surface' },
|
|
9
11
|
elevated: { backgroundColor: 'elevated' },
|
|
12
|
+
overlay: { backgroundColor: 'overlay' },
|
|
10
13
|
},
|
|
11
14
|
},
|
|
12
15
|
defaultVariants: {
|
|
13
|
-
|
|
16
|
+
bg: 'none',
|
|
14
17
|
},
|
|
15
18
|
});
|
|
16
19
|
/**
|
|
@@ -18,11 +21,11 @@ const styles = cva({
|
|
|
18
21
|
* Renders as `div` by default but can be swapped for `section`.
|
|
19
22
|
*
|
|
20
23
|
* @example
|
|
21
|
-
* <Container as="section"
|
|
24
|
+
* <Container as="section" bg="surface">
|
|
22
25
|
* <PageHeader title="About" />
|
|
23
26
|
* </Container>
|
|
24
27
|
*/
|
|
25
|
-
export const Container = ({ as: Tag = 'div',
|
|
26
|
-
return _jsx(Tag, { className: cx(styles({
|
|
28
|
+
export const Container = ({ as: Tag = 'div', bg = 'none', children }) => {
|
|
29
|
+
return _jsx(Tag, { className: cx(styles({ bg }), container()), children: children });
|
|
27
30
|
};
|
|
28
31
|
//# sourceMappingURL=container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layouts/container/container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,QAAQ,EAAE;QACT,
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layouts/container/container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,QAAQ,EAAE;QACT,EAAE,EAAE;YACH,IAAI,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE;YACxC,MAAM,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE;YACrC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE;YACnC,OAAO,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;YACvC,QAAQ,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE;YACzC,OAAO,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;SACvC;KACD;IACD,eAAe,EAAE;QAChB,EAAE,EAAE,MAAM;KACV;CACD,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,GAAG,KAAK,EAAE,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACvF,OAAO,KAAC,GAAG,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,YAAG,QAAQ,GAAO,CAAC;AAC1E,CAAC,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BgColorOptions, Prettify } from '../../../types';
|
|
2
2
|
import { JSX, ReactNode } from 'react';
|
|
3
|
-
type BlockElements = Pick<JSX.IntrinsicElements, 'div' | 'section'>;
|
|
3
|
+
type BlockElements = Pick<JSX.IntrinsicElements, 'div' | 'section' | 'footer'>;
|
|
4
4
|
export type ContainerProps = {
|
|
5
5
|
/** HTML element to render as @default `'div'` */
|
|
6
|
-
as?: keyof BlockElements
|
|
7
|
-
/** Background color token @default `'
|
|
8
|
-
|
|
6
|
+
as?: Prettify<keyof BlockElements>;
|
|
7
|
+
/** Background color token @default `'none'` */
|
|
8
|
+
bg?: BgColorOptions;
|
|
9
|
+
/** Container Contents */
|
|
9
10
|
children: ReactNode;
|
|
10
11
|
};
|
|
11
12
|
export {};
|
|
@@ -11,4 +11,4 @@ import { FooterProps } from './footer.types';
|
|
|
11
11
|
* linkedInLink="https://linkedin.com/company/acme"
|
|
12
12
|
* />
|
|
13
13
|
*/
|
|
14
|
-
export declare const Footer: ({ logo, caption, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const Footer: ({ logo, caption, bg, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,42 +1,27 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Divider, Subtitle } from '../../../components';
|
|
3
|
+
import { Container, Divider, Subtitle } from '../../../components';
|
|
4
4
|
import { FacebookLogoIcon, GithubLogoIcon, InstagramLogoIcon, LinkedinLogoIcon, TwitterLogoIcon, } from '@phosphor-icons/react';
|
|
5
|
-
import { css
|
|
6
|
-
import { container } from '../../../styled-system/patterns';
|
|
5
|
+
import { css } from '../../../styled-system/css';
|
|
7
6
|
const styles = {
|
|
8
|
-
footer: cx(container(), css({ marginX: 'auto' })),
|
|
9
7
|
footerContents: css({
|
|
10
8
|
display: 'flex',
|
|
11
9
|
flexDirection: 'column',
|
|
12
10
|
justifyContent: 'center',
|
|
13
11
|
alignItems: 'center',
|
|
14
|
-
paddingY: '
|
|
12
|
+
paddingY: '10',
|
|
15
13
|
marginX: 'auto',
|
|
16
14
|
overflow: 'hidden',
|
|
17
15
|
maxWidth: '1280px',
|
|
18
16
|
}),
|
|
19
|
-
textBlock: css({
|
|
20
|
-
marginTop: '8px',
|
|
21
|
-
}),
|
|
22
17
|
logoBlock: css({
|
|
23
18
|
display: 'flex',
|
|
24
19
|
flexDirection: 'row',
|
|
25
|
-
gap: '
|
|
20
|
+
gap: '3',
|
|
26
21
|
width: '100%',
|
|
27
22
|
justifyContent: 'center',
|
|
28
23
|
alignItems: 'center',
|
|
29
|
-
paddingY: '
|
|
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',
|
|
24
|
+
paddingY: '4',
|
|
40
25
|
}),
|
|
41
26
|
links: css({
|
|
42
27
|
color: 'text.standard',
|
|
@@ -54,9 +39,9 @@ const styles = {
|
|
|
54
39
|
* linkedInLink="https://linkedin.com/company/acme"
|
|
55
40
|
* />
|
|
56
41
|
*/
|
|
57
|
-
export const Footer = ({ logo, caption, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }) => {
|
|
42
|
+
export const Footer = ({ logo, caption, bg = 'canvas', facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }) => {
|
|
58
43
|
const weight = 'bold';
|
|
59
44
|
const size = 24;
|
|
60
|
-
return (_jsxs(
|
|
45
|
+
return (_jsxs(Container, { as: "footer", bg: bg, 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
46
|
};
|
|
62
47
|
//# 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;
|
|
1
|
+
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EACN,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,MAAM,GAAG;IACd,cAAc,EAAE,GAAG,CAAC;QACnB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACV,KAAK,EAAE,eAAe;KACtB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,IAAI,EACJ,OAAO,EACP,EAAE,GAAG,QAAQ,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,GACC,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,IAAI,GAAG,EAAE,CAAC;IAEhB,OAAO,CACN,MAAC,SAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,aAC5B,KAAC,OAAO,KAAG,EACX,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACnC,IAAI,IAAI,IAAI,EACZ,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,EAC1C,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7C,CACJ,EACA,aAAa,IAAI,CACjB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,YAC9C,KAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC9C,CACJ,EACA,WAAW,IAAI,CACf,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,YAC5C,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC5C,CACJ,EACA,UAAU,IAAI,CACd,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,YAC3C,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC3C,CACJ,EACA,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7C,CACJ,IACI,IACD,IACK,CACZ,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
import { BgColorOptions } from '../../../types';
|
|
1
2
|
import { ReactNode } from 'react';
|
|
2
3
|
export type FooterProps = {
|
|
3
4
|
/** Logo or branding element rendered at the top of the footer */
|
|
4
5
|
logo?: ReactNode;
|
|
5
6
|
/** Tagline or description rendered below the logo */
|
|
6
7
|
caption?: string | ReactNode;
|
|
8
|
+
/** Background color token @default `'none'` */
|
|
9
|
+
bg?: BgColorOptions;
|
|
7
10
|
/** URL for the Facebook social link */
|
|
8
11
|
facebookLink?: string;
|
|
9
12
|
/** URL for the Instagram social link */
|