@beydesign/storybook 0.7.4 → 0.7.6
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.
|
@@ -30,6 +30,7 @@ const MAX_WIDTH = 696;
|
|
|
30
30
|
/** The face bleeds 10% of its box on every side so the heart is not clipped. */
|
|
31
31
|
const FACE_BOX = { xs: 50, sm: 60 };
|
|
32
32
|
const FACE_BLEED = { xs: '-5px', sm: '-6px' };
|
|
33
|
+
const RATING_LABEL_COLOR = 'var(--primitives-white-primary-white-100)';
|
|
33
34
|
export const FeedbackCard = ({ title = 'How was your call experience with this agent?', rating, onRatingChange, ratingLabels = DEFAULT_RATING_LABELS, ratingInkColor, expanded = false, detailsTitle = 'Please help us improve! What can be done better?', topics = [], selectedTopic = null, onTopicChange, comment = '', onCommentChange, commentPlaceholder = 'Your comment', contactConsent = false, onContactConsentChange, contactConsentLabel = 'You can contact me about this feedback', submitText = 'Submit Feedback', onSubmit, submitDisabled = false, submitLoading = false, submitId, errorText, surfaceColor = DEFAULT_SURFACE, itemColor = DEFAULT_ITEM, className, sx, }) => {
|
|
34
35
|
const handleRatingClick = (option) => {
|
|
35
36
|
onRatingChange(option === rating ? null : option);
|
|
@@ -115,7 +116,7 @@ const FeedbackOption = ({ rating, label, selected, inkColor, itemColor, onClick,
|
|
|
115
116
|
fontWeight: 'var(--global-text-s-semi-bold-font-weight)',
|
|
116
117
|
fontSize: { xs: '12px', sm: '14px' },
|
|
117
118
|
lineHeight: { xs: '16px', sm: '20px' },
|
|
118
|
-
color:
|
|
119
|
+
color: RATING_LABEL_COLOR,
|
|
119
120
|
}, children: label })] }));
|
|
120
121
|
};
|
|
121
122
|
const FeedbackTopicChip = ({ topic, selected, itemColor, onClick, }) => {
|