@posiwise/shared-components 0.0.37 → 0.0.39

package/assets/scss/variables/_app-colors-variables.scss

@@ -1,760 +0,0 @@
-// ================================================================================================
-//  These colors are used to defines element colors in palette
-// ================================================================================================
-//  WARNING: PLEASE MODIFY WITH CAUTION
-//  ================================================================================================
-
-$white-color: (
-    'base': rgb(255 255 255)
-);
-$black-color: (
-    'base': rgb(0 0 0)
-);
-
-//////////////////////////////////////////////////////////////////
-// Main branding colors
-// Thse are the only ones that should be used in the dashboard
-//////////////////////////////////////////////////////////////////
-
-$primary: (
-    'lighten-5': rgb(224 243 244),
-    'lighten-4': rgb(142 175 243),
-    'lighten-3': rgb(88 137 238),
-    'lighten-2': rgb(71 124 236),
-    'lighten-1': rgb(71 124 236),
-    'base': rgb(23 105 225),
-    'darken-1': rgb(21 81 207),
-    'darken-2': rgb(19 74 189),
-    'darken-3': rgb(19 74 189),
-    'darken-4': rgb(8 32 83),
-    'accent-1': rgb(161 251 255),
-    'accent-2': rgb(110 249 255),
-    'accent-3': rgb(59 247 255),
-    'accent-4': rgb(34 246 255)
-);
-$secondary: (
-    'lighten-5': rgb(226 248 240),
-    'lighten-4': rgb(182 237 216),
-    'lighten-3': rgb(134 225 191),
-    'lighten-2': rgb(85 212 165),
-    'lighten-1': rgb(48 203 145),
-    'base': rgb(69 210 146),
-    'darken-1': rgb(10 188 118),
-    'darken-2': rgb(8 180 107),
-    'darken-3': rgb(6 172 97),
-    'darken-4': rgb(3 159 78),
-    'accent-1': rgb(201 255 224),
-    'accent-2': rgb(150 255 195),
-    'accent-3': rgb(99 255 165),
-    'accent-4': rgb(74 255 150)
-);
-$default: (
-    'lighten-5': rgb(250 250 250),
-    'lighten-4': rgb(245 245 245),
-    'lighten-3': rgb(238 238 238),
-    'lighten-2': rgb(224 224 224),
-    'lighten-1': rgb(189 189 189),
-    'base': rgb(158 158 158),
-    'darken-1': rgb(117 117 117),
-    'darken-2': rgb(97 97 97),
-    'darken-3': rgb(66 66 66),
-    'darken-4': rgb(33 33 33),
-    'accent-1': rgb(245 245 245),
-    'accent-2': rgb(238 238 238),
-    'accent-3': rgb(189 189 189),
-    'accent-4': rgb(97 97 97)
-);
-$warning: (
-    'lighten-5': rgb(255 241 236),
-    'lighten-4': rgb(255 221 207),
-    'lighten-3': rgb(255 198 176),
-    'lighten-2': rgb(255 175 144),
-    'lighten-1': rgb(255 158 120),
-    'base': rgb(251 171 0),
-    'darken-1': rgb(255 133 88),
-    'darken-2': rgb(255 122 78),
-    'darken-3': rgb(255 112 68),
-    'darken-4': rgb(255 93 51),
-    'accent-1': rgb(255 255 255),
-    'accent-2': rgb(255 239 236),
-    'accent-3': rgb(255 228 222),
-    'accent-4': rgb(255 207 196)
-);
-$danger: (
-    'lighten-5': rgb(255 235 237),
-    'lighten-4': rgb(255 205 211),
-    'lighten-3': rgb(255 172 181),
-    'lighten-2': rgb(255 138 151),
-    'lighten-1': rgb(255 113 129),
-    'base': rgb(255 88 107),
-    'darken-1': rgb(255 80 99),
-    'darken-2': rgb(255 71 88),
-    'darken-3': rgb(255 61 78),
-    'darken-4': rgb(255 45 60),
-    'accent-1': rgb(255 255 255),
-    'accent-2': rgb(251 235 237),
-    'accent-3': rgb(255 217 219),
-    'accent-4': rgb(255 191 195)
-);
-$info: (
-    'lighten-5': rgb(228 247 250),
-    'lighten-4': rgb(187 235 243),
-    'lighten-3': rgb(142 222 236),
-    'lighten-2': rgb(96 208 228),
-    'lighten-1': rgb(62 198 222),
-    'base': rgb(28 188 216),
-    'darken-1': rgb(25 182 212),
-    'darken-2': rgb(20 173 206),
-    'darken-3': rgb(17 165 200),
-    'darken-4': rgb(9 151 191),
-    'accent-1': rgb(234 250 255),
-    'accent-2': rgb(183 237 255),
-    'accent-3': rgb(132 225 255),
-    'accent-4': rgb(106 218 255)
-);
-
-//////////////////////////////////////////////////////////////////
-// End of main branding colors
-//////////////////////////////////////////////////////////////////
-
-$success: (
-    'lighten-5': rgb(226 248 240),
-    'lighten-4': rgb(182 237 216),
-    'lighten-3': rgb(134 225 191),
-    'lighten-2': rgb(85 212 165),
-    'lighten-1': rgb(48 203 145),
-    'base': rgb(69 210 146),
-    'darken-1': rgb(10 188 118),
-    'darken-2': rgb(8 180 107),
-    'darken-3': rgb(6 172 97),
-    'darken-4': rgb(3 159 78),
-    'accent-1': rgb(201 255 224),
-    'accent-2': rgb(150 255 195),
-    'accent-3': rgb(99 255 165),
-    'accent-4': rgb(74 255 150)
-);
-$warning: (
-    'lighten-5': rgb(255 241 236),
-    'lighten-4': rgb(255 221 207),
-    'lighten-3': rgb(255 198 176),
-    'lighten-2': rgb(255 175 144),
-    'lighten-1': rgb(255 158 120),
-    'base': rgb(251 171 0),
-    'darken-1': rgb(255 133 88),
-    'darken-2': rgb(255 122 78),
-    'darken-3': rgb(255 112 68),
-    'darken-4': rgb(255 93 51),
-    'accent-1': rgb(255 255 255),
-    'accent-2': rgb(255 239 236),
-    'accent-3': rgb(255 228 222),
-    'accent-4': rgb(255 207 196)
-);
-$red-color: (
-    'lighten-5': rgb(255 235 238),
-    'lighten-4': rgb(255 205 210),
-    'lighten-3': rgb(239 154 154),
-    'lighten-2': rgb(229 115 115),
-    'lighten-1': rgb(239 83 80),
-    'base': rgb(244 67 54),
-    'darken-1': rgb(229 57 53),
-    'darken-2': rgb(211 47 47),
-    'darken-3': rgb(198 40 40),
-    'darken-4': rgb(183 28 28),
-    'accent-1': rgb(255 138 128),
-    'accent-2': rgb(255 82 82),
-    'accent-3': rgb(255 23 68),
-    'accent-4': rgb(213 0 0)
-);
-$pink: (
-    'lighten-5': rgb(252 228 236),
-    'lighten-4': rgb(248 187 208),
-    'lighten-3': rgb(244 143 177),
-    'lighten-2': rgb(240 98 146),
-    'lighten-1': rgb(236 64 122),
-    'base': rgb(233 30 99),
-    'darken-1': rgb(216 27 96),
-    'darken-2': rgb(194 24 91),
-    'darken-3': rgb(173 20 87),
-    'darken-4': rgb(136 14 79),
-    'accent-1': rgb(255 128 171),
-    'accent-2': rgb(255 64 129),
-    'accent-3': rgb(245 0 87),
-    'accent-4': rgb(197 17 98)
-);
-$purple: (
-    'lighten-5': rgb(243 229 245),
-    'lighten-4': rgb(225 190 231),
-    'lighten-3': rgb(206 147 216),
-    'lighten-2': rgb(186 104 200),
-    'lighten-1': rgb(171 71 188),
-    'base': rgb(156 39 176),
-    'darken-1': rgb(142 36 170),
-    'darken-2': rgb(123 31 162),
-    'darken-3': rgb(106 27 154),
-    'darken-4': rgb(74 20 140),
-    'accent-1': rgb(234 128 252),
-    'accent-2': rgb(224 64 251),
-    'accent-3': rgb(213 0 249),
-    'accent-4': rgb(170 0 255)
-);
-$deep-purple: (
-    'lighten-5': rgb(237 231 246),
-    'lighten-4': rgb(209 196 233),
-    'lighten-3': rgb(179 157 219),
-    'lighten-2': rgb(149 117 205),
-    'lighten-1': rgb(126 87 194),
-    'base': rgb(103 58 183),
-    'darken-1': rgb(94 53 177),
-    'darken-2': rgb(81 45 168),
-    'darken-3': rgb(69 39 160),
-    'darken-4': rgb(49 27 146),
-    'accent-1': rgb(179 136 255),
-    'accent-2': rgb(124 77 255),
-    'accent-3': rgb(101 31 255),
-    'accent-4': rgb(98 0 234)
-);
-$indigo: (
-    'lighten-5': rgb(232 234 246),
-    'lighten-4': rgb(197 202 233),
-    'lighten-3': rgb(159 168 218),
-    'lighten-2': rgb(121 134 203),
-    'lighten-1': rgb(92 107 192),
-    'base': rgb(63 81 181),
-    'darken-1': rgb(57 73 171),
-    'darken-2': rgb(48 63 159),
-    'darken-3': rgb(40 53 147),
-    'darken-4': rgb(26 35 126),
-    'accent-1': rgb(140 158 255),
-    'accent-2': rgb(83 109 254),
-    'accent-3': rgb(61 90 254),
-    'accent-4': rgb(48 79 254)
-);
-$blue: (
-    'lighten-5': rgb(227 242 253),
-    'lighten-4': rgb(187 222 251),
-    'lighten-3': rgb(144 202 249),
-    'lighten-2': rgb(100 181 246),
-    'lighten-1': rgb(66 165 245),
-    'base': rgb(33 150 243),
-    'darken-1': rgb(30 136 229),
-    'darken-2': rgb(25 118 210),
-    'darken-3': rgb(21 101 192),
-    'darken-4': rgb(13 71 161),
-    'accent-1': rgb(130 177 255),
-    'accent-2': rgb(68 138 255),
-    'accent-3': rgb(41 121 255),
-    'accent-4': rgb(41 98 255)
-);
-$light-blue: (
-    'lighten-5': rgb(225 245 254),
-    'lighten-4': rgb(179 229 252),
-    'lighten-3': rgb(129 212 250),
-    'lighten-2': rgb(79 195 247),
-    'lighten-1': rgb(41 182 246),
-    'base': rgb(3 169 244),
-    'darken-1': rgb(3 155 229),
-    'darken-2': rgb(2 136 209),
-    'darken-3': rgb(2 119 189),
-    'darken-4': rgb(1 87 155),
-    'accent-1': rgb(128 216 255),
-    'accent-2': rgb(64 196 255),
-    'accent-3': rgb(0 176 255),
-    'accent-4': rgb(0 145 234)
-);
-$cyan: (
-    'lighten-5': rgb(224 247 250),
-    'lighten-4': rgb(178 235 242),
-    'lighten-3': rgb(128 222 234),
-    'lighten-2': rgb(77 208 225),
-    'lighten-1': rgb(38 198 218),
-    'base': rgb(0 188 212),
-    'darken-1': rgb(0 172 193),
-    'darken-2': rgb(0 151 167),
-    'darken-3': rgb(0 131 143),
-    'darken-4': rgb(0 96 100),
-    'accent-1': rgb(132 255 255),
-    'accent-2': rgb(24 255 255),
-    'accent-3': rgb(0 229 255),
-    'accent-4': rgb(0 184 212)
-);
-$teal: (
-    'lighten-5': rgb(224 242 241),
-    'lighten-4': rgb(178 223 219),
-    'lighten-3': rgb(128 203 196),
-    'lighten-2': rgb(77 182 172),
-    'lighten-1': rgb(38 166 154),
-    'base': rgb(0 150 136),
-    'darken-1': rgb(0 137 123),
-    'darken-2': rgb(0 121 107),
-    'darken-3': rgb(0 105 92),
-    'darken-4': rgb(0 77 64),
-    'accent-1': rgb(167 255 235),
-    'accent-2': rgb(100 255 218),
-    'accent-3': rgb(29 233 182),
-    'accent-4': rgb(0 191 165)
-);
-$green: (
-    'lighten-5': rgb(232 245 233),
-    'lighten-4': rgb(200 230 201),
-    'lighten-3': rgb(165 214 167),
-    'lighten-2': rgb(129 199 132),
-    'lighten-1': rgb(102 187 106),
-    'base': rgb(76 175 80),
-    'darken-1': rgb(67 160 71),
-    'darken-2': rgb(56 142 60),
-    'darken-3': rgb(46 125 50),
-    'darken-4': rgb(27 94 32),
-    'accent-1': rgb(185 246 202),
-    'accent-2': rgb(105 240 174),
-    'accent-3': rgb(0 230 118),
-    'accent-4': rgb(0 200 83)
-);
-$light-green: (
-    'lighten-5': rgb(241 248 233),
-    'lighten-4': rgb(220 237 200),
-    'lighten-3': rgb(197 225 165),
-    'lighten-2': rgb(174 213 129),
-    'lighten-1': rgb(156 204 101),
-    'base': rgb(139 195 74),
-    'darken-1': rgb(124 179 66),
-    'darken-2': rgb(104 159 56),
-    'darken-3': rgb(85 139 47),
-    'darken-4': rgb(51 105 30),
-    'accent-1': rgb(204 255 144),
-    'accent-2': rgb(178 255 89),
-    'accent-3': rgb(118 255 3),
-    'accent-4': rgb(100 221 23)
-);
-$lime: (
-    'lighten-5': rgb(249 251 231),
-    'lighten-4': rgb(240 244 195),
-    'lighten-3': rgb(230 238 156),
-    'lighten-2': rgb(220 231 117),
-    'lighten-1': rgb(212 225 87),
-    'base': rgb(205 220 57),
-    'darken-1': rgb(192 202 51),
-    'darken-2': rgb(175 180 43),
-    'darken-3': rgb(158 157 36),
-    'darken-4': rgb(130 119 23),
-    'accent-1': rgb(244 255 129),
-    'accent-2': rgb(238 255 65),
-    'accent-3': rgb(198 255 0),
-    'accent-4': rgb(174 234 0)
-);
-$yellow: (
-    'lighten-5': rgb(255 253 231),
-    'lighten-4': rgb(255 249 196),
-    'lighten-3': rgb(255 245 157),
-    'lighten-2': rgb(255 241 118),
-    'lighten-1': rgb(255 238 88),
-    'base': rgb(255 235 59),
-    'darken-1': rgb(253 216 53),
-    'darken-2': rgb(251 192 45),
-    'darken-3': rgb(249 168 37),
-    'darken-4': rgb(245 127 23),
-    'accent-1': rgb(255 255 141),
-    'accent-2': rgb(255 255 0),
-    'accent-3': rgb(255 234 0),
-    'accent-4': rgb(255 214 0)
-);
-$amber: (
-    'lighten-5': rgb(255 248 225),
-    'lighten-4': rgb(255 236 179),
-    'lighten-3': rgb(255 224 130),
-    'lighten-2': rgb(255 213 79),
-    'lighten-1': rgb(255 202 40),
-    'base': rgb(255 193 7),
-    'darken-1': rgb(255 179 0),
-    'darken-2': rgb(255 160 0),
-    'darken-3': rgb(255 143 0),
-    'darken-4': rgb(255 111 0),
-    'accent-1': rgb(255 229 127),
-    'accent-2': rgb(255 215 64),
-    'accent-3': rgb(255 196 0),
-    'accent-4': rgb(255 171 0)
-);
-$orange: (
-    'lighten-5': rgb(255 243 224),
-    'lighten-4': rgb(255 224 178),
-    'lighten-3': rgb(255 204 128),
-    'lighten-2': rgb(255 183 77),
-    'lighten-1': rgb(255 167 38),
-    'base': rgb(255 152 0),
-    'darken-1': rgb(251 140 0),
-    'darken-2': rgb(245 124 0),
-    'darken-3': rgb(239 108 0),
-    'darken-4': rgb(230 81 0),
-    'accent-1': rgb(255 209 128),
-    'accent-2': rgb(255 171 64),
-    'accent-3': rgb(255 145 0),
-    'accent-4': rgb(255 109 0)
-);
-$deep-orange: (
-    'lighten-5': rgb(251 233 231),
-    'lighten-4': rgb(255 204 188),
-    'lighten-3': rgb(255 171 145),
-    'lighten-2': rgb(255 138 101),
-    'lighten-1': rgb(255 112 67),
-    'base': rgb(255 87 34),
-    'darken-1': rgb(244 81 30),
-    'darken-2': rgb(230 74 25),
-    'darken-3': rgb(216 67 21),
-    'darken-4': rgb(191 54 12),
-    'accent-1': rgb(255 158 128),
-    'accent-2': rgb(255 110 64),
-    'accent-3': rgb(255 61 0),
-    'accent-4': rgb(221 44 0)
-);
-$brown: (
-    'lighten-5': rgb(239 235 233),
-    'lighten-4': rgb(215 204 200),
-    'lighten-3': rgb(188 170 164),
-    'lighten-2': rgb(161 136 127),
-    'lighten-1': rgb(141 110 99),
-    'base': rgb(121 85 72),
-    'darken-1': rgb(109 76 65),
-    'darken-2': rgb(93 64 55),
-    'darken-3': rgb(78 52 46),
-    'darken-4': rgb(62 39 35),
-    'accent-1': rgb(215 204 200),
-    'accent-2': rgb(188 170 164),
-    'accent-3': rgb(141 110 99),
-    'accent-4': rgb(93 64 55)
-);
-$grey: (
-    'lighten-5': rgb(250 250 250),
-    'lighten-4': rgb(245 245 245),
-    'lighten-3': rgb(238 238 238),
-    'lighten-2': rgb(224 224 224),
-    'lighten-1': rgb(189 189 189),
-    'base': rgb(158 158 158),
-    'darken-1': rgb(117 117 117),
-    'darken-2': rgb(97 97 97),
-    'darken-3': rgb(66 66 66),
-    'darken-4': rgb(33 33 33),
-    'accent-1': rgb(245 245 245),
-    'accent-2': rgb(238 238 238),
-    'accent-3': rgb(189 189 189),
-    'accent-4': rgb(97 97 97)
-);
-$blue-grey: (
-    'lighten-5': rgb(236 239 241),
-    'lighten-4': rgb(207 216 220),
-    'lighten-3': rgb(176 190 197),
-    'lighten-2': rgb(144 164 174),
-    'lighten-1': rgb(120 144 156),
-    'base': rgb(96 125 139),
-    'darken-1': rgb(84 110 122),
-    'darken-2': rgb(69 90 100),
-    'darken-3': rgb(55 71 79),
-    'darken-4': rgb(38 50 56),
-    'accent-1': rgb(207 216 220),
-    'accent-2': rgb(176 190 197),
-    'accent-3': rgb(120 144 156),
-    'accent-4': rgb(69 90 100)
-);
-$shades: (
-    'black': rgb(0 0 0),
-    'white': rgb(255 255 255),
-    'transparent': transparent
-);
-
-// Color Maps
-$colors: (
-    'white': $white-color,
-    'black': $black-color,
-    'primary': $primary,
-    'secondary': $secondary,
-    'default': $default,
-    'danger': $danger,
-    'info': $info,
-    'warning': $warning,
-    'success': $success,
-    'red': $red-color,
-    'pink': $pink,
-    'purple': $purple,
-    'deep-purple': $deep-purple,
-    'indigo': $indigo,
-    'blue': $blue,
-    'light-blue': $light-blue,
-    'cyan': $cyan,
-    'teal': $teal,
-    'green': $green,
-    'light-green': $light-green,
-    'lime': $lime,
-    'yellow': $yellow,
-    'amber': $amber,
-    'orange': $orange,
-    'deep-orange': $deep-orange,
-    'brown': $brown,
-    'grey': $grey,
-    'blue-grey': $blue-grey
-);
-
-// Map variable
-$gradient-colors: (
-    gradient-indigo-light-blue: (
-        'start-color': map-get($indigo, lighten-4),
-        'end-color': map-get($light-blue, lighten-4)
-    ),
-    gradient-light-blue-indigo: (
-        'start-color': map-get($light-blue, lighten-4),
-        'end-color': map-get($indigo, lighten-3)
-    ),
-    gradient-yellow-green: (
-        'start-color': map-get($yellow, accent-1),
-        'end-color': map-get($green, accent-1)
-    ),
-    gradient-orange-deep-orange: (
-        'start-color': map-get($orange, lighten-4),
-        'end-color': map-get($deep-orange, lighten-4)
-    ),
-    gradient-deep-purple-purple: (
-        'start-color': map-get($deep-purple, lighten-4),
-        'end-color': map-get($purple, lighten-5)
-    ),
-    gradient-red-pink: (
-        'start-color': map-get($red-color, accent-2),
-        'end-color': map-get($pink, lighten-3)
-    ),
-    gradient-light-green-amber: (
-        'start-color': map-get($light-green, lighten-3),
-        'end-color': map-get($amber, lighten-5)
-    ),
-    gradient-amber-amber: (
-        'start-color': map-get($amber, darken-4),
-        'end-color': map-get($amber, lighten-1)
-    ),
-    gradient-purple-pink: (
-        'start-color': map-get($purple, accent-1),
-        'end-color': map-get($pink, lighten-5)
-    ),
-    gradient-indigo-dark-blue: (
-        'start-color': map-get($indigo, darken-1),
-        'end-color': map-get($light-blue, lighten-2)
-    ),
-    gradient-teal-cyan: (
-        'start-color': map-get($teal, lighten-5),
-        'end-color': map-get($cyan, accent-3)
-    ),
-    gradient-blue-grey-blue-grey: (
-        'start-color': map-get($blue-grey, lighten-4),
-        'end-color': map-get($blue-grey, darken-1)
-    ),
-    gradient-cyan-dark-green: (
-        'start-color': map-get($cyan, darken-2),
-        'end-color': map-get($light-green, accent-2)
-    ),
-    gradient-orange-amber: (
-        'start-color': map-get($orange, darken-4),
-        'end-color': map-get($amber, darken-2)
-    ),
-    gradient-indigo-blue: (
-        'start-color': map-get($indigo, darken-2),
-        'end-color': map-get($blue, darken-2)
-    ),
-    gradient-brown-brown: (
-        'start-color': map-get($brown, darken-1),
-        'end-color': map-get($brown, lighten-4)
-    ),
-    gradient-blue-grey-blue: (
-        'start-color': map-get($blue-grey, darken-4),
-        'end-color': map-get($blue, accent-3)
-    ),
-    gradient-purple-deep-orange: (
-        'start-color': map-get($purple, darken-1),
-        'end-color': map-get($deep-orange, accent-2)
-    ),
-    gradient-green-teal: (
-        'start-color': map-get($green, darken-1),
-        'end-color': map-get($teal, accent-3)
-    ),
-    gradient-purple-light-blue: (
-        'start-color': map-get($purple, accent-2),
-        'end-color': map-get($light-blue, lighten-2)
-    ),
-    gradient-cyan-cyan: (
-        'start-color': map-get($cyan, accent-2),
-        'end-color': map-get($cyan, accent-3)
-    ),
-    gradient-yellow-teal: (
-        'start-color': map-get($yellow, lighten-4),
-        'end-color': map-get($teal, accent-2)
-    ),
-    gradient-purple-deep-purple: (
-        'start-color': map-get($purple, darken-2),
-        'end-color': map-get($deep-purple, accent-2)
-    ),
-    gradient-cyan-light-green: (
-        'start-color': map-get($cyan, accent-3),
-        'end-color': map-get($light-green, accent-1)
-    ),
-    gradient-purple-amber: (
-        'start-color': map-get($purple, accent-3),
-        'end-color': map-get($amber, darken-2)
-    ),
-    gradient-indigo-purple: (
-        'start-color': map-get($indigo, darken-2),
-        'end-color': map-get($purple, darken-2)
-    ),
-    gradient-deep-purple-blue: (
-        'start-color': map-get($deep-purple, accent-4),
-        'end-color': map-get($blue, darken-2)
-    ),
-    gradient-deep-orange-orange: (
-        'start-color': map-get($deep-orange, darken-4),
-        'end-color': map-get($orange, darken-2)
-    ),
-    gradient-light-blue-cyan: (
-        'start-color': map-get($light-blue, darken-2),
-        'end-color': map-get($cyan, lighten-1)
-    ),
-    gradient-blue-indigo: (
-        'start-color': map-get($blue, accent-4),
-        'end-color': map-get($indigo, darken-1)
-    ),
-    gradient-strawberry: (
-        'start-color': rgb(254 11 70),
-        'end-color': rgb(255 171 150)
-    ),
-    gradient-blueberry: (
-        'start-color': rgb(96 120 234),
-        'end-color': rgb(23 234 217)
-    ),
-    gradient-mint: (
-        'start-color': rgb(35 188 187),
-        'end-color': rgb(69 233 148)
-    ),
-    gradient-orange: (
-        'start-color': rgb(196 113 243),
-        'end-color': rgb(246 113 205)
-    ),
-    gradient-pomegranate: (
-        'start-color': rgb(155 60 183),
-        'end-color': rgb(255 57 111)
-    ),
-    gradient-green-tea: (
-        'start-color': rgb(0 75 145),
-        'end-color': rgb(120 204 55)
-    ),
-    gradient-blackberry: (
-        'start-color': rgb(132 60 247),
-        'end-color': rgb(56 184 242)
-    ),
-    gradient-plum: (
-        'start-color': rgb(227 92 103),
-        'end-color': rgb(56 28 226)
-    ),
-    gradient-passion-fruit: (
-        'start-color': rgb(129 55 247),
-        'end-color': rgb(246 171 62)
-    ),
-    gradient-sublime-vivid: (
-        'start-color': rgb(252 70 107),
-        'end-color': rgb(63 94 251)
-    ),
-    gradient-king-yna: (
-        'start-color': rgb(26 42 108),
-        'end-color': rgb(178 31 31)
-    ),
-    gradient-summer: (
-        'start-color': rgb(34 193 195),
-        'end-color': rgb(253 187 45)
-    ),
-    gradient-crystal-clear: (
-        'start-color': rgb(21 153 87),
-        'end-color': rgb(21 87 153)
-    ),
-    gradient-celestial: (
-        'start-color': rgb(195 55 100),
-        'end-color': rgb(29 38 113)
-    ),
-    gradient-mini: (
-        'start-color': rgb(48 232 191),
-        'end-color': rgb(255 130 53)
-    ),
-    gradient-ibiza-sunset: (
-        'start-color': rgb(238 9 121),
-        'end-color': rgb(255 106 0)
-    ),
-    gradient-dawn: (
-        'start-color': rgb(243 144 79),
-        'end-color': rgb(59 67 113)
-    ),
-    gradient-brady-brady-fun-fun: (
-        'start-color': rgb(0 195 255),
-        'end-color': rgb(255 255 28)
-    ),
-    gradient-cosmic-fusion: (
-        'start-color': rgb(255 0 204),
-        'end-color': rgb(51 51 153)
-    ),
-    gradient-nepal: (
-        'start-color': rgb(222 97 97),
-        'end-color': rgb(38 87 235)
-    ),
-    gradient-love-couple: (
-        'start-color': rgb(58 97 134),
-        'end-color': rgb(137 37 62)
-    ),
-    gradient-sunset: (
-        'start-color': rgb(11 72 107),
-        'end-color': rgb(245 98 23)
-    ),
-    gradient-grapefruit-sunset: (
-        'start-color': rgb(233 100 67),
-        'end-color': rgb(144 78 149)
-    ),
-    gradient-politics: (
-        'start-color': rgb(33 150 243),
-        'end-color': rgb(244 67 54)
-    ),
-    gradient-red-ocean: (
-        'start-color': rgb(29 67 80),
-        'end-color': rgb(164 57 49)
-    ),
-    gradient-back-to-earth: (
-        'start-color': rgb(32 202 228),
-        'end-color': rgb(28 229 183)
-    ),
-    gradient-flickr: (
-        'start-color': rgb(51 0 27),
-        'end-color': rgb(255 0 132)
-    ),
-    gradient-virgin-america: (
-        'start-color': rgb(123 67 151),
-        'end-color': rgb(220 36 48)
-    ),
-    gradient-purple-bliss: (
-        'start-color': rgb(54 0 51),
-        'end-color': rgb(11 135 147)
-    ),
-    gradient-man-of-steel: (
-        'start-color': rgb(120 2 6),
-        'end-color': rgb(6 17 97)
-    ),
-    gradient-custom-branding: (
-        'start-color': rgb(0 48 63),
-        'end-color': rgb(0 48 63)
-    ),
-    gradient-shdow-night: (
-        'start-color': rgb(0 0 0),
-        'end-color': rgb(83 52 109)
-    ),
-    gradient-dracula: (
-        'start-color': rgb(220 36 36),
-        'end-color': rgb(74 86 157)
-    ),
-    gradient-bloody-mary: (
-        'start-color': rgb(255 81 47),
-        'end-color': rgb(221 36 118)
-    ),
-    gradient-harmonic-energy: (
-        'start-color': rgb(22 160 133),
-        'end-color': rgb(244 208 63)
-    ),
-    gradient-purple-love: (
-        'start-color': rgb(204 43 94),
-        'end-color': rgb(117 58 136)
-    )
-);