@nectary/components 0.39.0 → 0.41.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 (142) hide show
  1. package/accordion/index.js +47 -84
  2. package/accordion-item/index.js +30 -53
  3. package/action-menu/index.d.ts +0 -1
  4. package/action-menu/index.js +177 -223
  5. package/action-menu/types.d.ts +8 -18
  6. package/action-menu-option/index.d.ts +1 -0
  7. package/action-menu-option/index.js +52 -62
  8. package/action-menu-option/types.d.ts +9 -0
  9. package/action-menu-option/utils.d.ts +2 -0
  10. package/action-menu-option/utils.js +3 -0
  11. package/alert/index.js +6 -20
  12. package/avatar/index.js +12 -31
  13. package/avatar-badge/index.js +8 -22
  14. package/avatar-status/index.js +1 -1
  15. package/button/index.js +46 -92
  16. package/button/types.d.ts +1 -1
  17. package/card/index.js +21 -59
  18. package/chat-avatar/index.js +8 -22
  19. package/chat-block/index.js +29 -69
  20. package/chat-bubble/index.js +6 -20
  21. package/checkbox/index.js +59 -107
  22. package/chip/index.d.ts +13 -0
  23. package/chip/index.js +140 -0
  24. package/chip/types.d.ts +37 -0
  25. package/color-menu/index.d.ts +14 -0
  26. package/color-menu/index.js +450 -0
  27. package/color-menu/types.d.ts +36 -0
  28. package/color-menu/utils.d.ts +1 -0
  29. package/color-menu/utils.js +15 -0
  30. package/color-swatch/index.d.ts +13 -0
  31. package/color-swatch/index.js +60 -0
  32. package/color-swatch/types.d.ts +11 -0
  33. package/colors.json +61 -49
  34. package/date-picker/index.js +162 -293
  35. package/dialog/index.js +70 -142
  36. package/field/index.js +44 -65
  37. package/file-drop/index.js +123 -200
  38. package/file-picker/index.d.ts +0 -1
  39. package/file-picker/index.js +55 -108
  40. package/file-status/index.js +15 -39
  41. package/help-tooltip/index.js +11 -28
  42. package/horizontal-stepper/index.js +33 -59
  43. package/horizontal-stepper-item/index.js +13 -37
  44. package/icon-button/index.d.ts +1 -0
  45. package/icon-button/index.js +51 -85
  46. package/icon-button/types.d.ts +16 -2
  47. package/icons-channel/notify/index.d.ts +11 -0
  48. package/icons-channel/notify/index.js +4 -0
  49. package/illustrations/create-illustration-class.js +1 -1
  50. package/inline-alert/index.js +29 -81
  51. package/input/index.js +117 -222
  52. package/link/index.js +51 -97
  53. package/list-item/index.js +1 -1
  54. package/package.json +12 -14
  55. package/pagination/index.js +113 -163
  56. package/pop/index.d.ts +11 -0
  57. package/pop/index.js +391 -0
  58. package/pop/types.d.ts +35 -0
  59. package/pop/utils.d.ts +7 -0
  60. package/pop/utils.js +18 -0
  61. package/popover/index.d.ts +1 -0
  62. package/popover/index.js +105 -314
  63. package/popover/types.d.ts +8 -1
  64. package/popover/utils.d.ts +5 -0
  65. package/popover/utils.js +17 -1
  66. package/progress/index.js +9 -28
  67. package/radio/index.js +103 -169
  68. package/radio-option/index.js +28 -48
  69. package/segment/index.js +49 -130
  70. package/segment-collapse/index.js +28 -49
  71. package/segmented-control/index.js +36 -73
  72. package/segmented-control-option/index.js +45 -87
  73. package/segmented-icon-control/index.js +47 -84
  74. package/segmented-icon-control-option/index.js +42 -79
  75. package/select-button/index.d.ts +13 -0
  76. package/select-button/index.js +158 -0
  77. package/select-button/types.d.ts +43 -0
  78. package/select-menu/index.d.ts +11 -0
  79. package/select-menu/index.js +345 -0
  80. package/select-menu/types.d.ts +29 -0
  81. package/{dropdown-text-option → select-menu-option}/index.d.ts +5 -7
  82. package/select-menu-option/index.js +76 -0
  83. package/{select-option → select-menu-option}/types.d.ts +8 -9
  84. package/stop-events/index.js +7 -20
  85. package/table-head-cell/index.js +7 -21
  86. package/tabs/index.js +103 -165
  87. package/tabs-option/index.js +24 -44
  88. package/tag/index.d.ts +0 -1
  89. package/tag/index.js +35 -38
  90. package/tag/types.d.ts +12 -7
  91. package/textarea/index.js +96 -167
  92. package/theme.css +146 -49
  93. package/tile-control/index.js +55 -96
  94. package/tile-control-option/index.js +45 -87
  95. package/time-picker/index.js +216 -368
  96. package/title/index.js +6 -20
  97. package/toast/index.js +32 -70
  98. package/toast-manager/index.js +141 -217
  99. package/toggle/index.js +59 -107
  100. package/tooltip/index.d.ts +2 -0
  101. package/tooltip/index.js +160 -17
  102. package/tooltip/types.d.ts +13 -0
  103. package/tooltip/utils.d.ts +5 -0
  104. package/tooltip/utils.js +25 -1
  105. package/utils/animation.d.ts +17 -0
  106. package/utils/animation.js +142 -0
  107. package/utils/colors.d.ts +5 -0
  108. package/utils/colors.js +5 -0
  109. package/utils/context.d.ts +15 -0
  110. package/utils/context.js +57 -0
  111. package/{utils.d.ts → utils/index.d.ts} +15 -11
  112. package/{utils.js → utils/index.js} +104 -48
  113. package/vertical-stepper/index.js +29 -50
  114. package/vertical-stepper-item/index.js +13 -37
  115. package/dropdown/index.d.ts +0 -12
  116. package/dropdown/index.js +0 -415
  117. package/dropdown/types.d.ts +0 -32
  118. package/dropdown-checkbox-option/index.d.ts +0 -11
  119. package/dropdown-checkbox-option/index.js +0 -88
  120. package/dropdown-checkbox-option/types.d.ts +0 -15
  121. package/dropdown-radio-option/index.d.ts +0 -11
  122. package/dropdown-radio-option/index.js +0 -88
  123. package/dropdown-radio-option/types.d.ts +0 -15
  124. package/dropdown-text-option/index.js +0 -104
  125. package/dropdown-text-option/types.d.ts +0 -16
  126. package/select/index.d.ts +0 -13
  127. package/select/index.js +0 -316
  128. package/select/types.d.ts +0 -53
  129. package/select-option/index.d.ts +0 -11
  130. package/select-option/index.js +0 -8
  131. package/tag/utils.d.ts +0 -5
  132. package/tag/utils.js +0 -6
  133. package/tag-close/index.d.ts +0 -12
  134. package/tag-close/index.js +0 -42
  135. package/tag-close/types.d.ts +0 -5
  136. /package/{dropdown-checkbox-option → chip}/types.js +0 -0
  137. /package/{dropdown-radio-option → color-menu}/types.js +0 -0
  138. /package/{dropdown-text-option → color-swatch}/types.js +0 -0
  139. /package/{dropdown → pop}/types.js +0 -0
  140. /package/{select-option → select-button}/types.js +0 -0
  141. /package/{tag-close → select-menu}/types.js +0 -0
  142. /package/{select → select-menu-option}/types.js +0 -0
package/colors.json CHANGED
@@ -3,74 +3,86 @@
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",
46
+ "colorNight700": "#1223a1",
53
47
  "colorNight400": "#3247E9",
54
48
  "colorNight200": "#D1D6FA",
55
- "colorAqua400": "#3DAED8",
56
- "colorAqua200": "#AADBEE",
49
+ "colorGrass700": "#006602",
57
50
  "colorGrass400": "#39B93D",
58
51
  "colorGrass200": "#B4E4B5",
52
+ "colorDirt700": "#363230",
59
53
  "colorDirt400": "#828282",
60
54
  "colorDirt200": "#E0DDDC",
61
- "colorBerry400": "#F95252",
62
- "colorBerry200": "#FCA7A7",
55
+ "colorCandy700": "#981b77",
63
56
  "colorCandy400": "#E467C3",
64
57
  "colorCandy200": "#F6CBEA",
58
+ "colorMud700": "#6d4e46",
65
59
  "colorMud400": "#8B6559",
66
60
  "colorMud200": "#D7C6C1",
61
+ "colorOrange700": "#974302",
67
62
  "colorOrange400": "#FF8C34",
68
63
  "colorOrange200": "#FFD4B3",
64
+ "colorBolt700": "#805500",
69
65
  "colorBolt400": "#FFBE3C",
70
66
  "colorBolt200": "#FFE6B3",
71
- "colorBackgroundGrey": "#FAFAFA",
72
- "colorBackgroundGreen": "#DCEDE1",
73
- "colorBackgroundBlue": "#DEF2FF",
74
- "colorBackgroundYellow": "#FCECCB",
75
- "colorBackgroundWhite": "#FFFFFF"
67
+ "colorViolet700": "#4F1B98",
68
+ "colorViolet400": "#9E67E4",
69
+ "colorViolet200": "#DECBF6",
70
+ "colorError700": "#882024",
71
+ "colorError500": "#D13D42",
72
+ "colorError200": "#FBD5D5",
73
+ "colorSuccess700": "#275D33",
74
+ "colorSuccess500": "#46A65A",
75
+ "colorSuccess200": "#D7F1D8",
76
+ "colorInformative700": "#003B7E",
77
+ "colorInformative500": "#2071CE",
78
+ "colorInformative200": "#D5E5F8",
79
+ "colorWarning700": "#9C2E00",
80
+ "colorWarning500": "#F35B1C",
81
+ "colorWarning200": "#FFE8D6",
82
+ "colorColorSkinTone0": "#FFCC4D",
83
+ "colorColorSkinTone10": "#F7DECE",
84
+ "colorColorSkinTone20": "#F3D2A2",
85
+ "colorColorSkinTone30": "#D4AB88",
86
+ "colorColorSkinTone40": "#AF7E57",
87
+ "colorColorSkinTone50": "#7C533E"
76
88
  }