@ttoss/ui 1.36.9 → 1.36.10
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/esm/index.js
CHANGED
|
@@ -64,8 +64,9 @@ var Badge = ({
|
|
|
64
64
|
fontFamily: "caption",
|
|
65
65
|
fontWeight: "normal",
|
|
66
66
|
lineHeight: "base",
|
|
67
|
-
fontSize: "
|
|
67
|
+
fontSize: "sm",
|
|
68
68
|
paddingX: "xs",
|
|
69
|
+
borderRadius: "informative",
|
|
69
70
|
paddingY: "2xs",
|
|
70
71
|
gap: "xs",
|
|
71
72
|
...sx
|
|
@@ -220,6 +221,7 @@ var Label = ({
|
|
|
220
221
|
fontFamily: "caption",
|
|
221
222
|
alignItems: "center",
|
|
222
223
|
fontSize: "sm",
|
|
224
|
+
lineHeight: "base",
|
|
223
225
|
...sx
|
|
224
226
|
},
|
|
225
227
|
...props,
|
|
@@ -281,7 +283,8 @@ var Select = /*#__PURE__*/React5.forwardRef(({
|
|
|
281
283
|
},
|
|
282
284
|
alignSelf: "center",
|
|
283
285
|
pointerEvents: "none",
|
|
284
|
-
lineHeight: 0
|
|
286
|
+
lineHeight: 0,
|
|
287
|
+
fontSize: "base"
|
|
285
288
|
},
|
|
286
289
|
children: /* @__PURE__ */jsx8(Icon, {
|
|
287
290
|
icon: "picker-down"
|
|
@@ -296,7 +299,8 @@ var Select = /*#__PURE__*/React5.forwardRef(({
|
|
|
296
299
|
},
|
|
297
300
|
alignSelf: "center",
|
|
298
301
|
pointerEvents: "none",
|
|
299
|
-
lineHeight: 0
|
|
302
|
+
lineHeight: 0,
|
|
303
|
+
fontSize: "base"
|
|
300
304
|
},
|
|
301
305
|
children: /* @__PURE__ */jsx8(Icon, {
|
|
302
306
|
icon: "error"
|
|
@@ -435,8 +439,9 @@ var HelpText = ({
|
|
|
435
439
|
return /* @__PURE__ */jsx12(Text, {
|
|
436
440
|
variant,
|
|
437
441
|
sx: {
|
|
438
|
-
fontSize: "
|
|
442
|
+
fontSize: "sm",
|
|
439
443
|
fontFamily: "caption",
|
|
444
|
+
lineHeight: "base",
|
|
440
445
|
...sx
|
|
441
446
|
},
|
|
442
447
|
"aria-disabled": disabled ? "true" : void 0,
|
package/dist/index.js
CHANGED
|
@@ -140,8 +140,9 @@ var Badge = ({
|
|
|
140
140
|
fontFamily: "caption",
|
|
141
141
|
fontWeight: "normal",
|
|
142
142
|
lineHeight: "base",
|
|
143
|
-
fontSize: "
|
|
143
|
+
fontSize: "sm",
|
|
144
144
|
paddingX: "xs",
|
|
145
|
+
borderRadius: "informative",
|
|
145
146
|
paddingY: "2xs",
|
|
146
147
|
gap: "xs",
|
|
147
148
|
...sx
|
|
@@ -296,6 +297,7 @@ var Label = ({
|
|
|
296
297
|
fontFamily: "caption",
|
|
297
298
|
alignItems: "center",
|
|
298
299
|
fontSize: "sm",
|
|
300
|
+
lineHeight: "base",
|
|
299
301
|
...sx
|
|
300
302
|
},
|
|
301
303
|
...props,
|
|
@@ -357,7 +359,8 @@ var Select = React5.forwardRef(({
|
|
|
357
359
|
},
|
|
358
360
|
alignSelf: "center",
|
|
359
361
|
pointerEvents: "none",
|
|
360
|
-
lineHeight: 0
|
|
362
|
+
lineHeight: 0,
|
|
363
|
+
fontSize: "base"
|
|
361
364
|
},
|
|
362
365
|
children: /* @__PURE__ */(0, import_jsx_runtime8.jsx)(Icon, {
|
|
363
366
|
icon: "picker-down"
|
|
@@ -372,7 +375,8 @@ var Select = React5.forwardRef(({
|
|
|
372
375
|
},
|
|
373
376
|
alignSelf: "center",
|
|
374
377
|
pointerEvents: "none",
|
|
375
|
-
lineHeight: 0
|
|
378
|
+
lineHeight: 0,
|
|
379
|
+
fontSize: "base"
|
|
376
380
|
},
|
|
377
381
|
children: /* @__PURE__ */(0, import_jsx_runtime8.jsx)(Icon, {
|
|
378
382
|
icon: "error"
|
|
@@ -511,8 +515,9 @@ var HelpText = ({
|
|
|
511
515
|
return /* @__PURE__ */(0, import_jsx_runtime12.jsx)(import_theme_ui16.Text, {
|
|
512
516
|
variant,
|
|
513
517
|
sx: {
|
|
514
|
-
fontSize: "
|
|
518
|
+
fontSize: "sm",
|
|
515
519
|
fontFamily: "caption",
|
|
520
|
+
lineHeight: "base",
|
|
516
521
|
...sx
|
|
517
522
|
},
|
|
518
523
|
"aria-disabled": disabled ? "true" : void 0,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/ui",
|
|
3
|
-
"version": "1.36.
|
|
3
|
+
"version": "1.36.10",
|
|
4
4
|
"description": "Primitive layout, typographic, and other components for styling applications.",
|
|
5
5
|
"author": "ttoss",
|
|
6
6
|
"contributors": [
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"@iconify-icon/react": "^1.0.7",
|
|
20
20
|
"@theme-ui/match-media": "^0.15.7",
|
|
21
21
|
"theme-ui": "^0.15.7",
|
|
22
|
-
"@ttoss/theme": "^1.4.
|
|
22
|
+
"@ttoss/theme": "^1.4.37"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": ">=16.8.0"
|
package/src/components/Badge.tsx
CHANGED
|
@@ -15,8 +15,9 @@ export const Badge = ({ icon, children, sx, ...props }: BadgeProps) => {
|
|
|
15
15
|
fontFamily: 'caption',
|
|
16
16
|
fontWeight: 'normal',
|
|
17
17
|
lineHeight: 'base',
|
|
18
|
-
fontSize: '
|
|
18
|
+
fontSize: 'sm',
|
|
19
19
|
paddingX: 'xs',
|
|
20
|
+
borderRadius: 'informative',
|
|
20
21
|
paddingY: '2xs',
|
|
21
22
|
gap: 'xs',
|
|
22
23
|
...sx,
|
package/src/components/Label.tsx
CHANGED
|
@@ -20,6 +20,7 @@ export const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
|
|
|
20
20
|
alignSelf: 'center',
|
|
21
21
|
pointerEvents: 'none',
|
|
22
22
|
lineHeight: 0,
|
|
23
|
+
fontSize: 'base',
|
|
23
24
|
}}
|
|
24
25
|
>
|
|
25
26
|
<Icon icon="picker-down" />
|
|
@@ -38,6 +39,7 @@ export const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
|
|
|
38
39
|
alignSelf: 'center',
|
|
39
40
|
pointerEvents: 'none',
|
|
40
41
|
lineHeight: 0,
|
|
42
|
+
fontSize: 'base',
|
|
41
43
|
}}
|
|
42
44
|
>
|
|
43
45
|
<Icon icon="error" />
|