@rikstv/shared-components 3.0.16 → 3.0.18

package/dist/components/core/mixin/rem.scss

@@ -1,115 +0,0 @@
-@use "sass:math";
-
-/**
- * Function for converting a px size to rem;
- */
-
-@function convert($pxSize) {
-  $remSize: math.div($pxSize, 16px);
-  //Default font size on html element is 100%, equivalent to 16px;
-  @return to-number(#{$remSize}rem);
-}
-
-///
-/// Casts a string into a number
-/// https://hugogiraudel.com/2014/01/15/sass-string-to-number/
-/// @author Hugo Giraudel
-/// @access private
-/// @param {String | Number} $value - Value to be parsed
-///
-/// @return {Number}
-///
-@function to-number($value) {
-  @if type-of($value) == "number" {
-    @return $value;
-  } @else if type-of($value) != "string" {
-    $_: log("Value for `to-number` should be a number or a string.");
-  }
-
-  $result: 0;
-  $digits: 0;
-  $minus: str-slice($value, 1, 1) == "-";
-  $numbers: (
-    "0": 0,
-    "1": 1,
-    "2": 2,
-    "3": 3,
-    "4": 4,
-    "5": 5,
-    "6": 6,
-    "7": 7,
-    "8": 8,
-    "9": 9,
-  );
-
-  @for $i from if($minus, 2, 1) through str-length($value) {
-    $character: str-slice($value, $i, $i);
-
-    @if not(index(map-keys($numbers), $character) or $character == ".") {
-      @return to-length(if($minus, -$result, $result), str-slice($value, $i));
-    }
-
-    @if $character == "." {
-      $digits: 1;
-    } @else if $digits == 0 {
-      $result: $result * 10 + map-get($numbers, $character);
-    } @else {
-      $digits: $digits * 10;
-      $result: $result + math.div(map-get($numbers, $character), $digits);
-    }
-  }
-
-  @return if($minus, -$result, $result);
-}
-
-///
-/// Add `$unit` to `$value`
-///
-/// @param {Number} $value - Value to add unit to
-/// @param {String} $unit - String representation of the unit
-///
-/// @return {Number} - `$value` expressed in `$unit`
-///
-@function to-length($value, $unit) {
-  $units: (
-    "px": 1px,
-    "cm": 1cm,
-    "mm": 1mm,
-    "%": 1%,
-    "ch": 1ch,
-    "pc": 1pc,
-    "in": 1in,
-    "em": 1em,
-    "rem": 1rem,
-    "pt": 1pt,
-    "ex": 1ex,
-    "vw": 1vw,
-    "vh": 1vh,
-    "vmin": 1vmin,
-    "vmax": 1vmax,
-  );
-
-  @if not index(map-keys($units), $unit) {
-    $_: log("Invalid unit `#{$unit}`.");
-  }
-
-  @return $value * map-get($units, $unit);
-}
-
-///
-/// Calculate a responsive size value relative to a given screen size
-/// Will return a CSS rule that corresponds to the given pixel size at
-/// the given screen size and scales with changes in screen size
-///
-/// @param {Number} $pxSize - Size to calculate from, in px without unit
-/// @param {Number} $screenWidth - Screen width to calculate from, in px without unit, default 1400
-/// @param {Number} $screenHeight - Screen height to calculate from, in px without unit, default 900
-///
-/// @return `$pxSize` expressed as a responsive value
-///
-@function relativeSize($pxSize, $screenWidth: 1400, $screenHeight: 900) {
-  $horSize: math.div($pxSize, $screenWidth) * 100 * 1vw;
-  $verSize: math.div($pxSize, $screenHeight) * 100 * 1vh;
-
-  @return min(#{$horSize}, #{$verSize});
-}

package/dist/components/core/rikstvColors.scss

@@ -1,71 +0,0 @@
-@use "./core";
-
-.rtv {
-  // RiksTV Red
-  --rikstv-red: #ef4642;
-  --rikstv-red-120: #d41612;
-
-  // Neutrals
-  --rikstv-white: #ffffff;
-  --rikstv-black: #000000;
-
-  // Onyx
-  --rikstv-onyx-150: #0f0f0f;
-  --rikstv-onyx: #1d1d1d;
-  --rikstv-onyx-90: #313131;
-
-  // Slate
-  --rikstv-slate: #353535;
-  --rikstv-slate-80: #626262;
-  --rikstv-slate-60: #828282;
-  --rikstv-slate-40: #afafaf;
-  --rikstv-slate-20: #ddd;
-
-  // Ask
-  --rikstv-ask: #5c5c5c;
-  --rikstv-ask-80: #787878;
-  --rikstv-ask-60: #9c9c9c;
-  --rikstv-ask-40: #c0c0c0;
-
-  // Sterling
-  --rikstv-sterling: #b8b8b8;
-  --rikstv-sterling-40: #e5e5e5;
-  --rikstv-sterling-20: #f1f1f1;
-  --rikstv-sterling-10: #f8f8f8;
-
-  // Secondary
-  --rikstv-purple: #542453;
-  --rikstv-green: #00816d;
-  --rikstv-blue: #195a89;
-  --rikstv-light-blue: #0f7ca2;
-  --rikstv-yellow: #f2a900;
-
-  // Feedback colors
-  --rikstv-info-light: #00aec7;
-  --rikstv-warning-light: #f2a900;
-  --rikstv-success-light: #4cbb81;
-  --rikstv-error-light: #f17774;
-
-  --rikstv-info-dark: #007485;
-  --rikstv-warning-dark: #996b00;
-  --rikstv-success-dark: #2a6f4b;
-  --rikstv-error-dark: #e01c17;
-
-  // NEEDS HANDLING
-  // Background
-  --rikstv-background-gray-150: #0b0b0b;
-  --rikstv-background-gray: #252525;
-  --rikstv-background-gray-90: #3b3b3b;
-  --rikstv-banner-background: #e9e9e9;
-  --rikstv-background: #f9f9f9;
-
-  // Card
-  --rikstv-card-gray: #434343;
-  --rikstv-card-gray-80: #333333;
-  --rikstv-card-gray-60: #6e6e6e;
-  --rikstv-card-gray-20: #d9d9d9;
-
-  // Foreground
-  --rikstv-foreground-gray: #666666;
-  --rikstv-foreground-gray-80: #858585;
-}

package/dist/components/core/strimColors.scss

@@ -1,48 +0,0 @@
-@use "./core";
-
-.strm {
-  // Yellow
-  --strim-action-yellow: #faed6f;
-  --strim-action-yellow-60: #fcf4a9;
-  --strim-action-yellow-40: #fefbe2;
-
-  // Neutrals
-  --strim-white: #ffffff;
-  --strim-black: #000000;
-
-  // Fantasy green
-  --strim-fantasy-green-150: #001515;
-  --strim-fantasy-green: #002a2a;
-  --strim-fantasy-green-90: #193f3f;
-  --strim-fantasy-green-60: #4c7571;
-
-  // Thriller teal
-  --strim-thriller-teal: #004b50;
-  --strim-thriller-teal-80: #267c82;
-  --strim-thriller-teal-60: #419da2;
-  --strim-thriller-teal-40: #79c6c6;
-  --strim-thriller-teal-20: #c3e8e7;
-
-  // Romance green
-  --strim-romance-green: #356e63;
-  --strim-romance-green-80: #429181;
-  --strim-romance-green-60: #62b7a5;
-  --strim-romance-green-40: #93d6c9;
-
-  // Standup green
-  --strim-standup-green: #49f5a4;
-  --strim-standup-green-40: #bcfbde;
-  --strim-standup-green-20: #d6ffec;
-  --strim-standup-green-10: #edfef6;
-
-  // Feedback colors
-  --strim-info-light: #30d7f9;
-  --strim-warning-light: #f2a900;
-  --strim-success-light: #80ed99;
-  --strim-error-light: #ff8fa3;
-
-  --strim-info-dark: #167183;
-  --strim-warning-dark: #996b00;
-  --strim-success-dark: #13862d;
-  --strim-error-dark: #d91b4e;
-}