@ultraviolet/ui 3.0.0-beta.1 → 3.0.0-beta.10

package/dist/components/Row/variables.css.d.ts

@@ -0,0 +1,4 @@
+import { createVar } from '@vanilla-extract/css';
+import type { theme } from '@ultraviolet/themes';
+export declare const templateColumn: Record<keyof typeof theme.breakpoints, ReturnType<typeof createVar>>;
+export declare const paddings: Record<keyof typeof theme.breakpoints, ReturnType<typeof createVar>>;

package/dist/components/Row/variables.css.js

@@ -0,0 +1,7 @@
+/* empty css                             */
+var templateColumn = { large: "var(--uv_3mg8xe0)", xlarge: "var(--uv_3mg8xe1)", medium: "var(--uv_3mg8xe2)", small: "var(--uv_3mg8xe3)", xsmall: "var(--uv_3mg8xe4)", xxsmall: "var(--uv_3mg8xe5)" };
+var paddings = { large: "var(--uv_3mg8xe6)", xlarge: "var(--uv_3mg8xe7)", medium: "var(--uv_3mg8xe8)", small: "var(--uv_3mg8xe9)", xsmall: "var(--uv_3mg8xea)", xxsmall: "var(--uv_3mg8xeb)" };
+export {
+  paddings,
+  templateColumn
+};

package/dist/components/SearchInput/KeyGroup.cjs

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
-const index = require("../Stack/index.cjs");
-const Key = require("./Key.cjs");
+const index = require("../Key/index.cjs");
+const index$1 = require("../Stack/index.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const ClickableStack = /* @__PURE__ */ _styled__default.default(index.Stack, process.env.NODE_ENV === "production" ? {
+const ClickableStack = /* @__PURE__ */ _styled__default.default(index$1.Stack, process.env.NODE_ENV === "production" ? {
   target: "e1anqdc20"
 } : {
   target: "e1anqdc20",
@@ -20,12 +20,12 @@ const ClickableStack = /* @__PURE__ */ _styled__default.default(index.Stack, pro
   styles: "cursor:text"
 } : {
   name: "1jbm2s3",
-  styles: "cursor:text/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleUdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VhcmNoSW5wdXQvS2V5R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IEtleSB9IGZyb20gJy4vS2V5J1xuXG5jb25zdCBDbGlja2FibGVTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIGN1cnNvcjogdGV4dDtcbmBcblxudHlwZSBLZXlHcm91cFByb3BzID0ge1xuICBrZXlzOiBDb21wb25lbnRQcm9wczx0eXBlb2YgS2V5PlsnY2hpbGRyZW4nXVtdXG4gIGRpc2FibGVkOiBDb21wb25lbnRQcm9wczx0eXBlb2YgS2V5PlsnZGlzYWJsZWQnXVxuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgS2V5R3JvdXAgPSAoeyBrZXlzLCBkaXNhYmxlZCwgb25DbGljayB9OiBLZXlHcm91cFByb3BzKSA9PiAoXG4gIDxDbGlja2FibGVTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezAuNX0gb25DbGljaz17b25DbGlja30+XG4gICAge2tleXMubWFwKGtleSA9PiAoXG4gICAgICA8S2V5IGRpc2FibGVkPXtkaXNhYmxlZH0ga2V5PXtrZXl9PlxuICAgICAgICB7a2V5fVxuICAgICAgPC9LZXk+XG4gICAgKSl9XG4gIDwvQ2xpY2thYmxlU3RhY2s+XG4pXG4iXX0= */",
+  styles: "cursor:text/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleUdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VhcmNoSW5wdXQvS2V5R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgS2V5IH0gZnJvbSAnLi4vS2V5J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcblxuY29uc3QgQ2xpY2thYmxlU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBjdXJzb3I6IHRleHQ7XG5gXG5cbnR5cGUgS2V5R3JvdXBQcm9wcyA9IHtcbiAga2V5czogQ29tcG9uZW50UHJvcHM8dHlwZW9mIEtleT5bJ2NoaWxkcmVuJ11bXVxuICBkaXNhYmxlZDogQ29tcG9uZW50UHJvcHM8dHlwZW9mIEtleT5bJ2Rpc2FibGVkJ11cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbn1cblxuZXhwb3J0IGNvbnN0IEtleUdyb3VwID0gKHsga2V5cywgZGlzYWJsZWQsIG9uQ2xpY2sgfTogS2V5R3JvdXBQcm9wcykgPT4gKFxuICA8Q2xpY2thYmxlU3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXswLjV9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgIHtrZXlzLm1hcChrZXkgPT4gKFxuICAgICAgPEtleSBkYXRhLXRlc3RpZD17YGtleS0ke2tleX1gfSBkaXNhYmxlZD17ZGlzYWJsZWR9IGtleT17a2V5fT5cbiAgICAgICAge2tleX1cbiAgICAgIDwvS2V5PlxuICAgICkpfVxuICA8L0NsaWNrYWJsZVN0YWNrPlxuKVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const KeyGroup = ({
   keys,
   disabled,
   onClick
-}) => /* @__PURE__ */ jsxRuntime.jsx(ClickableStack, { direction: "row", gap: 0.5, onClick, children: keys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(Key.Key, { disabled, children: key }, key)) });
+}) => /* @__PURE__ */ jsxRuntime.jsx(ClickableStack, { direction: "row", gap: 0.5, onClick, children: keys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(index.Key, { "data-testid": `key-${key}`, disabled, children: key }, key)) });
 exports.KeyGroup = KeyGroup;

package/dist/components/SearchInput/KeyGroup.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from 'react';
-import { Key } from './Key';
+import { Key } from '../Key';
 type KeyGroupProps = {
     keys: ComponentProps<typeof Key>['children'][];
     disabled: ComponentProps<typeof Key>['disabled'];

package/dist/components/SearchInput/KeyGroup.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
+import { Key } from "../Key/index.js";
 import { Stack } from "../Stack/index.js";
-import { Key } from "./Key.js";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
@@ -16,14 +16,14 @@ const ClickableStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "
   styles: "cursor:text"
 } : {
   name: "1jbm2s3",
-  styles: "cursor:text/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleUdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VhcmNoSW5wdXQvS2V5R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IEtleSB9IGZyb20gJy4vS2V5J1xuXG5jb25zdCBDbGlja2FibGVTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIGN1cnNvcjogdGV4dDtcbmBcblxudHlwZSBLZXlHcm91cFByb3BzID0ge1xuICBrZXlzOiBDb21wb25lbnRQcm9wczx0eXBlb2YgS2V5PlsnY2hpbGRyZW4nXVtdXG4gIGRpc2FibGVkOiBDb21wb25lbnRQcm9wczx0eXBlb2YgS2V5PlsnZGlzYWJsZWQnXVxuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgS2V5R3JvdXAgPSAoeyBrZXlzLCBkaXNhYmxlZCwgb25DbGljayB9OiBLZXlHcm91cFByb3BzKSA9PiAoXG4gIDxDbGlja2FibGVTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezAuNX0gb25DbGljaz17b25DbGlja30+XG4gICAge2tleXMubWFwKGtleSA9PiAoXG4gICAgICA8S2V5IGRpc2FibGVkPXtkaXNhYmxlZH0ga2V5PXtrZXl9PlxuICAgICAgICB7a2V5fVxuICAgICAgPC9LZXk+XG4gICAgKSl9XG4gIDwvQ2xpY2thYmxlU3RhY2s+XG4pXG4iXX0= */",
+  styles: "cursor:text/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleUdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VhcmNoSW5wdXQvS2V5R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgS2V5IH0gZnJvbSAnLi4vS2V5J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcblxuY29uc3QgQ2xpY2thYmxlU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBjdXJzb3I6IHRleHQ7XG5gXG5cbnR5cGUgS2V5R3JvdXBQcm9wcyA9IHtcbiAga2V5czogQ29tcG9uZW50UHJvcHM8dHlwZW9mIEtleT5bJ2NoaWxkcmVuJ11bXVxuICBkaXNhYmxlZDogQ29tcG9uZW50UHJvcHM8dHlwZW9mIEtleT5bJ2Rpc2FibGVkJ11cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbn1cblxuZXhwb3J0IGNvbnN0IEtleUdyb3VwID0gKHsga2V5cywgZGlzYWJsZWQsIG9uQ2xpY2sgfTogS2V5R3JvdXBQcm9wcykgPT4gKFxuICA8Q2xpY2thYmxlU3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXswLjV9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgIHtrZXlzLm1hcChrZXkgPT4gKFxuICAgICAgPEtleSBkYXRhLXRlc3RpZD17YGtleS0ke2tleX1gfSBkaXNhYmxlZD17ZGlzYWJsZWR9IGtleT17a2V5fT5cbiAgICAgICAge2tleX1cbiAgICAgIDwvS2V5PlxuICAgICkpfVxuICA8L0NsaWNrYWJsZVN0YWNrPlxuKVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const KeyGroup = ({
   keys,
   disabled,
   onClick
-}) => /* @__PURE__ */ jsx(ClickableStack, { direction: "row", gap: 0.5, onClick, children: keys.map((key) => /* @__PURE__ */ jsx(Key, { disabled, children: key }, key)) });
+}) => /* @__PURE__ */ jsx(ClickableStack, { direction: "row", gap: 0.5, onClick, children: keys.map((key) => /* @__PURE__ */ jsx(Key, { "data-testid": `key-${key}`, disabled, children: key }, key)) });
 export {
   KeyGroup
 };