@nordcom/nordstar-input 0.0.61 → 0.0.62

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/input.css CHANGED
@@ -1 +1 @@
1
- ._container_1j3s3_1{position:relative;overflow:hidden;overflow:clip;display:inline-flex;flex-direction:column;gap:.15em;height:3.5em;padding:var(--layout-block-padding-half) var(--layout-block-padding);font-family:var(--font-mono, var(--font-body));font-size:1em;transition:.15s ease-in-out border-color,.15s ease-in-out color;border-radius:var(--border-radius);border-style:solid}._container_1j3s3_1:is([data-variant=outline],:not([data-variant])){border-width:var(--border-width-small)}._container_1j3s3_1:is([data-variant=outline],:not([data-variant])):not(:is([data-color=primary],[data-color=secondary]))[data-color=default]{--color: var(--color-foreground-secondary);--color-highlight: var(--color-foreground-secondary)}._container_1j3s3_1:is([data-variant=outline],:not([data-variant])):not(:is([data-color=primary],[data-color=secondary]))[data-color=foreground]{--color: var(--color-foreground-secondary);--color-highlight: var(--color-foreground)}._container_1j3s3_1:is([data-variant=outline],:not([data-variant])):not(:is([data-color=primary],[data-color=secondary])){border-color:var(--color)}._container_1j3s3_1:is([data-variant=outline],:not([data-variant])):not(:is([data-color=primary],[data-color=secondary])) ._label_1j3s3_30{color:var(--color)}:is(:focus,:focus-within)>._container_1j3s3_1:is([data-variant=outline],:not([data-variant])):not(:is([data-color=primary],[data-color=secondary])){border-color:var(--color-highlight)}._container_1j3s3_1:is([data-variant=outline],:not([data-variant]))[data-color=primary]{border-color:var(--color-accent-primary)}._container_1j3s3_1:is([data-variant=outline],:not([data-variant]))[data-color=secondary]{border-color:var(--color-accent-secondary)}._container_1j3s3_1:is([data-variant=outline],:not([data-variant])):is([data-color=primary],[data-color=secondary]){opacity:.85}:is(:focus,:focus-within)>._container_1j3s3_1:is([data-variant=outline],:not([data-variant])):is([data-color=primary],[data-color=secondary]){opacity:1}._container_1j3s3_1:is([data-variant=outline],:not([data-variant])):is(:not(:has(._input_1j3s3_48[value=""],._input_1j3s3_48:not([value]))),:focus,:focus-within):not(:has(._input_1j3s3_48:invalid)){opacity:1}._container_1j3s3_1:is([data-variant=outline],:not([data-variant])):is(:not(:has(._input_1j3s3_48[value=""],._input_1j3s3_48:not([value]))),:focus,:focus-within):not(:has(._input_1j3s3_48:invalid))[data-color=default]{border-color:var(--color-foreground)}._container_1j3s3_1:is([data-variant=outline],:not([data-variant])):is(:not(:has(._input_1j3s3_48[value=""],._input_1j3s3_48:not([value]))),:focus,:focus-within):not(:has(._input_1j3s3_48:invalid)) ._label_1j3s3_30{color:inherit}._container_1j3s3_1:is([data-variant=outline],:not([data-variant])):has(._input_1j3s3_48:invalid){opacity:1;border-color:var(--color-error);color:var(--color-error)}._container_1j3s3_1:is([data-variant=outline],:not([data-variant])):has(._input_1j3s3_48:invalid) ._input_1j3s3_48::placeholder{color:var(--color-error)}._container_1j3s3_1:is([data-variant=solid],:not([data-variant])){--background: var(--color-foreground);--foreground: var(--color-background);border-width:var(--border-width-small);border-color:var(--background);color:var(--foreground);background:var(--background)}._container_1j3s3_1:is([data-variant=solid],:not([data-variant]))[data-color=primary]{--background: var(--color-accent-primary);--foreground: var(--color-accent-primary-foreground)}._container_1j3s3_1:is([data-variant=solid],:not([data-variant]))[data-color=secondary]{--background: var(--color-accent-secondary);--foreground: var(--color-accent-secondary-foreground)}._container_1j3s3_1 ._label_1j3s3_30{font-size:.65em;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;transform:translateZ(0) translateY(0)}._container_1j3s3_1 ._label_1j3s3_30._full-height_1j3s3_90{transition:75ms ease-out transform,.15s ease-out margin,.15s ease-out font-size,.15s ease-out color;font-size:.65em}._container_1j3s3_1:not(:focus-within,:focus,:has(:focus-within,:focus,select)) ._label_1j3s3_30._full-height_1j3s3_90{transform:translateY(.45em);margin-bottom:-.5em;font-size:1em}._container_1j3s3_1 ._input_1j3s3_48{height:100%;width:100%;font-size:inherit;background:transparent}._container_1j3s3_1 ._input_1j3s3_48:is(input){line-height:1}._container_1j3s3_1 ._input_1j3s3_48::placeholder{transition:.15s ease-in-out opacity;font-size:inherit}._container_1j3s3_1 ._input_1j3s3_48:not(:focus)::placeholder{color:var(--color-foreground-secondary)}
1
+ ._container_pn425_1{position:relative;overflow:hidden;overflow:clip;display:inline-flex;flex-direction:column;gap:.15em;height:3.5em;padding:var(--layout-block-padding-half) var(--layout-block-padding);font-family:var(--font-mono, var(--font-body));font-size:1em;transition:.15s ease-in-out border-color,.15s ease-in-out color;border-radius:var(--border-radius);border-style:solid}._container_pn425_1:is([data-variant=outline],:not([data-variant])){border-width:var(--border-width-small)}._container_pn425_1:is([data-variant=outline],:not([data-variant])):not(:is([data-color=primary],[data-color=secondary]))[data-color=default]{--color: var(--color-foreground-secondary);--color-highlight: var(--color-foreground-secondary)}._container_pn425_1:is([data-variant=outline],:not([data-variant])):not(:is([data-color=primary],[data-color=secondary]))[data-color=foreground]{--color: var(--color-foreground-secondary);--color-highlight: var(--color-foreground)}._container_pn425_1:is([data-variant=outline],:not([data-variant])):not(:is([data-color=primary],[data-color=secondary])){border-color:var(--color)}._container_pn425_1:is([data-variant=outline],:not([data-variant])):not(:is([data-color=primary],[data-color=secondary])) ._label_pn425_30{color:var(--color)}:is(:focus,:focus-within)>._container_pn425_1:is([data-variant=outline],:not([data-variant])):not(:is([data-color=primary],[data-color=secondary])){border-color:var(--color-highlight)}._container_pn425_1:is([data-variant=outline],:not([data-variant]))[data-color=primary]{border-color:var(--color-accent-primary)}._container_pn425_1:is([data-variant=outline],:not([data-variant]))[data-color=secondary]{border-color:var(--color-accent-secondary)}._container_pn425_1:is([data-variant=outline],:not([data-variant])):is([data-color=primary],[data-color=secondary]){opacity:.85}:is(:focus,:focus-within)>._container_pn425_1:is([data-variant=outline],:not([data-variant])):is([data-color=primary],[data-color=secondary]){opacity:1}._container_pn425_1:is([data-variant=outline],:not([data-variant])):is(:not(:has(._input_pn425_48[value=""],._input_pn425_48:not([value]))),:focus,:focus-within):not(:has(._input_pn425_48:invalid)){opacity:1}._container_pn425_1:is([data-variant=outline],:not([data-variant])):is(:not(:has(._input_pn425_48[value=""],._input_pn425_48:not([value]))),:focus,:focus-within):not(:has(._input_pn425_48:invalid))[data-color=default]{border-color:var(--color-foreground)}._container_pn425_1:is([data-variant=outline],:not([data-variant])):is(:not(:has(._input_pn425_48[value=""],._input_pn425_48:not([value]))),:focus,:focus-within):not(:has(._input_pn425_48:invalid)) ._label_pn425_30{color:inherit}._container_pn425_1:is([data-variant=outline],:not([data-variant])):has(._input_pn425_48:invalid){opacity:1;border-color:var(--color-error);color:var(--color-error)}._container_pn425_1:is([data-variant=outline],:not([data-variant])):has(._input_pn425_48:invalid) ._input_pn425_48::placeholder{color:var(--color-error)}._container_pn425_1:is([data-variant=solid],:not([data-variant])){--background: var(--color-foreground);--foreground: var(--color-background);border-width:var(--border-width-small);border-color:var(--background);color:var(--foreground);background:var(--background)}._container_pn425_1:is([data-variant=solid],:not([data-variant]))[data-color=primary]{--background: var(--color-accent-primary);--foreground: var(--color-accent-primary-foreground)}._container_pn425_1:is([data-variant=solid],:not([data-variant]))[data-color=secondary]{--background: var(--color-accent-secondary);--foreground: var(--color-accent-secondary-foreground)}._container_pn425_1 ._label_pn425_30{font-size:.65em;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;transform:translateZ(0) translateY(0)}._container_pn425_1 ._label_pn425_30._full-height_pn425_90{transition:75ms ease-out transform,.15s ease-out margin,.15s ease-out font-size,.15s ease-out color;font-size:.65em}._container_pn425_1:not(:focus-within,:focus,:has(:focus-within,:focus,select)) ._label_pn425_30._full-height_pn425_90{transform:translateY(.45em);margin-bottom:-.5em;font-size:1em}._container_pn425_1 ._input_pn425_48{-webkit-appearance:none;appearance:none;padding:0;height:100%;width:100%;font-size:inherit;background:transparent;border-width:0}._container_pn425_1 ._input_pn425_48:is(input){line-height:1}._container_pn425_1 ._input_pn425_48::placeholder{transition:.15s ease-in-out opacity;font-size:inherit}._container_pn425_1 ._input_pn425_48:not(:focus)::placeholder{color:var(--color-foreground-secondary)}
package/dist/input.js CHANGED
@@ -5,14 +5,14 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
5
5
  import { forwardRef, cn } from '@nordcom/nordstar-system';
6
6
  import { useState, useEffect } from 'react';
7
7
 
8
- import './input.css';const container = "_container_1j3s3_1";
9
- const label = "_label_1j3s3_30";
10
- const input = "_input_1j3s3_48";
8
+ import './input.css';const container = "_container_pn425_1";
9
+ const label = "_label_pn425_30";
10
+ const input = "_input_pn425_48";
11
11
  const styles = {
12
12
  container: container,
13
13
  label: label,
14
14
  input: input,
15
- "full-height": "_full-height_1j3s3_90"
15
+ "full-height": "_full-height_pn425_90"
16
16
  };
17
17
 
18
18
  const Input = forwardRef(
@@ -48,7 +48,7 @@ const Input = forwardRef(
48
48
  className: styles.input,
49
49
  placeholder,
50
50
  value: contents,
51
- onChange: (e) => setContents(() => e.target.value)
51
+ onChange: (e) => e?.target && setContents(() => e.target.value)
52
52
  }
53
53
  )
54
54
  ] })
package/dist/input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input.js","sources":["../src/input.tsx"],"sourcesContent":["'use client';\n\nimport type { As, NordstarColor } from '@nordcom/nordstar-system';\nimport { cn, forwardRef } from '@nordcom/nordstar-system';\nimport type { HTMLInputTypeAttribute } from 'react';\nimport { useEffect, useState } from 'react';\nimport styles from './input.module.scss';\n\nexport type InputProps = {\n as?: As;\n\n variant?: 'outline' | 'solid';\n color?: NordstarColor;\n\n label?: string;\n labelPosition?: 'inside' | 'outside';\n\n value?: string | number;\n defaultValue?: string | number;\n\n type?: Omit<HTMLInputTypeAttribute, 'number'>;\n min?: number;\n max?: number;\n};\n\n/**\n * `<Input/>`, generalized input element.\n *\n * @param {object} props - `<Input/>` props.\n * @param {As} [props.as] - The element to render the component as.\n * @param {'outline' | 'solid'} [props.variant='outline'] - The variant.\n * @param {NordstarColor} [props.color='default'] - The color scheme.\n * @returns {React.ReactNode} The `<Input/>` component.\n */\nconst Input = forwardRef<'input', InputProps>(\n (\n {\n as,\n type = 'text',\n\n variant = 'outline',\n color = 'default',\n\n label,\n labelPosition = 'inside',\n\n placeholder,\n\n value,\n defaultValue,\n\n className,\n ...props\n },\n ref\n ) => {\n const Tag = as || 'input';\n const [contents, setContents] = useState<typeof defaultValue>(defaultValue || '');\n\n useEffect(() => {\n if (!value) return;\n\n setContents(() => value);\n }, [value]);\n\n return (\n <>\n {label && labelPosition === 'outside' ? <label className={styles.label}>{label}</label> : null}\n\n <div className={cn(styles.container, className)} data-variant={variant} data-color={color}>\n {label && labelPosition === 'inside' ? (\n <label className={cn(styles.label, !placeholder && !contents && styles['full-height'])}>\n {label}\n </label>\n ) : null}\n\n <Tag\n {...props}\n ref={ref}\n type={type}\n className={styles.input}\n placeholder={placeholder}\n value={contents}\n onChange={(e: any) => setContents(() => e.target.value)}\n />\n </div>\n </>\n );\n }\n);\nInput.displayName = 'Nordstar.Input';\n\nexport default Input;\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"input.js","sources":["../src/input.tsx"],"sourcesContent":["'use client';\n\nimport type { As, NordstarColor } from '@nordcom/nordstar-system';\nimport { cn, forwardRef } from '@nordcom/nordstar-system';\nimport type { HTMLInputTypeAttribute } from 'react';\nimport { useEffect, useState } from 'react';\nimport styles from './input.module.scss';\n\nexport type InputProps = {\n as?: As;\n\n variant?: 'outline' | 'solid';\n color?: NordstarColor;\n\n label?: string;\n labelPosition?: 'inside' | 'outside';\n\n value?: string | number;\n defaultValue?: string | number;\n\n type?: Omit<HTMLInputTypeAttribute, 'number'>;\n min?: number;\n max?: number;\n};\n\n/**\n * `<Input/>`, generalized input element.\n *\n * @param {object} props - `<Input/>` props.\n * @param {As} [props.as] - The element to render the component as.\n * @param {'outline' | 'solid'} [props.variant='outline'] - The variant.\n * @param {NordstarColor} [props.color='default'] - The color scheme.\n * @returns {React.ReactNode} The `<Input/>` component.\n */\nconst Input = forwardRef<'input', InputProps>(\n (\n {\n as,\n type = 'text',\n\n variant = 'outline',\n color = 'default',\n\n label,\n labelPosition = 'inside',\n\n placeholder,\n\n value,\n defaultValue,\n\n className,\n ...props\n },\n ref\n ) => {\n const Tag = as || 'input';\n const [contents, setContents] = useState<typeof defaultValue>(defaultValue || '');\n\n useEffect(() => {\n if (!value) return;\n\n setContents(() => value);\n }, [value]);\n\n return (\n <>\n {label && labelPosition === 'outside' ? <label className={styles.label}>{label}</label> : null}\n\n <div className={cn(styles.container, className)} data-variant={variant} data-color={color}>\n {label && labelPosition === 'inside' ? (\n <label className={cn(styles.label, !placeholder && !contents && styles['full-height'])}>\n {label}\n </label>\n ) : null}\n\n <Tag\n {...props}\n ref={ref}\n type={type}\n className={styles.input}\n placeholder={placeholder}\n value={contents}\n onChange={(e: any) => e?.target && setContents(() => e.target.value)}\n />\n </div>\n </>\n );\n }\n);\nInput.displayName = 'Nordstar.Input';\n\nexport default Input;\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "$schema": "https://json.schemastore.org/package.json",
3
3
  "name": "@nordcom/nordstar-input",
4
4
  "type": "module",
5
- "version": "0.0.61",
5
+ "version": "0.0.62",
6
6
  "description": "Component for single-line text and number input with formatting support.",
7
7
  "files": [
8
8
  "dist"
@@ -72,7 +72,7 @@
72
72
  },
73
73
  "homepage": "https://nordstar.nordcom.io/docs/components/input/",
74
74
  "dependencies": {
75
- "@nordcom/nordstar-system": "0.0.61"
75
+ "@nordcom/nordstar-system": "0.0.62"
76
76
  },
77
77
  "peerDependencies": {
78
78
  "react": ">=18",