@rivet-health/design-system 0.0.8

package/README.md

@@ -0,0 +1,24 @@
+# Riv
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project riv` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project riv`.
+> Note: Don't forget to add `--project riv` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build riv` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build riv`, go to the dist folder `cd dist/riv` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test riv` 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.io/cli) page.

package/esm2022/lib/riv.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { MetricComponent } from './visualization/metric.component';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+export class RivModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: RivModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.11", ngImport: i0, type: RivModule, declarations: [MetricComponent], imports: [CommonModule], exports: [MetricComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: RivModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: RivModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MetricComponent],
+                    exports: [MetricComponent],
+                    imports: [CommonModule],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicml2Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL3Jpdi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQU8vQyxNQUFNLE9BQU8sU0FBUzsrR0FBVCxTQUFTO2dIQUFULFNBQVMsaUJBSkwsZUFBZSxhQUVwQixZQUFZLGFBRFosZUFBZTtnSEFHZCxTQUFTLFlBRlYsWUFBWTs7NEZBRVgsU0FBUztrQkFMckIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQy9CLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDMUIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO2lCQUN4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNZXRyaWNDb21wb25lbnQgfSBmcm9tICcuL3Zpc3VhbGl6YXRpb24vbWV0cmljLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtNZXRyaWNDb21wb25lbnRdLFxuICBleHBvcnRzOiBbTWV0cmljQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFJpdk1vZHVsZSB7fVxuIl19

package/esm2022/lib/visualization/metric.component.mjs

@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class MetricComponent {
+    constructor() {
+        this.label = '';
+        this.value = '';
+        this.card = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: MetricComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: MetricComponent, selector: "riv-metric", inputs: { label: "label", value: "value", card: "card" }, ngImport: i0, template: "<div *ngIf=\"card; else content\" class=\"card\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n<ng-template #content>\n  <div class=\"label\">{{ label }}</div>\n  <div class=\"value\">{{ value }}</div>\n</ng-template>\n", styles: [".card{border-radius:var(--size-xsmall);border:var(--border-width) solid var(--border-light-blend);padding:var(--size-medium)}.label{font-size:var(--type-2-font-size);line-height:var(--type-2-line-height-0);color:var(--type-light-low-contrast)}.value{font-size:var(--type-5-font-size);line-height:var(--type-5-line-height-0);font-weight:var(--font-weight-heavy)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: MetricComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'riv-metric', template: "<div *ngIf=\"card; else content\" class=\"card\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n<ng-template #content>\n  <div class=\"label\">{{ label }}</div>\n  <div class=\"value\">{{ value }}</div>\n</ng-template>\n", styles: [".card{border-radius:var(--size-xsmall);border:var(--border-width) solid var(--border-light-blend);padding:var(--size-medium)}.label{font-size:var(--type-2-font-size);line-height:var(--type-2-line-height-0);color:var(--type-light-low-contrast)}.value{font-size:var(--type-5-font-size);line-height:var(--type-5-line-height-0);font-weight:var(--font-weight-heavy)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], card: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWV0cmljLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL3Zpc3VhbGl6YXRpb24vbWV0cmljLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL3Zpc3VhbGl6YXRpb24vbWV0cmljLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPakQsTUFBTSxPQUFPLGVBQWU7SUFMNUI7UUFPRSxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBR25CLFVBQUssR0FBVyxFQUFFLENBQUM7UUFHbkIsU0FBSSxHQUFZLEtBQUssQ0FBQztLQUN2QjsrR0FUWSxlQUFlO21HQUFmLGVBQWUsNEdDUDVCLHdQQU9BOzs0RkRBYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFlBQVk7OEJBTXRCLEtBQUs7c0JBREosS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyaXYtbWV0cmljJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21ldHJpYy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21ldHJpYy5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1ldHJpY0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGxhYmVsOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICB2YWx1ZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgY2FyZDogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPGRpdiAqbmdJZj1cImNhcmQ7IGVsc2UgY29udGVudFwiIGNsYXNzPVwiY2FyZFwiPlxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuPC9kaXY+XG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+XG4gIDxkaXYgY2xhc3M9XCJsYWJlbFwiPnt7IGxhYmVsIH19PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJ2YWx1ZVwiPnt7IHZhbHVlIH19PC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/public-api.mjs

@@ -0,0 +1,3 @@
+export * from './lib/visualization/metric.component';
+export * from './lib/riv.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi92aXN1YWxpemF0aW9uL21ldHJpYy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcml2Lm1vZHVsZSc7XG4iXX0=

package/esm2022/rivet-health-design-system.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicml2ZXQtaGVhbHRoLWRlc2lnbi1zeXN0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL3JpdmV0LWhlYWx0aC1kZXNpZ24tc3lzdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/fesm2022/rivet-health-design-system.mjs

@@ -0,0 +1,45 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class MetricComponent {
+    constructor() {
+        this.label = '';
+        this.value = '';
+        this.card = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: MetricComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: MetricComponent, selector: "riv-metric", inputs: { label: "label", value: "value", card: "card" }, ngImport: i0, template: "<div *ngIf=\"card; else content\" class=\"card\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n<ng-template #content>\n  <div class=\"label\">{{ label }}</div>\n  <div class=\"value\">{{ value }}</div>\n</ng-template>\n", styles: [".card{border-radius:var(--size-xsmall);border:var(--border-width) solid var(--border-light-blend);padding:var(--size-medium)}.label{font-size:var(--type-2-font-size);line-height:var(--type-2-line-height-0);color:var(--type-light-low-contrast)}.value{font-size:var(--type-5-font-size);line-height:var(--type-5-line-height-0);font-weight:var(--font-weight-heavy)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: MetricComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'riv-metric', template: "<div *ngIf=\"card; else content\" class=\"card\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n<ng-template #content>\n  <div class=\"label\">{{ label }}</div>\n  <div class=\"value\">{{ value }}</div>\n</ng-template>\n", styles: [".card{border-radius:var(--size-xsmall);border:var(--border-width) solid var(--border-light-blend);padding:var(--size-medium)}.label{font-size:var(--type-2-font-size);line-height:var(--type-2-line-height-0);color:var(--type-light-low-contrast)}.value{font-size:var(--type-5-font-size);line-height:var(--type-5-line-height-0);font-weight:var(--font-weight-heavy)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], card: [{
+                type: Input
+            }] } });
+
+class RivModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: RivModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.11", ngImport: i0, type: RivModule, declarations: [MetricComponent], imports: [CommonModule], exports: [MetricComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: RivModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: RivModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MetricComponent],
+                    exports: [MetricComponent],
+                    imports: [CommonModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MetricComponent, RivModule };
+//# sourceMappingURL=rivet-health-design-system.mjs.map

package/fesm2022/rivet-health-design-system.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rivet-health-design-system.mjs","sources":["../../../projects/riv/src/lib/visualization/metric.component.ts","../../../projects/riv/src/lib/visualization/metric.component.html","../../../projects/riv/src/lib/riv.module.ts","../../../projects/riv/src/rivet-health-design-system.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'riv-metric',\n  templateUrl: './metric.component.html',\n  styleUrls: ['./metric.component.css'],\n})\nexport class MetricComponent {\n  @Input()\n  label: string = '';\n\n  @Input()\n  value: string = '';\n\n  @Input()\n  card: boolean = false;\n}\n","<div *ngIf=\"card; else content\" class=\"card\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n<ng-template #content>\n  <div class=\"label\">{{ label }}</div>\n  <div class=\"value\">{{ value }}</div>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { MetricComponent } from './visualization/metric.component';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [MetricComponent],\n  exports: [MetricComponent],\n  imports: [CommonModule],\n})\nexport class RivModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,eAAe,CAAA;AAL5B,IAAA,WAAA,GAAA;QAOE,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;QAGnB,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;QAGnB,IAAI,CAAA,IAAA,GAAY,KAAK,CAAC;AACvB,KAAA;+GATY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,4GCP5B,wPAOA,EAAA,MAAA,EAAA,CAAA,6WAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FDAa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;+BACE,YAAY,EAAA,QAAA,EAAA,wPAAA,EAAA,MAAA,EAAA,CAAA,6WAAA,CAAA,EAAA,CAAA;8BAMtB,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;;;MELK,SAAS,CAAA;+GAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,SAAS,EAJL,YAAA,EAAA,CAAA,eAAe,CAEpB,EAAA,OAAA,EAAA,CAAA,YAAY,aADZ,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;AAGd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,SAAS,YAFV,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAEX,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,eAAe,CAAC;oBAC/B,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@rivet-health/design-system" />
+export * from './public-api';

package/lib/riv.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./visualization/metric.component";
+import * as i2 from "@angular/common";
+export declare class RivModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RivModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RivModule, [typeof i1.MetricComponent], [typeof i2.CommonModule], [typeof i1.MetricComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RivModule>;
+}

package/lib/visualization/metric.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class MetricComponent {
+    label: string;
+    value: string;
+    card: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MetricComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MetricComponent, "riv-metric", never, { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "card": { "alias": "card"; "required": false; }; }, {}, never, never, false, never>;
+}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@rivet-health/design-system",
+  "version": "0.0.8",
+  "peerDependencies": {
+    "@angular/common": "^16.2.0",
+    "@angular/core": "^16.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "exports": {
+    "./styles/global.css": {
+      "style": "./styles/global.css"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/rivet-health-design-system.mjs",
+      "esm": "./esm2022/rivet-health-design-system.mjs",
+      "default": "./fesm2022/rivet-health-design-system.mjs"
+    }
+  },
+  "module": "fesm2022/rivet-health-design-system.mjs",
+  "typings": "index.d.ts"
+}

package/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/visualization/metric.component';
+export * from './lib/riv.module';

package/styles/global.css

@@ -0,0 +1,24 @@
+@import url('./reset.css') layer(reset);
+
+@import url('./tokens/color.css') layer(tokens);
+@import url('./tokens/size.css') layer(tokens);
+@import url('./tokens/typography.css') layer(tokens);
+
+@layer global {
+  * {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    box-sizing: border-box;
+  }
+
+  html,
+  body {
+    font-family: var(--font-stack);
+    font-weight: var(--font-weight-normal);
+    font-size: calc(var(--base-grid-size) * 4);
+    line-height: calc(var(--base-grid-size) * 6);
+    color: var(--type-light-high-contrast);
+    background-color: var(--surface-light-0);
+    height: 100%;
+  }
+}

package/styles/reset.css

@@ -0,0 +1,129 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}

package/styles/tokens/color.css

@@ -0,0 +1,116 @@
+@layer base {
+  :root {
+    --arnge-10: #fff1e9;
+    --arnge-30: #ffb992;
+    --arnge-50: #fc7022;
+    --arnge-70: #d55913;
+    --arnge-90: #ae4003;
+
+    --baja-blast-10: #ecf9f3;
+    --baja-blast-30: #a0ebc7;
+    --baja-blast-50: #43c285;
+    --baja-blast-70: #569175;
+    --baja-blast-90: #30644b;
+
+    --baloo-10: #eaefff;
+    --baloo-30: #8fa7fb;
+    --baloo-50: #305dfb;
+    --baloo-70: #0029bb;
+    --baloo-90: #00186d;
+
+    --black-10: rgba(67, 26, 129, 0.02);
+    --black-20: rgba(45, 15, 89, 0.05);
+    --black-30: rgba(45, 15, 89, 0.1);
+    --black-40: rgba(42, 20, 75, 0.15);
+    --black-50: rgba(37, 19, 62, 0.25);
+    --black-60: rgba(55, 43, 73, 0.5);
+    --black-70: rgba(42, 29, 62, 0.7);
+    --black-80: rgba(43, 35, 54, 0.8);
+    --black-90: rgba(38, 30, 49, 0.9);
+    --black-100: rgba(10, 2, 22, 1);
+
+    --fyre-10: #feecee;
+    --fyre-30: #ff929e;
+    --fyre-50: #f54456;
+    --fyre-70: #b20718;
+    --fyre-90: #71000b;
+
+    --gray-10: #faf9fc;
+    --gray-20: #f3f2f7;
+    --gray-30: #eae9f0;
+    --gray-40: #dedde4;
+    --gray-50: #c7c5d0;
+    --gray-60: #9b96a4;
+    --gray-70: #696273;
+    --gray-80: #544e5c;
+    --gray-90: #3b3545;
+
+    --purp-10: #f7f3fd;
+    --purp-20: #efe7fc;
+    --purp-30: #c9aff3;
+    --purp-40: #a871ff;
+    --purp-50: #7635de;
+    --purp-60: #5f10dd;
+    --purp-70: #4300ac;
+    --purp-80: #330084;
+    --purp-90: #29006b;
+    --purp-100: #1e004e;
+
+    --rosi-10: #fff4fa;
+    --rosi-30: #ffcff1;
+    --rosi-50: #f98fd1;
+    --rosi-70: #a63f80;
+    --rosi-90: #5b003b;
+
+    --serena-10: #f5fced;
+    --serena-30: #c5ec9e;
+    --serena-50: #91e827;
+    --serena-70: #4bad00;
+    --serena-90: #2c7600;
+
+    --tang-10: #fff6e6;
+    --tang-30: #ffd289;
+    --tang-50: #ff9d00;
+    --tang-70: #e57d00;
+    --tang-90: #aa5c00;
+
+    --teal-diamond-10: #e9faf3;
+    --teal-diamond-30: #bcebff;
+    --teal-diamond-50: #51c2f2;
+    --teal-diamond-70: #188bbc;
+    --teal-diamond-90: #086891;
+
+    --white-10: rgba(255, 255, 255, 0.1);
+    --white-20: rgba(255, 255, 255, 0.2);
+    --white-30: rgba(255, 255, 255, 0.3);
+    --white-40: rgba(255, 255, 255, 0.4);
+    --white-50: rgba(255, 255, 255, 0.5);
+    --white-60: rgba(255, 255, 255, 0.6);
+    --white-70: rgba(255, 255, 255, 0.7);
+    --white-80: rgba(255, 255, 255, 0.8);
+    --white-90: rgba(255, 255, 255, 0.9);
+    --white-100: rgba(255, 255, 255, 1);
+
+    --yella-10: #fffff1;
+    --yella-30: #fffcb5;
+    --yella-50: #fffa64;
+    --yella-70: #d6cd00;
+    --yella-90: #938c00;
+  }
+}
+
+@layer semantic {
+  :root {
+    --brand: var(--purp-60);
+
+    --surface-light-0: var(--white-100);
+
+    --type-light-high-contrast: var(--black-100);
+    --type-light-low-contrast: var(--black-70);
+    --type-light-disabled: var(--black-60);
+    --type-light-body: var(--black-90);
+
+    --border-light: var(--gray-40);
+    --border-light-blend: var(--black-40);
+  }
+}

package/styles/tokens/size.css

@@ -0,0 +1,21 @@
+@layer base {
+  :root {
+    --base-grid-size: 4px;
+  }
+}
+
+@layer semantic {
+  :root {
+    --size-none: 0;
+    --size-xxsmall: calc(var(--base-grid-size) / 2);
+    --size-xsmall: calc(var(--base-grid-size));
+    --size-small: calc(var(--base-grid-size) * 2);
+    --size-medium: calc(var(--base-grid-size) * 3);
+    --size-large: calc(var(--base-grid-size) * 4);
+    --size-xlarge: calc(var(--base-grid-size) * 6);
+    --size-xxlarge: calc(var(--base-grid-size) * 10);
+
+    --border-width: calc(var(--base-grid-size) / 4);
+    --border-width-large: calc(var(--border-width) * 2);
+  }
+}

package/styles/tokens/typography.css

@@ -0,0 +1,55 @@
+@layer base {
+  :root {
+    --font-stack: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
+      Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
+      'Segoe UI Emoji', 'Segoe UI Symbol';
+    --font-weight-light: 350;
+    --font-weight-normal: 400;
+    --font-weight-heavy: 600;
+
+    --type-0-font-size: calc(var(--base-grid-size) * 2.5);
+    --type-0-line-height-0: calc(var(--base-grid-size) * 3);
+    --type-0-line-height-1: calc(var(--base-grid-size) * 4);
+    --type-0-line-height-2: calc(var(--base-grid-size) * 5);
+
+    --type-1-font-size: calc(var(--base-grid-size) * 3);
+    --type-1-line-height-0: calc(var(--base-grid-size) * 3);
+    --type-1-line-height-1: calc(var(--base-grid-size) * 4);
+    --type-1-line-height-2: calc(var(--base-grid-size) * 5);
+
+    --type-2-font-size: calc(var(--base-grid-size) * 3.5);
+    --type-2-line-height-0: calc(var(--base-grid-size) * 4);
+    --type-2-line-height-1: calc(var(--base-grid-size) * 5);
+    --type-2-line-height-2: calc(var(--base-grid-size) * 6);
+
+    --type-3-font-size: calc(var(--base-grid-size) * 4);
+    --type-3-line-height-0: calc(var(--base-grid-size) * 4);
+    --type-3-line-height-1: calc(var(--base-grid-size) * 5);
+    --type-3-line-height-2: calc(var(--base-grid-size) * 6);
+
+    --type-4-font-size: calc(var(--base-grid-size) * 5);
+    --type-4-line-height-0: calc(var(--base-grid-size) * 5);
+    --type-4-line-height-1: calc(var(--base-grid-size) * 6);
+    --type-4-line-height-2: calc(var(--base-grid-size) * 8);
+
+    --type-5-font-size: calc(var(--base-grid-size) * 6);
+    --type-5-line-height-0: calc(var(--base-grid-size) * 6);
+    --type-5-line-height-1: calc(var(--base-grid-size) * 7);
+    --type-5-line-height-2: calc(var(--base-grid-size) * 9);
+
+    --type-6-font-size: calc(var(--base-grid-size) * 8);
+    --type-6-line-height-0: calc(var(--base-grid-size) * 8);
+    --type-6-line-height-1: calc(var(--base-grid-size) * 9);
+    --type-6-line-height-2: calc(var(--base-grid-size) * 12);
+
+    --type-7-font-size: calc(var(--base-grid-size) * 10);
+    --type-7-line-height-0: calc(var(--base-grid-size) * 10);
+    --type-7-line-height-1: calc(var(--base-grid-size) * 12);
+    --type-7-line-height-2: calc(var(--base-grid-size) * 14);
+
+    --type-8-font-size: calc(var(--base-grid-size) * 12);
+    --type-8-line-height-0: calc(var(--base-grid-size) * 12);
+    --type-8-line-height-1: calc(var(--base-grid-size) * 14);
+    --type-8-line-height-2: calc(var(--base-grid-size) * 16);
+  }
+}