@infonomic/uikit 6.7.4 → 6.7.6

package/dist/components/inputs/help-text.d.ts

@@ -1,9 +1,10 @@
 import type React from 'react';
 interface HelpTextProps {
+    id?: string;
     className?: string;
     size?: 'sm' | 'md' | 'lg';
     text: string;
 }
-export declare function HelpText({ className, size, text }: HelpTextProps): React.JSX.Element;
+export declare function HelpText({ id, className, size, text }: HelpTextProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=help-text.d.ts.map

package/dist/components/inputs/help-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"help-text.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/help-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMpF"}
+{"version":3,"file":"help-text.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/help-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMxF"}

package/dist/components/inputs/help-text.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import classnames from "classnames";
 import help_text_module from "./help-text.module.js";
-function HelpText({ className, size, text }) {
+function HelpText({ id, className, size, text }) {
     return /*#__PURE__*/ jsx("p", {
+        id: id,
         className: classnames('infonomic-help-text', help_text_module.text, size && help_text_module[size], className),
         children: text
     });

package/dist/components/inputs/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAA;IACxD,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAA;IACtD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAC5F;AAED,eAAO,MAAM,KAAK,GAAI,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,EAAE,sMAoB3D,UAAU,sBAgEZ,CAAA"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAA;IACxD,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAA;IACtD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAC5F;AAED,eAAO,MAAM,KAAK,GAAI,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,EAAE,sMAoB3D,UAAU,sBAkEZ,CAAA"}

package/dist/components/inputs/input.js

@@ -29,11 +29,11 @@ const Input = ({ ref, id, name, type = 'text', variant = 'outlined', inputSize =
                         required: required,
                         autoComplete: autoComplete,
                         placeholder: placeHolder,
-                        "aria-labelledby": `label-for-${id}`,
+                        "aria-labelledby": null != label ? `label-for-${id}` : void 0,
                         "aria-invalid": error,
                         "aria-required": required,
                         "aria-errormessage": errorText,
-                        "aria-describedby": error ? `error-for-${id}` : void 0,
+                        "aria-describedby": error ? `error-for-${id}` : helpText.length > 0 ? `help-for-${id}` : void 0,
                         className: classnames('infonomic-input', `infonomic-input-${variant}`, `infonomic-input-${inputSize}`, `infonomic-input-${intent}`, input_module.input, input_module[variant], input_module[inputSize], input_module[intent], {
                             [input_module["start-adornment-padding"]]: null != startAdornment
                         }, {
@@ -54,6 +54,7 @@ const Input = ({ ref, id, name, type = 'text', variant = 'outlined', inputSize =
                 size: inputSize,
                 text: errorText ?? helpText
             }) : helpText?.length > 0 && /*#__PURE__*/ jsx(HelpText, {
+                id: `help-for-${id}`,
                 size: inputSize,
                 text: helpText
             })

package/dist/components/inputs/text-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AASnC,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAExD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;CAClG;AAED,eAAO,MAAM,QAAQ,GAAqB,sIAgBvC,aAAa,KAAG,KAAK,CAAC,GAAG,CAAC,OAsC5B,CAAA"}
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AASnC,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAExD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;CAClG;AAED,eAAO,MAAM,QAAQ,GAAqB,sIAgBvC,aAAa,KAAG,KAAK,CAAC,GAAG,CAAC,OAwC5B,CAAA"}

package/dist/components/inputs/text-area.js

@@ -23,11 +23,11 @@ const text_area_TextArea = function({ ref, id, name, label, rows = 4, required =
                 rows: rows,
                 autoComplete: autoComplete,
                 placeholder: placeHolder,
-                "aria-labelledby": `label-for-${id}`,
+                "aria-labelledby": null != label ? `label-for-${id}` : void 0,
                 "aria-invalid": error,
                 "aria-required": required,
                 "aria-errormessage": errorText,
-                "aria-describedby": error ? `error-for-${id}` : void 0,
+                "aria-describedby": error ? `error-for-${id}` : helpText.length > 0 ? `help-for-${id}` : void 0,
                 className: classnames('infonomic-text-area', `infonomic-text-area-${variant}`, `infonomic-text-area-${intent}`, input_module.input, input_module[variant], input_module[intent], text_area_module["text-area"], text_area_module[variant], {
                     [input_module.error]: error
                 }, className),
@@ -37,6 +37,7 @@ const text_area_TextArea = function({ ref, id, name, label, rows = 4, required =
                 id: `error-for-${id}`,
                 text: errorText ?? helpText
             }) : helpText?.length > 0 && /*#__PURE__*/ jsx(HelpText, {
+                id: `help-for-${id}`,
                 text: helpText
             })
         ]

package/dist/components/notifications/alert.module.css

@@ -88,7 +88,15 @@
   .content,
   :global(.infonomic-alert-content) {
     padding-top: 1px;
-    font-size: var(--font-size-sm);
+    font-size: 1.1rem;
+  }
+
+  @media (min-width: 40rem) {
+    .content,
+    :global(.infonomic-alert-content) {
+      padding-top: 1px;
+      font-size: 1rem;
+    }
   }
 
   .content:first-child,

package/dist/components/notifications/alert_module.css

@@ -70,8 +70,15 @@
   }
 
   :is(.content-oyoXMS, .infonomic-alert-content) {
-    font-size: var(--font-size-sm);
     padding-top: 1px;
+    font-size: 1.1rem;
+  }
+
+  @media (min-width: 40rem) {
+    :is(.content-oyoXMS, .infonomic-alert-content) {
+      padding-top: 1px;
+      font-size: 1rem;
+    }
   }
 
   .content-oyoXMS:first-child {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@infonomic/uikit",
   "private": false,
   "license": "MIT",
-  "version": "6.7.4",
+  "version": "6.7.6",
   "type": "module",
   "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
   "keywords": [

package/src/components/inputs/help-text.tsx

@@ -5,14 +5,15 @@ import cx from 'classnames'
 import styles from './help-text.module.css'
 
 interface HelpTextProps {
+  id?: string
   className?: string
   size?: 'sm' | 'md' | 'lg'
   text: string
 }
 
-export function HelpText({ className, size, text }: HelpTextProps): React.JSX.Element {
+export function HelpText({ id, className, size, text }: HelpTextProps): React.JSX.Element {
   return (
-    <p className={cx('infonomic-help-text', styles.text, size && styles[size], className)}>
+    <p id={id} className={cx('infonomic-help-text', styles.text, size && styles[size], className)}>
       {text}
     </p>
   )

package/src/components/inputs/input.tsx

@@ -76,11 +76,13 @@ export const Input = <_C extends React.ElementType = 'input'>({
           required={required}
           autoComplete={autoComplete}
           placeholder={placeHolder}
-          aria-labelledby={`label-for-${id}`}
+          aria-labelledby={label != null ? `label-for-${id}` : undefined}
           aria-invalid={error}
           aria-required={required}
           aria-errormessage={errorText}
-          aria-describedby={error ? `error-for-${id}` : undefined}
+          aria-describedby={
+            error ? `error-for-${id}` : helpText.length > 0 ? `help-for-${id}` : undefined
+          }
           className={cx(
             'infonomic-input',
             `infonomic-input-${variant}`,
@@ -112,7 +114,7 @@ export const Input = <_C extends React.ElementType = 'input'>({
       {error ? (
         <ErrorText id={`error-for-${id}`} size={inputSize} text={errorText ?? helpText} />
       ) : (
-        helpText?.length > 0 && <HelpText size={inputSize} text={helpText} />
+        helpText?.length > 0 && <HelpText id={`help-for-${id}`} size={inputSize} text={helpText} />
       )}
     </div>
   )

package/src/components/inputs/text-area.tsx

@@ -54,11 +54,13 @@ export const TextArea = function TextArea({
         rows={rows}
         autoComplete={autoComplete}
         placeholder={placeHolder}
-        aria-labelledby={`label-for-${id}`}
+        aria-labelledby={label != null ? `label-for-${id}` : undefined}
         aria-invalid={error}
         aria-required={required}
         aria-errormessage={errorText}
-        aria-describedby={error ? `error-for-${id}` : undefined}
+        aria-describedby={
+          error ? `error-for-${id}` : helpText.length > 0 ? `help-for-${id}` : undefined
+        }
         className={cx(
           'infonomic-text-area',
           `infonomic-text-area-${variant}`,
@@ -76,7 +78,7 @@ export const TextArea = function TextArea({
       {error ? (
         <ErrorText id={`error-for-${id}`} text={errorText ?? helpText} />
       ) : (
-        helpText?.length > 0 && <HelpText text={helpText} />
+        helpText?.length > 0 && <HelpText id={`help-for-${id}`} text={helpText} />
       )}
     </div>
   )

package/src/components/notifications/alert.module.css

@@ -88,7 +88,15 @@
   .content,
   :global(.infonomic-alert-content) {
     padding-top: 1px;
-    font-size: var(--font-size-sm);
+    font-size: 1.1rem;
+  }
+
+  @media (min-width: 40rem) {
+    .content,
+    :global(.infonomic-alert-content) {
+      padding-top: 1px;
+      font-size: 1rem;
+    }
   }
 
   .content:first-child,