@akbarsafari00/ods-react 0.1.0 → 0.2.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 +36 -0
- package/dist/components/alert-dialog.js +2 -2
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/alert.js +1 -1
- package/dist/components/alert.js.map +1 -1
- package/dist/components/app-bar.d.ts +9 -0
- package/dist/components/app-bar.d.ts.map +1 -0
- package/dist/components/app-bar.js +22 -0
- package/dist/components/app-bar.js.map +1 -0
- package/dist/components/badge.js +1 -1
- package/dist/components/badge.js.map +1 -1
- package/dist/components/button-group.js +1 -1
- package/dist/components/button-group.js.map +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/button.js.map +1 -1
- package/dist/components/card.js +1 -1
- package/dist/components/card.js.map +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/collapsible.js +1 -1
- package/dist/components/collapsible.js.map +1 -1
- package/dist/components/combobox.js +1 -1
- package/dist/components/combobox.js.map +1 -1
- package/dist/components/context-menu.js +1 -1
- package/dist/components/context-menu.js.map +1 -1
- package/dist/components/data-table.js +5 -5
- package/dist/components/data-table.js.map +1 -1
- package/dist/components/dialog.js +1 -1
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/drawer.js +1 -1
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/field.d.ts +1 -1
- package/dist/components/field.d.ts.map +1 -1
- package/dist/components/field.js +3 -3
- package/dist/components/field.js.map +1 -1
- package/dist/components/icon-button.js +1 -1
- package/dist/components/icon-button.js.map +1 -1
- package/dist/components/input-group.d.ts +1 -1
- package/dist/components/input-group.d.ts.map +1 -1
- package/dist/components/input-group.js +3 -3
- package/dist/components/input-group.js.map +1 -1
- package/dist/components/input.js +1 -1
- package/dist/components/input.js.map +1 -1
- package/dist/components/label.js +1 -1
- package/dist/components/label.js.map +1 -1
- package/dist/components/menubar.js +1 -1
- package/dist/components/menubar.js.map +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/pagination.js.map +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/progress.js.map +1 -1
- package/dist/components/radio-group.js +1 -1
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/select.js.map +1 -1
- package/dist/components/separator.js +1 -1
- package/dist/components/separator.js.map +1 -1
- package/dist/components/sidebar.d.ts +91 -0
- package/dist/components/sidebar.d.ts.map +1 -0
- package/dist/components/sidebar.js +218 -0
- package/dist/components/sidebar.js.map +1 -0
- package/dist/components/skeleton.js +1 -1
- package/dist/components/skeleton.js.map +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/switch.js.map +1 -1
- package/dist/components/table.js +1 -1
- package/dist/components/table.js.map +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/textarea.js +1 -1
- package/dist/components/textarea.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/styles/globals.css +87 -3
- package/dist/styles/themes/ods-default.css +4 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Switch as SwitchPrimitive } from "radix-ui";
|
|
3
|
-
import { cn } from "
|
|
3
|
+
import { cn } from "../lib/utils";
|
|
4
4
|
function Switch({ className, size = "default", ...props }) {
|
|
5
5
|
return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: cn("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:data-[state=unchecked]:bg-input/80", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 rtl:group-data-[size=default]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=sm]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=default]/switch:data-[state=unchecked]:-translate-x-0 rtl:group-data-[size=sm]/switch:data-[state=unchecked]:-translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground" }) }));
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,SAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,eACP,IAAI,EACf,SAAS,EAAE,EAAE,CACX,yxBAAyxB,EACzxB,SAAS,CACV,KACG,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAC,21BAA21B,GACr2B,GACmB,CACxB,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
package/dist/components/table.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "
|
|
2
|
+
import { cn } from "../lib/utils";
|
|
3
3
|
function TableFrame({ className, density = "comfortable", ...props }) {
|
|
4
4
|
return (_jsx("div", { "data-slot": "table-frame", "data-density": density, className: cn("relative max-w-full overflow-auto rounded-[var(--ods-radius-surface)] border bg-surface", className), ...props }));
|
|
5
5
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAMjC,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAO,GAAG,aAAa,EACvB,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,2BACY,aAAa,kBACT,OAAO,EACrB,SAAS,EAAE,EAAE,CACX,yFAAyF,EACzF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACnE,OAAO,CACL,6BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACwB;IAChC,OAAO,CACL,+BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAC/B,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACzE,OAAO,CACL,6BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KACnC,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACvE,OAAO,6BAAiB,YAAY,EAAC,SAAS,EAAE,SAAS,KAAM,KAAK,GAAI,CAAA;AAC1E,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACzE,OAAO,CACL,6BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IACnE,OAAO,CACL,0BACY,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAMD,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,KAAK,GAAG,OAAO,EACf,KAAK,GAAG,KAAK,EACb,GAAG,KAAK,EACO;IACf,OAAO,CACL,0BACY,YAAY,gBACV,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,6NAA6N,EAC7N,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAMD,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAAkB;IACzE,OAAO,CACL,0BACY,YAAY,gBACV,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,8LAA8L,EAC9L,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAA"}
|
package/dist/components/tabs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { Tabs as TabsPrimitive } from "radix-ui";
|
|
5
|
-
import { cn } from "
|
|
5
|
+
import { cn } from "../lib/utils";
|
|
6
6
|
function getDocumentDirection() {
|
|
7
7
|
if (typeof document === "undefined")
|
|
8
8
|
return "ltr";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAA;AAEhD,OAAO,EAAE,EAAE,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "
|
|
2
|
+
import { cn } from "../lib/utils";
|
|
3
3
|
function Textarea({ className, ...props }) {
|
|
4
4
|
return (_jsx("textarea", { "data-slot": "textarea", className: cn("flex field-sizing-content min-h-20 w-full rounded-[4px] border border-input bg-background px-4 py-2 text-sm leading-5 text-foreground transition-colors outline-none placeholder:text-muted-foreground read-only:bg-muted/40 read-only:text-foreground hover:border-foreground/30 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:border-border disabled:bg-muted disabled:text-muted-foreground in-data-[density=compact]:min-h-16 in-data-[density=compact]:px-3 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/30", className), ...props }));
|
|
5
5
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC;IACzE,OAAO,CACL,gCACY,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,mqBAAmqB,EACnqB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from "./components/alert-dialog.js";
|
|
2
2
|
export * from "./components/alert.js";
|
|
3
|
+
export * from "./components/app-bar.js";
|
|
3
4
|
export * from "./components/badge.js";
|
|
4
5
|
export * from "./components/button-group.js";
|
|
5
6
|
export * from "./components/button.js";
|
|
@@ -22,6 +23,7 @@ export * from "./components/progress.js";
|
|
|
22
23
|
export * from "./components/radio-group.js";
|
|
23
24
|
export * from "./components/select.js";
|
|
24
25
|
export * from "./components/separator.js";
|
|
26
|
+
export * from "./components/sidebar.js";
|
|
25
27
|
export * from "./components/skeleton.js";
|
|
26
28
|
export * from "./components/switch.js";
|
|
27
29
|
export * from "./components/table.js";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from "./components/alert-dialog.js";
|
|
2
2
|
export * from "./components/alert.js";
|
|
3
|
+
export * from "./components/app-bar.js";
|
|
3
4
|
export * from "./components/badge.js";
|
|
4
5
|
export * from "./components/button-group.js";
|
|
5
6
|
export * from "./components/button.js";
|
|
@@ -22,6 +23,7 @@ export * from "./components/progress.js";
|
|
|
22
23
|
export * from "./components/radio-group.js";
|
|
23
24
|
export * from "./components/select.js";
|
|
24
25
|
export * from "./components/separator.js";
|
|
26
|
+
export * from "./components/sidebar.js";
|
|
25
27
|
export * from "./components/skeleton.js";
|
|
26
28
|
export * from "./components/switch.js";
|
|
27
29
|
export * from "./components/table.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}
|
package/dist/styles/globals.css
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
@custom-variant dark (&:is(.dark *));
|
|
7
7
|
@source "../../../apps/**/*.{ts,tsx}";
|
|
8
8
|
@source "../../../components/**/*.{ts,tsx}";
|
|
9
|
-
@source "../**/*.{ts,tsx}";
|
|
9
|
+
@source "../**/*.{js,jsx,ts,tsx}";
|
|
10
10
|
|
|
11
11
|
@theme inline {
|
|
12
12
|
--font-heading: var(--font-sans);
|
|
@@ -76,7 +76,8 @@
|
|
|
76
76
|
|
|
77
77
|
[data-slot="dialog-overlay"][data-state="open"],
|
|
78
78
|
[data-slot="alert-dialog-overlay"][data-state="open"],
|
|
79
|
-
[data-slot="drawer-overlay"][data-state="open"]
|
|
79
|
+
[data-slot="drawer-overlay"][data-state="open"],
|
|
80
|
+
[data-slot="sidebar-mobile-overlay"][data-state="open"] {
|
|
80
81
|
animation-name: ods-overlay-in;
|
|
81
82
|
animation-duration: var(--ods-motion-duration-enter);
|
|
82
83
|
animation-timing-function: var(--ods-motion-easing-enter);
|
|
@@ -85,7 +86,8 @@
|
|
|
85
86
|
|
|
86
87
|
[data-slot="dialog-overlay"][data-state="closed"],
|
|
87
88
|
[data-slot="alert-dialog-overlay"][data-state="closed"],
|
|
88
|
-
[data-slot="drawer-overlay"][data-state="closed"]
|
|
89
|
+
[data-slot="drawer-overlay"][data-state="closed"],
|
|
90
|
+
[data-slot="sidebar-mobile-overlay"][data-state="closed"] {
|
|
89
91
|
animation-name: ods-overlay-out;
|
|
90
92
|
animation-duration: var(--ods-motion-duration-exit);
|
|
91
93
|
animation-timing-function: var(--ods-motion-easing-exit);
|
|
@@ -265,6 +267,70 @@
|
|
|
265
267
|
animation-fill-mode: both;
|
|
266
268
|
}
|
|
267
269
|
|
|
270
|
+
[data-slot="sidebar-mobile-content"] {
|
|
271
|
+
--ods-sidebar-motion-offset: 100%;
|
|
272
|
+
block-size: auto;
|
|
273
|
+
inset-block-end: 0;
|
|
274
|
+
will-change: transform;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
[data-slot="sidebar-mobile-overlay"] {
|
|
278
|
+
inset-inline: 0;
|
|
279
|
+
inset-block-end: 0;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
[data-slot="sidebar-mobile-overlay"][data-mobile-inset="viewport"],
|
|
283
|
+
[data-slot="sidebar-mobile-content"][data-mobile-inset="viewport"] {
|
|
284
|
+
inset-block-start: 0;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
[data-slot="sidebar-mobile-overlay"][data-mobile-inset="app-bar"],
|
|
288
|
+
[data-slot="sidebar-mobile-content"][data-mobile-inset="app-bar"] {
|
|
289
|
+
inset-block-start: var(--ods-app-bar-block-size);
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
[data-slot="sidebar-mobile-content"][data-side="start"] {
|
|
293
|
+
--ods-sidebar-motion-offset: -100%;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
:dir(rtl)[data-slot="sidebar-mobile-content"][data-side="end"] {
|
|
297
|
+
--ods-sidebar-motion-offset: -100%;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
:dir(rtl)[data-slot="sidebar-mobile-content"][data-side="start"] {
|
|
301
|
+
--ods-sidebar-motion-offset: 100%;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
[data-slot="sidebar-mobile-content"][data-state="open"] {
|
|
305
|
+
animation-name: ods-sidebar-in;
|
|
306
|
+
animation-duration: var(--ods-motion-duration-panel-enter);
|
|
307
|
+
animation-timing-function: var(--ods-motion-easing-enter);
|
|
308
|
+
animation-fill-mode: both;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
[data-slot="sidebar-mobile-content"][data-state="closed"] {
|
|
312
|
+
animation-name: ods-sidebar-out;
|
|
313
|
+
animation-duration: var(--ods-motion-duration-panel-exit);
|
|
314
|
+
animation-timing-function: var(--ods-motion-easing-exit);
|
|
315
|
+
animation-fill-mode: both;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
[data-slot="sidebar-menu-item"]:has(> [data-slot="sidebar-menu-action"])
|
|
319
|
+
> [data-slot="sidebar-menu-button"] {
|
|
320
|
+
padding-inline-end: 3.25rem;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
[data-slot="sidebar-menu-item"]:has(> [data-slot="sidebar-menu-badge"])
|
|
324
|
+
> [data-slot="sidebar-menu-button"] {
|
|
325
|
+
padding-inline-end: 2.75rem;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
[data-slot="app-bar"],
|
|
329
|
+
[data-slot="sidebar-header"] {
|
|
330
|
+
block-size: var(--ods-app-bar-block-size);
|
|
331
|
+
min-block-size: var(--ods-app-bar-block-size);
|
|
332
|
+
}
|
|
333
|
+
|
|
268
334
|
[data-slot="collapsible-content"] {
|
|
269
335
|
will-change: height, opacity;
|
|
270
336
|
}
|
|
@@ -566,6 +632,24 @@
|
|
|
566
632
|
}
|
|
567
633
|
}
|
|
568
634
|
|
|
635
|
+
@keyframes ods-sidebar-in {
|
|
636
|
+
from {
|
|
637
|
+
transform: translateX(var(--ods-sidebar-motion-offset));
|
|
638
|
+
}
|
|
639
|
+
to {
|
|
640
|
+
transform: translateX(0);
|
|
641
|
+
}
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
@keyframes ods-sidebar-out {
|
|
645
|
+
from {
|
|
646
|
+
transform: translateX(0);
|
|
647
|
+
}
|
|
648
|
+
to {
|
|
649
|
+
transform: translateX(var(--ods-sidebar-motion-offset));
|
|
650
|
+
}
|
|
651
|
+
}
|
|
652
|
+
|
|
569
653
|
@keyframes ods-collapsible-expand {
|
|
570
654
|
from {
|
|
571
655
|
height: 0;
|
|
@@ -8,6 +8,10 @@
|
|
|
8
8
|
:root {
|
|
9
9
|
--ods-radius-control: 4px;
|
|
10
10
|
--ods-radius-surface: 6px;
|
|
11
|
+
--ods-app-bar-block-size: 4rem;
|
|
12
|
+
--ods-sidebar-width: 16rem;
|
|
13
|
+
--ods-sidebar-width-icon: 4rem;
|
|
14
|
+
--ods-sidebar-width-mobile: min(20rem, calc(100vw - 1rem));
|
|
11
15
|
--ods-layer-base: 0;
|
|
12
16
|
--ods-layer-sticky: 100;
|
|
13
17
|
--ods-layer-floating: 200;
|