plataforma-fundacao-componentes 2.25.4 → 2.25.5
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/textEditor/components/textEditorHeaderButton/TextEditorHeaderButton.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare function TextEditorHeaderButton(props: any):
|
|
1
|
+
declare function TextEditorHeaderButton(props: any): import("react").JSX.Element;
|
|
2
2
|
declare namespace TextEditorHeaderButton {
|
|
3
3
|
export namespace propTypes {
|
|
4
4
|
export const icon: PropTypes.Requireable<object>;
|
|
@@ -8,5 +8,4 @@ declare namespace TextEditorHeaderButton {
|
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
export default TextEditorHeaderButton;
|
|
11
|
-
import React from "react";
|
|
12
11
|
import PropTypes from "prop-types";
|
package/dist/index.css
CHANGED
|
@@ -6989,6 +6989,120 @@ nav.component-tabs {
|
|
|
6989
6989
|
warningLight: #ffeb98;
|
|
6990
6990
|
warningDark: #765f00; }
|
|
6991
6991
|
|
|
6992
|
+
.component-text-editor {
|
|
6993
|
+
background-color: #fefefe;
|
|
6994
|
+
border: 1px solid #cdd3cd;
|
|
6995
|
+
transition: border 0.3s ease;
|
|
6996
|
+
border-radius: 8px;
|
|
6997
|
+
width: 100%; }
|
|
6998
|
+
.component-text-editor.error {
|
|
6999
|
+
border: 1px solid #e60000; }
|
|
7000
|
+
.component-text-editor.disabled .component-text-editor-editor {
|
|
7001
|
+
min-height: 60px; }
|
|
7002
|
+
.component-text-editor .component-text-editor-header {
|
|
7003
|
+
position: relative;
|
|
7004
|
+
display: flex;
|
|
7005
|
+
flex-wrap: wrap;
|
|
7006
|
+
justify-content: space-between;
|
|
7007
|
+
align-items: center;
|
|
7008
|
+
padding: 4px 8px; }
|
|
7009
|
+
.component-text-editor .component-text-editor-header .component-text-editor-left-content {
|
|
7010
|
+
flex-wrap: wrap;
|
|
7011
|
+
display: flex;
|
|
7012
|
+
align-items: center; }
|
|
7013
|
+
.component-text-editor .component-text-editor-header .component-text-editor-right-content {
|
|
7014
|
+
display: flex;
|
|
7015
|
+
align-items: center; }
|
|
7016
|
+
@media (max-width: 575.98px) {
|
|
7017
|
+
.component-text-editor .component-text-editor-header .component-text-editor-right-content {
|
|
7018
|
+
width: 100%;
|
|
7019
|
+
justify-content: flex-end; } }
|
|
7020
|
+
.component-text-editor .component-text-editor-header::after {
|
|
7021
|
+
content: "";
|
|
7022
|
+
position: absolute;
|
|
7023
|
+
left: 9px;
|
|
7024
|
+
bottom: 0;
|
|
7025
|
+
width: calc(100% - 18px);
|
|
7026
|
+
height: 1px;
|
|
7027
|
+
background-color: #dbdfdb; }
|
|
7028
|
+
.component-text-editor .component-text-editor-editor {
|
|
7029
|
+
color: #121212;
|
|
7030
|
+
padding: 20px;
|
|
7031
|
+
min-height: 50px; }
|
|
7032
|
+
.component-text-editor .component-text-editor-editor:focus {
|
|
7033
|
+
outline: none; }
|
|
7034
|
+
|
|
7035
|
+
.component-text-editor-top-label {
|
|
7036
|
+
color: #323c32;
|
|
7037
|
+
transition: color 0.3s ease;
|
|
7038
|
+
font-size: 12px;
|
|
7039
|
+
line-height: 16px;
|
|
7040
|
+
-webkit-user-select: none;
|
|
7041
|
+
-moz-user-select: none;
|
|
7042
|
+
user-select: none;
|
|
7043
|
+
min-height: 16px; }
|
|
7044
|
+
.component-text-editor-top-label.error {
|
|
7045
|
+
color: #e60000; }
|
|
7046
|
+
|
|
7047
|
+
.component-text-editor-helper-text {
|
|
7048
|
+
-webkit-user-select: none;
|
|
7049
|
+
-moz-user-select: none;
|
|
7050
|
+
user-select: none;
|
|
7051
|
+
transition: color 0.3s ease;
|
|
7052
|
+
color: #323c32;
|
|
7053
|
+
font-size: 12px;
|
|
7054
|
+
line-height: 16px;
|
|
7055
|
+
min-height: 16px; }
|
|
7056
|
+
.component-text-editor-helper-text.error {
|
|
7057
|
+
color: #e60000; }
|
|
7058
|
+
|
|
7059
|
+
.component-text-editor-editor h1 {
|
|
7060
|
+
margin: 0;
|
|
7061
|
+
font-size: 2.5rem;
|
|
7062
|
+
font-weight: 300; }
|
|
7063
|
+
|
|
7064
|
+
.component-text-editor-editor h6 {
|
|
7065
|
+
margin: 0;
|
|
7066
|
+
font-family: "Nunito";
|
|
7067
|
+
font-size: 1.2rem;
|
|
7068
|
+
font-weight: 500; }
|
|
7069
|
+
|
|
7070
|
+
.component-text-editor-editor a {
|
|
7071
|
+
text-decoration: underline;
|
|
7072
|
+
color: #3fa111; }
|
|
7073
|
+
|
|
7074
|
+
.component-text-editor-outer {
|
|
7075
|
+
display: flex;
|
|
7076
|
+
flex-direction: column;
|
|
7077
|
+
width: 100%; }
|
|
7078
|
+
|
|
7079
|
+
:export {
|
|
7080
|
+
widthXs: 575.98px;
|
|
7081
|
+
widthSm: 767.98px;
|
|
7082
|
+
widthMd: 991.98px;
|
|
7083
|
+
widthLg: 1199.98px; }
|
|
7084
|
+
|
|
7085
|
+
:export {
|
|
7086
|
+
white: #fefefe;
|
|
7087
|
+
darkenWhite: #efefef;
|
|
7088
|
+
black: #121212;
|
|
7089
|
+
transparent: rgba(0, 0, 0, 0);
|
|
7090
|
+
primary: #3fa110;
|
|
7091
|
+
primaryDark: #33820d;
|
|
7092
|
+
primaryLight: #d7e6c8;
|
|
7093
|
+
secondaryDarker: #323c32;
|
|
7094
|
+
secondaryDark: #5a645a;
|
|
7095
|
+
blueDarker: #2b517b;
|
|
7096
|
+
secondary: #828a82;
|
|
7097
|
+
secondaryLight: #cdd3cd;
|
|
7098
|
+
secondaryLighter: #f8f9f7;
|
|
7099
|
+
danger: #e60000;
|
|
7100
|
+
dangerLight: #ffb4b4;
|
|
7101
|
+
dangerDark: #ab4745;
|
|
7102
|
+
warning: #ffcd00;
|
|
7103
|
+
warningLight: #ffeb98;
|
|
7104
|
+
warningDark: #765f00; }
|
|
7105
|
+
|
|
6992
7106
|
.text-editor-header-input {
|
|
6993
7107
|
display: flex;
|
|
6994
7108
|
justify-content: space-between;
|
|
@@ -7350,120 +7464,6 @@ nav.component-tabs {
|
|
|
7350
7464
|
warningLight: #ffeb98;
|
|
7351
7465
|
warningDark: #765f00; }
|
|
7352
7466
|
|
|
7353
|
-
.component-text-editor {
|
|
7354
|
-
background-color: #fefefe;
|
|
7355
|
-
border: 1px solid #cdd3cd;
|
|
7356
|
-
transition: border 0.3s ease;
|
|
7357
|
-
border-radius: 8px;
|
|
7358
|
-
width: 100%; }
|
|
7359
|
-
.component-text-editor.error {
|
|
7360
|
-
border: 1px solid #e60000; }
|
|
7361
|
-
.component-text-editor.disabled .component-text-editor-editor {
|
|
7362
|
-
min-height: 60px; }
|
|
7363
|
-
.component-text-editor .component-text-editor-header {
|
|
7364
|
-
position: relative;
|
|
7365
|
-
display: flex;
|
|
7366
|
-
flex-wrap: wrap;
|
|
7367
|
-
justify-content: space-between;
|
|
7368
|
-
align-items: center;
|
|
7369
|
-
padding: 4px 8px; }
|
|
7370
|
-
.component-text-editor .component-text-editor-header .component-text-editor-left-content {
|
|
7371
|
-
flex-wrap: wrap;
|
|
7372
|
-
display: flex;
|
|
7373
|
-
align-items: center; }
|
|
7374
|
-
.component-text-editor .component-text-editor-header .component-text-editor-right-content {
|
|
7375
|
-
display: flex;
|
|
7376
|
-
align-items: center; }
|
|
7377
|
-
@media (max-width: 575.98px) {
|
|
7378
|
-
.component-text-editor .component-text-editor-header .component-text-editor-right-content {
|
|
7379
|
-
width: 100%;
|
|
7380
|
-
justify-content: flex-end; } }
|
|
7381
|
-
.component-text-editor .component-text-editor-header::after {
|
|
7382
|
-
content: "";
|
|
7383
|
-
position: absolute;
|
|
7384
|
-
left: 9px;
|
|
7385
|
-
bottom: 0;
|
|
7386
|
-
width: calc(100% - 18px);
|
|
7387
|
-
height: 1px;
|
|
7388
|
-
background-color: #dbdfdb; }
|
|
7389
|
-
.component-text-editor .component-text-editor-editor {
|
|
7390
|
-
color: #121212;
|
|
7391
|
-
padding: 20px;
|
|
7392
|
-
min-height: 50px; }
|
|
7393
|
-
.component-text-editor .component-text-editor-editor:focus {
|
|
7394
|
-
outline: none; }
|
|
7395
|
-
|
|
7396
|
-
.component-text-editor-top-label {
|
|
7397
|
-
color: #323c32;
|
|
7398
|
-
transition: color 0.3s ease;
|
|
7399
|
-
font-size: 12px;
|
|
7400
|
-
line-height: 16px;
|
|
7401
|
-
-webkit-user-select: none;
|
|
7402
|
-
-moz-user-select: none;
|
|
7403
|
-
user-select: none;
|
|
7404
|
-
min-height: 16px; }
|
|
7405
|
-
.component-text-editor-top-label.error {
|
|
7406
|
-
color: #e60000; }
|
|
7407
|
-
|
|
7408
|
-
.component-text-editor-helper-text {
|
|
7409
|
-
-webkit-user-select: none;
|
|
7410
|
-
-moz-user-select: none;
|
|
7411
|
-
user-select: none;
|
|
7412
|
-
transition: color 0.3s ease;
|
|
7413
|
-
color: #323c32;
|
|
7414
|
-
font-size: 12px;
|
|
7415
|
-
line-height: 16px;
|
|
7416
|
-
min-height: 16px; }
|
|
7417
|
-
.component-text-editor-helper-text.error {
|
|
7418
|
-
color: #e60000; }
|
|
7419
|
-
|
|
7420
|
-
.component-text-editor-editor h1 {
|
|
7421
|
-
margin: 0;
|
|
7422
|
-
font-size: 2.5rem;
|
|
7423
|
-
font-weight: 300; }
|
|
7424
|
-
|
|
7425
|
-
.component-text-editor-editor h6 {
|
|
7426
|
-
margin: 0;
|
|
7427
|
-
font-family: "Nunito";
|
|
7428
|
-
font-size: 1.2rem;
|
|
7429
|
-
font-weight: 500; }
|
|
7430
|
-
|
|
7431
|
-
.component-text-editor-editor a {
|
|
7432
|
-
text-decoration: underline;
|
|
7433
|
-
color: #3fa111; }
|
|
7434
|
-
|
|
7435
|
-
.component-text-editor-outer {
|
|
7436
|
-
display: flex;
|
|
7437
|
-
flex-direction: column;
|
|
7438
|
-
width: 100%; }
|
|
7439
|
-
|
|
7440
|
-
:export {
|
|
7441
|
-
widthXs: 575.98px;
|
|
7442
|
-
widthSm: 767.98px;
|
|
7443
|
-
widthMd: 991.98px;
|
|
7444
|
-
widthLg: 1199.98px; }
|
|
7445
|
-
|
|
7446
|
-
:export {
|
|
7447
|
-
white: #fefefe;
|
|
7448
|
-
darkenWhite: #efefef;
|
|
7449
|
-
black: #121212;
|
|
7450
|
-
transparent: rgba(0, 0, 0, 0);
|
|
7451
|
-
primary: #3fa110;
|
|
7452
|
-
primaryDark: #33820d;
|
|
7453
|
-
primaryLight: #d7e6c8;
|
|
7454
|
-
secondaryDarker: #323c32;
|
|
7455
|
-
secondaryDark: #5a645a;
|
|
7456
|
-
blueDarker: #2b517b;
|
|
7457
|
-
secondary: #828a82;
|
|
7458
|
-
secondaryLight: #cdd3cd;
|
|
7459
|
-
secondaryLighter: #f8f9f7;
|
|
7460
|
-
danger: #e60000;
|
|
7461
|
-
dangerLight: #ffb4b4;
|
|
7462
|
-
dangerDark: #ab4745;
|
|
7463
|
-
warning: #ffcd00;
|
|
7464
|
-
warningLight: #ffeb98;
|
|
7465
|
-
warningDark: #765f00; }
|
|
7466
|
-
|
|
7467
7467
|
.component-title {
|
|
7468
7468
|
width: 100%;
|
|
7469
7469
|
position: relative;
|
package/dist/index.js
CHANGED
|
@@ -11172,7 +11172,7 @@ TextEditorColorPicker.defaultProps = {
|
|
|
11172
11172
|
|
|
11173
11173
|
var rootClassName$2B = 'text-editor-header-button';
|
|
11174
11174
|
function TextEditorHeaderButton(props) {
|
|
11175
|
-
return /*#__PURE__*/React
|
|
11175
|
+
return /*#__PURE__*/React.createElement("button", {
|
|
11176
11176
|
className: getMergedClassNames([rootClassName$2B, props.active ? 'active' : '']),
|
|
11177
11177
|
onClick: props.onClick,
|
|
11178
11178
|
disabled: props.disabled
|