@rolemodel/optics 0.2.3

package/dist/css/optics.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../node_modules/modern-css-reset/dist/reset.css","../../src/core/tokens/base_tokens.scss","../../src/components/icon.scss","../../src/core/tokens/scale_color_tokens.scss","../../src/core/tokens/dark_mode_tokens.scss","../../src/core/base.scss","../../src/core/layout.scss","../../src/core/utilities.scss","../../src/components/alert.scss","../../src/components/badge.scss","../../src/components/button.scss","../../src/components/button_group.scss","../../src/components/card.scss","../../src/components/flash.scss","../../src/components/form.scss","../../src/components/sidebar.scss","../../src/components/table.scss"],"names":[],"mappings":"AAAA;ACAQ;AACA;ACIA;AFJR;AAAA;AAAA;EAGE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;EAEE;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AACA;EACE;IACC;;EAED;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;ACwHJ;EArLE;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAkCA;EA9BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EAQA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAqDF;EAGE;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;;;AEyCJ;EAhSE;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;;;AC4BF;EACE;IAzTA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAKA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAKA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAKA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAKA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAKA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAIA;IACA;IACA;IACA;IACA;;EAIA;IACE;IACA;;EAIA;IACE;;EAMJ;IACE;IACA;;EAIA;IACE;;;AA4BN;EA/TE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAIA;EACE;;AAMJ;EACE;EACA;;AAIA;EACE;;;ACnSN;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7FF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,WLmKkB;EKlKlB;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AChCF;EACE;EACA,WNsLkB;EMrLlB;EACA;;;AAGF;EACE,WN+KiB;;;AM5KnB;EACE;;;AAGF;EACE;;;AAGF;EACE,WNkKmB;;;AM7JrB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAiCA;EACE;;AAGF;EAEE;IACE;;;;AAwCN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;IACE;;EAEA;IACE;IACA;;;;AC/hBR;EACE;EACA;EACA;EACA;EACA;;AAEA;AACE;AAGA;EAEA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EAGE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;ACpJN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EA1BA;EACA;EACA;EA2BE;EACA;;AAGF;EAjCA;EACA;EACA;EAkCE;EACA;;;AAQJ;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AC9EF;EACE;EACA;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EAEE;EACA;;AAIF;EACE;;AA2BF;EA9FF;IA+FI;IACA;;EAEA;IAGE;IACA;;;;AAKN;EAGE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;;AAKN;EAGE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKN;EAGE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKN;EAGE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;ACvON;EACE;EACA;;AAME;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;;AAKN;EACE;EACA;;;ACjCF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EX2HA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EWlIE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AASN;EAGE;;;AC/DF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;;ACnDJ;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAYA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAGF;EAIE;EACA;;AAEA;EACE;;;AASN;EACE;;;AAGF;EAGE;EACA;EACA;;;AAGF;AACE;AAcA;;AAbA;EACE;;AAEA;EAEE;;AAEA;EACE;EACA;;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;AAGA;AAOA;;AANA;AAAA;AAAA;AAAA;EAIE;;AAIF;AAAA;EAEE;;;AZxKJ;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EAEA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AalBF;EAGE;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;AAIJ;EACE;;AAGF;AACE;AAEA;EAEA;EAEA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EAhKA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAwHF;EADF;IApKA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAEA;IAEE;;EAGF;IACE;IACA;;EAEA;IACE;;EAIJ;IACE;IACA;;;AA4HF;EALF;IAzMA;;EAGA;IACE;;EAGF;AAAA;AAAA;AAAA;IAEE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;AAqLJ;EAnNA;;AAGA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AA+LN;EAIE;EACA;EAGA;EACA;EAGA;EACA;;;AAIF;EAIE;EACA;EAGA;EACA;EAGA;EACA;;;AC3PF;EAGE;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKA;EACE;EACA;;AAKF;EACE;EACA;;AAKJ;EACE;EACA;;AAIF;EACE;EACA;;;AAaF;EACE;EACA;;;AAQF;EACE;EACA;;;AAKJ;EAGE","file":"optics.css"}

package/dist/scss/addons/rails-modal-and-panel/index.scss

@@ -0,0 +1,2 @@
+@import 'modal';
+@import 'panel';

package/dist/scss/addons/rails-modal-and-panel/modal.scss

@@ -0,0 +1,86 @@
+.modal {
+  // Modals
+  --rm-modal-width: 564px;
+
+  position: fixed;
+  z-index: var(--rm-z-index-dialog);
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  overflow: hidden;
+  align-items: center;
+  justify-content: center;
+
+  // Prevent Chrome on Windows from adding a focus outline. For details, see
+  // https://github.com/twbs/bootstrap/pull/10951.
+  outline: 0;
+  visibility: hidden;
+
+  /* We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
+  gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
+  See also https://github.com/twbs/bootstrap/issues/17695 */
+}
+
+.modal__backdrop {
+  position: fixed;
+  z-index: var(--rm-z-index-dialog-backdrop);
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: black;
+  opacity: 0;
+  transition: all var(--rm-transition-modal);
+  visibility: hidden;
+}
+
+.modal__content {
+  z-index: var(--rm-z-index-dialog-content);
+  width: var(--rm-modal-width);
+  max-height: 500px;
+  padding: var(--rm-space-large);
+  border-radius: var(--rm-radius-large);
+  background: var(--rm-color-background);
+  color: var(--rm-color-on-background);
+  opacity: 0;
+  overflow-y: auto;
+  transform: scale(0.7);
+  transition: all var(--rm-transition-modal);
+}
+
+.modal--active {
+  display: flex;
+  visibility: visible;
+
+  .modal__content {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  .modal__backdrop {
+    opacity: 0.5;
+    visibility: visible;
+  }
+}
+
+.modal__body {
+  overflow-y: auto;
+}
+
+.modal__close {
+  /* stylelint-disable scss/at-extend-no-missing-placeholder */
+  @extend .btn--icon;
+  @extend .btn--no-border;
+
+  color: var(--rm-color-neutral-minus-seven);
+  cursor: pointer;
+  /* stylelint-enable scss/at-extend-no-missing-placeholder */
+
+  float: right;
+
+  &:hover:not(:disabled, .btn--disabled) {
+    color: var(--rm-color-neutral-minus-seven);
+  }
+}

package/dist/scss/addons/rails-modal-and-panel/panel.scss

@@ -0,0 +1,36 @@
+.panel {
+  --rm-panel-width: 40%;
+
+  position: absolute;
+  z-index: var(--rm-z-index-drawer);
+  right: calc(-1 * var(--rm-panel-width)); // this pushes the panel off the sceen to the right
+  width: var(--rm-panel-width);
+  height: 100vh;
+  padding-bottom: var(--rm-space-large);
+  background: var(--rm-color-background);
+  color: var(--rm-color-on-background);
+  overflow-y: scroll;
+  transition: right var(--rm-transition-panel);
+}
+
+.panel--active {
+  right: 0;
+  box-shadow: var(--rm-shadow-x-large);
+}
+
+.panel__close {
+  display: flex;
+  padding: var(--rm-space-medium);
+  border-radius: 100%;
+  cursor: pointer;
+  float: right;
+
+  &:hover {
+    background: var(--rm-color-neutral-plus-seven);
+  }
+}
+
+#panel-content {
+  padding-top: var(--rm-space-large);
+  padding-bottom: var(--rm-space-large);
+}

package/dist/scss/addons/tom-select.scss

@@ -0,0 +1,77 @@
+// Core Tom Select Styles
+@import 'tom-select/dist/scss/tom-select';
+
+// By default $select-ns is "ts"
+
+// Design System Overrides
+.#{$select-ns}-wrapper {
+  // Control
+  .#{$select-ns}-control {
+    min-height: var(--rm-input-height-large);
+    align-items: center;
+    border: none;
+    border-radius: var(--rm-radius-large);
+    background-color: var(--rm-color-neutral-plus-max);
+    box-shadow: var(--rm-border-all) var(--rm-border-color);
+    color: var(--rm-color-neutral-on-plus-max);
+    font-size: var(--rm-font-x-small);
+    font-weight: var(--rm-font-weight-light);
+    line-height: var(--rm-line-height-base);
+  }
+
+  // Active control
+  &.dropdown-active {
+    .#{$select-ns}-control {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+
+  // Dropdown
+  .#{$select-ns}-dropdown {
+    border: none;
+    margin: 0;
+    border-bottom-left-radius: var(--rm-radius-large);
+    border-bottom-right-radius: var(--rm-radius-large);
+    box-shadow: var(--rm-border-all) var(--rm-border-color);
+    contain: paint;
+
+    .option,
+    .create {
+      &.active {
+        background-color: var(--rm-color-primary-plus-seven);
+        color: var(--rm-color-primary-on-plus-seven);
+      }
+    }
+  }
+
+  // Item
+  &.multi {
+    .#{$select-ns}-control > div {
+      padding: var(--rm-space-3x-small) var(--rm-space-x-small);
+      border-radius: var(--rm-radius-medium);
+      margin: 0 var(--rm-space-3x-small) var(--rm-space-3x-small) 0;
+      background-color: var(--rm-color-primary-base);
+      color: var(--rm-color-primary-on-base);
+
+      &.active {
+        background-color: var(--rm-color-primary-plus-two);
+        color: var(--rm-color-primary-on-plus-two);
+      }
+    }
+  }
+
+  // Dropdown Arrow
+  &.single,
+  &.multi,
+  &.single.input-active,
+  &.multi.input-active {
+    .#{$select-ns}-control {
+      // Highly specific SVG data image for the dropdown arrow.
+      background-image: var(--rm-form-dropdown-arrow);
+      background-position-x: calc(100% - var(--rm-space-small));
+      background-position-y: center;
+      background-repeat: no-repeat;
+    }
+  }
+}

package/dist/scss/components/alert.scss

@@ -0,0 +1,158 @@
+%alert-global {
+  display: flex;
+  align-items: flex-start;
+  padding: var(--rm-space-x-small) var(--rm-space-medium);
+  border-radius: var(--rm-radius-medium);
+  gap: var(--rm-space-small);
+
+  .alert__icon {
+    /* stylelint-disable scss/at-extend-no-missing-placeholder */
+    @extend .icon--large;
+    @extend .icon--weight-bold;
+    /* stylelint-enable scss/at-extend-no-missing-placeholder */
+
+    line-height: var(--rm-line-height-dense);
+  }
+
+  .alert__messages {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    gap: var(--rm-space-2x-small);
+  }
+
+  .alert__title {
+    font-size: var(--rm-font-medium);
+    font-weight: var(--rm-font-weight-medium);
+  }
+
+  .alert__description {
+    font-size: var(--rm-font-small);
+  }
+}
+
+.alert-warning {
+  @extend %alert-global;
+
+  background-color: var(--rm-color-alerts-warning-base);
+  color: var(--rm-color-alerts-warning-on-base);
+
+  .alert__title {
+    color: var(--rm-color-alerts-warning-on-plus-one);
+  }
+
+  &.alert--muted {
+    background-color: var(--rm-color-alerts-warning-plus-five);
+    color: var(--rm-color-alerts-warning-on-plus-five);
+
+    .alert__title {
+      color: var(--rm-color-alerts-warning-on-plus-six);
+    }
+  }
+
+  &.alert--outlined {
+    background-color: var(--rm-color-alerts-warning-plus-eight);
+    box-shadow: var(--rm-border-all) var(--rm-color-alerts-warning-base);
+    color: var(--rm-color-alerts-warning-on-plus-five);
+
+    .alert__title {
+      color: var(--rm-color-alerts-warning-on-plus-four);
+    }
+  }
+}
+
+.alert-danger {
+  @extend %alert-global;
+
+  background-color: var(--rm-color-alerts-danger-base);
+  color: var(--rm-color-alerts-danger-on-base);
+
+  /* stylelint-disable no-descending-specificity */
+  .alert__title {
+    color: var(--rm-color-alerts-danger-on-plus-one);
+  }
+  /* stylelint-enable no-descending-specificity */
+
+  &.alert--muted {
+    background-color: var(--rm-color-alerts-danger-plus-five);
+    color: var(--rm-color-alerts-danger-on-plus-five);
+
+    .alert__title {
+      color: var(--rm-color-alerts-danger-on-plus-six);
+    }
+  }
+
+  &.alert--outlined {
+    background-color: var(--rm-color-alerts-danger-plus-eight);
+    box-shadow: var(--rm-border-all) var(--rm-color-alerts-danger-base);
+    color: var(--rm-color-alerts-danger-on-plus-five);
+
+    .alert__title {
+      color: var(--rm-color-alerts-danger-on-plus-four);
+    }
+  }
+}
+
+.alert-info {
+  @extend %alert-global;
+
+  background-color: var(--rm-color-alerts-info-base);
+  color: var(--rm-color-alerts-info-on-base);
+
+  /* stylelint-disable no-descending-specificity */
+  .alert__title {
+    color: var(--rm-color-alerts-info-on-plus-one);
+  }
+  /* stylelint-enable no-descending-specificity */
+
+  &.alert--muted {
+    background-color: var(--rm-color-alerts-info-plus-five);
+    color: var(--rm-color-alerts-info-on-plus-five);
+
+    .alert__title {
+      color: var(--rm-color-alerts-info-on-plus-six);
+    }
+  }
+
+  &.alert--outlined {
+    background-color: var(--rm-color-alerts-info-plus-eight);
+    box-shadow: var(--rm-border-all) var(--rm-color-alerts-info-base);
+    color: var(--rm-color-alerts-info-on-plus-five);
+
+    .alert__title {
+      color: var(--rm-color-alerts-info-on-plus-four);
+    }
+  }
+}
+
+.alert-notice {
+  @extend %alert-global;
+
+  background-color: var(--rm-color-alerts-notice-base);
+  color: var(--rm-color-alerts-notice-on-base);
+
+  /* stylelint-disable no-descending-specificity */
+  .alert__title {
+    color: var(--rm-color-alerts-notice-on-plus-one);
+  }
+  /* stylelint-enable no-descending-specificity */
+
+  &.alert--muted {
+    background-color: var(--rm-color-alerts-notice-plus-five);
+    color: var(--rm-color-alerts-notice-on-plus-five);
+
+    .alert__title {
+      color: var(--rm-color-alerts-notice-on-plus-six);
+    }
+  }
+
+  &.alert--outlined {
+    background-color: var(--rm-color-alerts-notice-plus-eight);
+    box-shadow: var(--rm-border-all) var(--rm-color-alerts-notice-base);
+    color: var(--rm-color-alerts-notice-on-plus-five);
+
+    .alert__title {
+      color: var(--rm-color-alerts-notice-on-plus-four);
+    }
+  }
+}

package/dist/scss/components/badge.scss

@@ -0,0 +1,80 @@
+@mixin badge-notification {
+  position: absolute;
+  top: 0;
+  pointer-events: none;
+}
+
+%badge-global {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--rm-space-2x-small) var(--rm-space-x-small);
+  border-radius: var(--rm-radius-medium);
+  background-color: var(--rm-color-neutral-base);
+  color: var(--rm-color-neutral-on-base);
+  cursor: inherit;
+  font-size: var(--rm-font-x-small);
+  font-weight: var(--rm-font-weight-semi-bold);
+  gap: var(--rm-space-3x-small);
+  letter-spacing: var(--rm-letter-spacing-label);
+  line-height: var(--rm-line-height-densest);
+  user-select: none;
+  white-space: nowrap;
+
+  &.badge--pill {
+    border-radius: var(--rm-radius-pill);
+  }
+
+  &.badge--notification-right {
+    @include badge-notification;
+
+    right: 0;
+    transform: translateY(-50%) translateX(50%);
+  }
+
+  &.badge--notification-left {
+    @include badge-notification;
+
+    left: 0;
+    transform: translateY(-50%) translateX(-50%);
+  }
+}
+
+.badge {
+  @extend %badge-global;
+}
+
+.badge-primary {
+  @extend %badge-global;
+
+  background-color: var(--rm-color-primary-base);
+  color: var(--rm-color-primary-on-base);
+}
+
+.badge-warning {
+  @extend %badge-global;
+
+  background-color: var(--rm-color-alerts-warning-base);
+  color: var(--rm-color-alerts-warning-on-base);
+}
+
+.badge-danger {
+  @extend %badge-global;
+
+  background-color: var(--rm-color-alerts-danger-base);
+  color: var(--rm-color-alerts-danger-on-base);
+}
+
+.badge-info {
+  @extend %badge-global;
+
+  background-color: var(--rm-color-alerts-info-base);
+  color: var(--rm-color-alerts-info-on-base);
+}
+
+.badge-notice {
+  @extend %badge-global;
+
+  background-color: var(--rm-color-alerts-notice-base);
+  color: var(--rm-color-alerts-notice-on-base);
+}

package/dist/scss/components/button.scss

@@ -0,0 +1,235 @@
+%btn-focus-state {
+  box-shadow: var(--rm-input-focus);
+  outline: none;
+}
+
+%btn-global {
+  // Public API (allowed to be overridden)
+  --_rm-btn-height-small: var(--rm-input-height-small);
+  --_rm-btn-height-medium: var(--rm-input-height-medium);
+  --_rm-btn-height-large: var(--rm-input-height-large);
+  --_rm-font-small: var(--rm-font-x-small);
+  --_rm-font-medium: var(--rm-font-small);
+  --_rm-font-large: var(--rm-font-medium);
+
+  // Private API (don't touch these)
+  --__rm-btn-height: var(--_rm-btn-height-medium);
+  --__rm-btn-font-size: var(--_rm-font-medium);
+
+  display: inline-flex;
+  height: var(--__rm-btn-height);
+  align-items: center;
+  justify-content: center;
+  padding: 0 var(--rm-space-medium);
+  border-radius: var(--rm-radius-large);
+  appearance: none;
+  cursor: pointer;
+  font-size: var(--__rm-btn-font-size);
+  font-weight: var(--rm-font-weight-medium);
+  gap: var(--rm-space-x-small);
+  text-align: center;
+  text-decoration: none;
+  transition: all var(--rm-transition-input);
+  white-space: nowrap;
+
+  // Pill Modifier
+  &.btn--pill {
+    border-radius: var(--rm-radius-pill);
+  }
+
+  // Icon Modifier
+  &.btn--icon {
+    width: var(--__rm-btn-height);
+    min-width: var(--__rm-btn-height);
+    padding: 0;
+    border-radius: var(--rm-radius-circle);
+  }
+
+  // Size Modifiers
+  &.btn--small {
+    --__rm-btn-height: var(--_rm-btn-height-small);
+    --__rm-btn-font-size: var(--_rm-font-small);
+  }
+
+  &.btn--medium {
+    --__rm-btn-height: var(--_rm-btn-height-medium);
+    --__rm-btn-font-size: var(--_rm-font-medium);
+  }
+
+  &.btn--large {
+    --__rm-btn-height: var(--_rm-btn-height-large);
+    --__rm-btn-font-size: var(--_rm-font-large);
+  }
+
+  // Disabled Modifier
+  &.btn--disabled,
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.65;
+  }
+
+  // Button with notification style badge
+  &.btn--with-badge {
+    position: relative;
+  }
+
+  // Focus State
+  &:focus,
+  &:focus-within,
+  &:focus-visible {
+    @extend %btn-focus-state;
+  }
+
+  &.btn--no-border {
+    &:focus,
+    &:focus-within,
+    &:focus-visible {
+      @extend %btn-focus-state;
+    }
+  }
+
+  &.btn--outline {
+    &:focus,
+    &:focus-within,
+    &:focus-visible {
+      @extend %btn-focus-state;
+    }
+  }
+
+  // https://uxmovement.com/mobile/optimal-size-and-spacing-for-mobile-buttons/
+  @media (max-width: $breakpoint-small) {
+    --__rm-btn-height: var(--_rm-btn-height-large);
+    --__rm-btn-font-size: var(--_rm-font-large);
+
+    &.btn--small,
+    &.btn--medium,
+    &.btn--large {
+      --__rm-btn-height: var(--_rm-btn-height-large);
+      --__rm-btn-font-size: var(--_rm-font-large);
+    }
+  }
+}
+
+.btn {
+  @extend %btn-global;
+
+  background-color: transparent;
+  box-shadow: var(--rm-border-all) var(--rm-border-color);
+  color: var(--rm-color-neutral-minus-max);
+
+  &:not(:disabled, .btn--disabled):hover {
+    background-color: var(--rm-color-neutral-plus-seven);
+    color: var(--rm-color-neutral-on-plus-seven);
+  }
+
+  &.btn--no-border {
+    box-shadow: var(--rm-border-all) transparent;
+
+    &:not(:disabled, .btn--disabled):hover {
+      background-color: transparent;
+      color: var(--rm-color-neutral-minus-three);
+    }
+  }
+}
+
+.btn-primary {
+  @extend %btn-global;
+
+  background-color: var(--rm-color-primary-base);
+  box-shadow: var(--rm-border-all) var(--rm-color-primary-base);
+  color: var(--rm-color-primary-on-base);
+
+  &:not(:disabled, .btn--disabled):hover {
+    background-color: var(--rm-color-primary-plus-one);
+    box-shadow: var(--rm-border-all) var(--rm-color-primary-plus-one);
+    color: var(--rm-color-primary-on-plus-one);
+  }
+
+  &.btn--no-border {
+    background-color: transparent;
+    box-shadow: none;
+    color: var(--rm-color-primary-base);
+
+    &:not(:disabled, .btn--disabled):hover {
+      background-color: transparent;
+      box-shadow: none;
+      color: var(--rm-color-primary-plus-one);
+    }
+  }
+
+  &.btn--outline {
+    background-color: var(--rm-color-primary-plus-seven);
+    box-shadow: var(--rm-border-all) var(--rm-color-primary-on-plus-seven);
+    color: var(--rm-color-primary-on-plus-seven);
+
+    &:not(:disabled, .btn--disabled):hover {
+      background-color: var(--rm-color-primary-plus-four);
+      box-shadow: var(--rm-border-all) var(--rm-color-primary-on-plus-seven);
+      color: var(--rm-color-primary-on-plus-four);
+    }
+  }
+}
+
+.btn-secondary {
+  @extend %btn-global;
+
+  background-color: var(--rm-color-primary-plus-seven);
+  box-shadow: var(--rm-border-all) var(--rm-color-primary-on-plus-seven);
+  color: var(--rm-color-primary-on-plus-seven);
+
+  &:not(:disabled, .btn--disabled):hover {
+    background-color: var(--rm-color-primary-plus-four);
+    box-shadow: var(--rm-border-all) var(--rm-color-primary-on-plus-seven);
+    color: var(--rm-color-primary-on-plus-four);
+  }
+
+  &.btn--no-border {
+    background-color: transparent;
+    box-shadow: none;
+    color: var(--rm-color-primary-base);
+
+    &:not(:disabled, .btn--disabled):hover {
+      background-color: transparent;
+      box-shadow: none;
+      color: var(--rm-color-primary-plus-one);
+    }
+  }
+}
+
+.btn-delete {
+  @extend %btn-global;
+
+  background-color: var(--rm-color-alerts-danger-base);
+  box-shadow: var(--rm-border-all) var(--rm-color-alerts-danger-base);
+  color: var(--rm-color-alerts-danger-on-base);
+
+  &:not(:disabled, .btn--disabled):hover {
+    background-color: var(--rm-color-alerts-danger-plus-one);
+    box-shadow: var(--rm-border-all) var(--rm-color-alerts-danger-plus-one);
+    color: var(--rm-color-alerts-danger-on-plus-one);
+  }
+
+  &.btn--no-border {
+    background-color: transparent;
+    box-shadow: none;
+    color: var(--rm-color-alerts-danger-base);
+
+    &:not(:disabled, .btn--disabled):hover {
+      background-color: transparent;
+      box-shadow: none;
+      color: var(--rm-color-alerts-danger-plus-one);
+    }
+  }
+
+  &.btn--outline {
+    background-color: var(--rm-color-alerts-danger-plus-seven);
+    box-shadow: var(--rm-border-all) var(--rm-color-alerts-danger-on-plus-seven);
+    color: var(--rm-color-alerts-danger-on-plus-seven);
+
+    &:not(:disabled, .btn--disabled):hover {
+      background-color: var(--rm-color-alerts-danger-plus-four);
+      box-shadow: var(--rm-border-all) var(--rm-color-alerts-danger-on-plus-seven);
+      color: var(--rm-color-alerts-danger-on-plus-four);
+    }
+  }
+}