npm - @itcase/ui - Versions diffs - 1.8.179 → 1.9.1 - Mend

@itcase/ui 1.8.179 → 1.9.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.

Files changed (226) hide show

package/dist/css/styles/svg-color/svg_fill.css DELETED Viewed

@@ -1,1044 +0,0 @@
-.svg {
-  &_fill {
-        &_accent {
-          &-item {
-            &-primary {
-              & svg {
-                stroke: none;
-                fill: var(--color-accent-item-primary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-primary {
-            & svg {
-              stroke: none;
-              fill: var(--color-accent-fill-primary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_accent {
-          &-item {
-            &-secondary {
-              & svg {
-                stroke: none;
-                fill: var(--color-accent-item-secondary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-secondary {
-            & svg {
-              stroke: none;
-              fill: var(--color-accent-fill-secondary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_accent {
-          &-item {
-            &-tertiary {
-              & svg {
-                stroke: none;
-                fill: var(--color-accent-item-tertiary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-tertiary {
-            & svg {
-              stroke: none;
-              fill: var(--color-accent-fill-tertiary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_accent {
-          &-item {
-            &-quaternary {
-              & svg {
-                stroke: none;
-                fill: var(--color-accent-item-quaternary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-quaternary {
-            & svg {
-              stroke: none;
-              fill: var(--color-accent-fill-quaternary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_primary {
-          &-item {
-            &-primary {
-              & svg {
-                stroke: none;
-                fill: var(--color-primary-item-primary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-primary {
-            & svg {
-              stroke: none;
-              fill: var(--color-primary-fill-primary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_primary {
-          &-item {
-            &-secondary {
-              & svg {
-                stroke: none;
-                fill: var(--color-primary-item-secondary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-secondary {
-            & svg {
-              stroke: none;
-              fill: var(--color-primary-fill-secondary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_primary {
-          &-item {
-            &-tertiary {
-              & svg {
-                stroke: none;
-                fill: var(--color-primary-item-tertiary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-tertiary {
-            & svg {
-              stroke: none;
-              fill: var(--color-primary-fill-tertiary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_primary {
-          &-item {
-            &-quaternary {
-              & svg {
-                stroke: none;
-                fill: var(--color-primary-item-quaternary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-quaternary {
-            & svg {
-              stroke: none;
-              fill: var(--color-primary-fill-quaternary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_secondary {
-          &-item {
-            &-primary {
-              & svg {
-                stroke: none;
-                fill: var(--color-secondary-item-primary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-primary {
-            & svg {
-              stroke: none;
-              fill: var(--color-secondary-fill-primary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_secondary {
-          &-item {
-            &-secondary {
-              & svg {
-                stroke: none;
-                fill: var(--color-secondary-item-secondary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-secondary {
-            & svg {
-              stroke: none;
-              fill: var(--color-secondary-fill-secondary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_secondary {
-          &-item {
-            &-tertiary {
-              & svg {
-                stroke: none;
-                fill: var(--color-secondary-item-tertiary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-tertiary {
-            & svg {
-              stroke: none;
-              fill: var(--color-secondary-fill-tertiary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_secondary {
-          &-item {
-            &-quaternary {
-              & svg {
-                stroke: none;
-                fill: var(--color-secondary-item-quaternary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-quaternary {
-            & svg {
-              stroke: none;
-              fill: var(--color-secondary-fill-quaternary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_surface {
-          &-item {
-            &-primary {
-              & svg {
-                stroke: none;
-                fill: var(--color-surface-item-primary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-primary {
-            & svg {
-              stroke: none;
-              fill: var(--color-surface-fill-primary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_surface {
-          &-item {
-            &-secondary {
-              & svg {
-                stroke: none;
-                fill: var(--color-surface-item-secondary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-secondary {
-            & svg {
-              stroke: none;
-              fill: var(--color-surface-fill-secondary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_surface {
-          &-item {
-            &-tertiary {
-              & svg {
-                stroke: none;
-                fill: var(--color-surface-item-tertiary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-tertiary {
-            & svg {
-              stroke: none;
-              fill: var(--color-surface-fill-tertiary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_surface {
-          &-item {
-            &-quaternary {
-              & svg {
-                stroke: none;
-                fill: var(--color-surface-item-quaternary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-quaternary {
-            & svg {
-              stroke: none;
-              fill: var(--color-surface-fill-quaternary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_error {
-          &-item {
-            &-primary {
-              & svg {
-                stroke: none;
-                fill: var(--color-error-item-primary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-primary {
-            & svg {
-              stroke: none;
-              fill: var(--color-error-fill-primary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_error {
-          &-item {
-            &-secondary {
-              & svg {
-                stroke: none;
-                fill: var(--color-error-item-secondary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-secondary {
-            & svg {
-              stroke: none;
-              fill: var(--color-error-fill-secondary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_error {
-          &-item {
-            &-tertiary {
-              & svg {
-                stroke: none;
-                fill: var(--color-error-item-tertiary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-tertiary {
-            & svg {
-              stroke: none;
-              fill: var(--color-error-fill-tertiary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_error {
-          &-item {
-            &-quaternary {
-              & svg {
-                stroke: none;
-                fill: var(--color-error-item-quaternary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-quaternary {
-            & svg {
-              stroke: none;
-              fill: var(--color-error-fill-quaternary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_warning {
-          &-item {
-            &-primary {
-              & svg {
-                stroke: none;
-                fill: var(--color-warning-item-primary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-primary {
-            & svg {
-              stroke: none;
-              fill: var(--color-warning-fill-primary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_warning {
-          &-item {
-            &-secondary {
-              & svg {
-                stroke: none;
-                fill: var(--color-warning-item-secondary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-secondary {
-            & svg {
-              stroke: none;
-              fill: var(--color-warning-fill-secondary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_warning {
-          &-item {
-            &-tertiary {
-              & svg {
-                stroke: none;
-                fill: var(--color-warning-item-tertiary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-tertiary {
-            & svg {
-              stroke: none;
-              fill: var(--color-warning-fill-tertiary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_warning {
-          &-item {
-            &-quaternary {
-              & svg {
-                stroke: none;
-                fill: var(--color-warning-item-quaternary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-quaternary {
-            & svg {
-              stroke: none;
-              fill: var(--color-warning-fill-quaternary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_success {
-          &-item {
-            &-primary {
-              & svg {
-                stroke: none;
-                fill: var(--color-success-item-primary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-primary {
-            & svg {
-              stroke: none;
-              fill: var(--color-success-fill-primary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_success {
-          &-item {
-            &-secondary {
-              & svg {
-                stroke: none;
-                fill: var(--color-success-item-secondary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-secondary {
-            & svg {
-              stroke: none;
-              fill: var(--color-success-fill-secondary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_success {
-          &-item {
-            &-tertiary {
-              & svg {
-                stroke: none;
-                fill: var(--color-success-item-tertiary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-tertiary {
-            & svg {
-              stroke: none;
-              fill: var(--color-success-fill-tertiary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_success {
-          &-item {
-            &-quaternary {
-              & svg {
-                stroke: none;
-                fill: var(--color-success-item-quaternary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-quaternary {
-            & svg {
-              stroke: none;
-              fill: var(--color-success-fill-quaternary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_danger {
-          &-item {
-            &-primary {
-              & svg {
-                stroke: none;
-                fill: var(--color-danger-item-primary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-primary {
-            & svg {
-              stroke: none;
-              fill: var(--color-danger-fill-primary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_danger {
-          &-item {
-            &-secondary {
-              & svg {
-                stroke: none;
-                fill: var(--color-danger-item-secondary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-secondary {
-            & svg {
-              stroke: none;
-              fill: var(--color-danger-fill-secondary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_danger {
-          &-item {
-            &-tertiary {
-              & svg {
-                stroke: none;
-                fill: var(--color-danger-item-tertiary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-tertiary {
-            & svg {
-              stroke: none;
-              fill: var(--color-danger-fill-tertiary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_danger {
-          &-item {
-            &-quaternary {
-              & svg {
-                stroke: none;
-                fill: var(--color-danger-item-quaternary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-quaternary {
-            & svg {
-              stroke: none;
-              fill: var(--color-danger-fill-quaternary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_info {
-          &-item {
-            &-primary {
-              & svg {
-                stroke: none;
-                fill: var(--color-info-item-primary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-primary {
-            & svg {
-              stroke: none;
-              fill: var(--color-info-fill-primary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_info {
-          &-item {
-            &-secondary {
-              & svg {
-                stroke: none;
-                fill: var(--color-info-item-secondary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-secondary {
-            & svg {
-              stroke: none;
-              fill: var(--color-info-fill-secondary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_info {
-          &-item {
-            &-tertiary {
-              & svg {
-                stroke: none;
-                fill: var(--color-info-item-tertiary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-tertiary {
-            & svg {
-              stroke: none;
-              fill: var(--color-info-fill-tertiary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_info {
-          &-item {
-            &-quaternary {
-              & svg {
-                stroke: none;
-                fill: var(--color-info-item-quaternary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-quaternary {
-            & svg {
-              stroke: none;
-              fill: var(--color-info-fill-quaternary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_disabled {
-          &-item {
-            &-primary {
-              & svg {
-                stroke: none;
-                fill: var(--color-disabled-item-primary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-primary {
-            & svg {
-              stroke: none;
-              fill: var(--color-disabled-fill-primary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_disabled {
-          &-item {
-            &-secondary {
-              & svg {
-                stroke: none;
-                fill: var(--color-disabled-item-secondary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-secondary {
-            & svg {
-              stroke: none;
-              fill: var(--color-disabled-fill-secondary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_disabled {
-          &-item {
-            &-tertiary {
-              & svg {
-                stroke: none;
-                fill: var(--color-disabled-item-tertiary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-tertiary {
-            & svg {
-              stroke: none;
-              fill: var(--color-disabled-fill-tertiary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-        &_disabled {
-          &-item {
-            &-quaternary {
-              & svg {
-                stroke: none;
-                fill: var(--color-disabled-item-quaternary);
-              }
-              /* & path,
-              & circle {
-                fill: var(--color-$(type)-item-$(color));
-              } */
-            }
-          }
-          &-quaternary {
-            & svg {
-              stroke: none;
-              fill: var(--color-disabled-fill-quaternary);
-            }
-            /* & path,
-            & circle {
-              fill: var(--color-$(type)-item-$(color));
-            } */
-          }
-        }
-  }
-}