@inmotionnow/momentum-components 102.11.2 → 102.11.3

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.
Files changed (3) hide show
  1. package/dist/momentum.css +1 -1
  2. package/dist/src/3_components/toggle/toggle.css +14 -12
  3. package/package.json +2 -2
package/dist/momentum.css CHANGED
@@ -114,7 +114,7 @@
114
114
  --mds-t-background-color--tertiary
115
115
  );--mds-v-toggle__bubble-background--active:var(
116
116
  --mds-t-background-color--accent
117
- );--mds-v-toggle__bubble-color:var(--mds-t-background-color--primary);--mds-v-toggle__padding:var(--mds-d-spacing--xs);--mds-v-toggle__size:1rem;align-items:center;color:var(--mds-t-text-color--primary);display:inline-flex;justify-content:flex-start;margin:calc(var(--mds-v-toggle__padding) * -1);min-width:0;padding:var(--mds-v-toggle__padding);position:relative;transition:color .1s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.mds-c-toggle--cursor-default{cursor:default}.mds-c-toggle--cursor-pointer{cursor:pointer}.mds-c-toggle:focus,.mds-c-toggle:hover{color:var(--mds-d-color-brand--primary)}.mds-c-toggle.mds-is-disabled{cursor:default;opacity:.4;pointer-events:none}.mds-c-toggle input{clip:rect(0 0 0 0);border:0;display:block;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1px}.mds-c-toggle__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:-2px;margin-left:var(--mds-d-spacing--sm);margin-top:-2px;overflow:hidden;overflow-wrap:break-word;pointer-events:none;word-break:break-word}.mds-c-toggle__label:empty{display:none}.mds-c-toggle__label--hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1px}.mds-c-toggle--size-lg .mds-c-toggle__label{margin-top:0}.mds-c-toggle__label--size-lg{color:var(--mds-t-text-color--primary);display:block;font-size:var(--mds-d-font-size--lg);font-weight:var(--mds-d-font-weight--semibold);line-height:var(--mds-d-line-height--lg);overflow-wrap:break-word;word-break:break-word}.mds-c-toggle__label--size-xl{color:var(--mds-t-text-color--primary);display:block;font-size:var(--mds-d-font-size--xl);font-weight:var(--mds-d-font-weight--bold);line-height:var(--mds-d-line-height--xl);overflow-wrap:break-word;word-break:break-word}.mds-c-toggle__label--size-xxl{color:var(--mds-t-text-color--primary);display:block;font-size:var(--mds-d-font-size--xxl);font-weight:var(--mds-d-font-weight--bold);line-height:var(--mds-d-line-height--xxl);overflow-wrap:break-word;word-break:break-word}.mds-c-toggle__label--size-normal{font-size:var(--mds-d-font-size--med);font-weight:var(--mds-d-font-weight--normal);line-height:var(--mds-d-line-height--med)}.mds-c-toggle__blocked{--color:var(--mds-v-toggle__bubble-color);--border-color:var(--mds-v-toggle__bubble-background--primary);--box-shadow:0 0 0 2px var(--border-color) inset;background-color:var(--background-color,transparent);background-position:50%;background-size:calc(var(--mds-v-toggle__size) * .8);box-shadow:var(--box-shadow);display:block;flex-shrink:0;height:var(--mds-v-toggle__size);left:0;pointer-events:none;position:relative;width:var(--mds-v-toggle__size)}input.focus-visible+.mds-c-toggle__blocked{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:focus-visible+.mds-c-toggle__blocked{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:checked+.mds-c-toggle__blocked:not(.mds-c-toggle__blocked){--background-color:var(--mds-v-toggle__bubble-background--active);--border-color:var(--mds-v-toggle__bubble-background--active)}.mds-c-toggle__blocked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23afafaf'%3E%3Cpath fill-rule='evenodd' d='M3 8a5 5 0 0 1 7.757-4.172l-6.929 6.93A4.977 4.977 0 0 1 3 8zm2.243 4.172a5 5 0 0 0 6.929-6.929l-6.93 6.929zM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:calc(var(--mds-v-toggle__size) * 1);border-radius:50%;box-shadow:none}.mds-c-toggle__checkbox{--color:var(--mds-v-toggle__bubble-color);--border-color:var(--mds-v-toggle__bubble-background--primary);--box-shadow:0 0 0 2px var(--border-color) inset;background-color:var(--background-color,transparent);background-position:50%;background-size:calc(var(--mds-v-toggle__size) * .8);box-shadow:var(--box-shadow);display:block;flex-shrink:0;height:var(--mds-v-toggle__size);left:0;pointer-events:none;position:relative;width:var(--mds-v-toggle__size)}input.focus-visible+.mds-c-toggle__checkbox{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:focus-visible+.mds-c-toggle__checkbox{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:checked+.mds-c-toggle__checkbox:not(.mds-c-toggle__blocked){--background-color:var(--mds-v-toggle__bubble-background--active);--border-color:var(--mds-v-toggle__bubble-background--active)}.mds-c-toggle__checkbox{border-radius:var(--mds-d-border-radius--default)}.mds-has-changes .mds-c-toggle__checkbox{--border-color:var(--mds-t-border-color--primary)}.mds-c-toggle__checkbox:not(input:checked){background-color:var(--mds-t-background-color--primary)}input:checked+.mds-c-toggle__checkbox{background-color:var(--mds-v-toggle__bubble-background--active);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M13.63 3.22a1 1 0 0 0-1.41.15l-5.75 7.08-2.72-3.11a1 1 0 0 0-1.5 1.32l3.5 4a1 1 0 0 0 .75.34 1 1 0 0 0 .76-.37l6.5-8a1 1 0 0 0-.13-1.41z'/%3E%3C/svg%3E")}.mds-c-toggle__chircle{--color:var(--mds-v-toggle__bubble-color);--border-color:var(--mds-v-toggle__bubble-background--primary);--box-shadow:0 0 0 2px var(--border-color) inset;background-color:var(--background-color,transparent);background-position:50%;background-size:calc(var(--mds-v-toggle__size) * .8);box-shadow:var(--box-shadow);display:block;flex-shrink:0;height:var(--mds-v-toggle__size);left:0;pointer-events:none;position:relative;width:var(--mds-v-toggle__size)}input.focus-visible+.mds-c-toggle__chircle{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:focus-visible+.mds-c-toggle__chircle{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:checked+.mds-c-toggle__chircle:not(.mds-c-toggle__blocked){--background-color:var(--mds-v-toggle__bubble-background--active);--border-color:var(--mds-v-toggle__bubble-background--active)}.mds-c-toggle__chircle{--background-color:var(--mds-v-toggle__bubble-background--primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23afafaf'%3E%3Cpath d='M13.63 3.22a1 1 0 0 0-1.41.15l-5.75 7.08-2.72-3.11a1 1 0 0 0-1.5 1.32l3.5 4a1 1 0 0 0 .75.34 1 1 0 0 0 .76-.37l6.5-8a1 1 0 0 0-.13-1.41z'/%3E%3C/svg%3E");border-radius:50%}input:checked+.mds-c-toggle__chircle{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M13.63 3.22a1 1 0 0 0-1.41.15l-5.75 7.08-2.72-3.11a1 1 0 0 0-1.5 1.32l3.5 4a1 1 0 0 0 .75.34 1 1 0 0 0 .76-.37l6.5-8a1 1 0 0 0-.13-1.41z'/%3E%3C/svg%3E")}.mds-c-toggle--locked .mds-c-toggle__chircle{--background-color:var(--mds-t-background-color--inverse-primary);--border-color:var(--mds-t-background-color--inverse-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23afafaf'%3E%3Cpath d='M13 6h-1V5a4 4 0 0 0-8 0v1H3a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zM6 5a2 2 0 0 1 4 0v1H6zm6 8H4V8h8z'/%3E%3C/svg%3E");background-position:center 1px;background-size:calc(var(--mds-v-toggle__size) * .8)}.mds-c-toggle__notification{--color:var(--mds-v-toggle__bubble-color);--border-color:var(--mds-v-toggle__bubble-background--primary);--box-shadow:0 0 0 2px var(--border-color) inset;background-color:var(--background-color,transparent);background-position:50%;background-size:calc(var(--mds-v-toggle__size) * .8);box-shadow:var(--box-shadow);display:block;flex-shrink:0;height:var(--mds-v-toggle__size);left:0;pointer-events:none;position:relative;width:var(--mds-v-toggle__size)}input.focus-visible+.mds-c-toggle__notification{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:focus-visible+.mds-c-toggle__notification{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:checked+.mds-c-toggle__notification:not(.mds-c-toggle__blocked){--background-color:var(--mds-v-toggle__bubble-background--active);--border-color:var(--mds-v-toggle__bubble-background--active)}.mds-c-toggle__notification{--background-color:var(--mds-v-toggle__bubble-background--primary);--mds-v-toggle__padding:var(--mds-d-spacing--med);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f5f7fa'%3E%3Cpath d='M15 8a7 7 0 1 1-7-7 7 7 0 0 1 7 7z'/%3E%3C/svg%3E");background-position:center 1px;border-radius:50%;left:.5rem;top:.375rem}input:checked+.mds-c-toggle__notification{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2331c903'%3E%3Cpath d='M15 8a7 7 0 1 1-7-7 7 7 0 0 1 7 7z'/%3E%3C/svg%3E")}.mds-c-toggle__radio{--color:var(--mds-v-toggle__bubble-color);--border-color:var(--mds-v-toggle__bubble-background--primary);--box-shadow:0 0 0 2px var(--border-color) inset;background-color:var(--background-color,transparent);background-position:50%;background-size:calc(var(--mds-v-toggle__size) * .8);box-shadow:var(--box-shadow);display:block;flex-shrink:0;height:var(--mds-v-toggle__size);left:0;pointer-events:none;position:relative;width:var(--mds-v-toggle__size)}input.focus-visible+.mds-c-toggle__radio{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:focus-visible+.mds-c-toggle__radio{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:checked+.mds-c-toggle__radio:not(.mds-c-toggle__blocked){--background-color:var(--mds-v-toggle__bubble-background--active);--border-color:var(--mds-v-toggle__bubble-background--active)}.mds-c-toggle__radio{border-radius:50%}.mds-has-changes .mds-c-toggle__radio{--border-color:var(--mds-t-border-color--primary)}input:checked+.mds-c-toggle__radio{--box-shadow:0 0 0 0.25rem var(--border-color) inset}input:checked+.mds-c-toggle__radio:after{background-color:var(--mds-v-toggle__bubble-color);border-radius:50%;content:"";display:block;height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}:not(input:checked)+.mds-c-toggle__radio{background-color:var(--mds-t-background-color--primary)}.mds-c-toggle__switch{--color:var(--mds-v-toggle__bubble-color);--border-color:var(--mds-v-toggle__bubble-background--primary);--box-shadow:0 0 0 2px var(--border-color) inset;background-color:var(--background-color,transparent);background-position:50%;background-size:calc(var(--mds-v-toggle__size) * .8);box-shadow:var(--box-shadow);display:block;flex-shrink:0;height:var(--mds-v-toggle__size);left:0;pointer-events:none;position:relative;width:var(--mds-v-toggle__size)}input.focus-visible+.mds-c-toggle__switch{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:focus-visible+.mds-c-toggle__switch{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:checked+.mds-c-toggle__switch:not(.mds-c-toggle__blocked){--background-color:var(--mds-v-toggle__bubble-background--active);--border-color:var(--mds-v-toggle__bubble-background--active)}.mds-c-toggle__switch{--background-color:var(--mds-v-toggle__bubble-background--primary);background-image:none;border-radius:6.25rem;transition-duration:.2s;transition-property:background-color,box-shadow;transition-timing-function:ease;width:calc(var(--mds-v-toggle__size) * 2)}.mds-c-toggle__switch:before{background-color:var(--mds-v-toggle__bubble-color);border-radius:6.25rem;box-shadow:0 1px 1px 1px rgb(0 0 0/8%),0 .25rem 1px 1px rgb(0 0 0/4%);content:"";display:block;height:calc(var(--mds-v-toggle__size) - 2px);left:1px;padding:1px;position:absolute;top:1px;transition:all .2s cubic-bezier(.18,.89,.32,1.28);width:calc(var(--mds-v-toggle__size) - 2px)}.mds-c-toggle:active .mds-c-toggle__switch:before{width:calc(var(--mds-v-toggle__size) * 1.25)}input:checked+.mds-c-toggle__switch:before{left:calc(100% - 1px);transform:translateX(-100%)}.mds-c-toggle:active input:checked+.mds-c-toggle__switch:before{width:calc(var(--mds-v-toggle__size) * 1.25)}.mds-c-toggles--appearance-stacked{flex-direction:column}.mds-c-toggles--appearance-stacked-reverse{flex-direction:column}.mds-c-toggles--appearance-stacked-reverse .mds-c-toggle{flex-flow:row-reverse;justify-content:space-between}.mds-c-toggles--appearance-stacked-reverse .mds-c-toggle__label{margin-left:0}.mds-c-toggle--disabled{cursor:default}.mds-c-toggle--locked{cursor:default}.mds-c-toggle--size-lg{--mds-v-toggle__size:1.25rem}.mds-c-toggle__switch--theme-danger{--mds-v-toggle__bubble-background--primary:var(
117
+ );--mds-v-toggle__bubble-color:var(--mds-t-background-color--primary);--mds-v-toggle__padding:var(--mds-d-spacing--xs);--mds-v-toggle__size:1rem;align-items:center;color:var(--mds-t-text-color--primary);display:inline-flex;justify-content:flex-start;margin:calc(var(--mds-v-toggle__padding) * -1);min-width:0;padding:var(--mds-v-toggle__padding);position:relative;transition:color .1s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.mds-c-toggle--cursor-default{cursor:default}.mds-c-toggle--cursor-pointer{cursor:pointer}.mds-c-toggle:focus,.mds-c-toggle:hover{color:var(--mds-d-color-brand--primary)}.mds-c-toggle.mds-is-disabled{cursor:default;opacity:.4;pointer-events:none}.mds-c-toggle input{clip:rect(0 0 0 0);border:0;display:block;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1px}.mds-c-toggle__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:-2px;margin-left:var(--mds-d-spacing--sm);margin-top:-2px;overflow:hidden;overflow-wrap:break-word;pointer-events:none;word-break:break-word}.mds-c-toggle__label:empty{display:none}.mds-c-toggle__label--hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1px}.mds-c-toggle--size-lg .mds-c-toggle__label{margin-top:0}.mds-c-toggle__label--size-lg{color:var(--mds-t-text-color--primary);display:block;font-size:var(--mds-d-font-size--lg);font-weight:var(--mds-d-font-weight--semibold);line-height:var(--mds-d-line-height--lg);overflow-wrap:break-word;word-break:break-word}.mds-c-toggle__label--size-xl{color:var(--mds-t-text-color--primary);display:block;font-size:var(--mds-d-font-size--xl);font-weight:var(--mds-d-font-weight--bold);line-height:var(--mds-d-line-height--xl);overflow-wrap:break-word;word-break:break-word}.mds-c-toggle__label--size-xxl{color:var(--mds-t-text-color--primary);display:block;font-size:var(--mds-d-font-size--xxl);font-weight:var(--mds-d-font-weight--bold);line-height:var(--mds-d-line-height--xxl);overflow-wrap:break-word;word-break:break-word}.mds-c-toggle__label--size-normal{font-size:var(--mds-d-font-size--med);font-weight:var(--mds-d-font-weight--normal);line-height:var(--mds-d-line-height--med)}.mds-c-toggle__blocked{--color:var(--mds-v-toggle__bubble-color);--border-color:var(--mds-v-toggle__bubble-background--primary);--box-shadow:0 0 0 2px var(--border-color) inset;background-color:var(--background-color,transparent);background-position:50%;background-size:calc(var(--mds-v-toggle__size) * .8);box-shadow:var(--box-shadow);display:block;flex-shrink:0;height:var(--mds-v-toggle__size);left:0;pointer-events:none;position:relative;width:var(--mds-v-toggle__size)}input.focus-visible+.mds-c-toggle__blocked{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:focus-visible+.mds-c-toggle__blocked{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:checked+.mds-c-toggle__blocked:not(.mds-c-toggle__blocked){--background-color:var(--mds-v-toggle__bubble-background--active);--border-color:var(--mds-v-toggle__bubble-background--active)}.mds-c-toggle__blocked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23afafaf'%3E%3Cpath fill-rule='evenodd' d='M3 8a5 5 0 0 1 7.757-4.172l-6.929 6.93A4.977 4.977 0 0 1 3 8zm2.243 4.172a5 5 0 0 0 6.929-6.929l-6.93 6.929zM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1z' clip-rule='evenodd'/%3E%3C/svg%3E");background-size:calc(var(--mds-v-toggle__size) * 1);border-radius:50%;box-shadow:none}.mds-c-toggle__checkbox{--color:var(--mds-v-toggle__bubble-color);--border-color:var(--mds-v-toggle__bubble-background--primary);--box-shadow:0 0 0 2px var(--border-color) inset;background-color:var(--background-color,transparent);background-position:50%;background-size:calc(var(--mds-v-toggle__size) * .8);box-shadow:var(--box-shadow);display:block;flex-shrink:0;height:var(--mds-v-toggle__size);left:0;pointer-events:none;position:relative;width:var(--mds-v-toggle__size)}input.focus-visible+.mds-c-toggle__checkbox{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:focus-visible+.mds-c-toggle__checkbox{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:checked+.mds-c-toggle__checkbox:not(.mds-c-toggle__blocked){--background-color:var(--mds-v-toggle__bubble-background--active);--border-color:var(--mds-v-toggle__bubble-background--active)}.mds-c-toggle__checkbox{--border-color:var(--mds-t-border-color--primary);border-radius:var(--mds-d-border-radius--default)}.mds-has-changes .mds-c-toggle__checkbox{--border-color:var(--mds-t-border-color--primary)}.mds-c-toggle__checkbox:not(input:checked){background-color:var(--mds-t-background-color--primary)}input:checked+.mds-c-toggle__checkbox{background-color:var(--mds-v-toggle__bubble-background--active);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M13.63 3.22a1 1 0 0 0-1.41.15l-5.75 7.08-2.72-3.11a1 1 0 0 0-1.5 1.32l3.5 4a1 1 0 0 0 .75.34 1 1 0 0 0 .76-.37l6.5-8a1 1 0 0 0-.13-1.41z'/%3E%3C/svg%3E")}.mds-c-toggle__chircle{--color:var(--mds-v-toggle__bubble-color);--border-color:var(--mds-v-toggle__bubble-background--primary);--box-shadow:0 0 0 2px var(--border-color) inset;background-color:var(--background-color,transparent);background-position:50%;background-size:calc(var(--mds-v-toggle__size) * .8);box-shadow:var(--box-shadow);display:block;flex-shrink:0;height:var(--mds-v-toggle__size);left:0;pointer-events:none;position:relative;width:var(--mds-v-toggle__size)}input.focus-visible+.mds-c-toggle__chircle{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:focus-visible+.mds-c-toggle__chircle{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:checked+.mds-c-toggle__chircle:not(.mds-c-toggle__blocked){--background-color:var(--mds-v-toggle__bubble-background--active);--border-color:var(--mds-v-toggle__bubble-background--active)}.mds-c-toggle__chircle{--background-color:var(--mds-v-toggle__bubble-background--primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23afafaf'%3E%3Cpath d='M13.63 3.22a1 1 0 0 0-1.41.15l-5.75 7.08-2.72-3.11a1 1 0 0 0-1.5 1.32l3.5 4a1 1 0 0 0 .75.34 1 1 0 0 0 .76-.37l6.5-8a1 1 0 0 0-.13-1.41z'/%3E%3C/svg%3E");border-radius:50%}input:checked+.mds-c-toggle__chircle{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M13.63 3.22a1 1 0 0 0-1.41.15l-5.75 7.08-2.72-3.11a1 1 0 0 0-1.5 1.32l3.5 4a1 1 0 0 0 .75.34 1 1 0 0 0 .76-.37l6.5-8a1 1 0 0 0-.13-1.41z'/%3E%3C/svg%3E")}.mds-c-toggle--locked .mds-c-toggle__chircle{--background-color:var(--mds-t-background-color--inverse-primary);--border-color:var(--mds-t-background-color--inverse-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23afafaf'%3E%3Cpath d='M13 6h-1V5a4 4 0 0 0-8 0v1H3a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zM6 5a2 2 0 0 1 4 0v1H6zm6 8H4V8h8z'/%3E%3C/svg%3E");background-position:center 1px;background-size:calc(var(--mds-v-toggle__size) * .8)}.mds-c-toggle__notification{--color:var(--mds-v-toggle__bubble-color);--border-color:var(--mds-v-toggle__bubble-background--primary);--box-shadow:0 0 0 2px var(--border-color) inset;background-color:var(--background-color,transparent);background-position:50%;background-size:calc(var(--mds-v-toggle__size) * .8);box-shadow:var(--box-shadow);display:block;flex-shrink:0;height:var(--mds-v-toggle__size);left:0;pointer-events:none;position:relative;width:var(--mds-v-toggle__size)}input.focus-visible+.mds-c-toggle__notification{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:focus-visible+.mds-c-toggle__notification{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:checked+.mds-c-toggle__notification:not(.mds-c-toggle__blocked){--background-color:var(--mds-v-toggle__bubble-background--active);--border-color:var(--mds-v-toggle__bubble-background--active)}.mds-c-toggle__notification{--background-color:var(--mds-v-toggle__bubble-background--primary);--mds-v-toggle__padding:var(--mds-d-spacing--med);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f5f7fa'%3E%3Cpath d='M15 8a7 7 0 1 1-7-7 7 7 0 0 1 7 7z'/%3E%3C/svg%3E");background-position:center 1px;border-radius:50%;left:.5rem;top:.375rem}input:checked+.mds-c-toggle__notification{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2331c903'%3E%3Cpath d='M15 8a7 7 0 1 1-7-7 7 7 0 0 1 7 7z'/%3E%3C/svg%3E")}.mds-c-toggle__radio{--color:var(--mds-v-toggle__bubble-color);--border-color:var(--mds-v-toggle__bubble-background--primary);--box-shadow:0 0 0 2px var(--border-color) inset;background-color:var(--background-color,transparent);background-position:50%;background-size:calc(var(--mds-v-toggle__size) * .8);box-shadow:var(--box-shadow);display:block;flex-shrink:0;height:var(--mds-v-toggle__size);left:0;pointer-events:none;position:relative;width:var(--mds-v-toggle__size)}input.focus-visible+.mds-c-toggle__radio{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:focus-visible+.mds-c-toggle__radio{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:checked+.mds-c-toggle__radio:not(.mds-c-toggle__blocked){--background-color:var(--mds-v-toggle__bubble-background--active);--border-color:var(--mds-v-toggle__bubble-background--active)}.mds-c-toggle__radio{border-radius:50%}.mds-has-changes .mds-c-toggle__radio{--border-color:var(--mds-t-border-color--primary)}input:checked+.mds-c-toggle__radio{--box-shadow:0 0 0 0.25rem var(--border-color) inset}input:checked+.mds-c-toggle__radio:after{background-color:var(--mds-v-toggle__bubble-color);border-radius:50%;content:"";display:block;height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}:not(input:checked)+.mds-c-toggle__radio{background-color:var(--mds-t-background-color--primary)}.mds-c-toggle__switch{--color:var(--mds-v-toggle__bubble-color);--border-color:var(--mds-v-toggle__bubble-background--primary);--box-shadow:0 0 0 2px var(--border-color) inset;background-color:var(--background-color,transparent);background-position:50%;background-size:calc(var(--mds-v-toggle__size) * .8);box-shadow:var(--box-shadow);display:block;flex-shrink:0;height:var(--mds-v-toggle__size);left:0;pointer-events:none;position:relative;width:var(--mds-v-toggle__size)}input.focus-visible+.mds-c-toggle__switch{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:focus-visible+.mds-c-toggle__switch{outline:2px solid var(--mds-d-color-brand--primary);outline-offset:1px}input:checked+.mds-c-toggle__switch:not(.mds-c-toggle__blocked){--background-color:var(--mds-v-toggle__bubble-background--active);--border-color:var(--mds-v-toggle__bubble-background--active)}.mds-c-toggle__switch{--background-color:var(--mds-v-toggle__bubble-background--primary);background-image:none;border-radius:6.25rem;transition-duration:.2s;transition-property:background-color,box-shadow;transition-timing-function:ease;width:calc(var(--mds-v-toggle__size) * 2)}.mds-c-toggle__switch:before{background-color:var(--mds-v-toggle__bubble-color);border-radius:6.25rem;box-shadow:0 1px 1px 1px rgb(0 0 0/8%),0 .25rem 1px 1px rgb(0 0 0/4%);content:"";display:block;height:calc(var(--mds-v-toggle__size) - 2px);left:1px;padding:1px;position:absolute;top:1px;transition:all .2s cubic-bezier(.18,.89,.32,1.28);width:calc(var(--mds-v-toggle__size) - 2px)}.mds-c-toggle:active .mds-c-toggle__switch:before{width:calc(var(--mds-v-toggle__size) * 1.25)}input:checked+.mds-c-toggle__switch:before{left:calc(100% - 1px);transform:translateX(-100%)}.mds-c-toggle:active input:checked+.mds-c-toggle__switch:before{width:calc(var(--mds-v-toggle__size) * 1.25)}.mds-c-toggles--appearance-stacked{flex-direction:column}.mds-c-toggles--appearance-stacked-reverse{flex-direction:column}.mds-c-toggles--appearance-stacked-reverse .mds-c-toggle{flex-flow:row-reverse;justify-content:space-between}.mds-c-toggles--appearance-stacked-reverse .mds-c-toggle__label{margin-left:0}.mds-c-toggle--disabled{cursor:default}.mds-c-toggle--locked{cursor:default}.mds-c-toggle--size-lg{--mds-v-toggle__size:1.25rem}.mds-c-toggle__switch--theme-danger{--mds-v-toggle__bubble-background--primary:var(
118
118
  --mds-t-background-color--danger
119
119
  )}.mds-c-toggle-button{--mds-v-toggle-button__border-color:var(--mds-t-border-color--primary);--mds-v-toggle-button__border-color--active:var(
120
120
  --mds-t-border-color--accent
package/dist/src/3_components/toggle/toggle.css CHANGED
@@ -24,7 +24,6 @@
24
24
  transition: color 0.1s ease-out;
25
25
  user-select: none;
26
26
  vertical-align: top;
27
-
28
27
 
29
28
  &--cursor {
30
29
  &-default {
@@ -45,7 +44,7 @@
45
44
  opacity: 0.4;
46
45
  pointer-events: none;
47
46
  }
48
-
47
+
49
48
  input {
50
49
  @mixin mds-m-screenreader-text;
51
50
 
@@ -105,7 +104,7 @@
105
104
  --color: var(--mds-v-toggle__bubble-color);
106
105
  --border-color: var(--mds-v-toggle__bubble-background--primary);
107
106
  --box-shadow: 0 0 0 2px var(--border-color) inset;
108
-
107
+
109
108
  background-color: var(--background-color, transparent);
110
109
  background-position: center;
111
110
  background-size: calc(var(--mds-v-toggle__size) * 0.8);
@@ -132,7 +131,6 @@
132
131
  }
133
132
  }
134
133
 
135
-
136
134
  /* ==========================================================================
137
135
  * Toggle - Blocked
138
136
  * ========================================================================== */
@@ -157,6 +155,8 @@
157
155
 
158
156
  border-radius: var(--mds-d-border-radius--default);
159
157
 
158
+ --border-color: var(--mds-t-border-color--primary);
159
+
160
160
  .mds-has-changes & {
161
161
  --border-color: var(--mds-t-border-color--primary);
162
162
  }
@@ -171,7 +171,7 @@
171
171
  '../../momentum-icons/dist/svg/check.svg',
172
172
  fill: #fff
173
173
  );
174
- }
174
+ }
175
175
  }
176
176
 
177
177
  /* ==========================================================================
@@ -210,10 +210,10 @@
210
210
  }
211
211
  }
212
212
 
213
- /* ==========================================================================
213
+ /* ==========================================================================
214
214
  * Toggle - Notification
215
215
  * ========================================================================== */
216
- .mds-c-toggle__notification {
216
+ .mds-c-toggle__notification {
217
217
  @apply --mds-c-toggle__bubble;
218
218
 
219
219
  --background-color: var(--mds-v-toggle__bubble-background--primary);
@@ -222,19 +222,19 @@
222
222
  background-image: svg-load(
223
223
  '../../momentum-icons/dist/svg/dot.svg',
224
224
  fill: $color-slate--50
225
- );
225
+ );
226
226
  background-position: center 1px;
227
227
  border-radius: 50%;
228
228
  left: 8px;
229
229
  top: 6px;
230
-
230
+
231
231
  input:checked + & {
232
232
  background-image: svg-load(
233
233
  '../../momentum-icons/dist/svg/dot.svg',
234
234
  fill: $brand-color--primary
235
235
  );
236
236
  }
237
- }
237
+ }
238
238
 
239
239
  /* ==========================================================================
240
240
  * Toggle - Radio
@@ -251,7 +251,7 @@
251
251
 
252
252
  input:checked + & {
253
253
  --box-shadow: 0 0 0 4px var(--border-color) inset;
254
-
254
+
255
255
  &::after {
256
256
  background-color: var(--mds-v-toggle__bubble-color);
257
257
  border-radius: 50%;
@@ -290,7 +290,9 @@
290
290
  &::before {
291
291
  background-color: var(--mds-v-toggle__bubble-color);
292
292
  border-radius: 100px;
293
- box-shadow: 0 1px 1px 1px rgb(0 0 0 / 8%), 0 4px 1px 1px rgb(0 0 0 / 4%);
293
+ box-shadow:
294
+ 0 1px 1px 1px rgb(0 0 0 / 8%),
295
+ 0 4px 1px 1px rgb(0 0 0 / 4%);
294
296
  content: '';
295
297
  display: block;
296
298
  height: calc(var(--mds-v-toggle__size) - 2px);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inmotionnow/momentum-components",
3
- "version": "102.11.2",
3
+ "version": "102.11.3",
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": "b3498fe98bfd142fa21eda423e1eb908b6467766"
29
+ "gitHead": "5b49c3126a481ffc40c73f62c3256efbe33e04b2"
30
30
  }