ropav 0.0.8 → 0.0.9

package/src/styles/_variables.scss

@@ -5,49 +5,155 @@
 $font-family-base: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !default;
 
 // Colors
-$color-primary       : #0d74ce !default;
-$color-secondary     : #6550b9 !default;
-$color-success       : #218358 !default;
-$color-warning       : #cc4e00 !default;
-$color-danger        : #ce2c31 !default;
-$color-info          : #107d98 !default;
-$color-neutral       : #646464 !default;
-$color-white         : #ffffff !default;
-$color-black         : #111111 !default;
-$color-gray-1        : #fcfcfc !default;
-$color-gray-2        : #f9f9f9 !default;
-$color-gray-3        : #f0f0f0 !default;
-$color-gray-4        : #e8e8e8 !default;
-$color-gray-5        : #e0e0e0 !default;
-$color-gray-6        : #d9d9d9 !default;
-$color-gray-7        : #cecece !default;
-$color-gray-8        : #bbbbbb !default;
-$color-gray-9        : #8d8d8d !default;
-$color-gray-10       : #838383 !default;
-$color-gray-11       : #646464 !default;
-$color-gray-12       : #202020 !default;
-$color-text          : $color-gray-12 !default;
-$color-text-secondary: $color-gray-11 !default;
-$color-text-disabled : $color-gray-9 !default;
-$color-background    : $color-gray-2 !default;
-$color-border        : $color-gray-6 !default;
-$color-border-hover  : $color-gray-8 !default;
-$color-on-primary    : $color-white !default;
-$color-on-secondary  : $color-white !default;
-$color-on-success    : $color-white !default;
-$color-on-warning    : $color-white !default;
-$color-on-danger     : $color-white !default;
-$color-on-info       : $color-white !default;
-$color-on-neutral    : $color-white !default;
+$color-white   : #ffffff !default;
+$color-black   : #000000 !default;
+$color-dark-0  : #C9C9C9 !default;
+$color-dark-1  : #b8b8b8 !default;
+$color-dark-2  : #828282 !default;
+$color-dark-3  : #696969 !default;
+$color-dark-4  : #424242 !default;
+$color-dark-5  : #3b3b3b !default;
+$color-dark-6  : #2e2e2e !default;
+$color-dark-7  : #242424 !default;
+$color-dark-8  : #1f1f1f !default;
+$color-dark-9  : #141414 !default;
+$color-gray-0  : #f8f9fa !default;
+$color-gray-1  : #f1f3f5 !default;
+$color-gray-2  : #e9ecef !default;
+$color-gray-3  : #dee2e6 !default;
+$color-gray-4  : #ced4da !default;
+$color-gray-5  : #adb5bd !default;
+$color-gray-6  : #868e96 !default;
+$color-gray-7  : #495057 !default;
+$color-gray-8  : #343a40 !default;
+$color-gray-9  : #212529 !default;
+$color-red-0   : #fff5f5 !default;
+$color-red-1   : #ffe3e3 !default;
+$color-red-2   : #ffc9c9 !default;
+$color-red-3   : #ffa8a8 !default;
+$color-red-4   : #ff8787 !default;
+$color-red-5   : #ff6b6b !default;
+$color-red-6   : #fa5252 !default;
+$color-red-7   : #f03e3e !default;
+$color-red-8   : #e03131 !default;
+$color-red-9   : #c92a2a !default;
+$color-pink-0  : #fff0f6 !default;
+$color-pink-1  : #ffdeeb !default;
+$color-pink-2  : #fcc2d7 !default;
+$color-pink-3  : #faa2c1 !default;
+$color-pink-4  : #f783ac !default;
+$color-pink-5  : #f06595 !default;
+$color-pink-6  : #e64980 !default;
+$color-pink-7  : #d6336c !default;
+$color-pink-8  : #c2255c !default;
+$color-pink-9  : #a61e4d !default;
+$color-grape-0 : #f8f0fc !default;
+$color-grape-1 : #f3d9fa !default;
+$color-grape-2 : #eebefa !default;
+$color-grape-3 : #e599f7 !default;
+$color-grape-4 : #da77f2 !default;
+$color-grape-5 : #cc5de8 !default;
+$color-grape-6 : #be4bdb !default;
+$color-grape-7 : #ae3ec9 !default;
+$color-grape-8 : #9c36b5 !default;
+$color-grape-9 : #862e9c !default;
+$color-violet-0: #f3f0ff !default;
+$color-violet-1: #e5dbff !default;
+$color-violet-2: #d0bfff !default;
+$color-violet-3: #b197fc !default;
+$color-violet-4: #9775fa !default;
+$color-violet-5: #845ef7 !default;
+$color-violet-6: #7950f2 !default;
+$color-violet-7: #7048e8 !default;
+$color-violet-8: #6741d9 !default;
+$color-violet-9: #5f3dc4 !default;
+$color-indigo-0: #edf2ff !default;
+$color-indigo-1: #dbe4ff !default;
+$color-indigo-2: #bac8ff !default;
+$color-indigo-3: #91a7ff !default;
+$color-indigo-4: #748ffc !default;
+$color-indigo-5: #5c7cfa !default;
+$color-indigo-6: #4c6ef5 !default;
+$color-indigo-7: #4263eb !default;
+$color-indigo-8: #3b5bdb !default;
+$color-indigo-9: #364fc7 !default;
+$color-blue-0  : #e7f5ff !default;
+$color-blue-1  : #d0ebff !default;
+$color-blue-2  : #a5d8ff !default;
+$color-blue-3  : #74c0fc !default;
+$color-blue-4  : #4dabf7 !default;
+$color-blue-5  : #339af0 !default;
+$color-blue-6  : #228be6 !default;
+$color-blue-7  : #1c7ed6 !default;
+$color-blue-8  : #1971c2 !default;
+$color-blue-9  : #1864ab !default;
+$color-cyan-0  : #e3fafc !default;
+$color-cyan-1  : #c5f6fa !default;
+$color-cyan-2  : #99e9f2 !default;
+$color-cyan-3  : #66d9e8 !default;
+$color-cyan-4  : #3bc9db !default;
+$color-cyan-5  : #22b8cf !default;
+$color-cyan-6  : #15aabf !default;
+$color-cyan-7  : #1098ad !default;
+$color-cyan-8  : #0c8599 !default;
+$color-cyan-9  : #0b7285 !default;
+$color-teal-0  : #e6fcf5 !default;
+$color-teal-1  : #c3fae8 !default;
+$color-teal-2  : #96f2d7 !default;
+$color-teal-3  : #63e6be !default;
+$color-teal-4  : #38d9a9 !default;
+$color-teal-5  : #20c997 !default;
+$color-teal-6  : #12b886 !default;
+$color-teal-7  : #0ca678 !default;
+$color-teal-8  : #099268 !default;
+$color-teal-9  : #087f5b !default;
+$color-green-0 : #ebfbee !default;
+$color-green-1 : #d3f9d8 !default;
+$color-green-2 : #b2f2bb !default;
+$color-green-3 : #8ce99a !default;
+$color-green-4 : #69db7c !default;
+$color-green-5 : #51cf66 !default;
+$color-green-6 : #40c057 !default;
+$color-green-7 : #37b24d !default;
+$color-green-8 : #2f9e44 !default;
+$color-green-9 : #2b8a3e !default;
+$color-lime-0  : #f4fce3 !default;
+$color-lime-1  : #e9fac8 !default;
+$color-lime-2  : #d8f5a2 !default;
+$color-lime-3  : #c0eb75 !default;
+$color-lime-4  : #a9e34b !default;
+$color-lime-5  : #94d82d !default;
+$color-lime-6  : #82c91e !default;
+$color-lime-7  : #74b816 !default;
+$color-lime-8  : #66a80f !default;
+$color-lime-9  : #5c940d !default;
+$color-yellow-0: #fff9db !default;
+$color-yellow-1: #fff3bf !default;
+$color-yellow-2: #ffec99 !default;
+$color-yellow-3: #ffe066 !default;
+$color-yellow-4: #ffd43b !default;
+$color-yellow-5: #fcc419 !default;
+$color-yellow-6: #fab005 !default;
+$color-yellow-7: #f59f00 !default;
+$color-yellow-8: #f08c00 !default;
+$color-yellow-9: #e67700 !default;
+$color-orange-0: #fff4e6 !default;
+$color-orange-1: #ffe8cc !default;
+$color-orange-2: #ffd8a8 !default;
+$color-orange-3: #ffc078 !default;
+$color-orange-4: #ffa94d !default;
+$color-orange-5: #ff922b !default;
+$color-orange-6: #fd7e14 !default;
+$color-orange-7: #f76707 !default;
+$color-orange-8: #e8590c !default;
+$color-orange-9: #d9480f !default;
 
 // Font sizes
-$font-size-xs  : 0.75rem !default;
-$font-size-sm  : 0.875rem !default;
-$font-size-base: 1rem !default;
-$font-size-lg  : 1.125rem !default;
-$font-size-xl  : 1.25rem !default;
-$font-size-2xl : 1.5rem !default;
-$font-size-3xl : 1.875rem !default;
+$font-size-xs: 0.75rem !default;
+$font-size-sm: 0.875rem !default;
+$font-size-md: 1rem !default;
+$font-size-lg: 1.125rem !default;
+$font-size-xl: 1.25rem !default;
 
 // Font weights
 $font-weight-normal  : 400 !default;
@@ -55,12 +161,32 @@ $font-weight-medium  : 500 !default;
 $font-weight-semibold: 600 !default;
 $font-weight-bold    : 700 !default;
 
+// Headings
+$heading-h1-font-size  : 2.125rem !default;
+$heading-h1-line-height: 1.3 !default;
+$heading-h1-font-weight: 700 !default;
+$heading-h2-font-size  : 1.625rem !default;
+$heading-h2-line-height: 1.35 !default;
+$heading-h2-font-weight: 700 !default;
+$heading-h3-font-size  : 1.375rem !default;
+$heading-h3-line-height: 1.4 !default;
+$heading-h3-font-weight: 700 !default;
+$heading-h4-font-size  : 1.125rem !default;
+$heading-h4-line-height: 1.45 !default;
+$heading-h4-font-weight: 700 !default;
+$heading-h5-font-size  : 1rem !default;
+$heading-h5-line-height: 1.5 !default;
+$heading-h5-font-weight: 700 !default;
+$heading-h6-font-size  : 0.875rem !default;
+$heading-h6-line-height: 1.5 !default;
+$heading-h6-font-weight: 700 !default;
+
 // Line heights
-$line-height-none   : 1 !default;
-$line-height-tight  : 1.25 !default;
-$line-height-normal : 1.4 !default;
-$line-height-relaxed: 1.5 !default;
-$line-height-loose  : 1.6 !default;
+$line-height-xs: 1.4 !default;
+$line-height-sm: 1.45 !default;
+$line-height-md: 1.55 !default;
+$line-height-lg: 1.6 !default;
+$line-height-xl: 1.65 !default;
 
 // Spacing
 $spacing-0 : 0 !default;
@@ -88,9 +214,11 @@ $border-width-thin  : 1px !default;
 $border-width-medium: 2px !default;
 
 // Control sizes
-$size-control-sm: 32px !default;
-$size-control-md: 40px !default;
-$size-control-lg: 48px !default;
+$size-control-xs: 30px !default;
+$size-control-sm: 36px !default;
+$size-control-md: 42px !default;
+$size-control-lg: 50px !default;
+$size-control-xl: 60px !default;
 
 // Component tokens
 $component-menu-min-width : 180px !default;