@inmotionnow/momentum-components 102.35.0 → 102.36.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/momentum.css
CHANGED
|
@@ -54,7 +54,11 @@
|
|
|
54
54
|
--mds-t-background-color--secondary
|
|
55
55
|
);--mds-v-button__background-color--active:var(
|
|
56
56
|
--mds-t-background-color--tertiary
|
|
57
|
-
);border:1px solid var(--mds-t-border-color--primary);padding:calc(var(--mds-v-button__padding--vertical) - 2px) calc(var(--mds-v-button__padding--horizontal) - 2px)}.mds-c-button--theme-border.mds-c-button--split-right{border-left:none}.mds-c-button--theme-border--med{padding:calc(var(--mds-v-button__padding--vertical) - 1px) var(--mds-v-button__padding--horizontal)}.mds-c-button
|
|
57
|
+
);border:1px solid var(--mds-t-border-color--primary);padding:calc(var(--mds-v-button__padding--vertical) - 2px) calc(var(--mds-v-button__padding--horizontal) - 2px)}.mds-c-button--theme-border.mds-c-button--split-right{border-left:none}.mds-c-button--theme-border--med{padding:calc(var(--mds-v-button__padding--vertical) - 1px) var(--mds-v-button__padding--horizontal)}.mds-c-button--theme-border-filled{--mds-v-button__background-color:var(--mds-t-background-color--secondary);--mds-v-button__background-color--hover:var(
|
|
58
|
+
--mds-t-background-color--primary
|
|
59
|
+
);--mds-v-button__background-color--active:var(
|
|
60
|
+
--mds-t-background-color--tertiary
|
|
61
|
+
);--mds-v-button__color:var(--mds-t-text-color--primary);border:1px solid var(--mds-t-border-color--primary);padding:calc(var(--mds-v-button__padding--vertical) - 2px) calc(var(--mds-v-button__padding--horizontal) - 2px)}.mds-c-button--theme-border-filled.mds-c-button--split-right{border-left:none}.mds-c-button--theme-border-filled--med{padding:calc(var(--mds-v-button__padding--vertical) - 1px) var(--mds-v-button__padding--horizontal)}.mds-c-button.focus-visible{outline:2px solid var(--mds-t-outline-color,var(--mds-t-text-color--accent));outline-offset:3px;z-index:2}.mds-c-button:focus-visible{outline:2px solid var(--mds-t-outline-color,var(--mds-t-text-color--accent));outline-offset:3px;z-index:2}.mds-c-button:active,.mds-c-button:hover{text-decoration:none;z-index:1}.mds-c-button:hover{--mds-v-button__border-color:var(--mds-v-button__border-color--hover);background-color:var(--mds-v-button__background-color--hover,transparent);color:var(--mds-v-button__color--hover,var(--mds-t-text-color--primary))}.mds-c-button:active{--mds-v-button__border-color:var(--mds-v-button__border-color--active);background-color:var(
|
|
58
62
|
--mds-v-button__background-color--active,transparent
|
|
59
63
|
);color:var(--mds-v-button__color--active,var(--mds-t-text-color--primary))}.mds-c-button.mds-is-active{--mds-v-button__background-color:var(
|
|
60
64
|
--mds-t-background-color--inverse-primary
|
|
@@ -66,13 +70,13 @@
|
|
|
66
70
|
--mds-t-text-color--inverse-primary
|
|
67
71
|
)!important;--mds-v-button__color--active:var(
|
|
68
72
|
--mds-t-text-color--inverse-primary
|
|
69
|
-
)!important;text-decoration:none!important}.mds-c-button.mds-is-active.mds-c-button--theme-border{border:1px solid transparent}.mds-c-button.mds-is-loading{--mds-v-button__background-color:var(--mds-v-button__loading-color);--mds-v-button__color:#fff;cursor:default;opacity:1!important;pointer-events:none;text-decoration:none!important}.mds-c-button.mds-has-error{--mds-v-button__background-color:transparent;--mds-v-button__background-color--hover:transparent;--mds-v-button__background-color--active:transparent;--mds-v-button__border-color:var(--mds-t-color--red);--mds-v-button__border-color--hover:var(--mds-t-color--red);--mds-v-button__border-color--active:var(--mds-t-color--red);--mds-v-button__color:var(--mds-t-color--red);--mds-v-button__color--hover:var(--mds-t-color--red);--mds-v-button__color--active:var(--mds-t-color--red)}.mds-c-button.mds-has-error.mds-c-button--theme-border:not(.mds-is-active){border:1px solid}.mds-c-button.mds-has-changes{--mds-v-button__background-color:var(
|
|
73
|
+
)!important;text-decoration:none!important}.mds-c-button.mds-is-active.mds-c-button--theme-border,.mds-c-button.mds-is-active.mds-c-button--theme-border-filled{border:1px solid transparent}.mds-c-button.mds-is-loading{--mds-v-button__background-color:var(--mds-v-button__loading-color);--mds-v-button__color:#fff;cursor:default;opacity:1!important;pointer-events:none;text-decoration:none!important}.mds-c-button.mds-has-error{--mds-v-button__background-color:transparent;--mds-v-button__background-color--hover:transparent;--mds-v-button__background-color--active:transparent;--mds-v-button__border-color:var(--mds-t-color--red);--mds-v-button__border-color--hover:var(--mds-t-color--red);--mds-v-button__border-color--active:var(--mds-t-color--red);--mds-v-button__color:var(--mds-t-color--red);--mds-v-button__color--hover:var(--mds-t-color--red);--mds-v-button__color--active:var(--mds-t-color--red)}.mds-c-button.mds-has-error.mds-c-button--theme-border-filled:not(.mds-is-active),.mds-c-button.mds-has-error.mds-c-button--theme-border:not(.mds-is-active){border:1px solid}.mds-c-button.mds-has-changes{--mds-v-button__background-color:var(
|
|
70
74
|
--mds-t-background-color--changes-muted
|
|
71
75
|
);--mds-v-button__background-color--hover:var(
|
|
72
76
|
--mds-t-background-color--changes-muted
|
|
73
77
|
);--mds-v-button__background-color--active:var(
|
|
74
78
|
--mds-t-background-color--changes-muted
|
|
75
|
-
);--mds-v-button__border-color:var(--mds-t-color--orange);--mds-v-button__border-color--hover:var(--mds-t-color--orange);--mds-v-button__border-color--active:var(--mds-t-color--orange);--mds-v-button__color:var(--mds-t-text-color--primary);--mds-v-button__color--hover:var(--mds-t-text-color--primary);--mds-v-button__color--active:var(--mds-t-text-color--primary);border:1px solid var(--mds-t-color--orange)}.mds-c-button.mds-has-warning{--mds-v-button__background-color:transparent;--mds-v-button__background-color--hover:transparent;--mds-v-button__background-color--active:transparent;--mds-v-button__border-color:var(--mds-t-color--orange);--mds-v-button__border-color--hover:var(--mds-t-color--orange);--mds-v-button__border-color--active:var(--mds-t-color--orange);--mds-v-button__color:var(--mds-t-color--orange);--mds-v-button__color--hover:var(--mds-t-color--orange);--mds-v-button__color--active:var(--mds-t-color--orange)}.mds-c-button.mds-has-warning.mds-c-button--theme-border:not(.mds-is-active){border:1px solid}.mds-c-button.mds-scroll-to-top{bottom:6.5rem;padding:calc(var(--mds-v-button__padding--vertical) + 3px) calc(var(--mds-v-button__padding--horizontal) + .25rem)!important;position:fixed;right:0;z-index:100}.mds-c-button--readonly{pointer-events:none}.mds-c-button.mds-c-button--split-right{border-radius:0 var(--mds-d-border-radius--default) var(--mds-d-border-radius--default) 0}.mds-c-button.mds-c-button--split-left{border-radius:var(--mds-d-border-radius--default) 0 0 var(--mds-d-border-radius--default)}.mds-c-button__content{align-items:center;color:var(--mds-t-text-color--primary);color:inherit;display:block;display:flex;font-size:var(--mds-d-font-size--med);font-weight:var(--mds-d-font-weight--semibold);height:var(--mds-v-button__line-height);justify-content:center;line-height:var(--mds-d-line-height--med);overflow:hidden;overflow-wrap:break-word;pointer-events:none;word-break:break-word}.mds-c-button__content>*{margin-left:var(--mds-d-spacing--xs);margin-right:var(--mds-d-spacing--xs)}.mds-c-button__content>.mds-c-icon{height:var(--mds-d-font-size--sm);transform:scale(1.1666);width:var(--mds-d-font-size--sm)}.mds-c-button--size-xs .mds-c-button__content>.mds-c-icon{height:var(--mds-d-font-size--xs);width:var(--mds-d-font-size--xs)}.mds-c-button__content--layout-left-packed{justify-content:flex-start}.mds-c-button__content--layout-left-packed .mds-c-button__text{margin-right:auto}.mds-c-button__TimesheetLabel{position:static}.mds-c-button__TimesheetLabel .hours{display:inline-block;text-align:right;width:45%}.mds-c-button__TimesheetLabel .separator{display:inline-block}.mds-c-button__TimesheetLabel .minutes{display:inline-block;text-align:left;width:55%}.mds-c-button__Tcontent{align-items:center;color:var(--mds-t-text-color--primary);color:inherit;display:block;display:flex;font-size:var(--mds-d-font-size--med);font-weight:var(--mds-d-font-weight--semibold);font-weight:400!important;height:var(--mds-v-button__line-height);justify-content:center;line-height:var(--mds-d-line-height--med);overflow:hidden;overflow-wrap:break-word;pointer-events:none;word-break:break-word}.mds-c-button__Tcontent>*{margin-left:var(--mds-d-spacing--xs);margin-right:var(--mds-d-spacing--xs)}.mds-c-button__Tcontent--layout-left-packed{justify-content:flex-start}.mds-c-button__Tcontent--layout-left-packed .mds-c-button__text{margin-right:auto}.mds-c-button--size-xs .mds-c-button__content>.mds-c-dot--animated{margin-left:.125rem;margin-right:.125rem}@media (max-width:512px){.mds-c-button{--mds-v-button__padding--horizontal:var(--mds-d-spacing--xs);--mds-v-button__padding--vertical:var(--mds-d-spacing--xs);max-width:100%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.mds-c-button-menu{margin-bottom:var(--mds-d-spacing--sm)!important;padding:var(--mds-d-spacing--xs) 0!important}.mds-c-button__content{height:auto}.mds-c-button__text{white-space:normal}.mds-c-button[data-tracking$=-emoji-reaction]{margin-top:var(--mds-d-spacing--sm)}}.mds-c-button--block{display:block;width:100%}.mds-c-button--block+.mds-c-button--block{margin-top:var(--mds-d-spacing--lg)}.mds-c-button[disabled]{cursor:default;opacity:.4;pointer-events:none}.mds-c-button--size-sm{--mds-v-button__padding--horizontal:var(--mds-d-spacing--xs);--mds-v-button__padding--vertical:var(--mds-d-spacing--xs)}.mds-c-button--size-xs{--mds-v-button__line-height:var(--mds-d-line-height--sm);--mds-v-button__padding--horizontal:var(--mds-d-spacing--xxxs);--mds-v-button__padding--vertical:var(--mds-d-spacing--xxxs)}.mds-c-button-group{background-color:var(--mds-t-background-color--primary);border-radius:var(--mds-d-border-radius--default);box-shadow:var(--mds-d-elevation--1);display:inline-flex;position:relative;vertical-align:middle}.mds-c-button-group>.mds-c-button{background-color:var(--mds-t-background-color--primary);border-radius:0}.mds-c-button-group>.mds-c-button,.mds-c-button-group>.mds-c-button:active,.mds-c-button-group>.mds-c-button:hover{border-color:var(--mds-t-border-color--inverse)}.mds-c-button-group>.mds-c-button:hover{background-color:var(--mds-c-button--background-color-hover);z-index:1}.mds-c-button-group>.mds-c-button:active{background-color:var(--mds-c-button--background-color-active)}.mds-c-button-group>.mds-c-button:first-child{border-bottom-left-radius:var(--mds-d-border-radius--default);border-top-left-radius:var(--mds-d-border-radius--default)}.mds-c-button-group>.mds-c-button:last-child{border-bottom-right-radius:var(--mds-d-border-radius--default);border-top-right-radius:var(--mds-d-border-radius--default)}.mds-c-button-group>.mds-c-button+.mds-c-button{margin-left:-1px}.mds-c-button-menu:empty{display:none}.mds-c-button-menu:not(:last-child){margin-bottom:var(--mds-d-spacing--xl)}.mds-c-button-menu+.mds-c-button-menu{border-top:1px solid var(--mds-t-border-color--secondary);padding-top:var(--mds-d-spacing--xl)}.mds-c-button-menu+.mds-c-button-menu:not(:last-child){margin-bottom:var(--mds-d-spacing--xl)}.mds-c-button-menu__label{color:var(--mds-t-text-color--primary);display:block;font-size:var(--mds-d-font-size--med);font-weight:var(--mds-d-font-weight--semibold);line-height:var(--mds-d-line-height--med);margin-bottom:var(--mds-d-spacing--lg);overflow-wrap:break-word;word-break:break-word}.mds-c-button-menu__item{display:block}.mds-c-button-menu__item:not(:last-child){margin-bottom:var(--mds-d-spacing--lg)}.mds-c-chart{align-items:center;-moz-column-gap:var(--mds-d-spacing--med);column-gap:var(--mds-d-spacing--med);display:flex;flex-wrap:wrap;margin:var(--mds-d-spacing--lg) 0;row-gap:var(--mds-d-spacing--med)}.mds-c-chart:last-child{margin-bottom:0}.mds-c-chart>*{flex:0 1 auto;min-width:0}.mds-c-chart-legend{grid-row-gap:var(--mds-d-spacing--med);display:grid;font-size:var(--mds-d-font-size--xs);grid-template-rows:auto;max-width:16rem}.mds-c-chart-legend__item{grid-column-gap:var(--mds-d-spacing--med);align-items:center;display:grid;font-weight:var(--mds-d-font-weight--semibold);grid-template-columns:auto 1fr;line-height:var(--mds-d-line-height--xs)}.mds-c-chart-legend__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mds-c-chart-legend__dot{background-color:var(--mds-t-color--primary);border-radius:50%;display:block;height:1em;width:1em}.mds-c-checklist>.mds-c-toggle{flex-shrink:0}.mds-c-checklist__label{color:var(--mds-t-text-color--primary);flex:1;font-size:var(--mds-d-font-size--med);font-weight:var(--mds-d-font-weight--normal);line-height:var(--mds-d-line-height--med);min-width:0;padding-left:var(--mds-d-spacing--med)}.mds-c-checklist__item--completed .mds-c-checklist__label{color:var(--mds-t-text-color--tertiary);font-style:italic;text-decoration:line-through}.mds-c-checklist__item{align-items:center;display:flex;flex:1;margin-left:calc(var(--mds-d-spacing--xl) * -1);margin-right:calc(var(--mds-d-spacing--xl) * -1);padding:var(--mds-d-spacing--xs) var(--mds-d-spacing--xl);position:relative}.mds-c-checklist__item:not(:last-child){margin-bottom:var(--mds-d-spacing--xs)}.mds-c-checklist__item--new>.mds-c-toggle{visibility:hidden}.mds-c-checklist__item--new .mds-c-checklist__label{color:var(--mds-t-text-color--tertiary)}.mds-c-collapsible-content-list{position:relative}.mds-c-collapsible-content-list.mds-is-droppable{background-color:var(--mds-t-background-color--accent-muted);box-shadow:calc(var(--mds-d-spacing--xs) * -1) 0 0 var(--mds-d-spacing--xs) var(--mds-t-background-color--accent-muted),var(--mds-d-spacing--xs) 0 0 var(--mds-d-spacing--xs) var(--mds-t-background-color--accent-muted);cursor:-webkit-grabbing;cursor:grabbing}.mds-c-collapsible-content-list:before{content:"";display:block;height:100%;left:calc(var(--mds-d-spacing--xxl) * -1);position:absolute;top:0;width:var(--mds-d-spacing--xxl)}.mds-c-collapsible-content{--mds-v-collapsible-content__border-color:var(
|
|
79
|
+
);--mds-v-button__border-color:var(--mds-t-color--orange);--mds-v-button__border-color--hover:var(--mds-t-color--orange);--mds-v-button__border-color--active:var(--mds-t-color--orange);--mds-v-button__color:var(--mds-t-text-color--primary);--mds-v-button__color--hover:var(--mds-t-text-color--primary);--mds-v-button__color--active:var(--mds-t-text-color--primary);border:1px solid var(--mds-t-color--orange)}.mds-c-button.mds-has-warning{--mds-v-button__background-color:transparent;--mds-v-button__background-color--hover:transparent;--mds-v-button__background-color--active:transparent;--mds-v-button__border-color:var(--mds-t-color--orange);--mds-v-button__border-color--hover:var(--mds-t-color--orange);--mds-v-button__border-color--active:var(--mds-t-color--orange);--mds-v-button__color:var(--mds-t-color--orange);--mds-v-button__color--hover:var(--mds-t-color--orange);--mds-v-button__color--active:var(--mds-t-color--orange)}.mds-c-button.mds-has-warning.mds-c-button--theme-border-filled:not(.mds-is-active),.mds-c-button.mds-has-warning.mds-c-button--theme-border:not(.mds-is-active){border:1px solid}.mds-c-button.mds-scroll-to-top{bottom:6.5rem;padding:calc(var(--mds-v-button__padding--vertical) + 3px) calc(var(--mds-v-button__padding--horizontal) + .25rem)!important;position:fixed;right:0;z-index:100}.mds-c-button--readonly{pointer-events:none}.mds-c-button.mds-c-button--split-right{border-radius:0 var(--mds-d-border-radius--default) var(--mds-d-border-radius--default) 0}.mds-c-button.mds-c-button--split-left{border-radius:var(--mds-d-border-radius--default) 0 0 var(--mds-d-border-radius--default)}.mds-c-button__content{align-items:center;color:var(--mds-t-text-color--primary);color:inherit;display:block;display:flex;font-size:var(--mds-d-font-size--med);font-weight:var(--mds-d-font-weight--semibold);height:var(--mds-v-button__line-height);justify-content:center;line-height:var(--mds-d-line-height--med);overflow:hidden;overflow-wrap:break-word;pointer-events:none;word-break:break-word}.mds-c-button__content>*{margin-left:var(--mds-d-spacing--xs);margin-right:var(--mds-d-spacing--xs)}.mds-c-button__content>.mds-c-icon{height:var(--mds-d-font-size--sm);transform:scale(1.1666);width:var(--mds-d-font-size--sm)}.mds-c-button--size-xs .mds-c-button__content>.mds-c-icon{height:var(--mds-d-font-size--xs);width:var(--mds-d-font-size--xs)}.mds-c-button__content--layout-left-packed{justify-content:flex-start}.mds-c-button__content--layout-left-packed .mds-c-button__text{margin-right:auto}.mds-c-button__TimesheetLabel{position:static}.mds-c-button__TimesheetLabel .hours{display:inline-block;text-align:right;width:45%}.mds-c-button__TimesheetLabel .separator{display:inline-block}.mds-c-button__TimesheetLabel .minutes{display:inline-block;text-align:left;width:55%}.mds-c-button__Tcontent{align-items:center;color:var(--mds-t-text-color--primary);color:inherit;display:block;display:flex;font-size:var(--mds-d-font-size--med);font-weight:var(--mds-d-font-weight--semibold);font-weight:400!important;height:var(--mds-v-button__line-height);justify-content:center;line-height:var(--mds-d-line-height--med);overflow:hidden;overflow-wrap:break-word;pointer-events:none;word-break:break-word}.mds-c-button__Tcontent>*{margin-left:var(--mds-d-spacing--xs);margin-right:var(--mds-d-spacing--xs)}.mds-c-button__Tcontent--layout-left-packed{justify-content:flex-start}.mds-c-button__Tcontent--layout-left-packed .mds-c-button__text{margin-right:auto}.mds-c-button--size-xs .mds-c-button__content>.mds-c-dot--animated{margin-left:.125rem;margin-right:.125rem}@media (max-width:512px){.mds-c-button{--mds-v-button__padding--horizontal:var(--mds-d-spacing--xs);--mds-v-button__padding--vertical:var(--mds-d-spacing--xs);max-width:100%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.mds-c-button-menu{margin-bottom:var(--mds-d-spacing--sm)!important;padding:var(--mds-d-spacing--xs) 0!important}.mds-c-button__content{height:auto}.mds-c-button__text{white-space:normal}.mds-c-button[data-tracking$=-emoji-reaction]{margin-top:var(--mds-d-spacing--sm)}}.mds-c-button--block{display:block;width:100%}.mds-c-button--block+.mds-c-button--block{margin-top:var(--mds-d-spacing--lg)}.mds-c-button[disabled]{cursor:default;opacity:.4;pointer-events:none}.mds-c-button--size-sm{--mds-v-button__padding--horizontal:var(--mds-d-spacing--xs);--mds-v-button__padding--vertical:var(--mds-d-spacing--xs)}.mds-c-button--size-xs{--mds-v-button__line-height:var(--mds-d-line-height--sm);--mds-v-button__padding--horizontal:var(--mds-d-spacing--xxxs);--mds-v-button__padding--vertical:var(--mds-d-spacing--xxxs)}.mds-c-button-group{background-color:var(--mds-t-background-color--primary);border-radius:var(--mds-d-border-radius--default);box-shadow:var(--mds-d-elevation--1);display:inline-flex;position:relative;vertical-align:middle}.mds-c-button-group>.mds-c-button{background-color:var(--mds-t-background-color--primary);border-radius:0}.mds-c-button-group>.mds-c-button,.mds-c-button-group>.mds-c-button:active,.mds-c-button-group>.mds-c-button:hover{border-color:var(--mds-t-border-color--inverse)}.mds-c-button-group>.mds-c-button:hover{background-color:var(--mds-c-button--background-color-hover);z-index:1}.mds-c-button-group>.mds-c-button:active{background-color:var(--mds-c-button--background-color-active)}.mds-c-button-group>.mds-c-button:first-child{border-bottom-left-radius:var(--mds-d-border-radius--default);border-top-left-radius:var(--mds-d-border-radius--default)}.mds-c-button-group>.mds-c-button:last-child{border-bottom-right-radius:var(--mds-d-border-radius--default);border-top-right-radius:var(--mds-d-border-radius--default)}.mds-c-button-group>.mds-c-button+.mds-c-button{margin-left:-1px}.mds-c-button-menu:empty{display:none}.mds-c-button-menu:not(:last-child){margin-bottom:var(--mds-d-spacing--xl)}.mds-c-button-menu+.mds-c-button-menu{border-top:1px solid var(--mds-t-border-color--secondary);padding-top:var(--mds-d-spacing--xl)}.mds-c-button-menu+.mds-c-button-menu:not(:last-child){margin-bottom:var(--mds-d-spacing--xl)}.mds-c-button-menu__label{color:var(--mds-t-text-color--primary);display:block;font-size:var(--mds-d-font-size--med);font-weight:var(--mds-d-font-weight--semibold);line-height:var(--mds-d-line-height--med);margin-bottom:var(--mds-d-spacing--lg);overflow-wrap:break-word;word-break:break-word}.mds-c-button-menu__item{display:block}.mds-c-button-menu__item:not(:last-child){margin-bottom:var(--mds-d-spacing--lg)}.mds-c-chart{align-items:center;-moz-column-gap:var(--mds-d-spacing--med);column-gap:var(--mds-d-spacing--med);display:flex;flex-wrap:wrap;margin:var(--mds-d-spacing--lg) 0;row-gap:var(--mds-d-spacing--med)}.mds-c-chart:last-child{margin-bottom:0}.mds-c-chart>*{flex:0 1 auto;min-width:0}.mds-c-chart-legend{grid-row-gap:var(--mds-d-spacing--med);display:grid;font-size:var(--mds-d-font-size--xs);grid-template-rows:auto;max-width:16rem}.mds-c-chart-legend__item{grid-column-gap:var(--mds-d-spacing--med);align-items:center;display:grid;font-weight:var(--mds-d-font-weight--semibold);grid-template-columns:auto 1fr;line-height:var(--mds-d-line-height--xs)}.mds-c-chart-legend__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mds-c-chart-legend__dot{background-color:var(--mds-t-color--primary);border-radius:50%;display:block;height:1em;width:1em}.mds-c-checklist>.mds-c-toggle{flex-shrink:0}.mds-c-checklist__label{color:var(--mds-t-text-color--primary);flex:1;font-size:var(--mds-d-font-size--med);font-weight:var(--mds-d-font-weight--normal);line-height:var(--mds-d-line-height--med);min-width:0;padding-left:var(--mds-d-spacing--med)}.mds-c-checklist__item--completed .mds-c-checklist__label{color:var(--mds-t-text-color--tertiary);font-style:italic;text-decoration:line-through}.mds-c-checklist__item{align-items:center;display:flex;flex:1;margin-left:calc(var(--mds-d-spacing--xl) * -1);margin-right:calc(var(--mds-d-spacing--xl) * -1);padding:var(--mds-d-spacing--xs) var(--mds-d-spacing--xl);position:relative}.mds-c-checklist__item:not(:last-child){margin-bottom:var(--mds-d-spacing--xs)}.mds-c-checklist__item--new>.mds-c-toggle{visibility:hidden}.mds-c-checklist__item--new .mds-c-checklist__label{color:var(--mds-t-text-color--tertiary)}.mds-c-collapsible-content-list{position:relative}.mds-c-collapsible-content-list.mds-is-droppable{background-color:var(--mds-t-background-color--accent-muted);box-shadow:calc(var(--mds-d-spacing--xs) * -1) 0 0 var(--mds-d-spacing--xs) var(--mds-t-background-color--accent-muted),var(--mds-d-spacing--xs) 0 0 var(--mds-d-spacing--xs) var(--mds-t-background-color--accent-muted);cursor:-webkit-grabbing;cursor:grabbing}.mds-c-collapsible-content-list:before{content:"";display:block;height:100%;left:calc(var(--mds-d-spacing--xxl) * -1);position:absolute;top:0;width:var(--mds-d-spacing--xxl)}.mds-c-collapsible-content{--mds-v-collapsible-content__border-color:var(
|
|
76
80
|
--mds-t-border-color--secondary
|
|
77
81
|
);--mds-v-collapsible-content__color--secondary:var(
|
|
78
82
|
--mds-t-text-color--secondary
|
|
@@ -209,6 +209,32 @@
|
|
|
209
209
|
var(--mds-v-button__padding--horizontal);
|
|
210
210
|
}
|
|
211
211
|
|
|
212
|
+
/* Border Filled Theme */
|
|
213
|
+
&--theme-border-filled {
|
|
214
|
+
--mds-v-button__background-color: var(--mds-t-background-color--secondary);
|
|
215
|
+
--mds-v-button__background-color--hover: var(
|
|
216
|
+
--mds-t-background-color--primary
|
|
217
|
+
);
|
|
218
|
+
--mds-v-button__background-color--active: var(
|
|
219
|
+
--mds-t-background-color--tertiary
|
|
220
|
+
);
|
|
221
|
+
--mds-v-button__color: var(--mds-t-text-color--primary);
|
|
222
|
+
|
|
223
|
+
border: 1px solid var(--mds-t-border-color--primary);
|
|
224
|
+
padding: calc(var(--mds-v-button__padding--vertical) - 2px)
|
|
225
|
+
calc(var(--mds-v-button__padding--horizontal) - 2px);
|
|
226
|
+
|
|
227
|
+
&.mds-c-button--split-right {
|
|
228
|
+
border-left: none;
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
/* specific to med border-filled buttons so the height aligns with other form elements */
|
|
233
|
+
&--theme-border-filled--med {
|
|
234
|
+
padding: calc(var(--mds-v-button__padding--vertical) - 1px)
|
|
235
|
+
var(--mds-v-button__padding--horizontal);
|
|
236
|
+
}
|
|
237
|
+
|
|
212
238
|
&:focus-visible {
|
|
213
239
|
outline: 2px solid
|
|
214
240
|
var(--mds-t-outline-color, var(--mds-t-text-color--accent));
|
|
@@ -260,7 +286,8 @@
|
|
|
260
286
|
|
|
261
287
|
text-decoration: none !important;
|
|
262
288
|
|
|
263
|
-
&.mds-c-button--theme-border
|
|
289
|
+
&.mds-c-button--theme-border,
|
|
290
|
+
&.mds-c-button--theme-border-filled {
|
|
264
291
|
border: 1px solid transparent;
|
|
265
292
|
}
|
|
266
293
|
}
|
|
@@ -286,7 +313,8 @@
|
|
|
286
313
|
--mds-v-button__color--hover: var(--mds-t-color--red);
|
|
287
314
|
--mds-v-button__color--active: var(--mds-t-color--red);
|
|
288
315
|
|
|
289
|
-
&.mds-c-button--theme-border:not(.mds-is-active)
|
|
316
|
+
&.mds-c-button--theme-border:not(.mds-is-active),
|
|
317
|
+
&.mds-c-button--theme-border-filled:not(.mds-is-active) {
|
|
290
318
|
border: 1px solid;
|
|
291
319
|
}
|
|
292
320
|
}
|
|
@@ -322,7 +350,8 @@
|
|
|
322
350
|
--mds-v-button__color--hover: var(--mds-t-color--orange);
|
|
323
351
|
--mds-v-button__color--active: var(--mds-t-color--orange);
|
|
324
352
|
|
|
325
|
-
&.mds-c-button--theme-border:not(.mds-is-active)
|
|
353
|
+
&.mds-c-button--theme-border:not(.mds-is-active),
|
|
354
|
+
&.mds-c-button--theme-border-filled:not(.mds-is-active) {
|
|
326
355
|
border: 1px solid;
|
|
327
356
|
}
|
|
328
357
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inmotionnow/momentum-components",
|
|
3
|
-
"version": "102.
|
|
3
|
+
"version": "102.36.0",
|
|
4
4
|
"description": "CSS Components for inMotionNow",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"files": [
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"flatpickr": "3.0.7",
|
|
27
27
|
"focus-visible": "4.1.5"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "4362e29650fac4b16b4bcc4b4c0a7f2d8b2faade"
|
|
30
30
|
}
|