@inmotionnow/momentum-components 102.0.5 → 102.1.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,7 @@
|
|
|
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.focus-visible{outline:2px solid var(--mds-t-text-color--accent);outline-offset:-2px;z-index:2}.mds-c-button:focus-visible{outline:2px solid var(--mds-t-text-color--accent);outline-offset:-2px;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(
|
|
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.focus-visible,.mds-c-button:focus{outline:2px solid var(--mds-t-text-color--accent);outline-offset:-2px;z-index:2}.mds-c-button:focus,.mds-c-button:focus-visible{outline:2px solid var(--mds-t-text-color--accent);outline-offset:-2px;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
58
|
--mds-v-button__background-color--active,transparent
|
|
59
59
|
);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
60
|
--mds-t-background-color--inverse-primary
|
|
@@ -66,7 +66,13 @@
|
|
|
66
66
|
--mds-t-text-color--inverse-primary
|
|
67
67
|
)!important;--mds-v-button__color--active:var(
|
|
68
68
|
--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(
|
|
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(
|
|
70
|
+
--mds-t-background-color--changes-muted
|
|
71
|
+
);--mds-v-button__background-color--hover:var(
|
|
72
|
+
--mds-t-background-color--changes-muted
|
|
73
|
+
);--mds-v-button__background-color--active:var(
|
|
74
|
+
--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}.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{grid-column-gap:var(--mds-d-spacing--med);align-items:center;display:grid;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);grid-template-rows:1fr;margin:var(--mds-d-spacing--lg) 0}.mds-c-chart:last-child{margin-bottom: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(
|
|
70
76
|
--mds-t-border-color--secondary
|
|
71
77
|
);--mds-v-collapsible-content__color--secondary:var(
|
|
72
78
|
--mds-t-text-color--secondary
|
|
@@ -174,16 +174,16 @@
|
|
|
174
174
|
}
|
|
175
175
|
}
|
|
176
176
|
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
}
|
|
177
|
+
/* Underline Theme */
|
|
178
|
+
&--theme-underline {
|
|
179
|
+
--mds-v-button__border-size: 0;
|
|
180
|
+
|
|
181
|
+
&:hover,
|
|
182
|
+
&:active,
|
|
183
|
+
.mds-is-clickable:hover & {
|
|
184
|
+
text-decoration: underline !important;
|
|
186
185
|
}
|
|
186
|
+
}
|
|
187
187
|
|
|
188
188
|
/* Border Theme */
|
|
189
189
|
&--theme-border {
|
|
@@ -209,6 +209,7 @@
|
|
|
209
209
|
var(--mds-v-button__padding--horizontal);
|
|
210
210
|
}
|
|
211
211
|
|
|
212
|
+
&:focus,
|
|
212
213
|
&:focus-visible {
|
|
213
214
|
outline: 2px solid var(--mds-t-text-color--accent);
|
|
214
215
|
outline-offset: -2px;
|
|
@@ -291,17 +292,23 @@
|
|
|
291
292
|
}
|
|
292
293
|
|
|
293
294
|
&.mds-has-changes {
|
|
294
|
-
--mds-v-button__background-color: var(
|
|
295
|
-
|
|
296
|
-
|
|
295
|
+
--mds-v-button__background-color: var(
|
|
296
|
+
--mds-t-background-color--changes-muted
|
|
297
|
+
);
|
|
298
|
+
--mds-v-button__background-color--hover: var(
|
|
299
|
+
--mds-t-background-color--changes-muted
|
|
300
|
+
);
|
|
301
|
+
--mds-v-button__background-color--active: var(
|
|
302
|
+
--mds-t-background-color--changes-muted
|
|
303
|
+
);
|
|
297
304
|
--mds-v-button__border-color: var(--mds-t-color--orange);
|
|
298
305
|
--mds-v-button__border-color--hover: var(--mds-t-color--orange);
|
|
299
306
|
--mds-v-button__border-color--active: var(--mds-t-color--orange);
|
|
300
307
|
--mds-v-button__color: var(--mds-t-text-color--primary);
|
|
301
308
|
--mds-v-button__color--hover: var(--mds-t-text-color--primary);
|
|
302
309
|
--mds-v-button__color--active: var(--mds-t-text-color--primary);
|
|
303
|
-
|
|
304
|
-
border: 1px solid var(--mds-t-color--orange);
|
|
310
|
+
|
|
311
|
+
border: 1px solid var(--mds-t-color--orange);
|
|
305
312
|
}
|
|
306
313
|
|
|
307
314
|
&.mds-has-warning {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inmotionnow/momentum-components",
|
|
3
|
-
"version": "102.0
|
|
3
|
+
"version": "102.1.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": "dc21dcacad396efa15dbac17f2faef9a1fb0afaf"
|
|
30
30
|
}
|