@featherk/styles 0.4.11 → 0.4.12

package/dist/v8.2.0/scss/_tokens.scss

@@ -13,6 +13,7 @@ $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-kendo-calendar-cell-size: 2.5rem;
 $feather-feather-border-radius-m: 0.5rem;
 $feather-feather-border-width-m: 1.5px;
 $feather-kendo-checkbox-label-margin-x: 12px;
@@ -104,7 +105,13 @@ $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-spacing-y: $feather-feather-spacing-s;
 $feather-kendo-expander-border-width: $feather-feather-border-width;
+$feather-kendo-expander-header-padding-x: $feather-feather-spacing-m;
+$feather-kendo-expander-header-padding-y: $feather-feather-spacing-s;
+$feather-kendo-expander-indicator-margin-x: $feather-feather-spacing-s;
+$feather-kendo-expander-content-padding-x: $feather-feather-spacing-m;
+$feather-kendo-expander-content-padding-y: $feather-feather-spacing-m;
 $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;
@@ -170,7 +177,9 @@ $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-feather-icon-on-neutral: rgba(10, 12, 27, 0.60);
 $feather-kendo-calendar-cell-hover-bg: transparent;
+$feather-feather-border-light-on-surface: rgba(10,12,27,0.06);
 $feather-kendo-checkbox-bg: transparent;
 $feather-error: #a5021f;
 $feather-feather-surface-shade-1: rgba(242,242,250,1);
@@ -179,12 +188,10 @@ $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: #195bb5;
 $feather-feather-secondary: rgba(125,52,201,1);
@@ -269,6 +276,12 @@ $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-component-bg: $feather-feather-surface;
+$feather-kendo-calendar-bg: $feather-kendo-component-bg;
+$feather-subtle: $feather-feather-icon-on-neutral;
+$feather-kendo-calendar-today-color: $feather-primary;
+$feather-kendo-calendar-cell-selected-text: $feather-on-primary;
+$feather-kendo-calendar-navigation-text: $feather-feather-border-light-on-surface;
 $feather-kendo-checkbox-border: $feather-feather-secondary-text-on-surface;
 $feather-kendo-checkbox-checked-bg: $feather-primary;
 $feather-kendo-checkbox-invalid-text: $feather-error;
@@ -282,18 +295,18 @@ $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-color-editor-bg: $feather-base;
-$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-invalid-border: $feather-error;
 $feather-kendo-drawer-hover-bg: $feather-base-hover;
 $feather-kendo-expander-title-text: $feather-feather-primary-text-on-surface;
 $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-border: $feather-kendo-input-text;
 $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-input-invalid-border: $feather-kendo-invalid-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;
@@ -317,6 +330,7 @@ $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-calendar-cell-size: $feather-kendo-calendar-cell-size;
 $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;
@@ -385,7 +399,13 @@ $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-spacing-y: $feather-kendo-expander-spacing-y;
 $kendo-expander-border-width: $feather-kendo-expander-border-width;
+$kendo-expander-header-padding-x: $feather-kendo-expander-header-padding-x;
+$kendo-expander-header-padding-y: $feather-kendo-expander-header-padding-y;
+$kendo-expander-indicator-margin-x: $feather-kendo-expander-indicator-margin-x;
+$kendo-expander-content-padding-x: $feather-kendo-expander-content-padding-x;
+$kendo-expander-content-padding-y: $feather-kendo-expander-content-padding-y;
 $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;
@@ -452,6 +472,11 @@ $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-component-bg: $feather-kendo-component-bg;
+$kendo-calendar-bg: $feather-kendo-calendar-bg;
+$kendo-calendar-today-color: $feather-kendo-calendar-today-color;
+$kendo-calendar-cell-selected-text: $feather-kendo-calendar-cell-selected-text;
+$kendo-calendar-navigation-text: $feather-kendo-calendar-navigation-text;
 $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;
@@ -465,9 +490,9 @@ $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-color-editor-bg: $feather-kendo-color-editor-bg;
-$kendo-component-bg: $feather-kendo-component-bg;
 $kendo-component-text: $feather-kendo-component-text;
 $kendo-component-header-text: $feather-kendo-component-header-text;
+$kendo-invalid-border: $feather-kendo-invalid-border;
 $kendo-drawer-hover-bg: $feather-kendo-drawer-hover-bg;
 $kendo-expander-title-text: $feather-kendo-expander-title-text;
 $kendo-fieldset-legend-text: $feather-kendo-fieldset-legend-text;
@@ -476,7 +501,7 @@ $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-input-invalid-border: $feather-kendo-input-invalid-border;
 $kendo-menu-popup-bg: $feather-kendo-menu-popup-bg;
 $kendo-picker-text: $feather-kendo-picker-text;
 $kendo-picker-border: $feather-kendo-picker-border;
@@ -550,6 +575,7 @@ border: $feather-feather-border-on-surface,
 app-surface: $feather-feather-surface,
 primary: $feather-feather-primary,
 surface: $feather-feather-surface-shade-2,
+subtle: $feather-feather-icon-on-neutral,
 border-alt: $feather-feather-border-light-on-surface,
 primary-on-surface: $feather-feather-primary,
 secondary: $feather-feather-primary-variant,
@@ -708,7 +734,9 @@ $feather-effects: (
   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),  ),
+      box-shadow: (0px 0px 0px 0.5px currentcolor),  ),
+  feather-focus-outer-on-surface-thin: (
+      box-shadow: (0px 0px 0px 1.5px currentcolor),  ),
 );
 
 @mixin effects-classes ($effects) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@featherk/styles",
-  "version": "0.4.11",
+  "version": "0.4.12",
   "type": "module",
   "files": [
     "dist"