@atlaskit/textfield 8.2.1 → 8.2.3
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 +12 -0
- package/dist/cjs/text-field.compiled.css +4 -4
- package/dist/cjs/text-field.js +2 -2
- package/dist/es2019/text-field.compiled.css +4 -4
- package/dist/es2019/text-field.js +2 -2
- package/dist/esm/text-field.compiled.css +4 -4
- package/dist/esm/text-field.js +2 -2
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._19itidpf{border:0}
|
|
4
4
|
._1tnq1qi0._1tnq1qi0{border-radius:var(--ds-radius-medium,6px)}
|
|
5
5
|
._1tnqfajl._1tnqfajl{border-radius:var(--ds-radius-small,3px)}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
|
|
51
51
|
._bozgidpf{padding-inline-start:0}
|
|
52
52
|
._daj712x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}
|
|
53
|
-
.
|
|
53
|
+
._ect4zzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
|
|
54
54
|
._i0dl1osq{flex-basis:100%}
|
|
55
55
|
._lcxv1wug{pointer-events:auto}
|
|
56
56
|
._olc612x7:not([data-compact]){padding-block-start:var(--ds-space-075,6px)}
|
|
@@ -73,4 +73,4 @@
|
|
|
73
73
|
._irr31j28:hover{background-color:transparent}
|
|
74
74
|
._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
|
|
75
75
|
@media screen and (-ms-high-contrast:active){._1fnx18qt{color:GrayText}._6up518qt{border-color:GrayText}._msj6gir2:has(input:focus){border-color:Highlight}}
|
|
76
|
-
@media (min-width:30rem){.
|
|
76
|
+
@media (min-width:30rem){._14mdzzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}._1srd1b66[data-compact]{padding-block-end:var(--ds-space-050,4px)}._oi9h1b66[data-compact]{padding-block-start:var(--ds-space-050,4px)}._1e3012x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}._1txv12x7[data-compact]{padding-inline-start:var(--ds-space-075,6px)}._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}._l9oiu2gc:not([data-compact]){padding-block-end:var(--ds-space-100,8px)}._549yu2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}._1h5w12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}._124212x7:not([data-compact]){padding-inline-start:var(--ds-space-075,6px)}}
|
package/dist/cjs/text-field.js
CHANGED
|
@@ -163,7 +163,7 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
163
163
|
maxWidth: "".concat(getMaxWidth(width))
|
|
164
164
|
},
|
|
165
165
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
166
|
-
className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1osq
|
|
166
|
+
className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1osq _11c8fhey _1reo15vq _18m915vq _v564r5cv _189ee4h9 _1e0c1txw _vchhusvi _4cvr1h6o _1bah1yb4 _lcxv1wug _s7n4jp4b _slp31hna _1tnqfajl", (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && "_1tnq1qi0", getContainerTextBgAndBorderColor[appearance], containerStyleAppearance[appearance], !isDisabled && focusWithinStyle[appearance], !isDisabled && hoverStyle[appearance], isDisabled && containerMedia.disabled, isDisabled && disabledStyle[appearance], isInvalid && containerMedia.invalid, isInvalid && "_1h6d1bqt _4cvx1bqt _16qsizbr _1dbzizbr _uk1sr01l", className])
|
|
167
167
|
}, elemBeforeInput, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, spreadProps, {
|
|
168
168
|
"aria-invalid": isInvalid ? isInvalid : undefined
|
|
169
169
|
// TODO: When removing legacy theming fix this.
|
|
@@ -182,7 +182,7 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
182
182
|
readOnly: isReadOnly,
|
|
183
183
|
ref: setInputRef,
|
|
184
184
|
required: isRequired,
|
|
185
|
-
className: (0, _runtime.ax)(["_19itidpf
|
|
185
|
+
className: (0, _runtime.ax)(["_19itidpf _11c81d4k _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _1bsb1osq _1ul9idpf _bfhk1j28 _syaz1kw7 _80om1kw7 _14ji12x7 _olc612x7 _1kod12x7 _7ba012x7 _1goxglyw _13xeglyw _1n7e1l2s _1idr1rpy _1tn2fhey _l9oiu2gc _549yu2gc _1h5w12x7 _124212x7", isMonospaced && "_ect4zzfg _14mdzzfg", isCompact && "_11zpv77o _1l02v77o _daj712x7 _141f12x7 _1srd1b66 _oi9h1b66 _1e3012x7 _1txv12x7", isDisabled && "_syaz1gmx _1idr1gmx", isDisabled && "_1fnx18qt"])
|
|
186
186
|
})), elemAfterInput);
|
|
187
187
|
});
|
|
188
188
|
var _default = exports.default = Textfield;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._19itidpf{border:0}
|
|
4
4
|
._1tnq1qi0._1tnq1qi0{border-radius:var(--ds-radius-medium,6px)}
|
|
5
5
|
._1tnqfajl._1tnqfajl{border-radius:var(--ds-radius-small,3px)}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
|
|
51
51
|
._bozgidpf{padding-inline-start:0}
|
|
52
52
|
._daj712x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}
|
|
53
|
-
.
|
|
53
|
+
._ect4zzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
|
|
54
54
|
._i0dl1osq{flex-basis:100%}
|
|
55
55
|
._lcxv1wug{pointer-events:auto}
|
|
56
56
|
._olc612x7:not([data-compact]){padding-block-start:var(--ds-space-075,6px)}
|
|
@@ -73,4 +73,4 @@
|
|
|
73
73
|
._irr31j28:hover{background-color:transparent}
|
|
74
74
|
._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
|
|
75
75
|
@media screen and (-ms-high-contrast:active){._1fnx18qt{color:GrayText}._6up518qt{border-color:GrayText}._msj6gir2:has(input:focus){border-color:Highlight}}
|
|
76
|
-
@media (min-width:30rem){.
|
|
76
|
+
@media (min-width:30rem){._14mdzzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}._1srd1b66[data-compact]{padding-block-end:var(--ds-space-050,4px)}._oi9h1b66[data-compact]{padding-block-start:var(--ds-space-050,4px)}._1e3012x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}._1txv12x7[data-compact]{padding-inline-start:var(--ds-space-075,6px)}._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}._l9oiu2gc:not([data-compact]){padding-block-end:var(--ds-space-100,8px)}._549yu2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}._1h5w12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}._124212x7:not([data-compact]){padding-inline-start:var(--ds-space-075,6px)}}
|
|
@@ -143,7 +143,7 @@ const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
143
143
|
maxWidth: `${getMaxWidth(width)}`
|
|
144
144
|
},
|
|
145
145
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
146
|
-
className: ax(["_16jlkb7n _1o9zkb7n _i0dl1osq
|
|
146
|
+
className: ax(["_16jlkb7n _1o9zkb7n _i0dl1osq _11c8fhey _1reo15vq _18m915vq _v564r5cv _189ee4h9 _1e0c1txw _vchhusvi _4cvr1h6o _1bah1yb4 _lcxv1wug _s7n4jp4b _slp31hna _1tnqfajl", fg('platform-dst-shape-theme-default') && "_1tnq1qi0", getContainerTextBgAndBorderColor[appearance], containerStyleAppearance[appearance], !isDisabled && focusWithinStyle[appearance], !isDisabled && hoverStyle[appearance], isDisabled && containerMedia.disabled, isDisabled && disabledStyle[appearance], isInvalid && containerMedia.invalid, isInvalid && "_1h6d1bqt _4cvx1bqt _16qsizbr _1dbzizbr _uk1sr01l", className])
|
|
147
147
|
}, elemBeforeInput, /*#__PURE__*/React.createElement("input", _extends({}, spreadProps, {
|
|
148
148
|
"aria-invalid": isInvalid ? isInvalid : undefined
|
|
149
149
|
// TODO: When removing legacy theming fix this.
|
|
@@ -162,7 +162,7 @@ const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
162
162
|
readOnly: isReadOnly,
|
|
163
163
|
ref: setInputRef,
|
|
164
164
|
required: isRequired,
|
|
165
|
-
className: ax(["_19itidpf
|
|
165
|
+
className: ax(["_19itidpf _11c81d4k _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _1bsb1osq _1ul9idpf _bfhk1j28 _syaz1kw7 _80om1kw7 _14ji12x7 _olc612x7 _1kod12x7 _7ba012x7 _1goxglyw _13xeglyw _1n7e1l2s _1idr1rpy _1tn2fhey _l9oiu2gc _549yu2gc _1h5w12x7 _124212x7", isMonospaced && "_ect4zzfg _14mdzzfg", isCompact && "_11zpv77o _1l02v77o _daj712x7 _141f12x7 _1srd1b66 _oi9h1b66 _1e3012x7 _1txv12x7", isDisabled && "_syaz1gmx _1idr1gmx", isDisabled && "_1fnx18qt"])
|
|
166
166
|
})), elemAfterInput);
|
|
167
167
|
});
|
|
168
168
|
export default Textfield;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._19itidpf{border:0}
|
|
4
4
|
._1tnq1qi0._1tnq1qi0{border-radius:var(--ds-radius-medium,6px)}
|
|
5
5
|
._1tnqfajl._1tnqfajl{border-radius:var(--ds-radius-small,3px)}
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
|
|
51
51
|
._bozgidpf{padding-inline-start:0}
|
|
52
52
|
._daj712x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}
|
|
53
|
-
.
|
|
53
|
+
._ect4zzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
|
|
54
54
|
._i0dl1osq{flex-basis:100%}
|
|
55
55
|
._lcxv1wug{pointer-events:auto}
|
|
56
56
|
._olc612x7:not([data-compact]){padding-block-start:var(--ds-space-075,6px)}
|
|
@@ -73,4 +73,4 @@
|
|
|
73
73
|
._irr31j28:hover{background-color:transparent}
|
|
74
74
|
._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
|
|
75
75
|
@media screen and (-ms-high-contrast:active){._1fnx18qt{color:GrayText}._6up518qt{border-color:GrayText}._msj6gir2:has(input:focus){border-color:Highlight}}
|
|
76
|
-
@media (min-width:30rem){.
|
|
76
|
+
@media (min-width:30rem){._14mdzzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}._1srd1b66[data-compact]{padding-block-end:var(--ds-space-050,4px)}._oi9h1b66[data-compact]{padding-block-start:var(--ds-space-050,4px)}._1e3012x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}._1txv12x7[data-compact]{padding-inline-start:var(--ds-space-075,6px)}._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}._l9oiu2gc:not([data-compact]){padding-block-end:var(--ds-space-100,8px)}._549yu2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}._1h5w12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}._124212x7:not([data-compact]){padding-inline-start:var(--ds-space-075,6px)}}
|
package/dist/esm/text-field.js
CHANGED
|
@@ -154,7 +154,7 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
154
154
|
maxWidth: "".concat(getMaxWidth(width))
|
|
155
155
|
},
|
|
156
156
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
157
|
-
className: ax(["_16jlkb7n _1o9zkb7n _i0dl1osq
|
|
157
|
+
className: ax(["_16jlkb7n _1o9zkb7n _i0dl1osq _11c8fhey _1reo15vq _18m915vq _v564r5cv _189ee4h9 _1e0c1txw _vchhusvi _4cvr1h6o _1bah1yb4 _lcxv1wug _s7n4jp4b _slp31hna _1tnqfajl", fg('platform-dst-shape-theme-default') && "_1tnq1qi0", getContainerTextBgAndBorderColor[appearance], containerStyleAppearance[appearance], !isDisabled && focusWithinStyle[appearance], !isDisabled && hoverStyle[appearance], isDisabled && containerMedia.disabled, isDisabled && disabledStyle[appearance], isInvalid && containerMedia.invalid, isInvalid && "_1h6d1bqt _4cvx1bqt _16qsizbr _1dbzizbr _uk1sr01l", className])
|
|
158
158
|
}, elemBeforeInput, /*#__PURE__*/React.createElement("input", _extends({}, spreadProps, {
|
|
159
159
|
"aria-invalid": isInvalid ? isInvalid : undefined
|
|
160
160
|
// TODO: When removing legacy theming fix this.
|
|
@@ -173,7 +173,7 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
173
173
|
readOnly: isReadOnly,
|
|
174
174
|
ref: setInputRef,
|
|
175
175
|
required: isRequired,
|
|
176
|
-
className: ax(["_19itidpf
|
|
176
|
+
className: ax(["_19itidpf _11c81d4k _12ji1r31 _1qu2glyw _12y31o36 _vchhusvi _1bsb1osq _1ul9idpf _bfhk1j28 _syaz1kw7 _80om1kw7 _14ji12x7 _olc612x7 _1kod12x7 _7ba012x7 _1goxglyw _13xeglyw _1n7e1l2s _1idr1rpy _1tn2fhey _l9oiu2gc _549yu2gc _1h5w12x7 _124212x7", isMonospaced && "_ect4zzfg _14mdzzfg", isCompact && "_11zpv77o _1l02v77o _daj712x7 _141f12x7 _1srd1b66 _oi9h1b66 _1e3012x7 _1txv12x7", isDisabled && "_syaz1gmx _1idr1gmx", isDisabled && "_1fnx18qt"])
|
|
177
177
|
})), elemAfterInput);
|
|
178
178
|
});
|
|
179
179
|
export default Textfield;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/textfield",
|
|
3
|
-
"version": "8.2.
|
|
3
|
+
"version": "8.2.3",
|
|
4
4
|
"description": "A text field is an input that allows a user to write or edit text.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
28
28
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
29
|
-
"@atlaskit/tokens": "^
|
|
29
|
+
"@atlaskit/tokens": "^11.0.0",
|
|
30
30
|
"@babel/runtime": "^7.0.0",
|
|
31
31
|
"@compiled/react": "^0.18.6"
|
|
32
32
|
},
|
|
@@ -37,17 +37,17 @@
|
|
|
37
37
|
"@af/accessibility-testing": "workspace:^",
|
|
38
38
|
"@af/integration-testing": "workspace:^",
|
|
39
39
|
"@af/visual-regression": "workspace:^",
|
|
40
|
-
"@atlaskit/avatar": "^25.
|
|
40
|
+
"@atlaskit/avatar": "^25.7.0",
|
|
41
41
|
"@atlaskit/button": "^23.9.0",
|
|
42
|
-
"@atlaskit/docs": "^11.
|
|
42
|
+
"@atlaskit/docs": "^11.3.0",
|
|
43
43
|
"@atlaskit/ds-lib": "^5.3.0",
|
|
44
|
-
"@atlaskit/form": "^15.
|
|
45
|
-
"@atlaskit/icon": "^
|
|
46
|
-
"@atlaskit/link": "^3.
|
|
47
|
-
"@atlaskit/primitives": "^
|
|
48
|
-
"@atlaskit/section-message": "^8.
|
|
44
|
+
"@atlaskit/form": "^15.3.0",
|
|
45
|
+
"@atlaskit/icon": "^30.0.0",
|
|
46
|
+
"@atlaskit/link": "^3.3.0",
|
|
47
|
+
"@atlaskit/primitives": "^18.0.0",
|
|
48
|
+
"@atlaskit/section-message": "^8.12.0",
|
|
49
49
|
"@atlassian/ssr-tests": "workspace:^",
|
|
50
|
-
"@testing-library/react": "^
|
|
50
|
+
"@testing-library/react": "^16.3.0",
|
|
51
51
|
"@testing-library/user-event": "^14.4.3",
|
|
52
52
|
"react-dom": "^18.2.0"
|
|
53
53
|
},
|