@drivy/cobalt 1.5.0 → 2.0.0-beta.2

package/styles/components/Icon/iconColors.scss

@@ -1,167 +0,0 @@
-/**********************************/
-/* GENERATED WHEN BUILDING COBALT */
-/*** DO NOT MODIFY IT DIRECTLY ****/
-/**********************************/
-.cobalt-Icon--colorBase {
-  fill: var(--c-icon-base);
-}
-
-.cobalt-Icon--colorSubdued {
-  fill: var(--c-icon-subdued);
-}
-
-.cobalt-Icon--colorAccent {
-  fill: var(--c-icon-accent);
-}
-
-.cobalt-Icon--colorAccentAlt {
-  fill: var(--c-icon-accentAlt);
-}
-
-.cobalt-Icon--colorInfo {
-  fill: var(--c-icon-info);
-}
-
-.cobalt-Icon--colorError {
-  fill: var(--c-icon-error);
-}
-
-.cobalt-Icon--colorErrorAlt {
-  fill: var(--c-icon-errorAlt);
-}
-
-.cobalt-Icon--colorSuccess {
-  fill: var(--c-icon-success);
-}
-
-.cobalt-Icon--colorSuccessAlt {
-  fill: var(--c-icon-successAlt);
-}
-
-.cobalt-Icon--colorConnect {
-  fill: var(--c-icon-connect);
-}
-
-.cobalt-Icon--colorConnectAlt {
-  fill: var(--c-icon-connectAlt);
-}
-
-.cobalt-Icon--colorDriver {
-  fill: var(--c-icon-driver);
-}
-
-.cobalt-Icon--colorOwner {
-  fill: var(--c-icon-owner);
-}
-
-.cobalt-Icon--colorWarning {
-  fill: var(--c-icon-warning);
-}
-
-.cobalt-Icon--colorInfoAlt {
-  fill: var(--c-icon-infoAlt);
-}
-
-.cobalt-Icon--colorDisabled {
-  fill: var(--c-icon-disabled);
-}
-
-.cobalt-Icon--colorOnAccent {
-  fill: var(--c-icon-onAccent);
-}
-
-.cobalt-Icon--colorOnRideshare {
-  fill: var(--c-icon-onRideshare);
-}
-
-.cobalt-Icon--colorOnError {
-  fill: var(--c-icon-onError);
-}
-
-.cobalt-Icon--colorOnSuccess {
-  fill: var(--c-icon-onSuccess);
-}
-
-.cobalt-Icon--colorOnConnect {
-  fill: var(--c-icon-onConnect);
-}
-
-.cobalt-Icon--colorOnKeyExchange {
-  fill: var(--c-icon-onKeyExchange);
-}
-
-.cobalt-Icon--colorOnPicked {
-  fill: var(--c-icon-onPicked);
-}
-
-.cobalt-Icon--colorKeyExchange {
-  fill: var(--c-icon-keyExchange);
-}
-
-.cobalt-Icon--colorPicked {
-  fill: var(--c-icon-picked);
-}
-
-.cobalt-Icon--colorRideshare {
-  fill: var(--c-icon-rideshare);
-}
-
-.cobalt-Icon--colorOnBase {
-  fill: var(--c-icon-onBase);
-}
-
-.cobalt-Icon--colorDisabledAlt {
-  fill: var(--c-icon-disabledAlt);
-}
-
-.cobalt-Icon--colorOnRental {
-  fill: var(--c-icon-onRental);
-}
-
-.cobalt-Icon--colorInversed {
-  fill: var(--c-icon-inversed);
-}
-
-.cobalt-Icon--colorBaseInteractive {
-  fill: var(--c-icon-baseInteractive);
-}
-
-.cobalt-Icon--colorBaseInteractive:hover,
-.cobalt-Icon--colorBaseInteractive:focus,
-.c-text-baseInteractive:hover .cobalt-Icon--colorBaseInteractive,
-.c-text-baseInteractive:focus .cobalt-Icon--colorBaseInteractive {
-  fill: var(--c-icon-baseInteractive--hover);
-}
-
-.cobalt-Icon--colorSubduedInteractive {
-  fill: var(--c-icon-subduedInteractive);
-}
-
-.cobalt-Icon--colorSubduedInteractive:hover,
-.cobalt-Icon--colorSubduedInteractive:focus,
-.c-text-subduedInteractive:hover .cobalt-Icon--colorSubduedInteractive,
-.c-text-subduedInteractive:focus .cobalt-Icon--colorSubduedInteractive {
-  fill: var(--c-icon-subduedInteractive--hover);
-}
-
-.cobalt-Icon--colorAccentInteractive {
-  fill: var(--c-icon-accentInteractive);
-}
-
-.cobalt-Icon--colorAccentInteractive:hover,
-.cobalt-Icon--colorAccentInteractive:focus,
-.c-text-accentInteractive:hover .cobalt-Icon--colorAccentInteractive,
-.c-text-accentInteractive:focus .cobalt-Icon--colorAccentInteractive {
-  fill: var(--c-icon-accentInteractive--hover);
-}
-
-.cobalt-Icon--colorAccentAltInteractive {
-  fill: var(--c-icon-accentAltInteractive);
-}
-
-.cobalt-Icon--colorAccentAltInteractive:hover,
-.cobalt-Icon--colorAccentAltInteractive:focus,
-.c-text-accentAltInteractive:hover .cobalt-Icon--colorAccentAltInteractive,
-.c-text-accentAltInteractive:focus .cobalt-Icon--colorAccentAltInteractive {
-  fill: var(--c-icon-accentAltInteractive--hover);
-}

package/styles/core/_colors-map.scss

@@ -1,324 +0,0 @@
-/**********************************/
-/* GENERATED WHEN BUILDING COBALT */
-/*** DO NOT MODIFY IT DIRECTLY ****/
-/**********************************/
-$theme-colors-map: (
-  background: (
-    primary: var(--c-background-primary),
-    secondary: var(--c-background-secondary),
-    accent: var(--c-background-accent),
-    accentAlt: var(--c-background-accentAlt),
-    info: var(--c-background-info),
-    error: var(--c-background-error),
-    errorAlt: var(--c-background-errorAlt),
-    success: var(--c-background-success),
-    successAlt: var(--c-background-successAlt),
-    connect: var(--c-background-connect),
-    connectAlt: var(--c-background-connectAlt),
-    driver: var(--c-background-driver),
-    owner: var(--c-background-owner),
-    disabled: var(--c-background-disabled),
-    neutral: var(--c-background-neutral),
-    neutralAlt: var(--c-background-neutralAlt),
-    seasonLow: var(--c-background-seasonLow),
-    seasonMedium: var(--c-background-seasonMedium),
-    seasonHigh: var(--c-background-seasonHigh),
-    seasonVeryHigh: var(--c-background-seasonVeryHigh),
-    rental: var(--c-background-rental),
-    rentalAlt: var(--c-background-rentalAlt),
-    blocker: var(--c-background-blocker),
-    rideshare: var(--c-background-rideshare),
-    keyExchange: var(--c-background-keyExchange),
-    picked: var(--c-background-picked),
-    base: var(--c-background-base),
-    secondaryInteractive: (
-      DEFAULT: var(--c-background-secondaryInteractive),
-      hover: var(--c-background-secondaryInteractive--hover)
-    ),
-    accentInteractive: (
-      DEFAULT: var(--c-background-accentInteractive),
-      hover: var(--c-background-accentInteractive--hover)
-    ),
-    accentAltInteractive: (
-      DEFAULT: var(--c-background-accentAltInteractive),
-      hover: var(--c-background-accentAltInteractive--hover)
-    ),
-    connectInteractive: (
-      DEFAULT: var(--c-background-connectInteractive),
-      hover: var(--c-background-connectInteractive--hover)
-    ),
-    errorInteractive: (
-      DEFAULT: var(--c-background-errorInteractive),
-      hover: var(--c-background-errorInteractive--hover)
-    )
-  ),
-  text: (
-    base: var(--c-text-base),
-    subdued: var(--c-text-subdued),
-    accent: var(--c-text-accent),
-    accentAlt: var(--c-text-accentAlt),
-    info: var(--c-text-info),
-    error: var(--c-text-error),
-    errorAlt: var(--c-text-errorAlt),
-    success: var(--c-text-success),
-    successAlt: var(--c-text-successAlt),
-    connect: var(--c-text-connect),
-    connectAlt: var(--c-text-connectAlt),
-    driver: var(--c-text-driver),
-    owner: var(--c-text-owner),
-    warning: var(--c-text-warning),
-    infoAlt: var(--c-text-infoAlt),
-    disabled: var(--c-text-disabled),
-    onAccent: var(--c-text-onAccent),
-    onRideshare: var(--c-text-onRideshare),
-    onError: var(--c-text-onError),
-    onSuccess: var(--c-text-onSuccess),
-    onConnect: var(--c-text-onConnect),
-    onKeyExchange: var(--c-text-onKeyExchange),
-    onPicked: var(--c-text-onPicked),
-    keyExchange: var(--c-text-keyExchange),
-    picked: var(--c-text-picked),
-    rideshare: var(--c-text-rideshare),
-    onBase: var(--c-text-onBase),
-    onSeasonLow: var(--c-text-onSeasonLow),
-    onSeasonMedium: var(--c-text-onSeasonMedium),
-    onSeasonHigh: var(--c-text-onSeasonHigh),
-    onSeasonVeryHigh: var(--c-text-onSeasonVeryHigh),
-    onRental: var(--c-text-onRental),
-    onRentalAlt: var(--c-text-onRentalAlt),
-    inversed: var(--c-text-inversed),
-    baseInteractive: (
-      DEFAULT: var(--c-text-baseInteractive),
-      hover: var(--c-text-baseInteractive--hover)
-    ),
-    subduedInteractive: (
-      DEFAULT: var(--c-text-subduedInteractive),
-      hover: var(--c-text-subduedInteractive--hover)
-    ),
-    accentInteractive: (
-      DEFAULT: var(--c-text-accentInteractive),
-      hover: var(--c-text-accentInteractive--hover)
-    ),
-    accentAltInteractive: (
-      DEFAULT: var(--c-text-accentAltInteractive),
-      hover: var(--c-text-accentAltInteractive--hover)
-    )
-  ),
-  icon: (
-    base: var(--c-icon-base),
-    subdued: var(--c-icon-subdued),
-    accent: var(--c-icon-accent),
-    accentAlt: var(--c-icon-accentAlt),
-    info: var(--c-icon-info),
-    error: var(--c-icon-error),
-    errorAlt: var(--c-icon-errorAlt),
-    success: var(--c-icon-success),
-    successAlt: var(--c-icon-successAlt),
-    connect: var(--c-icon-connect),
-    connectAlt: var(--c-icon-connectAlt),
-    driver: var(--c-icon-driver),
-    owner: var(--c-icon-owner),
-    warning: var(--c-icon-warning),
-    infoAlt: var(--c-icon-infoAlt),
-    disabled: var(--c-icon-disabled),
-    onAccent: var(--c-icon-onAccent),
-    onRideshare: var(--c-icon-onRideshare),
-    onError: var(--c-icon-onError),
-    onSuccess: var(--c-icon-onSuccess),
-    onConnect: var(--c-icon-onConnect),
-    onKeyExchange: var(--c-icon-onKeyExchange),
-    onPicked: var(--c-icon-onPicked),
-    keyExchange: var(--c-icon-keyExchange),
-    picked: var(--c-icon-picked),
-    rideshare: var(--c-icon-rideshare),
-    onBase: var(--c-icon-onBase),
-    disabledAlt: var(--c-icon-disabledAlt),
-    onRental: var(--c-icon-onRental),
-    inversed: var(--c-icon-inversed),
-    baseInteractive: (
-      DEFAULT: var(--c-icon-baseInteractive),
-      hover: var(--c-icon-baseInteractive--hover)
-    ),
-    subduedInteractive: (
-      DEFAULT: var(--c-icon-subduedInteractive),
-      hover: var(--c-icon-subduedInteractive--hover)
-    ),
-    accentInteractive: (
-      DEFAULT: var(--c-icon-accentInteractive),
-      hover: var(--c-icon-accentInteractive--hover)
-    ),
-    accentAltInteractive: (
-      DEFAULT: var(--c-icon-accentAltInteractive),
-      hover: var(--c-icon-accentAltInteractive--hover)
-    )
-  ),
-  stroke: (
-    base: var(--c-stroke-base),
-    subdued: var(--c-stroke-subdued),
-    accent: var(--c-stroke-accent),
-    accentAlt: var(--c-stroke-accentAlt),
-    success: var(--c-stroke-success),
-    successAlt: var(--c-stroke-successAlt),
-    error: var(--c-stroke-error),
-    errorAlt: var(--c-stroke-errorAlt),
-    strong: var(--c-stroke-strong),
-    onAccent: var(--c-stroke-onAccent),
-    rental: var(--c-stroke-rental),
-    blocker: var(--c-stroke-blocker),
-    onError: var(--c-stroke-onError),
-    onSuccess: var(--c-stroke-onSuccess),
-    connect: var(--c-stroke-connect),
-    keyExchange: var(--c-stroke-keyExchange),
-    picked: var(--c-stroke-picked),
-    onConnect: var(--c-stroke-onConnect),
-    onKeyExchange: var(--c-stroke-onKeyExchange),
-    onPicked: var(--c-stroke-onPicked),
-    onRideshare: var(--c-stroke-onRideshare),
-    rideshare: var(--c-stroke-rideshare),
-    onBase: var(--c-stroke-onBase),
-    baseInteractive: (
-      DEFAULT: var(--c-stroke-baseInteractive),
-      hover: var(--c-stroke-baseInteractive--hover),
-      press: var(--c-stroke-baseInteractive--press)
-    ),
-    accentInteractive: (
-      DEFAULT: var(--c-stroke-accentInteractive),
-      hover: var(--c-stroke-accentInteractive--hover),
-      press: var(--c-stroke-accentInteractive--press)
-    ),
-    strongInteractive: (
-      DEFAULT: var(--c-stroke-strongInteractive),
-      hover: var(--c-stroke-strongInteractive--hover),
-      press: var(--c-stroke-strongInteractive--press)
-    )
-  ),
-  buttonIcon: (
-    selected: var(--c-buttonIcon-selected),
-    primary: var(--c-buttonIcon-primary),
-    secondary: var(--c-buttonIcon-secondary),
-    tertiary: var(--c-buttonIcon-tertiary),
-    destructive: var(--c-buttonIcon-destructive),
-    success: var(--c-buttonIcon-success),
-    successAlt: var(--c-buttonIcon-successAlt),
-    disabled: var(--c-buttonIcon-disabled),
-    accentAlt: var(--c-buttonIcon-accentAlt),
-    primaryInteractive: (
-      DEFAULT: var(--c-buttonIcon-primaryInteractive),
-      hover: var(--c-buttonIcon-primaryInteractive--hover),
-      press: var(--c-buttonIcon-primaryInteractive--press)
-    ),
-    secondaryInteractive: (
-      DEFAULT: var(--c-buttonIcon-secondaryInteractive),
-      hover: var(--c-buttonIcon-secondaryInteractive--hover),
-      press: var(--c-buttonIcon-secondaryInteractive--press)
-    ),
-    tertiaryInteractive: (
-      DEFAULT: var(--c-buttonIcon-tertiaryInteractive),
-      hover: var(--c-buttonIcon-tertiaryInteractive--hover),
-      press: var(--c-buttonIcon-tertiaryInteractive--press)
-    ),
-    destructiveInteractive: (
-      DEFAULT: var(--c-buttonIcon-destructiveInteractive),
-      hover: var(--c-buttonIcon-destructiveInteractive--hover),
-      press: var(--c-buttonIcon-destructiveInteractive--press)
-    ),
-    successAltInteractive: (
-      DEFAULT: var(--c-buttonIcon-successAltInteractive),
-      hover: var(--c-buttonIcon-successAltInteractive--hover),
-      press: var(--c-buttonIcon-successAltInteractive--press)
-    )
-  ),
-  buttonLabel: (
-    selected: var(--c-buttonLabel-selected),
-    primary: var(--c-buttonLabel-primary),
-    secondary: var(--c-buttonLabel-secondary),
-    tertiary: var(--c-buttonLabel-tertiary),
-    disabled: var(--c-buttonLabel-disabled),
-    accentAlt: var(--c-buttonLabel-accentAlt),
-    destructive: var(--c-buttonLabel-destructive),
-    success: var(--c-buttonLabel-success),
-    successAlt: var(--c-buttonLabel-successAlt),
-    primaryInteractive: (
-      DEFAULT: var(--c-buttonLabel-primaryInteractive),
-      hover: var(--c-buttonLabel-primaryInteractive--hover),
-      press: var(--c-buttonLabel-primaryInteractive--press)
-    ),
-    secondaryInteractive: (
-      DEFAULT: var(--c-buttonLabel-secondaryInteractive),
-      hover: var(--c-buttonLabel-secondaryInteractive--hover),
-      press: var(--c-buttonLabel-secondaryInteractive--press)
-    ),
-    tertiaryInteractive: (
-      DEFAULT: var(--c-buttonLabel-tertiaryInteractive),
-      hover: var(--c-buttonLabel-tertiaryInteractive--hover),
-      press: var(--c-buttonLabel-tertiaryInteractive--press)
-    ),
-    destructiveInteractive: (
-      DEFAULT: var(--c-buttonLabel-destructiveInteractive),
-      hover: var(--c-buttonLabel-destructiveInteractive--hover),
-      press: var(--c-buttonLabel-destructiveInteractive--press)
-    ),
-    successAltInteractive: (
-      DEFAULT: var(--c-buttonLabel-successAltInteractive),
-      hover: var(--c-buttonLabel-successAltInteractive--hover),
-      press: var(--c-buttonLabel-successAltInteractive--press)
-    )
-  ),
-  buttonBackground: (
-    selected: var(--c-buttonBackground-selected),
-    primary: var(--c-buttonBackground-primary),
-    secondary: var(--c-buttonBackground-secondary),
-    tertiary: var(--c-buttonBackground-tertiary),
-    accentAlt: var(--c-buttonBackground-accentAlt),
-    destructive: var(--c-buttonBackground-destructive),
-    success: var(--c-buttonBackground-success),
-    successAlt: var(--c-buttonBackground-successAlt),
-    disabled: var(--c-buttonBackground-disabled),
-    primaryInteractive: (
-      DEFAULT: var(--c-buttonBackground-primaryInteractive),
-      hover: var(--c-buttonBackground-primaryInteractive--hover),
-      press: var(--c-buttonBackground-primaryInteractive--press)
-    ),
-    secondaryInteractive: (
-      DEFAULT: var(--c-buttonBackground-secondaryInteractive),
-      hover: var(--c-buttonBackground-secondaryInteractive--hover),
-      press: var(--c-buttonBackground-secondaryInteractive--press)
-    ),
-    tertiaryInteractive: (
-      DEFAULT: var(--c-buttonBackground-tertiaryInteractive),
-      hover: var(--c-buttonBackground-tertiaryInteractive--hover),
-      press: var(--c-buttonBackground-tertiaryInteractive--press)
-    ),
-    destructiveInteractive: (
-      DEFAULT: var(--c-buttonBackground-destructiveInteractive),
-      hover: var(--c-buttonBackground-destructiveInteractive--hover),
-      press: var(--c-buttonBackground-destructiveInteractive--press)
-    ),
-    successAltInteractive: (
-      DEFAULT: var(--c-buttonBackground-successAltInteractive),
-      hover: var(--c-buttonBackground-successAltInteractive--hover),
-      press: var(--c-buttonBackground-successAltInteractive--press)
-    )
-  ),
-  fill: (
-    base: var(--c-fill-base),
-    accent: var(--c-fill-accent),
-    secondary: var(--c-fill-secondary),
-    subdued: var(--c-fill-subdued),
-    neutral: var(--c-fill-neutral),
-    negative: var(--c-fill-negative),
-    accentAlt: var(--c-fill-accentAlt),
-    disabled: var(--c-fill-disabled),
-    error: var(--c-fill-error),
-    success: var(--c-fill-success),
-    rental: var(--c-fill-rental),
-    blocker: var(--c-fill-blocker),
-    primary: var(--c-fill-primary)
-  ),
-  illustrations: (
-    primary: var(--c-illustrations-primary),
-    secondary: var(--c-illustrations-secondary),
-    accent1: var(--c-illustrations-accent1),
-    accent2: var(--c-illustrations-accent2)
-  )
-);

package/styles/core/color.scss

@@ -1,124 +0,0 @@
-@import "./_colors-map";
-
-@mixin semantic-color($category, $color, $property) {
-  $semantic-colors-data: map-get($theme-colors-map, $category);
-  $semantic-color: map-get($semantic-colors-data, $color);
-  @if not $semantic-color {
-    @error "Didn't found any match for: #{$color}, #{$category}, #{$property}";
-  }
-  @if type-of($semantic-color) == string {
-    #{$property}: $semantic-color;
-  } @else {
-    #{$property}: map-get($semantic-color, DEFAULT);
-    @if map-has-key($semantic-color, hover) {
-      &:hover,
-      &:focus {
-        #{$property}: map-get($semantic-color, hover);
-      }
-    }
-    @if map-has-key($semantic-color, press) {
-      &:active {
-        #{$property}: map-get($semantic-color, press);
-      }
-    }
-  }
-}
-
-@function color-var($category, $color, $modifier: "") {
-  $semantic-colors-data: map-get($theme-colors-map, $category);
-  $semantic-color: map-get($semantic-colors-data, $color);
-  @if not $semantic-color {
-    @error "Didn't found any match for: #{$color}, #{$category}";
-  }
-  @if type-of($semantic-color) == string {
-    @if $modifier != "" {
-      @error "There is no modifier #{$modifier} for: #{$color}, #{$category}";
-    }
-    @return $semantic-color;
-  } @else {
-    @if not $modifier {
-      @error "A modifier must be provied for: #{$color}, #{$category}.";
-    }
-    @if not map-has-key($semantic-color, $modifier) {
-      @error "Didn't found any match for: #{$color}, #{$category} with modifier: #{$modifier}";
-    }
-    @return map-get($semantic-color, $modifier);
-  }
-}
-
-@mixin bg-color($color) {
-  @include semantic-color(background, $color, background-color);
-}
-
-@mixin fill-color($color) {
-  @include semantic-color(fill, $color, fill);
-}
-
-@mixin fill-bg-color($color) {
-  @include semantic-color(fill, $color, background-color);
-}
-
-@mixin border-color($color) {
-  @include semantic-color(stroke, $color, border-color);
-}
-
-@mixin text-color($color) {
-  @include semantic-color(text, $color, color);
-}
-
-// LEGACY
-$color-data: (
-  white: #fff,
-  grey: (
-    lighter: #f8f7f8,
-    light: #edebed,
-    base: #dbd8dc,
-    dark: #a49da7
-  ),
-  indigo: (
-    base: #61366b,
-    dark: #390446
-  ),
-  purple: (
-    light: #d076ca,
-    base: #b01aa7
-  ),
-  graphite: (
-    light: #757575,
-    base: #333
-  ),
-  turquoise: #5ecbdd,
-  coral: #ffa484,
-  amber: #ffc25a,
-  red: #ff7378,
-  green: (
-    light: #0fffb3,
-    base: #00da94,
-    dark: #00a873
-  ),
-  blue: #2ea2ea,
-  transparent: transparent,
-  current: currentColor
-);
-
-@function color($name, $variant: base) {
-  $variants: map-get($color-data, $name);
-
-  @if not $variants {
-    @error "Color `#{$name}` not found.";
-  }
-
-  @if type-of($variants) == color {
-    $variants: (
-      base: $variants
-    );
-  }
-
-  $value: map-get($variants, $variant);
-
-  @if not $value {
-    @error "Variant `#{$variant}` not found for color `#{$name}`.";
-  }
-
-  @return $value;
-}