@kyralabs/m3e-tokens 1.5.0 → 1.6.1

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.
@@ -0,0 +1 @@
1
+ @layer m3e.tokens{:root{--m3e-comp-checkbox-styling-fix: 1;--m3e-comp-checkbox-box-size: 20px;--m3e-comp-checkbox-box-padding: 2px;--m3e-comp-checkbox-box-corner-radius: 2px;--m3e-comp-checkbox-stroke-width: 2px;--m3e-comp-checkbox-check-cross-x: .4;--m3e-comp-checkbox-check-cross-y: .7;--m3e-comp-checkbox-check-left-x: .2;--m3e-comp-checkbox-check-left-y: .5;--m3e-comp-checkbox-check-right-x: .8;--m3e-comp-checkbox-check-right-y: .3;--m3e-comp-checkbox-check-gravitation-center: .5;--m3e-comp-checkbox-check-duration: var(--m3e-sys-motion-spring-default-spatial-duration);--m3e-comp-checkbox-check-easing: var(--m3e-sys-motion-spring-default-spatial-easing);--m3e-comp-checkbox-check-damping-ratio: var(--m3e-sys-motion-spring-default-spatial-damping-ratio);--m3e-comp-checkbox-check-stiffness: var(--m3e-sys-motion-spring-default-spatial-stiffness);--m3e-comp-checkbox-snap-delay: .1s;--m3e-comp-checkbox-snap-easing: steps(1, jump-end);--m3e-comp-checkbox-color-in-duration: var(--m3e-sys-motion-spring-default-effects-duration);--m3e-comp-checkbox-color-in-easing: var(--m3e-sys-motion-spring-default-effects-easing);--m3e-comp-checkbox-color-in-damping-ratio: var(--m3e-sys-motion-spring-default-effects-damping-ratio);--m3e-comp-checkbox-color-in-stiffness: var(--m3e-sys-motion-spring-default-effects-stiffness);--m3e-comp-checkbox-color-out-duration: var(--m3e-sys-motion-spring-fast-effects-duration);--m3e-comp-checkbox-color-out-easing: var(--m3e-sys-motion-spring-fast-effects-easing);--m3e-comp-checkbox-color-out-damping-ratio: var(--m3e-sys-motion-spring-fast-effects-damping-ratio);--m3e-comp-checkbox-color-out-stiffness: var(--m3e-sys-motion-spring-fast-effects-stiffness);--m3e-comp-checkbox-checkmark-color: var(--m3e-sys-color-on-primary);--m3e-comp-checkbox-checkmark-color-disabled: var(--m3e-sys-color-on-primary);--m3e-comp-checkbox-box-color-checked: var(--m3e-sys-color-primary);--m3e-comp-checkbox-border-color-checked: var(--m3e-sys-color-primary);--m3e-comp-checkbox-border-color-unchecked: var(--m3e-sys-color-on-surface-variant);--m3e-comp-checkbox-box-color-checked-disabled: var(--m3e-sys-color-on-surface);--m3e-comp-checkbox-box-opacity-checked-disabled: .38;--m3e-comp-checkbox-border-color-unchecked-disabled: var(--m3e-sys-color-on-surface);--m3e-comp-checkbox-border-opacity-unchecked-disabled: .38;--m3e-comp-checkbox-state-layer-color: currentcolor;--m3e-comp-checkbox-box-size-styling-fix: 18px;--m3e-comp-checkbox-box-padding-styling-fix: 0px;--m3e-comp-checkbox-check-cross-y-styling-fix: .65;--m3e-comp-checkbox-check-left-x-styling-fix: .25;--m3e-comp-checkbox-check-right-x-styling-fix: .75;--m3e-comp-checkbox-checkmark-color-disabled-styling-fix: var(--m3e-sys-color-surface);--m3e-comp-checkbox-state-layer-color-checked-styling-fix: var(--m3e-sys-color-primary);--m3e-comp-checkbox-state-layer-color-unchecked-styling-fix: transparent;--m3e-comp-checkbox-label-space: 16px;--m3e-comp-checkbox-label-text-font: var(--m3e-sys-typescale-body-large-font);--m3e-comp-checkbox-label-text-weight: var(--m3e-sys-typescale-body-large-weight);--m3e-comp-checkbox-label-text-size: var(--m3e-sys-typescale-body-large-size);--m3e-comp-checkbox-label-text-line-height: var(--m3e-sys-typescale-body-large-line-height);--m3e-comp-checkbox-label-text-tracking: var(--m3e-sys-typescale-body-large-tracking);--m3e-comp-checkbox-state-layer-color-unselected-hover: var(--m3e-sys-color-on-surface);--m3e-comp-checkbox-state-layer-color-unselected-focus: var(--m3e-sys-color-on-surface);--m3e-comp-checkbox-state-layer-color-unselected-pressed: var(--m3e-sys-color-primary);--m3e-comp-checkbox-state-layer-color-error-hover: var(--m3e-sys-color-error);--m3e-comp-checkbox-state-layer-color-error-focus: var(--m3e-sys-color-error);--m3e-comp-checkbox-state-layer-color-error-pressed: var(--m3e-sys-color-error);--m3e-comp-checkbox-follow-duration: 1ms}}
@@ -0,0 +1 @@
1
+ @layer m3e.tokens{:root{--m3e-comp-chip-default-horizontal-spacing: 8px;--m3e-comp-filter-chip-content-padding-horizontal: 8px;--m3e-comp-filter-chip-horizontal-spacing: 8px;--m3e-comp-filter-chip-compact-horizontal-spacing: 4px;--m3e-comp-input-chip-horizontal-spacing: 8px;--m3e-comp-input-chip-compact-horizontal-spacing: 4px;--m3e-comp-input-chip-content-padding-start: 4px;--m3e-comp-input-chip-content-padding-start-icon: 8px;--m3e-comp-input-chip-content-padding-end: 4px;--m3e-comp-input-chip-content-padding-end-icon: 8px;--m3e-comp-suggestion-chip-content-padding-horizontal: 8px;--m3e-comp-filter-chip-flat-shadow: var(--m3e-sys-elevation-level0-shadow);--m3e-comp-filter-chip-flat-shadow-hover: var(--m3e-sys-elevation-level1-shadow);--m3e-comp-filter-chip-flat-shadow-focus: var(--m3e-sys-elevation-level0-shadow);--m3e-comp-filter-chip-flat-shadow-pressed: var(--m3e-sys-elevation-level0-shadow);--m3e-comp-filter-chip-flat-shadow-dragged: var(--m3e-sys-elevation-level4-shadow);--m3e-comp-filter-chip-flat-shadow-disabled: var(--m3e-sys-elevation-level0-shadow);--m3e-comp-filter-chip-leading-icon-color-tonal: var(--m3e-sys-color-on-surface-variant);--m3e-comp-input-chip-leading-icon-color-tonal: var(--m3e-sys-color-on-surface-variant);--m3e-comp-suggestion-chip-elevated-disabled-container-color: color-mix(in srgb, var(--m3e-sys-color-on-surface) 12% , transparent);--m3e-comp-suggestion-chip-elevated-disabled-icon-color: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-selectable-chip-shape-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-selectable-chip-shape-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-selectable-chip-shape-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-selectable-chip-shape-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-selectable-chip-icon-fade-in-duration: var(--m3e-sys-motion-spring-slow-effects-duration);--m3e-comp-selectable-chip-icon-fade-in-easing: var(--m3e-sys-motion-spring-slow-effects-easing);--m3e-comp-selectable-chip-icon-fade-in-damping-ratio: var(--m3e-sys-motion-spring-slow-effects-damping-ratio);--m3e-comp-selectable-chip-icon-fade-in-stiffness: var(--m3e-sys-motion-spring-slow-effects-stiffness);--m3e-comp-selectable-chip-icon-fade-out-duration: var(--m3e-sys-motion-spring-fast-effects-duration);--m3e-comp-selectable-chip-icon-fade-out-easing: var(--m3e-sys-motion-spring-fast-effects-easing);--m3e-comp-selectable-chip-icon-fade-out-damping-ratio: var(--m3e-sys-motion-spring-fast-effects-damping-ratio);--m3e-comp-selectable-chip-icon-fade-out-stiffness: var(--m3e-sys-motion-spring-fast-effects-stiffness);--m3e-comp-selectable-chip-icon-expand-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-selectable-chip-icon-expand-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-selectable-chip-icon-expand-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-selectable-chip-icon-expand-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-selectable-chip-icon-shrink-duration: var(--m3e-sys-motion-spring-default-effects-duration);--m3e-comp-selectable-chip-icon-shrink-easing: var(--m3e-sys-motion-spring-default-effects-easing);--m3e-comp-selectable-chip-icon-shrink-damping-ratio: var(--m3e-sys-motion-spring-default-effects-damping-ratio);--m3e-comp-selectable-chip-icon-shrink-stiffness: var(--m3e-sys-motion-spring-default-effects-stiffness);--m3e-comp-selectable-chip-expressive-icon-fade-in-duration: var(--m3e-sys-motion-spring-default-effects-duration);--m3e-comp-selectable-chip-expressive-icon-fade-in-easing: var(--m3e-sys-motion-spring-default-effects-easing);--m3e-comp-selectable-chip-expressive-icon-fade-in-damping-ratio: var(--m3e-sys-motion-spring-default-effects-damping-ratio);--m3e-comp-selectable-chip-expressive-icon-fade-in-stiffness: var(--m3e-sys-motion-spring-default-effects-stiffness);--m3e-comp-selectable-chip-expressive-icon-fade-out-duration: var(--m3e-sys-motion-spring-default-effects-duration);--m3e-comp-selectable-chip-expressive-icon-fade-out-easing: var(--m3e-sys-motion-spring-default-effects-easing);--m3e-comp-selectable-chip-expressive-icon-fade-out-damping-ratio: var(--m3e-sys-motion-spring-default-effects-damping-ratio);--m3e-comp-selectable-chip-expressive-icon-fade-out-stiffness: var(--m3e-sys-motion-spring-default-effects-stiffness);--m3e-comp-selectable-chip-expressive-icon-expand-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-selectable-chip-expressive-icon-expand-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-selectable-chip-expressive-icon-expand-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-selectable-chip-expressive-icon-expand-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-selectable-chip-expressive-icon-shrink-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-selectable-chip-expressive-icon-shrink-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-selectable-chip-expressive-icon-shrink-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-selectable-chip-expressive-icon-shrink-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-chip-set-chip-padding-horizontal: 4px}}
@@ -0,0 +1 @@
1
+ @layer m3e.tokens{:root{--m3e-comp-list-item-padding-start: 16px;--m3e-comp-list-item-padding-end: 16px;--m3e-comp-list-item-padding-top: 10px;--m3e-comp-list-item-padding-bottom: 10px;--m3e-comp-list-item-space: 12px;--m3e-comp-list-item-one-line-min-height: 56px;--m3e-comp-list-item-two-line-min-height: 72px;--m3e-comp-list-item-three-line-min-height: 88px;--m3e-comp-list-item-headline-style-font: var(--m3e-sys-typescale-body-large-font);--m3e-comp-list-item-headline-style-weight: var(--m3e-sys-typescale-body-large-weight);--m3e-comp-list-item-headline-style-size: var(--m3e-sys-typescale-body-large-size);--m3e-comp-list-item-headline-style-line-height: var(--m3e-sys-typescale-body-large-line-height);--m3e-comp-list-item-headline-style-tracking: var(--m3e-sys-typescale-body-large-tracking);--m3e-comp-list-item-overline-style-font: var(--m3e-sys-typescale-label-small-font);--m3e-comp-list-item-overline-style-weight: var(--m3e-sys-typescale-label-small-weight);--m3e-comp-list-item-overline-style-size: var(--m3e-sys-typescale-label-small-size);--m3e-comp-list-item-overline-style-line-height: var(--m3e-sys-typescale-label-small-line-height);--m3e-comp-list-item-overline-style-tracking: var(--m3e-sys-typescale-label-small-tracking);--m3e-comp-list-item-supporting-style-font: var(--m3e-sys-typescale-body-medium-font);--m3e-comp-list-item-supporting-style-weight: var(--m3e-sys-typescale-body-medium-weight);--m3e-comp-list-item-supporting-style-size: var(--m3e-sys-typescale-body-medium-size);--m3e-comp-list-item-supporting-style-line-height: var(--m3e-sys-typescale-body-medium-line-height);--m3e-comp-list-item-supporting-style-tracking: var(--m3e-sys-typescale-body-medium-tracking);--m3e-comp-list-item-leading-style-font: var(--m3e-sys-typescale-title-medium-font);--m3e-comp-list-item-leading-style-weight: var(--m3e-sys-typescale-title-medium-weight);--m3e-comp-list-item-leading-style-size: var(--m3e-sys-typescale-title-medium-size);--m3e-comp-list-item-leading-style-line-height: var(--m3e-sys-typescale-title-medium-line-height);--m3e-comp-list-item-leading-style-tracking: var(--m3e-sys-typescale-title-medium-tracking);--m3e-comp-list-item-trailing-style-font: var(--m3e-sys-typescale-label-small-font);--m3e-comp-list-item-trailing-style-weight: var(--m3e-sys-typescale-label-small-weight);--m3e-comp-list-item-trailing-style-size: var(--m3e-sys-typescale-label-small-size);--m3e-comp-list-item-trailing-style-line-height: var(--m3e-sys-typescale-label-small-line-height);--m3e-comp-list-item-trailing-style-tracking: var(--m3e-sys-typescale-label-small-tracking);--m3e-comp-list-item-color-duration: var(--m3e-sys-motion-spring-default-effects-duration);--m3e-comp-list-item-color-easing: var(--m3e-sys-motion-spring-default-effects-easing);--m3e-comp-list-item-color-damping-ratio: var(--m3e-sys-motion-spring-default-effects-damping-ratio);--m3e-comp-list-item-color-stiffness: var(--m3e-sys-motion-spring-default-effects-stiffness);--m3e-comp-list-item-morph-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-list-item-morph-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-list-item-morph-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-list-item-morph-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-list-item-elevation-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-list-item-elevation-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-list-item-elevation-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-list-item-elevation-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-list-item-shape: var(--m3e-sys-shape-corner-extra-small);--m3e-comp-list-item-shape-selected: var(--m3e-sys-shape-corner-large);--m3e-comp-list-item-shape-pressed: var(--m3e-sys-shape-corner-large);--m3e-comp-list-item-shape-focused: var(--m3e-sys-shape-corner-large);--m3e-comp-list-item-shape-hovered: var(--m3e-sys-shape-corner-medium);--m3e-comp-list-item-shape-dragged: var(--m3e-sys-shape-corner-large);--m3e-comp-list-item-segmented-shape: var(--m3e-sys-shape-corner-large);--m3e-comp-list-item-segmented-gap: 2px;--m3e-comp-list-item-shadow: var(--m3e-sys-elevation-level0-shadow);--m3e-comp-list-item-shadow-dragged: var(--m3e-sys-elevation-level4-shadow);--m3e-comp-list-item-headline-content-color: var(--m3e-sys-color-on-surface);--m3e-comp-list-item-leading-content-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-list-item-trailing-content-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-list-item-overline-content-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-list-item-supporting-content-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-list-item-headline-content-color-selected: var(--m3e-sys-color-on-secondary-container);--m3e-comp-list-item-leading-content-color-selected: var(--m3e-sys-color-on-secondary-container);--m3e-comp-list-item-trailing-content-color-selected: var(--m3e-sys-color-on-secondary-container);--m3e-comp-list-item-overline-content-color-selected: var(--m3e-sys-color-on-secondary-container);--m3e-comp-list-item-supporting-content-color-selected: var(--m3e-sys-color-on-secondary-container);--m3e-comp-list-item-headline-content-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-list-item-leading-content-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-list-item-trailing-content-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-list-item-overline-content-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-list-item-supporting-content-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-list-item-headline-content-color-dragged: var(--m3e-sys-color-on-tertiary-container);--m3e-comp-list-item-leading-content-color-dragged: var(--m3e-sys-color-on-tertiary-container);--m3e-comp-list-item-trailing-content-color-dragged: var(--m3e-sys-color-on-tertiary-container);--m3e-comp-list-item-overline-content-color-dragged: var(--m3e-sys-color-on-tertiary-container);--m3e-comp-list-item-supporting-content-color-dragged: var(--m3e-sys-color-on-tertiary-container);--m3e-comp-list-item-baseline-padding-vertical: 8px;--m3e-comp-list-item-baseline-three-line-padding-vertical: 12px;--m3e-comp-list-item-baseline-padding-start: 16px;--m3e-comp-list-item-baseline-padding-end: 16px;--m3e-comp-list-item-baseline-leading-space: 16px;--m3e-comp-list-item-baseline-trailing-space: 16px;--m3e-comp-list-item-baseline-shape: var(--m3e-sys-shape-corner-none)}}
@@ -0,0 +1 @@
1
+ @layer m3e.tokens{:root{--m3e-comp-radio-button-padding: 2px;--m3e-comp-radio-button-dot-size: 12px;--m3e-comp-radio-button-stroke-width: 2px;--m3e-comp-radio-button-dot-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-radio-button-dot-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-radio-button-dot-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-radio-button-dot-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-radio-button-color-duration: var(--m3e-sys-motion-spring-default-effects-duration);--m3e-comp-radio-button-color-easing: var(--m3e-sys-motion-spring-default-effects-easing);--m3e-comp-radio-button-color-damping-ratio: var(--m3e-sys-motion-spring-default-effects-damping-ratio);--m3e-comp-radio-button-color-stiffness: var(--m3e-sys-motion-spring-default-effects-stiffness);--m3e-comp-radio-button-color-selected: var(--m3e-sys-color-primary);--m3e-comp-radio-button-color-unselected: var(--m3e-sys-color-on-surface-variant);--m3e-comp-radio-button-color-selected-disabled: var(--m3e-sys-color-on-surface);--m3e-comp-radio-button-opacity-selected-disabled: .38;--m3e-comp-radio-button-color-unselected-disabled: var(--m3e-sys-color-on-surface);--m3e-comp-radio-button-opacity-unselected-disabled: .38;--m3e-comp-radio-button-state-layer-color: currentcolor;--m3e-comp-radio-button-state-layer-shape: var(--m3e-sys-shape-corner-full);--m3e-comp-radio-button-group-row-height: 56px;--m3e-comp-radio-button-label-space: 16px;--m3e-comp-radio-button-label-text-font: var(--m3e-sys-typescale-body-large-font);--m3e-comp-radio-button-label-text-weight: var(--m3e-sys-typescale-body-large-weight);--m3e-comp-radio-button-label-text-size: var(--m3e-sys-typescale-body-large-size);--m3e-comp-radio-button-label-text-line-height: var(--m3e-sys-typescale-body-large-line-height);--m3e-comp-radio-button-label-text-tracking: var(--m3e-sys-typescale-body-large-tracking)}}
@@ -0,0 +1 @@
1
+ @layer m3e.tokens{:root{--m3e-comp-slider-track-height: 16px;--m3e-comp-slider-thumb-width: 4px;--m3e-comp-slider-thumb-height: 44px;--m3e-comp-slider-thumb-track-gap-size: 6px;--m3e-comp-slider-track-inside-corner-size: 2px;--m3e-comp-slider-track-stop-indicator-size: 4px;--m3e-comp-slider-tick-size: 4px;--m3e-comp-slider-thumb-color: var(--m3e-sys-color-primary);--m3e-comp-slider-track-color-active: var(--m3e-sys-color-primary);--m3e-comp-slider-tick-color-active: var(--m3e-sys-color-secondary-container);--m3e-comp-slider-track-color-inactive: var(--m3e-sys-color-secondary-container);--m3e-comp-slider-tick-color-inactive: var(--m3e-sys-color-primary);--m3e-comp-slider-thumb-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , var(--m3e-sys-color-surface));--m3e-comp-slider-track-color-active-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-slider-tick-color-active-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 12% , transparent);--m3e-comp-slider-track-color-inactive-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 12% , transparent);--m3e-comp-slider-tick-color-inactive-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-slider-track-stop-indicator-color: var(--m3e-sys-color-primary);--m3e-comp-slider-track-stop-indicator-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-slider-icon-color-active: var(--m3e-sys-color-secondary-container);--m3e-comp-slider-icon-color-inactive: var(--m3e-sys-color-primary);--m3e-comp-slider-icon-color-active-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 12% , transparent);--m3e-comp-slider-icon-color-inactive-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-slider-x-small-track-height: 16px;--m3e-comp-slider-x-small-thumb-height: 44px;--m3e-comp-slider-x-small-track-corner-size: 8px;--m3e-comp-slider-small-track-height: 24px;--m3e-comp-slider-small-thumb-height: 44px;--m3e-comp-slider-small-track-corner-size: 8px;--m3e-comp-slider-medium-track-height: 40px;--m3e-comp-slider-medium-thumb-height: 44px;--m3e-comp-slider-medium-track-corner-size: 12px;--m3e-comp-slider-medium-icon-size: 24px;--m3e-comp-slider-medium-icon-padding: 6px;--m3e-comp-slider-large-track-height: 56px;--m3e-comp-slider-large-thumb-height: 68px;--m3e-comp-slider-large-track-corner-size: 16px;--m3e-comp-slider-large-icon-size: 24px;--m3e-comp-slider-large-icon-padding: 6px;--m3e-comp-slider-x-large-track-height: 96px;--m3e-comp-slider-x-large-thumb-height: 108px;--m3e-comp-slider-x-large-track-corner-size: 28px;--m3e-comp-slider-x-large-icon-size: 32px;--m3e-comp-slider-x-large-icon-padding: 8px;--m3e-comp-slider-value-indicator-container-width: 48px;--m3e-comp-slider-value-indicator-container-height: 44px;--m3e-comp-slider-value-indicator-container-shape: var(--m3e-sys-shape-corner-full)}}
@@ -0,0 +1 @@
1
+ @layer m3e.tokens{:root{--m3e-comp-switch-thumb-diameter: 24px;--m3e-comp-switch-unchecked-thumb-diameter: 16px;--m3e-comp-switch-pressed-thumb-diameter: 28px;--m3e-comp-switch-handle-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-switch-handle-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-switch-handle-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-switch-handle-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-switch-handle-press-duration: 0ms;--m3e-comp-switch-handle-color-checked: var(--m3e-sys-color-on-primary);--m3e-comp-switch-track-color-checked: var(--m3e-sys-color-primary);--m3e-comp-switch-icon-color-checked: var(--m3e-sys-color-on-primary-container);--m3e-comp-switch-handle-color-unchecked: var(--m3e-sys-color-outline);--m3e-comp-switch-track-color-unchecked: var(--m3e-sys-color-surface-container-highest);--m3e-comp-switch-icon-color-unchecked: var(--m3e-sys-color-surface-container-highest);--m3e-comp-switch-track-outline-color-unchecked: var(--m3e-sys-color-outline);--m3e-comp-switch-track-outline-color-checked: transparent;--m3e-comp-switch-track-outline-color-checked-disabled: transparent;--m3e-comp-switch-handle-color-checked-disabled: color-mix(in srgb, var(--m3e-sys-color-surface) 100% , var(--m3e-sys-color-surface));--m3e-comp-switch-track-color-checked-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 12% , var(--m3e-sys-color-surface));--m3e-comp-switch-icon-color-checked-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , var(--m3e-sys-color-surface));--m3e-comp-switch-handle-color-unchecked-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , var(--m3e-sys-color-surface));--m3e-comp-switch-track-color-unchecked-disabled: color-mix(in srgb, var(--m3e-sys-color-surface-container-highest) 12% , var(--m3e-sys-color-surface));--m3e-comp-switch-track-outline-color-unchecked-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 12% , var(--m3e-sys-color-surface));--m3e-comp-switch-icon-color-unchecked-disabled: color-mix(in srgb, var(--m3e-sys-color-surface-container-highest) 38% , var(--m3e-sys-color-surface));--m3e-comp-switch-icon-size: 16px;--m3e-comp-switch-state-layer-color: currentcolor;--m3e-comp-switch-label-space: 12px;--m3e-comp-switch-label-text-font: var(--m3e-sys-typescale-body-large-font);--m3e-comp-switch-label-text-weight: var(--m3e-sys-typescale-body-large-weight);--m3e-comp-switch-label-text-size: var(--m3e-sys-typescale-body-large-size);--m3e-comp-switch-label-text-line-height: var(--m3e-sys-typescale-body-large-line-height);--m3e-comp-switch-label-text-tracking: var(--m3e-sys-typescale-body-large-tracking)}}
@@ -0,0 +1 @@
1
+ @layer m3e.tokens{:root{--m3e-comp-text-field-padding: 16px;--m3e-comp-text-field-label-vertical-padding: 8px;--m3e-comp-text-field-above-label-horizontal-padding: 4px;--m3e-comp-text-field-above-label-bottom-padding: 4px;--m3e-comp-text-field-supporting-top-padding: 4px;--m3e-comp-text-field-affix-padding: 2px;--m3e-comp-text-field-min-text-line-height: 24px;--m3e-comp-text-field-min-minimized-label-line-height: 16px;--m3e-comp-text-field-min-supporting-line-height: 16px;--m3e-comp-text-field-cutout-padding: 4px;--m3e-comp-text-field-min-height: 56px;--m3e-comp-text-field-min-width: 280px;--m3e-comp-text-field-indicator-thickness: 1px;--m3e-comp-text-field-indicator-thickness-focused: 2px;--m3e-comp-text-field-outlined-min-height: 56px;--m3e-comp-text-field-outlined-min-width: 280px;--m3e-comp-text-field-outline-thickness: 1px;--m3e-comp-text-field-outline-thickness-focused: 2px;--m3e-comp-text-field-label-expanded-font: var(--m3e-sys-typescale-body-large-font);--m3e-comp-text-field-label-expanded-weight: var(--m3e-sys-typescale-body-large-weight);--m3e-comp-text-field-label-expanded-size: var(--m3e-sys-typescale-body-large-size);--m3e-comp-text-field-label-expanded-line-height: var(--m3e-sys-typescale-body-large-line-height);--m3e-comp-text-field-label-expanded-tracking: var(--m3e-sys-typescale-body-large-tracking);--m3e-comp-text-field-label-minimized-font: var(--m3e-sys-typescale-body-small-font);--m3e-comp-text-field-label-minimized-weight: var(--m3e-sys-typescale-body-small-weight);--m3e-comp-text-field-label-minimized-size: var(--m3e-sys-typescale-body-small-size);--m3e-comp-text-field-label-minimized-line-height: var(--m3e-sys-typescale-body-small-line-height);--m3e-comp-text-field-label-minimized-tracking: var(--m3e-sys-typescale-body-small-tracking);--m3e-comp-text-field-placeholder-font: var(--m3e-sys-typescale-body-large-font);--m3e-comp-text-field-placeholder-weight: var(--m3e-sys-typescale-body-large-weight);--m3e-comp-text-field-placeholder-size: var(--m3e-sys-typescale-body-large-size);--m3e-comp-text-field-placeholder-line-height: var(--m3e-sys-typescale-body-large-line-height);--m3e-comp-text-field-placeholder-tracking: var(--m3e-sys-typescale-body-large-tracking);--m3e-comp-text-field-affix-font: var(--m3e-sys-typescale-body-large-font);--m3e-comp-text-field-affix-weight: var(--m3e-sys-typescale-body-large-weight);--m3e-comp-text-field-affix-size: var(--m3e-sys-typescale-body-large-size);--m3e-comp-text-field-affix-line-height: var(--m3e-sys-typescale-body-large-line-height);--m3e-comp-text-field-affix-tracking: var(--m3e-sys-typescale-body-large-tracking);--m3e-comp-text-field-supporting-font: var(--m3e-sys-typescale-body-small-font);--m3e-comp-text-field-supporting-weight: var(--m3e-sys-typescale-body-small-weight);--m3e-comp-text-field-supporting-size: var(--m3e-sys-typescale-body-small-size);--m3e-comp-text-field-supporting-line-height: var(--m3e-sys-typescale-body-small-line-height);--m3e-comp-text-field-supporting-tracking: var(--m3e-sys-typescale-body-small-tracking);--m3e-comp-text-field-label-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-text-field-label-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-text-field-label-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-text-field-label-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-text-field-label-color-duration: var(--m3e-sys-motion-spring-fast-effects-duration);--m3e-comp-text-field-label-color-easing: var(--m3e-sys-motion-spring-fast-effects-easing);--m3e-comp-text-field-label-color-damping-ratio: var(--m3e-sys-motion-spring-fast-effects-damping-ratio);--m3e-comp-text-field-label-color-stiffness: var(--m3e-sys-motion-spring-fast-effects-stiffness);--m3e-comp-text-field-placeholder-out-duration: var(--m3e-sys-motion-spring-fast-effects-duration);--m3e-comp-text-field-placeholder-out-easing: var(--m3e-sys-motion-spring-fast-effects-easing);--m3e-comp-text-field-placeholder-out-damping-ratio: var(--m3e-sys-motion-spring-fast-effects-damping-ratio);--m3e-comp-text-field-placeholder-out-stiffness: var(--m3e-sys-motion-spring-fast-effects-stiffness);--m3e-comp-text-field-placeholder-in-duration: var(--m3e-sys-motion-spring-slow-effects-duration);--m3e-comp-text-field-placeholder-in-easing: var(--m3e-sys-motion-spring-slow-effects-easing);--m3e-comp-text-field-placeholder-in-damping-ratio: var(--m3e-sys-motion-spring-slow-effects-damping-ratio);--m3e-comp-text-field-placeholder-in-stiffness: var(--m3e-sys-motion-spring-slow-effects-stiffness);--m3e-comp-text-field-affix-alpha-duration: var(--m3e-sys-motion-spring-fast-effects-duration);--m3e-comp-text-field-affix-alpha-easing: var(--m3e-sys-motion-spring-fast-effects-easing);--m3e-comp-text-field-affix-alpha-damping-ratio: var(--m3e-sys-motion-spring-fast-effects-damping-ratio);--m3e-comp-text-field-affix-alpha-stiffness: var(--m3e-sys-motion-spring-fast-effects-stiffness);--m3e-comp-text-field-indicator-color-duration: var(--m3e-sys-motion-spring-fast-effects-duration);--m3e-comp-text-field-indicator-color-easing: var(--m3e-sys-motion-spring-fast-effects-easing);--m3e-comp-text-field-indicator-color-damping-ratio: var(--m3e-sys-motion-spring-fast-effects-damping-ratio);--m3e-comp-text-field-indicator-color-stiffness: var(--m3e-sys-motion-spring-fast-effects-stiffness);--m3e-comp-text-field-indicator-width-duration: var(--m3e-sys-motion-spring-fast-spatial-duration);--m3e-comp-text-field-indicator-width-easing: var(--m3e-sys-motion-spring-fast-spatial-easing);--m3e-comp-text-field-indicator-width-damping-ratio: var(--m3e-sys-motion-spring-fast-spatial-damping-ratio);--m3e-comp-text-field-indicator-width-stiffness: var(--m3e-sys-motion-spring-fast-spatial-stiffness);--m3e-comp-text-field-container-color-duration: var(--m3e-sys-motion-spring-fast-effects-duration);--m3e-comp-text-field-container-color-easing: var(--m3e-sys-motion-spring-fast-effects-easing);--m3e-comp-text-field-container-color-damping-ratio: var(--m3e-sys-motion-spring-fast-effects-damping-ratio);--m3e-comp-text-field-container-color-stiffness: var(--m3e-sys-motion-spring-fast-effects-stiffness);--m3e-comp-text-field-filled-text-color: var(--m3e-sys-color-on-surface);--m3e-comp-text-field-filled-text-color-focused: var(--m3e-sys-color-on-surface);--m3e-comp-text-field-filled-text-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-filled-text-color-error: var(--m3e-sys-color-on-surface);--m3e-comp-text-field-filled-container-color: var(--m3e-sys-color-surface-container-highest);--m3e-comp-text-field-filled-container-color-focused: var(--m3e-sys-color-surface-container-highest);--m3e-comp-text-field-filled-container-color-disabled: var(--m3e-sys-color-surface-container-highest);--m3e-comp-text-field-filled-container-color-error: var(--m3e-sys-color-surface-container-highest);--m3e-comp-text-field-filled-indicator-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-indicator-color-focused: var(--m3e-sys-color-primary);--m3e-comp-text-field-filled-indicator-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-filled-indicator-color-error: var(--m3e-sys-color-error);--m3e-comp-text-field-filled-leading-icon-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-leading-icon-color-focused: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-leading-icon-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-filled-leading-icon-color-error: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-trailing-icon-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-trailing-icon-color-focused: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-trailing-icon-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-filled-trailing-icon-color-error: var(--m3e-sys-color-error);--m3e-comp-text-field-filled-label-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-label-color-focused: var(--m3e-sys-color-primary);--m3e-comp-text-field-filled-label-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-filled-label-color-error: var(--m3e-sys-color-error);--m3e-comp-text-field-filled-placeholder-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-placeholder-color-focused: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-placeholder-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-filled-placeholder-color-error: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-supporting-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-supporting-color-focused: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-supporting-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-filled-supporting-color-error: var(--m3e-sys-color-error);--m3e-comp-text-field-filled-prefix-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-prefix-color-focused: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-prefix-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface-variant) 38% , transparent);--m3e-comp-text-field-filled-prefix-color-error: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-suffix-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-suffix-color-focused: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-suffix-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface-variant) 38% , transparent);--m3e-comp-text-field-filled-suffix-color-error: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-filled-cursor-color: var(--m3e-sys-color-primary);--m3e-comp-text-field-filled-cursor-color-error: var(--m3e-sys-color-error);--m3e-comp-text-field-outlined-text-color: var(--m3e-sys-color-on-surface);--m3e-comp-text-field-outlined-text-color-focused: var(--m3e-sys-color-on-surface);--m3e-comp-text-field-outlined-text-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-outlined-text-color-error: var(--m3e-sys-color-on-surface);--m3e-comp-text-field-outlined-container-color: transparent;--m3e-comp-text-field-outlined-container-color-focused: transparent;--m3e-comp-text-field-outlined-container-color-disabled: transparent;--m3e-comp-text-field-outlined-container-color-error: transparent;--m3e-comp-text-field-outlined-indicator-color: var(--m3e-sys-color-outline);--m3e-comp-text-field-outlined-indicator-color-focused: var(--m3e-sys-color-primary);--m3e-comp-text-field-outlined-indicator-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 12% , transparent);--m3e-comp-text-field-outlined-indicator-color-error: var(--m3e-sys-color-error);--m3e-comp-text-field-outlined-leading-icon-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-leading-icon-color-focused: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-leading-icon-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-outlined-leading-icon-color-error: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-trailing-icon-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-trailing-icon-color-focused: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-trailing-icon-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-outlined-trailing-icon-color-error: var(--m3e-sys-color-error);--m3e-comp-text-field-outlined-label-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-label-color-focused: var(--m3e-sys-color-primary);--m3e-comp-text-field-outlined-label-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-outlined-label-color-error: var(--m3e-sys-color-error);--m3e-comp-text-field-outlined-placeholder-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-placeholder-color-focused: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-placeholder-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-outlined-placeholder-color-error: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-supporting-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-supporting-color-focused: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-supporting-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface) 38% , transparent);--m3e-comp-text-field-outlined-supporting-color-error: var(--m3e-sys-color-error);--m3e-comp-text-field-outlined-prefix-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-prefix-color-focused: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-prefix-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface-variant) 38% , transparent);--m3e-comp-text-field-outlined-prefix-color-error: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-suffix-color: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-suffix-color-focused: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-suffix-color-disabled: color-mix(in srgb, var(--m3e-sys-color-on-surface-variant) 38% , transparent);--m3e-comp-text-field-outlined-suffix-color-error: var(--m3e-sys-color-on-surface-variant);--m3e-comp-text-field-outlined-cursor-color: var(--m3e-sys-color-primary);--m3e-comp-text-field-outlined-cursor-color-error: var(--m3e-sys-color-error);--m3e-comp-text-field-icon-padding: 12px ;--m3e-comp-text-field-cutout-label-space: calc(var(--m3e-sys-typescale-body-small-line-height) / 2);--m3e-comp-text-field-selection-color: color-mix(in srgb, var(--m3e-sys-color-primary) 40% , transparent);--m3e-comp-text-field-counter-space: 16px}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kyralabs/m3e-tokens",
3
- "version": "1.5.0",
3
+ "version": "1.6.1",
4
4
  "description": "Generated Material 3 Expressive design tokens (CSS custom properties + JS objects) and self-hosted fonts.",
5
5
  "keywords": [
6
6
  "material-design",