-
Notifications
You must be signed in to change notification settings - Fork 207
[POC] Removing modifiers #4187
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
base: spectrum-two
Are you sure you want to change the base?
[POC] Removing modifiers #4187
Conversation
|
File metricsSummaryTotal size: 1.31 MB*
File change detailsaccordion
actionbar
actionbutton
actiongroup
alertbanner
alertdialog
asset
assetcard
assetlist
avatar
badge
breadcrumb
button
buttongroup
calendar
card
checkbox
clearbutton
closebutton
coachindicator
coachmark
colorarea
colorhandle
colorloupe
colorslider
colorwheel
combobox
contextualhelp
datepicker
dial
dialog
divider
dropindicator
dropzone
fieldgroup
fieldlabel
floatingactionbutton
form
helptext
icon
illustratedmessage
infieldbutton
infieldprogresscircle
inlinealert
link
logicbutton
menu
meter
miller
modal
opacitycheckerboard
page
pagination
picker
pickerbutton
popover
progressbar
progresscircle
radio
rating
search
sidenav
slider
splitview
statuslight
steplist
stepper
swatch
swatchgroup
switch
table
tabs
tag
taggroup
textfield
thumbnail
toast
tooltip
tray
treeview
typography
underlay
well
* An ASCII character in UTF-8 is 8 bits or 1 byte. |
📚 Branch previewPR #4187 has been deployed to Azure Blob Storage: https://spectrumcss.z13.web.core.windows.net/pr-4187/index.html. |
4d3f543
to
1869b23
Compare
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.
Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit
stylelint
Unused custom property --spectrum-calendar-day-background-color defined
spectrum-css/components/calendar/index.css
Line 437 in 1869b23
--spectrum-calendar-day-background-color: var(--spectrum-calendar-day-background-cap-selected); |
Unused custom property --spectrum-calendar-day-background-color-focus defined
spectrum-css/components/calendar/index.css
Line 461 in 1869b23
--spectrum-calendar-day-background-color-focus: transparent; |
Custom property --spectrum-closebutton-margin-inline not defined
spectrum-css/components/closebutton/index.css
Line 141 in 1869b23
margin-inline: var(--spectrum-closebutton-margin-inline); |
Custom property --spectrum-closebutton-margin-top not defined
spectrum-css/components/closebutton/index.css
Line 142 in 1869b23
margin-block-start: var(--spectrum-closebutton-margin-top); |
Custom property --spectrum-closebutton-align-self not defined
spectrum-css/components/closebutton/index.css
Line 143 in 1869b23
align-self: var(--spectrum-closebutton-align-self); |
Custom property --spectrum-animation-easing not defined
transition: all var(--spectrum-animation-duration-100) var(--spectrum-animation-easing); |
Custom property --spectrum-colorhandle-hitarea-border-radius not defined
border-radius: var(--spectrum-colorhandle-hitarea-border-radius, 100%); |
Unused custom property --spectrum-combobox-popover-animation-distance defined
--spectrum-combobox-popover-animation-distance: var(--spectrum-component-to-menu-medium); |
Unused custom property --spectrum-combobox-popover-animation-distance defined
spectrum-css/components/combobox/index.css
Line 128 in 1869b23
--spectrum-combobox-popover-animation-distance: var(--spectrum-component-to-menu-small); |
Unused custom property --spectrum-combobox-popover-animation-distance defined
spectrum-css/components/combobox/index.css
Line 144 in 1869b23
--spectrum-combobox-popover-animation-distance: var(--spectrum-component-to-menu-large); |
Unused custom property --spectrum-combobox-popover-animation-distance defined
spectrum-css/components/combobox/index.css
Line 160 in 1869b23
--spectrum-combobox-popover-animation-distance: var(--spectrum-component-to-menu-extra-large); |
Custom property --spectrum-combobox-spacing-alert-icon-to-text not defined
spectrum-css/components/combobox/index.css
Line 323 in 1869b23
padding-inline-end: calc(var(--spectrum-combobox-button-width) + var(--spectrum-combobox-spacing-inline-icon-to-button) + var(--spectrum-combobox-icon-size) + var(--spectrum-combobox-spacing-alert-icon-to-text) - var(--spectrum-combobox-border-width)); |
Custom property --spectrum-datepicker-padding-inline-end-quiet's references have been removed
--spectrum-datepicker-padding-inline-end-quiet: calc((var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100)) - var(--spectrum-datepicker-quiet-button-offset)); |
Unused custom property --spectrum-datepicker-padding-inline defined
spectrum-css/components/datepicker/index.css
Line 157 in 1869b23
--spectrum-datepicker-padding-inline: var(--spectrum-datepicker-padding-inline-end-quiet); |
Unused custom property --spectrum-picker-button-background-color defined
spectrum-css/components/datepicker/index.css
Line 195 in 1869b23
--spectrum-picker-button-background-color: transparent; |
Custom property --highcontrast-datepicker-pickerbutton-border-color-invalid not defined
--spectrum-datepicker-pickerbutton-border-color-invalid: var(--highcontrast-datepicker-pickerbutton-border-color-invalid, var(--spectrum-negative-border-color-default)); |
Unused custom property --spectrum-buttongroup-justify-content defined
spectrum-css/components/dialog/index.css
Line 54 in 1869b23
--spectrum-buttongroup-justify-content: flex-end; |
Unused custom property --spectrum-buttongroup-flex-wrap defined
spectrum-css/components/dialog/index.css
Line 55 in 1869b23
--spectrum-buttongroup-flex-wrap: nowrap; |
Custom property --spectrum-divider-vertical-margin not defined
spectrum-css/components/divider/index.css
Line 72 in 1869b23
margin-block: var(--spectrum-divider-vertical-margin, 0); |
Custom property --spectrum-divider-vertical-height not defined
spectrum-css/components/divider/index.css
Line 73 in 1869b23
block-size: var(--spectrum-divider-vertical-height); |
Custom property --spectrum-divider-vertical-align not defined
spectrum-css/components/divider/index.css
Line 74 in 1869b23
align-self: var(--spectrum-divider-vertical-align, flex-start); |
Unused custom property --spectrum-illustrated-message-description-to-action defined
--spectrum-illustrated-message-description-to-action: var(--spectrum-drop-zone-body-to-action); |
Unused custom property --spectrum-illustrated-message-description-position defined
--spectrum-illustrated-message-description-position: relative; |
Unused custom property --spectrum-illustrated-message-description-z-index defined
--spectrum-illustrated-message-description-z-index: 10; |
Unused custom property --spectrum-illustrated-message-description-font-size defined
--spectrum-illustrated-message-description-font-size: var(--spectrum-drop-zone-body-font-size); |
Unused custom property --spectrum-drop-zone-border-style defined
--spectrum-drop-zone-border-style: solid; |
Unused custom property --spectrum-illustrated-message-illustration-color defined
--spectrum-illustrated-message-illustration-color: var(--spectrum-drop-zone-illustration-color-hover); |
Unused custom property --spectrum-illustrated-message-display defined
--spectrum-illustrated-message-display: none; |
Unused custom property --spectrum-button-border-radius defined
spectrum-css/components/dropzone/index.css
Line 149 in 1869b23
--spectrum-button-border-radius: var(--spectrum-corner-radius-500); |
Custom property --Highlight-fieldlabel-asterisk-vertical-align not defined
spectrum-css/components/fieldlabel/index.css
Line 110 in 1869b23
vertical-align: var(--Highlight-fieldlabel-asterisk-vertical-align, baseline); |
Expected "--Highlight-fieldlabel-asterisk-vertical-align" to match pattern "/^(spectrum|mod|highcontrast|system|_)/"
spectrum-css/components/fieldlabel/index.css
Line 110 in 1869b23
vertical-align: var(--Highlight-fieldlabel-asterisk-vertical-align, baseline); |
Custom property --spectrum-floating-action-button-border-radius not defined
border-radius: var(--spectrum-floating-action-button-border-radius, 50%); |
Custom property --spectrum-floating-action-button-border-radius not defined
border-radius: var(--spectrum-floating-action-button-border-radius, 50%); |
Custom property --spectrum-form-inline-size not defined
spectrum-css/components/form/index.css
Line 26 in 1869b23
inline-size: var(--spectrum-form-inline-size, fit-content); |
Custom property --spectrum-illustrated-message-display not defined
display: var(--spectrum-illustrated-message-display, grid); |
Custom property --spectrum-illustrated-message-pointer-events not defined
pointer-events: var(--spectrum-illustrated-message-pointer-events, auto); |
Custom property --spectrum-illustrated-message-description-position not defined
position: var(--spectrum-illustrated-message-description-position); |
Custom property --spectrum-illustrated-message-description-z-index not defined
z-index: var(--spectrum-illustrated-message-description-z-index); |
Custom property --spectrum-illustrated-message-description-pointer-events not defined
pointer-events: var(--spectrum-illustrated-message-description-pointer-events, auto); |
Unused custom property --spectrum-progress-circle-thickness defined
--spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-small); |
Unused custom property --spectrum-progress-circle-size defined
--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-100); |
Unused custom property --spectrum-progress-circle-size defined
--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-75); |
Unused custom property --spectrum-progress-circle-size defined
--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-200); |
Unused custom property --spectrum-progress-circle-size defined
--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-300); |
Custom property --spectrum-menu-back-padding-inline-start not defined
spectrum-css/components/menu/index.css
Line 873 in 1869b23
padding-inline: var(--spectrum-menu-back-padding-inline-start, 0) var(--spectrum-menu-item-label-inline-edge-to-content); |
Custom property --spectrum-menu-back-padding-block-start not defined
spectrum-css/components/menu/index.css
Line 874 in 1869b23
padding-block: var(--spectrum-menu-back-padding-block-start, 0) var(--spectrum-menu-back-padding-block-end, 0); |
Custom property --spectrum-menu-back-padding-block-end not defined
spectrum-css/components/menu/index.css
Line 874 in 1869b23
padding-block: var(--spectrum-menu-back-padding-block-start, 0) var(--spectrum-menu-back-padding-block-end, 0); |
Unused custom property --spectrum-progressbar-fill-color defined
spectrum-css/components/meter/index.css
Line 34 in 1869b23
--spectrum-progressbar-fill-color: var(--spectrum-positive-visual-color); |
Unused custom property --spectrum-progressbar-fill-color defined
spectrum-css/components/meter/index.css
Line 38 in 1869b23
--spectrum-progressbar-fill-color: var(--spectrum-notice-visual-color); |
Unused custom property --spectrum-progressbar-fill-color defined
spectrum-css/components/meter/index.css
Line 42 in 1869b23
--spectrum-progressbar-fill-color: var(--spectrum-negative-visual-color); |
Unused custom property --spectrum-popover-animation-distance defined
spectrum-css/components/picker/index.css
Line 107 in 1869b23
--spectrum-popover-animation-distance: var(--spectrum-picker-popover-animation-distance); |
Custom property --spectrum-progress-circle-position not defined
position: var(--spectrum-progress-circle-position, relative); |
Unused custom property --spectrum-textfield-font-family defined
spectrum-css/components/search/index.css
Line 79 in 1869b23
--spectrum-textfield-font-family: var(--spectrum-search-font-family); |
Unused custom property --spectrum-textfield-font-weight defined
spectrum-css/components/search/index.css
Line 80 in 1869b23
--spectrum-textfield-font-weight: var(--spectrum-search-font-weight); |
Unused custom property --spectrum-textfield-placeholder-font-size defined
spectrum-css/components/search/index.css
Line 81 in 1869b23
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100); |
Unused custom property --spectrum-textfield-corner-radius defined
spectrum-css/components/search/index.css
Line 83 in 1869b23
--spectrum-textfield-corner-radius: var(--spectrum-search-border-radius); |
Unused custom property --spectrum-textfield-border-width defined
spectrum-css/components/search/index.css
Line 84 in 1869b23
--spectrum-textfield-border-width: var(--spectrum-search-border-width); |
Unused custom property --spectrum-textfield-focus-indicator-gap defined
spectrum-css/components/search/index.css
Line 86 in 1869b23
--spectrum-textfield-focus-indicator-gap: var(--spectrum-search-focus-indicator-gap); |
Unused custom property --spectrum-textfield-focus-indicator-width defined
spectrum-css/components/search/index.css
Line 87 in 1869b23
--spectrum-textfield-focus-indicator-width: var(--spectrum-search-focus-indicator-thickness); |
Unused custom property --spectrum-textfield-focus-indicator-color defined
spectrum-css/components/search/index.css
Line 88 in 1869b23
--spectrum-textfield-focus-indicator-color: var(--spectrum-search-focus-indicator-color); |
Unused custom property --spectrum-textfield-text-color-default defined
spectrum-css/components/search/index.css
Line 90 in 1869b23
--spectrum-textfield-text-color-default: var(--spectrum-search-color-default); |
Unused custom property --spectrum-textfield-text-color-hover defined
spectrum-css/components/search/index.css
Line 91 in 1869b23
--spectrum-textfield-text-color-hover: var(--spectrum-search-color-hover); |
Unused custom property --spectrum-textfield-text-color-focus defined
spectrum-css/components/search/index.css
Line 92 in 1869b23
--spectrum-textfield-text-color-focus: var(--spectrum-search-color-focus); |
Unused custom property --spectrum-textfield-text-color-focus-hover defined
spectrum-css/components/search/index.css
Line 93 in 1869b23
--spectrum-textfield-text-color-focus-hover: var(--spectrum-search-color-focus-hover); |
Unused custom property --spectrum-textfield-text-color-keyboard-focus defined
spectrum-css/components/search/index.css
Line 94 in 1869b23
--spectrum-textfield-text-color-keyboard-focus: var(--spectrum-search-color-key-focus); |
Unused custom property --spectrum-textfield-text-color-disabled defined
spectrum-css/components/search/index.css
Line 95 in 1869b23
--spectrum-textfield-text-color-disabled: var(--spectrum-search-color-disabled); |
Unused custom property --spectrum-textfield-border-color defined
spectrum-css/components/search/index.css
Line 97 in 1869b23
--spectrum-textfield-border-color: var(--spectrum-search-border-color-default); |
Unused custom property --spectrum-textfield-border-color-hover defined
spectrum-css/components/search/index.css
Line 98 in 1869b23
--spectrum-textfield-border-color-hover: var(--spectrum-search-border-color-hover); |
Unused custom property --spectrum-textfield-border-color-focus defined
spectrum-css/components/search/index.css
Line 99 in 1869b23
--spectrum-textfield-border-color-focus: var(--spectrum-search-border-color-focus); |
Unused custom property --spectrum-textfield-border-color-focus-hover defined
spectrum-css/components/search/index.css
Line 100 in 1869b23
--spectrum-textfield-border-color-focus-hover: var(--spectrum-search-border-color-focus-hover); |
Unused custom property --spectrum-textfield-border-color-keyboard-focus defined
spectrum-css/components/search/index.css
Line 101 in 1869b23
--spectrum-textfield-border-color-keyboard-focus: var(--spectrum-search-border-color-key-focus); |
Unused custom property --spectrum-textfield-border-color-disabled defined
spectrum-css/components/search/index.css
Line 102 in 1869b23
--spectrum-textfield-border-color-disabled: var(--spectrum-search-border-color-disabled); |
Unused custom property --spectrum-textfield-background-color defined
spectrum-css/components/search/index.css
Line 104 in 1869b23
--spectrum-textfield-background-color: var(--spectrum-search-background-color); |
Unused custom property --spectrum-textfield-background-color-disabled defined
spectrum-css/components/search/index.css
Line 105 in 1869b23
--spectrum-textfield-background-color-disabled: var(--spectrum-search-background-color-disabled); |
Unused custom property --spectrum-textfield-placeholder-font-size defined
spectrum-css/components/search/index.css
Line 118 in 1869b23
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-75); |
Unused custom property --spectrum-textfield-placeholder-font-size defined
spectrum-css/components/search/index.css
Line 130 in 1869b23
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-200); |
Unused custom property --spectrum-textfield-placeholder-font-size defined
spectrum-css/components/search/index.css
Line 142 in 1869b23
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-300); |
Unused custom property --spectrum-textfield-width defined
spectrum-css/components/slider/index.css
Line 77 in 1869b23
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-medium); |
Unused custom property --spectrum-fieldlabel-top-to-text defined
spectrum-css/components/slider/index.css
Line 80 in 1869b23
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-100); |
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
spectrum-css/components/slider/index.css
Line 81 in 1869b23
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-100); |
Unused custom property --spectrum-textfield-width defined
spectrum-css/components/slider/index.css
Line 95 in 1869b23
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-small); |
Unused custom property --spectrum-fieldlabel-top-to-text defined
spectrum-css/components/slider/index.css
Line 96 in 1869b23
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-75); |
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
spectrum-css/components/slider/index.css
Line 97 in 1869b23
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-75); |
Unused custom property --spectrum-textfield-width defined
spectrum-css/components/slider/index.css
Line 112 in 1869b23
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-large); |
Unused custom property --spectrum-fieldlabel-top-to-text defined
spectrum-css/components/slider/index.css
Line 113 in 1869b23
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200); |
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
spectrum-css/components/slider/index.css
Line 114 in 1869b23
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200); |
Unused custom property --spectrum-textfield-width defined
spectrum-css/components/slider/index.css
Line 131 in 1869b23
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large); |
Unused custom property --spectrum-fieldlabel-top-to-text defined
spectrum-css/components/slider/index.css
Line 132 in 1869b23
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300); |
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
spectrum-css/components/slider/index.css
Line 133 in 1869b23
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300); |
Unused custom property --spectrum-closebutton-icon-color-default defined
spectrum-css/components/toast/index.css
Line 51 in 1869b23
--spectrum-closebutton-icon-color-default: var(--spectrum-toast-text-and-icon-color); |
Custom property --spectrum-body-margin-start not defined
spectrum-css/components/typography/index.css
Line 400 in 1869b23
margin-block-start: var(--spectrum-body-margin-start, 0); |
Custom property --spectrum-code-margin-start not defined
spectrum-css/components/typography/index.css
Line 703 in 1869b23
margin-block-start: var(--spectrum-code-margin-start, 0); |
Custom property --spectrum-code-margin-end not defined
spectrum-css/components/typography/index.css
Line 704 in 1869b23
margin-block-end: var(--spectrum-code-margin-end, 0); |
1869b23
to
fe25f58
Compare
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.
Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit
stylelint
Expected "--Highlight-fieldlabel-asterisk-vertical-align" to match pattern "/^(spectrum|mod|highcontrast|system|_)/"
spectrum-css/components/fieldlabel/index.css
Line 110 in fe25f58
vertical-align: var(--Highlight-fieldlabel-asterisk-vertical-align, baseline); |
Custom property --spectrum-floating-action-button-border-radius not defined
border-radius: var(--spectrum-floating-action-button-border-radius, 50%); |
Custom property --spectrum-floating-action-button-border-radius not defined
border-radius: var(--spectrum-floating-action-button-border-radius, 50%); |
Custom property --spectrum-form-inline-size not defined
spectrum-css/components/form/index.css
Line 26 in fe25f58
inline-size: var(--spectrum-form-inline-size, fit-content); |
Custom property --spectrum-illustrated-message-display not defined
display: var(--spectrum-illustrated-message-display, grid); |
Custom property --spectrum-illustrated-message-pointer-events not defined
pointer-events: var(--spectrum-illustrated-message-pointer-events, auto); |
Custom property --spectrum-illustrated-message-description-position not defined
position: var(--spectrum-illustrated-message-description-position); |
Custom property --spectrum-illustrated-message-description-z-index not defined
z-index: var(--spectrum-illustrated-message-description-z-index); |
Custom property --spectrum-illustrated-message-description-pointer-events not defined
pointer-events: var(--spectrum-illustrated-message-description-pointer-events, auto); |
Unused custom property --spectrum-progress-circle-thickness defined
--spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-small); |
Unused custom property --spectrum-progress-circle-size defined
--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-100); |
Unused custom property --spectrum-progress-circle-size defined
--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-75); |
Unused custom property --spectrum-progress-circle-size defined
--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-200); |
Unused custom property --spectrum-progress-circle-size defined
--spectrum-progress-circle-size: var(--spectrum-in-field-progress-circle-size-300); |
Custom property --spectrum-menu-back-padding-inline-start not defined
spectrum-css/components/menu/index.css
Line 873 in fe25f58
padding-inline: var(--spectrum-menu-back-padding-inline-start, 0) var(--spectrum-menu-item-label-inline-edge-to-content); |
Custom property --spectrum-menu-back-padding-block-start not defined
spectrum-css/components/menu/index.css
Line 874 in fe25f58
padding-block: var(--spectrum-menu-back-padding-block-start, 0) var(--spectrum-menu-back-padding-block-end, 0); |
Custom property --spectrum-menu-back-padding-block-end not defined
spectrum-css/components/menu/index.css
Line 874 in fe25f58
padding-block: var(--spectrum-menu-back-padding-block-start, 0) var(--spectrum-menu-back-padding-block-end, 0); |
Unused custom property --spectrum-progressbar-fill-color defined
spectrum-css/components/meter/index.css
Line 34 in fe25f58
--spectrum-progressbar-fill-color: var(--spectrum-positive-visual-color); |
Unused custom property --spectrum-progressbar-fill-color defined
spectrum-css/components/meter/index.css
Line 38 in fe25f58
--spectrum-progressbar-fill-color: var(--spectrum-notice-visual-color); |
Unused custom property --spectrum-progressbar-fill-color defined
spectrum-css/components/meter/index.css
Line 42 in fe25f58
--spectrum-progressbar-fill-color: var(--spectrum-negative-visual-color); |
Unused custom property --spectrum-popover-animation-distance defined
spectrum-css/components/picker/index.css
Line 107 in fe25f58
--spectrum-popover-animation-distance: var(--spectrum-picker-popover-animation-distance); |
Custom property --spectrum-progress-circle-position not defined
position: var(--spectrum-progress-circle-position, relative); |
Unused custom property --spectrum-textfield-font-family defined
spectrum-css/components/search/index.css
Line 79 in fe25f58
--spectrum-textfield-font-family: var(--spectrum-search-font-family); |
Unused custom property --spectrum-textfield-font-weight defined
spectrum-css/components/search/index.css
Line 80 in fe25f58
--spectrum-textfield-font-weight: var(--spectrum-search-font-weight); |
Unused custom property --spectrum-textfield-placeholder-font-size defined
spectrum-css/components/search/index.css
Line 81 in fe25f58
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100); |
Unused custom property --spectrum-textfield-corner-radius defined
spectrum-css/components/search/index.css
Line 83 in fe25f58
--spectrum-textfield-corner-radius: var(--spectrum-search-border-radius); |
Unused custom property --spectrum-textfield-border-width defined
spectrum-css/components/search/index.css
Line 84 in fe25f58
--spectrum-textfield-border-width: var(--spectrum-search-border-width); |
Unused custom property --spectrum-textfield-focus-indicator-gap defined
spectrum-css/components/search/index.css
Line 86 in fe25f58
--spectrum-textfield-focus-indicator-gap: var(--spectrum-search-focus-indicator-gap); |
Unused custom property --spectrum-textfield-focus-indicator-width defined
spectrum-css/components/search/index.css
Line 87 in fe25f58
--spectrum-textfield-focus-indicator-width: var(--spectrum-search-focus-indicator-thickness); |
Unused custom property --spectrum-textfield-focus-indicator-color defined
spectrum-css/components/search/index.css
Line 88 in fe25f58
--spectrum-textfield-focus-indicator-color: var(--spectrum-search-focus-indicator-color); |
Unused custom property --spectrum-textfield-text-color-default defined
spectrum-css/components/search/index.css
Line 90 in fe25f58
--spectrum-textfield-text-color-default: var(--spectrum-search-color-default); |
Unused custom property --spectrum-textfield-text-color-hover defined
spectrum-css/components/search/index.css
Line 91 in fe25f58
--spectrum-textfield-text-color-hover: var(--spectrum-search-color-hover); |
Unused custom property --spectrum-textfield-text-color-focus defined
spectrum-css/components/search/index.css
Line 92 in fe25f58
--spectrum-textfield-text-color-focus: var(--spectrum-search-color-focus); |
Unused custom property --spectrum-textfield-text-color-focus-hover defined
spectrum-css/components/search/index.css
Line 93 in fe25f58
--spectrum-textfield-text-color-focus-hover: var(--spectrum-search-color-focus-hover); |
Unused custom property --spectrum-textfield-text-color-keyboard-focus defined
spectrum-css/components/search/index.css
Line 94 in fe25f58
--spectrum-textfield-text-color-keyboard-focus: var(--spectrum-search-color-key-focus); |
Unused custom property --spectrum-textfield-text-color-disabled defined
spectrum-css/components/search/index.css
Line 95 in fe25f58
--spectrum-textfield-text-color-disabled: var(--spectrum-search-color-disabled); |
Unused custom property --spectrum-textfield-border-color defined
spectrum-css/components/search/index.css
Line 97 in fe25f58
--spectrum-textfield-border-color: var(--spectrum-search-border-color-default); |
Unused custom property --spectrum-textfield-border-color-hover defined
spectrum-css/components/search/index.css
Line 98 in fe25f58
--spectrum-textfield-border-color-hover: var(--spectrum-search-border-color-hover); |
Unused custom property --spectrum-textfield-border-color-focus defined
spectrum-css/components/search/index.css
Line 99 in fe25f58
--spectrum-textfield-border-color-focus: var(--spectrum-search-border-color-focus); |
Unused custom property --spectrum-textfield-border-color-focus-hover defined
spectrum-css/components/search/index.css
Line 100 in fe25f58
--spectrum-textfield-border-color-focus-hover: var(--spectrum-search-border-color-focus-hover); |
Unused custom property --spectrum-textfield-border-color-keyboard-focus defined
spectrum-css/components/search/index.css
Line 101 in fe25f58
--spectrum-textfield-border-color-keyboard-focus: var(--spectrum-search-border-color-key-focus); |
Unused custom property --spectrum-textfield-border-color-disabled defined
spectrum-css/components/search/index.css
Line 102 in fe25f58
--spectrum-textfield-border-color-disabled: var(--spectrum-search-border-color-disabled); |
Unused custom property --spectrum-textfield-background-color defined
spectrum-css/components/search/index.css
Line 104 in fe25f58
--spectrum-textfield-background-color: var(--spectrum-search-background-color); |
Unused custom property --spectrum-textfield-background-color-disabled defined
spectrum-css/components/search/index.css
Line 105 in fe25f58
--spectrum-textfield-background-color-disabled: var(--spectrum-search-background-color-disabled); |
Unused custom property --spectrum-textfield-placeholder-font-size defined
spectrum-css/components/search/index.css
Line 118 in fe25f58
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-75); |
Unused custom property --spectrum-textfield-placeholder-font-size defined
spectrum-css/components/search/index.css
Line 130 in fe25f58
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-200); |
Unused custom property --spectrum-textfield-placeholder-font-size defined
spectrum-css/components/search/index.css
Line 142 in fe25f58
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-300); |
Unused custom property --spectrum-textfield-width defined
spectrum-css/components/slider/index.css
Line 77 in fe25f58
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-medium); |
Unused custom property --spectrum-fieldlabel-top-to-text defined
spectrum-css/components/slider/index.css
Line 80 in fe25f58
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-100); |
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
spectrum-css/components/slider/index.css
Line 81 in fe25f58
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-100); |
Unused custom property --spectrum-textfield-width defined
spectrum-css/components/slider/index.css
Line 95 in fe25f58
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-small); |
Unused custom property --spectrum-fieldlabel-top-to-text defined
spectrum-css/components/slider/index.css
Line 96 in fe25f58
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-75); |
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
spectrum-css/components/slider/index.css
Line 97 in fe25f58
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-75); |
Unused custom property --spectrum-textfield-width defined
spectrum-css/components/slider/index.css
Line 112 in fe25f58
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-large); |
Unused custom property --spectrum-fieldlabel-top-to-text defined
spectrum-css/components/slider/index.css
Line 113 in fe25f58
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200); |
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
spectrum-css/components/slider/index.css
Line 114 in fe25f58
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200); |
Unused custom property --spectrum-textfield-width defined
spectrum-css/components/slider/index.css
Line 131 in fe25f58
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large); |
Unused custom property --spectrum-fieldlabel-top-to-text defined
spectrum-css/components/slider/index.css
Line 132 in fe25f58
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300); |
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
spectrum-css/components/slider/index.css
Line 133 in fe25f58
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300); |
Custom property --spectrum-numberfield-border-color-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 20 in fe25f58
--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400)); |
Custom property --spectrum-numberfield-border-color-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 21 in fe25f58
--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800)); |
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 22 in fe25f58
--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800)); |
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 23 in fe25f58
--spectrum-numberfield-border-color-focus-hover: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-gray-900)); |
Custom property --spectrum-numberfield-border-color-disabled's references have been removed
spectrum-css/components/stepper/index.css
Line 24 in fe25f58
--spectrum-numberfield-border-color-disabled: var(--spectrum-disabled-border-color); |
Custom property --spectrum-numberfield-border-color-invalid-default's references have been removed
spectrum-css/components/stepper/index.css
Line 27 in fe25f58
--spectrum-numberfield-border-color-invalid-default: var(--spectrum-negative-border-color-default); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 167 in fe25f58
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-numberfield-border-color-hover)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 171 in fe25f58
--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-invalid-default); |
Custom property --spectrum-numberfield-border-color-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 172 in fe25f58
--spectrum-numberfield-border-color-hover: var(--spectrum-numberfield-border-color-invalid-hover); |
Custom property --spectrum-numberfield-border-color-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 173 in fe25f58
--spectrum-numberfield-border-color-focus: var(--spectrum-numberfield-border-color-invalid-focus); |
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 174 in fe25f58
--spectrum-numberfield-border-color-focus-hover: var(--spectrum-numberfield-border-color-invalid-focus-hover); |
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 175 in fe25f58
--spectrum-numberfield-border-color-keyboard-focus: var(--spectrum-numberfield-border-color-invalid-keyboard-focus); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 181 in fe25f58
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-focus)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 185 in fe25f58
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 192 in fe25f58
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-keyboard-focus)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 196 in fe25f58
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 201 in fe25f58
--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 205 in fe25f58
--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled); |
Unused custom property --spectrum-textfield-text-color-focus defined
spectrum-css/components/stepper/index.css
Line 249 in fe25f58
--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus); |
Unused custom property --spectrum-textfield-text-color-focus defined
spectrum-css/components/stepper/index.css
Line 254 in fe25f58
--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus-hover); |
Unused custom property --spectrum-swatch-border-opacity defined
--spectrum-swatch-border-opacity: 0.2; |
Unused custom property --spectrum-avatar-size defined
spectrum-css/components/table/index.css
Line 168 in fe25f58
--spectrum-avatar-size: var(--spectrum-avatar-size-50); |
Unused custom property --spectrum-avatar-size defined
spectrum-css/components/table/index.css
Line 182 in fe25f58
--spectrum-avatar-size: var(--spectrum-avatar-size-100); |
Unused custom property --spectrum-icon-color defined
spectrum-css/components/table/index.css
Line 282 in fe25f58
--spectrum-icon-color: var(--spectrum-table-header-icons-color-default); |
Unused custom property --spectrum-icon-color defined
spectrum-css/components/table/index.css
Line 285 in fe25f58
--spectrum-icon-color: var(--spectrum-table-header-icons-color-hover); |
Unused custom property --spectrum-icon-color defined
spectrum-css/components/table/index.css
Line 289 in fe25f58
--spectrum-icon-color: var(--spectrum-table-header-icons-color-active); |
Unused custom property --spectrum-icon-color defined
spectrum-css/components/table/index.css
Line 295 in fe25f58
--spectrum-icon-color: var(--spectrum-table-header-icons-color-key-focus); |
Unused custom property --spectrum-checkbox-margin-block defined
spectrum-css/components/table/index.css
Line 382 in fe25f58
--spectrum-checkbox-margin-block: 0px; |
Unused custom property --spectrum-checkbox-margin-block defined
spectrum-css/components/table/index.css
Line 764 in fe25f58
--spectrum-checkbox-margin-block: 0px; |
Custom property --spectrum-table-current-header-height not defined
spectrum-css/components/table/index.css
Line 795 in fe25f58
scroll-padding-top: var(--spectrum-table-current-header-height, calc((var(--spectrum-table-row-line-height) * var(--spectrum-table-row-font-size)) + var(--spectrum-table-header-row-top-to-text) + var(--spectrum-table-header-row-bottom-to-text) + var(--spectrum-table-border-width))); |
Unused custom property --spectrum-body-line-height defined
--spectrum-body-line-height: var(--spectrum-line-height-100); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-100); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-100); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-100); |
Unused custom property --spectrum-body-cjk-line-height defined
--spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-100); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-75); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-75); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-200); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-200); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-200); |
Unused custom property --spectrum-closebutton-icon-color-default defined
spectrum-css/components/toast/index.css
Line 51 in fe25f58
--spectrum-closebutton-icon-color-default: var(--spectrum-toast-text-and-icon-color); |
Custom property --spectrum-body-margin-start not defined
spectrum-css/components/typography/index.css
Line 400 in fe25f58
margin-block-start: var(--spectrum-body-margin-start, 0); |
Custom property --spectrum-code-margin-start not defined
spectrum-css/components/typography/index.css
Line 703 in fe25f58
margin-block-start: var(--spectrum-code-margin-start, 0); |
Custom property --spectrum-code-margin-end not defined
spectrum-css/components/typography/index.css
Line 704 in fe25f58
margin-block-end: var(--spectrum-code-margin-end, 0); |
} | ||
|
||
/* ****** Invalid & Loading ****** */ | ||
.spectrum-Combobox-textfield.is-invalid &, | ||
.spectrum-Combobox-textfield.is-loading & { | ||
padding-inline-end: calc(var(--mod-combobox-button-width, var(--spectrum-combobox-button-width)) + var(--mod-combobox-spacing-inline-icon-to-button, var(--spectrum-combobox-spacing-inline-icon-to-button)) + var(--mod-combobox-icon-size, var(--spectrum-combobox-icon-size)) + var(--mod-combobox-spacing-alert-icon-to-text, var(--spectrum-combobox-spacing-inline-icon-to-text)) - var(--mod-combobox-border-width, var(--spectrum-combobox-border-width))); | ||
padding-inline-end: calc(var(--spectrum-combobox-button-width) + var(--spectrum-combobox-spacing-inline-icon-to-button) + var(--spectrum-combobox-icon-size) + var(--spectrum-combobox-spacing-alert-icon-to-text) - var(--spectrum-combobox-border-width)); |
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.
Custom property --spectrum-combobox-spacing-alert-icon-to-text not defined
--spectrum-datepicker-padding-inline-end-quiet: var(--mod-datepicker-padding-inline-quiet, calc((var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100)) - var(--spectrum-datepicker-quiet-button-offset))); | ||
--spectrum-datepicker-padding-inline-end-invalid-quiet: var(--mod-datepicker-padding-inline-end-invalid-quiet, calc(var(--spectrum-datepicker-pickerbutton-width-quiet) + var(--spectrum-datepicker-icon-size) + var(--spectrum-datepicker-icon-to-text))); | ||
--spectrum-datepicker-padding-inline-end: calc(var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100) - var(--spectrum-datepicker-border-width) * 2); | ||
--spectrum-datepicker-padding-inline-end-quiet: calc((var(--spectrum-datepicker-pickerbutton-width) + var(--spectrum-component-edge-to-text-100)) - var(--spectrum-datepicker-quiet-button-offset)); |
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.
Custom property --spectrum-datepicker-padding-inline-end-quiet's references have been removed
--mod-datepicker-border-radius: var(--spectrum-datepicker-border-radius-quiet); | ||
--mod-datepicker-padding-inline: var(--spectrum-datepicker-padding-inline-end-quiet); | ||
--spectrum-datepicker-border-radius: var(--spectrum-datepicker-border-radius-quiet); | ||
--spectrum-datepicker-padding-inline: var(--spectrum-datepicker-padding-inline-end-quiet); |
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.
Unused custom property --spectrum-datepicker-padding-inline defined
} | ||
|
||
&:not(:disabled, .is-open) { | ||
--mod-picker-button-background-color: transparent; | ||
--spectrum-picker-button-background-color: transparent; |
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.
Unused custom property --spectrum-picker-button-background-color defined
--spectrum-datepicker-pickerbutton-border-color: var(--highcontrast-datepicker-pickerbutton-border-color, var(--mod-datepicker-pickerbutton-border-color, var(--spectrum-gray-500))); | ||
--spectrum-datepicker-pickerbutton-border-color-invalid: var(--highcontrast-datepicker-pickerbutton-border-color, var(--mod-datepicker-pickerbutton-border-color-invalid, var(--spectrum-negative-border-color-default))); | ||
--spectrum-datepicker-pickerbutton-border-color: var(--highcontrast-datepicker-pickerbutton-border-color, var(--spectrum-gray-500)); | ||
--spectrum-datepicker-pickerbutton-border-color-invalid: var(--highcontrast-datepicker-pickerbutton-border-color-invalid, var(--spectrum-negative-border-color-default)); |
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.
Custom property --highcontrast-datepicker-pickerbutton-border-color-invalid not defined
--spectrum-illustrated-message-description-to-action: var(--spectrum-drop-zone-body-to-action); | ||
--spectrum-illustrated-message-description-position: relative; | ||
--spectrum-illustrated-message-description-z-index: 10; | ||
--spectrum-illustrated-message-description-font-size: var(--spectrum-drop-zone-body-font-size); |
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.
Unused custom property --spectrum-illustrated-message-description-font-size defined
--mod-drop-zone-border-style: var(--mod-drop-zone-border-style-dragged, solid); | ||
--mod-drop-zone-background-color: rgb(var(--spectrum-drop-zone-background-color), var(--mod-drop-zone-background-color-opacity, var(--spectrum-drop-zone-dragged-background-color))); | ||
--spectrum-drop-zone-border-color: var(--highcontrast-drop-zone-border-color-hover, var(--mod-drop-zone-border-color-hover, var(--spectrum-drop-zone-border-color-hover))); | ||
--spectrum-drop-zone-border-style: solid; |
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.
Unused custom property --spectrum-drop-zone-border-style defined
|
||
/* Updated values for a nested illustrated message when state changes */ | ||
--mod-illustrated-message-illustration-color: var(--mod-drop-zone-illustration-color-hover, var(--spectrum-drop-zone-illustration-color-hover)); | ||
--spectrum-illustrated-message-illustration-color: var(--spectrum-drop-zone-illustration-color-hover); |
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.
Unused custom property --spectrum-illustrated-message-illustration-color defined
|
||
/* Updated values for a nested illustrated message when state changes */ | ||
--mod-illustrated-message-display: none; | ||
--spectrum-illustrated-message-display: none; |
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.
Unused custom property --spectrum-illustrated-message-display defined
@@ -146,30 +146,30 @@ | |||
|
|||
.spectrum-DropZone-button { | |||
/* Adjust corner radius of button component is dragged & filled state */ | |||
--mod-button-border-radius: var(--spectrum-corner-radius-500); | |||
--spectrum-button-border-radius: var(--spectrum-corner-radius-500); |
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.
Unused custom property --spectrum-button-border-radius defined
16aed6a
to
4056103
Compare
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.
Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit
stylelint
Unused custom property --spectrum-textfield-focus-indicator-color defined
spectrum-css/components/search/index.css
Line 88 in 4056103
--spectrum-textfield-focus-indicator-color: var(--spectrum-search-focus-indicator-color); |
Unused custom property --spectrum-textfield-text-color-default defined
spectrum-css/components/search/index.css
Line 90 in 4056103
--spectrum-textfield-text-color-default: var(--spectrum-search-color-default); |
Unused custom property --spectrum-textfield-text-color-hover defined
spectrum-css/components/search/index.css
Line 91 in 4056103
--spectrum-textfield-text-color-hover: var(--spectrum-search-color-hover); |
Unused custom property --spectrum-textfield-text-color-focus defined
spectrum-css/components/search/index.css
Line 92 in 4056103
--spectrum-textfield-text-color-focus: var(--spectrum-search-color-focus); |
Unused custom property --spectrum-textfield-text-color-focus-hover defined
spectrum-css/components/search/index.css
Line 93 in 4056103
--spectrum-textfield-text-color-focus-hover: var(--spectrum-search-color-focus-hover); |
Unused custom property --spectrum-textfield-text-color-keyboard-focus defined
spectrum-css/components/search/index.css
Line 94 in 4056103
--spectrum-textfield-text-color-keyboard-focus: var(--spectrum-search-color-key-focus); |
Unused custom property --spectrum-textfield-text-color-disabled defined
spectrum-css/components/search/index.css
Line 95 in 4056103
--spectrum-textfield-text-color-disabled: var(--spectrum-search-color-disabled); |
Unused custom property --spectrum-textfield-border-color defined
spectrum-css/components/search/index.css
Line 97 in 4056103
--spectrum-textfield-border-color: var(--spectrum-search-border-color-default); |
Unused custom property --spectrum-textfield-border-color-hover defined
spectrum-css/components/search/index.css
Line 98 in 4056103
--spectrum-textfield-border-color-hover: var(--spectrum-search-border-color-hover); |
Unused custom property --spectrum-textfield-border-color-focus defined
spectrum-css/components/search/index.css
Line 99 in 4056103
--spectrum-textfield-border-color-focus: var(--spectrum-search-border-color-focus); |
Unused custom property --spectrum-textfield-border-color-focus-hover defined
spectrum-css/components/search/index.css
Line 100 in 4056103
--spectrum-textfield-border-color-focus-hover: var(--spectrum-search-border-color-focus-hover); |
Unused custom property --spectrum-textfield-border-color-keyboard-focus defined
spectrum-css/components/search/index.css
Line 101 in 4056103
--spectrum-textfield-border-color-keyboard-focus: var(--spectrum-search-border-color-key-focus); |
Unused custom property --spectrum-textfield-border-color-disabled defined
spectrum-css/components/search/index.css
Line 102 in 4056103
--spectrum-textfield-border-color-disabled: var(--spectrum-search-border-color-disabled); |
Unused custom property --spectrum-textfield-background-color defined
spectrum-css/components/search/index.css
Line 104 in 4056103
--spectrum-textfield-background-color: var(--spectrum-search-background-color); |
Unused custom property --spectrum-textfield-background-color-disabled defined
spectrum-css/components/search/index.css
Line 105 in 4056103
--spectrum-textfield-background-color-disabled: var(--spectrum-search-background-color-disabled); |
Unused custom property --spectrum-textfield-placeholder-font-size defined
spectrum-css/components/search/index.css
Line 118 in 4056103
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-75); |
Unused custom property --spectrum-textfield-placeholder-font-size defined
spectrum-css/components/search/index.css
Line 130 in 4056103
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-200); |
Unused custom property --spectrum-textfield-placeholder-font-size defined
spectrum-css/components/search/index.css
Line 142 in 4056103
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-300); |
Unused custom property --spectrum-textfield-width defined
spectrum-css/components/slider/index.css
Line 77 in 4056103
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-medium); |
Unused custom property --spectrum-fieldlabel-top-to-text defined
spectrum-css/components/slider/index.css
Line 80 in 4056103
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-100); |
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
spectrum-css/components/slider/index.css
Line 81 in 4056103
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-100); |
Unused custom property --spectrum-textfield-width defined
spectrum-css/components/slider/index.css
Line 95 in 4056103
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-small); |
Unused custom property --spectrum-fieldlabel-top-to-text defined
spectrum-css/components/slider/index.css
Line 96 in 4056103
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-75); |
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
spectrum-css/components/slider/index.css
Line 97 in 4056103
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-75); |
Unused custom property --spectrum-textfield-width defined
spectrum-css/components/slider/index.css
Line 112 in 4056103
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-large); |
Unused custom property --spectrum-fieldlabel-top-to-text defined
spectrum-css/components/slider/index.css
Line 113 in 4056103
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200); |
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
spectrum-css/components/slider/index.css
Line 114 in 4056103
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200); |
Unused custom property --spectrum-textfield-width defined
spectrum-css/components/slider/index.css
Line 131 in 4056103
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large); |
Unused custom property --spectrum-fieldlabel-top-to-text defined
spectrum-css/components/slider/index.css
Line 132 in 4056103
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300); |
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
spectrum-css/components/slider/index.css
Line 133 in 4056103
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300); |
Custom property --spectrum-numberfield-border-color-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 20 in 4056103
--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400)); |
Custom property --spectrum-numberfield-border-color-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 21 in 4056103
--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800)); |
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 22 in 4056103
--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800)); |
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 23 in 4056103
--spectrum-numberfield-border-color-focus-hover: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-gray-900)); |
Custom property --spectrum-numberfield-border-color-disabled's references have been removed
spectrum-css/components/stepper/index.css
Line 24 in 4056103
--spectrum-numberfield-border-color-disabled: var(--spectrum-disabled-border-color); |
Custom property --spectrum-numberfield-border-color-invalid-default's references have been removed
spectrum-css/components/stepper/index.css
Line 27 in 4056103
--spectrum-numberfield-border-color-invalid-default: var(--spectrum-negative-border-color-default); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 167 in 4056103
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-numberfield-border-color-hover)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 171 in 4056103
--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-invalid-default); |
Custom property --spectrum-numberfield-border-color-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 172 in 4056103
--spectrum-numberfield-border-color-hover: var(--spectrum-numberfield-border-color-invalid-hover); |
Custom property --spectrum-numberfield-border-color-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 173 in 4056103
--spectrum-numberfield-border-color-focus: var(--spectrum-numberfield-border-color-invalid-focus); |
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 174 in 4056103
--spectrum-numberfield-border-color-focus-hover: var(--spectrum-numberfield-border-color-invalid-focus-hover); |
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 175 in 4056103
--spectrum-numberfield-border-color-keyboard-focus: var(--spectrum-numberfield-border-color-invalid-keyboard-focus); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 181 in 4056103
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-focus)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 185 in 4056103
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 192 in 4056103
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-keyboard-focus)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 196 in 4056103
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 201 in 4056103
--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 205 in 4056103
--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled); |
Unused custom property --spectrum-textfield-text-color-focus defined
spectrum-css/components/stepper/index.css
Line 249 in 4056103
--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus); |
Unused custom property --spectrum-textfield-text-color-focus defined
spectrum-css/components/stepper/index.css
Line 254 in 4056103
--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus-hover); |
Unused custom property --spectrum-swatch-border-opacity defined
--spectrum-swatch-border-opacity: 0.2; |
Unused custom property --spectrum-avatar-size defined
spectrum-css/components/table/index.css
Line 168 in 4056103
--spectrum-avatar-size: var(--spectrum-avatar-size-50); |
Unused custom property --spectrum-avatar-size defined
spectrum-css/components/table/index.css
Line 182 in 4056103
--spectrum-avatar-size: var(--spectrum-avatar-size-100); |
Unused custom property --spectrum-icon-color defined
spectrum-css/components/table/index.css
Line 282 in 4056103
--spectrum-icon-color: var(--spectrum-table-header-icons-color-default); |
Unused custom property --spectrum-icon-color defined
spectrum-css/components/table/index.css
Line 285 in 4056103
--spectrum-icon-color: var(--spectrum-table-header-icons-color-hover); |
Unused custom property --spectrum-icon-color defined
spectrum-css/components/table/index.css
Line 289 in 4056103
--spectrum-icon-color: var(--spectrum-table-header-icons-color-active); |
Unused custom property --spectrum-icon-color defined
spectrum-css/components/table/index.css
Line 295 in 4056103
--spectrum-icon-color: var(--spectrum-table-header-icons-color-key-focus); |
Unused custom property --spectrum-checkbox-margin-block defined
spectrum-css/components/table/index.css
Line 382 in 4056103
--spectrum-checkbox-margin-block: 0px; |
Unused custom property --spectrum-checkbox-margin-block defined
spectrum-css/components/table/index.css
Line 764 in 4056103
--spectrum-checkbox-margin-block: 0px; |
Custom property --spectrum-table-current-header-height not defined
spectrum-css/components/table/index.css
Line 795 in 4056103
scroll-padding-top: var(--spectrum-table-current-header-height, calc((var(--spectrum-table-row-line-height) * var(--spectrum-table-row-font-size)) + var(--spectrum-table-header-row-top-to-text) + var(--spectrum-table-header-row-bottom-to-text) + var(--spectrum-table-border-width))); |
Unused custom property --spectrum-body-line-height defined
--spectrum-body-line-height: var(--spectrum-line-height-100); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-100); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-100); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-100); |
Unused custom property --spectrum-body-cjk-line-height defined
--spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-100); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-75); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-75); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-200); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-200); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-200); |
Unused custom property --spectrum-closebutton-icon-color-default defined
spectrum-css/components/toast/index.css
Line 51 in 4056103
--spectrum-closebutton-icon-color-default: var(--spectrum-toast-text-and-icon-color); |
Unused custom property --spectrum-modal-max-width defined
spectrum-css/components/tray/index.css
Line 40 in 4056103
--spectrum-modal-max-width: 100%; |
Custom property --spectrum-tray-corner-radius-portrait not defined
spectrum-css/components/tray/index.css
Line 53 in 4056103
border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0; |
Custom property --spectrum-tray-corner-radius-portrait not defined
spectrum-css/components/tray/index.css
Line 53 in 4056103
border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0; |
Custom property --spectrum-body-margin-start not defined
spectrum-css/components/typography/index.css
Line 400 in 4056103
margin-block-start: var(--spectrum-body-margin-start, 0); |
Custom property --spectrum-code-margin-start not defined
spectrum-css/components/typography/index.css
Line 703 in 4056103
margin-block-start: var(--spectrum-code-margin-start, 0); |
Custom property --spectrum-code-margin-end not defined
spectrum-css/components/typography/index.css
Line 704 in 4056103
margin-block-end: var(--spectrum-code-margin-end, 0); |
margin-inline: var(--mod-fieldlabel-text-to-asterisk, var(--spectrum-fieldlabel-text-to-asterisk)) 0; | ||
vertical-align: var(--mod-fieldlabel-asterisk-vertical-align, baseline); | ||
margin-inline: var(--spectrum-fieldlabel-text-to-asterisk) 0; | ||
vertical-align: var(--spectrum-fieldlabel-asterisk-vertical-align, baseline); |
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.
Custom property --spectrum-fieldlabel-asterisk-vertical-align not defined
margin-block-end: var(--mod-floating-action-button-margin, var(--spectrum-floating-action-button-margin)); | ||
block-size: var(--spectrum-floating-action-button-size); | ||
inline-size: var(--spectrum-floating-action-button-size); | ||
border-radius: var(--spectrum-floating-action-button-border-radius, 50%); |
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.
Custom property --spectrum-floating-action-button-border-radius not defined
border-radius: var(--mod-floating-action-button-border-radius, 50%); | ||
margin: calc(-1 * var(--spectrum-focus-indicator-gap)); | ||
box-shadow: 0 0 0 var(--spectrum-focus-indicator-thickness) var(--spectrum-focus-indicator-color); | ||
border-radius: var(--spectrum-floating-action-button-border-radius, 50%); |
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.
Custom property --spectrum-floating-action-button-border-radius not defined
grid-template-columns: var(--mod-form-grid-template-columns, var(--spectrum-form-grid-template-columns)); | ||
inline-size: var(--mod-form-inline-size, fit-content); | ||
grid-template-columns: var(--spectrum-form-grid-template-columns); | ||
inline-size: var(--spectrum-form-inline-size, fit-content); |
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.
Custom property --spectrum-form-inline-size not defined
@@ -74,57 +74,57 @@ governing permissions and limitations under the License. | |||
|
|||
.spectrum-IllustratedMessage { | |||
block-size: 100%; | |||
display: var(--mod-illustrated-message-display, grid); | |||
display: var(--spectrum-illustrated-message-display, grid); |
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.
Custom property --spectrum-illustrated-message-display not defined
--mod-textfield-background-color-disabled: var(--mod-search-background-color-disabled, var(--spectrum-search-background-color-disabled)); | ||
--spectrum-textfield-font-family: var(--spectrum-search-font-family); | ||
--spectrum-textfield-font-weight: var(--spectrum-search-font-weight); | ||
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100); |
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.
Unused custom property --spectrum-textfield-placeholder-font-size defined
--spectrum-textfield-font-weight: var(--spectrum-search-font-weight); | ||
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100); | ||
|
||
--spectrum-textfield-corner-radius: var(--spectrum-search-border-radius); |
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.
Unused custom property --spectrum-textfield-corner-radius defined
--spectrum-textfield-placeholder-font-size: var(--spectrum-font-size-100); | ||
|
||
--spectrum-textfield-corner-radius: var(--spectrum-search-border-radius); | ||
--spectrum-textfield-border-width: var(--spectrum-search-border-width); |
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.
Unused custom property --spectrum-textfield-border-width defined
--spectrum-textfield-corner-radius: var(--spectrum-search-border-radius); | ||
--spectrum-textfield-border-width: var(--spectrum-search-border-width); | ||
|
||
--spectrum-textfield-focus-indicator-gap: var(--spectrum-search-focus-indicator-gap); |
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.
Unused custom property --spectrum-textfield-focus-indicator-gap defined
--spectrum-textfield-border-width: var(--spectrum-search-border-width); | ||
|
||
--spectrum-textfield-focus-indicator-gap: var(--spectrum-search-focus-indicator-gap); | ||
--spectrum-textfield-focus-indicator-width: var(--spectrum-search-focus-indicator-thickness); |
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.
Unused custom property --spectrum-textfield-focus-indicator-width defined
4056103
to
79f77f7
Compare
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.
Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit
stylelint
Custom property --spectrum-numberfield-border-color-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 20 in 79f77f7
--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400)); |
Custom property --spectrum-numberfield-border-color-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 21 in 79f77f7
--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800)); |
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 22 in 79f77f7
--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800)); |
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 23 in 79f77f7
--spectrum-numberfield-border-color-focus-hover: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-gray-900)); |
Custom property --spectrum-numberfield-border-color-disabled's references have been removed
spectrum-css/components/stepper/index.css
Line 24 in 79f77f7
--spectrum-numberfield-border-color-disabled: var(--spectrum-disabled-border-color); |
Custom property --spectrum-numberfield-border-color-invalid-default's references have been removed
spectrum-css/components/stepper/index.css
Line 27 in 79f77f7
--spectrum-numberfield-border-color-invalid-default: var(--spectrum-negative-border-color-default); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 167 in 79f77f7
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-numberfield-border-color-hover)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 171 in 79f77f7
--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-invalid-default); |
Custom property --spectrum-numberfield-border-color-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 172 in 79f77f7
--spectrum-numberfield-border-color-hover: var(--spectrum-numberfield-border-color-invalid-hover); |
Custom property --spectrum-numberfield-border-color-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 173 in 79f77f7
--spectrum-numberfield-border-color-focus: var(--spectrum-numberfield-border-color-invalid-focus); |
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 174 in 79f77f7
--spectrum-numberfield-border-color-focus-hover: var(--spectrum-numberfield-border-color-invalid-focus-hover); |
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 175 in 79f77f7
--spectrum-numberfield-border-color-keyboard-focus: var(--spectrum-numberfield-border-color-invalid-keyboard-focus); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 181 in 79f77f7
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-focus)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 185 in 79f77f7
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 192 in 79f77f7
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-keyboard-focus)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 196 in 79f77f7
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 201 in 79f77f7
--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 205 in 79f77f7
--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled); |
Unused custom property --spectrum-textfield-text-color-focus defined
spectrum-css/components/stepper/index.css
Line 249 in 79f77f7
--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus); |
Unused custom property --spectrum-textfield-text-color-focus defined
spectrum-css/components/stepper/index.css
Line 254 in 79f77f7
--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus-hover); |
Unused custom property --spectrum-swatch-border-opacity defined
--spectrum-swatch-border-opacity: 0.2; |
Unused custom property --spectrum-avatar-size defined
spectrum-css/components/table/index.css
Line 168 in 79f77f7
--spectrum-avatar-size: var(--spectrum-avatar-size-50); |
Unused custom property --spectrum-avatar-size defined
spectrum-css/components/table/index.css
Line 182 in 79f77f7
--spectrum-avatar-size: var(--spectrum-avatar-size-100); |
Unused custom property --spectrum-icon-color defined
spectrum-css/components/table/index.css
Line 282 in 79f77f7
--spectrum-icon-color: var(--spectrum-table-header-icons-color-default); |
Unused custom property --spectrum-icon-color defined
spectrum-css/components/table/index.css
Line 285 in 79f77f7
--spectrum-icon-color: var(--spectrum-table-header-icons-color-hover); |
Unused custom property --spectrum-icon-color defined
spectrum-css/components/table/index.css
Line 289 in 79f77f7
--spectrum-icon-color: var(--spectrum-table-header-icons-color-active); |
Unused custom property --spectrum-icon-color defined
spectrum-css/components/table/index.css
Line 295 in 79f77f7
--spectrum-icon-color: var(--spectrum-table-header-icons-color-key-focus); |
Unused custom property --spectrum-checkbox-margin-block defined
spectrum-css/components/table/index.css
Line 382 in 79f77f7
--spectrum-checkbox-margin-block: 0px; |
Unused custom property --spectrum-checkbox-margin-block defined
spectrum-css/components/table/index.css
Line 764 in 79f77f7
--spectrum-checkbox-margin-block: 0px; |
Custom property --spectrum-table-current-header-height not defined
spectrum-css/components/table/index.css
Line 795 in 79f77f7
scroll-padding-top: var(--spectrum-table-current-header-height, calc((var(--spectrum-table-row-line-height) * var(--spectrum-table-row-font-size)) + var(--spectrum-table-header-row-top-to-text) + var(--spectrum-table-header-row-bottom-to-text) + var(--spectrum-table-border-width))); |
Unused custom property --spectrum-body-line-height defined
--spectrum-body-line-height: var(--spectrum-line-height-100); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-100); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-100); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-100); |
Unused custom property --spectrum-body-cjk-line-height defined
--spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-100); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-75); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-75); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-200); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-200); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-200); |
Unused custom property --spectrum-closebutton-icon-color-default defined
spectrum-css/components/toast/index.css
Line 51 in 79f77f7
--spectrum-closebutton-icon-color-default: var(--spectrum-toast-text-and-icon-color); |
Unused custom property --spectrum-modal-max-width defined
spectrum-css/components/tray/index.css
Line 40 in 79f77f7
--spectrum-modal-max-width: 100%; |
Custom property --spectrum-tray-corner-radius-portrait not defined
spectrum-css/components/tray/index.css
Line 53 in 79f77f7
border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0; |
Custom property --spectrum-tray-corner-radius-portrait not defined
spectrum-css/components/tray/index.css
Line 53 in 79f77f7
border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0; |
Custom property --spectrum-body-margin-start not defined
spectrum-css/components/typography/index.css
Line 400 in 79f77f7
margin-block-start: var(--spectrum-body-margin-start, 0); |
Custom property --spectrum-code-margin-start not defined
spectrum-css/components/typography/index.css
Line 703 in 79f77f7
margin-block-start: var(--spectrum-code-margin-start, 0); |
Custom property --spectrum-code-margin-end not defined
spectrum-css/components/typography/index.css
Line 704 in 79f77f7
margin-block-end: var(--spectrum-code-margin-end, 0); |
|
||
--spectrum-textfield-focus-indicator-gap: var(--spectrum-search-focus-indicator-gap); | ||
--spectrum-textfield-focus-indicator-width: var(--spectrum-search-focus-indicator-thickness); | ||
--spectrum-textfield-focus-indicator-color: var(--spectrum-search-focus-indicator-color); |
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.
Unused custom property --spectrum-textfield-focus-indicator-color defined
--spectrum-textfield-focus-indicator-width: var(--spectrum-search-focus-indicator-thickness); | ||
--spectrum-textfield-focus-indicator-color: var(--spectrum-search-focus-indicator-color); | ||
|
||
--spectrum-textfield-text-color-default: var(--spectrum-search-color-default); |
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.
Unused custom property --spectrum-textfield-text-color-default defined
--spectrum-textfield-focus-indicator-color: var(--spectrum-search-focus-indicator-color); | ||
|
||
--spectrum-textfield-text-color-default: var(--spectrum-search-color-default); | ||
--spectrum-textfield-text-color-hover: var(--spectrum-search-color-hover); |
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.
Unused custom property --spectrum-textfield-text-color-hover defined
|
||
--spectrum-textfield-text-color-default: var(--spectrum-search-color-default); | ||
--spectrum-textfield-text-color-hover: var(--spectrum-search-color-hover); | ||
--spectrum-textfield-text-color-focus: var(--spectrum-search-color-focus); |
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.
Unused custom property --spectrum-textfield-text-color-focus defined
--spectrum-textfield-text-color-default: var(--spectrum-search-color-default); | ||
--spectrum-textfield-text-color-hover: var(--spectrum-search-color-hover); | ||
--spectrum-textfield-text-color-focus: var(--spectrum-search-color-focus); | ||
--spectrum-textfield-text-color-focus-hover: var(--spectrum-search-color-focus-hover); |
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.
Unused custom property --spectrum-textfield-text-color-focus-hover defined
--mod-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200); | ||
--mod-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200); | ||
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-large); | ||
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200); |
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.
Unused custom property --spectrum-fieldlabel-top-to-text defined
--mod-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200); | ||
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-large); | ||
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-200); | ||
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-200); |
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.
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
--mod-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large); | ||
--mod-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300); | ||
--mod-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300); | ||
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large); |
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.
Unused custom property --spectrum-textfield-width defined
--mod-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300); | ||
--mod-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300); | ||
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large); | ||
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300); |
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.
Unused custom property --spectrum-fieldlabel-top-to-text defined
--mod-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300); | ||
--spectrum-textfield-width: var(--spectrum-slider-editable-field-inline-size-extra-large); | ||
--spectrum-fieldlabel-top-to-text: var(--spectrum-component-top-to-text-300); | ||
--spectrum-fieldlabel-bottom-to-text: var(--spectrum-component-bottom-to-text-300); |
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.
Unused custom property --spectrum-fieldlabel-bottom-to-text defined
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.
Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit
stylelint
Custom property --spectrum-numberfield-border-color-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 21 in d21f053
--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800)); |
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 22 in d21f053
--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800)); |
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 23 in d21f053
--spectrum-numberfield-border-color-focus-hover: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-gray-900)); |
Custom property --spectrum-numberfield-border-color-disabled's references have been removed
spectrum-css/components/stepper/index.css
Line 24 in d21f053
--spectrum-numberfield-border-color-disabled: var(--spectrum-disabled-border-color); |
Custom property --spectrum-numberfield-border-color-invalid-default's references have been removed
spectrum-css/components/stepper/index.css
Line 27 in d21f053
--spectrum-numberfield-border-color-invalid-default: var(--spectrum-negative-border-color-default); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 167 in d21f053
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-numberfield-border-color-hover)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 171 in d21f053
--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-invalid-default); |
Custom property --spectrum-numberfield-border-color-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 172 in d21f053
--spectrum-numberfield-border-color-hover: var(--spectrum-numberfield-border-color-invalid-hover); |
Custom property --spectrum-numberfield-border-color-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 173 in d21f053
--spectrum-numberfield-border-color-focus: var(--spectrum-numberfield-border-color-invalid-focus); |
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed
spectrum-css/components/stepper/index.css
Line 174 in d21f053
--spectrum-numberfield-border-color-focus-hover: var(--spectrum-numberfield-border-color-invalid-focus-hover); |
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed
spectrum-css/components/stepper/index.css
Line 175 in d21f053
--spectrum-numberfield-border-color-keyboard-focus: var(--spectrum-numberfield-border-color-invalid-keyboard-focus); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 181 in d21f053
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-focus)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 185 in d21f053
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 192 in d21f053
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-numberfield-border-color-keyboard-focus)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 196 in d21f053
--spectrum-numberfield-border-color: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-numberfield-border-color-focus-hover)); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 201 in d21f053
--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled); |
Unused custom property --spectrum-numberfield-border-color defined
spectrum-css/components/stepper/index.css
Line 205 in d21f053
--spectrum-numberfield-border-color: var(--spectrum-numberfield-border-color-disabled); |
Unused custom property --spectrum-textfield-text-color-focus defined
spectrum-css/components/stepper/index.css
Line 249 in d21f053
--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus); |
Unused custom property --spectrum-textfield-text-color-focus defined
spectrum-css/components/stepper/index.css
Line 254 in d21f053
--spectrum-textfield-text-color-focus: var(--spectrum-numberfield-text-color-focus-hover); |
Unused custom property --spectrum-swatch-border-opacity defined
--spectrum-swatch-border-opacity: 0.2; |
Unused custom property --spectrum-avatar-size defined
spectrum-css/components/table/index.css
Line 168 in d21f053
--spectrum-avatar-size: var(--spectrum-avatar-size-50); |
Unused custom property --spectrum-avatar-size defined
spectrum-css/components/table/index.css
Line 182 in d21f053
--spectrum-avatar-size: var(--spectrum-avatar-size-100); |
Unused custom property --spectrum-checkbox-margin-block defined
spectrum-css/components/table/index.css
Line 382 in d21f053
--spectrum-checkbox-margin-block: 0px; |
Unused custom property --spectrum-checkbox-margin-block defined
spectrum-css/components/table/index.css
Line 764 in d21f053
--spectrum-checkbox-margin-block: 0px; |
Custom property --spectrum-table-current-header-height not defined
spectrum-css/components/table/index.css
Line 795 in d21f053
scroll-padding-top: var(--spectrum-table-current-header-height, calc((var(--spectrum-table-row-line-height) * var(--spectrum-table-row-font-size)) + var(--spectrum-table-header-row-top-to-text) + var(--spectrum-table-header-row-bottom-to-text) + var(--spectrum-table-border-width))); |
Unused custom property --spectrum-body-line-height defined
--spectrum-body-line-height: var(--spectrum-line-height-100); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-100); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-100); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-100); |
Unused custom property --spectrum-body-cjk-line-height defined
--spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-100); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-75); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-75); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-200); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-200); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-200); |
Unused custom property --spectrum-closebutton-icon-color-default defined
spectrum-css/components/toast/index.css
Line 51 in d21f053
--spectrum-closebutton-icon-color-default: var(--spectrum-toast-text-and-icon-color); |
Unused custom property --spectrum-modal-max-width defined
spectrum-css/components/tray/index.css
Line 40 in d21f053
--spectrum-modal-max-width: 100%; |
Custom property --spectrum-tray-corner-radius-portrait not defined
spectrum-css/components/tray/index.css
Line 53 in d21f053
border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0; |
Custom property --spectrum-tray-corner-radius-portrait not defined
spectrum-css/components/tray/index.css
Line 53 in d21f053
border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0; |
Custom property --spectrum-body-margin-start not defined
spectrum-css/components/typography/index.css
Line 400 in d21f053
margin-block-start: var(--spectrum-body-margin-start, 0); |
Custom property --spectrum-code-margin-start not defined
spectrum-css/components/typography/index.css
Line 703 in d21f053
margin-block-start: var(--spectrum-code-margin-start, 0); |
Custom property --spectrum-code-margin-end not defined
spectrum-css/components/typography/index.css
Line 704 in d21f053
margin-block-end: var(--spectrum-code-margin-end, 0); |
--spectrum-button-padding-label-to-icon: var(--spectrum-text-to-visual-100); | ||
--spectrum-button-top-to-text: var(--spectrum-button-top-to-text-medium); | ||
--spectrum-button-bottom-to-text: var(--spectrum-button-bottom-to-text-medium); | ||
--spectrum-button-top-to-icon: var(--spectrum-component-top-to-workflow-icon-100); | ||
--spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-100); | ||
|
||
--mod-progress-circle-position: absolute; | ||
--spectrum-progress-circle-position: absolute; |
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.
Unused custom property --spectrum-progress-circle-position defined
forced-color-adjust: none; | ||
} | ||
.spectrum-ProgressCircle { | ||
--spectrum-progress-circle-track-border-color: ButtonText; |
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.
Unused custom property --spectrum-progress-circle-track-border-color defined
} | ||
.spectrum-ProgressCircle { | ||
--spectrum-progress-circle-track-border-color: ButtonText; | ||
--spectrum-progress-circle-track-border-color-over-background: ButtonText; |
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.
Unused custom property --spectrum-progress-circle-track-border-color-over-background defined
.spectrum-ProgressCircle { | ||
--spectrum-progress-circle-track-border-color: ButtonText; | ||
--spectrum-progress-circle-track-border-color-over-background: ButtonText; | ||
--spectrum-progress-circle-thickness: var(--spectrum-progress-circle-thickness-medium); |
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.
Unused custom property --spectrum-progress-circle-thickness defined
font-size: var(--spectrum-button-font-size); | ||
font-weight: var(--spectrum-button-font-weight); | ||
gap: var(--spectrum-button-padding-label-to-icon); | ||
max-inline-size: var(--spectrum-button-max-inline-size, none); |
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.
Custom property --spectrum-button-max-inline-size not defined
margin-inline: var(--mod-closebutton-margin-inline); | ||
margin-block-start: var(--mod-closebutton-margin-top); | ||
align-self: var(--mod-closebutton-align-self); | ||
margin-inline: var(--spectrum-closebutton-margin-inline); |
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.
Custom property --spectrum-closebutton-margin-inline not defined
margin-block-start: var(--mod-closebutton-margin-top); | ||
align-self: var(--mod-closebutton-align-self); | ||
margin-inline: var(--spectrum-closebutton-margin-inline); | ||
margin-block-start: var(--spectrum-closebutton-margin-top); |
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.
Custom property --spectrum-closebutton-margin-top not defined
align-self: var(--mod-closebutton-align-self); | ||
margin-inline: var(--spectrum-closebutton-margin-inline); | ||
margin-block-start: var(--spectrum-closebutton-margin-top); | ||
align-self: var(--spectrum-closebutton-align-self); |
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.
Custom property --spectrum-closebutton-align-self not defined
@@ -104,7 +102,7 @@ | |||
/* stylelint-disable-next-line spectrum-tools/no-unused-custom-properties -- used to assign Popover mods */ | |||
--spectrum-picker-popover-animation-distance: var(--spectrum-component-to-menu-medium); | |||
|
|||
--mod-popover-animation-distance: var(--spectrum-picker-popover-animation-distance); | |||
--spectrum-popover-animation-distance: var(--spectrum-picker-popover-animation-distance); |
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.
Unused custom property --spectrum-popover-animation-distance defined
--spectrum-numberfield-border-radius: var(--spectrum-corner-radius-medium-size-medium); | ||
--spectrum-numberfield-border-width: var(--spectrum-border-width-200); | ||
--spectrum-numberfield-border-color-default: var(--highcontrast-numberfield-border-color, var(--spectrum-gray-300)); | ||
--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400)); |
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.
Custom property --spectrum-numberfield-border-color-hover's references have been removed
d21f053
to
583b1eb
Compare
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.
Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit
stylelint
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-75); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-75); |
Unused custom property --spectrum-body-font-size defined
--spectrum-body-font-size: var(--spectrum-font-size-200); |
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-200); |
Unused custom property --spectrum-body-margin-end defined
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-200); |
Unused custom property --spectrum-closebutton-icon-color-default defined
spectrum-css/components/toast/index.css
Line 51 in 583b1eb
--spectrum-closebutton-icon-color-default: var(--spectrum-toast-text-and-icon-color); |
Unused custom property --spectrum-modal-max-width defined
spectrum-css/components/tray/index.css
Line 40 in 583b1eb
--spectrum-modal-max-width: 100%; |
Custom property --spectrum-tray-corner-radius-portrait not defined
spectrum-css/components/tray/index.css
Line 53 in 583b1eb
border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0; |
Custom property --spectrum-tray-corner-radius-portrait not defined
spectrum-css/components/tray/index.css
Line 53 in 583b1eb
border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0; |
Custom property --spectrum-body-margin-start not defined
spectrum-css/components/typography/index.css
Line 400 in 583b1eb
margin-block-start: var(--spectrum-body-margin-start, 0); |
Custom property --spectrum-code-margin-start not defined
spectrum-css/components/typography/index.css
Line 703 in 583b1eb
margin-block-start: var(--spectrum-code-margin-start, 0); |
Custom property --spectrum-code-margin-end not defined
spectrum-css/components/typography/index.css
Line 704 in 583b1eb
margin-block-end: var(--spectrum-code-margin-end, 0); |
--spectrum-numberfield-border-width: var(--spectrum-border-width-200); | ||
--spectrum-numberfield-border-color-default: var(--highcontrast-numberfield-border-color, var(--spectrum-gray-300)); | ||
--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400)); | ||
--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800)); |
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.
Custom property --spectrum-numberfield-border-color-focus's references have been removed
--spectrum-numberfield-border-color-default: var(--highcontrast-numberfield-border-color, var(--spectrum-gray-300)); | ||
--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400)); | ||
--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800)); | ||
--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800)); |
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.
Custom property --spectrum-numberfield-border-color-keyboard-focus's references have been removed
--spectrum-numberfield-border-color-hover: var(--highcontrast-numberfield-border-color-hover, var(--spectrum-gray-400)); | ||
--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800)); | ||
--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800)); | ||
--spectrum-numberfield-border-color-focus-hover: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-gray-900)); |
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.
Custom property --spectrum-numberfield-border-color-focus-hover's references have been removed
--spectrum-numberfield-border-color-focus: var(--highcontrast-numberfield-border-color-focus, var(--spectrum-gray-800)); | ||
--spectrum-numberfield-border-color-keyboard-focus: var(--highcontrast-numberfield-border-color-keyboard-focus, var(--spectrum-gray-800)); | ||
--spectrum-numberfield-border-color-focus-hover: var(--highcontrast-numberfield-border-color-focus-hover, var(--spectrum-gray-900)); | ||
--spectrum-numberfield-border-color-disabled: var(--spectrum-disabled-border-color); |
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.
Custom property --spectrum-numberfield-border-color-disabled's references have been removed
--spectrum-numberfield-border-color-invalid-focus: var(--mod-numberfield-border-color-invalid-focus, var(--spectrum-negative-border-color-focus)); | ||
--spectrum-numberfield-border-color-invalid-focus-hover: var(--mod-numberfield-border-color-invalid-focus-hover, var(--spectrum-negative-border-color-focus-hover)); | ||
--spectrum-numberfield-border-color-invalid-keyboard-focus: var(--mod-numberfield-border-color-invalid-keyboard-focus, var(--spectrum-negative-border-color-key-focus)); | ||
--spectrum-numberfield-border-color-invalid-default: var(--spectrum-negative-border-color-default); |
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.
Custom property --spectrum-numberfield-border-color-invalid-default's references have been removed
--mod-body-font-size: var(--spectrum-font-size-100); | ||
--mod-body-margin-start: var(--spectrum-component-top-to-text-100); | ||
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-100); | ||
--spectrum-body-line-height: var(--spectrum-line-height-100); |
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.
Unused custom property --spectrum-body-line-height defined
--mod-body-margin-start: var(--spectrum-component-top-to-text-100); | ||
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-100); | ||
--spectrum-body-line-height: var(--spectrum-line-height-100); | ||
--spectrum-body-font-size: var(--spectrum-font-size-100); |
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.
Unused custom property --spectrum-body-font-size defined
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-100); | ||
--spectrum-body-line-height: var(--spectrum-line-height-100); | ||
--spectrum-body-font-size: var(--spectrum-font-size-100); | ||
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-100); |
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.
Unused custom property --spectrum-body-margin-start defined
--spectrum-body-line-height: var(--spectrum-line-height-100); | ||
--spectrum-body-font-size: var(--spectrum-font-size-100); | ||
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-100); | ||
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-100); |
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.
Unused custom property --spectrum-body-margin-end defined
|
||
&:lang(ja), | ||
&:lang(zh), | ||
&:lang(ko) { | ||
--mod-body-cjk-line-height: var(--spectrum-cjk-line-height-100); | ||
--spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-100); |
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.
Unused custom property --spectrum-body-cjk-line-height defined
a4c732c
to
6076b12
Compare
--mod-body-font-size: var(--spectrum-font-size-75); | ||
--mod-body-margin-start: var(--spectrum-component-top-to-text-75); | ||
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-75); | ||
--spectrum-body-font-size: var(--spectrum-font-size-75); |
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.
Unused custom property --spectrum-body-font-size defined
--mod-body-margin-start: var(--spectrum-component-top-to-text-75); | ||
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-75); | ||
--spectrum-body-font-size: var(--spectrum-font-size-75); | ||
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75); |
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.
Unused custom property --spectrum-body-margin-start defined
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-75); | ||
--spectrum-body-font-size: var(--spectrum-font-size-75); | ||
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-75); | ||
--spectrum-body-margin-end: var(--spectrum-component-bottom-to-text-75); |
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.
Unused custom property --spectrum-body-margin-end defined
--mod-body-font-size: var(--spectrum-font-size-200); | ||
--mod-body-margin-start: var(--spectrum-component-top-to-text-200); | ||
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-200); | ||
--spectrum-body-font-size: var(--spectrum-font-size-200); |
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.
Unused custom property --spectrum-body-font-size defined
--mod-body-margin-start: var(--spectrum-component-top-to-text-200); | ||
--mod-body-margin-end: var(--spectrum-component-bottom-to-text-200); | ||
--spectrum-body-font-size: var(--spectrum-font-size-200); | ||
--spectrum-body-margin-start: var(--spectrum-component-top-to-text-200); |
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.
Unused custom property --spectrum-body-margin-start defined
box-sizing: border-box; | ||
overflow: auto; | ||
outline: none; | ||
border-radius: var(--mod-tray-corner-radius-portrait, 0) var(--mod-tray-corner-radius-portrait, 0) 0 0; | ||
border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0; |
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.
Custom property --spectrum-tray-corner-radius-portrait not defined
box-sizing: border-box; | ||
overflow: auto; | ||
outline: none; | ||
border-radius: var(--mod-tray-corner-radius-portrait, 0) var(--mod-tray-corner-radius-portrait, 0) 0 0; | ||
border-radius: var(--spectrum-tray-corner-radius-portrait, 0) var(--spectrum-tray-corner-radius-portrait, 0) 0 0; |
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.
Custom property --spectrum-tray-corner-radius-portrait not defined
|
||
margin-block-start: var(--mod-body-margin-start, var(--mod-body-margin, 0)); | ||
margin-block-end: var(--mod-body-margin-end, var(--mod-body-margin, var(--spectrum-body-margin-end, 0))); | ||
margin-block-start: var(--spectrum-body-margin-start, 0); |
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.
Custom property --spectrum-body-margin-start not defined
font-style: var(--spectrum-code-font-style); | ||
font-weight: var(--spectrum-code-font-weight); | ||
font-size: var(--spectrum-code-font-size); | ||
margin-block-start: var(--spectrum-code-margin-start, 0); |
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.
Custom property --spectrum-code-margin-start not defined
font-weight: var(--spectrum-code-font-weight); | ||
font-size: var(--spectrum-code-font-size); | ||
margin-block-start: var(--spectrum-code-margin-start, 0); | ||
margin-block-end: var(--spectrum-code-margin-end, 0); |
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.
Custom property --spectrum-code-margin-end not defined
2af90c2
to
d040d04
Compare
d040d04
to
abc1887
Compare
abc1887
to
7584670
Compare
@@ -63,54 +63,40 @@ | |||
|
|||
--spectrum-combobox-background-color-autofill: rgb(var(--spectrum-blue-900-rgb), 0.3); | |||
|
|||
--mod-combobox-popover-animation-distance: var(--spectrum-component-to-menu-medium); | |||
--spectrum-popover-animation-distance: var(--spectrum-component-to-menu-medium); |
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.
Unused custom property --spectrum-popover-animation-distance defined
@@ -139,7 +125,7 @@ | |||
--spectrum-combobox-spacing-inline-icon-to-text: var(--spectrum-text-to-visual-75); | |||
--spectrum-combobox-inline-size: var(--spectrum-field-width-small); | |||
--spectrum-combobox-border-radius: var(--spectrum-corner-radius-medium-size-small); | |||
--mod-combobox-popover-animation-distance: var(--spectrum-component-to-menu-small); | |||
--spectrum-popover-animation-distance: var(--spectrum-component-to-menu-small); |
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.
Unused custom property --spectrum-popover-animation-distance defined
@@ -155,7 +141,7 @@ | |||
--spectrum-combobox-spacing-inline-icon-to-text: var(--spectrum-text-to-visual-200); | |||
--spectrum-combobox-inline-size: var(--spectrum-field-width-large); | |||
--spectrum-combobox-border-radius: var(--spectrum-corner-radius-medium-size-large); | |||
--mod-combobox-popover-animation-distance: var(--spectrum-component-to-menu-large); | |||
--spectrum-popover-animation-distance: var(--spectrum-component-to-menu-large); |
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.
Unused custom property --spectrum-popover-animation-distance defined
@@ -171,33 +157,21 @@ | |||
--spectrum-combobox-spacing-inline-icon-to-text: var(--spectrum-text-to-visual-300); | |||
--spectrum-combobox-inline-size: var(--spectrum-field-width-extra-large); | |||
--spectrum-combobox-border-radius: var(--spectrum-corner-radius-medium-size-extra-large); | |||
--mod-combobox-popover-animation-distance: var(--spectrum-component-to-menu-extra-large); | |||
--spectrum-popover-animation-distance: var(--spectrum-component-to-menu-extra-large); |
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.
Unused custom property --spectrum-popover-animation-distance defined
Description
How and where has this been tested?
Please tag yourself on the tests you've marked complete to confirm the tests have been run by someone other than the author.
Validation steps
Regression testing
Validate:
Screenshots
To-do list