@featherk/styles 0.3.0 → 0.4.3

package/dist/v1/scss/_tokens.scss

@@ -1,721 +0,0 @@
-// Compatible with @progress/kendo-theme-default v.8.2.0
-
-$feather-kendo-is-dark-theme: false;
-$feather-feather-icon-size: 1.5rem;
-$feather-feather-icon-size-sm: 1.25rem;
-$feather-feather-spacing-min: 0.25rem;
-$feather-feather-spacing-xs: 0.5rem;
-$feather-feather-spacing-l: 1.5rem;
-$feather-feather-spacing-m: 1rem;
-$feather-kendo-appbar-gap: 16px;
-$feather-feather-border-width: 1px;
-$feather-feather-spacing-s: 0.75rem;
-$feather-feather-border-radius: 0.25rem;
-$feather-kendo-button-padding-x: 12px;
-$feather-kendo-button-padding-y: 8px;
-$feather-feather-border-radius-m: 0.5rem;
-$feather-feather-border-width-m: 1.5px;
-$feather-kendo-checkbox-label-margin-x: 12px;
-$feather-kendo-checkbox-list-spacing: 16px;
-$feather-kendo-checkbox-list-item-padding-x: 12px;
-$feather-kendo-checkbox-list-item-padding-y: 8px;
-$feather-kendo-chip-padding-x: 0.375rem;
-$feather-kendo-chip-padding-y: 0.375rem;
-$feather-feather-border-width-xl: 3px;
-$feather-feather-border-radius-s: 0.125rem;
-$feather-kendo-fab-padding-x: 1rem;
-$feather-kendo-form-legend-padding: 0px;
-$feather-kendo-form-label-margin-bottom: 0.25rem;
-$feather-kendo-grid-padding-x: 16px;
-$feather-kendo-grid-padding-y: 12px;
-$feather-kendo-grid-header-padding-y: 18px;
-$feather-kendo-grid-cell-padding-y: 14px;
-$feather-kendo-input-lg-padding-y: 0.5rem;
-$feather-kendo-radio-label-margin-x: 12px;
-$feather-kendo-radio-list-spacing: 8px;
-$feather-kendo-radio-list-item-padding-x: 12px;
-$feather-kendo-radio-list-item-padding-y: 8px;
-$feather-feather-border-radius-full: 9999px;
-$feather-kendo-window-titlebar-padding-x: 24px;
-$feather-kendo-window-titlebar-padding-y: 16px;
-$feather-kendo-window-inner-padding-x: 24px;
-$feather-kendo-window-inner-padding-y: 24px;
-$feather-feather-font-size-sm: 0.75rem;
-$feather-kendo-font-size-xl: 20px;
-$feather-feather-font-size-md: 0.875rem;
-$feather-feather-font-size-lg: 1rem;
-$feather-feather-container-height-md: 2.25rem;
-$feather-feather-container-height-lg: 2.5rem;
-$feather-feather-container-height-sm: 2rem;
-$feather-feather-container-height-xs: 1.75rem;
-$feather-feather-container-height-xl: 3rem;
-$feather-feather-spacing-xl: 2rem;
-$feather-feather-spacing-xxl: 2.5rem;
-$feather-feather-spacing-max: 3rem;
-$feather-kendo-grid-edit-cell-padding-y: 6px;
-$feather-feather-border-width-l: 2px;
-$feather-feather-border-radius-l: 0.75rem;
-$feather-feather-border-radius-xl: 16px;
-$feather-feather-icon-size-min: 1rem;
-$feather-feather-icon-size-max: 2.5rem;
-$feather-kendo-icon-size: $feather-feather-icon-size;
-$feather-kendo-icon-size-md: $feather-feather-icon-size-sm;
-$feather-kendo-padding-y: $feather-feather-spacing-min;
-$feather-kendo-padding-sm-x: $feather-feather-spacing-min;
-$feather-kendo-padding-md-x: $feather-feather-spacing-xs;
-$feather-kendo-padding-md-y: $feather-feather-spacing-min;
-$feather-kendo-padding-lg-x: $feather-feather-spacing-l;
-$feather-kendo-appbar-padding-x: $feather-feather-spacing-m;
-$feather-kendo-appbar-padding-y: $feather-feather-spacing-xs;
-$feather-kendo-avatar-border-width: $feather-feather-border-width;
-$feather-kendo-badge-border-width: $feather-feather-border-width;
-$feather-kendo-badge-md-padding-x: $feather-feather-spacing-xs;
-$feather-kendo-badge-md-padding-y: $feather-feather-spacing-xs;
-$feather-kendo-bottom-nav-padding-x: $feather-feather-spacing-xs;
-$feather-kendo-bottom-nav-item-padding-x: $feather-feather-spacing-s;
-$feather-kendo-bottom-nav-item-border-radius: $feather-feather-border-radius;
-$feather-kendo-breadcrumb-link-border-radius: $feather-feather-border-radius;
-$feather-kendo-button-border-width: $feather-feather-border-width;
-$feather-kendo-calendar-border-width: $feather-feather-border-width;
-$feather-kendo-calendar-header-border-width: $feather-feather-border-width;
-$feather-kendo-calendar-cell-border-radius: $feather-feather-border-radius;
-$feather-kendo-calendar-range-cell-border-radius: $feather-feather-border-radius-m;
-$feather-kendo-card-border-width: $feather-feather-border-width;
-$feather-kendo-card-border-radius: $feather-feather-border-radius-m;
-$feather-kendo-card-header-border-width: $feather-feather-border-width;
-$feather-kendo-card-footer-border-width: $feather-feather-border-width;
-$feather-kendo-checkbox-border-width: $feather-feather-border-width-m;
-$feather-kendo-chip-border-width: $feather-feather-border-width;
-$feather-kendo-chip-spacing: $feather-feather-spacing-min;
-$feather-kendo-chip-md-padding-y: $feather-kendo-chip-padding-y;
-$feather-kendo-color-editor-border-width: $feather-feather-border-width;
-$feather-kendo-color-editor-border-radius: $feather-feather-border-radius;
-$feather-kendo-color-gradient-border-width: $feather-feather-border-width;
-$feather-kendo-color-gradient-border-radius: $feather-feather-border-radius;
-$feather-kendo-color-gradient-canvas-border-radius: $feather-feather-border-radius;
-$feather-kendo-color-gradient-slider-draghandle-border-width: $feather-feather-border-width-xl;
-$feather-kendo-color-gradient-draghandle-border-width: $feather-feather-border-width;
-$feather-kendo-dialog-buttongroup-border-width: $feather-feather-border-width;
-$feather-kendo-dock-manager-border-width: $feather-feather-border-width;
-$feather-kendo-dock-manager-dock-preview-border-width: $feather-feather-border-width;
-$feather-kendo-dock-manager-dock-preview-border-radius: $feather-feather-border-radius-s;
-$feather-kendo-dropdowntree-popup-padding-x: $feather-feather-spacing-xs;
-$feather-kendo-dropdowntree-popup-padding-y: $feather-feather-spacing-xs;
-$feather-kendo-dropzone-border-width: $feather-feather-border-width;
-$feather-kendo-editor-border-width: $feather-feather-border-width;
-$feather-kendo-editor-resize-handle-border-width: $feather-feather-border-width;
-$feather-kendo-expander-border-width: $feather-feather-border-width;
-$feather-kendo-fab-border-width: $feather-feather-border-width;
-$feather-kendo-fab-item-text-border-width: $feather-feather-border-width;
-$feather-kendo-fab-item-text-border-radius: $feather-feather-border-radius-s;
-$feather-kendo-grid-selection-aggregates-border-width: $feather-feather-border-width;
-$feather-kendo-input-border-width: $feather-feather-border-width;
-$feather-kendo-input-padding-x: $feather-feather-spacing-m;
-$feather-kendo-input-padding-y: $feather-feather-spacing-min;
-$feather-kendo-listbox-border-width: $feather-feather-border-width;
-$feather-kendo-listview-border-width: $feather-feather-border-width;
-$feather-kendo-loader-container-panel-border-width: $feather-feather-border-width;
-$feather-kendo-loader-container-panel-border-radius: $feather-feather-border-radius;
-$feather-kendo-menu-popup-border-width: $feather-feather-border-width;
-$feather-kendo-notification-border-width: $feather-feather-border-width;
-$feather-kendo-notification-border-radius: $feather-feather-border-radius;
-$feather-kendo-pager-border-width: $feather-feather-border-width;
-$feather-kendo-panelbar-border-width: $feather-feather-border-width;
-$feather-kendo-panelbar-item-border-width: $feather-feather-border-width;
-$feather-kendo-popup-border-width: $feather-feather-border-width;
-$feather-kendo-prompt-suggestion-border-radius: $feather-feather-border-radius;
-$feather-kendo-radio-border-width: $feather-feather-border-width-m;
-$feather-kendo-scheduler-border-width: $feather-feather-border-width;
-$feather-kendo-scheduler-event-border-radius: $feather-feather-border-radius;
-$feather-kendo-scheduler-tooltip-event-border-radius: $feather-feather-border-radius;
-$feather-kendo-scrollview-border-width: $feather-feather-border-width;
-$feather-kendo-skeleton-text-border-radius: $feather-feather-border-radius;
-$feather-kendo-skeleton-circle-border-radius: $feather-feather-border-radius-full;
-$feather-kendo-slider-draghandle-border-width: $feather-feather-border-width;
-$feather-kendo-splitter-border-width: $feather-feather-border-width;
-$feather-kendo-stepper-indicator-border-width: $feather-feather-border-width;
-$feather-kendo-stepper-indicator-focus-border-width: $feather-feather-border-width;
-$feather-kendo-switch-track-border-width: $feather-feather-border-width-m;
-$feather-kendo-switch-thumb-border-width: $feather-feather-border-width-m;
-$feather-kendo-table-border-width: $feather-feather-border-width;
-$feather-kendo-table-cell-vertical-border-width: $feather-feather-border-width;
-$feather-kendo-tabstrip-border-width: $feather-feather-border-width;
-$feather-kendo-tabstrip-item-border-width: $feather-feather-border-width;
-$feather-kendo-tabstrip-item-border-radius: $feather-feather-border-radius;
-$feather-kendo-tabstrip-content-border-width: $feather-feather-border-width;
-$feather-kendo-tile-layout-hint-border-width: $feather-feather-border-width;
-$feather-kendo-toolbar-border-width: $feather-feather-border-width;
-$feather-kendo-toolbar-flat-border-width: $feather-feather-border-width;
-$feather-kendo-tooltip-border-radius: $feather-feather-border-radius;
-$feather-kendo-treelist-footer-row-border-width: $feather-feather-border-width;
-$feather-kendo-treeview-indent: $feather-feather-spacing-l;
-$feather-kendo-treeview-item-padding-x: $feather-feather-spacing-xs;
-$feather-kendo-treeview-item-padding-y: $feather-feather-spacing-min;
-$feather-kendo-treeview-item-border-radius: $feather-feather-border-radius;
-$feather-kendo-code-border-width: $feather-feather-border-width;
-$feather-kendo-upload-border-width: $feather-feather-border-width;
-$feather-kendo-window-border-radius: $feather-feather-border-radius-m;
-$feather-kendo-window-buttongroup-border-width: $feather-feather-border-width;
-$feather-kendo-border-radius: $feather-feather-border-radius;
-$feather-kendo-border-radius-md: $feather-kendo-border-radius;
-$feather-kendo-font-size-xs: $feather-feather-font-size-sm;
-$feather-kendo-appbar-light-text: black;
-$feather-feather-primary-text-on-color: #ffffff;
-$feather-feather-secondary-text-on-surface: rgba(10,12,27,0.7);
-$feather-feather-surface-shade-3: rgba(232,232,240,1);
-$feather-feather-border-on-surface: rgba(10, 12, 27, 0.12);
-$feather-feather-surface: rgba(252,252,255,1);
-$feather-feather-primary: rgba(0, 53, 131, 1);
-$feather-feather-surface-shade-2: rgba(237,237,245,1);
-$feather-primary-hover:  rgb(0, 50.88, 125.76);
-$feather-kendo-button-bg: transparent;
-$feather-on-primary:  white;
-$feather-kendo-calendar-cell-hover-bg: transparent;
-$feather-kendo-checkbox-bg: transparent;
-$feather-error: #a5021f;
-$feather-feather-surface-shade-1: rgba(242,242,250,1);
-$feather-feather-primary-text-on-surface: rgba(10,12,27,0.9);
-$feather-base-hover: #ebebeb;
-$feather-primary-subtle:  rgb(204, 214.6, 230.2);
-$feather-kendo-grid-header-bg: #ffffff;
-$feather-feather-border-light-on-surface: rgba(10,12,27,0.06);
-$feather-primary-active:  rgb(0, 46.64, 115.28);
-$feather-success: #0b720c;
-$feather-feather-disabled-text-on-surface: rgba(10,12,27,0.4);
-$feather-feather-secondary-text-on-color: rgba(255, 255, 255, 0.7);
-$feather-feather-icon-on-neutral: rgba(10, 12, 27, 0.60);
-$feather-feather-border-on-color: rgba(255,255,255,0.24);
-$feather-feather-primary-variant: rgba(25,91,181,1);
-$feather-feather-secondary: rgba(125,52,201,1);
-$feather-feather-secondary-variant: rgba(81,18,145,1);
-$feather-feather-background: rgba(227,227,235,1);
-$feather-feather-background-dark: rgba(217,217,224,1);
-$feather-feather-border-light-on-color: rgba(255,255,255,0.12);
-$feather-feather-disabled-text-on-color: rgba(255,255,255,0.5);
-$feather-feather-hover-on-surface-gradient: linear-gradient(rgba(25,91,181,0.12),rgba(25,91,181,0.06));
-$feather-feather-selected-on-surface-gradient: linear-gradient(rgba(25,91,181,0.08),rgba(25,91,181,0.08));
-$feather-feather-focused-on-surface-gradient: linear-gradient(rgba(25,91,181,0.12),rgba(25,91,181,0.12));
-$feather-feather-active-on-surface-gradient: linear-gradient(rgba(25,91,181,0.16),rgba(25,91,181,0.16));
-$feather-feather-hover-on-color: linear-gradient(rgba(255,255,255,0.08),rgba(255,255,255,0.08));
-$feather-feather-selected-on-color: linear-gradient(rgba(255,255,255,0.12), rgba(255,255,255,0.12));
-$feather-feather-focused-on-color: linear-gradient(rgba(255,255,255,0.16), rgba(255,255,255,0.16));
-$feather-feather-active-on-color: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2));
-$feather-feather-default-on-color: linear-gradient(rgba(255,255,255,0.00),rgba(255,255,255,0.00));
-$feather-primary-subtle-hover:  rgb(165.75, 184.3, 211.6);
-$feather-primary-subtle-active:  rgb(127.5, 154, 193);
-$feather-primary-emphasis:  rgb(63.75, 103.5, 162);
-$feather-primary-on-subtle:  rgb(0, 18.55, 45.85);
-$feather-primary-on-surface:  rgb(0, 39.75, 98.25);
-$feather-secondary-subtle:  rgb(209, 222.2, 240.2);
-$feather-secondary-subtle-hover:  rgb(174.5, 197.6, 229.1);
-$feather-secondary-subtle-active:  #8cadda;
-$feather-secondary-hover:  rgb(24, 87.36, 173.76);
-$feather-secondary-active:  rgb(22, 80.08, 159.28);
-$feather-secondary-emphasis:  rgb(82.5, 132, 199.5);
-$feather-secondary-on-subtle:  rgb(8.75, 31.85, 63.35);
-$feather-on-secondary:  white;
-$feather-secondary-on-surface:  rgb(18.75, 68.25, 135.75);
-$feather-tertiary-subtle:  rgb(229, 214.4, 244.2);
-$feather-tertiary-subtle-hover:  rgb(209.5, 183.95, 236.1);
-$feather-tertiary-subtle-active:  rgb(190, 153.5, 228);
-$feather-tertiary-hover:  rgb(120, 49.92, 192.96);
-$feather-tertiary-active:  rgb(110, 45.76, 176.88);
-$feather-tertiary-emphasis:  rgb(157.5, 102.75, 214.5);
-$feather-tertiary-on-subtle:  rgb(43.75, 18.2, 70.35);
-$feather-on-tertiary:  white;
-$feather-tertiary-on-surface:  rgb(93.75, 39, 150.75);
-$feather-success-subtle:  rgb(206.2, 226.8, 206.4);
-$feather-success-subtle-hover:  rgb(169.6, 205.65, 169.95);
-$feather-success-subtle-active:  rgb(133, 184.5, 133.5);
-$feather-success-hover:  rgb(10.56, 109.44, 11.52);
-$feather-success-active:  rgb(9.68, 100.32, 10.56);
-$feather-success-emphasis:  rgb(72, 149.25, 72.75);
-$feather-success-on-subtle:  rgb(3.85, 39.9, 4.2);
-$feather-on-success:  white;
-$feather-success-on-surface:  rgb(8.25, 85.5, 9);
-$feather-warning-subtle:  rgb(255, 238.4, 211.6);
-$feather-warning-subtle-hover:  rgb(255, 225.95, 179.05);
-$feather-warning-subtle-active:  rgb(255, 213.5, 146.5);
-$feather-warning: #ffac26;
-$feather-warning-hover:  rgb(244.8, 165.12, 36.48);
-$feather-warning-active:  rgb(224.4, 151.36, 33.44);
-$feather-warning-emphasis:  rgb(255, 192.75, 92.25);
-$feather-warning-on-subtle:  rgb(89.25, 60.2, 13.3);
-$feather-on-warning:  black;
-$feather-warning-on-surface:  rgb(191.25, 129, 28.5);
-$feather-error-subtle:  rgb(237, 204.4, 210.2);
-$feather-error-subtle-hover:  rgb(223.5, 166.45, 176.6);
-$feather-error-subtle-active:  rgb(210, 128.5, 143);
-$feather-error-hover:  rgb(158.4, 1.92, 29.76);
-$feather-error-active:  rgb(145.2, 1.76, 27.28);
-$feather-error-emphasis:  rgb(187.5, 65.25, 87);
-$feather-error-on-subtle:  rgb(57.75, 0.7, 10.85);
-$feather-on-error:  white;
-$feather-error-on-surface:  rgb(123.75, 1.5, 23.25);
-$feather-on-dark: $feather-feather-primary-text-on-color;
-$feather-kendo-appbar-dark-text: $feather-on-dark;
-$feather-on-app-surface: $feather-feather-secondary-text-on-surface;
-$feather-surface-alt: $feather-feather-surface-shade-3;
-$feather-border: $feather-feather-border-on-surface;
-$feather-app-surface: $feather-feather-surface;
-$feather-kendo-breadcrumb-bg: $feather-app-surface;
-$feather-primary: $feather-feather-primary;
-$feather-kendo-breadcrumb-link-text: $feather-primary;
-$feather-surface: $feather-feather-surface-shade-2;
-$feather-kendo-button-text: $feather-primary;
-$feather-kendo-button-border: $feather-border;
-$feather-kendo-button-hover-bg: $feather-feather-surface-shade-2;
-$feather-kendo-button-active-bg: $feather-feather-surface-shade-3;
-$feather-kendo-button-selected-bg: $feather-primary;
-$feather-kendo-button-selected-text: $feather-on-primary;
-$feather-kendo-button-selected-border: $feather-feather-primary;
-$feather-kendo-checkbox-border: $feather-feather-secondary-text-on-surface;
-$feather-kendo-checkbox-checked-bg: $feather-primary;
-$feather-kendo-checkbox-invalid-text: $feather-error;
-$feather-kendo-checkbox-invalid-border: $feather-error;
-$feather-kendo-chip-base-bg: $feather-feather-surface-shade-1;
-$feather-kendo-chip-solid-hover-bg: $feather-feather-surface-shade-1;
-$feather-kendo-chip-solid-selected-bg: $feather-feather-secondary-text-on-surface;
-$feather-kendo-chip-outline-text: $feather-feather-secondary-text-on-surface;
-$feather-kendo-chip-outline-border: $feather-feather-secondary-text-on-surface;
-$feather-kendo-chip-outline-hover-bg: $feather-kendo-button-hover-bg;
-$feather-kendo-chip-outline-selected-bg: $feather-feather-primary;
-$feather-kendo-chip-outline-selected-text: $feather-feather-primary-text-on-color;
-$feather-kendo-component-bg: $feather-feather-surface;
-$feather-kendo-component-text: $feather-feather-secondary-text-on-surface;
-$feather-kendo-component-header-text: $feather-feather-primary-text-on-surface;
-$feather-kendo-drawer-hover-bg: $feather-base-hover;
-$feather-kendo-fieldset-legend-text: $feather-feather-primary-text-on-surface;
-$feather-kendo-input-bg: $feather-app-surface;
-$feather-kendo-input-text: $feather-kendo-component-text;
-$feather-kendo-input-border: $feather-feather-secondary-text-on-surface;
-$feather-kendo-input-hover-border: $feather-feather-primary-text-on-surface;
-$feather-kendo-input-focus-border: $feather-primary;
-$feather-kendo-input-flat-hover-border: $feather-kendo-input-hover-border;
-$feather-kendo-menu-popup-bg: $feather-app-surface;
-$feather-kendo-picker-text: $feather-kendo-component-text;
-$feather-kendo-picker-border: $feather-kendo-component-text;
-$feather-border-alt: $feather-feather-border-light-on-surface;
-$feather-kendo-switch-off-track-border: $feather-feather-disabled-text-on-surface;
-$feather-kendo-selected-bg: $feather-primary;
-$feather-kendo-base-border: $feather-feather-border-on-surface;
-$feather-kendo-base-text: $feather-on-app-surface;
-$feather-feather-icon-on-surface: $feather-primary;
-$feather-feather-icon-on-color: $feather-feather-primary-text-on-color;
-$feather-kendo-selected-hover-bg: $feather-feather-primary-variant;
-$feather-kendo-link-hover-text: $feather-feather-secondary-variant;
-$feather-kendo-link-text: $feather-feather-secondary;
-$feather-kendo-color-inverse: $feather-feather-primary-text-on-color;
-$feather-kendo-base-bg: $feather-feather-background;
-$feather-secondary: $feather-feather-primary-variant;
-$feather-tertiary: $feather-feather-secondary;
-
-
-$kendo-appbar-gap: $feather-kendo-appbar-gap;
-$kendo-button-padding-x: $feather-kendo-button-padding-x;
-$kendo-button-padding-y: $feather-kendo-button-padding-y;
-$kendo-checkbox-label-margin-x: $feather-kendo-checkbox-label-margin-x;
-$kendo-checkbox-list-spacing: $feather-kendo-checkbox-list-spacing;
-$kendo-checkbox-list-item-padding-x: $feather-kendo-checkbox-list-item-padding-x;
-$kendo-checkbox-list-item-padding-y: $feather-kendo-checkbox-list-item-padding-y;
-$kendo-chip-padding-x: $feather-kendo-chip-padding-x;
-$kendo-chip-padding-y: $feather-kendo-chip-padding-y;
-$kendo-fab-padding-x: $feather-kendo-fab-padding-x;
-$kendo-form-legend-padding: $feather-kendo-form-legend-padding;
-$kendo-form-label-margin-bottom: $feather-kendo-form-label-margin-bottom;
-$kendo-grid-padding-x: $feather-kendo-grid-padding-x;
-$kendo-grid-padding-y: $feather-kendo-grid-padding-y;
-$kendo-grid-header-padding-y: $feather-kendo-grid-header-padding-y;
-$kendo-grid-cell-padding-y: $feather-kendo-grid-cell-padding-y;
-$kendo-input-lg-padding-y: $feather-kendo-input-lg-padding-y;
-$kendo-radio-label-margin-x: $feather-kendo-radio-label-margin-x;
-$kendo-radio-list-spacing: $feather-kendo-radio-list-spacing;
-$kendo-radio-list-item-padding-x: $feather-kendo-radio-list-item-padding-x;
-$kendo-radio-list-item-padding-y: $feather-kendo-radio-list-item-padding-y;
-$kendo-window-titlebar-padding-x: $feather-kendo-window-titlebar-padding-x;
-$kendo-window-titlebar-padding-y: $feather-kendo-window-titlebar-padding-y;
-$kendo-window-inner-padding-x: $feather-kendo-window-inner-padding-x;
-$kendo-window-inner-padding-y: $feather-kendo-window-inner-padding-y;
-$kendo-icon-size: $feather-kendo-icon-size;
-$kendo-icon-size-md: $feather-kendo-icon-size-md;
-$kendo-padding-y: $feather-kendo-padding-y;
-$kendo-padding-sm-x: $feather-kendo-padding-sm-x;
-$kendo-padding-md-x: $feather-kendo-padding-md-x;
-$kendo-padding-md-y: $feather-kendo-padding-md-y;
-$kendo-padding-lg-x: $feather-kendo-padding-lg-x;
-$kendo-appbar-padding-x: $feather-kendo-appbar-padding-x;
-$kendo-appbar-padding-y: $feather-kendo-appbar-padding-y;
-$kendo-avatar-border-width: $feather-kendo-avatar-border-width;
-$kendo-badge-border-width: $feather-kendo-badge-border-width;
-$kendo-badge-md-padding-x: $feather-kendo-badge-md-padding-x;
-$kendo-badge-md-padding-y: $feather-kendo-badge-md-padding-y;
-$kendo-bottom-nav-padding-x: $feather-kendo-bottom-nav-padding-x;
-$kendo-bottom-nav-item-padding-x: $feather-kendo-bottom-nav-item-padding-x;
-$kendo-bottom-nav-item-border-radius: $feather-kendo-bottom-nav-item-border-radius;
-$kendo-breadcrumb-link-border-radius: $feather-kendo-breadcrumb-link-border-radius;
-$kendo-button-border-width: $feather-kendo-button-border-width;
-$kendo-calendar-border-width: $feather-kendo-calendar-border-width;
-$kendo-calendar-header-border-width: $feather-kendo-calendar-header-border-width;
-$kendo-calendar-cell-border-radius: $feather-kendo-calendar-cell-border-radius;
-$kendo-calendar-range-cell-border-radius: $feather-kendo-calendar-range-cell-border-radius;
-$kendo-card-border-width: $feather-kendo-card-border-width;
-$kendo-card-border-radius: $feather-kendo-card-border-radius;
-$kendo-card-header-border-width: $feather-kendo-card-header-border-width;
-$kendo-card-footer-border-width: $feather-kendo-card-footer-border-width;
-$kendo-checkbox-border-width: $feather-kendo-checkbox-border-width;
-$kendo-chip-border-width: $feather-kendo-chip-border-width;
-$kendo-chip-spacing: $feather-kendo-chip-spacing;
-$kendo-chip-md-padding-y: $feather-kendo-chip-md-padding-y;
-$kendo-color-editor-border-width: $feather-kendo-color-editor-border-width;
-$kendo-color-editor-border-radius: $feather-kendo-color-editor-border-radius;
-$kendo-color-gradient-border-width: $feather-kendo-color-gradient-border-width;
-$kendo-color-gradient-border-radius: $feather-kendo-color-gradient-border-radius;
-$kendo-color-gradient-canvas-border-radius: $feather-kendo-color-gradient-canvas-border-radius;
-$kendo-color-gradient-slider-draghandle-border-width: $feather-kendo-color-gradient-slider-draghandle-border-width;
-$kendo-color-gradient-draghandle-border-width: $feather-kendo-color-gradient-draghandle-border-width;
-$kendo-dialog-buttongroup-border-width: $feather-kendo-dialog-buttongroup-border-width;
-$kendo-dock-manager-border-width: $feather-kendo-dock-manager-border-width;
-$kendo-dock-manager-dock-preview-border-width: $feather-kendo-dock-manager-dock-preview-border-width;
-$kendo-dock-manager-dock-preview-border-radius: $feather-kendo-dock-manager-dock-preview-border-radius;
-$kendo-dropdowntree-popup-padding-x: $feather-kendo-dropdowntree-popup-padding-x;
-$kendo-dropdowntree-popup-padding-y: $feather-kendo-dropdowntree-popup-padding-y;
-$kendo-dropzone-border-width: $feather-kendo-dropzone-border-width;
-$kendo-editor-border-width: $feather-kendo-editor-border-width;
-$kendo-editor-resize-handle-border-width: $feather-kendo-editor-resize-handle-border-width;
-$kendo-expander-border-width: $feather-kendo-expander-border-width;
-$kendo-fab-border-width: $feather-kendo-fab-border-width;
-$kendo-fab-item-text-border-width: $feather-kendo-fab-item-text-border-width;
-$kendo-fab-item-text-border-radius: $feather-kendo-fab-item-text-border-radius;
-$kendo-grid-selection-aggregates-border-width: $feather-kendo-grid-selection-aggregates-border-width;
-$kendo-input-border-width: $feather-kendo-input-border-width;
-$kendo-input-padding-x: $feather-kendo-input-padding-x;
-$kendo-input-padding-y: $feather-kendo-input-padding-y;
-$kendo-listbox-border-width: $feather-kendo-listbox-border-width;
-$kendo-listview-border-width: $feather-kendo-listview-border-width;
-$kendo-loader-container-panel-border-width: $feather-kendo-loader-container-panel-border-width;
-$kendo-loader-container-panel-border-radius: $feather-kendo-loader-container-panel-border-radius;
-$kendo-menu-popup-border-width: $feather-kendo-menu-popup-border-width;
-$kendo-notification-border-width: $feather-kendo-notification-border-width;
-$kendo-notification-border-radius: $feather-kendo-notification-border-radius;
-$kendo-pager-border-width: $feather-kendo-pager-border-width;
-$kendo-panelbar-border-width: $feather-kendo-panelbar-border-width;
-$kendo-panelbar-item-border-width: $feather-kendo-panelbar-item-border-width;
-$kendo-popup-border-width: $feather-kendo-popup-border-width;
-$kendo-prompt-suggestion-border-radius: $feather-kendo-prompt-suggestion-border-radius;
-$kendo-radio-border-width: $feather-kendo-radio-border-width;
-$kendo-scheduler-border-width: $feather-kendo-scheduler-border-width;
-$kendo-scheduler-event-border-radius: $feather-kendo-scheduler-event-border-radius;
-$kendo-scheduler-tooltip-event-border-radius: $feather-kendo-scheduler-tooltip-event-border-radius;
-$kendo-scrollview-border-width: $feather-kendo-scrollview-border-width;
-$kendo-skeleton-text-border-radius: $feather-kendo-skeleton-text-border-radius;
-$kendo-skeleton-circle-border-radius: $feather-kendo-skeleton-circle-border-radius;
-$kendo-slider-draghandle-border-width: $feather-kendo-slider-draghandle-border-width;
-$kendo-splitter-border-width: $feather-kendo-splitter-border-width;
-$kendo-stepper-indicator-border-width: $feather-kendo-stepper-indicator-border-width;
-$kendo-stepper-indicator-focus-border-width: $feather-kendo-stepper-indicator-focus-border-width;
-$kendo-switch-track-border-width: $feather-kendo-switch-track-border-width;
-$kendo-switch-thumb-border-width: $feather-kendo-switch-thumb-border-width;
-$kendo-table-border-width: $feather-kendo-table-border-width;
-$kendo-table-cell-vertical-border-width: $feather-kendo-table-cell-vertical-border-width;
-$kendo-tabstrip-border-width: $feather-kendo-tabstrip-border-width;
-$kendo-tabstrip-item-border-width: $feather-kendo-tabstrip-item-border-width;
-$kendo-tabstrip-item-border-radius: $feather-kendo-tabstrip-item-border-radius;
-$kendo-tabstrip-content-border-width: $feather-kendo-tabstrip-content-border-width;
-$kendo-tile-layout-hint-border-width: $feather-kendo-tile-layout-hint-border-width;
-$kendo-toolbar-border-width: $feather-kendo-toolbar-border-width;
-$kendo-toolbar-flat-border-width: $feather-kendo-toolbar-flat-border-width;
-$kendo-tooltip-border-radius: $feather-kendo-tooltip-border-radius;
-$kendo-treelist-footer-row-border-width: $feather-kendo-treelist-footer-row-border-width;
-$kendo-treeview-indent: $feather-kendo-treeview-indent;
-$kendo-treeview-item-padding-x: $feather-kendo-treeview-item-padding-x;
-$kendo-treeview-item-padding-y: $feather-kendo-treeview-item-padding-y;
-$kendo-treeview-item-border-radius: $feather-kendo-treeview-item-border-radius;
-$kendo-code-border-width: $feather-kendo-code-border-width;
-$kendo-upload-border-width: $feather-kendo-upload-border-width;
-$kendo-window-border-radius: $feather-kendo-window-border-radius;
-$kendo-window-buttongroup-border-width: $feather-kendo-window-buttongroup-border-width;
-$kendo-appbar-light-text: $feather-kendo-appbar-light-text;
-$kendo-button-bg: $feather-kendo-button-bg;
-$kendo-calendar-cell-hover-bg: $feather-kendo-calendar-cell-hover-bg;
-$kendo-checkbox-bg: $feather-kendo-checkbox-bg;
-$kendo-grid-header-bg: $feather-kendo-grid-header-bg;
-$kendo-appbar-dark-text: $feather-kendo-appbar-dark-text;
-$kendo-breadcrumb-bg: $feather-kendo-breadcrumb-bg;
-$kendo-breadcrumb-link-text: $feather-kendo-breadcrumb-link-text;
-$kendo-button-text: $feather-kendo-button-text;
-$kendo-button-border: $feather-kendo-button-border;
-$kendo-button-hover-bg: $feather-kendo-button-hover-bg;
-$kendo-button-active-bg: $feather-kendo-button-active-bg;
-$kendo-button-selected-bg: $feather-kendo-button-selected-bg;
-$kendo-button-selected-text: $feather-kendo-button-selected-text;
-$kendo-button-selected-border: $feather-kendo-button-selected-border;
-$kendo-checkbox-border: $feather-kendo-checkbox-border;
-$kendo-checkbox-checked-bg: $feather-kendo-checkbox-checked-bg;
-$kendo-checkbox-invalid-text: $feather-kendo-checkbox-invalid-text;
-$kendo-checkbox-invalid-border: $feather-kendo-checkbox-invalid-border;
-$kendo-chip-base-bg: $feather-kendo-chip-base-bg;
-$kendo-chip-solid-hover-bg: $feather-kendo-chip-solid-hover-bg;
-$kendo-chip-solid-selected-bg: $feather-kendo-chip-solid-selected-bg;
-$kendo-chip-outline-text: $feather-kendo-chip-outline-text;
-$kendo-chip-outline-border: $feather-kendo-chip-outline-border;
-$kendo-chip-outline-hover-bg: $feather-kendo-chip-outline-hover-bg;
-$kendo-chip-outline-selected-bg: $feather-kendo-chip-outline-selected-bg;
-$kendo-chip-outline-selected-text: $feather-kendo-chip-outline-selected-text;
-$kendo-component-bg: $feather-kendo-component-bg;
-$kendo-component-text: $feather-kendo-component-text;
-$kendo-component-header-text: $feather-kendo-component-header-text;
-$kendo-drawer-hover-bg: $feather-kendo-drawer-hover-bg;
-$kendo-fieldset-legend-text: $feather-kendo-fieldset-legend-text;
-$kendo-input-bg: $feather-kendo-input-bg;
-$kendo-input-text: $feather-kendo-input-text;
-$kendo-input-border: $feather-kendo-input-border;
-$kendo-input-hover-border: $feather-kendo-input-hover-border;
-$kendo-input-focus-border: $feather-kendo-input-focus-border;
-$kendo-input-flat-hover-border: $feather-kendo-input-flat-hover-border;
-$kendo-menu-popup-bg: $feather-kendo-menu-popup-bg;
-$kendo-picker-text: $feather-kendo-picker-text;
-$kendo-picker-border: $feather-kendo-picker-border;
-$kendo-switch-off-track-border: $feather-kendo-switch-off-track-border;
-    $kendo-font-family: Inter;
-    $kendo-font-size: 0.875rem;
-    $kendo-font-weight-normal: 500;
-    $kendo-line-height: 1.4285714286;
-    
-$kendo-colors: (
-primary-hover:  rgb(0, 50.88, 125.76),
-on-primary:  white,
-error: #a5021f,
-primary-subtle:  rgb(204, 214.6, 230.2),
-primary-active:  rgb(0, 46.64, 115.28),
-success: #0b720c,
-primary-subtle-hover:  rgb(165.75, 184.3, 211.6),
-primary-subtle-active:  rgb(127.5, 154, 193),
-primary-emphasis:  rgb(63.75, 103.5, 162),
-primary-on-subtle:  rgb(0, 18.55, 45.85),
-primary-on-surface:  rgb(0, 39.75, 98.25),
-secondary-subtle:  rgb(209, 222.2, 240.2),
-secondary-subtle-hover:  rgb(174.5, 197.6, 229.1),
-secondary-subtle-active:  #8cadda,
-secondary-hover:  rgb(24, 87.36, 173.76),
-secondary-active:  rgb(22, 80.08, 159.28),
-secondary-emphasis:  rgb(82.5, 132, 199.5),
-secondary-on-subtle:  rgb(8.75, 31.85, 63.35),
-on-secondary:  white,
-secondary-on-surface:  rgb(18.75, 68.25, 135.75),
-tertiary-subtle:  rgb(229, 214.4, 244.2),
-tertiary-subtle-hover:  rgb(209.5, 183.95, 236.1),
-tertiary-subtle-active:  rgb(190, 153.5, 228),
-tertiary-hover:  rgb(120, 49.92, 192.96),
-tertiary-active:  rgb(110, 45.76, 176.88),
-tertiary-emphasis:  rgb(157.5, 102.75, 214.5),
-tertiary-on-subtle:  rgb(43.75, 18.2, 70.35),
-on-tertiary:  white,
-tertiary-on-surface:  rgb(93.75, 39, 150.75),
-success-subtle:  rgb(206.2, 226.8, 206.4),
-success-subtle-hover:  rgb(169.6, 205.65, 169.95),
-success-subtle-active:  rgb(133, 184.5, 133.5),
-success-hover:  rgb(10.56, 109.44, 11.52),
-success-active:  rgb(9.68, 100.32, 10.56),
-success-emphasis:  rgb(72, 149.25, 72.75),
-success-on-subtle:  rgb(3.85, 39.9, 4.2),
-on-success:  white,
-success-on-surface:  rgb(8.25, 85.5, 9),
-warning-subtle:  rgb(255, 238.4, 211.6),
-warning-subtle-hover:  rgb(255, 225.95, 179.05),
-warning-subtle-active:  rgb(255, 213.5, 146.5),
-warning: #ffac26,
-warning-hover:  rgb(244.8, 165.12, 36.48),
-warning-active:  rgb(224.4, 151.36, 33.44),
-warning-emphasis:  rgb(255, 192.75, 92.25),
-warning-on-subtle:  rgb(89.25, 60.2, 13.3),
-on-warning:  black,
-warning-on-surface:  rgb(191.25, 129, 28.5),
-error-subtle:  rgb(237, 204.4, 210.2),
-error-subtle-hover:  rgb(223.5, 166.45, 176.6),
-error-subtle-active:  rgb(210, 128.5, 143),
-error-hover:  rgb(158.4, 1.92, 29.76),
-error-active:  rgb(145.2, 1.76, 27.28),
-error-emphasis:  rgb(187.5, 65.25, 87),
-error-on-subtle:  rgb(57.75, 0.7, 10.85),
-on-error:  white,
-error-on-surface:  rgb(123.75, 1.5, 23.25),
-on-dark: $feather-feather-primary-text-on-color,
-on-app-surface: $feather-feather-secondary-text-on-surface,
-surface-alt: $feather-feather-surface-shade-3,
-border: $feather-feather-border-on-surface,
-app-surface: $feather-feather-surface,
-primary: $feather-feather-primary,
-surface: $feather-feather-surface-shade-2,
-border-alt: $feather-feather-border-light-on-surface,
-secondary: $feather-feather-primary-variant,
-tertiary: $feather-feather-secondary,
-);
-$enable-gradients: true;
-
-$feather-typography: (
-  kendo-default-typography: (
-      font-family: 'Inter',
-      font-size: 0.875rem,
-      font-weight: 500,
-      line-height: 1.4285714286,
-        ),
-  feather-display-1: (
-      font-family: 'Inter',
-      font-size: 4.5rem,
-      font-weight: 300,
-      line-height: 1.3333333,
-      letter-spacing: -0.015625em,
-          ),
-  feather-display-2: (
-      font-family: 'Inter',
-      font-size: 3.5rem,
-      font-weight: 300,
-      line-height: 1.333333,
-      letter-spacing: -0.008em,
-          ),
-  feather-display-3: (
-      font-family: 'Inter',
-      font-size: 3rem,
-      font-weight: 300,
-      line-height: 1.333333,
-      letter-spacing: unset,
-          ),
-  feather-display-4: (
-      font-family: 'Inter',
-      font-size: 2.25rem,
-      font-weight: 300,
-      line-height: 1.333333,
-      letter-spacing: -0.01em,
-          ),
-  feather-heading-1: (
-      font-family: 'Inter',
-      font-size: 1.5rem,
-      font-weight: 700,
-      line-height: 1.2857142857,
-      letter-spacing: unset,
-          ),
-  feather-heading-2: (
-      font-family: 'Inter',
-      font-size: 1.375rem,
-      font-weight: 400,
-      line-height: 1.5,
-        ),
-  feather-heading-3: (
-      font-family: 'Inter',
-      font-size: 1.1875rem,
-      font-weight: 700,
-      line-height: 1.4736842105,
-      letter-spacing: 0.02em,
-          ),
-  feather-heading-4: (
-      font-family: 'Inter',
-      font-size: 1rem,
-      font-weight: 400,
-      line-height: 1.5,
-        ),
-  feather-heading-5: (
-      font-family: 'Inter',
-      font-size: 0.875rem,
-      font-weight: 700,
-      line-height: 1.5,
-      letter-spacing: 0.02em,
-          ),
-  feather-heading-6: (
-      font-family: 'Inter',
-      font-size: 0.8125rem,
-      font-weight: 700,
-      line-height: 1.5384615385,
-        ),
-  feather-body-large: (
-      font-family: 'Inter',
-      font-size: 1rem,
-      font-weight: 400,
-      line-height: 1.5,
-        ),
-  feather-body-small: (
-      font-family: 'Inter',
-      font-size: 0.875rem,
-      font-weight: 500,
-      line-height: 1.4285714286,
-        ),
-  feather-button: (
-      font-family: 'Inter',
-      font-size: 0.875rem,
-      font-weight: 700,
-      line-height: 1.4285714286,
-      letter-spacing: 0.2px,
-          text-transform: none,
-    ),
-  feather-caption-text: (
-      font-family: 'Inter',
-      font-size: 0.75rem,
-      font-weight: 400,
-      line-height: 1.5,
-      letter-spacing: 0.02em,
-          ),
-);
-
-@mixin typography-classes ($typography) {
-  @each $selector, $property in $typography {
-    &-#{$selector} {
-      @each $propName, $propValue in $property {
-        #{$propName}: #{$propValue};
-      }
-    } &-#{$selector}-important {
-      @each $propName, $propValue in $property {
-        #{$propName}: $propValue !important;
-      }
-    }
-  }
-}
-
-$feather-effects: (
-  tb-internal-none-effects: (
-      box-shadow: (none), filter: (none), backdrop-filter: (none),  ),
-  feather-focus-outer-on-color: (
-      box-shadow: (0px 0px 0px 1.5px $feather-feather-primary-text-on-color, 0px 0px 0px 3.5px $feather-feather-primary),  ),
-  feather-focus-invalid-outer: (
-      box-shadow: (0px 0px 0px 2px $feather-error),  ),
-  feather-focus-inner-on-color: (
-      box-shadow: (inset 0px 0px 0px 1.5px $feather-feather-primary, inset 0px 0px 0px 3px $feather-feather-primary-text-on-color),  ),
-  feather-focus-outer-on-surface: (
-      box-shadow: (0px 0px 0px 1px $feather-feather-primary),  ),
-  feather-focus-inner-on-surface: (
-      box-shadow: (inset 0px 0px 0px 2px $feather-feather-primary),  ),
-  feather-elevation-00dp: (
-      box-shadow: (0px 0px 0px 1px $feather-feather-border-on-surface),  ),
-  feather-elevation-02dp: (
-      box-shadow: (0px 3px 1px -2px rgba(10,11,28,0.20), 0px 2px 2px 0px rgba(10,11,28,0.14), 0px 1px 5px 0px rgba(10,11,28,0.12)),  ),
-  feather-elevation-03dp: (
-      box-shadow: (0px 3px 3px -2px rgba(10,11,28,0.20), 0px 3px 4px 0px rgba(10,11,28,0.14), 0px 1px 8px 0px rgba(10,11,28,0.12)),  ),
-  feather-elevation-04dp: (
-      box-shadow: (0px 2px 4px -1px rgba(10,11,28,0.20), 0px 4px 5px 0px rgba(10,11,28,0.14), 0px 1px 10px 0px rgba(10,11,28,0.12)),  ),
-  feather-elevation-06dp: (
-      box-shadow: (0px 3px 5px -1px rgba(10,11,28,.020), 0px 6px 10px 0px rgba(10,11,28,0.14), 0px 1px 18px 0px rgba(10,11,28,0.12)),  ),
-  feather-elevation-08dp: (
-      box-shadow: (0px 5px 5px -3px rgba(10,11,28,0.20), 0px 8px 10px 1px rgba(10,11,28,0.14), 0px 3px 14px 2px rgba(10,11,28,0.12)),  ),
-  feather-elevation-10dp: (
-      box-shadow: (0px 6px 6px -3px rgba(10,11,28,0.20), 0px 10px 14px 1px rgba(10,11,28,0.14), 0px 4px 18px 3px rgba(10,11,28,0.12)),  ),
-  feather-elevation-12dp: (
-      box-shadow: (0px 7px 8px -4px rgba(10,11,28,0.20), 0px 12px 17px 2px rgba(10,11,28,0.14), 0px 5px 22px 4px rgba(10,11,28,0.12)),  ),
-  feather-elevation-16dp: (
-      box-shadow: (0px 8px 10px -5px rgba(10,11,28,0.20), 0px 16px 24px 2px rgba(10,11,28,0.14), 0px 6px 30px 5px rgba(10,11,28,0.12)),  ),
-  feather-elevation-24dp: (
-      box-shadow: (0px 11px 15px -7px rgba(10,11,28,0.20), 0px 24px 38px 3px rgba(10,11,28,0.14), 0px 9px 46px 8px rgba(10,11,28,0.12)),  ),
-  feather-input-hover-on-surface: (
-      box-shadow: (0px 0px 0px 0.5px $feather-kendo-input-hover-border),  ),
-);
-
-@mixin effects-classes ($effects) {
-  @each $selector, $property in $effects {
-    &-#{$selector} {
-      @each $propName, $propValue in $property {
-        #{$propName}: $propValue;
-      }
-    } &-#{$selector}-important {
-      @each $propName, $propValue in $property {
-        #{$propName}: $propValue !important;
-      }
-    }
-  }
-}