@inmotionnow/momentum-components 101.4.0 → 101.4.1

package/dist/momentum.css

@@ -66,7 +66,7 @@
       --mds-t-text-color--inverse-primary
     )!important;--mds-v-button__color--active:var(
       --mds-t-text-color--inverse-primary
-    )!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-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--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(
+    )!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-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(
     --mds-t-border-color--secondary
   );--mds-v-collapsible-content__color--secondary:var(
     --mds-t-text-color--secondary

package/dist/src/3_components/button/button.css

@@ -354,6 +354,51 @@
   }
 }
 
+.mds-c-button__TimesheetLabel {
+  position: static;
+
+  .hours {
+    display: inline-block;
+    text-align: right;
+    width: 45%;
+  }
+
+  .separator {
+    display: inline-block;
+  }
+
+  .minutes {
+    display: inline-block;
+    text-align: left;
+    width: 55%;
+  }
+}
+
+.mds-c-button__Tcontent {
+  @mixin mds-m-label--size-med;
+
+  align-items: center;
+  color: inherit;
+  display: flex;
+  font-weight: normal !important;
+  height: var(--mds-v-button__line-height);
+  justify-content: center;
+  pointer-events: none; /* To prevent active styles on disbled buttons */
+
+  > * {
+    margin-left: var(--mds-d-spacing--xs);
+    margin-right: var(--mds-d-spacing--xs);
+  }
+
+  &--layout-left-packed {
+    justify-content: flex-start;
+
+    .mds-c-button__text {
+      margin-right: auto;
+    }
+  }
+}
+
 .mds-c-button--size-xs {
   .mds-c-button__content {
     > .mds-c-dot--animated {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inmotionnow/momentum-components",
-  "version": "101.4.0",
+  "version": "101.4.1",
   "description": "CSS Components for inMotionNow",
   "license": "UNLICENSED",
   "files": [
@@ -28,5 +28,5 @@
     "flatpickr": "3.0.7",
     "focus-visible": "4.1.5"
   },
-  "gitHead": "3015ab19b1c57901127d5b61c1b3bfd8c4112bf3"
+  "gitHead": "ff006e4527e59dd3486eb9886c19bd78df7e6b33"
 }