@patternfly/chatbot 2.2.0-prerelease.13 → 2.2.0-prerelease.15
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/css/main.css +42 -33
- package/dist/css/main.css.map +1 -1
- package/package.json +1 -1
- package/src/ChatbotFooter/ChatbotFooter.scss +0 -5
- package/src/ChatbotHeader/ChatbotHeader.scss +2 -5
- package/src/MessageBar/AttachButton.scss +19 -3
- package/src/MessageBar/MessageBar.scss +3 -2
- package/src/MessageBar/MicrophoneButton.scss +8 -8
- package/src/MessageBar/StopButton.scss +17 -3
- package/src/MessageBox/JumpButton.scss +6 -6
- package/src/SourcesCard/SourcesCard.scss +2 -2
- package/src/main.scss +0 -4
package/dist/css/main.css
CHANGED
@@ -349,9 +349,6 @@
|
|
349
349
|
padding: var(--pf-t--global--spacer--sm) 0;
|
350
350
|
}
|
351
351
|
}
|
352
|
-
.pf-chatbot--docked .pf-chatbot__footer .pf-v6-c-divider {
|
353
|
-
display: none;
|
354
|
-
}
|
355
352
|
.pf-chatbot--docked .pf-chatbot__footer-container {
|
356
353
|
padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
|
357
354
|
}
|
@@ -415,9 +412,6 @@
|
|
415
412
|
.pf-chatbot--docked .pf-chatbot__header {
|
416
413
|
background-color: var(--pf-t--chatbot--background);
|
417
414
|
}
|
418
|
-
.pf-chatbot--docked .pf-chatbot__header__divider {
|
419
|
-
display: none;
|
420
|
-
}
|
421
415
|
|
422
416
|
.pf-chatbot__button--toggle-options,
|
423
417
|
.pf-chatbot__button--toggle-menu {
|
@@ -433,7 +427,7 @@
|
|
433
427
|
.pf-chatbot__button--toggle-menu .pf-v6-c-button__icon,
|
434
428
|
.pf-chatbot__button--toggle-menu .pf-v6-c-menu-toggle__icon,
|
435
429
|
.pf-chatbot__button--toggle-menu .pf-v6-c-icon__content {
|
436
|
-
color: var(--pf-t--
|
430
|
+
color: var(--pf-t--global--icon--color--subtle);
|
437
431
|
}
|
438
432
|
.pf-chatbot__button--toggle-options .pf-v6-c-button__icon,
|
439
433
|
.pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
|
@@ -454,7 +448,7 @@
|
|
454
448
|
.pf-chatbot__button--toggle-menu:focus .pf-v6-c-button__icon,
|
455
449
|
.pf-chatbot__button--toggle-menu:focus .pf-v6-c-menu-toggle__icon,
|
456
450
|
.pf-chatbot__button--toggle-menu:focus .pf-v6-c-icon__content {
|
457
|
-
color: var(--pf-t--
|
451
|
+
color: var(--pf-t--global--icon--color--regular);
|
458
452
|
}
|
459
453
|
|
460
454
|
.pf-chatbot__button--toggle-options svg {
|
@@ -1418,10 +1412,19 @@
|
|
1418
1412
|
height: 3rem;
|
1419
1413
|
}
|
1420
1414
|
.pf-v6-c-button.pf-chatbot__button--attach .pf-v6-c-button__icon {
|
1421
|
-
color: var(--pf-t--
|
1415
|
+
color: var(--pf-t--global--icon--color--subtle);
|
1416
|
+
}
|
1417
|
+
.pf-v6-c-button.pf-chatbot__button--attach:hover .pf-v6-c-button__icon {
|
1418
|
+
color: var(--pf-t--global--icon--color--regular);
|
1419
|
+
}
|
1420
|
+
.pf-v6-c-button.pf-chatbot__button--attach:active, .pf-v6-c-button.pf-chatbot__button--attach:focus {
|
1421
|
+
background-color: var(--pf-t--global--color--brand--clicked);
|
1422
|
+
}
|
1423
|
+
.pf-v6-c-button.pf-chatbot__button--attach:active .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus .pf-v6-c-button__icon {
|
1424
|
+
color: var(--pf-t--global--icon--color--inverse);
|
1422
1425
|
}
|
1423
|
-
.pf-v6-c-button.pf-chatbot__button--attach:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus .pf-v6-c-button__icon {
|
1424
|
-
color: var(--pf-t--
|
1426
|
+
.pf-v6-c-button.pf-chatbot__button--attach:active:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:active:focus .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus:focus .pf-v6-c-button__icon {
|
1427
|
+
color: var(--pf-t--global--icon--color--inverse);
|
1425
1428
|
}
|
1426
1429
|
|
1427
1430
|
.pf-v6-c-button.pf-chatbot__button--microphone {
|
@@ -1431,25 +1434,25 @@
|
|
1431
1434
|
height: 3rem;
|
1432
1435
|
}
|
1433
1436
|
.pf-v6-c-button.pf-chatbot__button--microphone .pf-v6-c-button__icon {
|
1434
|
-
color: var(--pf-t--
|
1437
|
+
color: var(--pf-t--global--icon--color--subtle);
|
1435
1438
|
}
|
1436
1439
|
.pf-v6-c-button.pf-chatbot__button--microphone:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--microphone:focus .pf-v6-c-button__icon {
|
1437
|
-
color: var(--pf-t--
|
1440
|
+
color: var(--pf-t--global--icon--color--regular);
|
1438
1441
|
}
|
1439
1442
|
.pf-v6-c-button.pf-chatbot__button--microphone--active {
|
1440
|
-
background-color: var(--pf-t--color--
|
1441
|
-
animation: motionMicButton var(--pf-t--
|
1443
|
+
background-color: var(--pf-t--global--color--brand--clicked);
|
1444
|
+
animation: motionMicButton var(--pf-t--global--motion--timing-function--accelerate) calc(var(--pf-t--global--motion--duration--md) * 8) infinite;
|
1442
1445
|
}
|
1443
1446
|
.pf-v6-c-button.pf-chatbot__button--microphone--active .pf-v6-c-button__icon {
|
1444
|
-
color: var(--pf-t--color--
|
1447
|
+
color: var(--pf-t--global--icon--color--on-brand--default);
|
1445
1448
|
}
|
1446
1449
|
.pf-v6-c-button.pf-chatbot__button--microphone--active:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--microphone--active:focus .pf-v6-c-button__icon {
|
1447
|
-
color: var(--pf-t--color--
|
1450
|
+
color: var(--pf-t--global--icon--color--on-brand--default);
|
1448
1451
|
}
|
1449
1452
|
|
1450
1453
|
@keyframes motionMicButton {
|
1451
1454
|
0% {
|
1452
|
-
box-shadow: 0 0 0 0 rgb(0,
|
1455
|
+
box-shadow: 0 0 0 0 rgb(0, 77, 153);
|
1453
1456
|
}
|
1454
1457
|
100% {
|
1455
1458
|
box-shadow: 0 0 0 16px rgba(0, 102, 204, 0);
|
@@ -1508,11 +1511,20 @@
|
|
1508
1511
|
align-items: center;
|
1509
1512
|
}
|
1510
1513
|
.pf-v6-c-button.pf-chatbot__button--stop .pf-v6-c-button__icon {
|
1511
|
-
color: var(--pf-t--global--icon--color--
|
1514
|
+
color: var(--pf-t--global--icon--color--on-brand--default);
|
1512
1515
|
}
|
1513
|
-
.pf-v6-c-button.pf-chatbot__button--stop:hover
|
1516
|
+
.pf-v6-c-button.pf-chatbot__button--stop:hover {
|
1514
1517
|
background-color: var(--pf-t--global--color--brand--hover);
|
1515
1518
|
}
|
1519
|
+
.pf-v6-c-button.pf-chatbot__button--stop:focus {
|
1520
|
+
background-color: var(--pf-t--global--color--brand--clicked);
|
1521
|
+
}
|
1522
|
+
.pf-v6-c-button.pf-chatbot__button--stop:focus .pf-v6-c-button__icon {
|
1523
|
+
color: var(--pf-t--global--icon--color--on-brand--default);
|
1524
|
+
}
|
1525
|
+
.pf-v6-c-button.pf-chatbot__button--stop:focus:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--stop:focus:focus .pf-v6-c-button__icon {
|
1526
|
+
color: var(--pf-t--global--icon--color--on-brand--default);
|
1527
|
+
}
|
1516
1528
|
|
1517
1529
|
.pf-chatbot__message-bar {
|
1518
1530
|
--pf-chatbot__message-bar-child--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
@@ -1525,7 +1537,7 @@
|
|
1525
1537
|
justify-content: flex-end;
|
1526
1538
|
background-color: var(--pf-t--global--background--color--primary--default);
|
1527
1539
|
border-radius: calc(var(--pf-t--global--border--radius--medium) * 2);
|
1528
|
-
transition: box-shadow var(--pf-t--
|
1540
|
+
transition: box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm);
|
1529
1541
|
overflow: hidden;
|
1530
1542
|
}
|
1531
1543
|
.pf-chatbot__message-bar:hover {
|
@@ -1539,7 +1551,7 @@
|
|
1539
1551
|
justify-content: end;
|
1540
1552
|
padding-block-start: var(--pf-t--global--spacer--xs);
|
1541
1553
|
padding-block-end: var(--pf-t--global--spacer--xs);
|
1542
|
-
gap: var(--pf-t--global--spacer--
|
1554
|
+
gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
1543
1555
|
}
|
1544
1556
|
.pf-chatbot__message-bar-input {
|
1545
1557
|
flex: 1 1 auto;
|
@@ -1589,9 +1601,9 @@
|
|
1589
1601
|
background-color: var(--pf-t--global--background--color--primary--default) !important;
|
1590
1602
|
border: 1px solid var(--pf-t--chatbot--border) !important;
|
1591
1603
|
box-shadow: var(--pf-t--global--box-shadow--sm);
|
1592
|
-
color: var(--pf-t--
|
1604
|
+
color: var(--pf-t--global--icon--color--subtle) !important;
|
1593
1605
|
transform: translate3d(-50%, 0, 0) !important;
|
1594
|
-
transition: background-color var(--pf-t--
|
1606
|
+
transition: background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
|
1595
1607
|
z-index: var(--pf-t--global--z-index--md) !important;
|
1596
1608
|
}
|
1597
1609
|
.pf-chatbot__jump .pf-v6-c-button__text {
|
@@ -1600,7 +1612,7 @@
|
|
1600
1612
|
.pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
|
1601
1613
|
background-color: var(--pf-t--global--background--color--primary--hover) !important;
|
1602
1614
|
box-shadow: var(--pf-t--global--box-shadow--md) !important;
|
1603
|
-
color: var(--pf-t--
|
1615
|
+
color: var(--pf-t--global--icon--color--regular) !important;
|
1604
1616
|
}
|
1605
1617
|
.pf-chatbot__jump--top {
|
1606
1618
|
inset-block-start: var(--pf-t--global--spacer--md) !important;
|
@@ -1668,9 +1680,9 @@
|
|
1668
1680
|
background-color: var(--pf-t--global--background--color--primary--default) !important;
|
1669
1681
|
border: 1px solid var(--pf-t--chatbot--border) !important;
|
1670
1682
|
box-shadow: var(--pf-t--global--box-shadow--sm);
|
1671
|
-
color: var(--pf-t--
|
1683
|
+
color: var(--pf-t--global--icon--color--subtle) !important;
|
1672
1684
|
transform: translate3d(-50%, 0, 0) !important;
|
1673
|
-
transition: background-color var(--pf-t--
|
1685
|
+
transition: background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
|
1674
1686
|
z-index: var(--pf-t--global--z-index--md) !important;
|
1675
1687
|
}
|
1676
1688
|
.pf-chatbot__jump .pf-v6-c-button__text {
|
@@ -1679,7 +1691,7 @@
|
|
1679
1691
|
.pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
|
1680
1692
|
background-color: var(--pf-t--global--background--color--primary--hover) !important;
|
1681
1693
|
box-shadow: var(--pf-t--global--box-shadow--md) !important;
|
1682
|
-
color: var(--pf-t--
|
1694
|
+
color: var(--pf-t--global--icon--color--regular) !important;
|
1683
1695
|
}
|
1684
1696
|
.pf-chatbot__jump--top {
|
1685
1697
|
inset-block-start: var(--pf-t--global--spacer--md) !important;
|
@@ -1816,10 +1828,10 @@
|
|
1816
1828
|
}
|
1817
1829
|
.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button:hover .pf-v6-c-button__icon,
|
1818
1830
|
.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button:focus .pf-v6-c-button__icon {
|
1819
|
-
color: var(--pf-t--
|
1831
|
+
color: var(--pf-t--global--icon--color--regular);
|
1820
1832
|
}
|
1821
1833
|
.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button__icon {
|
1822
|
-
color: var(--pf-t--
|
1834
|
+
color: var(--pf-t--global--icon--color--subtle);
|
1823
1835
|
}
|
1824
1836
|
|
1825
1837
|
.pf-chatbot__source-details-subhead {
|
@@ -1921,7 +1933,6 @@
|
|
1921
1933
|
--pf-t--chatbot--illustration--fill: var(--pf-t--color--red--50);
|
1922
1934
|
--pf-t--chatbot--code--background: var(--pf-t--color--gray--20);
|
1923
1935
|
--pf-t--chatbot-toggle--background--hover: var(--pf-t--color--gray--70);
|
1924
|
-
--pf-t--chatbot--timing-function: cubic-bezier(0.77, 0, 0.175, 1);
|
1925
1936
|
--pf-t--chatbot--blue-icon--background--color--hover: rgba(
|
1926
1937
|
146,
|
1927
1938
|
197,
|
@@ -1933,8 +1944,6 @@
|
|
1933
1944
|
--pf-t--chatbot--font-size: var(--pf-t--global--font--size--md);
|
1934
1945
|
--pf-t--chatbot--background: var(--pf-t--global--background--color--secondary--default);
|
1935
1946
|
--pf-t--chatbot--border: var(--pf-t--global--border--color--default);
|
1936
|
-
--pf-t--chatbot--icon--fill: var(--pf-t--global--icon--color--subtle);
|
1937
|
-
--pf-t--chatbot--icon--fill--hover: var(--pf-t--global--icon--color--regular);
|
1938
1947
|
--pf-t--chatbot--icon--fill--active: var(--pf-t--global--text--color--regular);
|
1939
1948
|
--pf-t--chatbot--blue-icon--fill: var(--pf-t--global--color--brand--default);
|
1940
1949
|
}
|
package/dist/css/main.css.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/AttachMenu/AttachMenu.scss","../../src/Chatbot/Chatbot.scss","../../src/ChatbotAlert/ChatbotAlert.scss","../../src/ChatbotContent/ChatbotContent.scss","../../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss","../../src/ChatbotFooter/ChatbotFootnote.scss","../../src/ChatbotFooter/ChatbotFooter.scss","../../src/ChatbotHeader/ChatbotHeader.scss","../../src/ChatbotModal/ChatbotModal.scss","../../src/ChatbotPopover/ChatbotPopover.scss","../../src/ChatbotToggle/ChatbotToggle.scss","../../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss","../../src/CodeModal/CodeModal.scss","../../src/Compare/Compare.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/ListMessage/ListMessage.scss","../../src/Message/QuickStarts/QuickStartTile.scss","../../src/Message/QuickResponse/QuickResponse.scss","../../src/Message/UserFeedback/UserFeedback.scss","../../src/MessageBar/AttachButton.scss","../../src/MessageBar/MicrophoneButton.scss","../../src/MessageBar/SendButton.scss","../../src/MessageBar/StopButton.scss","../../src/MessageBar/MessageBar.scss","../../src/MessageBox/JumpButton.scss","../../src/MessageBox/MessageBox.scss","../../src/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.scss","../../src/main.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;AACE;AAsBA;AASA;;AA9BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACxDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAKF;EAvBF;IAwBI;IACA;;;AAIF;EA7BF;IA8BI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EAXF;IAYI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AC1GF;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;;AAOJ;EAGI;AAAA;IACE;IACA;;;ACpBJ;EACE;EACA;;AAIF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AASJ;EACE;;;AAQF;EACE;;AACA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AASF;AAAA;AAAA;EACE;;;ACvLN;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EACA;AAAA;IACE;;EAGJ;AAAA;IACE;IACA;IACA;;;
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/AttachMenu/AttachMenu.scss","../../src/Chatbot/Chatbot.scss","../../src/ChatbotAlert/ChatbotAlert.scss","../../src/ChatbotContent/ChatbotContent.scss","../../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss","../../src/ChatbotFooter/ChatbotFootnote.scss","../../src/ChatbotFooter/ChatbotFooter.scss","../../src/ChatbotHeader/ChatbotHeader.scss","../../src/ChatbotModal/ChatbotModal.scss","../../src/ChatbotPopover/ChatbotPopover.scss","../../src/ChatbotToggle/ChatbotToggle.scss","../../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss","../../src/CodeModal/CodeModal.scss","../../src/Compare/Compare.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/ListMessage/ListMessage.scss","../../src/Message/QuickStarts/QuickStartTile.scss","../../src/Message/QuickResponse/QuickResponse.scss","../../src/Message/UserFeedback/UserFeedback.scss","../../src/MessageBar/AttachButton.scss","../../src/MessageBar/MicrophoneButton.scss","../../src/MessageBar/SendButton.scss","../../src/MessageBar/StopButton.scss","../../src/MessageBar/MessageBar.scss","../../src/MessageBox/JumpButton.scss","../../src/MessageBox/MessageBox.scss","../../src/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.scss","../../src/main.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;AACE;AAsBA;AASA;;AA9BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACxDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAKF;EAvBF;IAwBI;IACA;;;AAIF;EA7BF;IA8BI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EAXF;IAYI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AC1GF;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;;AAOJ;EAGI;AAAA;IACE;IACA;;;ACpBJ;EACE;EACA;;AAIF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AASJ;EACE;;;AAQF;EACE;;AACA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AASF;AAAA;AAAA;EACE;;;ACvLN;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EACA;AAAA;IACE;;EAGJ;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AC5CJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAQN;EAGI;AAAA;IACE;;EAEF;AAAA;IACE;;;AASJ;EACE;;;AAOJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAOJ;EACE;;;AAOJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;ACvIF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;AAAA;EAEE;;AAEF;EACE;EACA;;AAEF;EACE;;;AAOJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAOJ;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAQE;EACE;;;AAQN;EACE;;;ACvFA;EAA0B;;AAMxB;EAAM;;AACN;EAAuB;;AACvB;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACnBN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AC3BF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;AC1CN;EACE;EACA;EACA;EACA;;AAEF;EACE;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AASA;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AClFF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIA;EADF;IAEI;;;;AAIN;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;ACrEJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACvBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;;;AAMF;AAAA;EACE;;;AC/DJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAGA;EANF;IAOI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;EACA;;;AAME;EADF;IAEI;IACA;IACA;;EAEA;IACE;;;;AChDR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;ACrGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;;AC9CN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1EE;EACE;;;AAMN;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;;;AD5CN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1EE;EACE;;;AAMN;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;;;AC3CN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;AAAA;EAEE;EACA;EACA;;;AHnBJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;;AIjDN;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;ACpBJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC7BJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AChDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAKA;EACE;;;AC5BR;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AC1CJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;;;AAMJ;EACE;;AACA;EACE;;AAIJ;EACE;EACA;;AAGF;AAAA;EAEE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AC/CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKA;EACE;;;ACrBR;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACzEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAGI;AAAA;IACE;IACA;;;ADtCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AEhDJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1BF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AChCF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;ACrER;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AC9BA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;IACE;IACA;;;;AAKN;AAAA;EAGE;;AAGE;AAAA;EACE;;AAIJ;AAAA;EACE;;;AC9BJ;EAKE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASA;EACA;EAEA;EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAKA;EAEA;EACA;EACA;EAEA;EAEA;;;AAMF;EACE;EACA;EAEA;EAEA;EACA;;;AAGF;EACE;EACA","file":"main.css"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@patternfly/chatbot",
|
3
|
-
"version": "2.2.0-prerelease.
|
3
|
+
"version": "2.2.0-prerelease.15",
|
4
4
|
"description": "This library provides React components based on PatternFly 6 that can be used to build chatbots.",
|
5
5
|
"main": "dist/cjs/index.js",
|
6
6
|
"module": "dist/esm/index.js",
|
@@ -44,11 +44,6 @@
|
|
44
44
|
// Chatbot Display Mode - Docked
|
45
45
|
// ============================================================================
|
46
46
|
.pf-chatbot--docked {
|
47
|
-
.pf-chatbot__footer {
|
48
|
-
.pf-v6-c-divider {
|
49
|
-
display: none;
|
50
|
-
}
|
51
|
-
}
|
52
47
|
.pf-chatbot__footer-container {
|
53
48
|
padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
|
54
49
|
}
|
@@ -76,9 +76,6 @@
|
|
76
76
|
.pf-chatbot__header {
|
77
77
|
background-color: var(--pf-t--chatbot--background);
|
78
78
|
}
|
79
|
-
.pf-chatbot__header__divider {
|
80
|
-
display: none;
|
81
|
-
}
|
82
79
|
}
|
83
80
|
|
84
81
|
// ============================================================================
|
@@ -95,7 +92,7 @@
|
|
95
92
|
.pf-v6-c-button__icon,
|
96
93
|
.pf-v6-c-menu-toggle__icon,
|
97
94
|
.pf-v6-c-icon__content {
|
98
|
-
color: var(--pf-t--
|
95
|
+
color: var(--pf-t--global--icon--color--subtle);
|
99
96
|
}
|
100
97
|
|
101
98
|
.pf-v6-c-button__icon,
|
@@ -111,7 +108,7 @@
|
|
111
108
|
.pf-v6-c-button__icon,
|
112
109
|
.pf-v6-c-menu-toggle__icon,
|
113
110
|
.pf-v6-c-icon__content {
|
114
|
-
color: var(--pf-t--
|
111
|
+
color: var(--pf-t--global--icon--color--regular);
|
115
112
|
}
|
116
113
|
}
|
117
114
|
}
|
@@ -8,13 +8,29 @@
|
|
8
8
|
height: 3rem;
|
9
9
|
|
10
10
|
.pf-v6-c-button__icon {
|
11
|
-
color: var(--pf-t--
|
11
|
+
color: var(--pf-t--global--icon--color--subtle);
|
12
12
|
}
|
13
13
|
|
14
14
|
// Interactive states
|
15
|
-
&:hover
|
15
|
+
&:hover {
|
16
16
|
.pf-v6-c-button__icon {
|
17
|
-
color: var(--pf-t--
|
17
|
+
color: var(--pf-t--global--icon--color--regular);
|
18
|
+
}
|
19
|
+
}
|
20
|
+
|
21
|
+
&:active,
|
22
|
+
&:focus {
|
23
|
+
background-color: var(--pf-t--global--color--brand--clicked);
|
24
|
+
|
25
|
+
.pf-v6-c-button__icon {
|
26
|
+
color: var(--pf-t--global--icon--color--inverse);
|
27
|
+
}
|
28
|
+
|
29
|
+
&:hover,
|
30
|
+
&:focus {
|
31
|
+
.pf-v6-c-button__icon {
|
32
|
+
color: var(--pf-t--global--icon--color--inverse);
|
33
|
+
}
|
18
34
|
}
|
19
35
|
}
|
20
36
|
}
|
@@ -21,7 +21,8 @@
|
|
21
21
|
justify-content: flex-end;
|
22
22
|
background-color: var(--pf-t--global--background--color--primary--default);
|
23
23
|
border-radius: calc(var(--pf-t--global--border--radius--medium) * 2);
|
24
|
-
transition: box-shadow var(--pf-t--
|
24
|
+
transition: box-shadow var(--pf-t--global--motion--timing-function--accelerate)
|
25
|
+
var(--pf-t--global--motion--duration--sm);
|
25
26
|
|
26
27
|
overflow: hidden;
|
27
28
|
|
@@ -38,7 +39,7 @@
|
|
38
39
|
justify-content: end;
|
39
40
|
padding-block-start: var(--pf-t--global--spacer--xs);
|
40
41
|
padding-block-end: var(--pf-t--global--spacer--xs);
|
41
|
-
gap: var(--pf-t--global--spacer--
|
42
|
+
gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
42
43
|
}
|
43
44
|
|
44
45
|
&-input {
|
@@ -8,31 +8,31 @@
|
|
8
8
|
height: 3rem;
|
9
9
|
|
10
10
|
.pf-v6-c-button__icon {
|
11
|
-
color: var(--pf-t--
|
11
|
+
color: var(--pf-t--global--icon--color--subtle);
|
12
12
|
}
|
13
13
|
|
14
14
|
// Interactive states
|
15
15
|
&:hover,
|
16
16
|
&:focus {
|
17
17
|
.pf-v6-c-button__icon {
|
18
|
-
color: var(--pf-t--
|
18
|
+
color: var(--pf-t--global--icon--color--regular);
|
19
19
|
}
|
20
20
|
}
|
21
21
|
|
22
22
|
// Active state (while recording voice)
|
23
23
|
&--active {
|
24
|
-
background-color: var(--pf-t--color--
|
25
|
-
animation: motionMicButton var(--pf-t--
|
26
|
-
infinite;
|
24
|
+
background-color: var(--pf-t--global--color--brand--clicked);
|
25
|
+
animation: motionMicButton var(--pf-t--global--motion--timing-function--accelerate)
|
26
|
+
calc(var(--pf-t--global--motion--duration--md) * 8) infinite;
|
27
27
|
|
28
28
|
.pf-v6-c-button__icon {
|
29
|
-
color: var(--pf-t--color--
|
29
|
+
color: var(--pf-t--global--icon--color--on-brand--default);
|
30
30
|
}
|
31
31
|
|
32
32
|
&:hover,
|
33
33
|
&:focus {
|
34
34
|
.pf-v6-c-button__icon {
|
35
|
-
color: var(--pf-t--color--
|
35
|
+
color: var(--pf-t--global--icon--color--on-brand--default);
|
36
36
|
}
|
37
37
|
}
|
38
38
|
}
|
@@ -40,7 +40,7 @@
|
|
40
40
|
|
41
41
|
@keyframes motionMicButton {
|
42
42
|
0% {
|
43
|
-
box-shadow: 0 0 0 0 rgba(0,
|
43
|
+
box-shadow: 0 0 0 0 rgba(0, 77, 153, 1);
|
44
44
|
}
|
45
45
|
100% {
|
46
46
|
box-shadow: 0 0 0 16px rgba(0, 102, 204, 0);
|
@@ -12,11 +12,25 @@
|
|
12
12
|
align-items: center;
|
13
13
|
|
14
14
|
.pf-v6-c-button__icon {
|
15
|
-
color: var(--pf-t--global--icon--color--
|
15
|
+
color: var(--pf-t--global--icon--color--on-brand--default);
|
16
16
|
}
|
17
17
|
|
18
|
-
&:hover
|
19
|
-
&:focus {
|
18
|
+
&:hover {
|
20
19
|
background-color: var(--pf-t--global--color--brand--hover);
|
21
20
|
}
|
21
|
+
|
22
|
+
&:focus {
|
23
|
+
background-color: var(--pf-t--global--color--brand--clicked);
|
24
|
+
|
25
|
+
.pf-v6-c-button__icon {
|
26
|
+
color: var(--pf-t--global--icon--color--on-brand--default);
|
27
|
+
}
|
28
|
+
|
29
|
+
&:hover,
|
30
|
+
&:focus {
|
31
|
+
.pf-v6-c-button__icon {
|
32
|
+
color: var(--pf-t--global--icon--color--on-brand--default);
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
22
36
|
}
|
@@ -16,13 +16,13 @@
|
|
16
16
|
background-color: var(--pf-t--global--background--color--primary--default) !important;
|
17
17
|
border: 1px solid var(--pf-t--chatbot--border) !important;
|
18
18
|
box-shadow: var(--pf-t--global--box-shadow--sm);
|
19
|
-
color: var(--pf-t--
|
19
|
+
color: var(--pf-t--global--icon--color--subtle) !important;
|
20
20
|
transform: translate3d(-50%, 0, 0) !important;
|
21
21
|
transition:
|
22
|
-
background-color var(--pf-t--
|
23
|
-
box-shadow var(--pf-t--
|
24
|
-
transform var(--pf-t--
|
25
|
-
opacity var(--pf-t--
|
22
|
+
background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm),
|
23
|
+
box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm),
|
24
|
+
transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md),
|
25
|
+
opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
|
26
26
|
z-index: var(--pf-t--global--z-index--md) !important;
|
27
27
|
|
28
28
|
.pf-v6-c-button__text {
|
@@ -33,7 +33,7 @@
|
|
33
33
|
&:focus {
|
34
34
|
background-color: var(--pf-t--global--background--color--primary--hover) !important;
|
35
35
|
box-shadow: var(--pf-t--global--box-shadow--md) !important;
|
36
|
-
color: var(--pf-t--
|
36
|
+
color: var(--pf-t--global--icon--color--regular) !important;
|
37
37
|
}
|
38
38
|
|
39
39
|
&--top {
|
@@ -63,11 +63,11 @@
|
|
63
63
|
.pf-v6-c-button:hover,
|
64
64
|
.pf-v6-c-button:focus {
|
65
65
|
.pf-v6-c-button__icon {
|
66
|
-
color: var(--pf-t--
|
66
|
+
color: var(--pf-t--global--icon--color--regular);
|
67
67
|
}
|
68
68
|
}
|
69
69
|
.pf-v6-c-button__icon {
|
70
|
-
color: var(--pf-t--
|
70
|
+
color: var(--pf-t--global--icon--color--subtle);
|
71
71
|
}
|
72
72
|
}
|
73
73
|
}
|
package/src/main.scss
CHANGED
@@ -50,8 +50,6 @@
|
|
50
50
|
|
51
51
|
--pf-t--chatbot-toggle--background--hover: var(--pf-t--color--gray--70);
|
52
52
|
|
53
|
-
--pf-t--chatbot--timing-function: cubic-bezier(0.77, 0, 0.175, 1);
|
54
|
-
|
55
53
|
--pf-t--chatbot--blue-icon--background--color--hover: rgba(
|
56
54
|
146,
|
57
55
|
197,
|
@@ -69,8 +67,6 @@
|
|
69
67
|
--pf-t--chatbot--background: var(--pf-t--global--background--color--secondary--default);
|
70
68
|
--pf-t--chatbot--border: var(--pf-t--global--border--color--default);
|
71
69
|
|
72
|
-
--pf-t--chatbot--icon--fill: var(--pf-t--global--icon--color--subtle);
|
73
|
-
--pf-t--chatbot--icon--fill--hover: var(--pf-t--global--icon--color--regular);
|
74
70
|
--pf-t--chatbot--icon--fill--active: var(--pf-t--global--text--color--regular);
|
75
71
|
|
76
72
|
--pf-t--chatbot--blue-icon--fill: var(--pf-t--global--color--brand--default);
|