@drivy/cobalt 0.13.0

package/styles/core/utilities.scss

@@ -0,0 +1,47 @@
+@use "sass:math";
+
+@function capitalize($string) {
+  @return to-upper-case(str-slice($string, 1, 1)) + str-slice($string, 2);
+}
+
+@function to-string($value) {
+  @return inspect($value);
+}
+
+@function contain($list, $value) {
+  @return not not index($list, $value);
+}
+
+@function camelize($string) {
+  $progress: $string;
+  $result: "";
+  $exclude: " ", "-", "–", "—", "_", ",", ";", ":", ".";
+
+  @while str-length($progress) > 0 {
+    $char: str-slice($progress, 1, 1);
+
+    @if contain($exclude, $char) {
+      $progress: capitalize(str-slice($progress, 2, 2)) +
+        str-slice($progress, 3);
+    } @else {
+      $result: $result + $char;
+      $progress: str-slice($progress, 2);
+    }
+  }
+
+  @return $result;
+}
+
+@mixin withContext($selector) {
+  @at-root #{$selector} #{&} {
+    @content;
+  }
+}
+
+@function parseInt($n) {
+  @return math.div($n, $n * 0 + 1);
+}
+
+@function remToPx($remValue) {
+  @return parseInt($remValue) * 16px;
+}

package/styles/core/z-index.scss

@@ -0,0 +1,19 @@
+$z-index-data: (
+  "below": -1,
+  "base": 0,
+  "above": 1,
+  "dropdown": 10,
+  "nav": 20,
+  "header": 30,
+  "modal": 90,
+  "flash": 100,
+  "alert": 100
+);
+
+@function zx($level: base) {
+  @if not map-has-key($z-index-data, $level) {
+    @error "No z-index level found for `#{$level}`.";
+  }
+
+  @return map-get($z-index-data, $level);
+}

package/styles/core.scss

@@ -0,0 +1,15 @@
+@import "core/utilities";
+@import "core/color";
+@import "core/animation";
+@import "core/border-radius";
+@import "core/border";
+@import "core/breakpoints";
+@import "core/card";
+@import "core/elevation";
+@import "core/spacing";
+@import "core/typography";
+@import "core/text";
+@import "core/z-index";
+@import "core/cursor";
+
+@import "core/global-variables";

package/styles/global/spacing.scss

@@ -0,0 +1,39 @@
+@mixin spacing-utils($breakpoint: null) {
+  @each $variant in map-keys($spacing-data) {
+    $addon: "";
+
+    @if $variant != "base" {
+      $addon: "-" + camelize($variant);
+    }
+
+    $sides: (
+      b: bottom,
+      r: right
+    );
+
+    @each $side in map-keys($sides) {
+      $side-value: map-get($sides, $side);
+
+      @if $breakpoint {
+        &m#{$side}#{$addon}_#{$breakpoint} {
+          // stylelint-disable-next-line max-nesting-depth
+          @include breakpoint($from: $breakpoint) {
+            margin-#{$side-value}: spacing($variant) !important;
+          }
+        }
+      } @else {
+        &m#{$side}#{$addon} {
+          margin-#{$side-value}: spacing($variant) !important;
+        }
+      }
+    }
+  }
+}
+
+.cobalt- {
+  @include spacing-utils;
+
+  @each $breakpoint in map-keys($breakpoint-data) {
+    @include spacing-utils($breakpoint);
+  }
+}

package/styles/global/typography.scss

@@ -0,0 +1,78 @@
+.cobalt- {
+  @mixin title-shared-styles {
+    &.cobalt-text--subdued {
+      @include text-style--titleSubdued;
+    }
+  }
+
+  @mixin body-shared-styles {
+    &.cobalt-text--subdued {
+      @include text-style--bodySubdued;
+    }
+
+    &.cobalt-text--inversed {
+      @include text-style--bodyInversed;
+    }
+
+    &.cobalt-text--emphasized,
+    .cobalt-text--emphasized {
+      font-weight: 600;
+    }
+  }
+
+  &text-heroHeading {
+    @include text-style-hero-heading;
+  }
+
+  &text-heroSubheading {
+    @include text-style-hero-subheading;
+  }
+
+  &text-titleExtraLarge {
+    @include text-style-title-extralarge;
+    @include title-shared-styles;
+  }
+
+  &text-titleLarge {
+    @include text-style-title-large;
+    @include title-shared-styles;
+  }
+
+  &text-title {
+    @include text-style-title;
+    @include title-shared-styles;
+  }
+
+  &text-titleSmall {
+    @include text-style-title-small;
+    @include title-shared-styles;
+  }
+
+  &text-titleTiny {
+    @include text-style-title-tiny;
+    @include title-shared-styles;
+  }
+
+  &text-bodyLarge {
+    @include text-style-body-large;
+    @include body-shared-styles;
+  }
+
+  &text-body {
+    @include text-style-body;
+    @include body-shared-styles;
+  }
+
+  &text-bodySmall {
+    @include text-style-body-small;
+    @include body-shared-styles;
+  }
+
+  &text-caption {
+    @include text-style-caption;
+  }
+
+  &text-sectionHeader {
+    @include text-style-section-header;
+  }
+}

package/styles/global.scss

@@ -0,0 +1,2 @@
+@import "global/spacing";
+@import "global/typography";

package/styles/index.scss

@@ -0,0 +1,159 @@
+// stylelint-disable
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section {
+  display: block;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+/* HTML5 hidden-attribute fix for newer browsers */
+*[hidden] {
+  display: none;
+}
+body {
+  line-height: 1;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: "";
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+// stylelint-enable
+
+@import "./core";
+
+// stylelint-disable-next-line no-duplicate-selectors
+body {
+  @include text-style-body();
+
+  font-family: font-family();
+
+  -webkit-font-smoothing: antialiased;
+}
+
+strong {
+  font-weight: 700;
+}
+
+html {
+  font-size: 16px;
+}
+
+@import "./components";
+@import "./global";

package/tokens/breakpoints.js

@@ -0,0 +1,13 @@
+const xs = "480px";
+const sm = "768px";
+const md = "992px";
+const lg = "1200px";
+var _breakpoints = {
+	xs: xs,
+	sm: sm,
+	md: md,
+	lg: lg
+};
+
+export { _breakpoints as default, lg, md, sm, xs };
+//# sourceMappingURL=breakpoints.js.map

package/tokens/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/tokens/colors.js

@@ -0,0 +1,45 @@
+const white = "#fff";
+const grey = {
+	lighter: "#f8f7f8",
+	light: "#edebed",
+	DEFAULT: "#dbd8dc",
+	dark: "#a49da7"
+};
+const indigo = {
+	DEFAULT: "#61366b",
+	dark: "#390446"
+};
+const purple = {
+	light: "#d076ca",
+	DEFAULT: "#b01aa7"
+};
+const graphite = {
+	light: "#757575",
+	DEFAULT: "#333"
+};
+const turquoise = "#5ecbdd";
+const coral = "#ffa484";
+const amber = "#ffc25a";
+const red = "#ff7378";
+const green = {
+	light: "#0fffb3",
+	DEFAULT: "#00da94",
+	dark: "#00a873"
+};
+const blue = "#2ea2ea";
+var _colors = {
+	white: white,
+	grey: grey,
+	indigo: indigo,
+	purple: purple,
+	graphite: graphite,
+	turquoise: turquoise,
+	coral: coral,
+	amber: amber,
+	red: red,
+	green: green,
+	blue: blue
+};
+
+export { amber, blue, coral, _colors as default, graphite, green, grey, indigo, purple, red, turquoise, white };
+//# sourceMappingURL=colors.js.map

package/tokens/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/tokens/countries.js

@@ -0,0 +1,18 @@
+const flags = {
+	AT: "at.svg",
+	BE: "be.svg",
+	CA: "ca.svg",
+	DE: "de.svg",
+	ES: "es.svg",
+	EU: "eu.svg",
+	FR: "fr.svg",
+	NO: "no.svg",
+	GB: "gb.svg",
+	US: "us.svg"
+};
+var _countries = {
+	flags: flags
+};
+
+export { _countries as default, flags };
+//# sourceMappingURL=countries.js.map

package/tokens/countries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countries.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/tokens/icons.js

@@ -0,0 +1,120 @@
+const icons = {
+	airport: "airport.svg",
+	arrowLeft: "arrow-left.svg",
+	arrowRight: "arrow-right.svg",
+	bin: "bin.svg",
+	briefcase: "briefcase.svg",
+	bulb: "bulb.svg",
+	camera: "camera.svg",
+	carCheck: "car-check.svg",
+	carDrivyOpen: "car-drivy-open.svg",
+	carGroup: "car-group.svg",
+	carLock: "car-lock.svg",
+	carSearch: "car-search.svg",
+	carTypeAntique: "car-type-antique.svg",
+	carTypeCabriolet: "car-type-cabriolet.svg",
+	carTypeCampervan: "car-type-campervan.svg",
+	carTypeCity: "car-type-city.svg",
+	carTypeConvertible: "car-type-convertible.svg",
+	carTypeCoupe: "car-type-coupe.svg",
+	carTypeFamily: "car-type-family.svg",
+	carTypeFourFour: "car-type-four-four.svg",
+	carTypeMinibus: "car-type-minibus.svg",
+	carTypeSedan: "car-type-sedan.svg",
+	carTypeUtility: "car-type-utility.svg",
+	car: "car.svg",
+	checkCircle: "check-circle.svg",
+	check: "check.svg",
+	chevronDown: "chevron-down.svg",
+	chevronLeft: "chevron-left.svg",
+	chevronRight: "chevron-right.svg",
+	chevronUp: "chevron-up.svg",
+	close: "close.svg",
+	contactMail: "contact-mail.svg",
+	contactPhone: "contact-phone.svg",
+	contextualPaperclip: "contextual-paperclip.svg",
+	contextualQuestion: "contextual-question.svg",
+	contextualWarningCircleFilled: "contextual-warning-circle-filled.svg",
+	contextualWarningCircle: "contextual-warning-circle.svg",
+	creditCard: "credit-card.svg",
+	directions: "directions.svg",
+	dotsHorizontal: "dots-horizontal.svg",
+	dotsVertical: "dots-vertical.svg",
+	download: "download.svg",
+	earth: "earth.svg",
+	edit: "edit.svg",
+	externalLink: "external-link.svg",
+	eye: "eye.svg",
+	filters: "filters.svg",
+	flag: "flag.svg",
+	geolocation: "geolocation.svg",
+	graphUp: "graph-up.svg",
+	incident: "incident.svg",
+	infoFilled: "info-filled.svg",
+	info: "info.svg",
+	instant: "instant.svg",
+	key: "key.svg",
+	loading: "loading.svg",
+	locality: "locality.svg",
+	locationMap: "location-map.svg",
+	locationParking: "location-parking.svg",
+	locationPin: "location-pin.svg",
+	logout: "logout.svg",
+	meetDriver: "meet-driver.svg",
+	meetOwner: "meet-owner.svg",
+	menuList: "menu-list.svg",
+	mileage: "mileage.svg",
+	miscGift: "misc-gift.svg",
+	notification: "notification.svg",
+	optionAirConditioning: "option-air-conditioning.svg",
+	optionAudioInput: "option-audio-input.svg",
+	optionBabySeat: "option-baby-seat.svg",
+	optionBikeRack: "option-bike-rack.svg",
+	optionCdPlayer: "option-cd-player.svg",
+	optionChains: "option-chains.svg",
+	optionCruiseControl: "option-cruise-control.svg",
+	optionGps: "option-gps.svg",
+	optionHasTrailer: "option-has-trailer.svg",
+	optionHitch: "option-hitch.svg",
+	optionRoofBox: "option-roof-box.svg",
+	optionSkiRack: "option-ski-rack.svg",
+	optionSnowTire: "option-snow-tire.svg",
+	optionWheelchairAccessible: "option-wheelchair-accessible.svg",
+	peopleUser: "people-user.svg",
+	photos: "photos.svg",
+	plug: "plug.svg",
+	refresh: "refresh.svg",
+	reset: "reset.svg",
+	ride: "ride.svg",
+	search: "search.svg",
+	serviceBattery: "service-battery.svg",
+	serviceCleaning: "service-cleaning.svg",
+	serviceFuel: "service-fuel.svg",
+	serviceHealing: "service-healing.svg",
+	serviceLocked: "service-locked.svg",
+	serviceTolls: "service-tolls.svg",
+	serviceUnlocked: "service-unlocked.svg",
+	settings: "settings.svg",
+	share: "share.svg",
+	shop: "shop.svg",
+	socialFacebook: "social-facebook.svg",
+	socialLinkedin: "social-linkedin.svg",
+	socialTwitter: "social-twitter.svg",
+	socialWhatsapp: "social-whatsapp.svg",
+	star: "star.svg",
+	subway: "subway.svg",
+	timeAlert: "time-alert.svg",
+	timeBackwards: "time-backwards.svg",
+	timeCalendar: "time-calendar.svg",
+	timeForward: "time-forward.svg",
+	train: "train.svg",
+	userShield: "user-shield.svg",
+	verifiedSeal: "verified-seal.svg",
+	wrench: "wrench.svg"
+};
+var _icons = {
+	icons: icons
+};
+
+export { _icons as default, icons };
+//# sourceMappingURL=icons.js.map

package/tokens/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/tokens/index.js

@@ -0,0 +1,15 @@
+import _breakpoints from './breakpoints.js';
+import _colors from './colors.js';
+import _countries from './countries.js';
+import _icons from './icons.js';
+import _zIndexes from './zIndexes.js';
+
+// For now we can't re-export json using TS and JSON import has no default
+var breakpoints = _breakpoints;
+var colors = _colors;
+var countries = _countries;
+var icons = _icons;
+var zIndexes = _zIndexes;
+
+export { breakpoints, colors, countries, icons, zIndexes };
+//# sourceMappingURL=index.js.map

package/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/tokens/index.ts"],"sourcesContent":["// For now we can't re-export json using TS and JSON import has no default\nimport _breakpoints from \"./breakpoints.json\"\nimport _colors from \"./colors.json\"\nimport _countries from \"./countries.json\"\nimport _icons from \"./icons.json\"\nimport _zIndexes from \"./zIndexes.json\"\n\nexport const breakpoints = _breakpoints\nexport const colors = _colors\nexport const countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\n"],"names":[],"mappings":";;;;;;AAAA;IAOa,WAAW,GAAG,aAAY;IAC1B,MAAM,GAAG,QAAO;IAChB,SAAS,GAAG,WAAU;IACtB,KAAK,GAAG,OAAM;IACd,QAAQ,GAAG;;;;"}

package/tokens/zIndexes.js

@@ -0,0 +1,31 @@
+const below = -1;
+const base = 0;
+const above = 1;
+const dropdown = 10;
+const nav = 20;
+const header = 30;
+const modal = 90;
+const alert = 100;
+var _zIndexes = {
+	below: below,
+	base: base,
+	above: above,
+	"dropdown-below": 9,
+	dropdown: dropdown,
+	"dropdown-above": 11,
+	"nav-below": 19,
+	nav: nav,
+	"nav-above": 21,
+	"header-below": 29,
+	header: header,
+	"header-above": 31,
+	"modal-below": 89,
+	modal: modal,
+	"modal-above": 91,
+	"alert-below": 99,
+	alert: alert,
+	"alert-above": 101
+};
+
+export { above, alert, base, below, _zIndexes as default, dropdown, header, modal, nav };
+//# sourceMappingURL=zIndexes.js.map

package/tokens/zIndexes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndexes.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/types/__tests__/AsyncComponent.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from "react";
+declare const AsyncComponent: FunctionComponent<{
+    timeout?: number;
+}>;
+export default AsyncComponent;

package/types/__tests__/mockMatchMedia.d.ts

@@ -0,0 +1,2 @@
+declare const mockMatchMedia: (matchQuery?: string, isUpdate?: boolean) => void;
+export default mockMatchMedia;

package/types/components/Accordion/ToggleIcon.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type ToggleIconPropsType = {
+    isOpen: boolean;
+};
+declare const ToggleIcon: ({ isOpen }: ToggleIconPropsType) => JSX.Element;
+export default ToggleIcon;