@pingux/astro 1.2.0-alpha.10 → 1.2.0-alpha.11
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.
@@ -10,7 +10,7 @@ _Object$defineProperty(exports, "__esModule", {
|
|
10
10
|
value: true
|
11
11
|
});
|
12
12
|
|
13
|
-
exports.MaxLength = exports.WithoutStatusIndicator = exports.
|
13
|
+
exports.MaxLength = exports.WithoutStatusIndicator = exports.Error = exports.Unresizable = exports.Rows = exports.Required = exports.ReadOnly = exports.Disabled = exports.Controlled = exports.FloatLabel = exports.Default = exports["default"] = void 0;
|
14
14
|
|
15
15
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
16
16
|
|
@@ -20,8 +20,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
20
20
|
|
21
21
|
var _ = _interopRequireDefault(require("."));
|
22
22
|
|
23
|
-
var _Box = _interopRequireDefault(require("../Box"));
|
24
|
-
|
25
23
|
var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
|
26
24
|
|
27
25
|
var _constants = require("../Label/constants");
|
@@ -101,37 +99,6 @@ var FloatLabel = function FloatLabel() {
|
|
101
99
|
|
102
100
|
exports.FloatLabel = FloatLabel;
|
103
101
|
|
104
|
-
var LeftLabel = function LeftLabel() {
|
105
|
-
return (0, _react2.jsx)(_Box["default"], {
|
106
|
-
gap: "xl",
|
107
|
-
width: "fit-content"
|
108
|
-
}, (0, _react2.jsx)(_["default"], {
|
109
|
-
label: "Example label",
|
110
|
-
labelMode: "left"
|
111
|
-
}), (0, _react2.jsx)(_["default"], {
|
112
|
-
label: "Example label that is much longer than the previous one",
|
113
|
-
labelMode: "left",
|
114
|
-
status: "error"
|
115
|
-
}), (0, _react2.jsx)(_["default"], {
|
116
|
-
label: "Example label with set width",
|
117
|
-
labelMode: "left",
|
118
|
-
containerProps: {
|
119
|
-
sx: {
|
120
|
-
gridTemplateColumns: '120px auto'
|
121
|
-
}
|
122
|
-
}
|
123
|
-
}));
|
124
|
-
};
|
125
|
-
|
126
|
-
exports.LeftLabel = LeftLabel;
|
127
|
-
LeftLabel.parameters = {
|
128
|
-
docs: {
|
129
|
-
description: {
|
130
|
-
story: 'Users are able to override the default 40% column width when using left label by providing a new gridTemplatesColumn value, as shown in the example below.'
|
131
|
-
}
|
132
|
-
}
|
133
|
-
};
|
134
|
-
|
135
102
|
var Controlled = function Controlled() {
|
136
103
|
var _useState = (0, _react.useState)(),
|
137
104
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
@@ -206,26 +173,6 @@ var Error = function Error() {
|
|
206
173
|
|
207
174
|
exports.Error = Error;
|
208
175
|
|
209
|
-
var Success = function Success() {
|
210
|
-
return (0, _react2.jsx)(_["default"], {
|
211
|
-
helperText: "Here is some helpful text...",
|
212
|
-
label: "Example Label",
|
213
|
-
status: "success"
|
214
|
-
});
|
215
|
-
};
|
216
|
-
|
217
|
-
exports.Success = Success;
|
218
|
-
|
219
|
-
var Warning = function Warning() {
|
220
|
-
return (0, _react2.jsx)(_["default"], {
|
221
|
-
helperText: "Here is some helpful text...",
|
222
|
-
label: "Example Label",
|
223
|
-
status: "warning"
|
224
|
-
});
|
225
|
-
};
|
226
|
-
|
227
|
-
exports.Warning = Warning;
|
228
|
-
|
229
176
|
var WithoutStatusIndicator = function WithoutStatusIndicator() {
|
230
177
|
return (0, _react2.jsx)(_["default"], {
|
231
178
|
label: "Example Label",
|
@@ -2,7 +2,6 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
|
|
2
2
|
import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
|
3
3
|
import React, { useState } from 'react';
|
4
4
|
import TextAreaField from '.';
|
5
|
-
import Box from '../Box';
|
6
5
|
import statuses from '../../utils/devUtils/constants/statuses';
|
7
6
|
import { modes as labelModes } from '../Label/constants';
|
8
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
@@ -71,34 +70,6 @@ export var FloatLabel = function FloatLabel() {
|
|
71
70
|
labelMode: "float"
|
72
71
|
});
|
73
72
|
};
|
74
|
-
export var LeftLabel = function LeftLabel() {
|
75
|
-
return ___EmotionJSX(Box, {
|
76
|
-
gap: "xl",
|
77
|
-
width: "fit-content"
|
78
|
-
}, ___EmotionJSX(TextAreaField, {
|
79
|
-
label: "Example label",
|
80
|
-
labelMode: "left"
|
81
|
-
}), ___EmotionJSX(TextAreaField, {
|
82
|
-
label: "Example label that is much longer than the previous one",
|
83
|
-
labelMode: "left",
|
84
|
-
status: "error"
|
85
|
-
}), ___EmotionJSX(TextAreaField, {
|
86
|
-
label: "Example label with set width",
|
87
|
-
labelMode: "left",
|
88
|
-
containerProps: {
|
89
|
-
sx: {
|
90
|
-
gridTemplateColumns: '120px auto'
|
91
|
-
}
|
92
|
-
}
|
93
|
-
}));
|
94
|
-
};
|
95
|
-
LeftLabel.parameters = {
|
96
|
-
docs: {
|
97
|
-
description: {
|
98
|
-
story: 'Users are able to override the default 40% column width when using left label by providing a new gridTemplatesColumn value, as shown in the example below.'
|
99
|
-
}
|
100
|
-
}
|
101
|
-
};
|
102
73
|
export var Controlled = function Controlled() {
|
103
74
|
var _useState = useState(),
|
104
75
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -152,20 +123,6 @@ export var Error = function Error() {
|
|
152
123
|
status: "error"
|
153
124
|
});
|
154
125
|
};
|
155
|
-
export var Success = function Success() {
|
156
|
-
return ___EmotionJSX(TextAreaField, {
|
157
|
-
helperText: "Here is some helpful text...",
|
158
|
-
label: "Example Label",
|
159
|
-
status: "success"
|
160
|
-
});
|
161
|
-
};
|
162
|
-
export var Warning = function Warning() {
|
163
|
-
return ___EmotionJSX(TextAreaField, {
|
164
|
-
helperText: "Here is some helpful text...",
|
165
|
-
label: "Example Label",
|
166
|
-
status: "warning"
|
167
|
-
});
|
168
|
-
};
|
169
126
|
export var WithoutStatusIndicator = function WithoutStatusIndicator() {
|
170
127
|
return ___EmotionJSX(TextAreaField, {
|
171
128
|
label: "Example Label",
|