@autofleet/theme 0.1.1 → 0.1.2

package/src/colors/tokens/color-token-mapping.js

@@ -0,0 +1,885 @@
+const PRE_COLOR_TOKEN_MAP = {
+    'bg-primary': {
+        autofleet: {
+            light: 'n-00',
+            dark: 'n-05',
+        },
+        whiteLabel: {
+            light: 'n-00',
+            dark: 'n-05',
+        },
+    },
+    'bg-secondary': {
+        autofleet: {
+            light: 'n-01',
+            dark: 'n-04',
+        },
+        whiteLabel: {
+            light: 'n-01',
+            dark: 'n-04',
+        },
+    },
+    'bg-info': {
+        autofleet: {
+            light: 'b-01',
+            dark: 'b-04',
+        },
+        whiteLabel: {
+            light: 'b-01',
+            dark: 'b-04',
+        },
+    },
+    'bg-success': {
+        autofleet: {
+            light: 'g-01',
+            dark: 'g-04',
+        },
+        whiteLabel: {
+            light: 'g-01',
+            dark: 'g-04',
+        },
+    },
+    'bg-warning': {
+        autofleet: {
+            light: 'y-01',
+            dark: 'y-04',
+        },
+        whiteLabel: {
+            light: 'y-01',
+            dark: 'y-04',
+        },
+    },
+    'bg-error': {
+        autofleet: {
+            light: 'r-01',
+            dark: 'r-04',
+        },
+        whiteLabel: {
+            light: 'r-01',
+            dark: 'r-04',
+        },
+    },
+    'divider-neutral': {
+        autofleet: {
+            light: 'n-opa-32',
+            dark: 'n-opa-32',
+        },
+        whiteLabel: {
+            light: 'n-opa-32',
+            dark: 'n-opa-32',
+        },
+    },
+    'divider-invert': {
+        autofleet: {
+            light: 'n-00-opa-32',
+            dark: 'n-00-opa-32',
+        },
+        whiteLabel: {
+            light: 'n-00-opa-32',
+            dark: 'n-00-opa-32',
+        },
+    },
+    'divider-brand': {
+        autofleet: {
+            light: 'brand-opa-32',
+            dark: 'brand-opa-32',
+        },
+        whiteLabel: {
+            light: 'brand-opa-32',
+            dark: 'brand-opa-32',
+        },
+    },
+    'divider-info': {
+        autofleet: {
+            light: 'b-opa-32',
+            dark: 'b-opa-32',
+        },
+        whiteLabel: {
+            light: 'b-opa-32',
+            dark: 'b-opa-32',
+        },
+    },
+    'divider-success': {
+        autofleet: {
+            light: 'g-opa-32',
+            dark: 'g-opa-32',
+        },
+        whiteLabel: {
+            light: 'g-opa-32',
+            dark: 'g-opa-32',
+        },
+    },
+    'divider-warning': {
+        autofleet: {
+            light: 'y-opa-32',
+            dark: 'y-opa-32',
+        },
+        whiteLabel: {
+            light: 'y-opa-32',
+            dark: 'y-opa-32',
+        },
+    },
+    'divider-error': {
+        autofleet: {
+            light: 'r-opa-32',
+            dark: 'r-opa-32',
+        },
+        whiteLabel: {
+            light: 'r-opa-32',
+            dark: 'r-opa-32',
+        },
+    },
+    'primary-btn': {
+        autofleet: {
+            light: 'brand',
+            dark: 'brand',
+        },
+        whiteLabel: {
+            light: 'brand',
+            dark: 'brand',
+        },
+    },
+    'primary-btn-hover': {
+        autofleet: {
+            light: 'brand-hover',
+            dark: 'brand-hover',
+        },
+        whiteLabel: {
+            light: 'brand-hover',
+            dark: 'brand-hover',
+        },
+    },
+    'primary-btn-opa-01': {
+        autofleet: {
+            light: 'brand-opa-10',
+            dark: 'brand-opa-16',
+        },
+        whiteLabel: {
+            light: 'brand-opa-10',
+            dark: 'brand-opa-16',
+        },
+    },
+    'primary-btn-opa-02': {
+        autofleet: {
+            light: 'brand-opa-24',
+            dark: 'brand-opa-24',
+        },
+        whiteLabel: {
+            light: 'brand-opa-24',
+            dark: 'brand-opa-24',
+        },
+    },
+    other: {
+        autofleet: {
+            light: 'brand',
+            dark: 'brand',
+        },
+        whiteLabel: {
+            light: 'n-05',
+            dark: 'n-00',
+        },
+    },
+    'other-hover': {
+        autofleet: {
+            light: 'brand-hover',
+            dark: 'brand-hover',
+        },
+        whiteLabel: {
+            light: 'n-03',
+            dark: 'n-02',
+        },
+    },
+    'other-opa-01': {
+        autofleet: {
+            light: 'brand-opa-10',
+            dark: 'brand-opa-16',
+        },
+        whiteLabel: {
+            light: 'n-opa-10',
+            dark: 'n-opa-16',
+        },
+    },
+    'other-opa-02': {
+        autofleet: {
+            light: 'brand-opa-24',
+            dark: 'brand-opa-24',
+        },
+        whiteLabel: {
+            light: 'n-opa-24',
+            dark: 'n-opa-24',
+        },
+    },
+    'other-text': {
+        autofleet: {
+            light: 'b-06',
+            dark: 'b-07',
+        },
+        whiteLabel: {
+            light: 'b-06',
+            dark: 'b-07',
+        },
+    },
+    'neutral-dark': {
+        autofleet: {
+            light: 'n-05',
+            dark: 'n-00',
+        },
+        whiteLabel: {
+            light: 'n-05',
+            dark: 'n-00',
+        },
+    },
+    'neutral-charcoal': {
+        autofleet: {
+            light: 'n-03',
+            dark: 'n-02',
+        },
+        whiteLabel: {
+            light: 'n-03',
+            dark: 'n-02',
+        },
+    },
+    'neutral-light': {
+        autofleet: {
+            light: 'n-02',
+            dark: 'n-03',
+        },
+        whiteLabel: {
+            light: 'n-02',
+            dark: 'n-03',
+        },
+    },
+    'neutral-invert': {
+        autofleet: {
+            light: 'n-00',
+            dark: 'n-05',
+        },
+        whiteLabel: {
+            light: 'n-00',
+            dark: 'n-05',
+        },
+    },
+    'neutral-opa-01': {
+        autofleet: {
+            light: 'n-opa-10',
+            dark: 'n-opa-16',
+        },
+        whiteLabel: {
+            light: 'n-opa-10',
+            dark: 'n-opa-16',
+        },
+    },
+    'neutral-opa-02': {
+        autofleet: {
+            light: 'n-opa-24',
+            dark: 'n-opa-24',
+        },
+        whiteLabel: {
+            light: 'n-opa-24',
+            dark: 'n-opa-24',
+        },
+    },
+    'info-hover': {
+        autofleet: {
+            light: 'b-03',
+            dark: 'b-05',
+        },
+        whiteLabel: {
+            light: 'b-03',
+            dark: 'b-05',
+        },
+    },
+    info: {
+        autofleet: {
+            light: 'b-02',
+            dark: 'b-02',
+        },
+        whiteLabel: {
+            light: 'b-02',
+            dark: 'b-02',
+        },
+    },
+    'info-opa-01': {
+        autofleet: {
+            light: 'b-opa-10',
+            dark: 'b-opa-16',
+        },
+        whiteLabel: {
+            light: 'b-opa-10',
+            dark: 'b-opa-16',
+        },
+    },
+    'info-opa-02': {
+        autofleet: {
+            light: 'b-opa-24',
+            dark: 'b-opa-24',
+        },
+        whiteLabel: {
+            light: 'b-opa-24',
+            dark: 'b-opa-24',
+        },
+    },
+    'info-text': {
+        autofleet: {
+            light: 'b-06',
+            dark: 'b-07',
+        },
+        whiteLabel: {
+            light: 'b-06',
+            dark: 'b-07',
+        },
+    },
+    'success-hover': {
+        autofleet: {
+            light: 'g-03',
+            dark: 'g-05',
+        },
+        whiteLabel: {
+            light: 'g-03',
+            dark: 'g-05',
+        },
+    },
+    success: {
+        autofleet: {
+            light: 'g-02',
+            dark: 'g-02',
+        },
+        whiteLabel: {
+            light: 'g-02',
+            dark: 'g-02',
+        },
+    },
+    'success-opa-01': {
+        autofleet: {
+            light: 'g-opa-10',
+            dark: 'g-opa-16',
+        },
+        whiteLabel: {
+            light: 'g-opa-10',
+            dark: 'g-opa-16',
+        },
+    },
+    'success-opa-02': {
+        autofleet: {
+            light: 'g-opa-24',
+            dark: 'g-opa-24',
+        },
+        whiteLabel: {
+            light: 'g-opa-24',
+            dark: 'g-opa-24',
+        },
+    },
+    'success-text': {
+        autofleet: {
+            light: 'g-06',
+            dark: 'g-07',
+        },
+        whiteLabel: {
+            light: 'g-06',
+            dark: 'g-07',
+        },
+    },
+    'warning-hover': {
+        autofleet: {
+            light: 'y-03',
+            dark: 'y-05',
+        },
+        whiteLabel: {
+            light: 'y-03',
+            dark: 'y-05',
+        },
+    },
+    warning: {
+        autofleet: {
+            light: 'y-02',
+            dark: 'y-02',
+        },
+        whiteLabel: {
+            light: 'y-02',
+            dark: 'y-02',
+        },
+    },
+    'warning-opa-01': {
+        autofleet: {
+            light: 'y-opa-10',
+            dark: 'y-opa-16',
+        },
+        whiteLabel: {
+            light: 'y-opa-10',
+            dark: 'y-opa-16',
+        },
+    },
+    'warning-opa-02': {
+        autofleet: {
+            light: 'y-opa-24',
+            dark: 'y-opa-24',
+        },
+        whiteLabel: {
+            light: 'y-opa-24',
+            dark: 'y-opa-24',
+        },
+    },
+    'warning-text': {
+        autofleet: {
+            light: 'y-06',
+            dark: 'y-07',
+        },
+        whiteLabel: {
+            light: 'y-06',
+            dark: 'y-07',
+        },
+    },
+    'error-hover': {
+        autofleet: {
+            light: 'r-03',
+            dark: 'r-05',
+        },
+        whiteLabel: {
+            light: 'r-03',
+            dark: 'r-05',
+        },
+    },
+    error: {
+        autofleet: {
+            light: 'r-02',
+            dark: 'r-02',
+        },
+        whiteLabel: {
+            light: 'r-02',
+            dark: 'r-02',
+        },
+    },
+    'error-opa-01': {
+        autofleet: {
+            light: 'r-opa-10',
+            dark: 'r-opa-16',
+        },
+        whiteLabel: {
+            light: 'r-opa-10',
+            dark: 'r-opa-16',
+        },
+    },
+    'error-opa-02': {
+        autofleet: {
+            light: 'r-opa-24',
+            dark: 'r-opa-24',
+        },
+        whiteLabel: {
+            light: 'r-opa-24',
+            dark: 'r-opa-24',
+        },
+    },
+    'error-text': {
+        autofleet: {
+            light: 'r-06',
+            dark: 'r-07',
+        },
+        whiteLabel: {
+            light: 'r-06',
+            dark: 'r-07',
+        },
+    },
+    purple: {
+        autofleet: {
+            light: 'pu-02',
+            dark: 'pu-02',
+        },
+        whiteLabel: {
+            light: 'pu-02',
+            dark: 'pu-02',
+        },
+    },
+    'purple-opa-01': {
+        autofleet: {
+            light: 'pu-opa-10',
+            dark: 'pu-opa-16',
+        },
+        whiteLabel: {
+            light: 'pu-opa-10',
+            dark: 'pu-opa-16',
+        },
+    },
+    'purple-opa-02': {
+        autofleet: {
+            light: 'pu-opa-24',
+            dark: 'pu-opa-24',
+        },
+        whiteLabel: {
+            light: 'pu-opa-24',
+            dark: 'pu-opa-24',
+        },
+    },
+    'purple-text': {
+        autofleet: {
+            light: 'pu-06',
+            dark: 'pu-07',
+        },
+        whiteLabel: {
+            light: 'pu-06',
+            dark: 'pu-07',
+        },
+    },
+    orange: {
+        autofleet: {
+            light: 'or-02',
+            dark: 'or-02',
+        },
+        whiteLabel: {
+            light: 'or-02',
+            dark: 'or-02',
+        },
+    },
+    'orange-opa-01': {
+        autofleet: {
+            light: 'or-opa-10',
+            dark: 'or-opa-16',
+        },
+        whiteLabel: {
+            light: 'or-opa-10',
+            dark: 'or-opa-16',
+        },
+    },
+    'orange-opa-02': {
+        autofleet: {
+            light: 'or-opa-24',
+            dark: 'or-opa-24',
+        },
+        whiteLabel: {
+            light: 'or-opa-24',
+            dark: 'or-opa-24',
+        },
+    },
+    'orange-text': {
+        autofleet: {
+            light: 'or-06',
+            dark: 'or-07',
+        },
+        whiteLabel: {
+            light: 'or-06',
+            dark: 'or-07',
+        },
+    },
+    turquoise: {
+        autofleet: {
+            light: 'tu-02',
+            dark: 'tu-02',
+        },
+        whiteLabel: {
+            light: 'tu-02',
+            dark: 'tu-02',
+        },
+    },
+    'turquoise-opa-01': {
+        autofleet: {
+            light: 'tu-opa-10',
+            dark: 'tu-opa-16',
+        },
+        whiteLabel: {
+            light: 'tu-opa-10',
+            dark: 'tu-opa-16',
+        },
+    },
+    'turquoise-opa-02': {
+        autofleet: {
+            light: 'tu-opa-24',
+            dark: 'tu-opa-24',
+        },
+        whiteLabel: {
+            light: 'tu-opa-24',
+            dark: 'tu-opa-24',
+        },
+    },
+    'turquoise-text': {
+        autofleet: {
+            light: 'tu-06',
+            dark: 'tu-07',
+        },
+        whiteLabel: {
+            light: 'tu-06',
+            dark: 'tu-07',
+        },
+    },
+    pink: {
+        autofleet: {
+            light: 'pi-02',
+            dark: 'pi-02',
+        },
+        whiteLabel: {
+            light: 'pi-02',
+            dark: 'pi-02',
+        },
+    },
+    'pink-opa-01': {
+        autofleet: {
+            light: 'pi-opa-10',
+            dark: 'pi-opa-16',
+        },
+        whiteLabel: {
+            light: 'pi-opa-10',
+            dark: 'pi-opa-16',
+        },
+    },
+    'pink-opa-02': {
+        autofleet: {
+            light: 'pi-opa-24',
+            dark: 'pi-opa-24',
+        },
+        whiteLabel: {
+            light: 'pi-opa-24',
+            dark: 'pi-opa-24',
+        },
+    },
+    'pink-text': {
+        autofleet: {
+            light: 'pi-06',
+            dark: 'pi-07',
+        },
+        whiteLabel: {
+            light: 'pi-06',
+            dark: 'pi-07',
+        },
+    },
+    ultramarine: {
+        autofleet: {
+            light: 'ul-02',
+            dark: 'ul-02',
+        },
+        whiteLabel: {
+            light: 'ul-02',
+            dark: 'ul-02',
+        },
+    },
+    'ultramarine-opa-01': {
+        autofleet: {
+            light: 'ul-opa-10',
+            dark: 'ul-opa-16',
+        },
+        whiteLabel: {
+            light: 'ul-opa-10',
+            dark: 'ul-opa-16',
+        },
+    },
+    'ultramarine-opa-02': {
+        autofleet: {
+            light: 'ul-opa-24',
+            dark: 'ul-opa-24',
+        },
+        whiteLabel: {
+            light: 'ul-opa-24',
+            dark: 'ul-opa-24',
+        },
+    },
+    'ultramarine-text': {
+        autofleet: {
+            light: 'ul-06',
+            dark: 'ul-07',
+        },
+        whiteLabel: {
+            light: 'ul-06',
+            dark: 'ul-07',
+        },
+    },
+    peach: {
+        autofleet: {
+            light: 'pe-02',
+            dark: 'pe-02',
+        },
+        whiteLabel: {
+            light: 'pe-02',
+            dark: 'pe-02',
+        },
+    },
+    'peach-opa-01': {
+        autofleet: {
+            light: 'pe-opa-10',
+            dark: 'pe-opa-16',
+        },
+        whiteLabel: {
+            light: 'pe-opa-10',
+            dark: 'pe-opa-16',
+        },
+    },
+    'peach-opa-02': {
+        autofleet: {
+            light: 'pe-opa-24',
+            dark: 'pe-opa-24',
+        },
+        whiteLabel: {
+            light: 'pe-opa-24',
+            dark: 'pe-opa-24',
+        },
+    },
+    'peach-text': {
+        autofleet: {
+            light: 'pe-06',
+            dark: 'pe-07',
+        },
+        whiteLabel: {
+            light: 'pe-06',
+            dark: 'pe-07',
+        },
+    },
+    apple: {
+        autofleet: {
+            light: 'ap-02',
+            dark: 'ap-02',
+        },
+        whiteLabel: {
+            light: 'ap-02',
+            dark: 'ap-02',
+        },
+    },
+    'apple-opa-01': {
+        autofleet: {
+            light: 'ap-opa-10',
+            dark: 'ap-opa-16',
+        },
+        whiteLabel: {
+            light: 'ap-opa-10',
+            dark: 'ap-opa-16',
+        },
+    },
+    'apple-opa-02': {
+        autofleet: {
+            light: 'ap-opa-24',
+            dark: 'ap-opa-24',
+        },
+        whiteLabel: {
+            light: 'ap-opa-24',
+            dark: 'ap-opa-24',
+        },
+    },
+    'apple-text': {
+        autofleet: {
+            light: 'ap-06',
+            dark: 'ap-07',
+        },
+        whiteLabel: {
+            light: 'ap-06',
+            dark: 'ap-07',
+        },
+    },
+    bubblegum: {
+        autofleet: {
+            light: 'bu-02',
+            dark: 'bu-02',
+        },
+        whiteLabel: {
+            light: 'bu-02',
+            dark: 'bu-02',
+        },
+    },
+    'bubblegum-opa-01': {
+        autofleet: {
+            light: 'bu-opa-10',
+            dark: 'bu-opa-16',
+        },
+        whiteLabel: {
+            light: 'bu-opa-10',
+            dark: 'bu-opa-16',
+        },
+    },
+    'bubblegum-opa-02': {
+        autofleet: {
+            light: 'bu-opa-24',
+            dark: 'bu-opa-24',
+        },
+        whiteLabel: {
+            light: 'bu-opa-24',
+            dark: 'bu-opa-24',
+        },
+    },
+    'bubblegum-text': {
+        autofleet: {
+            light: 'bu-06',
+            dark: 'bu-07',
+        },
+        whiteLabel: {
+            light: 'bu-06',
+            dark: 'bu-07',
+        },
+    },
+    ocher: {
+        autofleet: {
+            light: 'oc-02',
+            dark: 'oc-02',
+        },
+        whiteLabel: {
+            light: 'oc-02',
+            dark: 'oc-02',
+        },
+    },
+    'ocher-opa-01': {
+        autofleet: {
+            light: 'oc-opa-10',
+            dark: 'oc-opa-16',
+        },
+        whiteLabel: {
+            light: 'oc-opa-10',
+            dark: 'oc-opa-16',
+        },
+    },
+    'ocher-opa-02': {
+        autofleet: {
+            light: 'oc-opa-24',
+            dark: 'oc-opa-24',
+        },
+        whiteLabel: {
+            light: 'oc-opa-24',
+            dark: 'oc-opa-24',
+        },
+    },
+    'ocher-text': {
+        autofleet: {
+            light: 'oc-06',
+            dark: 'oc-07',
+        },
+        whiteLabel: {
+            light: 'oc-06',
+            dark: 'oc-07',
+        },
+    },
+    blueberry: {
+        autofleet: {
+            light: 'br-02',
+            dark: 'br-02',
+        },
+        whiteLabel: {
+            light: 'br-02',
+            dark: 'br-02',
+        },
+    },
+    'blueberry-opa-01': {
+        autofleet: {
+            light: 'br-opa-10',
+            dark: 'br-opa-16',
+        },
+        whiteLabel: {
+            light: 'br-opa-10',
+            dark: 'br-opa-16',
+        },
+    },
+    'blueberry-opa-02': {
+        autofleet: {
+            light: 'br-opa-24',
+            dark: 'br-opa-24',
+        },
+        whiteLabel: {
+            light: 'br-opa-24',
+            dark: 'br-opa-24',
+        },
+    },
+    'blueberry-text': {
+        autofleet: {
+            light: 'br-06',
+            dark: 'br-07',
+        },
+        whiteLabel: {
+            light: 'br-06',
+            dark: 'br-07',
+        },
+    },
+};
+// With References:
+export const COLOR_TOKEN_MAP = Object.assign(Object.assign({}, PRE_COLOR_TOKEN_MAP), { 'neutral-text': PRE_COLOR_TOKEN_MAP['neutral-dark'], neutral: PRE_COLOR_TOKEN_MAP['neutral-light'] });
+//# sourceMappingURL=color-token-mapping.js.map