@razorpay/blade 11.15.1 → 11.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/build/lib/native/components/Amount/Amount.js +1 -1
  2. package/build/lib/native/components/Amount/Amount.js.map +1 -1
  3. package/build/lib/native/components/Chip/Chip.js +1 -1
  4. package/build/lib/native/components/Chip/Chip.js.map +1 -1
  5. package/build/lib/native/components/Chip/ChipGroup.js +4 -2
  6. package/build/lib/native/components/Chip/ChipGroup.js.map +1 -1
  7. package/build/lib/native/components/Chip/chipTokens.js +2 -2
  8. package/build/lib/native/components/Chip/chipTokens.js.map +1 -1
  9. package/build/lib/native/components/Chip/getAnimatedChipStyles.js +1 -1
  10. package/build/lib/native/components/Chip/getAnimatedChipStyles.js.map +1 -1
  11. package/build/lib/native/components/Chip/useChipGroup.js +1 -1
  12. package/build/lib/native/components/Chip/useChipGroup.js.map +1 -1
  13. package/build/lib/native/components/Indicator/Indicator.js +4 -4
  14. package/build/lib/native/components/Indicator/Indicator.js.map +1 -1
  15. package/build/lib/native/components/Indicator/indicatorTokens.js +8 -0
  16. package/build/lib/native/components/Indicator/indicatorTokens.js.map +1 -0
  17. package/build/lib/native/components/List/ListItemIcons.js +1 -1
  18. package/build/lib/native/components/List/ListItemIcons.js.map +1 -1
  19. package/build/lib/native/tokens/global/colors.js +1 -1
  20. package/build/lib/native/tokens/global/colors.js.map +1 -1
  21. package/build/lib/native/tokens/global/opacity.js +1 -1
  22. package/build/lib/native/tokens/global/opacity.js.map +1 -1
  23. package/build/lib/native/tokens/theme/bladeTheme.js +1 -1
  24. package/build/lib/native/tokens/theme/bladeTheme.js.map +1 -1
  25. package/build/lib/native/tokens/theme/createTheme.js +1 -1
  26. package/build/lib/native/tokens/theme/createTheme.js.map +1 -1
  27. package/build/lib/web/development/components/Amount/Amount.js +3 -3
  28. package/build/lib/web/development/components/Amount/Amount.js.map +1 -1
  29. package/build/lib/web/development/components/Breadcrumb/BreadcrumbItem.web.js +1 -1
  30. package/build/lib/web/development/components/Breadcrumb/BreadcrumbItem.web.js.map +1 -1
  31. package/build/lib/web/development/components/Chip/Chip.js +5 -0
  32. package/build/lib/web/development/components/Chip/Chip.js.map +1 -1
  33. package/build/lib/web/development/components/Chip/ChipGroup.js +40 -6
  34. package/build/lib/web/development/components/Chip/ChipGroup.js.map +1 -1
  35. package/build/lib/web/development/components/Chip/chipTokens.js +12 -5
  36. package/build/lib/web/development/components/Chip/chipTokens.js.map +1 -1
  37. package/build/lib/web/development/components/Chip/getAnimatedChipStyles.js +1 -2
  38. package/build/lib/web/development/components/Chip/getAnimatedChipStyles.js.map +1 -1
  39. package/build/lib/web/development/components/Chip/useChipGroup.js +8 -2
  40. package/build/lib/web/development/components/Chip/useChipGroup.js.map +1 -1
  41. package/build/lib/web/development/components/Indicator/Indicator.js +28 -32
  42. package/build/lib/web/development/components/Indicator/Indicator.js.map +1 -1
  43. package/build/lib/web/development/components/Indicator/indicatorTokens.js +41 -0
  44. package/build/lib/web/development/components/Indicator/indicatorTokens.js.map +1 -0
  45. package/build/lib/web/development/components/List/ListItemIcons.js +2 -2
  46. package/build/lib/web/development/components/List/ListItemIcons.js.map +1 -1
  47. package/build/lib/web/development/tokens/global/colors.js +222 -218
  48. package/build/lib/web/development/tokens/global/colors.js.map +1 -1
  49. package/build/lib/web/development/tokens/global/opacity.js +13 -12
  50. package/build/lib/web/development/tokens/global/opacity.js.map +1 -1
  51. package/build/lib/web/development/tokens/theme/bladeTheme.js +27 -27
  52. package/build/lib/web/development/tokens/theme/bladeTheme.js.map +1 -1
  53. package/build/lib/web/development/tokens/theme/createTheme.js +4 -4
  54. package/build/lib/web/development/tokens/theme/createTheme.js.map +1 -1
  55. package/build/lib/web/production/components/Amount/Amount.js +3 -3
  56. package/build/lib/web/production/components/Amount/Amount.js.map +1 -1
  57. package/build/lib/web/production/components/Breadcrumb/BreadcrumbItem.web.js +1 -1
  58. package/build/lib/web/production/components/Breadcrumb/BreadcrumbItem.web.js.map +1 -1
  59. package/build/lib/web/production/components/Chip/Chip.js +5 -0
  60. package/build/lib/web/production/components/Chip/Chip.js.map +1 -1
  61. package/build/lib/web/production/components/Chip/ChipGroup.js +40 -6
  62. package/build/lib/web/production/components/Chip/ChipGroup.js.map +1 -1
  63. package/build/lib/web/production/components/Chip/chipTokens.js +12 -5
  64. package/build/lib/web/production/components/Chip/chipTokens.js.map +1 -1
  65. package/build/lib/web/production/components/Chip/getAnimatedChipStyles.js +1 -2
  66. package/build/lib/web/production/components/Chip/getAnimatedChipStyles.js.map +1 -1
  67. package/build/lib/web/production/components/Chip/useChipGroup.js +8 -2
  68. package/build/lib/web/production/components/Chip/useChipGroup.js.map +1 -1
  69. package/build/lib/web/production/components/Indicator/Indicator.js +28 -32
  70. package/build/lib/web/production/components/Indicator/Indicator.js.map +1 -1
  71. package/build/lib/web/production/components/Indicator/indicatorTokens.js +41 -0
  72. package/build/lib/web/production/components/Indicator/indicatorTokens.js.map +1 -0
  73. package/build/lib/web/production/components/List/ListItemIcons.js +2 -2
  74. package/build/lib/web/production/components/List/ListItemIcons.js.map +1 -1
  75. package/build/lib/web/production/tokens/global/colors.js +222 -218
  76. package/build/lib/web/production/tokens/global/colors.js.map +1 -1
  77. package/build/lib/web/production/tokens/global/opacity.js +13 -12
  78. package/build/lib/web/production/tokens/global/opacity.js.map +1 -1
  79. package/build/lib/web/production/tokens/theme/bladeTheme.js +27 -27
  80. package/build/lib/web/production/tokens/theme/bladeTheme.js.map +1 -1
  81. package/build/lib/web/production/tokens/theme/createTheme.js +4 -4
  82. package/build/lib/web/production/tokens/theme/createTheme.js.map +1 -1
  83. package/build/types/components/index.d.ts +63 -6
  84. package/build/types/components/index.native.d.ts +63 -6
  85. package/build/types/tokens/index.d.ts +27 -24
  86. package/build/types/tokens/index.native.d.ts +27 -24
  87. package/package.json +4 -4
package/build/lib/web/production/tokens/global/colors.js CHANGED
@@ -3,252 +3,256 @@ import { opacity } from './opacity.js';
3
3
  var colors = {
4
4
  chromatic: {
5
5
  azure: {
6
- '50': "hsla(222, 100%, 98%, ".concat(opacity[12], ")"),
7
- '100': "hsla(221, 90%, 92%, ".concat(opacity[12], ")"),
8
- '200': "hsla(219, 95%, 85%, ".concat(opacity[12], ")"),
9
- '300': "hsla(220, 100%, 73%, ".concat(opacity[12], ")"),
10
- '400': "hsla(223, 100%, 65%, ".concat(opacity[12], ")"),
11
- '500': "hsla(227, 100%, 59%, ".concat(opacity[12], ")"),
12
- '600': "hsla(227, 71%, 51%, ".concat(opacity[12], ")"),
13
- '700': "hsla(227, 69%, 42%, ".concat(opacity[12], ")"),
14
- '800': "hsla(227, 69%, 34%, ".concat(opacity[12], ")"),
15
- '900': "hsla(227, 69%, 25%, ".concat(opacity[12], ")"),
16
- '1000': "hsla(227, 69%, 17%, ".concat(opacity[12], ")"),
17
- a50: "hsla(227, 100%, 59%, ".concat(opacity[1], ")"),
18
- a100: "hsla(227, 100%, 59%, ".concat(opacity[3], ")"),
19
- a150: "hsla(227, 100%, 59%, ".concat(opacity[4], ")"),
20
- a200: "hsla(227, 100%, 59%, ".concat(opacity[5], ")")
6
+ 50: "hsla(222, 100%, 98%, ".concat(opacity[1200], ")"),
7
+ 100: "hsla(221, 90%, 92%, ".concat(opacity[1200], ")"),
8
+ 200: "hsla(219, 95%, 85%, ".concat(opacity[1200], ")"),
9
+ 300: "hsla(220, 100%, 73%, ".concat(opacity[1200], ")"),
10
+ 400: "hsla(223, 100%, 65%, ".concat(opacity[1200], ")"),
11
+ 500: "hsla(227, 100%, 59%, ".concat(opacity[1200], ")"),
12
+ 600: "hsla(227, 71%, 51%, ".concat(opacity[1200], ")"),
13
+ 700: "hsla(227, 69%, 42%, ".concat(opacity[1200], ")"),
14
+ 800: "hsla(227, 69%, 34%, ".concat(opacity[1200], ")"),
15
+ 900: "hsla(227, 69%, 25%, ".concat(opacity[1200], ")"),
16
+ 1000: "hsla(227, 69%, 17%, ".concat(opacity[1200], ")"),
17
+ a50: "hsla(227, 100%, 59%, ".concat(opacity[100], ")"),
18
+ a100: "hsla(227, 100%, 59%, ".concat(opacity[300], ")"),
19
+ a150: "hsla(227, 100%, 59%, ".concat(opacity[400], ")"),
20
+ a200: "hsla(227, 100%, 59%, ".concat(opacity[500], ")")
21
21
  },
22
22
  emerald: {
23
- '50': "hsla(152, 60%, 95%, ".concat(opacity[12], ")"),
24
- '100': "hsla(151, 57%, 91%, ".concat(opacity[12], ")"),
25
- '200': "hsla(150, 59%, 82%, ".concat(opacity[12], ")"),
26
- '300': "hsla(150, 59%, 73%, ".concat(opacity[12], ")"),
27
- '400': "hsla(150, 59%, 55%, ".concat(opacity[12], ")"),
28
- '500': "hsla(150, 100%, 37%, ".concat(opacity[12], ")"),
29
- '600': "hsla(150, 100%, 32%, ".concat(opacity[12], ")"),
30
- '700': "hsla(150, 100%, 27%, ".concat(opacity[12], ")"),
31
- '800': "hsla(150, 100%, 21%, ".concat(opacity[12], ")"),
32
- '900': "hsla(150, 100%, 16%, ".concat(opacity[12], ")"),
33
- '1000': "hsla(150, 100%, 11%, ".concat(opacity[12], ")"),
34
- a50: "hsla(150, 100%, 32%, ".concat(opacity[1], ")"),
35
- a100: "hsla(150, 100%, 32%, ".concat(opacity[3], ")"),
36
- a150: "hsla(150, 100%, 32%, ".concat(opacity[4], ")"),
37
- a200: "hsla(150, 100%, 32%, ".concat(opacity[5], ")")
23
+ 50: "hsla(152, 60%, 95%, ".concat(opacity[1200], ")"),
24
+ 100: "hsla(151, 57%, 91%, ".concat(opacity[1200], ")"),
25
+ 200: "hsla(150, 59%, 82%, ".concat(opacity[1200], ")"),
26
+ 300: "hsla(150, 59%, 73%, ".concat(opacity[1200], ")"),
27
+ 400: "hsla(150, 59%, 55%, ".concat(opacity[1200], ")"),
28
+ 500: "hsla(150, 100%, 37%, ".concat(opacity[1200], ")"),
29
+ 600: "hsla(150, 100%, 32%, ".concat(opacity[1200], ")"),
30
+ 700: "hsla(150, 100%, 27%, ".concat(opacity[1200], ")"),
31
+ 800: "hsla(150, 100%, 21%, ".concat(opacity[1200], ")"),
32
+ 900: "hsla(150, 100%, 16%, ".concat(opacity[1200], ")"),
33
+ 1000: "hsla(150, 100%, 11%, ".concat(opacity[1200], ")"),
34
+ a50: "hsla(150, 100%, 32%, ".concat(opacity[100], ")"),
35
+ a100: "hsla(150, 100%, 32%, ".concat(opacity[300], ")"),
36
+ a150: "hsla(150, 100%, 32%, ".concat(opacity[400], ")"),
37
+ a200: "hsla(150, 100%, 32%, ".concat(opacity[500], ")")
38
38
  },
39
39
  crimson: {
40
- '50': "hsla(0, 100%, 98%, ".concat(opacity[12], ")"),
41
- '100': "hsla(4, 93%, 94%, ".concat(opacity[12], ")"),
42
- '200': "hsla(3, 97%, 88%, ".concat(opacity[12], ")"),
43
- '300': "hsla(4, 96%, 79%, ".concat(opacity[12], ")"),
44
- '400': "hsla(4, 93%, 68%, ".concat(opacity[12], ")"),
45
- '500': "hsla(4, 86%, 58%, ".concat(opacity[12], ")"),
46
- '600': "hsla(4, 74%, 49%, ".concat(opacity[12], ")"),
47
- '700': "hsla(4, 77%, 40%, ".concat(opacity[12], ")"),
48
- '800': "hsla(0, 83%, 33%, ".concat(opacity[12], ")"),
49
- '900': "hsla(0, 84%, 29%, ".concat(opacity[12], ")"),
50
- '1000': "hsla(0, 84%, 25%, ".concat(opacity[12], ")"),
51
- a50: "hsla(4, 74%, 49%, ".concat(opacity[1], ")"),
52
- a100: "hsla(4, 74%, 49%, ".concat(opacity[3], ")"),
53
- a150: "hsla(4, 74%, 49%, ".concat(opacity[4], ")"),
54
- a200: "hsla(4, 74%, 49%, ".concat(opacity[5], ")")
40
+ 50: "hsla(0, 100%, 98%, ".concat(opacity[1200], ")"),
41
+ 100: "hsla(4, 93%, 94%, ".concat(opacity[1200], ")"),
42
+ 200: "hsla(3, 97%, 88%, ".concat(opacity[1200], ")"),
43
+ 300: "hsla(4, 96%, 79%, ".concat(opacity[1200], ")"),
44
+ 400: "hsla(4, 93%, 68%, ".concat(opacity[1200], ")"),
45
+ 500: "hsla(4, 86%, 58%, ".concat(opacity[1200], ")"),
46
+ 600: "hsla(4, 74%, 49%, ".concat(opacity[1200], ")"),
47
+ 700: "hsla(4, 77%, 40%, ".concat(opacity[1200], ")"),
48
+ 800: "hsla(0, 83%, 33%, ".concat(opacity[1200], ")"),
49
+ 900: "hsla(0, 84%, 29%, ".concat(opacity[1200], ")"),
50
+ 1000: "hsla(0, 84%, 25%, ".concat(opacity[1200], ")"),
51
+ a50: "hsla(4, 74%, 49%, ".concat(opacity[100], ")"),
52
+ a100: "hsla(4, 74%, 49%, ".concat(opacity[300], ")"),
53
+ a150: "hsla(4, 74%, 49%, ".concat(opacity[400], ")"),
54
+ a200: "hsla(4, 74%, 49%, ".concat(opacity[500], ")")
55
55
  },
56
56
  cider: {
57
- '50': "hsla(24, 100%, 96%, ".concat(opacity[12], ")"),
58
- '100': "hsla(25, 100%, 90%, ".concat(opacity[12], ")"),
59
- '200': "hsla(25, 100%, 80%, ".concat(opacity[12], ")"),
60
- '300': "hsla(25, 100%, 72%, ".concat(opacity[12], ")"),
61
- '400': "hsla(25, 100%, 63%, ".concat(opacity[12], ")"),
62
- '500': "hsla(25, 100%, 55%, ".concat(opacity[12], ")"),
63
- '600': "hsla(25, 90%, 48%, ".concat(opacity[12], ")"),
64
- '700': "hsla(25, 85%, 42%, ".concat(opacity[12], ")"),
65
- '800': "hsla(25, 82%, 35%, ".concat(opacity[12], ")"),
66
- '900': "hsla(25, 80%, 28%, ".concat(opacity[12], ")"),
67
- '1000': "hsla(25, 82%, 20%, ".concat(opacity[12], ")"),
68
- a50: "hsla(25, 90%, 48%, ".concat(opacity[1], ")"),
69
- a100: "hsla(25, 90%, 48%, ".concat(opacity[3], ")"),
70
- a150: "hsla(25, 90%, 48%, ".concat(opacity[4], ")"),
71
- a200: "hsla(25, 90%, 48%, ".concat(opacity[5], ")")
57
+ 50: "hsla(24, 100%, 96%, ".concat(opacity[1200], ")"),
58
+ 100: "hsla(25, 100%, 90%, ".concat(opacity[1200], ")"),
59
+ 200: "hsla(25, 100%, 80%, ".concat(opacity[1200], ")"),
60
+ 300: "hsla(25, 100%, 72%, ".concat(opacity[1200], ")"),
61
+ 400: "hsla(25, 100%, 63%, ".concat(opacity[1200], ")"),
62
+ 500: "hsla(25, 100%, 55%, ".concat(opacity[1200], ")"),
63
+ 600: "hsla(25, 90%, 48%, ".concat(opacity[1200], ")"),
64
+ 700: "hsla(25, 85%, 42%, ".concat(opacity[1200], ")"),
65
+ 800: "hsla(25, 82%, 35%, ".concat(opacity[1200], ")"),
66
+ 900: "hsla(25, 80%, 28%, ".concat(opacity[1200], ")"),
67
+ 1000: "hsla(25, 82%, 20%, ".concat(opacity[1200], ")"),
68
+ a50: "hsla(25, 90%, 48%, ".concat(opacity[100], ")"),
69
+ a100: "hsla(25, 90%, 48%, ".concat(opacity[300], ")"),
70
+ a150: "hsla(25, 90%, 48%, ".concat(opacity[400], ")"),
71
+ a200: "hsla(25, 90%, 48%, ".concat(opacity[500], ")")
72
72
  },
73
73
  sapphire: {
74
- '50': "hsla(201, 92%, 95%, ".concat(opacity[12], ")"),
75
- '100': "hsla(200, 88%, 90%, ".concat(opacity[12], ")"),
76
- '200': "hsla(200, 89%, 82%, ".concat(opacity[12], ")"),
77
- '300': "hsla(200, 90%, 72%, ".concat(opacity[12], ")"),
78
- '400': "hsla(200, 90%, 65%, ".concat(opacity[12], ")"),
79
- '500': "hsla(198, 90%, 52%, ".concat(opacity[12], ")"),
80
- '600': "hsla(200, 84%, 44%, ".concat(opacity[12], ")"),
81
- '700': "hsla(200, 84%, 37%, ".concat(opacity[12], ")"),
82
- '800': "hsla(200, 84%, 29%, ".concat(opacity[12], ")"),
83
- '900': "hsla(200, 84%, 22%, ".concat(opacity[12], ")"),
84
- '1000': "hsla(199, 84%, 15%, ".concat(opacity[12], ")"),
85
- a50: "hsla(200, 84%, 44%, ".concat(opacity[1], ")"),
86
- a100: "hsla(200, 84%, 44%, ".concat(opacity[3], ")"),
87
- a150: "hsla(200, 84%, 44%, ".concat(opacity[4], ")"),
88
- a200: "hsla(200, 84%, 44%, ".concat(opacity[5], ")")
74
+ 50: "hsla(201, 92%, 95%, ".concat(opacity[1200], ")"),
75
+ 100: "hsla(200, 88%, 90%, ".concat(opacity[1200], ")"),
76
+ 200: "hsla(200, 89%, 82%, ".concat(opacity[1200], ")"),
77
+ 300: "hsla(200, 90%, 72%, ".concat(opacity[1200], ")"),
78
+ 400: "hsla(200, 90%, 65%, ".concat(opacity[1200], ")"),
79
+ 500: "hsla(198, 90%, 52%, ".concat(opacity[1200], ")"),
80
+ 600: "hsla(200, 84%, 44%, ".concat(opacity[1200], ")"),
81
+ 700: "hsla(200, 84%, 37%, ".concat(opacity[1200], ")"),
82
+ 800: "hsla(200, 84%, 29%, ".concat(opacity[1200], ")"),
83
+ 900: "hsla(200, 84%, 22%, ".concat(opacity[1200], ")"),
84
+ 1000: "hsla(199, 84%, 15%, ".concat(opacity[1200], ")"),
85
+ a50: "hsla(200, 84%, 44%, ".concat(opacity[100], ")"),
86
+ a100: "hsla(200, 84%, 44%, ".concat(opacity[300], ")"),
87
+ a150: "hsla(200, 84%, 44%, ".concat(opacity[400], ")"),
88
+ a200: "hsla(200, 84%, 44%, ".concat(opacity[500], ")")
89
89
  },
90
90
  sea: {
91
- '50': "hsla(180, 39%, 95%, ".concat(opacity[12], ")"),
92
- '100': "hsla(180, 42%, 92%, ".concat(opacity[12], ")"),
93
- '200': "hsla(180, 33%, 82%, ".concat(opacity[12], ")"),
94
- '300': "hsla(180, 35%, 70%, ".concat(opacity[12], ")"),
95
- '400': "hsla(180, 30%, 52%, ".concat(opacity[12], ")"),
96
- '500': "hsla(180, 45%, 40%, ".concat(opacity[12], ")"),
97
- '600': "hsla(180, 60%, 30%, ".concat(opacity[12], ")"),
98
- '700': "hsla(180, 55%, 25%, ".concat(opacity[12], ")"),
99
- '800': "hsla(180, 61%, 20%, ".concat(opacity[12], ")"),
100
- '900': "hsla(180, 91%, 13%, ".concat(opacity[12], ")"),
101
- '1000': "hsla(180, 91%, 8%, ".concat(opacity[12], ")"),
102
- a50: "hsla(180, 60%, 30%, ".concat(opacity[1], ")"),
103
- a100: "hsla(180, 60%, 30%, ".concat(opacity[3], ")"),
104
- a150: "hsla(180, 60%, 30%, ".concat(opacity[4], ")"),
105
- a200: "hsla(180, 60%, 30%, ".concat(opacity[5], ")")
91
+ 50: "hsla(180, 39%, 95%, ".concat(opacity[1200], ")"),
92
+ 100: "hsla(180, 42%, 92%, ".concat(opacity[1200], ")"),
93
+ 200: "hsla(180, 33%, 82%, ".concat(opacity[1200], ")"),
94
+ 300: "hsla(180, 35%, 70%, ".concat(opacity[1200], ")"),
95
+ 400: "hsla(180, 30%, 52%, ".concat(opacity[1200], ")"),
96
+ 500: "hsla(180, 45%, 40%, ".concat(opacity[1200], ")"),
97
+ 600: "hsla(180, 60%, 30%, ".concat(opacity[1200], ")"),
98
+ 700: "hsla(180, 55%, 25%, ".concat(opacity[1200], ")"),
99
+ 800: "hsla(180, 61%, 20%, ".concat(opacity[1200], ")"),
100
+ 900: "hsla(180, 91%, 13%, ".concat(opacity[1200], ")"),
101
+ 1000: "hsla(180, 91%, 8%, ".concat(opacity[1200], ")"),
102
+ a50: "hsla(180, 60%, 30%, ".concat(opacity[100], ")"),
103
+ a100: "hsla(180, 60%, 30%, ".concat(opacity[300], ")"),
104
+ a150: "hsla(180, 60%, 30%, ".concat(opacity[400], ")"),
105
+ a200: "hsla(180, 60%, 30%, ".concat(opacity[500], ")")
106
106
  },
107
107
  cloud: {
108
- '50': "hsla(198, 39%, 95%, ".concat(opacity[12], ")"),
109
- '100': "hsla(201, 39%, 93%, ".concat(opacity[12], ")"),
110
- '200': "hsla(200, 35%, 85%, ".concat(opacity[12], ")"),
111
- '300': "hsla(200, 35%, 70%, ".concat(opacity[12], ")"),
112
- '400': "hsla(200, 30%, 52%, ".concat(opacity[12], ")"),
113
- '500': "hsla(200, 45%, 40%, ".concat(opacity[12], ")"),
114
- '600': "hsla(200, 60%, 30%, ".concat(opacity[12], ")"),
115
- '700': "hsla(201, 55%, 25%, ".concat(opacity[12], ")"),
116
- '800': "hsla(200, 61%, 20%, ".concat(opacity[12], ")"),
117
- '900': "hsla(200, 91%, 13%, ".concat(opacity[12], ")"),
118
- '1000': "hsla(200, 91%, 8%, ".concat(opacity[12], ")"),
119
- a50: "hsla(200, 60%, 30%, ".concat(opacity[1], ")"),
120
- a100: "hsla(200, 60%, 30%, ".concat(opacity[3], ")"),
121
- a150: "hsla(200, 60%, 30%, ".concat(opacity[4], ")"),
122
- a200: "hsla(200, 60%, 30%, ".concat(opacity[5], ")")
108
+ 50: "hsla(198, 39%, 95%, ".concat(opacity[1200], ")"),
109
+ 100: "hsla(201, 39%, 93%, ".concat(opacity[1200], ")"),
110
+ 200: "hsla(200, 35%, 85%, ".concat(opacity[1200], ")"),
111
+ 300: "hsla(200, 35%, 70%, ".concat(opacity[1200], ")"),
112
+ 400: "hsla(200, 30%, 52%, ".concat(opacity[1200], ")"),
113
+ 500: "hsla(200, 45%, 40%, ".concat(opacity[1200], ")"),
114
+ 600: "hsla(200, 60%, 30%, ".concat(opacity[1200], ")"),
115
+ 700: "hsla(201, 55%, 25%, ".concat(opacity[1200], ")"),
116
+ 800: "hsla(200, 61%, 20%, ".concat(opacity[1200], ")"),
117
+ 900: "hsla(200, 91%, 13%, ".concat(opacity[1200], ")"),
118
+ 1000: "hsla(200, 91%, 8%, ".concat(opacity[1200], ")"),
119
+ a50: "hsla(200, 60%, 30%, ".concat(opacity[100], ")"),
120
+ a100: "hsla(200, 60%, 30%, ".concat(opacity[300], ")"),
121
+ a150: "hsla(200, 60%, 30%, ".concat(opacity[400], ")"),
122
+ a200: "hsla(200, 60%, 30%, ".concat(opacity[500], ")")
123
123
  },
124
124
  forest: {
125
- '50': "hsla(152, 60%, 95%, ".concat(opacity[12], ")"),
126
- '100': "hsla(151, 57%, 91%, ".concat(opacity[12], ")"),
127
- '200': "hsla(150, 59%, 82%, ".concat(opacity[12], ")"),
128
- '300': "hsla(150, 59%, 73%, ".concat(opacity[12], ")"),
129
- '400': "hsla(150, 59%, 55%, ".concat(opacity[12], ")"),
130
- '500': "hsla(155, 100%, 37%, ".concat(opacity[12], ")"),
131
- '600': "hsla(155, 100%, 31%, ".concat(opacity[12], ")"),
132
- '700': "hsla(155, 100%, 27%, ".concat(opacity[12], ")"),
133
- '800': "hsla(155, 100%, 21%, ".concat(opacity[12], ")"),
134
- '900': "hsla(155, 100%, 16%, ".concat(opacity[12], ")"),
135
- '1000': "hsla(155, 100%, 11%, ".concat(opacity[12], ")"),
136
- a50: "hsla(155, 100%, 31%, ".concat(opacity[1], ")"),
137
- a100: "hsla(155, 100%, 31%, ".concat(opacity[3], ")"),
138
- a150: "hsla(155, 100%, 31%, ".concat(opacity[4], ")"),
139
- a200: "hsla(155, 100%, 31%, ".concat(opacity[5], ")")
125
+ 50: "hsla(152, 60%, 95%, ".concat(opacity[1200], ")"),
126
+ 100: "hsla(151, 57%, 91%, ".concat(opacity[1200], ")"),
127
+ 200: "hsla(150, 59%, 82%, ".concat(opacity[1200], ")"),
128
+ 300: "hsla(150, 59%, 73%, ".concat(opacity[1200], ")"),
129
+ 400: "hsla(150, 59%, 55%, ".concat(opacity[1200], ")"),
130
+ 500: "hsla(155, 100%, 37%, ".concat(opacity[1200], ")"),
131
+ 600: "hsla(155, 100%, 31%, ".concat(opacity[1200], ")"),
132
+ 700: "hsla(155, 100%, 27%, ".concat(opacity[1200], ")"),
133
+ 800: "hsla(155, 100%, 21%, ".concat(opacity[1200], ")"),
134
+ 900: "hsla(155, 100%, 16%, ".concat(opacity[1200], ")"),
135
+ 1000: "hsla(155, 100%, 11%, ".concat(opacity[1200], ")"),
136
+ a50: "hsla(155, 100%, 31%, ".concat(opacity[100], ")"),
137
+ a100: "hsla(155, 100%, 31%, ".concat(opacity[300], ")"),
138
+ a150: "hsla(155, 100%, 31%, ".concat(opacity[400], ")"),
139
+ a200: "hsla(155, 100%, 31%, ".concat(opacity[500], ")")
140
140
  }
141
141
  },
142
142
  neutral: {
143
143
  blueGrayLight: {
144
- '0': "hsla(0, 0%, 100%, ".concat(opacity[12], ")"),
145
- '50': "hsla(210, 40%, 98%, ".concat(opacity[12], ")"),
146
- '100': "hsla(213, 47%, 96%, ".concat(opacity[12], ")"),
147
- '200': "hsla(214, 40%, 92%, ".concat(opacity[12], ")"),
148
- '300': "hsla(214, 28%, 84%, ".concat(opacity[12], ")"),
149
- '400': "hsla(211, 27%, 76%, ".concat(opacity[12], ")"),
150
- '500': "hsla(211, 24%, 65%, ".concat(opacity[12], ")"),
151
- '600': "hsla(211, 22%, 56%, ".concat(opacity[12], ")"),
152
- '700': "hsla(211, 20%, 52%, ".concat(opacity[12], ")"),
153
- '800': "hsla(211, 23%, 45%, ".concat(opacity[12], ")"),
154
- '900': "hsla(211, 26%, 34%, ".concat(opacity[12], ")"),
155
- '1000': "hsla(211, 29%, 26%, ".concat(opacity[12], ")"),
156
- '1100': "hsla(211, 33%, 21%, ".concat(opacity[12], ")"),
157
- '1200': "hsla(212, 39%, 16%, ".concat(opacity[12], ")"),
158
- '1300': "hsla(211, 53%, 10%, ".concat(opacity[12], ")"),
159
- a50: "hsla(211, 20%, 52%, ".concat(opacity[1], ")"),
160
- a75: "hsla(211, 20%, 52%, ".concat(opacity[2], ")"),
161
- a100: "hsla(211, 20%, 52%, ".concat(opacity[3], ")"),
162
- a200: "hsla(211, 20%, 52%, ".concat(opacity[5], ")"),
163
- a400: "hsla(211, 20%, 52%, ".concat(opacity[8], ")")
144
+ 0: "hsla(0, 0%, 100%, ".concat(opacity[1200], ")"),
145
+ 50: "hsla(210, 40%, 98%, ".concat(opacity[1200], ")"),
146
+ 100: "hsla(213, 47%, 96%, ".concat(opacity[1200], ")"),
147
+ 200: "hsla(214, 40%, 92%, ".concat(opacity[1200], ")"),
148
+ 300: "hsla(214, 28%, 84%, ".concat(opacity[1200], ")"),
149
+ 400: "hsla(211, 27%, 76%, ".concat(opacity[1200], ")"),
150
+ 500: "hsla(211, 24%, 65%, ".concat(opacity[1200], ")"),
151
+ 600: "hsla(211, 22%, 56%, ".concat(opacity[1200], ")"),
152
+ 700: "hsla(211, 20%, 52%, ".concat(opacity[1200], ")"),
153
+ 800: "hsla(211, 23%, 45%, ".concat(opacity[1200], ")"),
154
+ 900: "hsla(211, 26%, 34%, ".concat(opacity[1200], ")"),
155
+ 1000: "hsla(211, 29%, 26%, ".concat(opacity[1200], ")"),
156
+ 1100: "hsla(211, 33%, 21%, ".concat(opacity[1200], ")"),
157
+ 1200: "hsla(212, 39%, 16%, ".concat(opacity[1200], ")"),
158
+ 1300: "hsla(211, 53%, 10%, ".concat(opacity[1200], ")"),
159
+ a25: "hsla(211, 20%, 52%, ".concat(opacity[50], ")"),
160
+ a50: "hsla(211, 20%, 52%, ".concat(opacity[100], ")"),
161
+ a75: "hsla(211, 20%, 52%, ".concat(opacity[200], ")"),
162
+ a100: "hsla(211, 20%, 52%, ".concat(opacity[300], ")"),
163
+ a200: "hsla(211, 20%, 52%, ".concat(opacity[500], ")"),
164
+ a400: "hsla(211, 20%, 52%, ".concat(opacity[800], ")")
164
165
  },
165
166
  blueGrayDark: {
166
- '0': "hsla(240, 20%, 99%, ".concat(opacity[12], ")"),
167
- '50': "hsla(210, 40%, 98%, ".concat(opacity[12], ")"),
168
- '100': "hsla(213, 47%, 96%, ".concat(opacity[12], ")"),
169
- '200': "hsla(214, 40%, 92%, ".concat(opacity[12], ")"),
170
- '300': "hsla(214, 28%, 84%, ".concat(opacity[12], ")"),
171
- '400': "hsla(211, 27%, 76%, ".concat(opacity[12], ")"),
172
- '500': "hsla(211, 24%, 65%, ".concat(opacity[12], ")"),
173
- '600': "hsla(211, 22%, 56%, ".concat(opacity[12], ")"),
174
- '700': "hsla(211, 20%, 52%, ".concat(opacity[12], ")"),
175
- '800': "hsla(211, 23%, 45%, ".concat(opacity[12], ")"),
176
- '900': "hsla(211, 26%, 34%, ".concat(opacity[12], ")"),
177
- '1000': "hsla(211, 29%, 26%, ".concat(opacity[12], ")"),
178
- '1100': "hsla(211, 33%, 21%, ".concat(opacity[12], ")"),
179
- '1200': "hsla(212, 39%, 16%, ".concat(opacity[12], ")"),
180
- '1300': "hsla(211, 53%, 10%, ".concat(opacity[12], ")"),
181
- a50: "hsla(214, 40%, 92%, ".concat(opacity[1], ")"),
182
- a75: "hsla(214, 40%, 92%, ".concat(opacity[2], ")"),
183
- a100: "hsla(214, 40%, 92%, ".concat(opacity[3], ")"),
184
- a200: "hsla(214, 40%, 92%, ".concat(opacity[5], ")"),
185
- a400: "hsla(214, 40%, 92%, ".concat(opacity[8], ")")
167
+ 0: "hsla(240, 20%, 99%, ".concat(opacity[1200], ")"),
168
+ 50: "hsla(220, 22%, 92%, ".concat(opacity[1200], ")"),
169
+ 100: "hsla(214, 20%, 84%, ".concat(opacity[1200], ")"),
170
+ 200: "hsla(214, 17%, 76%, ".concat(opacity[1200], ")"),
171
+ 300: "hsla(216, 18%, 62%, ".concat(opacity[1200], ")"),
172
+ 400: "hsla(215, 20%, 43%, ".concat(opacity[1200], ")"),
173
+ 500: "hsla(216, 22%, 36%, ".concat(opacity[1200], ")"),
174
+ 600: "hsla(216, 24%, 31%, ".concat(opacity[1200], ")"),
175
+ 700: "hsla(216, 27%, 24%, ".concat(opacity[1200], ")"),
176
+ 800: "hsla(217, 27%, 21%, ".concat(opacity[1200], ")"),
177
+ 900: "hsla(218, 26%, 18%, ".concat(opacity[1200], ")"),
178
+ 1000: "hsla(217, 27%, 15%, ".concat(opacity[1200], ")"),
179
+ 1100: "hsla(216, 30%, 13%, ".concat(opacity[1200], ")"),
180
+ 1200: "hsla(215, 37%, 10%, ".concat(opacity[1200], ")"),
181
+ 1300: "hsla(214, 44%, 7%, ".concat(opacity[1200], ")"),
182
+ a25: "hsla(214, 20%, 84%, ".concat(opacity[50], ")"),
183
+ a50: "hsla(214, 20%, 84%, ".concat(opacity[100], ")"),
184
+ a75: "hsla(214, 20%, 84%, ".concat(opacity[200], ")"),
185
+ a100: "hsla(214, 20%, 84%, ".concat(opacity[300], ")"),
186
+ a200: "hsla(214, 20%, 84%, ".concat(opacity[500], ")"),
187
+ a400: "hsla(214, 20%, 84%, ".concat(opacity[800], ")")
186
188
  },
187
189
  ashGrayLight: {
188
- '0': "hsla(0, 0%, 100%, ".concat(opacity[12], ")"),
189
- '50': "hsla(240, 9%, 98%, ".concat(opacity[12], ")"),
190
- '100': "hsla(210, 9%, 96%, ".concat(opacity[12], ")"),
191
- '200': "hsla(210, 6%, 94%, ".concat(opacity[12], ")"),
192
- '300': "hsla(210, 4%, 89%, ".concat(opacity[12], ")"),
193
- '400': "hsla(214, 7%, 81%, ".concat(opacity[12], ")"),
194
- '500': "hsla(216, 6%, 69%, ".concat(opacity[12], ")"),
195
- '600': "hsla(215, 6%, 60%, ".concat(opacity[12], ")"),
196
- '700': "hsla(214, 6%, 55%, ".concat(opacity[12], ")"),
197
- '800': "hsla(216, 7%, 45%, ".concat(opacity[12], ")"),
198
- '900': "hsla(218, 9%, 36%, ".concat(opacity[12], ")"),
199
- '1000': "hsla(219, 12%, 28%, ".concat(opacity[12], ")"),
200
- '1100': "hsla(214, 15%, 18%, ".concat(opacity[12], ")"),
201
- '1200': "hsla(216, 15%, 13%, ".concat(opacity[12], ")"),
202
- '1300': "hsla(214, 24%, 6%, ".concat(opacity[12], ")"),
203
- a50: "hsla(214, 6%, 55%, ".concat(opacity[1], ")"),
204
- a75: "hsla(214, 6%, 55%, ".concat(opacity[1], ")"),
205
- a100: "hsla(214, 6%, 55%, ".concat(opacity[3], ")"),
206
- a200: "hsla(214, 6%, 55%, ".concat(opacity[5], ")"),
207
- a400: "hsla(214, 6%, 55%, ".concat(opacity[5], ")")
190
+ 0: "hsla(0, 0%, 100%, ".concat(opacity[1200], ")"),
191
+ 50: "hsla(240, 9%, 98%, ".concat(opacity[1200], ")"),
192
+ 100: "hsla(210, 9%, 96%, ".concat(opacity[1200], ")"),
193
+ 200: "hsla(210, 6%, 94%, ".concat(opacity[1200], ")"),
194
+ 300: "hsla(210, 4%, 89%, ".concat(opacity[1200], ")"),
195
+ 400: "hsla(214, 7%, 81%, ".concat(opacity[1200], ")"),
196
+ 500: "hsla(216, 6%, 69%, ".concat(opacity[1200], ")"),
197
+ 600: "hsla(215, 6%, 60%, ".concat(opacity[1200], ")"),
198
+ 700: "hsla(214, 6%, 55%, ".concat(opacity[1200], ")"),
199
+ 800: "hsla(216, 7%, 45%, ".concat(opacity[1200], ")"),
200
+ 900: "hsla(218, 9%, 36%, ".concat(opacity[1200], ")"),
201
+ 1000: "hsla(219, 12%, 28%, ".concat(opacity[1200], ")"),
202
+ 1100: "hsla(214, 15%, 18%, ".concat(opacity[1200], ")"),
203
+ 1200: "hsla(216, 15%, 13%, ".concat(opacity[1200], ")"),
204
+ 1300: "hsla(214, 24%, 6%, ".concat(opacity[1200], ")"),
205
+ a25: "hsla(214, 6%, 55%, ".concat(opacity[50], ")"),
206
+ a50: "hsla(214, 6%, 55%, ".concat(opacity[100], ")"),
207
+ a75: "hsla(214, 6%, 55%, ".concat(opacity[100], ")"),
208
+ a100: "hsla(214, 6%, 55%, ".concat(opacity[300], ")"),
209
+ a200: "hsla(214, 6%, 55%, ".concat(opacity[500], ")"),
210
+ a400: "hsla(214, 6%, 55%, ".concat(opacity[500], ")")
208
211
  },
209
212
  ashGrayDark: {
210
- '0': "hsla(0, 0%, 99%, ".concat(opacity[12], ")"),
211
- '50': "hsla(240, 2%, 92%, ".concat(opacity[12], ")"),
212
- '100': "hsla(240, 1%, 84%, ".concat(opacity[12], ")"),
213
- '200': "hsla(228, 4%, 76%, ".concat(opacity[12], ")"),
214
- '300': "hsla(227, 4%, 60%, ".concat(opacity[12], ")"),
215
- '400': "hsla(229, 4%, 50%, ".concat(opacity[12], ")"),
216
- '500': "hsla(233, 4%, 40%, ".concat(opacity[12], ")"),
217
- '600': "hsla(233, 5%, 32%, ".concat(opacity[12], ")"),
218
- '700': "hsla(230, 6%, 22%, ".concat(opacity[12], ")"),
219
- '800': "hsla(230, 6%, 19%, ".concat(opacity[12], ")"),
220
- '900': "hsla(230, 7%, 17%, ".concat(opacity[12], ")"),
221
- '1000': "hsla(230, 8%, 15%, ".concat(opacity[12], ")"),
222
- '1100': "hsla(231, 12%, 12%, ".concat(opacity[12], ")"),
223
- '1200': "hsla(231, 17%, 8%, ".concat(opacity[12], ")"),
224
- '1300': "hsla(240, 5%, 4%, ".concat(opacity[12], ")"),
225
- a50: "hsla(228, 4%, 76%, ".concat(opacity[1], ")"),
226
- a75: "hsla(228, 4%, 76%, ".concat(opacity[1], ")"),
227
- a100: "hsla(228, 4%, 76%, ".concat(opacity[3], ")"),
228
- a200: "hsla(228, 4%, 76%, ".concat(opacity[5], ")"),
229
- a400: "hsla(228, 4%, 76%, ".concat(opacity[5], ")")
213
+ 0: "hsla(0, 0%, 99%, ".concat(opacity[1200], ")"),
214
+ 50: "hsla(240, 2%, 92%, ".concat(opacity[1200], ")"),
215
+ 100: "hsla(240, 1%, 84%, ".concat(opacity[1200], ")"),
216
+ 200: "hsla(228, 4%, 76%, ".concat(opacity[1200], ")"),
217
+ 300: "hsla(227, 4%, 60%, ".concat(opacity[1200], ")"),
218
+ 400: "hsla(229, 4%, 50%, ".concat(opacity[1200], ")"),
219
+ 500: "hsla(233, 4%, 40%, ".concat(opacity[1200], ")"),
220
+ 600: "hsla(233, 5%, 32%, ".concat(opacity[1200], ")"),
221
+ 700: "hsla(230, 6%, 22%, ".concat(opacity[1200], ")"),
222
+ 800: "hsla(230, 6%, 19%, ".concat(opacity[1200], ")"),
223
+ 900: "hsla(230, 7%, 17%, ".concat(opacity[1200], ")"),
224
+ 1000: "hsla(230, 8%, 15%, ".concat(opacity[1200], ")"),
225
+ 1100: "hsla(231, 12%, 12%, ".concat(opacity[1200], ")"),
226
+ 1200: "hsla(231, 17%, 8%, ".concat(opacity[1200], ")"),
227
+ 1300: "hsla(240, 5%, 4%, ".concat(opacity[1200], ")"),
228
+ a25: "hsla(228, 4%, 76%, ".concat(opacity[50], ")"),
229
+ a50: "hsla(228, 4%, 76%, ".concat(opacity[100], ")"),
230
+ a75: "hsla(228, 4%, 76%, ".concat(opacity[100], ")"),
231
+ a100: "hsla(228, 4%, 76%, ".concat(opacity[300], ")"),
232
+ a200: "hsla(228, 4%, 76%, ".concat(opacity[500], ")"),
233
+ a400: "hsla(228, 4%, 76%, ".concat(opacity[500], ")")
230
234
  },
231
235
  white: {
232
- '10': "hsla(0, 0%, 100%, ".concat(opacity[1], ")"),
233
- '25': "hsla(0, 0%, 100%, ".concat(opacity[2], ")"),
234
- '50': "hsla(0, 0%, 100%, ".concat(opacity[3], ")"),
235
- '100': "hsla(0, 0%, 100%, ".concat(opacity[5], ")"),
236
- '200': "hsla(0, 0%, 100%, ".concat(opacity[6], ")"),
237
- '300': "hsla(0, 0%, 100%, ".concat(opacity[8], ")"),
238
- '400': "hsla(0, 0%, 100%, ".concat(opacity[10], ")"),
239
- '450': "hsla(0, 0%, 100%, ".concat(opacity[11], ")"),
240
- '500': "hsla(0, 0%, 100%, ".concat(opacity[12], ")")
236
+ 10: "hsla(0, 0%, 100%, ".concat(opacity[100], ")"),
237
+ 25: "hsla(0, 0%, 100%, ".concat(opacity[200], ")"),
238
+ 50: "hsla(0, 0%, 100%, ".concat(opacity[300], ")"),
239
+ 100: "hsla(0, 0%, 100%, ".concat(opacity[500], ")"),
240
+ 200: "hsla(0, 0%, 100%, ".concat(opacity[600], ")"),
241
+ 300: "hsla(0, 0%, 100%, ".concat(opacity[800], ")"),
242
+ 400: "hsla(0, 0%, 100%, ".concat(opacity[1000], ")"),
243
+ 450: "hsla(0, 0%, 100%, ".concat(opacity[1100], ")"),
244
+ 500: "hsla(0, 0%, 100%, ".concat(opacity[1200], ")")
241
245
  },
242
246
  black: {
243
- '10': "hsla(0, 0%, 0%, ".concat(opacity[1], ")"),
244
- '25': "hsla(0, 0%, 0%, ".concat(opacity[2], ")"),
245
- '50': "hsla(0, 0%, 0%, ".concat(opacity[3], ")"),
246
- '100': "hsla(0, 0%, 0%, ".concat(opacity[5], ")"),
247
- '200': "hsla(0, 0%, 0%, ".concat(opacity[7], ")"),
248
- '300': "hsla(0, 0%, 0%, ".concat(opacity[9], ")"),
249
- '400': "hsla(0, 0%, 0%, ".concat(opacity[10], ")"),
250
- '450': "hsla(0, 0%, 0%, ".concat(opacity[11], ")"),
251
- '500': "hsla(0, 0%, 0%, ".concat(opacity[12], ")")
247
+ 10: "hsla(0, 0%, 0%, ".concat(opacity[100], ")"),
248
+ 25: "hsla(0, 0%, 0%, ".concat(opacity[200], ")"),
249
+ 50: "hsla(0, 0%, 0%, ".concat(opacity[300], ")"),
250
+ 100: "hsla(0, 0%, 0%, ".concat(opacity[500], ")"),
251
+ 200: "hsla(0, 0%, 0%, ".concat(opacity[700], ")"),
252
+ 300: "hsla(0, 0%, 0%, ".concat(opacity[900], ")"),
253
+ 400: "hsla(0, 0%, 0%, ".concat(opacity[1000], ")"),
254
+ 450: "hsla(0, 0%, 0%, ".concat(opacity[1100], ")"),
255
+ 500: "hsla(0, 0%, 0%, ".concat(opacity[1200], ")")
252
256
  }
253
257
  }
254
258
  };