@wrdagency/blockout 0.0.16 → 0.0.18
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/dist/assets/index3.css +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.js +17 -19
- package/dist/components/markdown/index.js +8 -8
- package/dist/index.js +22 -24
- package/package.json +1 -1
package/dist/assets/index3.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.component-base-control{display:flex;flex-direction:column}.component-base-control__label{display:block;font-weight:600;color:var(--blockout__colours__surface--950);font-size:.875rem;text-transform:uppercase;padding-bottom:.375rem}.component-base-control__label__required{color:#df1414;padding-left:.25rem}.component-base-control__box{cursor:text;display:flex;flex-direction:row;border:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,background-color .25s ease}.component-base-control__box:focus-within:not(:has(button:focus)){background-color:var(--blockout__colours__surface--0);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control__box:hover:not(:has(button:hover)){background-color:var(--blockout__colours__surface--50)}.component-base-control__box:has(:disabled){background-color:var(--blockout__colours__surface--200);color:var(--blockout__colours__surface--400)}.component-base-control__control{flex-grow:1}.component-base-control__control>input,.component-base-control__control>select,.component-base-control__control>textarea{display:block;padding:.75rem;min-height:40px;width:100%;min-width:0;max-width:100%;color:var(--blockout__colours__surface--800);font-size:1rem;background-color:transparent;transition:background-color .25s ease}.component-base-control__control>input:focus,.component-base-control__control>select:focus,.component-base-control__control>textarea:focus{outline:none}.component-base-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}fieldset.component-base-control .component-base-control__box{border:none}fieldset.component-base-control .component-base-control__box:focus-within{outline:none}fieldset.component-base-control .component-base-control__help{order:-1;margin-top:0;margin-bottom:.75rem}.component-base-control__affix{flex-grow:1;color:var(--blockout__colours__surface--600);padding:.75rem;min-height:40px;min-width:max-content}.component-base-control__affix--prefix{padding-right:0}.component-base-control__affix--suffix{padding-left:0}.component-base-control__box:has(.component-base-control__affix) .component-base-control__control{flex-grow:0}.component-base-control__box:has(.component-base-control__affix) .component-base-control__control>input,.component-base-control__box:has(.component-base-control__affix) .component-base-control__control>select,.component-base-control__box:has(.component-base-control__affix) .component-base-control__control>textarea{field-sizing:content;width:unset}
|
|
1
|
+
.component-base-control{display:flex;flex-direction:column}.component-base-control__label{display:block;font-weight:600;color:var(--blockout__colours__surface--950);font-size:.875rem;text-transform:uppercase;padding-bottom:.375rem}.component-base-control__label__required{color:#df1414;padding-left:.25rem}.component-base-control__box{cursor:text;display:flex;flex-direction:row;border:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,background-color .25s ease}.component-base-control__box:focus-within:not(:has(button:focus)){background-color:var(--blockout__colours__surface--0);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control__box:hover:not(:has(button:hover)){background-color:var(--blockout__colours__surface--50)}.component-base-control__box:has(:disabled){background-color:var(--blockout__colours__surface--200);color:var(--blockout__colours__surface--400)}.component-base-control__control{flex-grow:1}.component-base-control__control>input,.component-base-control__control>select,.component-base-control__control>textarea{display:block;padding:.75rem;min-height:40px;width:100%;min-width:0;max-width:100%;color:var(--blockout__colours__surface--800);font-size:1rem;background-color:transparent;transition:background-color .25s ease}.component-base-control__control>input:focus,.component-base-control__control>select:focus,.component-base-control__control>textarea:focus{outline:none}.component-base-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}fieldset.component-base-control .component-base-control__box{border:none}fieldset.component-base-control .component-base-control__box:hover{background-color:none!important}fieldset.component-base-control .component-base-control__box:focus-within{outline:none}fieldset.component-base-control .component-base-control__help{order:-1;margin-top:0;margin-bottom:.75rem}.component-base-control__affix{flex-grow:1;color:var(--blockout__colours__surface--600);padding:.75rem;min-height:40px;min-width:max-content}.component-base-control__affix--prefix{padding-right:0}.component-base-control__affix--suffix{padding-left:0}.component-base-control__box:has(.component-base-control__affix) .component-base-control__control{flex-grow:0}.component-base-control__box:has(.component-base-control__affix) .component-base-control__control>input,.component-base-control__box:has(.component-base-control__affix) .component-base-control__control>select,.component-base-control__box:has(.component-base-control__affix) .component-base-control__control>textarea{field-sizing:content;width:unset}
|
|
@@ -3,6 +3,5 @@ export { Button } from './button';
|
|
|
3
3
|
export * from './controls';
|
|
4
4
|
export { DataTable, ExampleDataTable } from './data-table';
|
|
5
5
|
export { createForm, Form } from './form';
|
|
6
|
-
export { MarkdownEditor } from './markdown';
|
|
7
6
|
export { Menu } from './menu';
|
|
8
7
|
export { Progress } from './progress';
|
package/dist/components/index.js
CHANGED
|
@@ -5,31 +5,29 @@ import { ChoiceControl as a } from "./controls/choice-control/index.js";
|
|
|
5
5
|
import { NumberControl as n } from "./controls/number-control/index.js";
|
|
6
6
|
import { PasswordControl as s } from "./controls/password-control/index.js";
|
|
7
7
|
import { SelectControl as b } from "./controls/select-control/index.js";
|
|
8
|
-
import { TextControl as
|
|
9
|
-
import { TextareaControl as
|
|
10
|
-
import { ToggleControl as
|
|
11
|
-
import { DataTable as
|
|
12
|
-
import { Form as
|
|
13
|
-
import { createForm as
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import { Progress as v } from "./progress/index.js";
|
|
8
|
+
import { TextControl as u } from "./controls/text-control/index.js";
|
|
9
|
+
import { TextareaControl as B } from "./controls/textarea-control/index.js";
|
|
10
|
+
import { ToggleControl as D } from "./controls/toggle-control/index.js";
|
|
11
|
+
import { DataTable as P, ExampleDataTable as h } from "./data-table/index.js";
|
|
12
|
+
import { Form as w } from "./form/components/index.js";
|
|
13
|
+
import { createForm as M } from "./form/types/form.js";
|
|
14
|
+
import { Menu as S } from "./menu/index.js";
|
|
15
|
+
import { Progress as k } from "./progress/index.js";
|
|
17
16
|
export {
|
|
18
17
|
p as BaseControl,
|
|
19
18
|
e as Breadcrumbs,
|
|
20
19
|
m as Button,
|
|
21
20
|
a as ChoiceControl,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
j as Menu,
|
|
21
|
+
P as DataTable,
|
|
22
|
+
h as ExampleDataTable,
|
|
23
|
+
w as Form,
|
|
24
|
+
S as Menu,
|
|
27
25
|
n as NumberControl,
|
|
28
26
|
s as PasswordControl,
|
|
29
|
-
|
|
27
|
+
k as Progress,
|
|
30
28
|
b as SelectControl,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
u as TextControl,
|
|
30
|
+
B as TextareaControl,
|
|
31
|
+
D as ToggleControl,
|
|
32
|
+
M as createForm
|
|
35
33
|
};
|
|
@@ -5,7 +5,7 @@ import { jsxs as Qn, Fragment as er, jsx as $ } from "react/jsx-runtime";
|
|
|
5
5
|
import { noop as p_ } from "../../utils/noop.js";
|
|
6
6
|
import * as I from "react";
|
|
7
7
|
import A, { createContext as h_, useContext as g_, useMemo as Io, useEffect as $e, forwardRef as Jg, useState as tr, useLayoutEffect as Ii, useCallback as Qe, useRef as lt, Suspense as m_, useReducer as v_, cloneElement as y_, Component as x_ } from "react";
|
|
8
|
-
import { r as gi,
|
|
8
|
+
import { r as gi, o as __, s as b_, f as C_, d as w_, h as E_, l as S_, c as k_, b as vf, a as T_, R as I_ } from "../../floating-ui.dom-9sqP7IwC.js";
|
|
9
9
|
import { g as jg, c as yf } from "../../_commonjsHelpers-DaMA6jEr.js";
|
|
10
10
|
var A_ = Object.defineProperty, N_ = (e, t, n) => t in e ? A_(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, jn = (e, t, n) => N_(e, typeof t != "symbol" ? t + "" : t, n);
|
|
11
11
|
let P_ = class Zg {
|
|
@@ -15130,7 +15130,7 @@ function dk(e) {
|
|
|
15130
15130
|
strategy: n,
|
|
15131
15131
|
middleware: f
|
|
15132
15132
|
};
|
|
15133
|
-
M.current && (ie.platform = M.current),
|
|
15133
|
+
M.current && (ie.platform = M.current), k_(C.current, w.current, ie).then((pe) => {
|
|
15134
15134
|
const k = {
|
|
15135
15135
|
...pe,
|
|
15136
15136
|
// The floating element's position may be recomputed while it's closed
|
|
@@ -15219,22 +15219,22 @@ const fk = (e) => {
|
|
|
15219
15219
|
}
|
|
15220
15220
|
};
|
|
15221
15221
|
}, pk = (e, t) => ({
|
|
15222
|
-
...
|
|
15222
|
+
...__(e),
|
|
15223
15223
|
options: [e, t]
|
|
15224
15224
|
}), hk = (e, t) => ({
|
|
15225
|
-
...
|
|
15225
|
+
...b_(e),
|
|
15226
15226
|
options: [e, t]
|
|
15227
15227
|
}), gk = (e, t) => ({
|
|
15228
|
-
...
|
|
15228
|
+
...S_(e),
|
|
15229
15229
|
options: [e, t]
|
|
15230
15230
|
}), mk = (e, t) => ({
|
|
15231
|
-
...
|
|
15231
|
+
...C_(e),
|
|
15232
15232
|
options: [e, t]
|
|
15233
15233
|
}), vk = (e, t) => ({
|
|
15234
|
-
...
|
|
15234
|
+
...w_(e),
|
|
15235
15235
|
options: [e, t]
|
|
15236
15236
|
}), yk = (e, t) => ({
|
|
15237
|
-
...
|
|
15237
|
+
...E_(e),
|
|
15238
15238
|
options: [e, t]
|
|
15239
15239
|
}), xk = (e, t) => ({
|
|
15240
15240
|
...fk(e),
|
package/dist/index.js
CHANGED
|
@@ -4,40 +4,38 @@ import { BaseControl as p } from "./components/controls/base-control/index.js";
|
|
|
4
4
|
import { ChoiceControl as a } from "./components/controls/choice-control/index.js";
|
|
5
5
|
import { NumberControl as n } from "./components/controls/number-control/index.js";
|
|
6
6
|
import { PasswordControl as C } from "./components/controls/password-control/index.js";
|
|
7
|
-
import { SelectControl as
|
|
8
|
-
import { TextControl as
|
|
9
|
-
import { TextareaControl as
|
|
7
|
+
import { SelectControl as u } from "./components/controls/select-control/index.js";
|
|
8
|
+
import { TextControl as g } from "./components/controls/text-control/index.js";
|
|
9
|
+
import { TextareaControl as d } from "./components/controls/textarea-control/index.js";
|
|
10
10
|
import { ToggleControl as B } from "./components/controls/toggle-control/index.js";
|
|
11
|
-
import { DataTable as h, ExampleDataTable as
|
|
12
|
-
import { Form as
|
|
13
|
-
import { createForm as
|
|
14
|
-
import { MarkdownEditor as y } from "./components/markdown/index.js";
|
|
11
|
+
import { DataTable as h, ExampleDataTable as F } from "./components/data-table/index.js";
|
|
12
|
+
import { Form as w } from "./components/form/components/index.js";
|
|
13
|
+
import { createForm as z } from "./components/form/types/form.js";
|
|
15
14
|
import { Menu as H } from "./components/menu/index.js";
|
|
16
|
-
import { Progress as
|
|
17
|
-
import { useTheme as
|
|
18
|
-
import { Draggable as
|
|
19
|
-
import { Resizable as
|
|
20
|
-
import { VisuallyHidden as
|
|
15
|
+
import { Progress as N } from "./components/progress/index.js";
|
|
16
|
+
import { useTheme as S } from "./hooks/theme.js";
|
|
17
|
+
import { Draggable as j } from "./primitives/draggable/index.js";
|
|
18
|
+
import { Resizable as q } from "./primitives/resizable/index.js";
|
|
19
|
+
import { VisuallyHidden as A } from "./primitives/visually-hidden/index.js";
|
|
21
20
|
import './assets/index.css';export {
|
|
22
21
|
p as BaseControl,
|
|
23
22
|
e as Breadcrumbs,
|
|
24
23
|
m as Button,
|
|
25
24
|
a as ChoiceControl,
|
|
26
25
|
h as DataTable,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
y as MarkdownEditor,
|
|
26
|
+
j as Draggable,
|
|
27
|
+
F as ExampleDataTable,
|
|
28
|
+
w as Form,
|
|
31
29
|
H as Menu,
|
|
32
30
|
n as NumberControl,
|
|
33
31
|
C as PasswordControl,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
N as Progress,
|
|
33
|
+
q as Resizable,
|
|
34
|
+
u as SelectControl,
|
|
35
|
+
g as TextControl,
|
|
36
|
+
d as TextareaControl,
|
|
39
37
|
B as ToggleControl,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
A as VisuallyHidden,
|
|
39
|
+
z as createForm,
|
|
40
|
+
S as useTheme
|
|
43
41
|
};
|