@kyralabs/m3e-tokens 1.2.0 → 1.3.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 +132 -1
- package/dist/components.js +127 -1
- package/dist/components.js.map +1 -1
- package/dist/generated/components/button-group-defaults.css +1 -0
- package/dist/generated/components/fab-defaults.css +1 -0
- package/dist/generated/components/fab-menu-defaults.css +1 -0
- package/dist/generated/components/menu-defaults.css +1 -0
- package/dist/generated/components/split-button-defaults.css +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer m3e.tokens{:root{--m3e-comp-button-group-expanded-ratio: .15;--m3e-comp-button-group-width-spring-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-button-group-width-spring-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-button-group-width-spring-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-button-group-release-threshold: .75;--m3e-comp-button-group-release-max-wait: 1s;--m3e-comp-button-group-x-small-between-space: 18px;--m3e-comp-connected-button-group-x-small-between-space: var(--m3e-sys-space-25);--m3e-comp-connected-button-group-x-small-inner-corner-corner-size: var(--m3e-sys-shape-corner-value-small);--m3e-comp-connected-button-group-x-small-inner-corner-corner-size-pressed: var(--m3e-sys-shape-corner-value-extra-small);--m3e-comp-connected-button-group-x-small-inner-corner-corner-size-percent-selected: 50;--m3e-comp-button-group-medium-between-space: var(--m3e-sys-space-100);--m3e-comp-connected-button-group-medium-between-space: var(--m3e-sys-space-25);--m3e-comp-connected-button-group-medium-inner-corner-corner-size: var(--m3e-sys-shape-corner-value-small);--m3e-comp-connected-button-group-medium-inner-corner-corner-size-pressed: var(--m3e-sys-shape-corner-value-extra-small);--m3e-comp-connected-button-group-medium-inner-corner-corner-size-percent-selected: 50;--m3e-comp-button-group-large-between-space: var(--m3e-sys-space-100);--m3e-comp-connected-button-group-large-between-space: var(--m3e-sys-space-25);--m3e-comp-connected-button-group-large-inner-corner-corner-size: var(--m3e-sys-shape-corner-value-large);--m3e-comp-connected-button-group-large-inner-corner-corner-size-pressed: var(--m3e-sys-shape-corner-value-medium);--m3e-comp-connected-button-group-large-inner-corner-corner-size-percent-selected: 50;--m3e-comp-button-group-x-large-between-space: var(--m3e-sys-space-100);--m3e-comp-connected-button-group-x-large-between-space: var(--m3e-sys-space-25);--m3e-comp-connected-button-group-x-large-inner-corner-corner-size: var(--m3e-sys-shape-corner-value-large-increased);--m3e-comp-connected-button-group-x-large-inner-corner-corner-size-pressed: var(--m3e-sys-shape-corner-value-large);--m3e-comp-connected-button-group-x-large-inner-corner-corner-size-percent-selected: 50}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer m3e.tokens{:root{--m3e-comp-fab-defaults-large-icon-size: 36px;--m3e-comp-fab-defaults-medium-shape: var(--m3e-sys-shape-corner-large-increased);--m3e-comp-fab-defaults-medium-extended-shape: var(--m3e-sys-shape-corner-large-increased);--m3e-comp-fab-defaults-medium-extended-icon-padding: 12px;--m3e-comp-fab-defaults-large-extended-icon-padding: 16px;--m3e-comp-fab-defaults-small-extended-label-font: var(--m3e-sys-typescale-title-medium-font);--m3e-comp-fab-defaults-small-extended-label-weight: var(--m3e-sys-typescale-title-medium-weight);--m3e-comp-fab-defaults-small-extended-label-size: var(--m3e-sys-typescale-title-medium-size);--m3e-comp-fab-defaults-small-extended-label-line-height: var(--m3e-sys-typescale-title-medium-line-height);--m3e-comp-fab-defaults-small-extended-label-tracking: var(--m3e-sys-typescale-title-medium-tracking);--m3e-comp-fab-defaults-medium-extended-label-font: var(--m3e-sys-typescale-title-large-font);--m3e-comp-fab-defaults-medium-extended-label-weight: var(--m3e-sys-typescale-title-large-weight);--m3e-comp-fab-defaults-medium-extended-label-size: var(--m3e-sys-typescale-title-large-size);--m3e-comp-fab-defaults-medium-extended-label-line-height: var(--m3e-sys-typescale-title-large-line-height);--m3e-comp-fab-defaults-medium-extended-label-tracking: var(--m3e-sys-typescale-title-large-tracking);--m3e-comp-fab-defaults-large-extended-label-font: var(--m3e-sys-typescale-headline-small-font);--m3e-comp-fab-defaults-large-extended-label-weight: var(--m3e-sys-typescale-headline-small-weight);--m3e-comp-fab-defaults-large-extended-label-size: var(--m3e-sys-typescale-headline-small-size);--m3e-comp-fab-defaults-large-extended-label-line-height: var(--m3e-sys-typescale-headline-small-line-height);--m3e-comp-fab-defaults-large-extended-label-tracking: var(--m3e-sys-typescale-headline-small-tracking);--m3e-comp-fab-defaults-extended-width-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-fab-defaults-extended-width-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-fab-defaults-extended-label-opacity-duration: var(--m3e-sys-motion-spring-fast-effects-duration);--m3e-comp-fab-defaults-extended-label-opacity-easing: var(--m3e-sys-motion-spring-fast-effects-easing)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer m3e.tokens{:root{--m3e-comp-fab-menu-defaults-toggle-initial-corner-radius: 16px;--m3e-comp-fab-menu-defaults-toggle-medium-initial-corner-radius: 20px;--m3e-comp-fab-menu-defaults-toggle-large-initial-corner-radius: 28px;--m3e-comp-fab-menu-defaults-toggle-large-initial-icon-size: 36px;--m3e-comp-fab-menu-defaults-toggle-final-corner-radius: 28px;--m3e-comp-fab-menu-defaults-padding-horizontal: 16px;--m3e-comp-fab-menu-defaults-button-padding-bottom: 16px;--m3e-comp-fab-menu-defaults-toggle-container-color: var(--m3e-sys-color-primary-container);--m3e-comp-fab-menu-defaults-toggle-checked-container-color: var(--m3e-sys-color-primary);--m3e-comp-fab-menu-defaults-toggle-icon-color: var(--m3e-sys-color-on-primary-container);--m3e-comp-fab-menu-defaults-toggle-checked-icon-color: var(--m3e-sys-color-on-primary);--m3e-comp-fab-menu-defaults-item-container-color: var(--m3e-sys-color-primary-container);--m3e-comp-fab-menu-defaults-item-label-font: var(--m3e-sys-typescale-title-medium-font);--m3e-comp-fab-menu-defaults-item-label-weight: var(--m3e-sys-typescale-title-medium-weight);--m3e-comp-fab-menu-defaults-item-label-size: var(--m3e-sys-typescale-title-medium-size);--m3e-comp-fab-menu-defaults-item-label-line-height: var(--m3e-sys-typescale-title-medium-line-height);--m3e-comp-fab-menu-defaults-item-label-tracking: var(--m3e-sys-typescale-title-medium-tracking);--m3e-comp-fab-menu-defaults-toggle-progress-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-fab-menu-defaults-toggle-progress-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-fab-menu-defaults-toggle-progress-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-fab-menu-defaults-toggle-progress-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-fab-menu-defaults-item-width-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-fab-menu-defaults-item-width-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-fab-menu-defaults-item-width-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-fab-menu-defaults-item-width-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-fab-menu-defaults-item-opacity-duration: var(--m3e-sys-motion-spring-fast-effects-duration);--m3e-comp-fab-menu-defaults-item-opacity-easing: var(--m3e-sys-motion-spring-fast-effects-easing);--m3e-comp-fab-menu-defaults-item-opacity-damping-ratio: var(--m3e-sys-motion-spring-fast-effects-damping-ratio);--m3e-comp-fab-menu-defaults-item-opacity-stiffness: var(--m3e-sys-motion-spring-fast-effects-stiffness);--m3e-comp-fab-menu-defaults-stagger-duration: var(--m3e-sys-motion-spring-slow-effects-duration);--m3e-comp-fab-menu-defaults-stagger-easing: var(--m3e-sys-motion-spring-slow-effects-easing);--m3e-comp-fab-menu-defaults-stagger-damping-ratio: var(--m3e-sys-motion-spring-slow-effects-damping-ratio);--m3e-comp-fab-menu-defaults-stagger-stiffness: var(--m3e-sys-motion-spring-slow-effects-stiffness);--m3e-comp-fab-menu-defaults-stagger-visibility-threshold: 1}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer m3e.tokens{:root{--m3e-comp-menu-vertical-margin: 48px;--m3e-comp-menu-horizontal-margin: 8px;--m3e-comp-menu-baseline-horizontal-margin: 0;--m3e-comp-menu-baseline-vertical-padding: 8px;--m3e-comp-menu-baseline-item-height: 48px;--m3e-comp-menu-item-horizontal-padding: 12px;--m3e-comp-menu-item-vertical-padding: 12px;--m3e-comp-menu-item-outer-padding-horizontal: 4px;--m3e-comp-menu-item-outer-padding-vertical-supporting: 2px;--m3e-comp-menu-item-icon-label-space: 8px;--m3e-comp-menu-item-min-width: 112px;--m3e-comp-menu-item-max-width: 280px;--m3e-comp-menu-group-vertical-padding: 2px;--m3e-comp-menu-group-label-min-height: 32px;--m3e-comp-menu-group-label-padding-start: 12px;--m3e-comp-menu-group-label-padding-end: 4px;--m3e-comp-menu-divider-padding-horizontal: 12px;--m3e-comp-menu-divider-padding-vertical: 2px;--m3e-comp-menu-closed-scale: .8;--m3e-comp-menu-closed-opacity: 0}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer m3e.tokens{:root{--m3e-comp-split-button-spacing: 2px;--m3e-comp-split-button-leading-button-min-width: 48px;--m3e-comp-split-button-trailing-button-min-width: 48px;--m3e-comp-split-button-trailing-button-state-layer-opacity-checked: var(--m3e-sys-state-pressed-state-layer-opacity);--m3e-comp-split-button-shape-duration: var(--m3e-sys-motion-spring-default-effects-duration);--m3e-comp-split-button-shape-easing: var(--m3e-sys-motion-spring-default-effects-easing);--m3e-comp-split-button-center-optically-coefficient: .11;--m3e-comp-split-button-trailing-icon-rotation-checked: 180deg;--m3e-comp-split-button-trailing-icon-rotation-damping-ratio: 1;--m3e-comp-split-button-trailing-icon-rotation-stiffness: 1500;--m3e-comp-split-button-trailing-icon-rotation-duration: 319ms;--m3e-comp-split-button-trailing-icon-rotation-easing: linear(0, .0007 .31%, .0028 .63%, .0062 .94%, .0165 1.57%, .0232 1.88%, .0391 2.51%, .0582 3.13%, .0797 3.76%, .1157 4.7%, .1548 5.64%, .196 6.58%, .3236 9.4%, .3791 10.66%, .4327 11.91%, .4836 13.17%, .5432 14.73%, .5872 15.99%, .6281 17.24%, .6657 18.5%, .7002 19.75%, .739 21.32%, .7735 22.88%, .804 24.45%, .8307 26.02%, .8584 27.9%, .8782 29.47%, .8987 31.35%, .9158 33.23%, .9324 35.42%, .9459 37.62%, .9567 39.81%, .9666 42.32%, .9743 44.83%, .9809 47.65%, .9863 50.78%, .9935 57.68%, .9975 66.46%, .9993 78.37%, 1)}@media(prefers-reduced-motion:reduce){:root{--m3e-comp-split-button-trailing-icon-rotation-duration: 0ms}}}
|
package/package.json
CHANGED