@nectary/components 0.38.0 → 0.40.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 (148) hide show
  1. package/accordion/index.js +47 -84
  2. package/accordion/types.d.ts +1 -0
  3. package/accordion-item/index.js +26 -53
  4. package/action-menu/index.d.ts +0 -1
  5. package/action-menu/index.js +179 -223
  6. package/action-menu/types.d.ts +8 -18
  7. package/action-menu-option/index.d.ts +1 -0
  8. package/action-menu-option/index.js +51 -62
  9. package/action-menu-option/types.d.ts +9 -0
  10. package/action-menu-option/utils.d.ts +2 -0
  11. package/action-menu-option/utils.js +3 -0
  12. package/alert/index.js +6 -20
  13. package/avatar/index.js +12 -31
  14. package/avatar-badge/index.js +8 -22
  15. package/avatar-status/index.js +1 -1
  16. package/button/index.js +42 -92
  17. package/card/index.d.ts +2 -0
  18. package/card/index.js +24 -87
  19. package/chat-avatar/index.js +8 -22
  20. package/chat-block/index.js +29 -69
  21. package/chat-bubble/index.js +6 -20
  22. package/checkbox/index.js +55 -107
  23. package/chip/index.d.ts +13 -0
  24. package/chip/index.js +137 -0
  25. package/chip/types.d.ts +38 -0
  26. package/color-menu/index.d.ts +13 -0
  27. package/color-menu/index.js +464 -0
  28. package/color-menu/types.d.ts +37 -0
  29. package/color-swatch/index.d.ts +13 -0
  30. package/color-swatch/index.js +59 -0
  31. package/color-swatch/types.d.ts +12 -0
  32. package/colors.json +57 -49
  33. package/date-picker/index.js +196 -287
  34. package/date-picker/types.d.ts +25 -1
  35. package/dialog/index.d.ts +1 -0
  36. package/dialog/index.js +72 -143
  37. package/dropdown-checkbox-option/index.js +6 -20
  38. package/dropdown-radio-option/index.js +6 -20
  39. package/field/index.js +25 -63
  40. package/file-drop/index.js +123 -200
  41. package/file-picker/index.d.ts +0 -1
  42. package/file-picker/index.js +55 -108
  43. package/file-status/index.js +15 -39
  44. package/help-tooltip/index.js +1 -1
  45. package/horizontal-stepper/index.js +33 -59
  46. package/horizontal-stepper-item/index.js +13 -37
  47. package/icon-button/index.js +39 -84
  48. package/icons-channel/notify/index.d.ts +11 -0
  49. package/icons-channel/notify/index.js +4 -0
  50. package/illustrations/create-illustration-class.js +1 -1
  51. package/inline-alert/index.js +30 -82
  52. package/input/index.js +113 -222
  53. package/link/index.js +46 -96
  54. package/list-item/index.js +1 -1
  55. package/package.json +12 -14
  56. package/pagination/index.js +109 -163
  57. package/pagination/types.d.ts +1 -0
  58. package/popover/index.js +224 -294
  59. package/progress/index.js +9 -28
  60. package/radio/index.js +103 -169
  61. package/radio/types.d.ts +1 -0
  62. package/radio-option/index.js +24 -48
  63. package/segment/index.js +50 -131
  64. package/segment-collapse/index.js +24 -49
  65. package/segment-collapse/types.d.ts +1 -0
  66. package/segmented-control/index.js +36 -73
  67. package/segmented-control/types.d.ts +1 -0
  68. package/segmented-control-option/index.js +41 -87
  69. package/segmented-icon-control/index.js +47 -84
  70. package/segmented-icon-control/types.d.ts +1 -0
  71. package/segmented-icon-control-option/index.js +38 -79
  72. package/select-button/index.d.ts +13 -0
  73. package/select-button/index.js +153 -0
  74. package/select-button/types.d.ts +43 -0
  75. package/select-menu/index.d.ts +11 -0
  76. package/select-menu/index.js +346 -0
  77. package/select-menu/types.d.ts +29 -0
  78. package/{dropdown-text-option → select-menu-option}/index.d.ts +5 -7
  79. package/select-menu-option/index.js +76 -0
  80. package/{select-option → select-menu-option}/types.d.ts +8 -9
  81. package/stop-events/index.js +7 -20
  82. package/table-head-cell/index.js +7 -21
  83. package/tabs/index.js +103 -165
  84. package/tabs/types.d.ts +1 -0
  85. package/tabs-option/index.js +20 -44
  86. package/tag/index.d.ts +1 -1
  87. package/tag/index.js +42 -36
  88. package/tag/types.d.ts +13 -7
  89. package/textarea/index.js +92 -167
  90. package/theme.css +80 -49
  91. package/tile-control/index.js +55 -96
  92. package/tile-control-option/index.js +40 -86
  93. package/time-picker/index.js +224 -368
  94. package/time-picker/types.d.ts +5 -1
  95. package/title/index.js +6 -20
  96. package/toast/index.d.ts +17 -0
  97. package/toast/index.js +115 -0
  98. package/toast/types.d.ts +28 -0
  99. package/toast/utils.d.ts +5 -0
  100. package/toast/utils.js +6 -0
  101. package/toast-manager/index.d.ts +17 -0
  102. package/toast-manager/index.js +195 -0
  103. package/toast-manager/types.d.ts +7 -0
  104. package/toggle/index.js +55 -108
  105. package/toggle/types.d.ts +1 -0
  106. package/types.d.ts +7 -0
  107. package/utils/colors.d.ts +10 -0
  108. package/utils/colors.js +121 -0
  109. package/{utils.d.ts → utils/index.d.ts} +18 -9
  110. package/{utils.js → utils/index.js} +118 -39
  111. package/vertical-stepper/index.js +29 -50
  112. package/vertical-stepper-item/index.js +13 -37
  113. package/card-button/index.d.ts +0 -11
  114. package/card-button/index.js +0 -77
  115. package/card-button/types.d.ts +0 -12
  116. package/card-link/index.d.ts +0 -12
  117. package/card-link/index.js +0 -115
  118. package/card-link/types.d.ts +0 -14
  119. package/dropdown/index.d.ts +0 -12
  120. package/dropdown/index.js +0 -415
  121. package/dropdown/types.d.ts +0 -30
  122. package/dropdown-text-option/index.js +0 -104
  123. package/dropdown-text-option/types.d.ts +0 -16
  124. package/search/index.d.ts +0 -14
  125. package/search/index.js +0 -523
  126. package/search/types.d.ts +0 -25
  127. package/search-option/index.d.ts +0 -11
  128. package/search-option/index.js +0 -55
  129. package/search-option/types.d.ts +0 -9
  130. package/select/index.d.ts +0 -13
  131. package/select/index.js +0 -316
  132. package/select/types.d.ts +0 -53
  133. package/select-option/index.d.ts +0 -11
  134. package/select-option/index.js +0 -8
  135. package/tag/utils.d.ts +0 -2
  136. package/tag/utils.js +0 -1
  137. package/tag-close/index.d.ts +0 -12
  138. package/tag-close/index.js +0 -38
  139. package/tag-close/types.d.ts +0 -3
  140. package/tag-close/types.js +0 -1
  141. /package/{card-button → chip}/types.js +0 -0
  142. /package/{card-link → color-menu}/types.js +0 -0
  143. /package/{dropdown-text-option → color-swatch}/types.js +0 -0
  144. /package/{dropdown → select-button}/types.js +0 -0
  145. /package/{search → select-menu}/types.js +0 -0
  146. /package/{search-option → select-menu-option}/types.js +0 -0
  147. /package/{select → toast}/types.js +0 -0
  148. /package/{select-option → toast-manager}/types.js +0 -0
package/colors.json CHANGED
@@ -3,63 +3,56 @@
3
3
  "colorHoney600": "#FFAA00",
4
4
  "colorHoney500": "#FFBE3C",
5
5
  "colorHoney400": "#FFCC66",
6
- "colorHoney300": "#FFDD99",
7
- "colorHoney200": "#FFEECC",
6
+ "colorHoney300": "#FFDF9E",
7
+ "colorHoney200": "#FCECCB",
8
8
  "colorHoney100": "#FFF7E6",
9
9
  "colorTropical700": "#003D3D",
10
10
  "colorTropical600": "#005757",
11
11
  "colorTropical500": "#007171",
12
- "colorTropical400": "#338D8D",
12
+ "colorTropical400": "#059688",
13
13
  "colorTropical300": "#66AAAA",
14
- "colorTropical200": "#99C6C6",
15
- "colorTropical100": "#CCE3E3",
14
+ "colorTropical200": "#A7D5C2",
15
+ "colorTropical100": "#DCEDE1",
16
16
  "colorTropical50": "#E5F1F1",
17
- "colorStormy600": "#061927",
18
- "colorStormy500": "#0A273D",
19
- "colorStormy400": "#3B5264",
20
- "colorStormy300": "#677784",
21
- "colorStormy200": "#7F8F99",
22
- "colorStormy100": "#9CA8B0",
23
- "colorSnow800": "#C6CDD2",
24
- "colorSnow700": "#D4DADD",
25
- "colorSnow600": "#E3E6E8",
26
- "colorSnow500": "#F1F3F4",
17
+ "colorStormy700": "#000000",
18
+ "colorStormy600": "#171717",
19
+ "colorStormy500": "#242424",
20
+ "colorStormy400": "#595959",
21
+ "colorStormy300": "#767676",
22
+ "colorStormy200": "#8C8C8C",
23
+ "colorStormy100": "#A6A6A6",
24
+ "colorOcean700": "#1B3E65",
25
+ "colorOcean600": "#1686CB",
26
+ "colorOcean500": "#3AA7EA",
27
+ "colorOcean400": "#6EBBEE",
28
+ "colorOcean300": "#A1D5F5",
29
+ "colorOcean200": "#C8E6F9",
30
+ "colorOcean100": "#DEF2FF",
31
+ "colorOcean50": "#F3FAFE",
32
+ "colorSnow700": "#CCCCCC",
33
+ "colorSnow600": "#D9D9D9",
34
+ "colorSnow500": "#E0E0E0",
35
+ "colorSnow400": "#F2F2F2",
36
+ "colorSnow200": "#F8F8F8",
27
37
  "colorSnow100": "#FFFFFF",
28
- "colorRaspberry700": "#881125",
29
- "colorRaspberry600": "#B61631",
30
- "colorRaspberry500": "#E31C3D",
31
- "colorRaspberry400": "#E94964",
32
- "colorRaspberry300": "#EE778B",
33
- "colorRaspberry200": "#F4A4B1",
34
- "colorRaspberry100": "#F9D2D8",
35
- "colorRaspberry50": "#FCE8EB",
36
- "colorTextDefault": "#0A273D",
37
- "colorTextInverted": "#FFFFFF",
38
- "colorTextMuted": "#677784",
39
- "colorTextLink": "#007171",
40
- "colorTextInvalid": "#E31C3D",
41
- "colorError800": "#57000E",
42
- "colorError500": "#E31C3D",
43
- "colorError200": "#FCD7D4",
44
- "colorSuccess700": "#005419",
45
- "colorSuccess500": "#2E8540",
46
- "colorSuccess200": "#D7F1D8",
47
- "colorInformative700": "#003B7E",
48
- "colorInformative500": "#2071CE",
49
- "colorInformative200": "#D5E5F8",
50
- "colorWarning700": "#9C2E00",
51
- "colorWarning500": "#F35B1C",
52
- "colorWarning200": "#FFE8D6",
38
+ "colorRaspberry700": "#882024",
39
+ "colorRaspberry600": "#D13D42",
40
+ "colorRaspberry500": "#EF5858",
41
+ "colorRaspberry400": "#F38686",
42
+ "colorRaspberry300": "#FFB8B8",
43
+ "colorRaspberry200": "#FBD5D5",
44
+ "colorRaspberry100": "#FFE8E4",
45
+ "colorRaspberry50": "#FFF6F5",
53
46
  "colorNight400": "#3247E9",
54
47
  "colorNight200": "#D1D6FA",
55
- "colorAqua400": "#3DAED8",
56
- "colorAqua200": "#AADBEE",
48
+ "colorAqua400": "#3AA7EA",
49
+ "colorAqua200": "#A1D5F5",
57
50
  "colorGrass400": "#39B93D",
58
51
  "colorGrass200": "#B4E4B5",
59
52
  "colorDirt400": "#828282",
60
53
  "colorDirt200": "#E0DDDC",
61
- "colorBerry400": "#F95252",
62
- "colorBerry200": "#FCA7A7",
54
+ "colorBerry400": "#EF5858",
55
+ "colorBerry200": "#FFB8B8",
63
56
  "colorCandy400": "#E467C3",
64
57
  "colorCandy200": "#F6CBEA",
65
58
  "colorMud400": "#8B6559",
@@ -68,9 +61,24 @@
68
61
  "colorOrange200": "#FFD4B3",
69
62
  "colorBolt400": "#FFBE3C",
70
63
  "colorBolt200": "#FFE6B3",
71
- "colorBackgroundGrey": "#FAFAFA",
72
- "colorBackgroundGreen": "#DCEDE1",
73
- "colorBackgroundBlue": "#DEF2FF",
74
- "colorBackgroundYellow": "#FCECCB",
75
- "colorBackgroundWhite": "#FFFFFF"
64
+ "colorViolet400": "#9E67E4",
65
+ "colorViolet200": "#DECBF6",
66
+ "colorError700": "#882024",
67
+ "colorError500": "#D13D42",
68
+ "colorError200": "#FBD5D5",
69
+ "colorSuccess700": "#275D33",
70
+ "colorSuccess500": "#46A65A",
71
+ "colorSuccess200": "#D7F1D8",
72
+ "colorInformative700": "#003B7E",
73
+ "colorInformative500": "#2071CE",
74
+ "colorInformative200": "#D5E5F8",
75
+ "colorWarning700": "#9C2E00",
76
+ "colorWarning500": "#F35B1C",
77
+ "colorWarning200": "#FFE8D6",
78
+ "colorColorSkinTone10": "#FFCC4D",
79
+ "colorColorSkinTone20": "#F7DECE",
80
+ "colorColorSkinTone30": "#F3D2A2",
81
+ "colorColorSkinTone40": "#D4AB88",
82
+ "colorColorSkinTone50": "#AF7E57",
83
+ "colorColorSkinTone60": "#7C533E"
76
84
  }