@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.
@@ -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';
@@ -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 d } from "./controls/text-control/index.js";
9
- import { TextareaControl as g } from "./controls/textarea-control/index.js";
10
- import { ToggleControl as i } from "./controls/toggle-control/index.js";
11
- import { DataTable as D, ExampleDataTable as E } from "./data-table/index.js";
12
- import { Form as M } from "./form/components/index.js";
13
- import { createForm as h } from "./form/types/form.js";
14
- import { MarkdownEditor as N } from "./markdown/index.js";
15
- import { Menu as j } from "./menu/index.js";
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
- D as DataTable,
23
- E as ExampleDataTable,
24
- M as Form,
25
- N as MarkdownEditor,
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
- v as Progress,
27
+ k as Progress,
30
28
  b as SelectControl,
31
- d as TextControl,
32
- g as TextareaControl,
33
- i as ToggleControl,
34
- h as createForm
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, c as __, o as b_, s as C_, f as w_, d as E_, h as S_, l as k_, b as vf, a as T_, R as I_ } from "../../floating-ui.dom-9sqP7IwC.js";
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), __(C.current, w.current, ie).then((pe) => {
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
- ...b_(e),
15222
+ ...__(e),
15223
15223
  options: [e, t]
15224
15224
  }), hk = (e, t) => ({
15225
- ...C_(e),
15225
+ ...b_(e),
15226
15226
  options: [e, t]
15227
15227
  }), gk = (e, t) => ({
15228
- ...k_(e),
15228
+ ...S_(e),
15229
15229
  options: [e, t]
15230
15230
  }), mk = (e, t) => ({
15231
- ...w_(e),
15231
+ ...C_(e),
15232
15232
  options: [e, t]
15233
15233
  }), vk = (e, t) => ({
15234
- ...E_(e),
15234
+ ...w_(e),
15235
15235
  options: [e, t]
15236
15236
  }), yk = (e, t) => ({
15237
- ...S_(e),
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 d } from "./components/controls/select-control/index.js";
8
- import { TextControl as T } from "./components/controls/text-control/index.js";
9
- import { TextareaControl as i } from "./components/controls/textarea-control/index.js";
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 w } from "./components/data-table/index.js";
12
- import { Form as F } from "./components/form/components/index.js";
13
- import { createForm as P } from "./components/form/types/form.js";
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 R } from "./components/progress/index.js";
17
- import { useTheme as V } from "./hooks/theme.js";
18
- import { Draggable as q } from "./primitives/draggable/index.js";
19
- import { Resizable as A } from "./primitives/resizable/index.js";
20
- import { VisuallyHidden as I } from "./primitives/visually-hidden/index.js";
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
- q as Draggable,
28
- w as ExampleDataTable,
29
- F as Form,
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
- R as Progress,
35
- A as Resizable,
36
- d as SelectControl,
37
- T as TextControl,
38
- i as TextareaControl,
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
- I as VisuallyHidden,
41
- P as createForm,
42
- V as useTheme
38
+ A as VisuallyHidden,
39
+ z as createForm,
40
+ S as useTheme
43
41
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wrdagency/blockout",
3
- "version": "0.0.16",
3
+ "version": "0.0.18",
4
4
  "description": "A React component library created by WRD.agency",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",