@mathstack/app-kit 2.1.0 → 2.2.1

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Mathematica
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Mathematica
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,36 +1,36 @@
-# AppDevKit
-
-## Overview
-
-The app-kit is a library of miscellaneous utilities, styles, and components that are specific to
-neither the `@mathstack/ui` nor the `@mathstack/viz` libraries.
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version
-19.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project app-kit` to generate a new component. You can
-also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project app-kit`.
-
-> Note: Don't forget to add `--project app-kit` or else it will be added to the default project in
-> your `angular.json` file.
-
-## Build
-
-Run `ng build app-kit` to build the project. The build artifacts will be stored in the `dist`
-directory.
-
-## Publishing
-
-After building your library with `ng build app-kit`, go to the dist folder `cd dist/app-kit` and run
-`npm publish`.
-
-## Running unit tests
-
-Run `ng test app-kit` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the
-[Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
+# AppDevKit
+
+## Overview
+
+The app-kit is a library of miscellaneous utilities, styles, and components that are specific to
+neither the `@mathstack/ui` nor the `@mathstack/viz` libraries.
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version
+19.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project app-kit` to generate a new component. You can
+also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project app-kit`.
+
+> Note: Don't forget to add `--project app-kit` or else it will be added to the default project in
+> your `angular.json` file.
+
+## Build
+
+Run `ng build app-kit` to build the project. The build artifacts will be stored in the `dist`
+directory.
+
+## Publishing
+
+After building your library with `ng build app-kit`, go to the dist folder `cd dist/app-kit` and run
+`npm publish`.
+
+## Running unit tests
+
+Run `ng test app-kit` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the
+[Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/{src/lib/baseline-styles → baseline-styles}/_css-reset.scss

@@ -1,118 +1,118 @@
-@mixin css-reset($default-font: var(--hsi-adk-font-sans), $color-text: #000) {
-  $system-font-family:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
-    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
-  body {
-    min-height: 100vh;
-    width: 100vw;
-    overflow-x: hidden;
-    background: white;
-    font-family: $default-font, $system-font-family;
-    color: $color-text;
-    font-size: 1rem;
-  }
-
-  body,
-  h1,
-  h2,
-  h3,
-  h4,
-  p,
-  figure,
-  blockquote,
-  dl,
-  dd {
-    margin: 0;
-  }
-
-  p {
-    line-height: 1.5;
-  }
-
-  button,
-  a {
-    cursor: pointer;
-    color: $color-text;
-  }
-
-  button {
-    border: none;
-    background: none;
-    padding: 0;
-    padding-block: 0;
-    padding-inline: 0;
-  }
-
-  a {
-    text-decoration: none;
-  }
-
-  ul[role='list'],
-  ol[role='list'] {
-    list-style: none;
-  }
-
-  html:focus-within {
-    scroll-behavior: smooth;
-  }
-
-  a:not([class]) {
-    text-decoration-skip-ink: auto;
-  }
-
-  img,
-  picture {
-    max-width: 100%;
-    display: block;
-  }
-
-  input,
-  button,
-  textarea,
-  select {
-    font: inherit;
-  }
-
-  fieldset {
-    border: none;
-    padding: 0;
-    margin: 0;
-    padding-inline-start: 0;
-    padding-inline-end: 0;
-    margin-inline-start: 0;
-    margin-inline-end: 0;
-    padding-block-start: 0;
-    padding-block-end: 0;
-    min-inline-size: 0px;
-  }
-
-  legend {
-    padding: 0;
-    margin: 0;
-    padding-inline-start: 0;
-    padding-inline-end: 0;
-    border: none;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    html:focus-within {
-      scroll-behavior: auto;
-    }
-
-    *,
-    *::before,
-    *::after {
-      animation-duration: 0.01ms !important;
-      animation-iteration-count: 1 !important;
-      transition-duration: 0.01ms !important;
-      scroll-behavior: auto !important;
-    }
-  }
-}
+@mixin css-reset($default-font: var(--hsi-adk-font-sans), $color-text: #000) {
+  $system-font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica,
+    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  body {
+    min-height: 100vh;
+    width: 100vw;
+    overflow-x: hidden;
+    background: white;
+    font-family: $default-font, $system-font-family;
+    color: $color-text;
+    font-size: 1rem;
+  }
+
+  body,
+  h1,
+  h2,
+  h3,
+  h4,
+  p,
+  figure,
+  blockquote,
+  dl,
+  dd {
+    margin: 0;
+  }
+
+  p {
+    line-height: 1.5;
+  }
+
+  button,
+  a {
+    cursor: pointer;
+    color: $color-text;
+  }
+
+  button {
+    border: none;
+    background: none;
+    padding: 0;
+    padding-block: 0;
+    padding-inline: 0;
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  ul[role='list'],
+  ol[role='list'] {
+    list-style: none;
+  }
+
+  html:focus-within {
+    scroll-behavior: smooth;
+  }
+
+  a:not([class]) {
+    text-decoration-skip-ink: auto;
+  }
+
+  img,
+  picture {
+    max-width: 100%;
+    display: block;
+  }
+
+  input,
+  button,
+  textarea,
+  select {
+    font: inherit;
+  }
+
+  fieldset {
+    border: none;
+    padding: 0;
+    margin: 0;
+    padding-inline-start: 0;
+    padding-inline-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+    padding-block-start: 0;
+    padding-block-end: 0;
+    min-inline-size: 0px;
+  }
+
+  legend {
+    padding: 0;
+    margin: 0;
+    padding-inline-start: 0;
+    padding-inline-end: 0;
+    border: none;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    html:focus-within {
+      scroll-behavior: auto;
+    }
+
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+      scroll-behavior: auto !important;
+    }
+  }
+}

package/{src/lib/baseline-styles → baseline-styles}/_grid.scss

@@ -1,4 +1,4 @@
-@function grid($number) {
-  $grid: 0.25rem;
-  @return $number * $grid;
-}
+@function grid($number) {
+  $grid: 0.25rem;
+  @return $number * $grid;
+}

package/{src/lib/baseline-styles → baseline-styles}/_index.scss

@@ -1,6 +1,6 @@
-@forward 'css-reset';
-@forward 'grid';
-@forward 'sass-utils';
-@forward 'themes';
-@forward 'typography';
-@forward 'webkit-scrollbar';
+@forward 'css-reset';
+@forward 'grid';
+@forward 'sass-utils';
+@forward 'themes';
+@forward 'typography';
+@forward 'webkit-scrollbar';

package/{src/lib/baseline-styles → baseline-styles}/_sass-utils.scss

@@ -1,23 +1,23 @@
-@use 'sass:meta';
-// create mixin
-@mixin map-scss-vars-into-css-vars($map, $prefix: '', $key: '') {
-  @each $name, $value in $map {
-    // copy the map key
-    $key-copy: $key;
-    // create name for CSS custom property that contains:
-    // current key + child key from nested map
-    @if $name != 'rest' {
-      $key: #{$key}-#{$name};
-    }
-    @if meta.type-of($value) == 'map' {
-      // if value is a map, invoke it once more
-      @include map-scss-vars-into-css-vars($value, $prefix, $key);
-    } @else if $prefix == '' {
-      -#{$key}: #{$value};
-    } @else {
-      --#{$prefix}#{$key}: #{$value};
-    }
-    // next iteration of loop should go with unchanged key
-    $key: $key-copy;
-  }
-}
+@use 'sass:meta';
+// create mixin
+@mixin map-scss-vars-into-css-vars($map, $prefix: '', $key: '') {
+  @each $name, $value in $map {
+    // copy the map key
+    $key-copy: $key;
+    // create name for CSS custom property that contains:
+    // current key + child key from nested map
+    @if $name != 'rest' {
+      $key: #{$key}-#{$name};
+    }
+    @if meta.type-of($value) == 'map' {
+      // if value is a map, invoke it once more
+      @include map-scss-vars-into-css-vars($value, $prefix, $key);
+    } @else if $prefix == '' {
+      -#{$key}: #{$value};
+    } @else {
+      --#{$prefix}#{$key}: #{$value};
+    }
+    // next iteration of loop should go with unchanged key
+    $key: $key-copy;
+  }
+}

package/{src/lib/baseline-styles → baseline-styles}/_themes.scss

@@ -1,19 +1,19 @@
-@use './sass-utils';
-@use './theming';
-
-/**
-* Create CSS color and typography variables for theming.
-*
-* Intended to be used globally (at html-level) in a consuming application, which will allow for easy overriding at a lower level.
-*/
-@mixin create-theme() {
-  @include sass-utils.map-scss-vars-into-css-vars(
-    theming.$colors,
-    'hsi-adk-color'
-  );
-
-  @include sass-utils.map-scss-vars-into-css-vars(
-    theming.$font,
-    'hsi-adk-font'
-  );
-}
+@use './sass-utils';
+@use './theming';
+
+/**
+* Create CSS color and typography variables for theming.
+*
+* Intended to be used globally (at html-level) in a consuming application, which will allow for easy overriding at a lower level.
+*/
+@mixin create-theme() {
+  @include sass-utils.map-scss-vars-into-css-vars(
+    theming.$colors,
+    'hsi-adk-color'
+  );
+
+  @include sass-utils.map-scss-vars-into-css-vars(
+    theming.$font,
+    'hsi-adk-font'
+  );
+}