@nectary/components 0.39.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 (115) hide show
  1. package/accordion/index.js +47 -84
  2. package/accordion-item/index.js +26 -53
  3. package/action-menu/index.d.ts +0 -1
  4. package/action-menu/index.js +179 -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 +51 -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 +42 -92
  16. package/card/index.js +21 -59
  17. package/chat-avatar/index.js +8 -22
  18. package/chat-block/index.js +29 -69
  19. package/chat-bubble/index.js +6 -20
  20. package/checkbox/index.js +55 -107
  21. package/chip/index.d.ts +13 -0
  22. package/chip/index.js +137 -0
  23. package/chip/types.d.ts +38 -0
  24. package/color-menu/index.d.ts +13 -0
  25. package/color-menu/index.js +464 -0
  26. package/color-menu/types.d.ts +37 -0
  27. package/color-swatch/index.d.ts +13 -0
  28. package/color-swatch/index.js +59 -0
  29. package/color-swatch/types.d.ts +12 -0
  30. package/colors.json +57 -49
  31. package/date-picker/index.js +161 -292
  32. package/dialog/index.js +70 -142
  33. package/dropdown-checkbox-option/index.js +6 -20
  34. package/dropdown-radio-option/index.js +6 -20
  35. package/field/index.js +25 -63
  36. package/file-drop/index.js +123 -200
  37. package/file-picker/index.d.ts +0 -1
  38. package/file-picker/index.js +55 -108
  39. package/file-status/index.js +15 -39
  40. package/help-tooltip/index.js +1 -1
  41. package/horizontal-stepper/index.js +33 -59
  42. package/horizontal-stepper-item/index.js +13 -37
  43. package/icon-button/index.js +39 -84
  44. package/icons-channel/notify/index.d.ts +11 -0
  45. package/icons-channel/notify/index.js +4 -0
  46. package/illustrations/create-illustration-class.js +1 -1
  47. package/inline-alert/index.js +29 -81
  48. package/input/index.js +113 -222
  49. package/link/index.js +46 -96
  50. package/list-item/index.js +1 -1
  51. package/package.json +12 -14
  52. package/pagination/index.js +109 -163
  53. package/popover/index.js +224 -294
  54. package/progress/index.js +9 -28
  55. package/radio/index.js +103 -169
  56. package/radio-option/index.js +24 -48
  57. package/segment/index.js +49 -130
  58. package/segment-collapse/index.js +24 -49
  59. package/segmented-control/index.js +36 -73
  60. package/segmented-control-option/index.js +41 -87
  61. package/segmented-icon-control/index.js +47 -84
  62. package/segmented-icon-control-option/index.js +38 -79
  63. package/select-button/index.d.ts +13 -0
  64. package/select-button/index.js +153 -0
  65. package/select-button/types.d.ts +43 -0
  66. package/select-menu/index.d.ts +11 -0
  67. package/select-menu/index.js +346 -0
  68. package/select-menu/types.d.ts +29 -0
  69. package/select-menu/types.js +1 -0
  70. package/{dropdown-text-option → select-menu-option}/index.d.ts +5 -7
  71. package/select-menu-option/index.js +76 -0
  72. package/{select-option → select-menu-option}/types.d.ts +8 -9
  73. package/stop-events/index.js +7 -20
  74. package/table-head-cell/index.js +7 -21
  75. package/tabs/index.js +103 -165
  76. package/tabs-option/index.js +20 -44
  77. package/tag/index.d.ts +0 -1
  78. package/tag/index.js +37 -38
  79. package/tag/types.d.ts +13 -7
  80. package/textarea/index.js +92 -167
  81. package/theme.css +80 -49
  82. package/tile-control/index.js +55 -96
  83. package/tile-control-option/index.js +40 -86
  84. package/time-picker/index.js +216 -368
  85. package/title/index.js +6 -20
  86. package/toast/index.js +32 -70
  87. package/toast-manager/index.js +141 -217
  88. package/toggle/index.js +54 -106
  89. package/types.d.ts +7 -0
  90. package/utils/colors.d.ts +10 -0
  91. package/utils/colors.js +121 -0
  92. package/{utils.d.ts → utils/index.d.ts} +17 -9
  93. package/{utils.js → utils/index.js} +96 -39
  94. package/vertical-stepper/index.js +29 -50
  95. package/vertical-stepper-item/index.js +13 -37
  96. package/dropdown/index.d.ts +0 -12
  97. package/dropdown/index.js +0 -415
  98. package/dropdown/types.d.ts +0 -32
  99. package/dropdown-text-option/index.js +0 -104
  100. package/dropdown-text-option/types.d.ts +0 -16
  101. package/select/index.d.ts +0 -13
  102. package/select/index.js +0 -316
  103. package/select/types.d.ts +0 -53
  104. package/select-option/index.d.ts +0 -11
  105. package/select-option/index.js +0 -8
  106. package/tag/utils.d.ts +0 -5
  107. package/tag/utils.js +0 -6
  108. package/tag-close/index.d.ts +0 -12
  109. package/tag-close/index.js +0 -42
  110. package/tag-close/types.d.ts +0 -5
  111. /package/{dropdown-text-option → chip}/types.js +0 -0
  112. /package/{dropdown → color-menu}/types.js +0 -0
  113. /package/{select-option → color-swatch}/types.js +0 -0
  114. /package/{select → select-button}/types.js +0 -0
  115. /package/{tag-close → select-menu-option}/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
  }