-
Notifications
You must be signed in to change notification settings - Fork 77
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
refactor(color-picker-hex-input)!: removed intl*
properties
#6063
refactor(color-picker-hex-input)!: removed intl*
properties
#6063
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
const hexInputValue = this.formatForInternalInput(value); | ||
|
||
return ( | ||
<div class={CSS.container}> | ||
<calcite-input | ||
class={CSS.input} | ||
label={intlHex} | ||
label={"hex"} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Does this ever need to be translated?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this needs to be translated. one way is to parse it from the color-picker
component as messages
similar to what we did for date-picker-month-header
.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
color-picker translation has intlHex
messages so we can use them.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
/** | ||
* Specifies accessible label for `calcite-input`. | ||
* | ||
* @readonly |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I don't think this is readOnly since its set by a parent component.
* | ||
* @readonly | ||
*/ | ||
@Prop() hexLabel = "Hex"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Maybe we can just leave it as empty string?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
leaving this empty would break a11y
test in color-picker-hex-input
with label
being empty.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ok. this is fine then.
* master: (36 commits) 1.0.0-next.696 feat(tip,tip-manager): add built-in translations (#6074) 1.0.0-next.695 fix(icon, graphic, loader): Set aria-hidden on internal svg elements (#6069) 1.0.0-next.694 refactor(modal)!: Renamed CSS variable (#6078) 1.0.0-next.693 refactor(color-picker-hex-input)!: removed `intl*` properties (#6063) 1.0.0-next.692 feat(shell): Add slots for Modal and Alert (#5983) 1.0.0-next.691 refactor(input-date-picker)!: Removed deprecated start, startAsDate, end, endAsDate properties (#6076) 1.0.0-next.690 fix(combobox): Fix error when typing a custom value (#6071) 1.0.0-next.689 fix(rating): 5312 improve user interface (#5948) chore: Clean outdated properties (#6073) docs: update component READMEs (#6072) chore: Update interface references (#6068) chore(action): Clean up action appearance references (#6067) ...
BREAKING CHANGE: removed
intl
properties.intlHex
property, aria-label of color-picker-hex-input is set tohex
by default.intlNoColor
property.note: color-picker-hex-input is
internal
component.