@hotosm/ui 0.3.0-b8 → 0.3.1-b1

package/dist/themes/hot-wa.css

@@ -0,0 +1,179 @@
+
+/* HOT theme for Shoelace */
+
+
+:root,
+:host,
+.wa-theme-light {
+
+   /*
+   * Color primitives
+   */
+
+  /* red - red */
+
+  --wa-color-red-950: #A52A28;
+  --wa-color-red-900: #B9302D;
+  --wa-color-red-800: #B83032;
+  --wa-color-red-700: #C53639;
+  --wa-color-red-600: #D73F3F;
+  --wa-color-red-500: #F34D47;
+  --wa-color-red-400: #ED5C5E;
+  --wa-color-red-300: #E27A7D;
+  --wa-color-red-200: #EC9EA1;
+  --wa-color-red-100: #FDD0D6;
+  --wa-color-red-50: #FEECEF;
+
+  /* rose - persian plum */
+
+  --wa-color-rose-950: #3E030B;
+  --wa-color-rose-900: #4B040E;
+  --wa-color-rose-800: #5C1517;
+  --wa-color-rose-700: #6B231D;
+  --wa-color-rose-600: #7C2E26;
+  --wa-color-rose-500: #7D463F;
+  --wa-color-rose-400: #9E6960;
+  --wa-color-rose-300: #B3837B;
+  --wa-color-rose-200: #CFA59E;
+  --wa-color-rose-100: #EAC7C0;
+  --wa-color-rose-50: #FFE6DE;
+
+  /* yellow - bright yellow */
+
+  --wa-color-yellow-950: #CC6508;
+  --wa-color-yellow-900: #E8750C;
+  --wa-color-yellow-800: #F77D0F;
+  --wa-color-yellow-700: #FAA71E;
+  --wa-color-yellow-600: #FCBF26;
+  --wa-color-yellow-500: #FED82E;
+  --wa-color-yellow-400: #FAE62E;
+  --wa-color-yellow-300: #FDEB51;
+  --wa-color-yellow-200: #FFF072;
+  --wa-color-yellow-100: #FFF59B;
+  --wa-color-yellow-50: #FFF9C3;
+
+  /* blue - space cadet */
+
+  --wa-color-blue-950: #111C31;
+  --wa-color-blue-900: #182642;
+  --wa-color-blue-800: #20365B;
+  --wa-color-blue-700: #263F68;
+  --wa-color-blue-600: #2E4873;
+  --wa-color-blue-500: #344F7B;
+  --wa-color-blue-400: #53688B;
+  --wa-color-blue-300: #71829E;
+  --wa-color-blue-200: #97A5BA;
+  --wa-color-blue-100: #BFC8D6;
+  --wa-color-blue-50: #E6E9EE;
+
+  /* cyan - cadet blue */
+
+  --wa-color-cyan-950: #2B514F;
+  --wa-color-cyan-900: #366361;
+  --wa-color-cyan-800: #408789;
+  --wa-color-cyan-700: #459BA0;
+  --wa-color-cyan-600: #4BB1B9;
+  --wa-color-cyan-500: #50C1CB;
+  --wa-color-cyan-400: #58CBD1;
+  --wa-color-cyan-300: #6AD4D9;
+  --wa-color-cyan-200: #8FE1E3;
+  --wa-color-cyan-100: #B9EDED;
+  --wa-color-cyan-50: #E3F8F8;
+
+  /* gray - dark slate gray */
+
+  --wa-color-gray-950: #2C3038;
+  --wa-color-gray-900: #404248;
+  --wa-color-gray-800: #515057;
+  --wa-color-gray-700: #615F66;
+  --wa-color-gray-600: #716F73;
+  --wa-color-gray-500: #828085;
+  --wa-color-gray-400: #9A969B;
+  --wa-color-gray-300: #B3B0B3;
+  --wa-color-gray-200: #C4C3C5;
+  --wa-color-gray-100: #E1E0E1;
+  --wa-color-gray-50: #F3F3F3;
+
+  /* neutral - black & white */
+
+  --wa-color-neutral-1000: #000;
+  --wa-color-neutral-0: #fff;
+
+   /*
+   * Color tokens
+   */
+
+  --wa-color-primary-950: var(--wa-color-red-950);
+  --wa-color-primary-900: var(--wa-color-red-900);
+  --wa-color-primary-800: var(--wa-color-red-800);
+  --wa-color-primary-700: var(--wa-color-red-700);
+  --wa-color-primary-600: var(--wa-color-red-600);
+  --wa-color-primary-500: var(--wa-color-red-500);
+  --wa-color-primary-400: var(--wa-color-red-400);
+  --wa-color-primary-300: var(--wa-color-red-300);
+  --wa-color-primary-200: var(--wa-color-red-200);
+  --wa-color-primary-100: var(--wa-color-red-100);
+  --wa-color-primary-50: var(--wa-color-red-50);
+
+  --wa-color-danger-950: var(--wa-color-rose-950);
+  --wa-color-danger-900: var(--wa-color-rose-900);
+  --wa-color-danger-800: var(--wa-color-rose-800);
+  --wa-color-danger-700: var(--wa-color-rose-700);
+  --wa-color-danger-600: var(--wa-color-rose-600);
+  --wa-color-danger-500: var(--wa-color-rose-500);
+  --wa-color-danger-400: var(--wa-color-rose-400);
+  --wa-color-danger-300: var(--wa-color-rose-300);
+  --wa-color-danger-200: var(--wa-color-rose-200);
+  --wa-color-danger-100: var(--wa-color-rose-100);
+  --wa-color-danger-50: var(--wa-color-rose-50);
+
+  --wa-color-neutral-950: var(--wa-color-gray-950);
+  --wa-color-neutral-900: var(--wa-color-gray-900);
+  --wa-color-neutral-800: var(--wa-color-gray-800);
+  --wa-color-neutral-700: var(--wa-color-gray-700);
+  --wa-color-neutral-600: var(--wa-color-gray-600);
+  --wa-color-neutral-500: var(--wa-color-gray-500);
+  --wa-color-neutral-400: var(--wa-color-gray-400);
+  --wa-color-neutral-300: var(--wa-color-gray-300);
+  --wa-color-neutral-200: var(--wa-color-gray-200);
+  --wa-color-neutral-100: var(--wa-color-gray-100);
+  --wa-color-neutral-50: var(--wa-color-gray-50);
+
+  --wa-color-success-950: var(--wa-color-cyan-950);
+  --wa-color-success-900: var(--wa-color-cyan-900);
+  --wa-color-success-800: var(--wa-color-cyan-800);
+  --wa-color-success-700: var(--wa-color-cyan-700);
+  --wa-color-success-600: var(--wa-color-cyan-600);
+  --wa-color-success-500: var(--wa-color-cyan-500);
+  --wa-color-success-400: var(--wa-color-cyan-400);
+  --wa-color-success-300: var(--wa-color-cyan-300);
+  --wa-color-success-200: var(--wa-color-cyan-200);
+  --wa-color-success-100: var(--wa-color-cyan-100);
+  --wa-color-success-50: var(--wa-color-cyan-50);
+
+  --wa-color-warning-950: var(--wa-color-yellow-950);
+  --wa-color-warning-900: var(--wa-color-yellow-900);
+  --wa-color-warning-800: var(--wa-color-yellow-800);
+  --wa-color-warning-700: var(--wa-color-yellow-700);
+  --wa-color-warning-600: var(--wa-color-yellow-600);
+  --wa-color-warning-500: var(--wa-color-yellow-500);
+  --wa-color-warning-400: var(--wa-color-yellow-400);
+  --wa-color-warning-300: var(--wa-color-yellow-300);
+  --wa-color-warning-200: var(--wa-color-yellow-200);
+  --wa-color-warning-100: var(--wa-color-yellow-100);
+  --wa-color-warning-50: var(--wa-color-yellow-50);
+
+  /*
+   * Typography
+   */
+
+  /* Fonts */
+  --wa-font-sans: Archivo, -apple-system, Roboto, Helvetica, Arial, sans-serif,
+  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+  --wa-font-sans-variant: 'Barlow Condensed';
+  --wa-font-sefif: Georgia, 'Times New Roman', serif;
+  --wa-font-mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
+
+
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotosm/ui",
-  "version": "0.3.0-b8",
+  "version": "0.3.1-b1",
   "description": "Shared UI components with HOT theming.",
   "homepage": "https://github.com/hotosm/ui#readme",
   "author": {
@@ -68,8 +68,6 @@
   "scripts": {
     "dev": "storybook dev -p 3001 --no-open",
     "build:docs": "storybook build --output-dir docs",
-    "build": "node scripts/build.js && npm run build-themes && npm run build-assets",
-    "build-themes": "cp -R src/themes dist && cp src/style.css dist",
-    "build-assets": "cp -R src/assets dist"
+    "build": "node scripts/build.js"
   }
 }