@rio-cloud/rio-uikit 0.16.3 → 0.16.4-beta.10

package/lib/es/styles/design/visibility.less

@@ -1,186 +0,0 @@
-.show {
-  display: block !important;
-  opacity: 1;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.hidden, .hide {
-  display: none !important;
-}
-
-html .hidden-empty:empty {
-  display: none !important;
-}
-
-.hidden-print {
-  @media print {
-    display: none !important;
-  }
-}
-
-.visible-print {
-  display: none !important;
-
-  @media print {
-    display: block !important;
-  }
-
-  &-inline {
-    display: none !important;
-
-    @media print {
-      display: inline !important;
-    }
-  }
-}
-
-// visible only
-
-@media (min-width: @screen-ls-min) {
-  .visible-xs {
-    // "-ls" because UIKIT xs and UIKIT ls are the same
-    // but the website.css uses -ls as the mobile breakpoint
-    display: none !important;
-  }
-}
-
-.visible-ls {
-  @media (max-width: @screen-xs-max) {
-    display: none !important;
-  }
-
-  @media (min-width: @screen-sm-min) {
-    display: none !important;
-  }
-}
-
-.visible-sm {
-  @media (max-width: @screen-ls-max) {
-    display: none !important;
-  }
-
-  @media (min-width: @screen-md-min) {
-    display: none !important;
-  }
-}
-
-.visible-md {
-  @media (max-width: @screen-sm-max) {
-    display: none !important;
-  }
-
-  @media (min-width: @screen-lg-min) {
-    display: none !important;
-  }
-}
-
-.visible-lg {
-  @media (max-width: @screen-md-max) {
-    display: none !important;
-  }
-
-  @media (min-width: @screen-xl-min) {
-    display: none !important;
-  }
-}
-
-.visible-xl {
-  @media (max-width: @screen-xl-min) {
-    display: none !important;
-  }
-}
-
-// hidden only
-
-.hidden-xs {
-  // "-ls" because UIKIT xs and UIKIT ls are the same
-  // but the website.css uses -ls as the mobile breakpoint
-  @media (max-width: @screen-ls) {
-    display: none !important;
-  }
-}
-
-.hidden-ls {
-  @media (min-width: @screen-ls-min) and (max-width: @screen-ls-max) {
-    display: none !important;
-  }
-}
-
-.hidden-sm {
-  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-    display: none !important;
-  }
-}
-
-.hidden-md {
-  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-    display: none !important;
-  }
-}
-
-.hidden-lg {
-  @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
-    display: none !important;
-  }
-}
-
-.hidden-xl {
-  @media (min-width: @screen-xl) {
-    display: none !important;
-  }
-}
-
-// visible from
-
-.visible-min-ls {
-  @media (max-width: @screen-sm-min) {
-    display: none !important;
-  }
-}
-
-.visible-min-sm {
-  @media (max-width: @screen-md-min) {
-    display: none !important;
-  }
-}
-
-.visible-min-md {
-  @media (max-width: @screen-lg-min) {
-    display: none !important;
-  }
-}
-
-.visible-min-lg {
-  @media (max-width: @screen-xl-min) {
-    display: none !important;
-  }
-}
-
-// hidden from
-
-.hidden-min-ls {
-  @media (min-width: @screen-ls-min) {
-    display: none !important;
-  }
-}
-
-.hidden-min-sm {
-  @media (min-width: @screen-sm-min) {
-    display: none !important;
-  }
-}
-
-.hidden-min-md {
-  @media (min-width: @screen-md-min) {
-    display: none !important;
-  }
-}
-
-.hidden-min-lg {
-  @media (min-width: @screen-lg-min) {
-    display: none !important;
-  }
-}

package/lib/es/styles/design/wells.less

@@ -1,17 +0,0 @@
-.well {
-  background-color: var(--color-white);
-  border-radius: @border-radius-default;
-  margin-bottom: 20px;
-  min-height: 20px;
-  padding: 20px;
-
-  &-sm {
-    padding: 10px;
-    border-radius: @border-radius-sm;
-  }
-
-  &-lg {
-    padding: 30px;
-    border-radius: @border-radius-lg;
-  }
-}

package/lib/es/styles/design/z-index.less

@@ -1,21 +0,0 @@
-.z-index {
-  &-1 { z-index: 1 !important }
-  &-2 { z-index: 2 !important }
-  &-3 { z-index: 3 !important }
-  &-4 { z-index: 4 !important }
-  &-5 { z-index: 5 !important }
-  &-6 { z-index: 6 !important }
-  &-7 { z-index: 7 !important }
-  &-8 { z-index: 8 !important }
-  &-9 { z-index: 9 !important }
-  &-10 { z-index: 10 !important }
-  &-max { z-index: 2147483647 !important }
-}
-
-.hover-z-index {
-  &-1:hover { z-index: 1 !important }
-  &-2:hover { z-index: 2 !important }
-  &-3:hover { z-index: 3 !important }
-  &-4:hover { z-index: 4 !important }
-  &-5:hover { z-index: 5 !important }
-}

package/lib/es/styles/filter/_imports.less

@@ -1 +0,0 @@
-@import (less) "blur.less";

package/lib/es/styles/filter/blur.less

@@ -1,17 +0,0 @@
-.blur {
-    &-0 { filter: blur(0) }
-    &-1 { filter: blur(1px) }
-    &-2 { filter: blur(2px) }
-    &-3 { filter: blur(3px) }
-    &-4 { filter: blur(4px) }
-    &-5 { filter: blur(5px) }
-    &-6 { filter: blur(6px) }
-    &-7 { filter: blur(7px) }
-    &-8 { filter: blur(8px) }
-    &-9 { filter: blur(9px) }
-    &-10 { filter: blur(10px) }
-    &-20 { filter: blur(20px) }
-    &-30 { filter: blur(30px) }
-    &-40 { filter: blur(40px) }
-    &-50 { filter: blur(50px) }
-}

package/lib/es/styles/mapping/breakpoint-map.less

@@ -1,44 +0,0 @@
-// These values must always be kept in sync with those of the demo page
-// uikit-demo/src/utils/breakpoint.js
-
-@breakpoint-xs-to-xl: {
-  xs: @screen-xs;
-  ls: @screen-ls;
-  sm: @screen-sm;
-  md: @screen-md;
-  lg: @screen-lg;
-  xl: @screen-xl;
-}
-
-@breakpoint-ls-to-xl: {
-  ls: @screen-ls;
-  sm: @screen-sm;
-  md: @screen-md;
-  lg: @screen-lg;
-  xl: @screen-xl;
-}
-
-@container-sm-to-xxl: {
-  sm: @container-fluid-sm;
-  md: @container-fluid-md;
-  lg: @container-fluid-lg;
-  xl: @container-fluid-xl;
-  xxl: @container-fluid-xxl;
-}
-
-@container-sm-to-xxl-classes: {
-  sm: fluid-small;
-  md: fluid-default;
-  lg: fluid-large;
-  xl: fluid-extra-large;
-  xxl: fluid-ultra-large;
-}
-
-// BS Fallback old container behavior
-@container-ls-to-xl: {
-  ls: @container-ls;
-  sm: @container-sm;
-  md: @container-md;
-  lg: @container-lg;
-  xl: @container-xl;
-}

package/lib/es/styles/mapping/color-map.less

@@ -1,212 +0,0 @@
-// These values must always be kept in sync with those of the demo page
-// uikit-demo/src/utils/colors.js
-
-// Color Map - Text
-// black
-// white
-@colors-text-map: {
-  black: var(--color-black);
-  white: var(--color-white);
-}
-
-// Color Map - Gray
-// darkest
-// darker
-// dark
-// gray
-// light
-// lighter
-// lightest
-@colors-gray-map: {
-  darkest: var(--gray-darkest);
-  darker: var(--gray-darker);
-  dark: var(--gray-dark);
-  gray: var(--gray);
-  light: var(--gray-light);
-  lighter: var(--gray-lighter);
-  lightest: var(--gray-lightest);
-  decent: var(--gray-decent);
-}
-
-// Color Map - Brand
-// primary
-// secondary
-@colors-brand-map: {
-  primary: var(--brand-primary);
-  secondary: var(--brand-secondary);
-}
-
-// Color Map - Brand Decent
-@colors-brand-decent-map: {
-  primary: var(--brand-primary-decent);
-  secondary: var(--brand-secondary-decent);
-}
-
-// Color Map - Status
-// info
-// success
-// warning
-// danger
-@colors-status-map: {
-  info: var(--brand-info);
-  success: var(--brand-success);
-  warning: var(--brand-warning);
-  danger: var(--brand-danger);
-}
-
-// Color Map - Status Decent
-@colors-status-decent-map: {
-  info: var(--brand-info-decent);
-  success: var(--brand-success-decent);
-  warning: var(--brand-warning-decent);
-  danger: var(--brand-danger-decent);
-}
-
-// Color Map - Brand & Status
-// SASS has a map-merge function, LESS unfortunately not...
-// primary
-// secondary
-// info
-// success
-// warning
-// danger
-@colors-brand-and-status-map: {
-  primary: var(--brand-primary);
-  secondary: var(--brand-secondary);
-  info: var(--brand-info);
-  success: var(--brand-success);
-  warning: var(--brand-warning);
-  danger: var(--brand-danger);
-}
-
-// Color Map - Brand & Status Decent
-// SASS has a map-merge function, LESS unfortunately not...
-@colors-brand-and-status-decent-map: {
-  primary: var(--brand-primary-decent);
-  secondary: var(--brand-secondary-decent);
-  info: var(--brand-info-decent);
-  success: var(--brand-success-decent);
-  warning: var(--brand-warning-decent);
-  danger: var(--brand-danger-decent);
-}
-
-// Color Map - Forms
-// Danger = Error // BS Fuckup
-@colors-forms-map: {
-  success: var(--brand-success);
-  warning: var(--brand-warning);
-  error: var(--brand-danger);
-}
-
-// Color Map - Driving Status
-// status-available
-// status-driving
-// status-resting
-// status-working
-@colors-driving-status-map: {
-  status-available: var(--color-status-available);
-  status-driving: var(--color-status-driving);
-  status-resting: var(--color-status-resting);
-  status-working: var(--color-status-working);
-}
-
-// Color Map - Map Marker
-// map-marker-asset
-// map-marker-poi
-// map-marker-geofence
-// map-marker-route
-@colors-map-marker-map: {
-  map-marker-text: var(--color-map-marker-text);
-  map-marker-active: var(--color-map-marker-active);
-  map-marker-asset: var(--color-map-marker-asset);
-  map-marker-poi: var(--color-map-marker-poi);
-  map-marker-geofence: var(--color-map-marker-geofence);
-  map-marker-route: var(--color-map-marker-route);
-}
-
-@colors-map-marker-night-map: {
-  map-marker-text-night: var(--color-map-marker-text-night);
-  map-marker-active-night: var(--color-map-marker-active-night);
-  map-marker-asset-night: var(--color-map-marker-asset-night);
-  map-marker-poi-night: var(--color-map-marker-poi-night);
-  map-marker-geofence-night: var(--color-map-marker-geofence-night);
-  map-marker-route-night: var(--color-map-marker-route-night);
-}
-
-// Color Map - Rating
-// rating-1
-// rating-2
-// rating-3
-// rating-4
-// rating-5
-@colors-rating-map: {
-  rating-1: var(--color-rating-1);
-  rating-2: var(--color-rating-2);
-  rating-3: var(--color-rating-3);
-  rating-4: var(--color-rating-4);
-  rating-5: var(--color-rating-5);
-}
-
-// Color Map - Highlight
-// highlight-darkest
-// highlight-darker
-// highlight-dark
-// highlight
-// highlight-light
-// highlight-lighter
-// highlight-lightest
-// highlight-decent
-@colors-highlight-map: {
-  highlight-darkest: var(--color-highlight-darkest);
-  highlight-darker: var(--color-highlight-darker);
-  highlight-dark: var(--color-highlight-dark);
-  highlight: var(--color-highlight);
-  highlight-light: var(--color-highlight-light);
-  highlight-lighter: var(--color-highlight-lighter);
-  highlight-lightest: var(--color-highlight-lightest);
-  highlight-decent: var(--color-highlight-decent);
-}
-
-// Color Map - RIO Coldplay
-// coldplay-wine
-// coldplay-aubergine
-// coldplay-kashmir
-// coldplay-fountain
-// coldplay-turquoise
-// coldplay-bermuda
-// coldplay-moos
-// coldplay-primrose
-// coldplay-khaki
-@colors-coldplay-map: {
-  coldplay-wine: var(--color-coldplay-wine);
-  coldplay-aubergine: var(--color-coldplay-aubergine);
-  coldplay-kashmir: var(--color-coldplay-kashmir);
-  coldplay-fountain: var(--color-coldplay-fountain);
-  coldplay-turquoise: var(--color-coldplay-turquoise);
-  coldplay-bermuda: var(--color-coldplay-bermuda);
-  coldplay-moos: var(--color-coldplay-moos);
-  coldplay-primrose: var(--color-coldplay-primrose);
-  coldplay-khaki: var(--color-coldplay-khaki);
-}
-
-// Color Map - RIO Warmup
-// warmup-crimson
-// warmup-victoria
-// warmup-cadillac
-// warmup-raspberry
-// warmup-cerise
-// warmup-charm
-// warmup-salmon
-// warmup-cherokee
-// warmup-corn
-@colors-warmup-map: {
-  warmup-crimson: var(--color-warmup-crimson);
-  warmup-victoria: var(--color-warmup-victoria);
-  warmup-cadillac: var(--color-warmup-cadillac);
-  warmup-raspberry: var(--color-warmup-raspberry);
-  warmup-cerise: var(--color-warmup-cerise);
-  warmup-charm: var(--color-warmup-charm);
-  warmup-salmon: var(--color-warmup-salmon);
-  warmup-cherokee: var(--color-warmup-cherokee);
-  warmup-corn: var(--color-warmup-corn);
-}

package/lib/es/styles/mapping/cols-map.less

@@ -1,15 +0,0 @@
-@gridColumns: {
-  1: 1;
-  1: 1;
-  2: 2;
-  3: 3;
-  4: 4;
-  5: 5;
-  6: 6;
-  7: 7;
-  8: 8;
-  9: 9;
-  10: 10;
-  11: 11;
-  12: 12;
-}

package/lib/es/styles/mapping/numbers-map.less

@@ -1,16 +0,0 @@
-// These values must always be kept in sync with those of the demo page
-// uikit-demo/src/utils/numbers.js
-
-@numbers_from_0_to_100: {
-  0: 0;
-  10: 10;
-  20: 20;
-  30: 30;
-  40: 40;
-  50: 50;
-  60: 60;
-  70: 70;
-  80: 80;
-  90: 90;
-  100: 100;
-}

package/lib/es/styles/mapping/positions-map.less

@@ -1,29 +0,0 @@
-// These values must always be kept in sync with those of the demo page
-// uikit-demo/src/utils/positions.js
-
-@positions-px: {
-  1: 1px;
-  2: 2px;
-  3: 3px;
-  4: 4px;
-  5: 5px;
-  10: 10px;
-  15: 15px;
-  20: 20px;
-  25: 25px;
-}
-
-@positions-pct: {
-  10pct: 10%;
-  20pct: 20%;
-  25pct: 25%;
-  30pct: 30%;
-  40pct: 40%;
-  50pct: 50%;
-  60pct: 60%;
-  70pct: 70%;
-  75pct: 75%;
-  80pct: 80%;
-  90pct: 90%;
-  100pct: 100%;
-}

package/lib/es/styles/mapping/sizes-map.less

@@ -1,129 +0,0 @@
-// These values must always be kept in sync with those of the demo page
-// uikit-demo/src/utils/sizes.js
-
-@sizes-px: {
-  1: 1px;
-  2: 2px;
-  3: 3px;
-  4: 4px;
-  5: 5px;
-  10: 10px;
-  15: 15px;
-  20: 20px;
-  25: 25px;
-  30: 30px;
-  35: 35px;
-  40: 40px;
-  45: 45px;
-  50: 50px;
-  60: 60px;
-  70: 70px;
-  80: 80px;
-  90: 90px;
-  100: 100px;
-  150: 150px;
-  200: 200px;
-  250: 250px;
-  300: 300px;
-  350: 350px;
-  400: 400px;
-  450: 450px;
-  500: 500px;
-  600: 600px;
-  700: 700px;
-  800: 800px;
-  900: 900px;
-  1000: 1000px;
-}
-
-@sizes-px-1-to-100: {
-  1: 1px;
-  2: 2px;
-  3: 3px;
-  4: 4px;
-  5: 5px;
-  10: 10px;
-  15: 15px;
-  20: 20px;
-  25: 25px;
-  30: 30px;
-  35: 35px;
-  40: 40px;
-  45: 45px;
-  50: 50px;
-  60: 60px;
-  70: 70px;
-  80: 80px;
-  90: 90px;
-  100: 100px;
-}
-
-@sizes-px-50-to-500: {
-  50: 50px;
-  60: 60px;
-  70: 70px;
-  80: 80px;
-  90: 90px;
-  100: 100px;
-  150: 150px;
-  200: 200px;
-  250: 250px;
-  300: 300px;
-  350: 350px;
-  400: 400px;
-  450: 450px;
-  500: 500px;
-}
-
-@sizes-px-50-to-1000: {
-  50: 50px;
-  60: 60px;
-  70: 70px;
-  80: 80px;
-  90: 90px;
-  100: 100px;
-  150: 150px;
-  200: 200px;
-  250: 250px;
-  300: 300px;
-  350: 350px;
-  400: 400px;
-  450: 450px;
-  500: 500px;
-  600: 600px;
-  700: 700px;
-  800: 800px;
-  900: 900px;
-  1000: 1000px;
-}
-
-@sizes-pct: {
-  10pct: 10%;
-  20pct: 20%;
-  25pct: 25%;
-  30pct: 30%;
-  33pct: 33.33%;
-  40pct: 40%;
-  50pct: 50%;
-  60pct: 60%;
-  66pct: 66.66%;
-  70pct: 70%;
-  75pct: 75%;
-  80pct: 80%;
-  90pct: 90%;
-  100pct: 100%;
-}
-
-@sizes-vw: {
-  25vw: 25vw;
-  50vw: 50vw;
-  75vw: 75vw;
-  100vw: 100vw;
-}
-
-@sizes-vh: {
-  25vh: 25vh;
-  50vh: 50vh;
-  75vh: 75vh;
-  100vh: 100vh;
-}