@altinn/altinn-components 0.26.1 → 0.27.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.26.1",
+  "version": "0.27.1",
   "main": "dist/index.js",
   "files": [
     "dist/",

package/dist/assets/FieldBase.css

@@ -1 +0,0 @@
-._field_1g06w_1{display:flex;flex-direction:column;row-gap:.25rem}._label_1g06w_7{color:var(--ds-color-text-default)}._helperText_1g06w_11{color:var(--ds-color-text-subtle)}

package/dist/assets/InputBase.css

@@ -1 +0,0 @@
-._input_8iwo6_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:100%;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit}._input_8iwo6_1{border-color:var(--ds-color-border-default);border-radius:2px}._input_8iwo6_1:disabled{opacity:.5;pointer-events:none}._input_8iwo6_1:focus{border-color:var(--ds-color-base-active)}._input_8iwo6_1[data-size=xs]{height:1.5rem}._input_8iwo6_1[data-size=sm]{height:2.25rem;padding:0 .5rem}._input_8iwo6_1[data-size=md]{height:2.75rem;padding:0 .75rem}._input_8iwo6_1[data-size=lg]{height:3.5rem;padding:0 1rem}

package/dist/components/TextField/FieldBase.js

@@ -1,16 +0,0 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
-import { Typography as m } from "../Typography/Typography.js";
-import { Heading as p } from "../Typography/Heading.js";
-import '../../assets/FieldBase.css';const d = "_field_1g06w_1", x = "_label_1g06w_7", _ = "_helperText_1g06w_11", e = {
-  field: d,
-  label: x,
-  helperText: _
-}, w = ({ as: t, size: r, classname: a, label: s, helperText: l, children: i }) => /* @__PURE__ */ n(t || "label", { className: c(e.field, a), "data-size": r, children: [
-  s && /* @__PURE__ */ o(p, { size: "xs", className: e.label, children: s }),
-  i,
-  l && /* @__PURE__ */ o(m, { className: e.helperText, size: "xs", children: l })
-] });
-export {
-  w as FieldBase
-};

package/dist/components/TextField/InputBase.js

@@ -1,33 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
-import '../../assets/InputBase.css';const x = "_input_8iwo6_1", _ = {
-  input: x
-}, d = ({
-  type: t = "text",
-  name: s,
-  value: n,
-  placeholder: i,
-  onChange: o,
-  onFocus: p,
-  onBlur: e,
-  size: r,
-  className: u,
-  ...a
-}) => /* @__PURE__ */ c(
-  "input",
-  {
-    className: m(_.input, u),
-    "data-size": r,
-    type: t,
-    name: s,
-    value: n,
-    placeholder: i,
-    onChange: o,
-    onFocus: p,
-    onBlur: e,
-    ...a
-  }
-);
-export {
-  d as InputBase
-};

package/dist/components/TextField/TextField.js

@@ -1,7 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { FieldBase as i } from "./FieldBase.js";
-import { InputBase as p } from "./InputBase.js";
-const l = ({ size: r = "md", label: t, helperText: e, ...m }) => /* @__PURE__ */ o(i, { size: r, label: t, helperText: e, children: /* @__PURE__ */ o(p, { ...m, size: r }) });
-export {
-  l as TextField
-};

package/dist/components/TextField/index.js

@@ -1,8 +0,0 @@
-import { FieldBase as r } from "./FieldBase.js";
-import { InputBase as p } from "./InputBase.js";
-import { TextField as f } from "./TextField.js";
-export {
-  r as FieldBase,
-  p as InputBase,
-  f as TextField
-};

package/dist/types/lib/components/Button/Buttons.stories.d.ts

@@ -1,18 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    tags: string[];
-    parameters: {};
-    args: {
-        color: string;
-    };
-    argTypes: {
-        color: {
-            control: string;
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const VariantsAndSizes: (args: Story) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/TextField/FieldBase.d.ts

@@ -1,11 +0,0 @@
-import { ElementType, ReactNode } from 'react';
-export type FieldSize = 'xs' | 'sm' | 'md' | 'lg' | 'custom';
-export interface FieldBaseProps {
-    as?: ElementType;
-    classname?: string;
-    size?: FieldSize;
-    label?: string;
-    helperText?: string;
-    children?: ReactNode;
-}
-export declare const FieldBase: ({ as, size, classname, label, helperText, children }: FieldBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/TextField/InputBase.d.ts

@@ -1,14 +0,0 @@
-import { ChangeEventHandler, FocusEventHandler, HTMLInputTypeAttribute } from 'react';
-export type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'custom';
-export interface InputBaseProps {
-    type?: HTMLInputTypeAttribute;
-    name?: string;
-    value?: string;
-    placeholder?: string;
-    onFocus?: FocusEventHandler;
-    onBlur?: FocusEventHandler;
-    onChange?: ChangeEventHandler;
-    className?: string;
-    size?: InputSize;
-}
-export declare const InputBase: ({ type, name, value, placeholder, onChange, onFocus, onBlur, size, className, ...rest }: InputBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/TextField/TextField.d.ts

@@ -1,7 +0,0 @@
-import { InputBaseProps, InputSize } from './';
-export interface TextFieldProps extends InputBaseProps {
-    size?: InputSize;
-    label?: string;
-    helperText?: string;
-}
-export declare const TextField: ({ size, label, helperText, ...rest }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/TextField/index.d.ts

@@ -1,3 +0,0 @@
-export * from './FieldBase';
-export * from './InputBase';
-export * from './TextField';