@aws-amplify/ui-react-liveness 3.1.13 → 3.1.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.
Files changed (5) hide show
  1. package/dist/esm/version.mjs +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/styles.css +94 -38
  4. package/dist/types/version.d.ts +1 -1
  5. package/package.json +4 -4
package/dist/esm/version.mjs CHANGED
@@ -1,3 +1,3 @@
1
- const VERSION = '3.1.13';
1
+ const VERSION = '3.1.15';
2
2
 
3
3
  export { VERSION };
package/dist/index.js CHANGED
@@ -830,7 +830,7 @@ function getFaceMatchStateInLivenessOval({ face, ovalDetails, initialFaceInterse
830
830
  return { faceMatchState, faceMatchPercentage };
831
831
  }
832
832
 
833
- const VERSION = '3.1.13';
833
+ const VERSION = '3.1.15';
834
834
 
835
835
  const BASE_USER_AGENT = `ui-react-liveness/${VERSION}`;
836
836
  const getLivenessUserAgent = () => {
package/dist/styles.css CHANGED
@@ -25,6 +25,41 @@
25
25
  --amplify-components-accordion-item-icon-color: var(--amplify-colors-font-tertiary);
26
26
  --amplify-components-accordion-item-icon-transition-duration: var(--amplify-time-medium);
27
27
  --amplify-components-accordion-item-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
28
+ --amplify-components-ai-conversation-message-background-color: var(--amplify-colors-background-secondary);
29
+ --amplify-components-ai-conversation-message-border-radius: var(--amplify-radii-large);
30
+ --amplify-components-ai-conversation-message-gap: var(--amplify-space-small);
31
+ --amplify-components-ai-conversation-message-padding-block: var(--amplify-space-small);
32
+ --amplify-components-ai-conversation-message-padding-inline: var(--amplify-space-small);
33
+ --amplify-components-ai-conversation-message-user-background-color: var(--amplify-colors-background-secondary);
34
+ --amplify-components-ai-conversation-message-assistant-background-color: var(--amplify-colors-primary-10);
35
+ --amplify-components-ai-conversation-message-sender-gap: var(--amplify-space-small);
36
+ --amplify-components-ai-conversation-message-sender-username-color: var(--amplify-colors-font-primary);
37
+ --amplify-components-ai-conversation-message-sender-username-font-size: inherit;
38
+ --amplify-components-ai-conversation-message-sender-username-font-weight: var(--amplify-font-weights-bold);
39
+ --amplify-components-ai-conversation-message-sender-timestamp-color: var(--amplify-colors-font-tertiary);
40
+ --amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
41
+ --amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
42
+ --amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
43
+ --amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
44
+ --amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
45
+ --amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);
46
+ --amplify-components-ai-conversation-attachment-border-width: var(--amplify-border-widths-small);
47
+ --amplify-components-ai-conversation-attachment-border-radius: var(--amplify-radii-small);
48
+ --amplify-components-ai-conversation-attachment-font-size: var(--amplify-font-sizes-small);
49
+ --amplify-components-ai-conversation-attachment-padding-block: var(--amplify-space-xxxs);
50
+ --amplify-components-ai-conversation-attachment-padding-inline: var(--amplify-space-xs);
51
+ --amplify-components-ai-conversation-attachment-gap: var(--amplify-space-xs);
52
+ --amplify-components-ai-conversation-attachment-list-padding-block-start: var(--amplify-space-xs);
53
+ --amplify-components-ai-conversation-attachment-list-gap: var(--amplify-space-xxs);
54
+ --amplify-components-ai-conversation-attachment-name-color: var(--amplify-colors-font-primary);
55
+ --amplify-components-ai-conversation-attachment-name-font-size: var(--amplify-font-sizes-small);
56
+ --amplify-components-ai-conversation-attachment-name-font-weight: var(--amplify-font-weights-normal);
57
+ --amplify-components-ai-conversation-attachment-size-color: var(--amplify-colors-font-tertiary);
58
+ --amplify-components-ai-conversation-attachment-size-font-size: var(--amplify-font-sizes-small);
59
+ --amplify-components-ai-conversation-attachment-size-font-weight: var(--amplify-font-weights-normal);
60
+ --amplify-components-ai-conversation-attachment-remove-padding: var(--amplify-space-xxs);
61
+ --amplify-components-ai-conversation-attachment-image-width: var(--amplify-font-sizes-medium);
62
+ --amplify-components-ai-conversation-attachment-image-height: var(--amplify-font-sizes-medium);
28
63
  --amplify-components-alert-align-items: center;
29
64
  --amplify-components-alert-justify-content: space-between;
30
65
  --amplify-components-alert-color: var(--amplify-colors-font-primary);
@@ -6568,13 +6603,18 @@ html[dir=rtl] .amplify-field-group__inner-start {
6568
6603
  display: flex;
6569
6604
  flex-direction: column;
6570
6605
  height: 100%;
6606
+ flex: 1;
6571
6607
  }
6572
6608
  .amplify-ai-conversation__message {
6573
- --content-bg: transparent;
6609
+ --internal-content-bg: ;
6610
+ --internal-flex-direction: ;
6611
+ --internal-content-padding: ;
6612
+ --internal-body-align-items: ;
6574
6613
  display: flex;
6575
- flex-direction: var(--flex-direction);
6576
- gap: var(--amplify-space-small);
6577
- padding: var(--amplify-space-small);
6614
+ flex-direction: var(--internal-flex-direction);
6615
+ gap: var(--amplify-components-ai-conversation-message-gap);
6616
+ padding-inline: var(--amplify-components-ai-conversation-message-padding-inline);
6617
+ padding-block: var(--amplify-components-ai-conversation-message-padding-block);
6578
6618
  }
6579
6619
  .amplify-ai-conversation__message__list {
6580
6620
  display: flex;
@@ -6585,89 +6625,105 @@ html[dir=rtl] .amplify-field-group__inner-start {
6585
6625
  }
6586
6626
  .amplify-ai-conversation__message__sender {
6587
6627
  display: flex;
6588
- flex-direction: var(--flex-direction);
6628
+ flex-direction: var(--internal-flex-direction);
6589
6629
  align-items: center;
6590
- height: var(--amplify-components-avatar-height);
6591
- gap: var(--amplify-space-small);
6630
+ min-height: var(--amplify-components-avatar-height);
6631
+ gap: var(--amplify-components-ai-conversation-message-sender-gap);
6592
6632
  }
6593
6633
  .amplify-ai-conversation__message__sender__username {
6594
- font-weight: bold;
6634
+ color: var(--amplify-components-ai-conversation-message-sender-username-color);
6635
+ font-size: var(--amplify-components-ai-conversation-message-sender-username-font-size);
6636
+ font-weight: var(--amplify-components-ai-conversation-message-sender-username-font-weight);
6595
6637
  }
6596
6638
  .amplify-ai-conversation__message__sender__timestamp {
6597
- color: var(--amplify-colors-font-tertiary);
6598
- font-size: var(--amplify-font-sizes-small);
6639
+ color: var(--amplify-components-ai-conversation-message-sender-timestamp-color);
6640
+ font-size: var(--amplify-components-ai-conversation-message-sender-timestamp-font-size);
6641
+ font-weight: var(--amplify-components-ai-conversation-message-sender-timestamp-font-weight);
6599
6642
  }
6600
6643
  .amplify-ai-conversation__message__body {
6601
6644
  display: flex;
6602
6645
  flex-direction: column;
6603
- align-items: var(--body-align-items);
6604
- gap: var(--amplify-space-xs);
6646
+ align-items: var(--internal-body-align-items);
6647
+ gap: var(--amplify-components-ai-conversation-message-body-gap);
6605
6648
  }
6606
6649
  .amplify-ai-conversation__message__content {
6607
- background-color: var(--content-bg);
6650
+ background-color: var(--internal-content-bg);
6608
6651
  border-radius: var(--amplify-radii-medium);
6609
- padding: var(--content-padding);
6652
+ padding: var(--internal-content-padding);
6610
6653
  }
6611
6654
  .amplify-ai-conversation__message__actions {
6612
6655
  display: flex;
6613
6656
  flex-direction: row;
6614
6657
  }
6615
6658
  .amplify-ai-conversation__message--bubble {
6616
- --content-bg: var(--bg-color);
6617
- --content-padding: var(--amplify-space-xxs) var(--amplify-space-xs);
6618
- --flex-direction: row-reverse;
6619
- --body-align-items: flex-end;
6659
+ --internal-content-bg: var(--internal-bg-color);
6660
+ --internal-content-padding: var(--amplify-space-xxs)
6661
+ var(--amplify-space-xs);
6662
+ --internal-flex-direction: row-reverse;
6663
+ --internal-body-align-items: flex-end;
6620
6664
  }
6621
6665
  .amplify-ai-conversation__message--user {
6622
- --bg-color: var(--amplify-colors-background-secondary);
6666
+ --internal-bg-color: var(
6667
+ --amplify-components-ai-conversation-message-user-background-color
6668
+ );
6623
6669
  }
6624
6670
  .amplify-ai-conversation__message--assistant {
6625
- --bg-color: var(--amplify-colors-primary-10);
6626
- --flex-direction: row;
6627
- --body-align-items: flex-start;
6671
+ --internal-bg-color: var(
6672
+ --amplify-components-ai-conversation-message-assistant-background-color
6673
+ );
6674
+ --internal-flex-direction: row;
6675
+ --internal-body-align-items: flex-start;
6628
6676
  }
6629
6677
  .amplify-ai-conversation__form {
6630
6678
  display: flex;
6631
6679
  flex-direction: row;
6632
6680
  align-items: flex-start;
6633
- gap: var(--amplify-space-small);
6681
+ gap: var(--amplify-components-ai-conversation-form-gap);
6682
+ padding: var(--amplify-components-ai-conversation-form-padding);
6634
6683
  }
6635
6684
  .amplify-ai-conversation__form__dropzone {
6636
6685
  text-align: initial;
6637
6686
  border: none;
6638
- padding: var(--amplify-space-xs);
6687
+ padding: 0;
6639
6688
  }
6640
6689
  .amplify-ai-conversation__attachment {
6641
6690
  display: flex;
6642
6691
  flex-direction: row;
6643
- padding-block: var(--amplify-space-xxxs);
6644
- padding-inline: var(--amplify-space-xs);
6645
- border-width: var(--amplify-border-widths-small);
6646
- border-style: solid;
6647
- border-color: var(--amplify-colors-border-secondary);
6648
- border-radius: var(--amplify-radii-small);
6649
6692
  align-items: center;
6650
- gap: var(--amplify-space-xs);
6651
- font-size: var(--amplify-font-sizes-small);
6693
+ padding-block: var(--amplify-components-ai-conversation-attachment-padding-block);
6694
+ padding-inline: var(--amplify-components-ai-conversation-attachment-padding-inline);
6695
+ border-width: var(--amplify-components-ai-conversation-attachment-border-width);
6696
+ border-style: solid;
6697
+ border-color: var(--amplify-components-ai-conversation-attachment-border-color);
6698
+ border-radius: var(--amplify-components-ai-conversation-attachment-border-radius);
6699
+ gap: var(--amplify-components-ai-conversation-attachment-gap);
6700
+ font-size: var(--amplify-components-ai-conversation-attachment-font-size);
6652
6701
  }
6653
6702
  .amplify-ai-conversation__attachment__list {
6654
6703
  display: flex;
6655
6704
  flex-direction: row;
6656
6705
  flex-wrap: wrap;
6657
- gap: var(--amplify-space-small);
6658
- padding-block-start: var(--amplify-space-small);
6706
+ gap: var(--amplify-components-ai-conversation-attachment-list-gap);
6707
+ padding-block-start: var(--amplify-components-ai-conversation-attachment-padding-block-start);
6659
6708
  }
6660
6709
  .amplify-ai-conversation__attachment__image {
6661
- width: 1rem;
6662
- height: 1rem;
6710
+ width: var(--amplify-components-ai-conversation-attachment-image-width);
6711
+ height: var(--amplify-components-ai-conversation-attachment-image-height);
6663
6712
  -o-object-fit: cover;
6664
6713
  object-fit: cover;
6665
6714
  }
6715
+ .amplify-ai-conversation__attachment__name {
6716
+ color: var(--amplify-components-ai-conversation-attachment-name-color);
6717
+ font-size: var(--amplify-components-ai-conversation-attachment-name-font-size);
6718
+ font-weight: var(--amplify-components-ai-conversation-attachment-name-font-weight);
6719
+ }
6666
6720
  .amplify-ai-conversation__attachment__size {
6667
- color: var(--amplify-colors-font-tertiary);
6721
+ color: var(--amplify-components-ai-conversation-attachment-size-color);
6722
+ font-size: var(--amplify-components-ai-conversation-attachment-size-font-size);
6723
+ font-weight: var(--amplify-components-ai-conversation-attachment-size-font-weight);
6668
6724
  }
6669
6725
  .amplify-ai-conversation__attachment__remove {
6670
- padding: var(--amplify-space-xxs);
6726
+ padding: var(--amplify-components-ai-conversation-attachment-remove-padding);
6671
6727
  }
6672
6728
  .amplify-ai-conversation__prompt {
6673
6729
  font-weight: normal;
package/dist/types/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const VERSION = "3.1.13";
1
+ export declare const VERSION = "3.1.15";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react-liveness",
3
- "version": "3.1.13",
3
+ "version": "3.1.15",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "exports": {
@@ -43,13 +43,13 @@
43
43
  },
44
44
  "peerDependencies": {
45
45
  "@aws-amplify/core": "*",
46
- "aws-amplify": "^6.6.0",
46
+ "aws-amplify": "^6.6.5",
47
47
  "react": "^16.14.0 || ^17.0 || ^18.0",
48
48
  "react-dom": "^16.14.0 || ^17.0 || ^18.0"
49
49
  },
50
50
  "dependencies": {
51
- "@aws-amplify/ui": "6.6.3",
52
- "@aws-amplify/ui-react": "6.5.3",
51
+ "@aws-amplify/ui": "6.6.5",
52
+ "@aws-amplify/ui-react": "6.5.5",
53
53
  "@aws-sdk/client-rekognitionstreaming": "3.621.0",
54
54
  "@aws-sdk/util-format-url": "3.609.0",
55
55
  "@smithy/eventstream-serde-browser": "^2.0.4",