@operato/chart 2.0.0-beta.25

package/themes/light-mc.css

@@ -0,0 +1,151 @@
+.light-medium-contrast {
+  --md-sys-color-primary: rgb(45 65 116);
+  --md-sys-color-surface-tint: rgb(73 93 146);
+  --md-sys-color-on-primary: rgb(255 255 255);
+  --md-sys-color-primary-container: rgb(95 115 170);
+  --md-sys-color-on-primary-container: rgb(255 255 255);
+  --md-sys-color-secondary: rgb(0 72 99);
+  --md-sys-color-on-secondary: rgb(255 255 255);
+  --md-sys-color-secondary-container: rgb(56 124 157);
+  --md-sys-color-on-secondary-container: rgb(255 255 255);
+  --md-sys-color-tertiary: rgb(0 77 49);
+  --md-sys-color-on-tertiary: rgb(255 255 255);
+  --md-sys-color-tertiary-container: rgb(61 129 96);
+  --md-sys-color-on-tertiary-container: rgb(255 255 255);
+  --md-sys-color-error: #fe594e;
+  --md-sys-color-on-error: rgb(255 255 255);
+  --md-sys-color-error-container: rgb(170 95 90);
+  --md-sys-color-on-error-container: rgb(255 255 255);
+  --md-sys-color-background: rgb(250 248 255);
+  --md-sys-color-on-background: rgb(26 27 33);
+  --md-sys-color-surface: rgb(250 248 255);
+  --md-sys-color-on-surface: rgb(26 27 33);
+  --md-sys-color-surface-variant: rgb(225 226 236);
+  --md-sys-color-on-surface-variant: rgb(65 66 75);
+  --md-sys-color-outline: rgb(93 95 103);
+  --md-sys-color-outline-variant: rgb(121 122 131);
+  --md-sys-color-shadow: rgb(0 0 0);
+  --md-sys-color-scrim: rgb(0 0 0);
+  --md-sys-color-inverse-surface: rgb(47 48 54);
+  --md-sys-color-inverse-on-surface: rgb(241 240 247);
+  --md-sys-color-inverse-primary: rgb(178 197 255);
+  --md-sys-color-primary-fixed: rgb(95 115 170);
+  --md-sys-color-on-primary-fixed: rgb(255 255 255);
+  --md-sys-color-primary-fixed-dim: rgb(71 90 143);
+  --md-sys-color-on-primary-fixed-variant: rgb(255 255 255);
+  --md-sys-color-secondary-fixed: rgb(56 124 157);
+  --md-sys-color-on-secondary-fixed: rgb(255 255 255);
+  --md-sys-color-secondary-fixed-dim: rgb(23 99 130);
+  --md-sys-color-on-secondary-fixed-variant: rgb(255 255 255);
+  --md-sys-color-tertiary-fixed: #9ee4bd;
+  --md-sys-color-on-tertiary-fixed: #005234;
+  --md-sys-color-tertiary-fixed-dim: #9ee4bd;
+  --md-sys-color-on-tertiary-fixed-variant: #005234;
+  --md-sys-color-surface-dim: rgb(218 217 224);
+  --md-sys-color-surface-bright: rgb(250 248 255);
+  --md-sys-color-surface-container-lowest: rgb(255 255 255);
+  --md-sys-color-surface-container-low: rgb(244 243 250);
+  --md-sys-color-surface-container: rgb(238 237 244);
+  --md-sys-color-surface-container-high: rgb(232 231 239);
+  --md-sys-color-surface-container-highest: rgb(227 226 233);
+
+  /* primary palette */
+  --md-ref-palette-primary0:#000000;
+  --md-ref-palette-primary5:#000E32;
+  --md-ref-palette-primary10:#001848;
+  --md-ref-palette-primary15:#00215E;
+  --md-ref-palette-primary20:#002B74;
+  --md-ref-palette-primary25:#002B74;
+  --md-ref-palette-primary30:#0040A2;
+  --md-ref-palette-primary35:#002B74;
+  --md-ref-palette-primary40:#1957CA;
+  --md-ref-palette-primary50:#3E71E5;
+  --md-ref-palette-primary60:#5C8BFF;
+  --md-ref-palette-primary70:#89A9FF;
+  --md-ref-palette-primary80:#B2C5FF;
+  --md-ref-palette-primary90:#DAE2FF;
+  --md-ref-palette-primary95:#EEF0FF;
+  --md-ref-palette-primary98:#FAF8FF;
+  --md-ref-palette-primary99:#FEFBFF;
+  --md-ref-palette-primary100:#FFFFFF;
+
+  /* secondary palette */
+  --md-ref-palette-secondary0:#000000;
+  --md-ref-palette-secondary5:#00131D;
+  --md-ref-palette-secondary10:#001E2C;
+  --md-ref-palette-secondary15:#00293A;
+  --md-ref-palette-secondary20:#003549;
+  --md-ref-palette-secondary25:#004058;
+  --md-ref-palette-secondary30:#004C68;
+  --md-ref-palette-secondary35:#005978;
+  --md-ref-palette-secondary40:#006689;
+  --md-ref-palette-secondary50:#0080AC;
+  --md-ref-palette-secondary60:#009BCF;
+  --md-ref-palette-secondary70:#00B8F4;
+  --md-ref-palette-secondary80:#79D1FF;
+  --md-ref-palette-secondary90:#C3E8FF;
+  --md-ref-palette-secondary95:#E3F3FF;
+  --md-ref-palette-secondary98:#F5FAFF;
+  --md-ref-palette-secondary99:#FBFCFF;
+  --md-ref-palette-secondary100:#FFFFFF;
+
+  /* tertiary palette */
+  --md-ref-palette-tertiary0:#000000;
+  --md-ref-palette-tertiary5:#00150A;
+  --md-ref-palette-tertiary10:#002113;
+  --md-ref-palette-tertiary15:#002C1B;
+  --md-ref-palette-tertiary20:#003823;
+  --md-ref-palette-tertiary25:#00452B;
+  --md-ref-palette-tertiary30:#005234;
+  --md-ref-palette-tertiary35:#005F3E;
+  --md-ref-palette-tertiary40:#006C47;
+  --md-ref-palette-tertiary50:#00885A;
+  --md-ref-palette-tertiary60:#31A372;
+  --md-ref-palette-tertiary70:#51BF8B;
+  --md-ref-palette-tertiary80:#6EDBA5;
+  --md-ref-palette-tertiary90:#A2F4C7;
+  --md-ref-palette-tertiary95:#BFFFD9;
+  --md-ref-palette-tertiary98:#E8FFEF;
+  --md-ref-palette-tertiary99:#F4FFF5;
+  --md-ref-palette-tertiary100:#FFFFFF;
+
+  /* error palette */
+  --md-ref-palette-error0:#000000;
+  --md-ref-palette-error5:#2d0102;
+  --md-ref-palette-error10:#410304;
+  --md-ref-palette-error15:#540507;
+  --md-ref-palette-error20:#68070a;
+  --md-ref-palette-error25:#7d0b0e;
+  --md-ref-palette-error30:#930f14;
+  --md-ref-palette-error35:#a91319;
+  --md-ref-palette-error40:#bc1620;
+  --md-ref-palette-error50:#e03236;
+  --md-ref-palette-error60:#ff5450;
+  --md-ref-palette-error70:#ff8982;
+  --md-ref-palette-error80:#ffb3ad;
+  --md-ref-palette-error90:#ffdad7;
+  --md-ref-palette-error95:#ffedeb;
+  --md-ref-palette-error98:#fff8f7;
+  --md-ref-palette-error99:#fffbff;
+  --md-ref-palette-error100:#FFFFFF;
+
+  /* neutral palette */
+  --md-ref-palette-neutral0:#000000;
+  --md-ref-palette-neutral5:#111111;
+  --md-ref-palette-neutral10:#1C1C1C;
+  --md-ref-palette-neutral15:#262626;
+  --md-ref-palette-neutral20:#313131;
+  --md-ref-palette-neutral25:#3C3C3C;
+  --md-ref-palette-neutral30:#474747;
+  --md-ref-palette-neutral35:#535353;
+  --md-ref-palette-neutral40:#5F5F5F;
+  --md-ref-palette-neutral50:#787878;
+  --md-ref-palette-neutral60:#929292;
+  --md-ref-palette-neutral70:#ACACAC;
+  --md-ref-palette-neutral80:#C8C8C8;
+  --md-ref-palette-neutral90:#E4E4E4;
+  --md-ref-palette-neutral95:#F0F0F0;
+  --md-ref-palette-neutral98:#F9F9F9;
+  --md-ref-palette-neutral99:#FEFEFE;
+  --md-ref-palette-neutral100:#FFFFFF;
+}

package/themes/light.css

@@ -0,0 +1,151 @@
+.light {
+  --md-sys-color-primary: rgb(73 93 146);
+  --md-sys-color-surface-tint: rgb(73 93 146);
+  --md-sys-color-on-primary: rgb(255 255 255);
+  --md-sys-color-primary-container: #e4eaf9;
+  --md-sys-color-on-primary-container: rgb(0 24 72);
+  --md-sys-color-secondary: rgb(27 101 133);
+  --md-sys-color-on-secondary: rgb(255 255 255);
+  --md-sys-color-secondary-container: rgb(195 232 255);
+  --md-sys-color-on-secondary-container: rgb(0 30 44);
+  --md-sys-color-tertiary: rgb(37 106 75);
+  --md-sys-color-on-tertiary: rgb(255 255 255);
+  --md-sys-color-tertiary-container: rgb(171 242 201);
+  --md-sys-color-on-tertiary-container: rgb(0 33 19);
+  --md-sys-color-error: #fe594e;
+  --md-sys-color-on-error: rgb(255 255 255);
+  --md-sys-color-error-container: rgb(255 218 215);
+  --md-sys-color-on-error-container: #fe594e;
+  --md-sys-color-background: rgb(250 248 255);
+  --md-sys-color-on-background: rgb(26 27 33);
+  --md-sys-color-surface: rgb(250 248 255);
+  --md-sys-color-on-surface: rgb(26 27 33);
+  --md-sys-color-surface-variant: rgb(225 226 236);
+  --md-sys-color-on-surface-variant: rgb(69 70 79);
+  --md-sys-color-outline: rgba(0,0,0,.25);
+  --md-sys-color-outline-variant: rgb(197 198 208);
+  --md-sys-color-shadow: rgb(0 0 0);
+  --md-sys-color-scrim: rgb(0 0 0);
+  --md-sys-color-inverse-surface: rgb(47 48 54);
+  --md-sys-color-inverse-on-surface: rgb(241 240 247);
+  --md-sys-color-inverse-primary: #c9d4f4;
+  --md-sys-color-primary-fixed: rgb(218 226 255);
+  --md-sys-color-on-primary-fixed: rgb(0 24 72);
+  --md-sys-color-primary-fixed-dim: #c9d4f4;
+  --md-sys-color-on-primary-fixed-variant: rgb(49 69 120);
+  --md-sys-color-secondary-fixed: rgb(195 232 255);
+  --md-sys-color-on-secondary-fixed: rgb(0 30 44);
+  --md-sys-color-secondary-fixed-dim: rgb(143 207 243);
+  --md-sys-color-on-secondary-fixed-variant: rgb(0 76 104);
+  --md-sys-color-tertiary-fixed: #e5f6da;
+  --md-sys-color-on-tertiary-fixed: #005234;
+  --md-sys-color-tertiary-fixed-dim: #c8eabc;
+  --md-sys-color-on-tertiary-fixed-variant: #005234;
+  --md-sys-color-surface-dim: rgb(218 217 224);
+  --md-sys-color-surface-bright: rgb(250 248 255);
+  --md-sys-color-surface-container-lowest: rgb(255 255 255);
+  --md-sys-color-surface-container-low: rgb(244 243 250);
+  --md-sys-color-surface-container: rgb(238 237 244);
+  --md-sys-color-surface-container-high: rgb(232 231 239);
+  --md-sys-color-surface-container-highest: rgb(227 226 233);
+
+  /* primary palette */
+  --md-ref-palette-primary0:#000000;
+  --md-ref-palette-primary5:#000E32;
+  --md-ref-palette-primary10:#001848;
+  --md-ref-palette-primary15:#00215E;
+  --md-ref-palette-primary20:#002B74;
+  --md-ref-palette-primary25:#002B74;
+  --md-ref-palette-primary30:#0040A2;
+  --md-ref-palette-primary35:#002B74;
+  --md-ref-palette-primary40:#1957CA;
+  --md-ref-palette-primary50:#3E71E5;
+  --md-ref-palette-primary60:#5C8BFF;
+  --md-ref-palette-primary70:#89A9FF;
+  --md-ref-palette-primary80:#B2C5FF;
+  --md-ref-palette-primary90:#DAE2FF;
+  --md-ref-palette-primary95:#EEF0FF;
+  --md-ref-palette-primary98:#FAF8FF;
+  --md-ref-palette-primary99:#FEFBFF;
+  --md-ref-palette-primary100:#FFFFFF;
+
+  /* secondary palette */
+  --md-ref-palette-secondary0:#000000;
+  --md-ref-palette-secondary5:#00131D;
+  --md-ref-palette-secondary10:#001E2C;
+  --md-ref-palette-secondary15:#00293A;
+  --md-ref-palette-secondary20:#003549;
+  --md-ref-palette-secondary25:#004058;
+  --md-ref-palette-secondary30:#004C68;
+  --md-ref-palette-secondary35:#005978;
+  --md-ref-palette-secondary40:#006689;
+  --md-ref-palette-secondary50:#0080AC;
+  --md-ref-palette-secondary60:#009BCF;
+  --md-ref-palette-secondary70:#00B8F4;
+  --md-ref-palette-secondary80:#79D1FF;
+  --md-ref-palette-secondary90:#C3E8FF;
+  --md-ref-palette-secondary95:#E3F3FF;
+  --md-ref-palette-secondary98:#F5FAFF;
+  --md-ref-palette-secondary99:#FBFCFF;
+  --md-ref-palette-secondary100:#FFFFFF;
+
+  /* tertiary palette */
+  --md-ref-palette-tertiary0:#000000;
+  --md-ref-palette-tertiary5:#00150A;
+  --md-ref-palette-tertiary10:#002113;
+  --md-ref-palette-tertiary15:#002C1B;
+  --md-ref-palette-tertiary20:#003823;
+  --md-ref-palette-tertiary25:#00452B;
+  --md-ref-palette-tertiary30:#005234;
+  --md-ref-palette-tertiary35:#005F3E;
+  --md-ref-palette-tertiary40:#006C47;
+  --md-ref-palette-tertiary50:#00885A;
+  --md-ref-palette-tertiary60:#31A372;
+  --md-ref-palette-tertiary70:#51BF8B;
+  --md-ref-palette-tertiary80:#6EDBA5;
+  --md-ref-palette-tertiary90:#A2F4C7;
+  --md-ref-palette-tertiary95:#BFFFD9;
+  --md-ref-palette-tertiary98:#E8FFEF;
+  --md-ref-palette-tertiary99:#F4FFF5;
+  --md-ref-palette-tertiary100:#FFFFFF;
+
+  /* error palette */
+  --md-ref-palette-error0:#000000;
+  --md-ref-palette-error5:#2d0102;
+  --md-ref-palette-error10:#410304;
+  --md-ref-palette-error15:#540507;
+  --md-ref-palette-error20:#68070a;
+  --md-ref-palette-error25:#7d0b0e;
+  --md-ref-palette-error30:#930f14;
+  --md-ref-palette-error35:#a91319;
+  --md-ref-palette-error40:#bc1620;
+  --md-ref-palette-error50:#e03236;
+  --md-ref-palette-error60:#ff5450;
+  --md-ref-palette-error70:#ff8982;
+  --md-ref-palette-error80:#ffb3ad;
+  --md-ref-palette-error90:#ffdad7;
+  --md-ref-palette-error95:#ffedeb;
+  --md-ref-palette-error98:#fff8f7;
+  --md-ref-palette-error99:#fffbff;
+  --md-ref-palette-error100:#FFFFFF;
+
+  /* neutral palette */
+  --md-ref-palette-neutral0:#000000;
+  --md-ref-palette-neutral5:#111111;
+  --md-ref-palette-neutral10:#1C1C1C;
+  --md-ref-palette-neutral15:#262626;
+  --md-ref-palette-neutral20:#313131;
+  --md-ref-palette-neutral25:#3C3C3C;
+  --md-ref-palette-neutral30:#474747;
+  --md-ref-palette-neutral35:#535353;
+  --md-ref-palette-neutral40:#5F5F5F;
+  --md-ref-palette-neutral50:#787878;
+  --md-ref-palette-neutral60:#929292;
+  --md-ref-palette-neutral70:#ACACAC;
+  --md-ref-palette-neutral80:#C8C8C8;
+  --md-ref-palette-neutral90:#E4E4E4;
+  --md-ref-palette-neutral95:#F0F0F0;
+  --md-ref-palette-neutral98:#F9F9F9;
+  --md-ref-palette-neutral99:#FEFEFE;
+  --md-ref-palette-neutral100:#FFFFFF;
+}

package/themes/md-typescale-styles.css

@@ -0,0 +1,100 @@
+@layer {
+  .md-typescale-display-small,
+  .md-typescale-display-small-prominent {
+    font: var(--md-sys-typescale-display-small-weight, var(--md-ref-typeface-weight-regular, 400))
+      var(--md-sys-typescale-display-small-size, 2.25rem) / var(--md-sys-typescale-display-small-line-height, 2.75rem)
+      var(--md-sys-typescale-display-small-font, var(--md-ref-typeface-brand, 'Roboto'));
+  }
+  .md-typescale-display-medium,
+  .md-typescale-display-medium-prominent {
+    font: var(--md-sys-typescale-display-medium-weight, var(--md-ref-typeface-weight-regular, 400))
+      var(--md-sys-typescale-display-medium-size, 2.8125rem) /
+      var(--md-sys-typescale-display-medium-line-height, 3.25rem)
+      var(--md-sys-typescale-display-medium-font, var(--md-ref-typeface-brand, 'Roboto'));
+  }
+  .md-typescale-display-large,
+  .md-typescale-display-large-prominent {
+    font: var(--md-sys-typescale-display-large-weight, var(--md-ref-typeface-weight-regular, 400))
+      var(--md-sys-typescale-display-large-size, 3.5625rem) / var(--md-sys-typescale-display-large-line-height, 4rem)
+      var(--md-sys-typescale-display-large-font, var(--md-ref-typeface-brand, 'Roboto'));
+  }
+  .md-typescale-headline-small,
+  .md-typescale-headline-small-prominent {
+    font: var(--md-sys-typescale-headline-small-weight, var(--md-ref-typeface-weight-regular, 400))
+      var(--md-sys-typescale-headline-small-size, 1.5rem) / var(--md-sys-typescale-headline-small-line-height, 2rem)
+      var(--md-sys-typescale-headline-small-font, var(--md-ref-typeface-brand, 'Roboto'));
+  }
+  .md-typescale-headline-medium,
+  .md-typescale-headline-medium-prominent {
+    font: var(--md-sys-typescale-headline-medium-weight, var(--md-ref-typeface-weight-regular, 400))
+      var(--md-sys-typescale-headline-medium-size, 1.75rem) /
+      var(--md-sys-typescale-headline-medium-line-height, 2.25rem)
+      var(--md-sys-typescale-headline-medium-font, var(--md-ref-typeface-brand, 'Roboto'));
+  }
+  .md-typescale-headline-large,
+  .md-typescale-headline-large-prominent {
+    font: var(--md-sys-typescale-headline-large-weight, var(--md-ref-typeface-weight-regular, 400))
+      var(--md-sys-typescale-headline-large-size, 2rem) / var(--md-sys-typescale-headline-large-line-height, 2.5rem)
+      var(--md-sys-typescale-headline-large-font, var(--md-ref-typeface-brand, 'Roboto'));
+  }
+  .md-typescale-title-small,
+  .md-typescale-title-small-prominent {
+    font: var(--md-sys-typescale-title-small-weight, var(--md-ref-typeface-weight-medium, 500))
+      var(--md-sys-typescale-title-small-size, 0.875rem) / var(--md-sys-typescale-title-small-line-height, 1.25rem)
+      var(--md-sys-typescale-title-small-font, var(--md-ref-typeface-plain, 'Roboto'));
+  }
+  .md-typescale-title-medium,
+  .md-typescale-title-medium-prominent {
+    font: var(--md-sys-typescale-title-medium-weight, var(--md-ref-typeface-weight-medium, 500))
+      var(--md-sys-typescale-title-medium-size, 1rem) / var(--md-sys-typescale-title-medium-line-height, 1.5rem)
+      var(--md-sys-typescale-title-medium-font, var(--md-ref-typeface-plain, 'Roboto'));
+  }
+  .md-typescale-title-large,
+  .md-typescale-title-large-prominent {
+    font: var(--md-sys-typescale-title-large-weight, var(--md-ref-typeface-weight-regular, 400))
+      var(--md-sys-typescale-title-large-size, 1.375rem) / var(--md-sys-typescale-title-large-line-height, 1.75rem)
+      var(--md-sys-typescale-title-large-font, var(--md-ref-typeface-brand, 'Roboto'));
+  }
+  .md-typescale-body-small,
+  .md-typescale-body-small-prominent {
+    font: var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400))
+      var(--md-sys-typescale-body-small-size, 0.75rem) / var(--md-sys-typescale-body-small-line-height, 1rem)
+      var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, 'Roboto'));
+  }
+  .md-typescale-body-medium,
+  .md-typescale-body-medium-prominent {
+    font: var(--md-sys-typescale-body-medium-weight, var(--md-ref-typeface-weight-regular, 400))
+      var(--md-sys-typescale-body-medium-size, 0.875rem) / var(--md-sys-typescale-body-medium-line-height, 1.25rem)
+      var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, 'Roboto'));
+  }
+  .md-typescale-body-large,
+  .md-typescale-body-large-prominent {
+    font: var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400))
+      var(--md-sys-typescale-body-large-size, 1rem) / var(--md-sys-typescale-body-large-line-height, 1.5rem)
+      var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, 'Roboto'));
+  }
+  .md-typescale-label-small,
+  .md-typescale-label-small-prominent {
+    font: var(--md-sys-typescale-label-small-weight, var(--md-ref-typeface-weight-medium, 500))
+      var(--md-sys-typescale-label-small-size, 0.6875rem) / var(--md-sys-typescale-label-small-line-height, 1rem)
+      var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, 'Roboto'));
+  }
+  .md-typescale-label-medium,
+  .md-typescale-label-medium-prominent {
+    font: var(--md-sys-typescale-label-medium-weight, var(--md-ref-typeface-weight-medium, 500))
+      var(--md-sys-typescale-label-medium-size, 0.75rem) / var(--md-sys-typescale-label-medium-line-height, 1rem)
+      var(--md-sys-typescale-label-medium-font, var(--md-ref-typeface-plain, 'Roboto'));
+  }
+  .md-typescale-label-medium-prominent {
+    font-weight: var(--md-sys-typescale-label-medium-weight-prominent, var(--md-ref-typeface-weight-bold, 700));
+  }
+  .md-typescale-label-large,
+  .md-typescale-label-large-prominent {
+    font: var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500))
+      var(--md-sys-typescale-label-large-size, 0.875rem) / var(--md-sys-typescale-label-large-line-height, 1.25rem)
+      var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, 'Roboto'));
+  }
+  .md-typescale-label-large-prominent {
+    font-weight: var(--md-sys-typescale-label-large-weight-prominent, var(--md-ref-typeface-weight-bold, 700));
+  }
+} /*# sourceMappingURL=md-typescale-styles.css.map */

package/themes/spacing.css

@@ -0,0 +1,43 @@
+:root {
+  --spacing-none: 0px;
+  --spacing-tiny: 2px;
+  --spacing-small: 4px;
+  --spacing-medium: 8px;
+  --spacing-large: 12px;
+  --spacing-huge: 24px;
+
+  --icon-size-tiny: 14px;
+  --icon-size-small: 18px;
+  --icon-size-medium: 24px;
+  --icon-size-large: 32px;
+  --icon-size-huge: 48px;
+
+  /* form element height */
+  --form-element-height-tiny: 18px;
+  --form-element-height-small: 24px;
+  --form-element-height-medium: 30px;
+  --form-element-height-large: 40px;
+  --form-element-height-huge: 55px;
+
+  /* shape corner */
+  --md-sys-shape-corner-none: 0px;
+  --md-sys-shape-corner-small: 5px;
+  --md-sys-shape-corner-medium: 10px;
+  --md-sys-shape-corner-large: 30px;
+  --md-sys-shape-corner-full: 999px;
+
+  /* typescale corner */
+  --md-sys-typescale-label-tiny-size: 11px;
+  --md-sys-typescale-label-small-size: 13px;
+  --md-sys-typescale-label-medium-size: 14px;
+  --md-sys-typescale-label-large-size: 18px;
+  --md-sys-typescale-label-huge-size: 24px;
+
+  --md-sys-typescale-label-medium-line-height: 1;
+
+  --md-sys-typescale-label-tiny-weight: 200;
+  --md-sys-typescale-label-small-weight: 300;
+  --md-sys-typescale-label-medium-weight: 500;
+  --md-sys-typescale-label-large-weight: 700;
+  --md-sys-typescale-label-full-weight: 900;
+}

package/themes/state-color.css

@@ -0,0 +1,6 @@
+:root {
+  --status-danger-color: var(--md-sys-color-error, rgb(186 26 26));
+  --status-warning-color: #ee8d03;
+  --status-info-color: #398ace;
+  --status-success-color: #35a24a;
+}

package/translations/en.json

@@ -0,0 +1,44 @@
+{
+  "label.axes": "axes",
+  "label.axis-max": "max",
+  "label.axis-max-auto": "max auto",
+  "label.axis-min": "min",
+  "label.axis-min-auto": "min auto",
+  "label.axis-step-size": "step",
+  "label.border-width": "border width",
+  "label.chart": "chart",
+  "label.chart-style": "chart style",
+  "label.chart-type": "chart type",
+  "label.color": "color",
+  "label.data-key": "data key",
+  "label.display-tick": "display tick",
+  "label.fill": "fill",
+  "label.font-color": "font color",
+  "label.font-size": "font size",
+  "label.grid-line": "grid line",
+  "label.label": "label",
+  "label.legend": "legend",
+  "label.line-tension": "line tension",
+  "label.multi-axis": "multi axis",
+  "label.point-shape": "point Shape",
+  "label.point-size": "point Size",
+  "label.position": "position",
+  "label.series": "series",
+  "label.stack-group": "stack group",
+  "label.bar-spacing": "bar spacing",
+  "label.series-type": "series type",
+  "label.stacked": "stacked",
+  "label.target-axis": "target axis",
+  "label.theme": "theme",
+  "label.tick-spacing": "tick spacing",
+  "label.title": "title",
+  "label.tooltip": "tooltip",
+  "label.value-display": "display Value",
+  "label.value-prefix": "value prefix",
+  "label.value-suffix": "value suffix",
+  "label.x-axes": "X axes",
+  "label.y-2nd-axes": "Y 2nd axes",
+  "label.y-axes": "Y axes",
+  "label.z-axes": "Z axes",
+  "label.animation": "animation"
+}

package/translations/ja.json

@@ -0,0 +1,44 @@
+{
+  "label.axes": "軸",
+  "label.axis-max": "最大値",
+  "label.axis-max-auto": "最大値自動",
+  "label.axis-min": "最小値",
+  "label.axis-min-auto": "最小値自動",
+  "label.axis-step-size": "ステップ",
+  "label.border-width": "境界部分の広さ",
+  "label.chart": "チャート",
+  "label.chart-style": "チャート スタイル",
+  "label.chart-type": "チャート タイプ",
+  "label.color": "色",
+  "label.data-key": "データ参照",
+  "label.display-tick": "目盛り表示",
+  "label.fill": "塗りつぶし’",
+  "label.font-color": "フォントの色",
+  "label.font-size": "サイズ",
+  "label.grid-line": "グリッド ライン",
+  "label.label": "ラベル",
+  "label.legend": "凡例",
+  "label.line-tension": "緊張度",
+  "label.multi-axis": "2軸",
+  "label.point-shape": "ポイント模様",
+  "label.point-size": "Pointサイズ",
+  "label.position": "位置",
+  "label.series": "シリーズ",
+  "label.series-type": "シリー タイプ",
+  "label.stack-group": "スタックグループ",
+  "label.bar-spacing": "バー間隔",
+  "label.stacked": "積み重ね",
+  "label.target-axis": "対象軸",
+  "label.theme": "テーマ",
+  "label.tick-spacing": "目盛り間隔",
+  "label.title": "タイトル",
+  "label.tooltip": "ツールチップ",
+  "label.value-display": "値表示",
+  "label.value-prefix": "値接頭辞",
+  "label.value-suffix": "値接尾辞",
+  "label.x-axes": "X軸",
+  "label.y-2nd-axes": "Y補助軸",
+  "label.y-axes": "Y軸",
+  "label.z-axes": "Z軸",
+  "label.animation": "アニメーション"
+}

package/translations/ko.json

@@ -0,0 +1,44 @@
+{
+  "label.axes": "축",
+  "label.axis-max": "최대값",
+  "label.axis-max-auto": "최대값 자동",
+  "label.axis-min": "최소값",
+  "label.axis-min-auto": "최소값 자동",
+  "label.axis-step-size": "스텝",
+  "label.border-width": "경계부분 넓이",
+  "label.chart": "차트",
+  "label.chart-style": "차트 스타일",
+  "label.chart-type": "차트 유형",
+  "label.color": "색상",
+  "label.data-key": "데이터 참조",
+  "label.display-tick": "눈금 표시",
+  "label.fill": "채우기",
+  "label.font-color": "폰트 색상",
+  "label.font-size": "크기",
+  "label.grid-line": "그리드 라인",
+  "label.label": "라벨",
+  "label.legend": "범례",
+  "label.line-tension": "긴장도",
+  "label.multi-axis": "2축",
+  "label.point-shape": "포인트 모양",
+  "label.point-size": "Point 크기",
+  "label.position": "위치",
+  "label.series": "시리즈",
+  "label.series-type": "시리즈 유형",
+  "label.stack-group": "누적 그룹",
+  "label.bar-spacing": "막대 간격",
+  "label.stacked": "누적",
+  "label.target-axis": "대상 축",
+  "label.tick-spacing": "눈금 간격",
+  "label.title": "제목",
+  "label.theme": "테마",
+  "label.tooltip": "툴팁",
+  "label.value-display": "값 표시",
+  "label.value-prefix": "값 접두사",
+  "label.value-suffix": "값 접미사",
+  "label.x-axes": "X 축",
+  "label.y-2nd-axes": "Y 보조축",
+  "label.y-axes": "Y 축",
+  "label.z-axes": "Z 축",
+  "label.animation": "애니메이션 효과"
+}

package/translations/ms.json

@@ -0,0 +1,8 @@
+{
+  "label.stack-group": "kumpulan tindanan",
+  "label.bar-spacing": "jarak bar",
+  "label.stacked": "bertindan",
+  "label.tick-spacing": "jarak tik",
+  "label.tooltip": "tooltip",
+  "label.animation": "animasi"
+}

package/translations/zh.json

@@ -0,0 +1,44 @@
+{
+  "label.axes": "轴",
+  "label.axis-max": "最大",
+  "label.axis-max-auto": "自动计算最大值",
+  "label.axis-min": "最小",
+  "label.axis-min-auto": "自动计算最小值",
+  "label.axis-step-size": "刻度大小",
+  "label.border-width": "线厚度",
+  "label.chart": "图标",
+  "label.chart-style": "图标风格",
+  "label.chart-type": "图表类型",
+  "label.color": "颜色",
+  "label.data-key": "数据键",
+  "label.display-tick": "显示刻度",
+  "label.fill": "填充",
+  "label.font-color": "字体颜色",
+  "label.font-size": "大小",
+  "label.grid-line": "网格线",
+  "label.label": "标签",
+  "label.legend": "范例",
+  "label.line-tension": "线张力",
+  "label.multi-axis": "多轴",
+  "label.point-shape": "点形状",
+  "label.point-size": "点大小",
+  "label.position": "位置",
+  "label.series": "系列",
+  "label.series-type": "系列类型",
+  "label.stack-group": "堆叠组",
+  "label.bar-spacing": "柱间距",
+  "label.stacked": "堆叠",
+  "label.target-axis": "对象轴",
+  "label.tick-spacing": "刻度间距",
+  "label.title": "标题",
+  "label.theme": "主题",
+  "label.tooltip": "工具提示",
+  "label.value-display": "显示值",
+  "label.value-prefix": "数据前缀",
+  "label.value-suffix": "数据后缀",
+  "label.x-axes": "X轴",
+  "label.y-2nd-axes": "Y辅助轴",
+  "label.y-axes": "Y轴",
+  "label.z-axes": "Z轴",
+  "label.animation": "动画"
+}

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "noEmitOnError": true,
+    "lib": ["es2017", "dom"],
+    "strict": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "importHelpers": true,
+    "outDir": "dist",
+    "sourceMap": true,
+    "inlineSources": true,
+    "rootDir": "./",
+    "declaration": true,
+    "incremental": true,
+    "types": ["node", "mocha"]
+  },
+  "include": ["**/*.ts"]
+}