@kyralabs/m3e-tokens 1.3.0 → 1.4.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/components.d.ts +207 -1
- package/dist/components.js +203 -2
- package/dist/components.js.map +1 -1
- package/dist/generated/components/bottom-app-bar-defaults.css +1 -0
- package/dist/generated/components/docked-toolbar-defaults.css +1 -0
- package/dist/generated/components/floating-toolbar-defaults.css +1 -0
- package/dist/generated/components/progress-indicator-defaults.css +1 -0
- package/dist/generated/components/search-defaults.css +1 -0
- package/dist/generated/components/top-app-bar-defaults.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer m3e.tokens{:root{--m3e-comp-bottom-app-bar-defaults-container-height: 80px;--m3e-comp-bottom-app-bar-defaults-horizontal-arrangement: flex-start;--m3e-comp-bottom-app-bar-defaults-content-padding-horizontal: 4px;--m3e-comp-bottom-app-bar-defaults-content-padding-top: 4px;--m3e-comp-bottom-app-bar-defaults-fab-padding-end: 12px;--m3e-comp-bottom-app-bar-defaults-fab-padding-top: 8px;--m3e-comp-bottom-app-bar-defaults-container-elevation: 0px;--m3e-comp-bottom-app-bar-defaults-container-shadow: var(--m3e-sys-elevation-level0-shadow);--m3e-comp-bottom-app-bar-defaults-fab-container-color: var(--m3e-sys-color-secondary-container);--m3e-comp-bottom-app-bar-defaults-fab-content-color: var(--m3e-sys-color-on-secondary-container);--m3e-comp-bottom-app-bar-defaults-fab-elevation: 0px;--m3e-comp-bottom-app-bar-defaults-fab-shadow: var(--m3e-sys-elevation-level0-shadow)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer m3e.tokens{:root{--m3e-comp-docked-toolbar-defaults-container-height: 64px;--m3e-comp-docked-toolbar-defaults-content-padding-start: 16px;--m3e-comp-docked-toolbar-defaults-content-padding-end: 16px;--m3e-comp-docked-toolbar-defaults-horizontal-arrangement: space-between;--m3e-comp-docked-toolbar-defaults-fixed-item-spacing: 32px;--m3e-comp-docked-toolbar-defaults-fixed-horizontal-arrangement: center;--m3e-comp-docked-toolbar-defaults-space-around-arrangement: space-around;--m3e-comp-docked-toolbar-defaults-space-evenly-arrangement: space-evenly;--m3e-comp-docked-toolbar-defaults-spaced-content-padding: 0px;--m3e-comp-docked-toolbar-defaults-container-color: var(--m3e-sys-color-surface-container);--m3e-comp-docked-toolbar-defaults-content-color: var(--m3e-sys-color-on-surface);--m3e-comp-docked-toolbar-defaults-vibrant-container-color: var(--m3e-sys-color-primary-container);--m3e-comp-docked-toolbar-defaults-vibrant-content-color: var(--m3e-sys-color-on-primary-container);--m3e-comp-docked-toolbar-defaults-snap-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-docked-toolbar-defaults-snap-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-docked-toolbar-defaults-snap-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-docked-toolbar-defaults-snap-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer m3e.tokens{:root{--m3e-comp-floating-toolbar-defaults-container-size: 64px;--m3e-comp-floating-toolbar-defaults-content-padding-start: 8px;--m3e-comp-floating-toolbar-defaults-content-padding-top: 8px;--m3e-comp-floating-toolbar-defaults-content-padding-end: 8px;--m3e-comp-floating-toolbar-defaults-content-padding-bottom: 8px;--m3e-comp-floating-toolbar-defaults-item-spacing: 0px;--m3e-comp-floating-toolbar-defaults-screen-offset: 16px;--m3e-comp-floating-toolbar-defaults-expanded-elevation: var(--m3e-sys-elevation-level0);--m3e-comp-floating-toolbar-defaults-expanded-shadow: var(--m3e-sys-elevation-level0-shadow);--m3e-comp-floating-toolbar-defaults-collapsed-elevation: var(--m3e-sys-elevation-level0);--m3e-comp-floating-toolbar-defaults-collapsed-shadow: var(--m3e-sys-elevation-level0-shadow);--m3e-comp-floating-toolbar-defaults-expanded-elevation-with-fab: var(--m3e-sys-elevation-level1);--m3e-comp-floating-toolbar-defaults-expanded-shadow-with-fab: var(--m3e-sys-elevation-level1-shadow);--m3e-comp-floating-toolbar-defaults-collapsed-elevation-with-fab: var(--m3e-sys-elevation-level0);--m3e-comp-floating-toolbar-defaults-collapsed-shadow-with-fab: var(--m3e-sys-elevation-level0-shadow);--m3e-comp-floating-toolbar-defaults-toolbar-to-fab-gap: 8px;--m3e-comp-floating-toolbar-defaults-fab-size-min: 56px;--m3e-comp-floating-toolbar-defaults-fab-size-max: 80px;--m3e-comp-floating-toolbar-defaults-fab-shape: var(--m3e-sys-shape-corner-large);--m3e-comp-floating-toolbar-defaults-fab-elevation: var(--m3e-sys-elevation-level2);--m3e-comp-floating-toolbar-defaults-fab-shadow: var(--m3e-sys-elevation-level2-shadow);--m3e-comp-floating-toolbar-defaults-fab-elevation-pressed: var(--m3e-sys-elevation-level2);--m3e-comp-floating-toolbar-defaults-fab-shadow-pressed: var(--m3e-sys-elevation-level2-shadow);--m3e-comp-floating-toolbar-defaults-fab-elevation-focused: var(--m3e-sys-elevation-level2);--m3e-comp-floating-toolbar-defaults-fab-shadow-focused: var(--m3e-sys-elevation-level2-shadow);--m3e-comp-floating-toolbar-defaults-fab-elevation-hovered: var(--m3e-sys-elevation-level3);--m3e-comp-floating-toolbar-defaults-fab-shadow-hovered: var(--m3e-sys-elevation-level3-shadow);--m3e-comp-floating-toolbar-defaults-standard-container-color: var(--m3e-sys-color-surface-container);--m3e-comp-floating-toolbar-defaults-standard-content-color: var(--m3e-sys-color-on-surface);--m3e-comp-floating-toolbar-defaults-standard-fab-container-color: var(--m3e-sys-color-primary-container);--m3e-comp-floating-toolbar-defaults-standard-fab-content-color: var(--m3e-sys-color-on-primary-container);--m3e-comp-floating-toolbar-defaults-vibrant-container-color: var(--m3e-sys-color-primary-container);--m3e-comp-floating-toolbar-defaults-vibrant-content-color: var(--m3e-sys-color-on-primary-container);--m3e-comp-floating-toolbar-defaults-vibrant-fab-container-color: var(--m3e-sys-color-tertiary-container);--m3e-comp-floating-toolbar-defaults-vibrant-fab-content-color: var(--m3e-sys-color-on-tertiary-container);--m3e-comp-floating-toolbar-defaults-animation-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-floating-toolbar-defaults-animation-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-floating-toolbar-defaults-animation-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-floating-toolbar-defaults-animation-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-floating-toolbar-defaults-snap-duration: var(--m3e-sys-motion-spring-default-effects-duration);--m3e-comp-floating-toolbar-defaults-snap-easing: var(--m3e-sys-motion-spring-default-effects-easing);--m3e-comp-floating-toolbar-defaults-snap-damping-ratio: var(--m3e-sys-motion-spring-default-effects-damping-ratio);--m3e-comp-floating-toolbar-defaults-snap-stiffness: var(--m3e-sys-motion-spring-default-effects-stiffness);--m3e-comp-floating-toolbar-defaults-scroll-distance-threshold: 40px}@media(prefers-reduced-motion:reduce){:root{--m3e-comp-floating-toolbar-defaults-snap-duration: 0ms}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer m3e.tokens{:root{--m3e-comp-progress-indicator-defaults-linear-width: 240px;--m3e-comp-progress-indicator-defaults-linear-stop-trailing-space-max: 6px;--m3e-comp-progress-indicator-defaults-circular-indeterminate-track-color: transparent;--m3e-comp-progress-indicator-defaults-progress-damping-ratio: 1;--m3e-comp-progress-indicator-defaults-progress-stiffness: 50;--m3e-comp-progress-indicator-defaults-progress-visibility-threshold: .001;--m3e-comp-progress-indicator-defaults-progress-duration: 1305ms;--m3e-comp-progress-indicator-defaults-progress-easing: linear(0, .0012 .54%, .0052 1.15%, .0119 1.76%, .0208 2.38%, .0317 2.99%, .0461 3.68%, .0624 4.37%, .0824 5.13%, .1176 6.36%, .1607 7.74%, .366 13.87%, .4179 15.48%, .4629 16.93%, .5124 18.62%, .5567 20.23%, .5981 21.84%, .6365 23.45%, .672 25.06%, .706 26.74%, .7371 28.43%, .7665 30.19%, .793 31.95%, .8178 33.79%, .8399 35.63%, .8603 37.55%, .8804 39.69%, .8988 41.99%, .9151 44.37%, .9297 46.9%, .9422 49.5%, .9534 52.34%, .9632 55.4%, .9713 58.62%, .9778 61.92%, .9833 65.52%, .9914 73.79%, .996 83.14%, .999 99.92%, 1);--m3e-comp-progress-indicator-defaults-amplitude-min-progress: .1;--m3e-comp-progress-indicator-defaults-amplitude-max-progress: .95;--m3e-comp-progress-indicator-defaults-amplitude-increase-duration: var(--m3e-sys-motion-duration-long2);--m3e-comp-progress-indicator-defaults-amplitude-increase-easing: var(--m3e-sys-motion-easing-standard);--m3e-comp-progress-indicator-defaults-amplitude-decrease-duration: var(--m3e-sys-motion-duration-long2);--m3e-comp-progress-indicator-defaults-amplitude-decrease-easing: var(--m3e-sys-motion-easing-emphasized-accelerate);--m3e-comp-progress-indicator-defaults-wave-travel-duration: 1s;--m3e-comp-progress-indicator-defaults-wave-min-travel-duration: 50ms;--m3e-comp-progress-indicator-defaults-linear-indeterminate-duration: 1.75s;--m3e-comp-progress-indicator-defaults-linear-first-head-delay: 0ms;--m3e-comp-progress-indicator-defaults-linear-first-head-duration: 1s;--m3e-comp-progress-indicator-defaults-linear-first-tail-delay: .25s;--m3e-comp-progress-indicator-defaults-linear-first-tail-duration: 1s;--m3e-comp-progress-indicator-defaults-linear-second-head-delay: .65s;--m3e-comp-progress-indicator-defaults-linear-second-head-duration: .85s;--m3e-comp-progress-indicator-defaults-linear-second-tail-delay: .9s;--m3e-comp-progress-indicator-defaults-linear-second-tail-duration: .85s;--m3e-comp-progress-indicator-defaults-linear-indeterminate-easing: var(--m3e-sys-motion-easing-emphasized-accelerate);--m3e-comp-progress-indicator-defaults-circular-indeterminate-duration: 6s;--m3e-comp-progress-indicator-defaults-circular-rotation: 1080deg;--m3e-comp-progress-indicator-defaults-circular-additional-rotation: 360deg;--m3e-comp-progress-indicator-defaults-circular-additional-rotation-delay: 1.5s;--m3e-comp-progress-indicator-defaults-circular-additional-rotation-duration: .3s;--m3e-comp-progress-indicator-defaults-circular-min-progress: .1;--m3e-comp-progress-indicator-defaults-circular-max-progress: .87;--m3e-comp-progress-indicator-defaults-circular-progress-easing: var(--m3e-sys-motion-easing-standard);--m3e-comp-progress-indicator-defaults-thick-thickness: 8px;--m3e-comp-progress-indicator-defaults-linear-thick-wavy-height: 14px;--m3e-comp-progress-indicator-defaults-circular-thick-size: 52px;--m3e-comp-progress-indicator-defaults-linear-thick-height: 8px}@media(prefers-reduced-motion:reduce){:root{--m3e-comp-progress-indicator-defaults-progress-duration: 0ms;--m3e-comp-progress-indicator-defaults-amplitude-increase-duration: 0ms;--m3e-comp-progress-indicator-defaults-amplitude-decrease-duration: 0ms}}@keyframes m3e-progress-first-head{0%{--_m3e-progress-first-head: 0;animation-timing-function:cubic-bezier(.3,0,.8,.15)}57.1429%{--_m3e-progress-first-head: 1}to{--_m3e-progress-first-head: 1}}@keyframes m3e-progress-first-tail{0%{--_m3e-progress-first-tail: 0}14.2857%{--_m3e-progress-first-tail: 0;animation-timing-function:cubic-bezier(.3,0,.8,.15)}71.4286%{--_m3e-progress-first-tail: 1}to{--_m3e-progress-first-tail: 1}}@keyframes m3e-progress-second-head{0%{--_m3e-progress-second-head: 0}37.1429%{--_m3e-progress-second-head: 0;animation-timing-function:cubic-bezier(.3,0,.8,.15)}85.7143%{--_m3e-progress-second-head: 1}to{--_m3e-progress-second-head: 1}}@keyframes m3e-progress-second-tail{0%{--_m3e-progress-second-tail: 0}51.4286%{--_m3e-progress-second-tail: 0;animation-timing-function:cubic-bezier(.3,0,.8,.15)}to{--_m3e-progress-second-tail: 1}}@keyframes m3e-progress-additional-rotation{0%{--_m3e-progress-additional-rotation: 0deg}5%{--_m3e-progress-additional-rotation: 90deg}25%{--_m3e-progress-additional-rotation: 90deg}30%{--_m3e-progress-additional-rotation: 180deg}50%{--_m3e-progress-additional-rotation: 180deg}55%{--_m3e-progress-additional-rotation: 270deg}75%{--_m3e-progress-additional-rotation: 270deg}80%{--_m3e-progress-additional-rotation: 360deg}to{--_m3e-progress-additional-rotation: 360deg}}@keyframes m3e-progress-sweep{0%{--_m3e-progress-sweep: .1}50%{--_m3e-progress-sweep: .87;animation-timing-function:cubic-bezier(.2,0,0,1)}to{--_m3e-progress-sweep: .1}}@keyframes m3e-progress-rotation{0%{--_m3e-progress-rotation: 0deg}to{--_m3e-progress-rotation: 1080deg}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer m3e.tokens{:root{--m3e-comp-search-min-width: 360px;--m3e-comp-search-max-width: 720px;--m3e-comp-search-vertical-padding: 8px;--m3e-comp-search-icon-offset: 4px;--m3e-comp-search-app-bar-horizontal-padding: 4px;--m3e-comp-search-app-bar-vertical-padding: 4px;--m3e-comp-search-app-bar-search-padding: 8px;--m3e-comp-search-contained-horizontal-padding: 8px;--m3e-comp-search-docked-min-height: 240px;--m3e-comp-search-docked-max-height-ratio: calc(2 / 3);--m3e-comp-search-docked-with-gap-max-height-ratio: .5 ;--m3e-comp-search-collapsed-corner-radius: 28px;--m3e-comp-search-dropdown-corner-radius: 12px;--m3e-comp-search-dropdown-gap: 2px;--m3e-comp-search-scrim-color: var(--m3e-sys-color-scrim);--m3e-comp-search-scrim-opacity: .32;--m3e-comp-search-shadow-elevation: var(--m3e-sys-elevation-level0);--m3e-comp-search-shadow: var(--m3e-sys-elevation-level0-shadow);--m3e-comp-search-contained-container-color: var(--m3e-sys-color-surface-container-low);--m3e-comp-search-scrolled-container-color: var(--m3e-sys-color-surface-container-highest);--m3e-comp-search-expand-duration: var(--m3e-sys-motion-spring-slow-spatial-duration);--m3e-comp-search-expand-easing: var(--m3e-sys-motion-spring-slow-spatial-easing);--m3e-comp-search-expand-damping-ratio: var(--m3e-sys-motion-spring-slow-spatial-damping-ratio);--m3e-comp-search-expand-stiffness: var(--m3e-sys-motion-spring-slow-spatial-stiffness);--m3e-comp-search-collapse-duration: var(--m3e-sys-motion-spring-default-spatial-duration);--m3e-comp-search-collapse-easing: var(--m3e-sys-motion-spring-default-spatial-easing);--m3e-comp-search-collapse-damping-ratio: var(--m3e-sys-motion-spring-default-spatial-damping-ratio);--m3e-comp-search-collapse-stiffness: var(--m3e-sys-motion-spring-default-spatial-stiffness);--m3e-comp-search-contained-expand-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-search-contained-expand-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-search-contained-expand-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-search-contained-expand-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-search-contained-collapse-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-search-contained-collapse-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-search-contained-collapse-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-search-contained-collapse-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-search-with-gap-expand-duration: var(--m3e-sys-motion-spring-default-spatial-duration);--m3e-comp-search-with-gap-expand-easing: var(--m3e-sys-motion-spring-default-spatial-easing);--m3e-comp-search-with-gap-expand-damping-ratio: var(--m3e-sys-motion-spring-default-spatial-damping-ratio);--m3e-comp-search-with-gap-expand-stiffness: var(--m3e-sys-motion-spring-default-spatial-stiffness);--m3e-comp-search-with-gap-collapse-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-search-with-gap-collapse-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-search-with-gap-collapse-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-search-with-gap-collapse-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-search-content-fade-in-duration: var(--m3e-sys-motion-duration-short2);--m3e-comp-search-content-fade-in-delay: var(--m3e-sys-motion-duration-short1);--m3e-comp-search-content-fade-in-easing: var(--m3e-sys-motion-easing-standard-accelerate);--m3e-comp-search-content-fade-out-duration: var(--m3e-sys-motion-duration-short2);--m3e-comp-search-content-fade-out-easing: var(--m3e-sys-motion-easing-standard-decelerate);--m3e-comp-search-app-bar-color-duration: var(--m3e-sys-motion-spring-default-effects-duration);--m3e-comp-search-app-bar-color-easing: var(--m3e-sys-motion-spring-default-effects-easing);--m3e-comp-search-app-bar-color-damping-ratio: var(--m3e-sys-motion-spring-default-effects-damping-ratio);--m3e-comp-search-app-bar-color-stiffness: var(--m3e-sys-motion-spring-default-effects-stiffness);--m3e-comp-search-app-bar-snap-duration: var(--m3e-sys-motion-spring-default-effects-duration);--m3e-comp-search-app-bar-snap-easing: var(--m3e-sys-motion-spring-default-effects-easing);--m3e-comp-search-app-bar-snap-damping-ratio: var(--m3e-sys-motion-spring-default-effects-damping-ratio);--m3e-comp-search-app-bar-snap-stiffness: var(--m3e-sys-motion-spring-default-effects-stiffness);--m3e-comp-search-input-padding: 16px;--m3e-comp-search-result-padding-horizontal: 16px;--m3e-comp-search-result-padding-vertical: 4px;--m3e-comp-search-input-icon-padding: 12px}@media(prefers-reduced-motion:reduce){:root{--m3e-comp-search-app-bar-snap-duration: 0ms}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer m3e.tokens{:root{--m3e-comp-top-app-bar-horizontal-padding: 4px;--m3e-comp-top-app-bar-title-inset: 12px}}
|
|
1
|
+
@layer m3e.tokens{:root{--m3e-comp-top-app-bar-horizontal-padding: 4px;--m3e-comp-top-app-bar-title-inset: 12px;--m3e-comp-top-app-bar-expanded-height: 64px;--m3e-comp-top-app-bar-medium-collapsed-height: 64px;--m3e-comp-top-app-bar-medium-flexible-expanded-height: 112px;--m3e-comp-top-app-bar-medium-flexible-with-subtitle-expanded-height: 136px;--m3e-comp-top-app-bar-large-collapsed-height: 64px;--m3e-comp-top-app-bar-large-flexible-expanded-height: 120px;--m3e-comp-top-app-bar-large-flexible-with-subtitle-expanded-height: 152px;--m3e-comp-top-app-bar-two-rows-collapsed-height: 64px;--m3e-comp-top-app-bar-two-rows-expanded-height: 112px;--m3e-comp-top-app-bar-two-rows-with-subtitle-expanded-height: 136px;--m3e-comp-top-app-bar-medium-title-bottom-padding: 24px;--m3e-comp-top-app-bar-large-title-bottom-padding: 28px;--m3e-comp-top-app-bar-two-rows-title-bottom-padding: 0px;--m3e-comp-top-app-bar-snap-duration: var(--m3e-sys-motion-spring-default-effects-duration);--m3e-comp-top-app-bar-snap-easing: var(--m3e-sys-motion-spring-default-effects-easing);--m3e-comp-top-app-bar-snap-damping-ratio: var(--m3e-sys-motion-spring-default-effects-damping-ratio);--m3e-comp-top-app-bar-snap-stiffness: var(--m3e-sys-motion-spring-default-effects-stiffness);--m3e-comp-top-app-bar-top-title-alpha-easing: cubic-bezier(.8, 0, .8, .15);--m3e-comp-top-app-bar-container-color-easing: cubic-bezier(.4, 0, 1, 1)}@media(prefers-reduced-motion:reduce){:root{--m3e-comp-top-app-bar-snap-duration: 0ms}}}
|
package/package.json
CHANGED