@undefine-ui/design-system 2.8.0 → 2.10.0
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/index.cjs +24 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +24 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4333,7 +4333,7 @@ var MuiTextField = {
|
|
|
4333
4333
|
*************************************** */
|
|
4334
4334
|
defaultProps: {
|
|
4335
4335
|
variant: "filled",
|
|
4336
|
-
slotProps: { inputLabel: { shrink:
|
|
4336
|
+
slotProps: { inputLabel: { shrink: true } }
|
|
4337
4337
|
},
|
|
4338
4338
|
/** **************************************
|
|
4339
4339
|
* STYLE
|
|
@@ -4342,7 +4342,7 @@ var MuiTextField = {
|
|
|
4342
4342
|
root: ({ theme }) => ({
|
|
4343
4343
|
// Label styling
|
|
4344
4344
|
[`& .${inputLabelClasses2.root}`]: {
|
|
4345
|
-
transform: "none",
|
|
4345
|
+
transform: "none !important",
|
|
4346
4346
|
width: "fit-content",
|
|
4347
4347
|
maxWidth: "100%",
|
|
4348
4348
|
lineHeight: 1.153,
|
|
@@ -4350,7 +4350,7 @@ var MuiTextField = {
|
|
|
4350
4350
|
fontSize: theme.typography.h8.fontSize,
|
|
4351
4351
|
fontWeight: theme.typography.fontWeightMedium,
|
|
4352
4352
|
marginBottom: theme.spacing(1),
|
|
4353
|
-
color: theme.vars.palette.icon.black
|
|
4353
|
+
color: `${theme.vars.palette.icon.black} !important`,
|
|
4354
4354
|
// Focused state
|
|
4355
4355
|
"&:not(.Mui-error).MuiFormLabel-colorPrimary.Mui-focused": {
|
|
4356
4356
|
color: theme.vars.palette.icon.black
|
|
@@ -4385,7 +4385,10 @@ var MuiTextField = {
|
|
|
4385
4385
|
[`&.${inputBaseClasses.focused}`]: {
|
|
4386
4386
|
backgroundColor: theme.vars.palette.common.white,
|
|
4387
4387
|
border: `1px solid ${theme.vars.palette.border.default}`,
|
|
4388
|
-
boxShadow: `0px 0px 0px 1.6px #FFFFFF, 0 0 0 3px ${varAlpha(
|
|
4388
|
+
boxShadow: `0px 0px 0px 1.6px #FFFFFF, 0 0 0 3px ${varAlpha(
|
|
4389
|
+
theme.vars.palette.primary["300Channel"],
|
|
4390
|
+
1
|
|
4391
|
+
)}`
|
|
4389
4392
|
},
|
|
4390
4393
|
// Error state
|
|
4391
4394
|
[`&.${inputBaseClasses.error}`]: {
|
|
@@ -4398,7 +4401,10 @@ var MuiTextField = {
|
|
|
4398
4401
|
[`&.${inputBaseClasses.focused}`]: {
|
|
4399
4402
|
backgroundColor: theme.vars.palette.common.white,
|
|
4400
4403
|
border: `1px solid ${theme.vars.palette.border.default}`,
|
|
4401
|
-
boxShadow: `0px 0px 0px 1.6px #FFFFFF, 0 0 0 3px ${varAlpha(
|
|
4404
|
+
boxShadow: `0px 0px 0px 1.6px #FFFFFF, 0 0 0 3px ${varAlpha(
|
|
4405
|
+
theme.vars.palette.error["300Channel"],
|
|
4406
|
+
1
|
|
4407
|
+
)}`
|
|
4402
4408
|
}
|
|
4403
4409
|
},
|
|
4404
4410
|
// Disabled state
|
|
@@ -4419,12 +4425,25 @@ var MuiTextField = {
|
|
|
4419
4425
|
height: 20,
|
|
4420
4426
|
color: theme.vars.palette.icon.black
|
|
4421
4427
|
},
|
|
4428
|
+
[`& .${inputBaseClasses.input}`]: {
|
|
4429
|
+
paddingLeft: 0
|
|
4430
|
+
},
|
|
4422
4431
|
[`& .${inputAdornmentClasses.sizeSmall}`]: {
|
|
4423
4432
|
svg: { width: 16, height: 16 }
|
|
4424
4433
|
},
|
|
4425
4434
|
[`& .MuiInputAdornment-sizeLarge`]: {
|
|
4426
4435
|
svg: { width: 24, height: 24 }
|
|
4427
4436
|
}
|
|
4437
|
+
},
|
|
4438
|
+
[`&.${inputBaseClasses.adornedStart}`]: {
|
|
4439
|
+
[`& .${inputBaseClasses.input}`]: {
|
|
4440
|
+
paddingLeft: 0
|
|
4441
|
+
}
|
|
4442
|
+
},
|
|
4443
|
+
[`&.${inputBaseClasses.adornedEnd}`]: {
|
|
4444
|
+
[`& .${inputBaseClasses.input}`]: {
|
|
4445
|
+
paddingRight: 0
|
|
4446
|
+
}
|
|
4428
4447
|
}
|
|
4429
4448
|
},
|
|
4430
4449
|
// Input text styling
|