cortex-react-ui 0.1.106 → 0.1.108

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 (82) hide show
  1. package/README.md +46 -46
  2. package/lib/cjs/index.js +1 -1
  3. package/lib/cjs/index.js.map +1 -1
  4. package/lib/cjs/types/Button/Button.d.ts +11 -11
  5. package/lib/cjs/types/Button/index.d.ts +1 -1
  6. package/lib/cjs/types/DatePicker/DatePicker.d.ts +7 -7
  7. package/lib/cjs/types/DatePicker/index.d.ts +1 -1
  8. package/lib/cjs/types/Dialog/ConfirmDialog.d.ts +11 -11
  9. package/lib/cjs/types/Dialog/Dialog.d.ts +12 -12
  10. package/lib/cjs/types/Dialog/DialogActions.d.ts +7 -7
  11. package/lib/cjs/types/Dialog/DialogContent.d.ts +7 -7
  12. package/lib/cjs/types/Dialog/DialogFooter.d.ts +7 -7
  13. package/lib/cjs/types/Dialog/DialogHeader.d.ts +7 -7
  14. package/lib/cjs/types/Dialog/DialogTitle.d.ts +9 -9
  15. package/lib/cjs/types/Dialog/ErrorDialog.d.ts +10 -10
  16. package/lib/cjs/types/Dialog/index.d.ts +8 -8
  17. package/lib/cjs/types/DomContainer/DomContainer.d.ts +7 -7
  18. package/lib/cjs/types/DomContainer/index.d.ts +1 -1
  19. package/lib/cjs/types/Icons/ChevronDownIcon.d.ts +6 -6
  20. package/lib/cjs/types/Icons/ChevronRightIcon.d.ts +6 -6
  21. package/lib/cjs/types/Icons/CrossIcon.d.ts +6 -6
  22. package/lib/cjs/types/Icons/index.d.ts +3 -3
  23. package/lib/cjs/types/Input/Input.d.ts +7 -7
  24. package/lib/cjs/types/Input/index.d.ts +1 -1
  25. package/lib/cjs/types/Menu/ContextMenu.d.ts +13 -13
  26. package/lib/cjs/types/Menu/Divider.d.ts +6 -6
  27. package/lib/cjs/types/Menu/Menu.d.ts +9 -9
  28. package/lib/cjs/types/Menu/MenuGroup.d.ts +8 -8
  29. package/lib/cjs/types/Menu/MenuItem.d.ts +13 -13
  30. package/lib/cjs/types/Menu/PopupMenu.d.ts +16 -16
  31. package/lib/cjs/types/Menu/index.d.ts +6 -6
  32. package/lib/cjs/types/Popper/Popper.d.ts +36 -36
  33. package/lib/cjs/types/Popper/index.d.ts +1 -1
  34. package/lib/cjs/types/Select/Select.d.ts +6 -6
  35. package/lib/cjs/types/Select/index.d.ts +1 -1
  36. package/lib/cjs/types/Selected/Selected.d.ts +8 -0
  37. package/lib/cjs/types/Selected/index.d.ts +1 -0
  38. package/lib/cjs/types/Spinner/Spinner.d.ts +7 -7
  39. package/lib/cjs/types/Spinner/index.d.ts +1 -1
  40. package/lib/cjs/types/TagInput/TagInput.d.ts +12 -12
  41. package/lib/cjs/types/TagInput/TagItem.d.ts +9 -9
  42. package/lib/cjs/types/TagInput/TagSearchInput.d.ts +9 -9
  43. package/lib/cjs/types/TagInput/TagSuggestion.d.ts +13 -13
  44. package/lib/cjs/types/TagInput/TagSuggestionGroup.d.ts +8 -8
  45. package/lib/cjs/types/TagInput/TagSuggestionItem.d.ts +8 -8
  46. package/lib/cjs/types/TagInput/index.d.ts +1 -1
  47. package/lib/cjs/types/TagInput/types.d.ts +14 -14
  48. package/lib/cjs/types/TextField/TextField.d.ts +6 -6
  49. package/lib/cjs/types/TextField/TextFieldInput.d.ts +10 -10
  50. package/lib/cjs/types/TextField/index.d.ts +1 -1
  51. package/lib/cjs/types/ToggleButton/ToggleButton.d.ts +11 -11
  52. package/lib/cjs/types/ToggleButton/index.d.ts +1 -1
  53. package/lib/cjs/types/Tooltip/Tooltip.d.ts +12 -12
  54. package/lib/cjs/types/Tooltip/index.d.ts +1 -1
  55. package/lib/cjs/types/Transition/CSSTransition.d.ts +17 -17
  56. package/lib/cjs/types/Transition/Fade.d.ts +13 -13
  57. package/lib/cjs/types/index.d.ts +10 -10
  58. package/lib/cjs/types/utils/classNames.d.ts +1 -1
  59. package/lib/cjs/types/utils/setRef.d.ts +1 -1
  60. package/lib/cjs/types/utils/useClickOutside.d.ts +2 -2
  61. package/lib/cjs/types/utils/useElement.d.ts +2 -2
  62. package/lib/cjs/types/utils/useForkRef.d.ts +2 -2
  63. package/lib/index.d.ts +189 -189
  64. package/lib/styles/Button/index.scss +147 -147
  65. package/lib/styles/Dialog/index.scss +237 -237
  66. package/lib/styles/Icons/index.scss +9 -9
  67. package/lib/styles/Input/index.scss +69 -69
  68. package/lib/styles/Menu/index.scss +129 -129
  69. package/lib/styles/Popper/index.scss +23 -23
  70. package/lib/styles/Select/index.scss +13 -13
  71. package/lib/styles/Selected/index.scss +69 -0
  72. package/lib/styles/Spinner/index.scss +43 -43
  73. package/lib/styles/TagInput/index.scss +141 -141
  74. package/lib/styles/TextField/index.scss +22 -22
  75. package/lib/styles/ToggleButton/index.scss +60 -60
  76. package/lib/styles/Tooltip/index.scss +24 -24
  77. package/lib/styles/Transition/index.scss +15 -15
  78. package/lib/styles/global.scss +158 -158
  79. package/lib/styles/index.scss +42 -40
  80. package/lib/typings/typings/index.d.ts +30 -30
  81. package/lib/typings/typings/tagInput.d.ts +12 -12
  82. package/package.json +98 -98
package/lib/styles/Button/index.scss CHANGED
@@ -1,147 +1,147 @@
1
- @import "../global.scss";
2
-
3
- @mixin button($props: null, $options: null) {
4
- $internal-options: $default-options;
5
-
6
- $internal-props: ();
7
-
8
- $internal-props: safe-map-merge($internal-props, $props);
9
- $internal-options: safe-map-merge($internal-options, $options);
10
-
11
- .ui-btn {
12
- position: relative;
13
- display: inline-flex;
14
- align-items: center;
15
- justify-content: center;
16
- background-color: transparent;
17
- outline: 0px;
18
- border: 1px solid transparent;
19
- margin: 0px;
20
- cursor: pointer;
21
- user-select: none;
22
- appearance: none;
23
- text-decoration: none;
24
- font-family: $font-family;
25
- font-weight: $font-weight-semi-bold;
26
- font-size: $font-size-md;
27
- letter-spacing: 0.02857em;
28
- text-transform: uppercase;
29
- min-width: 64px;
30
- padding: $spacer-sm;
31
- border-radius: $border-radius-xs;
32
- transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
33
- box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
34
- border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
35
- color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
36
- }
37
-
38
- .ui-btn:not(.ui-btn-disable):hover {
39
- text-decoration: none;
40
- background-color: rgba($color: #90a4ae, $alpha: 0.1);
41
- }
42
-
43
- .ui-btn-disable {
44
- color: $color-blue-grey-lighter;
45
- }
46
-
47
- .ui-btn-contained {
48
- &:not(.ui-btn-disable):hover {
49
- text-decoration: none;
50
- }
51
-
52
- &.ui-btn-disable {
53
- background-color: $color-blue-grey-lighter;
54
- color: $color-grey-lighter;
55
- }
56
- }
57
-
58
- .ui-btn-outlined {
59
- &.ui-btn-disable {
60
- border-color: $color-blue-grey-lighter;
61
- }
62
- }
63
-
64
- .ui-btn-color-primary {
65
- color: $color-blue-dark;
66
-
67
- &:not(.ui-btn-disable).ui-btn-contained {
68
- background-color: $color-blue-dark;
69
- color: #fff;
70
-
71
- &:hover {
72
- background-color: $color-blue-darker;
73
- }
74
- }
75
-
76
- &:not(.ui-btn-disable).ui-btn-outlined {
77
- border-color: $color-blue-dark;
78
-
79
- &:hover {
80
- border-color: $color-blue-darker;
81
- }
82
- }
83
- }
84
-
85
- .ui-btn-color-secondary {
86
- color: $color-grey-dark;
87
-
88
- &:not(.ui-btn-disable).ui-btn-contained {
89
- background-color: $color-grey-dark;
90
- color: #fff;
91
-
92
- &:hover {
93
- background-color: $color-grey-darker;
94
- }
95
- }
96
-
97
- &:not(.ui-btn-disable).ui-btn-outlined {
98
- border-color: $color-grey-dark;
99
-
100
- &:hover {
101
- border-color: $color-grey-darker;
102
- }
103
- }
104
- }
105
-
106
- .ui-btn-color-success {
107
- color: $color-green;
108
-
109
- &:not(.ui-btn-disable).ui-btn-contained {
110
- background-color: $color-green;
111
- color: #fff;
112
-
113
- &:hover {
114
- background-color: $color-green-dark;
115
- }
116
- }
117
-
118
- &:not(.ui-btn-disable).ui-btn-outlined {
119
- border-color: $color-green;
120
-
121
- &:hover {
122
- border-color: $color-green-dark;
123
- }
124
- }
125
- }
126
-
127
- .ui-btn-color-danger {
128
- color: $color-red;
129
-
130
- &:not(.ui-btn-disable).ui-btn-contained {
131
- background-color: $color-red;
132
- color: #fff;
133
-
134
- &:hover {
135
- background-color: $color-red-dark;
136
- }
137
- }
138
-
139
- &:not(.ui-btn-disable).ui-btn-outlined {
140
- border-color: $color-red;
141
-
142
- &:hover {
143
- border-color: $color-red-dark;
144
- }
145
- }
146
- }
147
- }
1
+ @import "../global.scss";
2
+
3
+ @mixin button($props: null, $options: null) {
4
+ $internal-options: $default-options;
5
+
6
+ $internal-props: ();
7
+
8
+ $internal-props: safe-map-merge($internal-props, $props);
9
+ $internal-options: safe-map-merge($internal-options, $options);
10
+
11
+ .ui-btn {
12
+ position: relative;
13
+ display: inline-flex;
14
+ align-items: center;
15
+ justify-content: center;
16
+ background-color: transparent;
17
+ outline: 0px;
18
+ border: 1px solid transparent;
19
+ margin: 0px;
20
+ cursor: pointer;
21
+ user-select: none;
22
+ appearance: none;
23
+ text-decoration: none;
24
+ font-family: $font-family;
25
+ font-weight: $font-weight-semi-bold;
26
+ font-size: $font-size-md;
27
+ letter-spacing: 0.02857em;
28
+ text-transform: uppercase;
29
+ min-width: 64px;
30
+ padding: $spacer-sm;
31
+ border-radius: $border-radius-xs;
32
+ transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
33
+ box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
34
+ border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
35
+ color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
36
+ }
37
+
38
+ .ui-btn:not(.ui-btn-disable):hover {
39
+ text-decoration: none;
40
+ background-color: rgba($color: #90a4ae, $alpha: 0.1);
41
+ }
42
+
43
+ .ui-btn-disable {
44
+ color: $color-blue-grey-lighter;
45
+ }
46
+
47
+ .ui-btn-contained {
48
+ &:not(.ui-btn-disable):hover {
49
+ text-decoration: none;
50
+ }
51
+
52
+ &.ui-btn-disable {
53
+ background-color: $color-blue-grey-lighter;
54
+ color: $color-grey-lighter;
55
+ }
56
+ }
57
+
58
+ .ui-btn-outlined {
59
+ &.ui-btn-disable {
60
+ border-color: $color-blue-grey-lighter;
61
+ }
62
+ }
63
+
64
+ .ui-btn-color-primary {
65
+ color: $color-blue-dark;
66
+
67
+ &:not(.ui-btn-disable).ui-btn-contained {
68
+ background-color: $color-blue-dark;
69
+ color: #fff;
70
+
71
+ &:hover {
72
+ background-color: $color-blue-darker;
73
+ }
74
+ }
75
+
76
+ &:not(.ui-btn-disable).ui-btn-outlined {
77
+ border-color: $color-blue-dark;
78
+
79
+ &:hover {
80
+ border-color: $color-blue-darker;
81
+ }
82
+ }
83
+ }
84
+
85
+ .ui-btn-color-secondary {
86
+ color: $color-grey-dark;
87
+
88
+ &:not(.ui-btn-disable).ui-btn-contained {
89
+ background-color: $color-grey-dark;
90
+ color: #fff;
91
+
92
+ &:hover {
93
+ background-color: $color-grey-darker;
94
+ }
95
+ }
96
+
97
+ &:not(.ui-btn-disable).ui-btn-outlined {
98
+ border-color: $color-grey-dark;
99
+
100
+ &:hover {
101
+ border-color: $color-grey-darker;
102
+ }
103
+ }
104
+ }
105
+
106
+ .ui-btn-color-success {
107
+ color: $color-green;
108
+
109
+ &:not(.ui-btn-disable).ui-btn-contained {
110
+ background-color: $color-green;
111
+ color: #fff;
112
+
113
+ &:hover {
114
+ background-color: $color-green-dark;
115
+ }
116
+ }
117
+
118
+ &:not(.ui-btn-disable).ui-btn-outlined {
119
+ border-color: $color-green;
120
+
121
+ &:hover {
122
+ border-color: $color-green-dark;
123
+ }
124
+ }
125
+ }
126
+
127
+ .ui-btn-color-danger {
128
+ color: $color-red;
129
+
130
+ &:not(.ui-btn-disable).ui-btn-contained {
131
+ background-color: $color-red;
132
+ color: #fff;
133
+
134
+ &:hover {
135
+ background-color: $color-red-dark;
136
+ }
137
+ }
138
+
139
+ &:not(.ui-btn-disable).ui-btn-outlined {
140
+ border-color: $color-red;
141
+
142
+ &:hover {
143
+ border-color: $color-red-dark;
144
+ }
145
+ }
146
+ }
147
+ }