@inmotionnow/momentum-components 102.19.5 → 102.20.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
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
--mds-t-background-color--tertiary
|
|
119
119
|
);--mds-v-toggle__bubble-background--active:var(
|
|
120
120
|
--mds-t-background-color--accent
|
|
121
|
-
);--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--inverse-primary);border-radius:var(--mds-d-border-radius--default)}.mds-has-changes .mds-c-toggle__checkbox{--border-color:var(--mds-t-border-color--inverse-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='%238f8f8f'%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(
|
|
121
|
+
);--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--inverse-primary);border-radius:var(--mds-d-border-radius--default)}.mds-has-changes .mds-c-toggle__checkbox{--border-color:var(--mds-t-border-color--inverse-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='%238f8f8f'%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")}:not(input:checked)+.mds-c-toggle__notification{--border-color:var(--mds-t-border-color--inverse-primary)}.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(
|
|
122
122
|
--mds-t-background-color--danger
|
|
123
123
|
)}.mds-c-toggle-button{--mds-v-toggle-button__border-color:var(--mds-t-border-color--primary);--mds-v-toggle-button__border-color--active:var(
|
|
124
124
|
--mds-t-border-color--accent
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inmotionnow/momentum-components",
|
|
3
|
-
"version": "102.
|
|
3
|
+
"version": "102.20.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": "aaceeecb02a56c56922098b1ed50b6727dc4f49b"
|
|
30
30
|
}
|