prime-ui-kit 0.7.9 → 0.7.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.
- package/dist/components/index.css +15 -13
- package/dist/components/index.css.map +2 -2
- package/dist/components/index.js.map +2 -2
- package/dist/components/textarea/examples/features.d.ts.map +1 -1
- package/dist/index.css +15 -13
- package/dist/index.css.map +2 -2
- package/dist/index.js.map +2 -2
- package/package.json +1 -1
- package/src/components/textarea/COMPONENT.md +1 -0
- package/src/components/textarea/examples/features.tsx +4 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"features.d.ts","sourceRoot":"","sources":["../../../../../src/components/textarea/examples/features.tsx"],"names":[],"mappings":"AAQA,kGAAkG;AAClG,MAAM,CAAC,OAAO,UAAU,uBAAuB,
|
|
1
|
+
{"version":3,"file":"features.d.ts","sourceRoot":"","sources":["../../../../../src/components/textarea/examples/features.tsx"],"names":[],"mappings":"AAQA,kGAAkG;AAClG,MAAM,CAAC,OAAO,UAAU,uBAAuB,4CAiD9C"}
|
package/dist/index.css
CHANGED
|
@@ -10411,6 +10411,7 @@ textarea::-moz-focus-inner {
|
|
|
10411
10411
|
--prime-textarea-body-size: var(--prime-sys-size-control-m-text);
|
|
10412
10412
|
--prime-textarea-line-height: var(--prime-sys-typography-body-lineHeight);
|
|
10413
10413
|
--prime-textarea-min-height: var(--prime-sys-size-textarea-m-minHeight);
|
|
10414
|
+
--prime-textarea-inner-min-height: calc( var(--prime-sys-size-textarea-m-minHeight) - 2 * var(--prime-sys-size-textarea-m-paddingX) );
|
|
10414
10415
|
--prime-textarea-stack-gap: var(--prime-sys-size-control-m-gap);
|
|
10415
10416
|
box-sizing: border-box;
|
|
10416
10417
|
width: 100%;
|
|
@@ -10421,16 +10422,19 @@ textarea::-moz-focus-inner {
|
|
|
10421
10422
|
.Textarea_field[data-size=s] {
|
|
10422
10423
|
--prime-textarea-body-size: var(--prime-sys-size-control-s-text);
|
|
10423
10424
|
--prime-textarea-min-height: var(--prime-sys-size-textarea-s-minHeight);
|
|
10425
|
+
--prime-textarea-inner-min-height: calc( var(--prime-sys-size-textarea-s-minHeight) - 2 * var(--prime-sys-size-textarea-s-paddingX) );
|
|
10424
10426
|
--prime-textarea-stack-gap: var(--prime-sys-size-control-s-gap);
|
|
10425
10427
|
}
|
|
10426
10428
|
.Textarea_field[data-size=l] {
|
|
10427
10429
|
--prime-textarea-body-size: var(--prime-sys-size-control-l-text);
|
|
10428
10430
|
--prime-textarea-min-height: var(--prime-sys-size-textarea-l-minHeight);
|
|
10431
|
+
--prime-textarea-inner-min-height: calc( var(--prime-sys-size-textarea-l-minHeight) - 2 * var(--prime-sys-size-textarea-l-paddingX) );
|
|
10429
10432
|
--prime-textarea-stack-gap: var(--prime-sys-size-control-l-gap);
|
|
10430
10433
|
}
|
|
10431
10434
|
.Textarea_field[data-size=xl] {
|
|
10432
10435
|
--prime-textarea-body-size: var(--prime-sys-size-control-xl-text);
|
|
10433
10436
|
--prime-textarea-min-height: var(--prime-sys-size-textarea-xl-minHeight);
|
|
10437
|
+
--prime-textarea-inner-min-height: calc( var(--prime-sys-size-textarea-xl-minHeight) - 2 * var(--prime-sys-size-textarea-xl-paddingX) );
|
|
10434
10438
|
--prime-textarea-stack-gap: var(--prime-sys-size-control-xl-gap);
|
|
10435
10439
|
}
|
|
10436
10440
|
.Textarea_control {
|
|
@@ -10451,22 +10455,18 @@ textarea::-moz-focus-inner {
|
|
|
10451
10455
|
background-color var(--prime-sys-motion-medium) var(--prime-sys-motion-standard);
|
|
10452
10456
|
}
|
|
10453
10457
|
.Textarea_control[data-size=s] {
|
|
10454
|
-
min-height: var(--prime-sys-size-textarea-s-minHeight);
|
|
10455
10458
|
border-radius: var(--prime-sys-size-textarea-s-radius);
|
|
10456
10459
|
padding: var(--prime-sys-size-textarea-s-paddingX);
|
|
10457
10460
|
}
|
|
10458
10461
|
.Textarea_control[data-size=m] {
|
|
10459
|
-
min-height: var(--prime-sys-size-textarea-m-minHeight);
|
|
10460
10462
|
border-radius: var(--prime-sys-size-textarea-m-radius);
|
|
10461
10463
|
padding: var(--prime-sys-size-textarea-m-paddingX);
|
|
10462
10464
|
}
|
|
10463
10465
|
.Textarea_control[data-size=l] {
|
|
10464
|
-
min-height: var(--prime-sys-size-textarea-l-minHeight);
|
|
10465
10466
|
border-radius: var(--prime-sys-size-textarea-l-radius);
|
|
10466
10467
|
padding: var(--prime-sys-size-textarea-l-paddingX);
|
|
10467
10468
|
}
|
|
10468
10469
|
.Textarea_control[data-size=xl] {
|
|
10469
|
-
min-height: var(--prime-sys-size-textarea-xl-minHeight);
|
|
10470
10470
|
border-radius: var(--prime-sys-size-textarea-xl-radius);
|
|
10471
10471
|
padding: var(--prime-sys-size-textarea-xl-paddingX);
|
|
10472
10472
|
}
|
|
@@ -10491,15 +10491,13 @@ textarea::-moz-focus-inner {
|
|
|
10491
10491
|
box-shadow: none;
|
|
10492
10492
|
}
|
|
10493
10493
|
.Textarea_controlStack {
|
|
10494
|
-
flex:
|
|
10495
|
-
min-height: 0;
|
|
10494
|
+
flex: 0 0 auto;
|
|
10496
10495
|
min-width: 0;
|
|
10497
10496
|
display: flex;
|
|
10498
10497
|
flex-direction: column;
|
|
10499
10498
|
}
|
|
10500
10499
|
.Textarea_textareaRegion {
|
|
10501
|
-
flex:
|
|
10502
|
-
min-height: 0;
|
|
10500
|
+
flex: 0 0 auto;
|
|
10503
10501
|
min-width: 0;
|
|
10504
10502
|
display: flex;
|
|
10505
10503
|
flex-direction: column;
|
|
@@ -10514,8 +10512,7 @@ textarea::-moz-focus-inner {
|
|
|
10514
10512
|
}
|
|
10515
10513
|
.Textarea_autoResize {
|
|
10516
10514
|
display: grid;
|
|
10517
|
-
flex:
|
|
10518
|
-
min-height: 0;
|
|
10515
|
+
flex: 0 0 auto;
|
|
10519
10516
|
min-width: 0;
|
|
10520
10517
|
width: 100%;
|
|
10521
10518
|
}
|
|
@@ -10526,9 +10523,14 @@ textarea::-moz-focus-inner {
|
|
|
10526
10523
|
word-break: break-word;
|
|
10527
10524
|
visibility: hidden;
|
|
10528
10525
|
grid-area: 1 / 1 / 2 / 2;
|
|
10529
|
-
font: inherit;
|
|
10526
|
+
font-family: inherit;
|
|
10527
|
+
font-size: var(--prime-textarea-body-size);
|
|
10528
|
+
font-weight: inherit;
|
|
10529
|
+
font-style: inherit;
|
|
10530
|
+
line-height: var(--prime-textarea-line-height);
|
|
10531
|
+
letter-spacing: inherit;
|
|
10530
10532
|
min-width: 0;
|
|
10531
|
-
min-height: var(--prime-textarea-min-height);
|
|
10533
|
+
min-height: var(--prime-textarea-inner-min-height);
|
|
10532
10534
|
padding: 0;
|
|
10533
10535
|
border: 0;
|
|
10534
10536
|
}
|
|
@@ -10563,7 +10565,7 @@ textarea::-moz-focus-inner {
|
|
|
10563
10565
|
}
|
|
10564
10566
|
.Textarea_textarea:not(.Textarea_textareaAutoResize) {
|
|
10565
10567
|
flex: 1 1 auto;
|
|
10566
|
-
min-height: var(--prime-textarea-min-height);
|
|
10568
|
+
min-height: var(--prime-textarea-inner-min-height);
|
|
10567
10569
|
}
|
|
10568
10570
|
.Textarea_textarea:disabled {
|
|
10569
10571
|
color: var(--prime-sys-color-content-disabled);
|