@x15ventures/x15-ui-library 3.11.4

package/dist/esm/styles/shared/partials/tables/_tables.css

@@ -0,0 +1,69 @@
+.x15Table {
+  border-collapse: separate;
+  border-spacing: 0;
+  width: 100%;
+  margin: 10px 0 20px;
+  border-right: 1px solid #f6f8fa;
+  border-top: 1px solid #f6f8fa;
+}
+.x15Table th, .x15Table td {
+  padding: 10px 10px;
+  font-size: 13px;
+  vertical-align: middle;
+  border-left: 1px solid #f6f8fa;
+  border-bottom: 1px solid #f6f8fa;
+}
+.x15Table th.alignLeft, .x15Table td.alignLeft {
+  text-align: left;
+}
+.x15Table th.alignCenter, .x15Table td.alignCenter {
+  text-align: center;
+}
+.x15Table th.alignRight, .x15Table td.alignRight {
+  text-align: right;
+}
+.x15Table.wideSpacing th, .x15Table.wideSpacing td {
+  padding: 20px 20px;
+}
+.x15Table.compactSpacing th, .x15Table.compactSpacing td {
+  padding: 5px 5px;
+}
+.x15Table.bandsEven tbody tr:nth-child(even) {
+  background: #f6f8fa;
+}
+.x15Table.bandsOdd tbody tr:nth-child(odd) {
+  background: #f6f8fa;
+}
+.x15Table tr.verticalAlignTop th, .x15Table tr.verticalAlignTop td {
+  vertical-align: top;
+}
+.x15Table tr.verticalAlignMiddle th, .x15Table tr.verticalAlignMiddle td {
+  vertical-align: middle;
+}
+.x15Table tr.verticalAlignBottom th, .x15Table tr.verticalAlignBottom td {
+  vertical-align: bottom;
+}
+.x15Table th.verticalAlignTop, .x15Table td.verticalAlignTop {
+  vertical-align: top;
+}
+.x15Table th.verticalAlignMiddle, .x15Table td.verticalAlignMiddle {
+  vertical-align: middle;
+}
+.x15Table th.verticalAlignBottom, .x15Table td.verticalAlignBottom {
+  vertical-align: bottom;
+}
+.x15Table thead th {
+  background: #e5ebef;
+}
+.x15Table thead th:first-of-type {
+  border-top-left-radius: 3px;
+}
+.x15Table thead th:last-of-type {
+  border-top-right-radius: 3px;
+}
+.x15Table tbody tr:last-of-type th:first-of-type {
+  border-bottom-left-radius: 3px;
+}
+.x15Table tbody tr:last-of-type td:last-of-type {
+  border-bottom-right-radius: 3px;
+}

package/dist/esm/styles/shared/partials/typography/_typography.css

@@ -0,0 +1,123 @@
+/* TYPOGRAPHY */
+* {
+  -webkit-font-smoothing: subpixel-antialiased;
+}
+
+html {
+  font-size: 10px; /* To make rem units easy to calculate and implement */
+}
+
+html,
+body {
+  padding: 0;
+  margin: 0;
+  min-height: 100vh;
+  background: var(--bodyBg);
+  color: var(--bodyFgColor);
+  font-family: var(--bodyFont);
+  font-style: normal;
+}
+
+body {
+  font-size: 16px; /* Match min input font size that prevents zoom */
+}
+
+h1, h2, h3, h4 {
+  font-family: var(--headingFont);
+}
+
+h1 {
+  font-size: var(--heading1FontSize, 36px);
+}
+
+h2 {
+  font-size: var(--heading2FontSize, 30px);
+}
+
+h3 {
+  font-size: var(--heading3FontSize, 24px);
+}
+
+h4 {
+  font-size: var(--heading4FontSize, 18px);
+}
+
+p, td, th, button, input, select, textarea {
+  font-family: var(--bodyFont);
+}
+
+h1, h2, h3, h4, p, ul, ol {
+  margin: 0;
+}
+
+header h1, header h2, header h3, header h4 {
+  flex: 1;
+}
+
+p sup,
+p sub {
+  margin: -5px 0;
+  display: inline-block;
+}
+p + p {
+  margin-top: 0;
+}
+p + ul,
+p + ol {
+  margin-top: 0;
+}
+
+.centerAlign {
+  text-align: center !important;
+}
+
+.leftAlign {
+  text-align: left !important;
+}
+
+.rightAlign {
+  text-align: right !important;
+}
+
+.spaceBefore {
+  margin-top: 20px !important;
+}
+
+.spaceBeforeCompact {
+  margin-top: 10px !important;
+}
+
+.spaceAfter {
+  margin-bottom: 20px !important;
+}
+
+.spaceAfterCompact {
+  margin-bottom: 10px !important;
+}
+
+ul.noBullet {
+  list-style-type: none;
+  padding: 0;
+}
+ul.noBullet li {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+
+.sr-only {
+  position: absolute;
+  left: -20000px;
+  top: -20000px;
+  width: 1px;
+  overflow: hidden;
+}
+
+.codeSnippet {
+  font-family: monospace;
+  background: #eee;
+  border-radius: 3px;
+  border: 1px solid #ddd;
+  padding: 5px;
+  display: inline-block;
+}

package/dist/esm/styles/shared/partials/typography/fonts/_catalogue.font.css

@@ -0,0 +1,12 @@
+@font-face {
+  font-family: "Catalogue";
+  src: url("../fonts/Catalogue-Regular.woff2");
+  font-weight: 400;
+  font-display: swap;
+}
+@font-face {
+  font-family: "Catalogue";
+  src: url("../fonts/Catalogue-Light.woff2");
+  font-weight: 300;
+  font-display: swap;
+}

package/dist/esm/styles/shared/partials/typography/fonts/_cbaBeaconSans.font.css

@@ -0,0 +1,27 @@
+@font-face {
+  font-family: "CBABeaconSans";
+  font-weight: 400;
+  src: url("../fonts/CBABeaconSans-Regular.woff2") format("woff2"), url("../fonts/CBABeaconSans-Regular.woff") format("woff"), url("../fonts/CBABeaconSans-Regular.ttf") format("ttf");
+}
+@font-face {
+  font-family: "CBABeaconSans";
+  font-style: italic;
+  font-weight: 400;
+  src: url("../fonts/CBABeaconSans-Italic.woff2") format("woff2"), url("../fonts/CBABeaconSans-Italic.woff") format("woff"), url("../fonts/CBABeaconSans-Italic.ttf") format("ttf");
+}
+@font-face {
+  font-family: "CBABeaconSans";
+  font-weight: 700;
+  src: url("../fonts/CBABeaconSans-Bold.woff2") format("woff2"), url("../fonts/CBABeaconSans-Bold.woff") format("woff"), url("../fonts/CBABeaconSans-Bold.ttf") format("ttf");
+}
+@font-face {
+  font-family: "CBABeaconSans";
+  font-style: italic;
+  font-weight: 700;
+  src: url("../fonts/CBABeaconSans-BoldItalic.woff2") format("woff2"), url("../fonts/CBABeaconSans-BoldItalic.woff") format("woff"), url("../fonts/CBABeaconSans-BoldItalic.ttf") format("ttf");
+}
+@font-face {
+  font-family: "CBABeaconSans";
+  font-weight: 800;
+  src: url("../fonts/CBABeaconSans-ExtraBold.woff2") format("woff2"), url("../fonts/CBABeaconSans-ExtraBold.woff") format("woff"), url("../fonts/CBABeaconSans-ExtraBold.ttf") format("ttf");
+}

package/dist/esm/styles/shared/utilities/_mixins.css

@@ -0,0 +1 @@
+/* Popovers */

package/dist/esm/styles/storybook/_storybookDarkTheme.css

@@ -0,0 +1,138 @@
+html.dark body {
+  background-color: #000;
+  color: #fff;
+}
+html.dark body button[aria-label="Create a new story"] {
+  background-color: #121212;
+  color: #fff;
+}
+html.dark body button[aria-label="Create a new story"] svg {
+  color: #00d0f7;
+}
+html.dark body a[title=Storybook] {
+  color: #fff;
+}
+html.dark body a[title=Storybook] svg path[fill=currentColor] {
+  fill: #fff;
+}
+html.dark body #storybook-checklist-widget {
+  background-color: #121212;
+  color: #fff;
+}
+html.dark body #storybook-checklist-widget li button span {
+  color: #fff;
+}
+html.dark body nav.container {
+  background-color: #121212;
+  color: #fff;
+}
+html.dark body nav.container .sidebar-item:hover, html.dark body nav.container .sidebar-item:focus {
+  --tree-node-background-hover: #333;
+}
+html.dark body nav.container a, html.dark body nav.container button {
+  color: #fff;
+}
+html.dark body nav.container a div, html.dark body nav.container button div {
+  color: #fff;
+}
+html.dark body nav.container a svg[type=group], html.dark body nav.container button svg[type=group] {
+  color: #00d0f7;
+}
+html.dark body main .sb-bar {
+  background-color: #121212;
+  color: #fff;
+}
+html.dark body main .sb-bar a, html.dark body main .sb-bar button {
+  color: #fff;
+}
+html.dark body main .sb-bar a div, html.dark body main .sb-bar button div {
+  color: #fff;
+}
+html.dark body #storybook-docs .sbdocs {
+  background-color: #000;
+  color: #fff;
+}
+html.dark body #storybook-docs .sbdocs h1, html.dark body #storybook-docs .sbdocs h2, html.dark body #storybook-docs .sbdocs h3, html.dark body #storybook-docs .sbdocs h4, html.dark body #storybook-docs .sbdocs h5, html.dark body #storybook-docs .sbdocs h6, html.dark body #storybook-docs .sbdocs p, html.dark body #storybook-docs .sbdocs li {
+  color: #fff;
+}
+html.dark body #storybook-docs .sbdocs .sbdocs-content > p a,
+html.dark body #storybook-docs .sbdocs .sbdocs-content > a {
+  color: #00d0f7;
+}
+html.dark body #storybook-docs .sbdocs .sbdocs-preview {
+  color: #fff;
+  border: 1px solid #aaa;
+}
+html.dark body #storybook-docs .sbdocs .sbdocs-preview div[role=toolbar] {
+  background-color: #121212;
+  border: 1px solid #333;
+  color: #fff;
+}
+html.dark body #storybook-docs .sbdocs .sbdocs-preview div[role=toolbar] button {
+  color: #fff;
+}
+html.dark body #storybook-docs .sbdocs .sbdocs-preview div[role=toolbar] button svg {
+  color: #fff;
+}
+html.dark body #storybook-docs .sbdocs .sbdocs-preview .prismjs {
+  border-top: 1px solid #333;
+}
+html.dark body #storybook-docs .sbdocs code {
+  background-color: #1e1e1e;
+  color: #fff;
+}
+html.dark body #storybook-docs .sbdocs .docblock-source,
+html.dark body #storybook-docs .sbdocs .language-jsx {
+  background-color: #1e1e1e;
+  color: #fff;
+}
+html.dark body #storybook-docs .sbdocs .docblock-source .token.tag,
+html.dark body #storybook-docs .sbdocs .language-jsx .token.tag {
+  color: #fcc;
+}
+html.dark body #storybook-docs .sbdocs .docblock-source .token.maybe-class-name, html.dark body #storybook-docs .sbdocs .docblock-source .token.class-name,
+html.dark body #storybook-docs .sbdocs .language-jsx .token.maybe-class-name,
+html.dark body #storybook-docs .sbdocs .language-jsx .token.class-name {
+  color: #6ef;
+}
+html.dark body #storybook-docs .sbdocs .docblock-source .token.property, html.dark body #storybook-docs .sbdocs .docblock-source .token.attr-name,
+html.dark body #storybook-docs .sbdocs .language-jsx .token.property,
+html.dark body #storybook-docs .sbdocs .language-jsx .token.attr-name {
+  color: #ffa;
+}
+html.dark body #storybook-docs .sbdocs .docblock-source .token.string, html.dark body #storybook-docs .sbdocs .docblock-source .token.attr-value,
+html.dark body #storybook-docs .sbdocs .language-jsx .token.string,
+html.dark body #storybook-docs .sbdocs .language-jsx .token.attr-value {
+  color: #ccf;
+}
+html.dark body #storybook-docs .sbdocs .docblock-source .token.operator, html.dark body #storybook-docs .sbdocs .docblock-source .token.punctuation,
+html.dark body #storybook-docs .sbdocs .language-jsx .token.operator,
+html.dark body #storybook-docs .sbdocs .language-jsx .token.punctuation {
+  color: #fff;
+}
+html.dark body #storybook-docs .sbdocs .docblock-argstable {
+  background-color: #1e1e1e;
+  color: #fff;
+}
+html.dark body #storybook-docs .sbdocs .docblock-argstable th, html.dark body #storybook-docs .sbdocs .docblock-argstable td {
+  background-color: #1e1e1e;
+  border-color: #aaa;
+  color: #fff;
+}
+html.dark body #storybook-docs .sbdocs .docblock-argstable th *, html.dark body #storybook-docs .sbdocs .docblock-argstable td * {
+  color: #fff;
+}
+html.dark body #storybook-docs .sbdocs .docblock-argstable th textarea, html.dark body #storybook-docs .sbdocs .docblock-argstable th select, html.dark body #storybook-docs .sbdocs .docblock-argstable th button, html.dark body #storybook-docs .sbdocs .docblock-argstable td textarea, html.dark body #storybook-docs .sbdocs .docblock-argstable td select, html.dark body #storybook-docs .sbdocs .docblock-argstable td button {
+  background-color: #000;
+  color: #fff;
+}
+html.dark body ul[role=listbox] {
+  background-color: #121212;
+  color: #fff;
+}
+html.dark body ul[role=listbox] li {
+  color: #fff;
+}
+html.dark body ul[role=listbox] li:hover, html.dark body ul[role=listbox] li:focus {
+  background-color: #333;
+}