mirror of
https://github.com/material-components/material-web.git
synced 2024-10-26 21:56:56 +03:00
chore: remove un-actionable todos from labs
PiperOrigin-RevId: 594112463
This commit is contained in:
parent
9973b90981
commit
363fc054d3
@ -9,7 +9,7 @@ import {property} from 'lit/decorators.js';
|
|||||||
import {classMap} from 'lit/directives/class-map.js';
|
import {classMap} from 'lit/directives/class-map.js';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* TODO(b/265340196): add docs
|
* b/265340196 - add docs
|
||||||
*/
|
*/
|
||||||
export class Badge extends LitElement {
|
export class Badge extends LitElement {
|
||||||
@property() value = '';
|
@property() value = '';
|
||||||
|
@ -18,7 +18,7 @@ import {NavigationTabInteractionEvent} from './constants.js';
|
|||||||
import {NavigationBarState} from './state.js';
|
import {NavigationBarState} from './state.js';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* TODO(b/265346501): add docs
|
* b/265346501 - add docs
|
||||||
*
|
*
|
||||||
* @fires navigation-bar-activated {CustomEvent<tab: NavigationTab, activeIndex: number>}
|
* @fires navigation-bar-activated {CustomEvent<tab: NavigationTab, activeIndex: number>}
|
||||||
* Dispatched whenever the `activeIndex` changes. --bubbles --composed
|
* Dispatched whenever the `activeIndex` changes. --bubbles --composed
|
||||||
|
@ -23,7 +23,7 @@ $_reference: (
|
|||||||
'container-height': 100%,
|
'container-height': 100%,
|
||||||
'container-shape': 0 16px 16px 0,
|
'container-shape': 0 16px 16px 0,
|
||||||
'container-width': 360px,
|
'container-width': 360px,
|
||||||
// TODO(b/216384393): Temporary existing token to use for shadow color
|
// b/216384393 - Temporary existing token to use for shadow color
|
||||||
'divider-color': #000,
|
'divider-color': #000,
|
||||||
'modal-container-elevation': 1,
|
'modal-container-elevation': 1,
|
||||||
'scrim-color': null,
|
'scrim-color': null,
|
||||||
|
@ -21,7 +21,7 @@ $_reference: (
|
|||||||
'container-height': 100%,
|
'container-height': 100%,
|
||||||
'container-shape': 0 16px 16px 0,
|
'container-shape': 0 16px 16px 0,
|
||||||
'container-width': 360px,
|
'container-width': 360px,
|
||||||
// TODO(b/216384393): Temporary existing token to use for shadow color
|
// b/216384393 - Temporary existing token to use for shadow color
|
||||||
'divider-color': #000,
|
'divider-color': #000,
|
||||||
'modal-container-elevation': 1,
|
'modal-container-elevation': 1,
|
||||||
'standard-container-elevation': 0,
|
'standard-container-elevation': 0,
|
||||||
|
@ -12,7 +12,7 @@ import {ARIAMixinStrict} from '../../../internal/aria/aria.js';
|
|||||||
import {requestUpdateOnAriaChange} from '../../../internal/aria/delegate.js';
|
import {requestUpdateOnAriaChange} from '../../../internal/aria/delegate.js';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* TODO(b/265346501): add docs
|
* b/265346501 - add docs
|
||||||
*
|
*
|
||||||
* @fires navigation-drawer-changed {CustomEvent<{opened: boolean}>}
|
* @fires navigation-drawer-changed {CustomEvent<{opened: boolean}>}
|
||||||
* Dispatched whenever the drawer opens or closes --bubbles --composed
|
* Dispatched whenever the drawer opens or closes --bubbles --composed
|
||||||
|
@ -14,7 +14,7 @@ import {ARIAMixinStrict} from '../../../internal/aria/aria.js';
|
|||||||
import {requestUpdateOnAriaChange} from '../../../internal/aria/delegate.js';
|
import {requestUpdateOnAriaChange} from '../../../internal/aria/delegate.js';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* TODO(b/265346501): add docs
|
* b/265346501 - add docs
|
||||||
*
|
*
|
||||||
* @fires navigation-drawer-changed {CustomEvent<{opened: boolean}>}
|
* @fires navigation-drawer-changed {CustomEvent<{opened: boolean}>}
|
||||||
* Dispatched whenever the drawer opens or closes --bubbles --composed
|
* Dispatched whenever the drawer opens or closes --bubbles --composed
|
||||||
|
@ -18,7 +18,7 @@ import {requestUpdateOnAriaChange} from '../../../internal/aria/delegate.js';
|
|||||||
import {NavigationTabState} from './state.js';
|
import {NavigationTabState} from './state.js';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* TODO(b/265346501): add docs
|
* b/265346501 - add docs
|
||||||
*
|
*
|
||||||
* @fires navigation-tab-rendered {Event} Dispatched when the navigation tab's
|
* @fires navigation-tab-rendered {Event} Dispatched when the navigation tab's
|
||||||
* DOM has rendered and custom element definition has loaded. --bubbles
|
* DOM has rendered and custom element definition has loaded. --bubbles
|
||||||
@ -117,7 +117,7 @@ export class NavigationTab extends LitElement implements NavigationTabState {
|
|||||||
}
|
}
|
||||||
|
|
||||||
handleClick() {
|
handleClick() {
|
||||||
// TODO(b/269772145): connect to ripple
|
// b/269772145 - connect to ripple
|
||||||
this.dispatchEvent(
|
this.dispatchEvent(
|
||||||
new CustomEvent('navigation-tab-interaction', {
|
new CustomEvent('navigation-tab-interaction', {
|
||||||
detail: {state: this},
|
detail: {state: this},
|
||||||
|
@ -16,11 +16,4 @@ export interface NavigationTabState {
|
|||||||
* If true, when inactive label will be hidden.
|
* If true, when inactive label will be hidden.
|
||||||
*/
|
*/
|
||||||
hideInactiveLabel: boolean;
|
hideInactiveLabel: boolean;
|
||||||
|
|
||||||
/**
|
|
||||||
* Inner button for the tab
|
|
||||||
* TODO(b/229015424): Remove this when the jscompiler rename issue is
|
|
||||||
* understood.
|
|
||||||
*/
|
|
||||||
buttonElement: HTMLElement | null;
|
|
||||||
}
|
}
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
|
|
||||||
@mixin styles() {
|
@mixin styles() {
|
||||||
$tokens: tokens.md-comp-outlined-segmented-button-values();
|
$tokens: tokens.md-comp-outlined-segmented-button-values();
|
||||||
// TODO(b/198759625): Remove spacing tokens once provided.
|
// b/198759625 - Remove spacing tokens once provided.
|
||||||
$tokens: map.merge(
|
$tokens: map.merge(
|
||||||
$tokens,
|
$tokens,
|
||||||
(
|
(
|
||||||
@ -33,7 +33,7 @@
|
|||||||
.md3-segmented-button__outline {
|
.md3-segmented-button__outline {
|
||||||
border-radius: inherit;
|
border-radius: inherit;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
// TODO(b/233762888): Move border-width and inset into theme after generating latest version of tokens.
|
// Move border-width and inset into theme.
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
inset: 0px -0.5px;
|
inset: 0px -0.5px;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
@ -98,7 +98,7 @@
|
|||||||
&.md3-segmented-button--selected.md3-segmented-button--with-label.md3-segmented-button--with-checkmark,
|
&.md3-segmented-button--selected.md3-segmented-button--with-label.md3-segmented-button--with-checkmark,
|
||||||
&.md3-segmented-button--selected.md3-segmented-button--without-label.md3-segmented-button--with-checkmark {
|
&.md3-segmented-button--selected.md3-segmented-button--without-label.md3-segmented-button--with-checkmark {
|
||||||
.md3-segmented-button__graphic {
|
.md3-segmented-button__graphic {
|
||||||
// TODO(b/198759625): Use padding token instead of hardcoded 8px value.
|
// b/198759625 - Use padding token instead of hardcoded 8px value.
|
||||||
width: calc(var(--_icon-size) + 8px);
|
width: calc(var(--_icon-size) + 8px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -9,7 +9,7 @@ import {html} from 'lit';
|
|||||||
import {SegmentedButton} from './segmented-button.js';
|
import {SegmentedButton} from './segmented-button.js';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* TODO(b/265346443): add docs
|
* b/265346443 - add docs
|
||||||
*/
|
*/
|
||||||
export class OutlinedSegmentedButton extends SegmentedButton {
|
export class OutlinedSegmentedButton extends SegmentedButton {
|
||||||
protected override getRenderClasses() {
|
protected override getRenderClasses() {
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
import {SegmentedButtonSet} from './segmented-button-set.js';
|
import {SegmentedButtonSet} from './segmented-button-set.js';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* TODO(b/265346443): add docs
|
* b/265346443 - add docs
|
||||||
*/
|
*/
|
||||||
export class OutlinedSegmentedButtonSet extends SegmentedButtonSet {
|
export class OutlinedSegmentedButtonSet extends SegmentedButtonSet {
|
||||||
protected override getRenderClasses() {
|
protected override getRenderClasses() {
|
||||||
|
Loading…
Reference in New Issue
Block a user