@edo-w/flatline-solid 0.2.1 → 0.3.0

package/dist/src/components/switch/index.js

@@ -1,3 +0,0 @@
-export * from './class';
-export * from './switch';
-//# sourceMappingURL=index.js.map

package/dist/src/components/switch/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC","sourcesContent":["export * from './class';\nexport * from './switch';\n"]}

package/dist/src/components/switch/switch.css

@@ -1,90 +0,0 @@
-@layer components {
-	.fl-switch {
-		/* layout */
-		display: inline-flex;
-		align-items: center;
-
-		/* spacing */
-		gap: var(--fl-size-2);
-
-		/* pointer */
-		cursor: pointer;
-		user-select: none;
-	}
-
-	.fl-switch[data-disabled] {
-		cursor: var(--fl-disabled-cursor);
-		opacity: var(--fl-disabled-opacity);
-	}
-
-	.fl-switch .fl-switch_input {
-		/* layout */
-		position: absolute;
-		opacity: 0;
-		width: 1px;
-		height: 1px;
-		pointer-events: none;
-	}
-
-	.fl-switch .fl-switch_control {
-		--fl-switch-track-width: var(--fl-size-10);
-		--fl-switch-track-height: var(--fl-size-6);
-		--fl-switch-thumb-size: calc(var(--fl-switch-track-height) - var(--fl-size-1));
-
-		/* layout */
-		position: relative;
-		display: inline-flex;
-		align-items: center;
-		width: var(--fl-switch-track-width);
-		height: var(--fl-switch-track-height);
-
-		/* spacing */
-		padding-inline: var(--fl-size-0-5);
-
-		/* background */
-		background: color-mix(in oklab, var(--fl-body-bg-color), black 12%);
-		border: var(--fl-border-size, 1px) solid color-mix(in oklab, var(--fl-body-bg-color), black 18%);
-		border-radius: var(--fl-radius-md);
-
-		/* effects */
-		box-shadow: var(--fl-shadow-xs);
-		transition:
-			background var(--fl-animation-duration) ease,
-			border-color var(--fl-animation-duration) ease;
-	}
-
-	.fl-switch .fl-switch_thumb {
-		/* layout */
-		width: var(--fl-switch-thumb-size);
-		height: var(--fl-switch-thumb-size);
-
-		/* background */
-		background: var(--fl-body-bg-color);
-		border-radius: var(--fl-radius-sm);
-
-		/* effects */
-		box-shadow: var(--fl-shadow-sm);
-		transition: transform var(--fl-animation-duration) ease;
-	}
-
-	.fl-switch .fl-switch_input:focus-visible + .fl-switch_control {
-		outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
-		outline-offset: var(--fl-focus-ring-offset);
-	}
-
-	.fl-switch .fl-switch_input:checked + .fl-switch_control {
-		background: color-mix(in oklab, var(--fl-primary-color), white 15%);
-		border-color: color-mix(in oklab, var(--fl-primary-color), black 10%);
-	}
-
-	.fl-switch .fl-switch_input:checked + .fl-switch_control .fl-switch_thumb {
-		transform: translateX(calc(var(--fl-switch-track-width) - var(--fl-switch-thumb-size) - var(--fl-size-1)));
-	}
-
-	.fl-switch .fl-switch_label {
-		/* text */
-		color: var(--fl-body-text-color);
-		font-size: var(--fl-text-size-sm);
-		font-weight: var(--fl-font-weight-medium);
-	}
-}

package/dist/src/components/switch/switch.d.ts

@@ -1,9 +0,0 @@
-import { type JSX } from 'solid-js';
-import './switch.css';
-export type SwitchBaseProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'size'>;
-export interface SwitchProps extends SwitchBaseProps {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onChange?: (checked: boolean) => void;
-}
-export declare function Switch(props: SwitchProps): JSX.Element;

package/dist/src/components/switch/switch.jsx

@@ -1,28 +0,0 @@
-import clsx from 'clsx/lite';
-import { createSignal, mergeProps, splitProps } from 'solid-js';
-import { switchClass } from './class';
-import './switch.css';
-export function Switch(props) {
-    const merged = mergeProps({
-        value: 'on',
-    }, props);
-    const [local, rest] = splitProps(merged, ['class', 'children', 'checked', 'defaultChecked', 'disabled', 'onChange']);
-    const [internalChecked, setInternalChecked] = createSignal(Boolean(local.defaultChecked));
-    const rootClass = () => clsx(switchClass.root, local.class);
-    const checked = () => local.checked ?? internalChecked();
-    const handleChange = (event) => {
-        const nextChecked = event.currentTarget.checked;
-        if (local.checked === undefined) {
-            setInternalChecked(nextChecked);
-        }
-        local.onChange?.(nextChecked);
-    };
-    return (<label class={rootClass()} data-disabled={local.disabled ? '' : undefined}>
-			<input type="checkbox" class={switchClass.input} checked={checked()} disabled={local.disabled} onChange={handleChange} {...rest}/>
-			<span class={switchClass.control}>
-				<span class={switchClass.thumb}/>
-			</span>
-			{local.children ? <span class={switchClass.label}>{local.children}</span> : null}
-		</label>);
-}
-//# sourceMappingURL=switch.jsx.map

package/dist/src/components/switch/switch.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch.jsx","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAY,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,cAAc,CAAC;AAUtB,MAAM,UAAU,MAAM,CAAC,KAAkB;IACxC,MAAM,MAAM,GAAG,UAAU,CACxB;QACC,KAAK,EAAE,IAAI;KACF,EACV,KAAK,CACL,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IACrH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAE1F,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,eAAe,EAAE,CAAC;IAEzD,MAAM,YAAY,GAAmD,CAAC,KAAK,EAAE,EAAE;QAC9E,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC;QAEhD,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACjC,kBAAkB,CAAC,WAAW,CAAC,CAAC;QACjC,CAAC;QAED,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,KAAK,CACL,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,aAAa,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAE/C;GAAA,CAAC,KAAK,CACL,IAAI,CAAC,UAAU,CACf,KAAK,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,CACnB,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CACzB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,IAAI,IAAI,CAAC,EAEV;GAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAChC;IAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,EAChC;GAAA,EAAE,IAAI,CACN;GAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CACjF;EAAA,EAAE,KAAK,CAAC,CACR,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { createSignal, type JSX, mergeProps, splitProps } from 'solid-js';\nimport { switchClass } from './class';\nimport './switch.css';\n\nexport type SwitchBaseProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'size'>;\n\nexport interface SwitchProps extends SwitchBaseProps {\n\tchecked?: boolean;\n\tdefaultChecked?: boolean;\n\tonChange?: (checked: boolean) => void;\n}\n\nexport function Switch(props: SwitchProps) {\n\tconst merged = mergeProps(\n\t\t{\n\t\t\tvalue: 'on',\n\t\t} as const,\n\t\tprops,\n\t);\n\tconst [local, rest] = splitProps(merged, ['class', 'children', 'checked', 'defaultChecked', 'disabled', 'onChange']);\n\tconst [internalChecked, setInternalChecked] = createSignal(Boolean(local.defaultChecked));\n\n\tconst rootClass = () => clsx(switchClass.root, local.class);\n\tconst checked = () => local.checked ?? internalChecked();\n\n\tconst handleChange: JSX.EventHandlerUnion<HTMLInputElement, Event> = (event) => {\n\t\tconst nextChecked = event.currentTarget.checked;\n\n\t\tif (local.checked === undefined) {\n\t\t\tsetInternalChecked(nextChecked);\n\t\t}\n\n\t\tlocal.onChange?.(nextChecked);\n\t};\n\n\treturn (\n\t\t<label\n\t\t\tclass={rootClass()}\n\t\t\tdata-disabled={local.disabled ? '' : undefined}\n\t\t>\n\t\t\t<input\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tclass={switchClass.input}\n\t\t\t\tchecked={checked()}\n\t\t\t\tdisabled={local.disabled}\n\t\t\t\tonChange={handleChange}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<span class={switchClass.control}>\n\t\t\t\t<span class={switchClass.thumb} />\n\t\t\t</span>\n\t\t\t{local.children ? <span class={switchClass.label}>{local.children}</span> : null}\n\t\t</label>\n\t);\n}\n"]}

package/dist/src/components/table/class.d.ts

@@ -1,10 +0,0 @@
-export declare const tableClass: {
-    readonly root: 'fl-table';
-    readonly header: 'fl-table_header';
-    readonly body: 'fl-table_body';
-    readonly footer: 'fl-table_footer';
-    readonly head: 'fl-table_head';
-    readonly row: 'fl-table_row';
-    readonly cell: 'fl-table_cell';
-    readonly caption: 'fl-table_caption';
-};

package/dist/src/components/table/class.js

@@ -1,11 +0,0 @@
-export const tableClass = {
-    root: 'fl-table',
-    header: 'fl-table_header',
-    body: 'fl-table_body',
-    footer: 'fl-table_footer',
-    head: 'fl-table_head',
-    row: 'fl-table_row',
-    cell: 'fl-table_cell',
-    caption: 'fl-table_caption',
-};
-//# sourceMappingURL=class.js.map

package/dist/src/components/table/class.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/table/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,iBAAiB;IACzB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,iBAAiB;IACzB,IAAI,EAAE,eAAe;IACrB,GAAG,EAAE,cAAc;IACnB,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,kBAAkB;CAClB,CAAC","sourcesContent":["export const tableClass = {\n\troot: 'fl-table',\n\theader: 'fl-table_header',\n\tbody: 'fl-table_body',\n\tfooter: 'fl-table_footer',\n\thead: 'fl-table_head',\n\trow: 'fl-table_row',\n\tcell: 'fl-table_cell',\n\tcaption: 'fl-table_caption',\n} as const;\n"]}

package/dist/src/components/table/index.d.ts

@@ -1,11 +0,0 @@
-export * from './class';
-export * from './table';
-export * from './table-body';
-export * from './table-caption';
-export * from './table-cell';
-export * from './table-footer';
-export * from './table-head';
-export * from './table-header';
-export * from './table-root';
-export * from './table-row';
-export * from './types';

package/dist/src/components/table/index.js

@@ -1,12 +0,0 @@
-export * from './class';
-export * from './table';
-export * from './table-body';
-export * from './table-caption';
-export * from './table-cell';
-export * from './table-footer';
-export * from './table-head';
-export * from './table-header';
-export * from './table-root';
-export * from './table-row';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/dist/src/components/table/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC","sourcesContent":["export * from './class';\nexport * from './table';\nexport * from './table-body';\nexport * from './table-caption';\nexport * from './table-cell';\nexport * from './table-footer';\nexport * from './table-head';\nexport * from './table-header';\nexport * from './table-root';\nexport * from './table-row';\nexport * from './types';\n"]}

package/dist/src/components/table/table-body.d.ts

@@ -1,2 +0,0 @@
-import type { TableBodyProps } from './types';
-export declare function TableBody(props: TableBodyProps): import("solid-js").JSX.Element;

package/dist/src/components/table/table-body.jsx

@@ -1,10 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { tableClass } from './class';
-export function TableBody(props) {
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    return (<tbody class={clsx(tableClass.body, local.class)} {...rest}>
-			{local.children}
-		</tbody>);
-}
-//# sourceMappingURL=table-body.jsx.map

package/dist/src/components/table/table-body.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-body.jsx","sourceRoot":"","sources":["../../../../src/components/table/table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC9C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,OAAO,CACN,CAAC,KAAK,CACL,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC1C,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;EAAA,EAAE,KAAK,CAAC,CACR,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { tableClass } from './class';\nimport type { TableBodyProps } from './types';\n\nexport function TableBody(props: TableBodyProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\treturn (\n\t\t<tbody\n\t\t\tclass={clsx(tableClass.body, local.class)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</tbody>\n\t);\n}\n"]}

package/dist/src/components/table/table-caption.css

@@ -1,11 +0,0 @@
-@layer components {
-	.fl-table .fl-table_caption {
-		/* spacing */
-		padding: var(--fl-size-2);
-
-		/* text */
-		color: var(--fl-body-muted-text-color);
-		font-size: var(--fl-text-size-sm);
-		text-align: left;
-	}
-}

package/dist/src/components/table/table-caption.d.ts

@@ -1,3 +0,0 @@
-import type { TableCaptionProps } from './types';
-import './table-caption.css';
-export declare function TableCaption(props: TableCaptionProps): import("solid-js").JSX.Element;

package/dist/src/components/table/table-caption.jsx

@@ -1,11 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { tableClass } from './class';
-import './table-caption.css';
-export function TableCaption(props) {
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    return (<caption class={clsx(tableClass.caption, local.class)} {...rest}>
-			{local.children}
-		</caption>);
-}
-//# sourceMappingURL=table-caption.jsx.map

package/dist/src/components/table/table-caption.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-caption.jsx","sourceRoot":"","sources":["../../../../src/components/table/table-caption.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,qBAAqB,CAAC;AAE7B,MAAM,UAAU,YAAY,CAAC,KAAwB;IACpD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,OAAO,CACN,CAAC,OAAO,CACP,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC7C,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;EAAA,EAAE,OAAO,CAAC,CACV,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { tableClass } from './class';\nimport type { TableCaptionProps } from './types';\nimport './table-caption.css';\n\nexport function TableCaption(props: TableCaptionProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\treturn (\n\t\t<caption\n\t\t\tclass={clsx(tableClass.caption, local.class)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</caption>\n\t);\n}\n"]}

package/dist/src/components/table/table-cell.css

@@ -1,12 +0,0 @@
-@layer components {
-	.fl-table .fl-table_cell {
-		/* layout */
-		vertical-align: middle;
-
-		/* spacing */
-		padding: var(--fl-size-2) var(--fl-size-3);
-
-		/* background */
-		border-bottom: var(--fl-border-size, 1px) solid color-mix(in oklab, var(--fl-border-color), transparent 20%);
-	}
-}

package/dist/src/components/table/table-cell.d.ts

@@ -1,3 +0,0 @@
-import type { TableCellProps } from './types';
-import './table-cell.css';
-export declare function TableCell(props: TableCellProps): import("solid-js").JSX.Element;

package/dist/src/components/table/table-cell.jsx

@@ -1,11 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { tableClass } from './class';
-import './table-cell.css';
-export function TableCell(props) {
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    return (<td class={clsx(tableClass.cell, local.class)} {...rest}>
-			{local.children}
-		</td>);
-}
-//# sourceMappingURL=table-cell.jsx.map

package/dist/src/components/table/table-cell.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-cell.jsx","sourceRoot":"","sources":["../../../../src/components/table/table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC9C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,OAAO,CACN,CAAC,EAAE,CACF,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC1C,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;EAAA,EAAE,EAAE,CAAC,CACL,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { tableClass } from './class';\nimport type { TableCellProps } from './types';\nimport './table-cell.css';\n\nexport function TableCell(props: TableCellProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\treturn (\n\t\t<td\n\t\t\tclass={clsx(tableClass.cell, local.class)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</td>\n\t);\n}\n"]}

package/dist/src/components/table/table-footer.css

@@ -1,15 +0,0 @@
-@layer components {
-	.fl-table .fl-table_footer {
-		/* background */
-		background: color-mix(in oklab, var(--fl-body-bg-color), black 3%);
-	}
-
-	.fl-table .fl-table_footer .fl-table_cell,
-	.fl-table .fl-table_footer .fl-table_head {
-		/* background */
-		border-bottom: 0;
-
-		/* text */
-		font-weight: var(--fl-font-weight-medium);
-	}
-}

package/dist/src/components/table/table-footer.d.ts

@@ -1,3 +0,0 @@
-import type { TableFooterProps } from './types';
-import './table-footer.css';
-export declare function TableFooter(props: TableFooterProps): import("solid-js").JSX.Element;

package/dist/src/components/table/table-footer.jsx

@@ -1,11 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { tableClass } from './class';
-import './table-footer.css';
-export function TableFooter(props) {
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    return (<tfoot class={clsx(tableClass.footer, local.class)} {...rest}>
-			{local.children}
-		</tfoot>);
-}
-//# sourceMappingURL=table-footer.jsx.map

package/dist/src/components/table/table-footer.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-footer.jsx","sourceRoot":"","sources":["../../../../src/components/table/table-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,UAAU,WAAW,CAAC,KAAuB;IAClD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,OAAO,CACN,CAAC,KAAK,CACL,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC5C,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;EAAA,EAAE,KAAK,CAAC,CACR,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { tableClass } from './class';\nimport type { TableFooterProps } from './types';\nimport './table-footer.css';\n\nexport function TableFooter(props: TableFooterProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\treturn (\n\t\t<tfoot\n\t\t\tclass={clsx(tableClass.footer, local.class)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</tfoot>\n\t);\n}\n"]}

package/dist/src/components/table/table-head.css

@@ -1,16 +0,0 @@
-@layer components {
-	.fl-table .fl-table_head {
-		/* spacing */
-		padding: var(--fl-size-2) var(--fl-size-3);
-
-		/* background */
-		background: color-mix(in oklab, var(--fl-body-bg-color), black 4%);
-		border-bottom: var(--fl-border-size, 1px) solid var(--fl-border-color);
-
-		/* text */
-		color: var(--fl-body-muted-text-color);
-		font-size: var(--fl-text-size-sm);
-		font-weight: var(--fl-font-weight-semibold);
-		text-align: left;
-	}
-}

package/dist/src/components/table/table-head.d.ts

@@ -1,3 +0,0 @@
-import type { TableHeadProps } from './types';
-import './table-head.css';
-export declare function TableHead(props: TableHeadProps): import("solid-js").JSX.Element;

package/dist/src/components/table/table-head.jsx

@@ -1,11 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { tableClass } from './class';
-import './table-head.css';
-export function TableHead(props) {
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    return (<th class={clsx(tableClass.head, local.class)} {...rest}>
-			{local.children}
-		</th>);
-}
-//# sourceMappingURL=table-head.jsx.map

package/dist/src/components/table/table-head.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-head.jsx","sourceRoot":"","sources":["../../../../src/components/table/table-head.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC9C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,OAAO,CACN,CAAC,EAAE,CACF,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC1C,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;EAAA,EAAE,EAAE,CAAC,CACL,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { tableClass } from './class';\nimport type { TableHeadProps } from './types';\nimport './table-head.css';\n\nexport function TableHead(props: TableHeadProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\treturn (\n\t\t<th\n\t\t\tclass={clsx(tableClass.head, local.class)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</th>\n\t);\n}\n"]}

package/dist/src/components/table/table-header.d.ts

@@ -1,2 +0,0 @@
-import type { TableHeaderProps } from './types';
-export declare function TableHeader(props: TableHeaderProps): import("solid-js").JSX.Element;

package/dist/src/components/table/table-header.jsx

@@ -1,10 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { tableClass } from './class';
-export function TableHeader(props) {
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    return (<thead class={clsx(tableClass.header, local.class)} {...rest}>
-			{local.children}
-		</thead>);
-}
-//# sourceMappingURL=table-header.jsx.map

package/dist/src/components/table/table-header.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-header.jsx","sourceRoot":"","sources":["../../../../src/components/table/table-header.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,MAAM,UAAU,WAAW,CAAC,KAAuB;IAClD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,OAAO,CACN,CAAC,KAAK,CACL,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC5C,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;EAAA,EAAE,KAAK,CAAC,CACR,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { tableClass } from './class';\nimport type { TableHeaderProps } from './types';\n\nexport function TableHeader(props: TableHeaderProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\treturn (\n\t\t<thead\n\t\t\tclass={clsx(tableClass.header, local.class)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</thead>\n\t);\n}\n"]}

package/dist/src/components/table/table-root.css

@@ -1,12 +0,0 @@
-@layer components {
-	.fl-table {
-		/* layout */
-		width: 100%;
-		border-collapse: separate;
-		border-spacing: 0;
-
-		/* text */
-		color: var(--fl-body-text-color);
-		font: inherit;
-	}
-}

package/dist/src/components/table/table-root.d.ts

@@ -1,3 +0,0 @@
-import type { TableProps } from './types';
-import './table-root.css';
-export declare function TableRoot(props: TableProps): import("solid-js").JSX.Element;

package/dist/src/components/table/table-root.jsx

@@ -1,11 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { tableClass } from './class';
-import './table-root.css';
-export function TableRoot(props) {
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    return (<table class={clsx(tableClass.root, local.class)} {...rest}>
-			{local.children}
-		</table>);
-}
-//# sourceMappingURL=table-root.jsx.map

package/dist/src/components/table/table-root.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-root.jsx","sourceRoot":"","sources":["../../../../src/components/table/table-root.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,UAAU,SAAS,CAAC,KAAiB;IAC1C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,OAAO,CACN,CAAC,KAAK,CACL,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC1C,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;EAAA,EAAE,KAAK,CAAC,CACR,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { tableClass } from './class';\nimport type { TableProps } from './types';\nimport './table-root.css';\n\nexport function TableRoot(props: TableProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\treturn (\n\t\t<table\n\t\t\tclass={clsx(tableClass.root, local.class)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</table>\n\t);\n}\n"]}

package/dist/src/components/table/table-row.css

@@ -1,6 +0,0 @@
-@layer components {
-	.fl-table .fl-table_body .fl-table_row:hover {
-		/* background */
-		background: color-mix(in oklab, var(--fl-body-bg-color), var(--fl-primary-color) 3%);
-	}
-}

package/dist/src/components/table/table-row.d.ts

@@ -1,3 +0,0 @@
-import type { TableRowProps } from './types';
-import './table-row.css';
-export declare function TableRow(props: TableRowProps): import("solid-js").JSX.Element;

package/dist/src/components/table/table-row.jsx

@@ -1,11 +0,0 @@
-import clsx from 'clsx/lite';
-import { splitProps } from 'solid-js';
-import { tableClass } from './class';
-import './table-row.css';
-export function TableRow(props) {
-    const [local, rest] = splitProps(props, ['class', 'children']);
-    return (<tr class={clsx(tableClass.row, local.class)} {...rest}>
-			{local.children}
-		</tr>);
-}
-//# sourceMappingURL=table-row.jsx.map

package/dist/src/components/table/table-row.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-row.jsx","sourceRoot":"","sources":["../../../../src/components/table/table-row.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC5C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,OAAO,CACN,CAAC,EAAE,CACF,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CACzC,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;EAAA,EAAE,EAAE,CAAC,CACL,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { tableClass } from './class';\nimport type { TableRowProps } from './types';\nimport './table-row.css';\n\nexport function TableRow(props: TableRowProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\treturn (\n\t\t<tr\n\t\t\tclass={clsx(tableClass.row, local.class)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</tr>\n\t);\n}\n"]}

package/dist/src/components/table/table.d.ts

@@ -1,23 +0,0 @@
-import type { JSX } from 'solid-js';
-import { TableBody } from './table-body';
-import { TableCaption } from './table-caption';
-import { TableCell } from './table-cell';
-import { TableFooter } from './table-footer';
-import { TableHead } from './table-head';
-import { TableHeader } from './table-header';
-import { TableRoot } from './table-root';
-import { TableRow } from './table-row';
-import type { TableProps } from './types';
-export type { TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, } from './types';
-export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRoot, TableRow };
-export interface TableComponent {
-    (props: TableProps): JSX.Element;
-    Header: typeof TableHeader;
-    Body: typeof TableBody;
-    Footer: typeof TableFooter;
-    Head: typeof TableHead;
-    Row: typeof TableRow;
-    Cell: typeof TableCell;
-    Caption: typeof TableCaption;
-}
-export declare const Table: TableComponent;

package/dist/src/components/table/table.jsx

@@ -1,19 +0,0 @@
-import { TableBody } from './table-body';
-import { TableCaption } from './table-caption';
-import { TableCell } from './table-cell';
-import { TableFooter } from './table-footer';
-import { TableHead } from './table-head';
-import { TableHeader } from './table-header';
-import { TableRoot } from './table-root';
-import { TableRow } from './table-row';
-export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRoot, TableRow };
-export const Table = Object.assign(TableRoot, {
-    Header: TableHeader,
-    Body: TableBody,
-    Footer: TableFooter,
-    Head: TableHead,
-    Row: TableRow,
-    Cell: TableCell,
-    Caption: TableCaption,
-});
-//# sourceMappingURL=table.jsx.map

package/dist/src/components/table/table.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.jsx","sourceRoot":"","sources":["../../../../src/components/table/table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAavC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;AAaxG,MAAM,CAAC,MAAM,KAAK,GAAmB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;IAC7D,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,YAAY;CACrB,CAAC,CAAC","sourcesContent":["import type { JSX } from 'solid-js';\nimport { TableBody } from './table-body';\nimport { TableCaption } from './table-caption';\nimport { TableCell } from './table-cell';\nimport { TableFooter } from './table-footer';\nimport { TableHead } from './table-head';\nimport { TableHeader } from './table-header';\nimport { TableRoot } from './table-root';\nimport { TableRow } from './table-row';\nimport type { TableProps } from './types';\n\nexport type {\n\tTableBodyProps,\n\tTableCaptionProps,\n\tTableCellProps,\n\tTableFooterProps,\n\tTableHeaderProps,\n\tTableHeadProps,\n\tTableProps,\n\tTableRowProps,\n} from './types';\nexport { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRoot, TableRow };\n\nexport interface TableComponent {\n\t(props: TableProps): JSX.Element;\n\tHeader: typeof TableHeader;\n\tBody: typeof TableBody;\n\tFooter: typeof TableFooter;\n\tHead: typeof TableHead;\n\tRow: typeof TableRow;\n\tCell: typeof TableCell;\n\tCaption: typeof TableCaption;\n}\n\nexport const Table: TableComponent = Object.assign(TableRoot, {\n\tHeader: TableHeader,\n\tBody: TableBody,\n\tFooter: TableFooter,\n\tHead: TableHead,\n\tRow: TableRow,\n\tCell: TableCell,\n\tCaption: TableCaption,\n});\n"]}

package/dist/src/components/table/types.d.ts

@@ -1,9 +0,0 @@
-import type { JSX } from 'solid-js';
-export type TableProps = JSX.HTMLAttributes<HTMLTableElement>;
-export type TableHeaderProps = JSX.HTMLAttributes<HTMLTableSectionElement>;
-export type TableBodyProps = JSX.HTMLAttributes<HTMLTableSectionElement>;
-export type TableFooterProps = JSX.HTMLAttributes<HTMLTableSectionElement>;
-export type TableHeadProps = JSX.ThHTMLAttributes<HTMLTableCellElement>;
-export type TableRowProps = JSX.HTMLAttributes<HTMLTableRowElement>;
-export type TableCellProps = JSX.TdHTMLAttributes<HTMLTableCellElement>;
-export type TableCaptionProps = JSX.HTMLAttributes<HTMLTableCaptionElement>;

package/dist/src/components/table/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/dist/src/components/table/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/table/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { JSX } from 'solid-js';\n\nexport type TableProps = JSX.HTMLAttributes<HTMLTableElement>;\nexport type TableHeaderProps = JSX.HTMLAttributes<HTMLTableSectionElement>;\nexport type TableBodyProps = JSX.HTMLAttributes<HTMLTableSectionElement>;\nexport type TableFooterProps = JSX.HTMLAttributes<HTMLTableSectionElement>;\nexport type TableHeadProps = JSX.ThHTMLAttributes<HTMLTableCellElement>;\nexport type TableRowProps = JSX.HTMLAttributes<HTMLTableRowElement>;\nexport type TableCellProps = JSX.TdHTMLAttributes<HTMLTableCellElement>;\nexport type TableCaptionProps = JSX.HTMLAttributes<HTMLTableCaptionElement>;\n"]}

package/dist/src/components/tabs/class.d.ts

@@ -1,12 +0,0 @@
-export declare const tabsClass: {
-    readonly root: 'fl-tabs';
-    readonly list: 'fl-tabs_list';
-    readonly trigger: 'fl-tabs_trigger';
-    readonly indicator: 'fl-tabs_indicator';
-    readonly content: 'fl-tabs_content';
-    readonly color: {
-        readonly primary: '--color-primary';
-        readonly secondary: '--color-secondary';
-    };
-};
-export type TabsColor = keyof typeof tabsClass.color;

package/dist/src/components/tabs/class.js

@@ -1,12 +0,0 @@
-export const tabsClass = {
-    root: 'fl-tabs',
-    list: 'fl-tabs_list',
-    trigger: 'fl-tabs_trigger',
-    indicator: 'fl-tabs_indicator',
-    content: 'fl-tabs_content',
-    color: {
-        primary: '--color-primary',
-        secondary: '--color-secondary',
-    },
-};
-//# sourceMappingURL=class.js.map

package/dist/src/components/tabs/class.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/tabs/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,mBAAmB;IAC9B,OAAO,EAAE,iBAAiB;IAC1B,KAAK,EAAE;QACN,OAAO,EAAE,iBAAiB;QAC1B,SAAS,EAAE,mBAAmB;KAC9B;CACQ,CAAC","sourcesContent":["export const tabsClass = {\n\troot: 'fl-tabs',\n\tlist: 'fl-tabs_list',\n\ttrigger: 'fl-tabs_trigger',\n\tindicator: 'fl-tabs_indicator',\n\tcontent: 'fl-tabs_content',\n\tcolor: {\n\t\tprimary: '--color-primary',\n\t\tsecondary: '--color-secondary',\n\t},\n} as const;\n\nexport type TabsColor = keyof typeof tabsClass.color;\n"]}

package/dist/src/components/tabs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './class';
-export * from './tabs';

package/dist/src/components/tabs/index.js

@@ -1,3 +0,0 @@
-export * from './class';
-export * from './tabs';
-//# sourceMappingURL=index.js.map

package/dist/src/components/tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC","sourcesContent":["export * from './class';\nexport * from './tabs';\n"]}

package/dist/src/components/tabs/tabs-content.css

@@ -1,24 +0,0 @@
-@layer components {
-	.fl-tabs .fl-tabs_content {
-		/* spacing */
-		padding: var(--fl-size-4);
-
-		/* text */
-		color: var(--fl-body-text-color);
-	}
-
-	/* focus-visible state */
-	.fl-tabs .fl-tabs_content:focus-visible {
-		outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
-		outline-offset: var(--fl-focus-ring-offset);
-	}
-
-	/* vertical content */
-	.fl-tabs[data-orientation="vertical"] .fl-tabs_content {
-		/* layout */
-		flex: 1 1 auto;
-
-		/* spacing */
-		padding-top: 0;
-	}
-}