@fragment-build/ui 3.0.4 → 3.0.11
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/.storybook/style.css +3 -0
- package/README.md +6 -7
- package/components/grid/Grid.js +1 -0
- package/components/grid/Grid.js.map +1 -1
- package/components/grid/grid.css +17 -0
- package/components/multi-switch/MultiSwitch.js +1 -0
- package/components/multi-switch/MultiSwitch.js.map +1 -1
- package/components/multi-switch/multi-switch.css +24 -0
- package/components/theme-switch/ThemeSwitch.js +1 -0
- package/components/theme-switch/ThemeSwitch.js.map +1 -1
- package/fragments/form/Form.js +1 -0
- package/fragments/form/Form.js.map +1 -1
- package/fragments/form/FormSection.js +1 -0
- package/fragments/form/FormSection.js.map +1 -1
- package/fragments/form/form-section.css +41 -0
- package/fragments/form/form.css +5 -0
- package/fragments/navbar/Navbar.js +1 -0
- package/fragments/navbar/Navbar.js.map +1 -1
- package/fragments/navbar/navbar.css +25 -0
- package/fragments/page/PageHeader.js +1 -0
- package/fragments/page/PageHeader.js.map +1 -1
- package/fragments/page/page-header.css +13 -0
- package/fragments/shell/Shell.js +1 -0
- package/fragments/shell/Shell.js.map +1 -1
- package/fragments/shell/shell.css +22 -0
- package/fragments/sidebar/Sidebar.js +1 -0
- package/fragments/sidebar/Sidebar.js.map +1 -1
- package/fragments/sidebar/SidebarNavigation.js +1 -0
- package/fragments/sidebar/SidebarNavigation.js.map +1 -1
- package/fragments/sidebar/sidebar.css +205 -0
- package/fragments/widget/Widget.js +1 -0
- package/fragments/widget/Widget.js.map +1 -1
- package/fragments/widget/widget.css +29 -0
- package/index.css +113 -0
- package/package.json +11 -8
- package/provider.js +1 -0
- package/provider.js.map +1 -1
- package/src/components/grid/grid.css +17 -0
- package/src/components/multi-switch/multi-switch.css +24 -0
- package/src/fragments/form/form-section.css +41 -0
- package/src/fragments/form/form.css +5 -0
- package/src/fragments/navbar/navbar.css +25 -0
- package/src/fragments/page/page-header.css +13 -0
- package/src/fragments/shell/shell.css +22 -0
- package/src/fragments/sidebar/sidebar.css +205 -0
- package/src/fragments/widget/widget.css +29 -0
- package/src/index.css +113 -0
- package/src/theme.example.css +96 -0
- package/theme.example.css +96 -0
package/README.md
CHANGED
|
@@ -58,9 +58,9 @@ Fragment UI is a design system and React component library which provides alread
|
|
|
58
58
|
1. Setup Tailwind CSS
|
|
59
59
|
[Installation Guide](https://tailwindcss.com/docs/installation)
|
|
60
60
|
|
|
61
|
-
2. Install Fragment UI
|
|
61
|
+
2. Install Fragment UI and its peer dependencies
|
|
62
62
|
```bash
|
|
63
|
-
npm install -S @fragment-build/ui
|
|
63
|
+
npm install -S @fragment-build/ui @heroui/react @heroui/styles
|
|
64
64
|
```
|
|
65
65
|
|
|
66
66
|
As a next step you must configure the library the way you want to. See [**Configuration**](#🔧-configuration) section.
|
|
@@ -69,24 +69,23 @@ All done. Enjoy 🎉
|
|
|
69
69
|
|
|
70
70
|
## 🔧 Configuration
|
|
71
71
|
|
|
72
|
+
Import the HeroUI styles and Fragment UI styles in your global CSS file:
|
|
73
|
+
|
|
72
74
|
```ts
|
|
73
75
|
// src/main.css
|
|
74
76
|
|
|
75
77
|
@import 'tailwindcss';
|
|
76
|
-
@import "@heroui/styles";
|
|
78
|
+
@import "@heroui/styles";
|
|
77
79
|
@import "@fragment-build/ui";
|
|
78
80
|
```
|
|
79
81
|
|
|
80
|
-
|
|
82
|
+
Add `FragmentUIProvider` at the root of your application:
|
|
81
83
|
|
|
82
84
|
```tsx
|
|
83
85
|
import React from 'react';
|
|
84
|
-
|
|
85
|
-
// 1. import `FragmentUIProvider` component
|
|
86
86
|
import { FragmentUIProvider } from '@fragment-build/ui';
|
|
87
87
|
|
|
88
88
|
function App() {
|
|
89
|
-
// 2. Wrap FragmentUIProvider at the root of your app
|
|
90
89
|
return (
|
|
91
90
|
<FragmentUIProvider>
|
|
92
91
|
<YourApplication />
|
package/components/grid/Grid.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/components/grid/Grid.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/components/grid/Grid.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAWrC,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,cAAK,SAAS,EAAE,IAAI,EAAE,YAAG,QAAQ,GAAO,CAAC;AAClD,CAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fragment-grid {
|
|
3
|
+
@apply grid gap-6 grid-flow-row-dense;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.fragment-grid--sm {
|
|
7
|
+
@apply grid-cols-1;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.fragment-grid--md {
|
|
11
|
+
@apply grid-cols-1 lg:grid-cols-2;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.fragment-grid--lg {
|
|
15
|
+
@apply grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSwitch.js","sourceRoot":"","sources":["../../src/components/multi-switch/MultiSwitch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MultiSwitch.js","sourceRoot":"","sources":["../../src/components/multi-switch/MultiSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAmD,MAAM,eAAe,CAAC;AAOjH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAmC,CAAC,EACvE,YAAY,GAAG,CAAC,EAChB,aAAa,EACb,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE,CAAC,CACT,MAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,uBAAuB,EACjC,aAAa,EAAC,QAAQ,EACtB,sBAAsB,QACtB,mBAAmB,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAC3C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,IAAI,EAAE,IAAI,KACN,KAAK,aAET,KAAC,YAAY,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,QAAC,SAAS,EAAC,oCAAoC,YAAC,KAAC,KAAK,KAAG,GAAe,EACvG,KAAC,YAAY,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,QAAC,SAAS,EAAC,qCAAqC,YAC7E,KAAC,SAAS,KAAG,GACA,EACf,KAAC,YAAY,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,kBAC7B,KAAC,SAAS,KAAG,GACA,IACG,CACrB,CAAC,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fragment-multi-switch.toggle-button-group--horizontal .toggle-button:first-child {
|
|
3
|
+
padding-inline-start: 2px;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.fragment-multi-switch.toggle-button-group--horizontal .toggle-button:last-child {
|
|
7
|
+
padding-inline-end: 2px;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
.fragment-multi-switch__btn--danger {
|
|
12
|
+
--toggle-button-bg-selected: var(--danger-soft);
|
|
13
|
+
--toggle-button-bg-selected-hover: var(--danger-soft-hover);
|
|
14
|
+
--toggle-button-bg-selected-pressed: var(--danger-soft-hover);
|
|
15
|
+
--toggle-button-fg-selected: var(--danger-soft-foreground);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.fragment-multi-switch__btn--neutral {
|
|
19
|
+
--toggle-button-bg-selected: var(--default-hover);
|
|
20
|
+
--toggle-button-bg-selected-hover: var(--default-hover);
|
|
21
|
+
--toggle-button-bg-selected-pressed: var(--default-hover);
|
|
22
|
+
--toggle-button-fg-selected: var(--default-foreground);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeSwitch.js","sourceRoot":"","sources":["../../src/components/theme-switch/ThemeSwitch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeSwitch.js","sourceRoot":"","sources":["../../src/components/theme-switch/ThemeSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAQ,EAAE,MAAM,EAAoB,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ5C,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAG,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,KAAC,MAAM,IAAC,UAAU,QAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAM,KAAK,YACrH,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GAC5D,CACV,CAAC;AACJ,CAAC,CAAC"}
|
package/fragments/form/Form.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/fragments/form/Form.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/fragments/form/Form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;GAEG;AAEH,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMrC,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IAEjB,OAAO,CACL,kBAAU,KAAK,YACZ,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAC3E,MAAC,KAAK,CAAC,QAAQ,eACb,KAAC,SAAS,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,GAAI,EACtC,KAAK,KAFa,KAAK,CAGT,CAClB,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../src/fragments/form/FormSection.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../src/fragments/form/FormSection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAOb,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAUnD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpG,MAAM,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,YACtB,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,uBAAK,KAAK,GAAM,EAChB,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,IAChD,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,YACxB,QAAQ,GACL,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fragment-form-section__main {
|
|
3
|
+
@apply flex flex-col;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.fragment-form-section__info {
|
|
7
|
+
@apply flex-1 pb-4;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.fragment-form-section__content {
|
|
11
|
+
@apply flex flex-col gap-4 flex-1 min-w-0;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.fragment-form-section__description {
|
|
15
|
+
@apply text-sm text-muted;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.fragment-form-section--horizontal {
|
|
19
|
+
.fragment-form-section__main {
|
|
20
|
+
@apply sm:flex-row;
|
|
21
|
+
}
|
|
22
|
+
.fragment-form-section__info {
|
|
23
|
+
@apply sm:max-w-sm sm:pr-4 sm:pb-0;
|
|
24
|
+
}
|
|
25
|
+
.fragment-form-section__content {
|
|
26
|
+
@apply sm:items-end sm:justify-center sm:max-w-sm;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.fragment-form-section--vertical {
|
|
31
|
+
.fragment-form-section__content {
|
|
32
|
+
@apply sm:max-w-3xl;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.fragment-form-section--full-width {
|
|
37
|
+
.fragment-form-section__content {
|
|
38
|
+
@apply sm:max-w-full;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../src/fragments/navbar/Navbar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../src/fragments/navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAIb,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAiCzC,MAAM,YAAY,GAAG,CAAC,WAAuC,EAAE,UAAgC,EAAE,EAAE;IACjG,IAAI,CAAC,WAAW;QAAE,OAAO;IACzB,MAAM,eAAe,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3I,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC;AAC7F,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,EAAE;IAC3G,MAAM,CAAC,GAAG,MAAM,EAAE,CAAC;IACnB,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAmC,YAAY,CAAC,WAAW,EAAE,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC;IAE1H,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,EAAE,UAAU,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAEtG,MAAM,aAAa,GAAG,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,gBAAgB,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC;IAErF,OAAO,CACL,8BACE,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,aACvB,YAAY,EACb,KAAC,YAAY,IAAC,aAAa,QAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,YACtE,KAAC,IAAI,IACH,WAAW,EAAE,SAAS,EAAE,KAAK,EAC7B,iBAAiB,EAAE,CAAC,GAAG,EAAE,EAAE;gCACzB,MAAM,GAAG,GAAG,UAAU,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC;gCAC3D,YAAY,CAAC,GAAG,CAAC,CAAC;4BACpB,CAAC,YAED,KAAC,IAAI,CAAC,aAAa,cACjB,KAAC,IAAI,CAAC,IAAI,cACP,UAAU,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,MAAC,IAAI,CAAC,GAAG,IACP,EAAE,EAAE,IAAI,CAAC,KAAK,EAEd,SAAS,EAAE,CAAC,CAAC,GAAG,EAAE,EAClB,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAC,aAAa,OAAK,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,aAErE,IAAI,CAAC,KAAK,EACX,KAAC,IAAI,CAAC,SAAS,KAAG,KALb,IAAI,CAAC,KAAK,CAMN,CACZ,CAAC,GACQ,GACO,GAChB,GACM,EACf,eAAK,SAAS,EAAE,CAAC,CAAC,GAAG,EAAE,aACpB,UAAU,EACV,IAAI,IAAI,CACP,MAAC,QAAQ,OAAK,IAAI,CAAC,QAAQ,aACzB,KAAC,QAAQ,CAAC,OAAO,cACf,MAAC,MAAM,OAAK,IAAI,CAAC,MAAM,aACrB,KAAC,MAAM,CAAC,KAAK,OAAK,IAAI,CAAC,MAAM,GAAI,EACjC,KAAC,MAAM,CAAC,QAAQ,cAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAmB,IACjD,GACQ,EACnB,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,EAAC,cAAc,YAClE,KAAC,QAAQ,CAAC,IAAI,kBAAY,cAAc,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,IAAI,EAAE,YACrE,CAAC,YAAY,EAAE,EAAE,CAAC,CACjB,eAAC,QAAQ,CAAC,IAAI,OACR,YAAY,EAChB,GAAG,EAAE,YAAY,CAAC,KAAK,IAEtB,YAAY,CAAC,KAAK,CACL,CACjB,GACa,GACC,IACV,CACZ,IACG,IACF,EAEN,eACE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,aAEvB,UAAU,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACxC,MAAC,OAAO,eACN,KAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,MAAM,EAAE,EAAE,YAAG,OAAO,CAAC,KAAK,GAAmB,EAC9E,KAAC,MAAM,IACL,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,YAAE,oBAAY,KAAK,GAAI,GAAgB,EAC3F,UAAU,QACV,OAAO,EAAE,SAAS,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EAChE,SAAS,kBAET,MAAC,KAAK,CAAC,MAAM,eACV,OAAO,CAAC,IAAI,EACZ,OAAO,OAAO,CAAC,YAAY,KAAK,QAAQ,IAAI,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAClE,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,YAC5E,OAAO,CAAC,YAAY,GACf,CACT,CAAC,CAAC,CAAC,IAAI,IACK,GACR,KAhBG,OAAO,CAAC,KAAK,CAiBjB,CACX,CAAC,EACD,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,OAAO,cACf,KAAC,MAAM,IAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,UAAU,QAAC,SAAS,kBAC5E,KAAC,QAAQ,KAAG,GACL,GACQ,EACnB,KAAC,QAAQ,CAAC,OAAO,IAAC,SAAS,EAAC,SAAS,YACnC,KAAC,QAAQ,CAAC,IAAI,kBAAY,iBAAiB,YACxC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,MAAC,QAAQ,CAAC,IAAI,IAAkB,IAAI,EAAE,IAAI,CAAC,IAAI,aAC5C,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,KADJ,IAAI,CAAC,KAAK,CAEd,CACjB,CAAC,GACY,GACC,IACV,CACZ,IACG,IACL,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fragment-navbar__topbar {
|
|
3
|
+
@apply flex gap-6 items-center px-8 py-5;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.fragment-navbar__tabs {
|
|
7
|
+
@apply hidden md:block;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.fragment-navbar__end {
|
|
11
|
+
@apply ml-auto flex gap-4 items-center;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.fragment-navbar__bottom-nav {
|
|
15
|
+
@apply fixed md:hidden z-50 bottom-0 bg-background flex w-full gap-2 px-2 py-1 border-t border-border;
|
|
16
|
+
& > *,
|
|
17
|
+
& > * > * {
|
|
18
|
+
@apply h-12 flex-1;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.fragment-navbar__bottom-nav-badge {
|
|
23
|
+
@apply -top-0.5 -right-2.5;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../src/fragments/page/PageHeader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../src/fragments/page/PageHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAOb,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AASjD,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClG,MAAM,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAE5B,OAAO,CACL,kBAAQ,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACzB,0BACE,uBAAK,KAAK,GAAM,EACf,WAAW,IAAI,YAAG,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,YAAG,WAAW,GAAK,IAC5D,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,YAAG,QAAQ,GAAO,IACtC,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fragment-page-header {
|
|
3
|
+
@apply flex gap-4 justify-between sm:items-end mb-8 flex-col sm:flex-row;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.fragment-page-header__description {
|
|
7
|
+
@apply mt-2 text-muted;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.fragment-page-header__actions {
|
|
11
|
+
@apply flex gap-4;
|
|
12
|
+
}
|
|
13
|
+
}
|
package/fragments/shell/Shell.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shell.js","sourceRoot":"","sources":["../../src/fragments/shell/Shell.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Shell.js","sourceRoot":"","sources":["../../src/fragments/shell/Shell.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAoB,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAqB,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAoBvC,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,CAAC,GAAG,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;IAEhD,IAAI,KAAK,CAAC,SAAS,KAAK,UAAU,EAAE,CAAC;QACnC,OAAO,CACL,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,KAAC,MAAM,OAAK,KAAK,CAAC,MAAM,GAAI,EAC5B,eAAM,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,YACtB,KAAK,CAAC,QAAQ,GACV,IACH,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,KAAC,OAAO,OAAK,KAAK,CAAC,OAAO,GAAI,EAC9B,eAAM,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,YACtB,KAAK,CAAC,QAAQ,GACV,IACH,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fragment-shell {
|
|
3
|
+
@apply flex min-h-screen;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.fragment-shell--vertical {
|
|
7
|
+
@apply flex-col;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.fragment-shell__main {
|
|
11
|
+
@apply flex-1 min-w-0 mx-auto;
|
|
12
|
+
|
|
13
|
+
.fragment-shell--horizontal & {
|
|
14
|
+
@apply px-8 lg:px-12 xl:px-20 py-14 max-w-[2100px];
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.fragment-shell--vertical & {
|
|
18
|
+
@apply px-8 py-6 max-w-[2100px] w-full;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { createElement as _createElement } from "react";
|
|
2
3
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
4
|
import { Avatar, Badge, Button, Description, Dropdown, Label, Modal, ScrollShadow, Tooltip } from '@heroui/react';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../src/fragments/sidebar/Sidebar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../src/fragments/sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarNavigation.js","sourceRoot":"","sources":["../../src/fragments/sidebar/SidebarNavigation.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SidebarNavigation.js","sourceRoot":"","sources":["../../src/fragments/sidebar/SidebarNavigation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fragment-sidebar {
|
|
3
|
+
@apply hidden md:flex;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.fragment-sidebar__collapsed {
|
|
7
|
+
@apply fixed top-0 left-0 border-r border-border flex flex-col h-screen gap-8 transition-all;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.fragment-sidebar__collapsed-body {
|
|
11
|
+
@apply w-20 items-center flex flex-col gap-8 px-3 pt-8 overflow-y-auto flex-1;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.fragment-sidebar__collapsed-footer {
|
|
15
|
+
@apply w-20 items-center flex flex-col gap-8 px-3 pb-8;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.fragment-sidebar__expanded {
|
|
19
|
+
@apply fixed top-0 left-0 border-r border-border flex flex-col h-screen gap-8 overflow-hidden transition-all;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.fragment-sidebar__expanded-body {
|
|
23
|
+
@apply w-72 flex flex-col gap-8 px-3 pt-8 overflow-y-auto flex-1;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.fragment-sidebar__expanded-footer {
|
|
27
|
+
@apply w-72 flex flex-col gap-8 px-3 pb-8;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.fragment-sidebar__placeholder {
|
|
31
|
+
@apply transition-all h-screen;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.fragment-sidebar__layout-button-wrapper {
|
|
35
|
+
@apply fixed top-6 transition-all;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.fragment-sidebar__layout-button {
|
|
39
|
+
@apply h-6! w-6!;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.fragment-sidebar__bottom-nav {
|
|
43
|
+
@apply fixed md:hidden z-50 bottom-0 bg-background flex w-full gap-2 px-2 py-1 border-t border-border;
|
|
44
|
+
& > *:nth-child(n+5):not(:last-child) {
|
|
45
|
+
@apply hidden;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
& > *,
|
|
49
|
+
& > * > *,
|
|
50
|
+
& > * > * > * {
|
|
51
|
+
@apply h-12 flex-1 w-full;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.fragment-sidebar__bottom-nav-badge {
|
|
56
|
+
@apply -top-0.5 -right-2.5;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.fragment-sidebar__modal-body {
|
|
60
|
+
@apply flex flex-col gap-8;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.fragment-sidebar__modal-footer {
|
|
64
|
+
@apply flex flex-col gap-8;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.fragment-sidebar__collapsed-nav {
|
|
68
|
+
@apply flex flex-col gap-1;
|
|
69
|
+
& svg {
|
|
70
|
+
@apply size-5! shrink-0 self-center;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.fragment-sidebar__item {
|
|
75
|
+
&--center {
|
|
76
|
+
@apply my-auto max-w-full;
|
|
77
|
+
}
|
|
78
|
+
&--bottom {
|
|
79
|
+
@apply mt-auto max-w-full sticky bottom-0;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.fragment-sidebar__user-trigger {
|
|
84
|
+
@apply justify-start;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.fragment-sidebar__user-info {
|
|
88
|
+
@apply flex items-center gap-2 px-2;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.fragment-sidebar__user-text {
|
|
92
|
+
@apply flex flex-col items-start;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.fragment-sidebar__custom-item {
|
|
96
|
+
@apply px-2;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.fragment-sidebar__nav {
|
|
100
|
+
@apply text-sm;
|
|
101
|
+
|
|
102
|
+
.list-box-item {
|
|
103
|
+
@apply px-3! pr-1! py-1! h-10!;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
& svg {
|
|
107
|
+
@apply size-5 shrink-0 self-center;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.fragment-sidebar__accordion-trigger {
|
|
112
|
+
@apply w-full flex items-center gap-3 h-10 px-3 pr-1 py-1 rounded-2xl text-sm font-normal cursor-pointer
|
|
113
|
+
text-foreground transition-colors;
|
|
114
|
+
&:hover, &[data-hovered="true"] {
|
|
115
|
+
@apply bg-default!;
|
|
116
|
+
}
|
|
117
|
+
&--active {
|
|
118
|
+
@apply text-accent-soft-foreground;
|
|
119
|
+
}
|
|
120
|
+
& > .fragment-sidebar__accordion-label {
|
|
121
|
+
@apply flex-1 text-left;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.fragment-sidebar__accordion-trigger .accordion__indicator {
|
|
126
|
+
@apply w-8! shrink-0;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.fragment-sidebar__accordion-indicator {
|
|
130
|
+
@apply size-4 transition-transform duration-200;
|
|
131
|
+
[data-expanded] & {
|
|
132
|
+
@apply rotate-90;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.fragment-sidebar__tree-list {
|
|
137
|
+
@apply relative pl-7;
|
|
138
|
+
&::before {
|
|
139
|
+
content: '';
|
|
140
|
+
@apply absolute top-0 bottom-0 w-px bg-foreground opacity-15 rounded-full left-5;
|
|
141
|
+
}
|
|
142
|
+
.list-box {
|
|
143
|
+
@apply overflow-visible;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.fragment-sidebar__nav-item--active {
|
|
148
|
+
@apply bg-accent-soft! text-accent-soft-foreground!;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.fragment-sidebar__sub-item {
|
|
152
|
+
@apply pl-8! relative;
|
|
153
|
+
&::before {
|
|
154
|
+
content: '';
|
|
155
|
+
@apply absolute -left-3 ml-px top-1/2 -translate-y-1/2 w-3 h-px bg-foreground opacity-15;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.fragment-sidebar__collapsed-subnav-label {
|
|
160
|
+
@apply px-3 py-2 text-xs font-medium opacity-60;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
/* Layout modifier variants */
|
|
164
|
+
.fragment-sidebar--auto {
|
|
165
|
+
.fragment-sidebar__expanded {
|
|
166
|
+
@apply w-20 opacity-0 pointer-events-none xl:w-72 xl:opacity-100 xl:pointer-events-auto;
|
|
167
|
+
}
|
|
168
|
+
.fragment-sidebar__placeholder {
|
|
169
|
+
@apply w-20 opacity-0 pointer-events-none xl:w-72 xl:opacity-100 xl:pointer-events-auto;
|
|
170
|
+
}
|
|
171
|
+
.fragment-sidebar__layout-button-wrapper {
|
|
172
|
+
@apply left-20 translate-x-1/2 rotate-180 xl:left-72 xl:-translate-x-1/2 xl:rotate-0;
|
|
173
|
+
}
|
|
174
|
+
.fragment-sidebar__collapsed {
|
|
175
|
+
@apply xl:opacity-0;
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.fragment-sidebar--collapsed {
|
|
180
|
+
.fragment-sidebar__expanded {
|
|
181
|
+
@apply w-20 opacity-0 pointer-events-none;
|
|
182
|
+
}
|
|
183
|
+
.fragment-sidebar__placeholder {
|
|
184
|
+
@apply w-20 opacity-0 pointer-events-none;
|
|
185
|
+
}
|
|
186
|
+
.fragment-sidebar__layout-button-wrapper {
|
|
187
|
+
@apply left-20 translate-x-1/2 rotate-180;
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.fragment-sidebar--expanded {
|
|
192
|
+
.fragment-sidebar__collapsed {
|
|
193
|
+
@apply opacity-0;
|
|
194
|
+
}
|
|
195
|
+
.fragment-sidebar__expanded {
|
|
196
|
+
@apply w-72;
|
|
197
|
+
}
|
|
198
|
+
.fragment-sidebar__placeholder {
|
|
199
|
+
@apply w-72;
|
|
200
|
+
}
|
|
201
|
+
.fragment-sidebar__layout-button-wrapper {
|
|
202
|
+
@apply left-72 -translate-x-1/2;
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../src/fragments/widget/Widget.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../src/fragments/widget/Widget.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAczC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,aACtC,CAAC,KAAK,IAAI,MAAM,EAAE,UAAU,CAAC,IAAI,CAChC,MAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAE,aAAa,EAAE,aACpC,KAAK,IAAI,uBAAK,KAAK,GAAM,EAC1B,cAAK,SAAS,EAAE,gBAAgB,EAAE,YAAG,MAAM,EAAE,UAAU,GAAO,IAClD,CACf,EACD,KAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAE,OAAO,EAAE,YAC/B,QAAQ,GACI,IACV,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.fragment-widget {
|
|
3
|
+
@apply px-7 py-5 gap-5;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.fragment-widget__header {
|
|
7
|
+
@apply p-0;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.fragment-widget__header-end {
|
|
11
|
+
@apply ml-auto;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.fragment-widget__content {
|
|
15
|
+
@apply p-0 overflow-visible;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.fragment-widget--sm {
|
|
19
|
+
@apply col-span-1;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.fragment-widget--md {
|
|
23
|
+
@apply col-span-1 lg:col-span-2;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.fragment-widget--lg {
|
|
27
|
+
@apply col-span-1 lg:col-span-2 2xl:col-span-3;
|
|
28
|
+
}
|
|
29
|
+
}
|