@spaced-out/ui-design-system 0.5.19 → 0.5.20
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/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.5.20](https://github.com/spaced-out/ui-design-system/compare/v0.5.19...v0.5.20) (2025-11-11)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* non editable prefix text in Input component ([#427](https://github.com/spaced-out/ui-design-system/issues/427)) ([d9b3830](https://github.com/spaced-out/ui-design-system/commit/d9b3830fbef230895f457ecc33b04355707b2654))
|
|
11
|
+
|
|
5
12
|
### [0.5.19](https://github.com/spaced-out/ui-design-system/compare/v0.5.18...v0.5.19) (2025-11-11)
|
|
6
13
|
|
|
7
14
|
|
|
@@ -6,6 +6,7 @@ type ClassNames = Readonly<{
|
|
|
6
6
|
iconLeft?: string;
|
|
7
7
|
iconRight?: string;
|
|
8
8
|
wrapper?: string;
|
|
9
|
+
prefixText?: string;
|
|
9
10
|
}>;
|
|
10
11
|
export declare const EXPONENT_CHARACTER_LIST: string[];
|
|
11
12
|
export declare const INPUT_TYPES: Readonly<{
|
|
@@ -72,6 +73,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
72
73
|
hidePasswordToggleIcon?: boolean;
|
|
73
74
|
testId?: string;
|
|
74
75
|
disableWheelPropagation?: boolean;
|
|
76
|
+
prefix?: string;
|
|
75
77
|
}
|
|
76
78
|
export declare const Input: Flow.AbstractComponent<InputProps, HTMLInputElement>;
|
|
77
79
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.Input = exports.INPUT_TYPES = exports.EXPONENT_CHARACTER_LIST = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
|
|
8
9
|
var _classify = require("../../utils/classify");
|
|
9
10
|
var _qa = require("../../utils/qa");
|
|
11
|
+
var _ConditionalWrapper = require("../ConditionalWrapper");
|
|
10
12
|
var _Icon = require("../Icon");
|
|
11
13
|
var _Text = require("../Text");
|
|
12
14
|
var _InputModule = _interopRequireDefault(require("./Input.module.css"));
|
|
@@ -61,6 +63,7 @@ const Input_ = (props, ref) => {
|
|
|
61
63
|
hidePasswordToggleIcon,
|
|
62
64
|
disableWheelPropagation = false,
|
|
63
65
|
testId,
|
|
66
|
+
prefix,
|
|
64
67
|
...inputProps
|
|
65
68
|
} = props;
|
|
66
69
|
const [showPassword, setShowPassword] = React.useState(false);
|
|
@@ -159,23 +162,41 @@ const Input_ = (props, ref) => {
|
|
|
159
162
|
color: disabled ? 'disabled' : 'secondary',
|
|
160
163
|
size: "small",
|
|
161
164
|
type: iconLeftType
|
|
162
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
165
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
|
|
166
|
+
condition: !(0, _isEmpty.default)(prefix),
|
|
167
|
+
wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
|
|
168
|
+
className: _InputModule.default.prefixContainer,
|
|
169
|
+
"data-testid": (0, _qa.generateTestId)({
|
|
170
|
+
base: testId,
|
|
171
|
+
slot: 'prefixContainer'
|
|
172
|
+
}),
|
|
173
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
174
|
+
className: (0, _classify.classify)(_InputModule.default.prefixText, classNames?.prefixText),
|
|
175
|
+
"data-testid": (0, _qa.generateTestId)({
|
|
176
|
+
base: testId,
|
|
177
|
+
slot: 'prefixText'
|
|
178
|
+
}),
|
|
179
|
+
children: prefix
|
|
180
|
+
}), children]
|
|
167
181
|
}),
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
182
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
183
|
+
...inputProps,
|
|
184
|
+
"data-testid": (0, _qa.generateTestId)({
|
|
185
|
+
base: testId,
|
|
186
|
+
slot: 'input'
|
|
187
|
+
}),
|
|
188
|
+
disabled: locked || disabled,
|
|
189
|
+
name: name,
|
|
190
|
+
ref: inputRef,
|
|
191
|
+
placeholder: placeholder,
|
|
192
|
+
value: value,
|
|
193
|
+
onChange: onChange,
|
|
194
|
+
onFocus: onFocus,
|
|
195
|
+
onBlur: onBlur,
|
|
196
|
+
type: showPassword ? 'text' : type,
|
|
197
|
+
readOnly: readOnly,
|
|
198
|
+
onKeyDown: handleKeyDown
|
|
199
|
+
})
|
|
179
200
|
}), type === 'color' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
180
201
|
"data-testid": (0, _qa.generateTestId)({
|
|
181
202
|
base: testId,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@value (
|
|
2
|
+
size2,
|
|
2
3
|
size18,
|
|
3
4
|
size42,
|
|
4
5
|
size30,
|
|
@@ -184,3 +185,21 @@ input::placeholder {
|
|
|
184
185
|
appearance: textfield;
|
|
185
186
|
-moz-appearance: textfield;
|
|
186
187
|
}
|
|
188
|
+
|
|
189
|
+
.prefixContainer {
|
|
190
|
+
display: flex;
|
|
191
|
+
width: sizeFluid;
|
|
192
|
+
cursor: inherit;
|
|
193
|
+
padding-left: size2;
|
|
194
|
+
overflow-y: auto;
|
|
195
|
+
|
|
196
|
+
& .prefixText {
|
|
197
|
+
color: colorTextTertiary;
|
|
198
|
+
white-space: nowrap;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
& input {
|
|
202
|
+
padding-left: spaceNone;
|
|
203
|
+
min-width: size18;
|
|
204
|
+
}
|
|
205
|
+
}
|
package/mcp/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spaced-out/genesis-mcp-server",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "MCP server for Genesis UI Design System - provides AI assistants with access to components, hooks, and design tokens",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "index.js",
|
|
@@ -41,4 +41,3 @@
|
|
|
41
41
|
"node": ">=18.0.0"
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
|